/* ============================================
   Pattern B — 親和 × 安心(ナチュラルホワイト × ミッドグリーン)
   はじめてパーソナルを受けてみたい女性向け。
   看板のミッドグリーンを軸に、白で開かれた印象に。
   ============================================ */
:root {
  --font-head: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", sans-serif;
  --font-body: "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;

  /* brand green (看板色ベース) */
  --brand: #4c6b64;
  --brand-deep: #32473f;
  --brand-light: #8fb0a5;

  --bg: #fbfaf7;
  --bg-alt: #eef0ec;
  --ink: #333a37;
  --ink-soft: #68716c;
  --line: rgba(76, 107, 100, .16);
  --line-strong: rgba(76, 107, 100, .38);
  --card-bg: #ffffff;

  --accent: #2d9c83;
  --accent-ink: #ffffff;
  --accent-text: #446158;
  --accent-glow: rgba(76, 107, 100, .22);

  --header-bg: rgba(251, 250, 247, .88);
  --hero-overlay: linear-gradient(90deg, rgba(15, 20, 18, .95) 0%, rgba(15, 20, 18, .82) 30%, rgba(15, 20, 18, .28) 48%, rgba(15, 20, 18, 0) 62%, rgba(15, 20, 18, 0) 100%);
  --hero-ink: #ffffff;
  --hero-sub: rgba(255, 255, 255, .86);
  --hero-eyebrow: #ffffff;

  --badge-bg: rgba(15, 20, 18, .62);
  --badge-ink: #ffffff;
  --badge-line: rgba(255, 255, 255, .46);

  --footer-bg: #32473f;
  --footer-ink: #e6eae6;
  --sticky-bg: rgba(251, 250, 247, .92);

  --radius: 12px;
  --shadow: 0 10px 30px rgba(70, 90, 82, .12);
}

/* B: 余白と光でひらかれた印象に(甘くしすぎない) */
.hero-catch { letter-spacing: .04em; font-weight: 700; }
.sec-title { letter-spacing: .06em; }

.sec-head::after {
  content: ""; display: block; width: 36px; height: 2px;
  background: var(--brand); margin: 24px auto 0; border-radius: 2px;
}
.final-cta .hero-bg::after {
  background: linear-gradient(rgba(251, 250, 247, .9), rgba(251, 250, 247, .9));
}
.final-cta h2 { color: var(--ink); }
.final-cta p { color: var(--ink-soft); }