/* =========================================================================
   front-page-a2pop.css — a2pop（ゴシック＋明るい配色）上書きレイヤー
   読み込み順：design-system-a2pop.css → front-page-a2deep.css → front-page-a2pop.css
   editorialレイアウトの“直書きで暗い/温色固定”の箇所だけを、明るく上書き。
   ========================================================================= */

/* フッターを暗すぎる黒紺→明るい紺へ */
.jk-footer { background: var(--jk-navy); }

/* ヘッダーは下層ページと完全一致：不透明の白＋ガラス無し */
.jk-header { background: var(--jk-bg); -webkit-backdrop-filter: none; backdrop-filter: none; }

/* 写真プレースホルダの文字を明るめに */
.jk-photoph { color: #C2904A; }
.jk-photoph__cap { color: #C2904A; }

/* ヒーローにサニーな下地（白→ほんのり暖色） */
.jk-hero { background: linear-gradient(180deg, #FFF6EA 0%, #FFFFFF 60%); }

/* ヒーローの実績バーに空色の差し色（気分プラス） */
.jk-hero__facts li span { color: var(--jk-orange); }
.jk-hero__facts li:nth-child(2) span { color: var(--jk-sky); }

/* お知らせ上部の見出し罫を空色に（軽快さ） */
/* お知らせ＝白面（お悩みのクリームと区別。背景指定なし＝ページの白） */
.jk-anews { background: var(--jk-white); }
.jk-anews__head { border-bottom-color: var(--jk-orange); }
.jk-anews__list time { color: var(--jk-orange); }

/* 「まなびPORTとは」3本柱の番号を交互に空色で */
.jk-pillar:nth-child(2) .jk-pillar__no { color: var(--jk-sky); }

/* 左右交互カラムの番号も、明るいアクセントで大きく */
.jk-rsn__no { color: var(--jk-orange); }

/* セクション交互背景：cream に加えて soft(空色)も活かす（front-page-a2deep は cream のみ使用のため、
   ここでは追加クラスは増やさず、見出し下線や差し色で軽快さを出す方針） */