/* CコースLPの指定値。完成デザインのFoundationから参照する。 */
:root {
  --color-navy: #071b3d;
  --color-blue: #124b78;
  --color-gold: #c8952d;
  --color-gold-text: var(--color-gold);
  --color-white: #ffffff;
  --color-pale: #edf5fb;
  --color-flow-pale: #f5f9fd;
  --color-text: #243449;
  --color-muted: #58697c;
  --color-border: #d5e0ea;
  --gradient-cta: linear-gradient(135deg, #124b78 0%, #071b3d 100%);
  --color-curriculum-frame: #a8b3c2;
  --color-feature-border: var(--color-curriculum-frame);
  --color-feature-accent: var(--color-gold);
  --color-survey-button: #dfb13c;
  --color-survey-button-hover: #c78e1d;
  --gradient-gold: linear-gradient(110deg, #9c7529 0%, #f3d985 45%, #c6a04b 75%, #9c7529 100%);
  --font-body: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
  --font-heading: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --font-size-hero: clamp(56px, 4.45vw, 64px);
  --font-size-heading: 40px;
  --font-size-name: 28px;
  --font-size-card: 20px;
  --font-size-lead: 18px;
  --font-size-body: 16px;
  --font-size-table: 15px;
  --font-size-note: 14px;
  --font-size-label: 14px;
  --font-size-cta: 18px;
  --line-height-body: 1.85;
  --line-height-heading: 1.5;
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 40px;
  --space-6: 48px;
  --space-8: 64px;
  --space-12: 96px;
  --content-width: 1200px;
  --reading-width: 800px;
  --visual-width: 1440px;
  --gutter: 40px;
  --section-space: 96px;
  --heading-gap: 40px;
  --grid-gap: 32px;
  --card-padding: 32px;
  --radius-card: 4px;
  --radius-button: 8px;
  --radius-photo: 0px;
  --shadow-card: 0 4px 20px rgba(7, 27, 61, 0.05);
  --shadow-feature-card: 0 10px 28px rgba(0, 26, 61, .045);
  --shadow-cta: 0 8px 24px rgba(7, 27, 61, 0.12);
  --cta-height: 64px;
  --cta-width: 380px;
  --focus-color: #124b78;
}

@media (min-width: 769px) and (max-width: 1023px) {
  :root {
    --gutter: 32px;
    --section-space: 72px;
    --heading-gap: 32px;
    --grid-gap: 24px;
    --card-padding: 24px;
  }
}

@media (max-width: 768px) {
  :root {
    --font-size-hero: clamp(32px, 8.4vw, 36px);
    --font-size-heading: 28px;
    --font-size-name: 24px;
    --font-size-card: 18px;
    --font-size-lead: 16px;
    --font-size-body: 15px;
    --font-size-cta: 17px;
    --gutter: 20px;
    --section-space: 64px;
    --heading-gap: 32px;
    --grid-gap: 24px;
    --card-padding: 24px;
    --cta-height: 60px;
    --cta-width: 100%;
  }
}