@charset "UTF-8";
/* ============================================================
   en.css ＝「英語ページの“本文コンテンツ”の文字組み」だけを担当するレイヤー
   ------------------------------------------------------------
   ■ 責務（これだけ）:
     ・#container 内の記事コンテンツ（本文 p/li/small・見出し .heading/h1-h3 等）を
       Apple寄りの中立・細め・ゆとりある行間に調整する。英語ページ専用（html[lang="en"]）。
   ■ 触らないもの（重要）:
     ・共通UI部品 = ヘッダー .gh / グローバルナビ .gn / レガシーヘッダー #header_global /
       フッター #footer_global。これらは gajyuku-nav.css ＋ レガシーCSS で JP/EN 共通に保つ。
       → 言語で見た目が割れないよう、本ファイルは chrome を除外スコープにしている。
     ・言語ごとに変えたい値は gajyuku-nav.css の「言語トークン」(例: --gaj-cta-weight) に集約。
   ※ 日本語版には一切影響しない。
   ============================================================ */

/* ---- 本文: 大きめ・ゆとり・通常太さ・字間0 ----
   ★ #container 内の「記事コンテンツ」だけに適用。
     共通chrome（レガシーヘッダー #header_global / フッター #footer_global）は除外し、
     JP と同じ見た目を保つ（言語で割れない）。 */
html[lang="en"] body { font-size: 1.0625rem !important; }
html[lang="en"] #container p:not(#header_global *):not(#footer_global *),
html[lang="en"] #container li:not(#header_global *):not(#footer_global *),
html[lang="en"] .banner-text p {
  font-size: 1.0625rem !important;
  line-height: 1.75 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}
html[lang="en"] #container small:not(#header_global *):not(#footer_global *) {
  font-size: 0.92rem !important;
  letter-spacing: 0 !important;
}
html[lang="en"] h1 { letter-spacing: 0 !important; }

/* ============================================================
   大見出し（青帯）: 日本語版と同じ“青い帯”の見出しをそのまま使う。
   以前は白地・大きく細く・左詰めに上書きしていたが、ユーザー指示により撤去。
   → .heading / .heading_h1 / .heading_1 はレガシーCSS（JP共通）の青帯スタイルを
      そのまま適用し、en.css では上書きしない。
   ============================================================ */

/* ============================================================
   小見出し: semibold ＋ サイズ階層（h2 > h3）
   text-align は強制しない → メール枠などの中央寄せは維持
   ============================================================ */
html[lang="en"] h2,
html[lang="en"] h3,
html[lang="en"] .heading_h3,
html[lang="en"] .margin-bottom0px1em {
  color: #1d1d1f !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
}
html[lang="en"] h2                 { font-size: 1.5rem !important; line-height: 1.3 !important; }   /* 24px */
html[lang="en"] .margin-bottom0px1em { font-size: 1.375rem !important; }                            /* 22px ラベル */
html[lang="en"] .heading_h3 {
  font-size: 1.25rem !important;
  line-height: 1.25 !important;
  padding-left: 15px !important;
  cursor: default !important;
}
html[lang="en"] h3                 { font-size: 1.2rem !important; }

/* タイトル/セクションラベルだけ左詰め（h2一般・メール枠は対象外） */
html[lang="en"] .heading_h3,
html[lang="en"] .margin-bottom0px1em,
html[lang="en"] .col1 > h2 {
  text-align: left !important;
}
html[lang="en"] strong { font-weight: 600 !important; }

/* ---- 青帯（.heading）の中の見出しは白（他ページ＝JP同様）。
        上の h2/h3/.heading_h3 の #1d1d1f を、青帯内だけ上書きして白に戻す。
        トップページは見出しに h3.heading_h3 を使っているため黒くなっていた。 ---- */
html[lang="en"] .heading h1,
html[lang="en"] .heading h2,
html[lang="en"] .heading h3,
html[lang="en"] .heading a,
html[lang="en"] .heading .heading_h1,
html[lang="en"] .heading .heading_h3,
html[lang="en"] .heading .heading_1 {
  color: #fff !important;
}
html[lang="en"] .heading .heading_h3 {
  color: #fff !important;
}


/* ---- セクション見出し横の装飾チェックボックスを非表示（コンテンツ装飾） ---- */
html[lang="en"] .fa-check-square { display: none !important; }

/* ============================================================
   ※ ナビ／ヘッダー等の「共通UI部品」のスタイルはここには置かない。
     ・グループ見出しの大文字化廃止       → gajyuku-nav.css（両言語共通）
     ・スタジオ併記 small のサイズ・太さ   → gajyuku-nav.css（両言語共通）
     ・CTA の太さ（日本語=500 / 英語=400） → gajyuku-nav.css の言語トークン --gaj-cta-weight
     こうして「部品=共有、言語差=トークン」に分離し、JP/EN がズレない構造にする。
   ============================================================ */