@charset "UTF-8";
/**
 * 英語表示のみに当てる調整
 * vp_lang() が 'en' のときだけ読み込まれるため、日本語表示には一切影響しません。
 * ビルド対象外（assets/sass からは生成しない）。直接編集して問題ありません。
 */

/* ── 日本語用のルビ（読み仮名）は英語では表示しない ───────────────── */
.lang-en rt {
	display: none;
}
.lang-en ruby {
	ruby-position: over;
}

/* ── 英語は語が長く折り返しが増えるため、日本語向けの字間を解除 ───── */
.lang-en h1,
.lang-en h2,
.lang-en h3,
.lang-en .c-title,
.lang-en .c-sectionTtl,
.lang-en .p-kv__ttl {
	letter-spacing: 0;
}

/* ── トップKV：見出しを円の中に収める ──────────────────────────── */
.lang-en .p-kv__ttl {
	font-size: min(2.1vw, 2.9rem);
	line-height: 1.35;
}

/* ── ヴィーガン認証ページ CTAバンド：認証マーク画像との重なりを防ぐ ── */
.lang-en .p-certificate__ctaBand__title {
	font-size: 2.6rem;
	line-height: 1.3;
	margin-bottom: 0.6em;
}

@media screen and (max-width: 768px) {
	.lang-en .p-kv__ttl {
		font-size: 5.4vw;
		padding-bottom: 10vw;
	}
	.lang-en .p-certificate__ctaBand__title {
		font-size: 5.6vw;
	}
}

/* ── セクション見出し：長い英語が左上の装飾円に隠れるため前面に出す ── */
.lang-en .c-title {
	position: relative;
	z-index: 5;
}
/* コンテンツ側を装飾より前面に */
.lang-en .l-sec > .l-wrapper {
	position: relative;
	z-index: 3;
}

/* ベジプロ大学：見出しが長くなり左上の装飾円と重なるため、この装飾のみ英語では隠す
   （日本語は「ベジプロ大学とは？」と短く重ならないので影響なし） */
.lang-en .p-univ-about::before {
	display: none;
}

@media screen and (max-width: 768px) {
	/* トップKV：SPで3行になり写真に重なるため、さらに詰める */
	.lang-en .p-kv__ttl {
		font-size: 4.8vw;
	}
	/* 認証ページ「Why obtain certification」：円の枠に収める */
	.lang-en .p-certificate__about__reasonTitle {
		font-size: 1.6rem;
	}
}