/* =========================================================
   トーン「誠実・ビジネス」
   紺を主役に、強調は赤（AIマロンの赤）、申込は LINE の緑。書体はゴシックでそろえる。
   部品はどの型から取っても、ここの変数（--c-* と --font-*）で色と書体が決まる（maps.json）。
   ========================================================= */
:root {
  --c-primary: #1f3b63;
  --c-primary-deep: #142a48;
  --c-primary-soft: #c9d6e8;
  --c-primary-pale: #eef3f9;
  --c-accent: #d2412f;
  --c-accent-deep: #a82f21;
  --c-accent-pale: #fbeae7;
  --c-cta: #06a94d;
  --c-cta-deep: #04813a;
  --c-cta-light: #3cc874;
  --c-highlight: #ffe680;
  --c-highlight-deep: #e2b100;
  --c-highlight-pale: #fff6cc;
  --c-bg: #fff;
  --c-bg-alt: #f4f6f9;
  --c-bg-alt-2: #e9edf2;
  --c-dark: #17202c;
  --c-dark-2: #243041;
  --c-ink: #1f2933;
  --c-muted: #667085;
  --c-line: #d9dee5;
  --font-body: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
  --font-head: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
  --font-en: "Montserrat", "Noto Sans JP", sans-serif;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { margin: 0; background: var(--c-bg-alt-2); color: var(--c-ink); font-family: var(--font-body); -webkit-font-smoothing: antialiased; overflow-x: hidden; }
.page { max-width: 640px; margin: 0 auto; background: var(--c-bg); overflow: hidden; box-shadow: 0 0 40px rgba(20, 40, 70, .1); }