:root {
  /* カラーパレット */
  --c-blue:       #6FAED9;   /* メインブルー */
  --c-blue-lt:    #DCEEF7;   /* ライトブルー */
  --c-blue-dk:    #4A8BB5;   /* ダークブルー（ホバー） */
  --c-mint:       #D8EEE7;   /* ミントグリーン */
  --c-mint-dk:    #5FA897;   /* ミントダーク（アクセント） */
  --c-bg:         #FFFFFF;
  --c-bg-soft:    #F8FBFC;   /* オフホワイト */
  --c-gray:       #E7EDF0;   /* クールグレー */
  --c-text:       #3E5566;   /* ネイビーテキスト */
  --c-text-lt:    #7A8FA0;   /* サブテキスト */
  --c-border:     #D8E6EF;
  --c-white:      #FFFFFF;

  /* フォント */
  --font-ja:      'Noto Sans JP', 'Hiragino Kaku Gothic ProN', sans-serif;
  --font-en:      'Cormorant Garamond', Georgia, serif;

  /* レイアウト */
  --max-w:        1160px;
  --outer:        48px;
  --hh:           76px;
  --section-py:   88px;
  --tr:           0.2s ease;
  --radius:       10px;
  --radius-lg:    20px;
}

@media (max-width: 768px) {
  :root {
    --outer:      20px;
    --section-py: 56px;
    --hh:         64px;
  }
}