:root {
  /* カラー */
  --c-navy:        #0b2a45;
  --c-primary:     #0072bc;
  --c-primary-dk:  #005ba1;
  --c-accent:      #28b7a6;
  --c-bg:          #ffffff;
  --c-bg-light:    #f3faff;
  --c-bg-subtle:   #f7fbfe;
  --c-text:        #41566b;
  --c-heading:     #0b2a45;
  --c-muted:       #8a97a2;
  --c-muted-lt:    #9cb0bf;
  --c-border:      #e3edf3;
  --c-border-dk:   #c0cdd6;
  --c-num-blue:    #cfe0ec;
  --c-num-teal:    #cdf0e9;

  /* フォント */
  --font-ja:       'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif;
  --font-en:       'Outfit', system-ui, sans-serif;
  --font-heading:  'Zen Kaku Gothic New', 'Noto Sans JP', sans-serif;

  /* レイアウト */
  --max-w:         1180px;
  --outer:         56px;
  --hh:            72px;
  --section-py:    72px;
  --tr-ui:         0.18s ease;
}

@media (max-width: 768px) {
  :root {
    --outer:      24px;
    --section-py: 52px;
  }
}