:root {
  --c-main: #286f68;
  --c-main-dark: #1f4f4a;
  --c-cta: #d88350;
  --c-cta-text: #1f2f2d;
  --c-bg: #ffffff;
  --c-bg-sub: #f7f8f4;
  --c-bg-green: #e7efea;
  --c-text: #263b39;
  --c-text-sub: #667572;
  --c-line: #d5e0da;
  --c-line-soft: #edf2ef;
  --c-footer: #1e3836;
  --c-warn-bg: #fff7f0;
  --c-warn-line: #f0d4be;
  --c-warn-text: #8a4a1e;
  --c-note-bg: #eef4f1;

  --font-sans: "Noto Sans JP", sans-serif;
  --font-serif: "Noto Serif JP", serif;
  --fs-body: 16px;
  --lh-body: 1.8;
  --fs-h1: 44px;
  --fs-h2: 30px;

  --w-container: 1200px;
  --w-article: 760px;
  --gutter: 32px;
  --sp-section: 80px;
  --radius-card: 12px;
  --radius-ctl: 8px;
  --tap-min: 44px;
}

@media (max-width: 767px) {
  :root {
    --fs-body: 15px;
    --fs-h1: 28px;
    --fs-h2: 21px;
    --sp-section: 44px;
    --gutter: 16px;
  }
}