@charset "utf-8";
/* ── 案C ブルーイエロー ─────────────────────────────────
   濃紺の見出し＋黄色マーカー。CTAはオレンジで、紙面で唯一の暖色に保つ。
   （オレンジを他の用途に使うとCTAの見つけやすさが落ちる）
   図解は白いカード＋濃紺の細線で、読みやすさを最優先。
   ─────────────────────────────────────────────────── */

.plan-c{
  --brand:#0a5bbe;
  --brand-deep:#0a3a6e;
  --accent:#fad21e;
  --cta:#fa5a1e;
  --cta-ink:#ffffff;
  --band:#f0f6fc;
  --line:#d9e4f0;
  --r:10px;
  --sec-pad:96px;
  --gap:22px;
  --shadow:0 2px 10px rgba(10,58,110,.07);
}

/* 英字ラベルを大きめに置くのがC案の顔 */
.plan-c .eyebrow-en{
  font-size:13px; font-weight:900; letter-spacing:.2em; color:var(--cta);
}
.plan-c .eyebrow b{ background:var(--brand-deep) }
.plan-c .ttl em::after{ height:.36em }

/* 山（03・09）は濃紺ベタの帯で見出しを反転させる */
.plan-c .is-peak{ background:var(--band) }
.plan-c .is-peak .ttl{ color:var(--brand-deep) }

.plan-c .step-n{ border-radius:4px; background:var(--brand-deep) }
.plan-c .who-us{ background:var(--brand-deep) }
.plan-c .cmp thead th{ background:#e7f0f9; color:var(--brand-deep) }
.plan-c .cmp thead .mine{ background:var(--brand-deep); color:#fff }
.plan-c .cmp tbody td.mine{ background:#fff8e2 }
.plan-c .price thead th{ background:var(--brand-deep); color:#fff }
.plan-c .price tbody td{ color:var(--brand-deep) }

/* 01 */
.plan-c .hero{ background:linear-gradient(180deg,#eef5fc 0,#fff 400px) }
.plan-c .hero-points li{ background:#fff; border-color:var(--line) }
.plan-c .hero-points span{ color:var(--brand-deep) }
.plan-c .flow-turn span{ background:var(--cta) }
.plan-c .chip-ours{ border-color:var(--cta) }

/* CTA帯：濃紺ベタ＋オレンジのボタン。紙面で唯一の暖色 */
.plan-c .band{ background:var(--brand-deep) }
.plan-c .valid{ border-color:var(--brand-deep) }
.plan-c .fit-yes{ border-color:var(--brand-deep) }
.plan-c .branch-row:last-child .chip{ background:var(--brand-deep); border-color:var(--brand-deep) }
.plan-c .funnel-goal b{ color:var(--brand-deep) }
.plan-c .qa dt span{ background:var(--brand-deep) }
.plan-c .qa dd span{ color:var(--cta) }
.plan-c .sticky{ background:rgba(255,255,255,.97) }

.plan-c{ --city-band:url(../img/c/bg_city_band.webp); --city-pale:url(../img/c/bg_city_pale.webp) }