/* 色 */
:root {
  --c-white: #fff;
  --c-black: #000;
  --c-ink: #010100;
  --c-text: #333;
  --c-sub: #7b7b7b;
  --c-gold: #d0973f;
  --c-gold-logo: #c7994f;
  --c-coral: #ff6e58;
  --c-pink: #ff3170;
  --c-cream: #fff1dc;
  --c-bg-features: #f9fafb;
  --c-bg-cases: #f5f5f7;
  --c-bg-logos: #f5f5f5;
  --c-line: #7b7b7b;
  --c-divider: #ddd8d1;
  --c-border: #d1d5db;
}

/* 書体 */
:root {
  --ff-ja: "Noto Sans JP", sans-serif;
  --ff-en: "Inter", var(--ff-ja);
  --ff-num: "Josefin Sans", var(--ff-en);
}

/* 器の幅 */
:root {
  --w-wide: 1200px;
  --w-mid: 1000px;
  --w-narrow: 800px;
  --w-fv: 730px;
  --w-lead: 640px;
}

/* 余白 */
:root {
  --pad-x: clamp(20px, 8.3333vw, 120px);
  --py-lg: 120px;
  --py-md: 100px;
  --py-sm: 80px;
  --py-xs: 30px;
}

/* 部品の寸法 */
:root {
  --h-header: 80px;
  --h-fv: 760px;
  --fv-u: 1px;
}

@media (max-width: 768px) {
  :root {
    --pad-x: 20px;
    --py-lg: 60px;
    --py-md: 60px;
    --py-sm: 60px;
    --fv-u: min(1.2px, 100vw / 440);
    --w-fv: calc(403 * var(--fv-u));
    --h-header: 60px;
    --h-fv: calc(591 * var(--fv-u));
  }
}