/* ==================================================
   Luire CSS Variables
   色・フォント・共通値を管理
================================================== */
:root {
  --color-main: #727d82;
  --color-accent: #839097;
  --color-price: #ff3a7d;
  --color-text: #4e585c;
  --color-text-sub: #626a6e;
  --color-bg: #ffffff;
  --color-bg-sub: #f6f7f7;
  --color-border: #d8dddf;
  --color-white: #ffffff;
  --color-line: #06c755;
  --color-line-dark: #159437;

  --font-serif: "Noto Serif JP", "Yu Mincho", "YuMincho",
    "Hiragino Mincho ProN", serif;

  --font-en: "Cormorant Garamond", serif;

  /* PC / SP は 743px を境に個別調整 */
  --header-height-pc: 5.75vw;
  --header-height-sp: 18vw;

  --shadow-soft: 0 0.88vw 2.5vw rgba(31, 39, 43, .09);

  --duration-fast: .25s;
  --duration-base: .5s;
  --ease-base: cubic-bezier(.22, .61, .36, 1);
}

/* Explicitly approved smartphone-only menu fix. */
@media only screen and (max-width: 743px) {
  .mobile-nav__list a[href*="program"] {
    font-size: clamp(12px, 3.4vw, 14px);
    white-space: nowrap;
  }
}