/* =========================================================================
   front-page-a2.css — DESIGN_A2 上書きレイヤー
   ※ 読み込み順：design-system-a2.css → front-page.css → front-page-a2.css
   変数差し替えで大半は a2 化されるため、ここは「変数で表せない差分」だけ。
   ========================================================================= */

/* ガラス効果（ぼかし）を撤去：王道は実体のある面で */
.jk-header { background: var(--jk-bg); -webkit-backdrop-filter: none; backdrop-filter: none; }
.jk-mobilebar { background: var(--jk-bg); -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: 0 -4px 18px rgba(20,24,30,.06); }

/* ロゴ：明朝でレターを少し開ける */
.jk-logo__text { letter-spacing: .04em; font-weight: var(--jk-fw-bold); }
.jk-logo__mark { border-radius: 8px; }

/* FV：背景を柔らかく、タグはベタ帯→細い差し色ラベルに */
.jk-fv { background: linear-gradient(180deg, #FCF7EE, #FFFFFF); }
.jk-fv__tag {
  background: none; color: var(--jk-orange-dark);
  padding: 0; border-radius: 0;
  font-weight: var(--jk-fw-bold); font-size: .82rem; letter-spacing: .12em;
  display: inline-flex; align-items: center; gap: 11px;
}
.jk-fv__tag::before { content: ""; width: 28px; height: 1.5px; background: var(--jk-orange); }
.jk-fv__h1-sm { font-weight: var(--jk-fw-medium); color: var(--jk-text); }
.jk-fv__h1-lg { font-weight: var(--jk-fw-bold); line-height: 1.42; }

/* 見出し帯のアンダーバーは使わず、英字ラベル＋明朝で品よく（既に英字ラベルあり） */
.jk-head__en, .jk-pagehero__en { letter-spacing: .3em; }

/* 大見出しは明朝（:where で自動適用）。小さなカード見出し・UIラベルは
   可読性のため角ゴシックへ戻す（＝王道：読む所は静かに） */
.jk-reason__title, .jk-jhs__title, .jk-flow__title, .jk-diff__title,
.jk-target__head, .jk-postcard__title, .jk-faq__q, .jk-timetable__title,
.jk-about__pillar h3, .jk-incl__grid li b, .jk-steps__c h3,
.jk-access__title, .jk-plan__name, .jk-fact, .jk-badge, .jk-newstop__label {
  font-family: var(--jk-font-base);
}

/* 比較表ヘッダの「まなびPORT」列：ベタ塗り→明朝で落ち着いた強調に保ちつつ
   角を取りすぎない（変数で柔らかくなっているので微調整のみ） */
.jk-compare thead th.is-us { font-family: var(--jk-font-base); }

/* CTAボタンはブランド緑のまま。影だけ王道トーン（変数で調整済み） */

/* ページ見出し帯：明朝の大見出し＋生成り背景（変数で反映済み） */
.jk-pagehero { border-bottom: 1px solid var(--jk-rule); }

/* =========================================================================
   a2pop 下層ページ：TOP（editorialレイアウト）の作法に合わせる
   ・横幅は design-system-a2pop の --jk-container=1080px でTOPと一致
   ・重いボックス（白面＋枠＋影）を外し、ヘアラインで軽く見せる
   ・アイコンの塗り円も外して、明るいオレンジの線アイコンに
   ========================================================================= */

/* コンセプト3本柱：箱 → ヘアライン区切り */
.jk-about__pillars { margin-top: 44px; gap: 0; border-top: 1px solid var(--jk-rule); }
.jk-about__pillar { background: none; border: 0; border-bottom: 1px solid var(--jk-rule); border-radius: 0; box-shadow: none; padding: 30px 18px; }
.jk-about__ic { width: 48px; height: 48px; margin: 0 auto 14px; background: none; color: var(--jk-orange); }
.jk-about__ic svg { width: 40px; height: 40px; }
@media (min-width: 760px) {
  .jk-about__pillar { border-bottom: 0; border-left: 1px solid var(--jk-rule); }
  .jk-about__pillar:first-child { border-left: 0; }
}

/* 「月謝でできること」等のリスト：箱 → ヘアライン行 */
.jk-incl__grid { gap: 0; border-top: 1px solid var(--jk-rule); }
.jk-incl__grid li { background: none; border: 0; border-bottom: 1px solid var(--jk-rule); border-radius: 0; box-shadow: none; padding: 16px 6px; }
.jk-incl__ic { background: none; color: var(--jk-orange); width: 34px; height: 34px; }

/* 「なぜ続くのか」囲み：点線→実線ヘアラインでTOPと統一 */
.jk-about__why-list li { border-bottom-style: solid; }

/* フッターをa2popの明るい紺でTOPと統一（カタログ既定の暗紺#1b2d40を上書き） */
.jk-footer { background: var(--jk-navy); }