:root {
  color-scheme: light;

  --color-orange: #f15b24;

  --color-orange-text: #bb3b0c;

  --color-orange-face: #d64020;

  --color-orange-dark: var(--color-orange-text);
  --color-orange-deep: #932c0c;
  --color-genio-n: #ec7c1e;
  --color-heading: var(--color-ink-strong);
  --color-mark-dark: #4b4948;
  --grad-mark-base: linear-gradient(118deg, #171310 0%, #251a11 46%, #4a2d16 84%, #6b3d1a 100%);
  --grad-footer-bottom: var(--grad-mark-base);
  --color-line-card: rgba(18, 20, 22, 0.14);
  --fade-section: 0px;
  --color-amber: #f5b63c;

  --color-ink: #1f2124;
  --color-ink-strong: #121416;
  --color-muted: #3d3f42;
  --color-faint: #6b6e72;
  --color-bg: #ffffff;
  --color-paper: #e9ecf0;
  --color-white: #ffffff;
  --color-line: rgba(18, 20, 22, 0.14);
  --color-line-soft: rgba(18, 20, 22, 0.08);
  --color-on-dark: #fffdf9;
  --color-on-dark-muted: rgba(255, 253, 249, 0.72);
  --color-on-dark-line: rgba(255, 253, 249, 0.25);
  --color-focus: #ffc432;
  --color-header-glass: rgba(255, 255, 255, 0.96);
  --color-accent: #ec7c1e;
  --color-accent-text: var(--color-orange-text);
  --color-accent-wash: rgba(236, 124, 30, 0.22);
  --veil-strong: rgba(255, 252, 246, 0.95);
  --veil-mid: rgba(255, 252, 246, 0.6);
  --veil-soft: rgba(255, 252, 246, 0.22);
  --veil-flat: rgba(255, 252, 246, 0.9);
  --grad-cta: linear-gradient(100deg, #e3640e 0%, #e3640e 45%, #e97d15 76%, #f09a10 100%);
  --grad-cta-glow: radial-gradient(ellipse 62% 110% at 88% 16%, rgba(255, 253, 249, 0.14), transparent 62%);
  --mask-cta: linear-gradient(90deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.46) 24%, rgba(0, 0, 0, 1) 56%, rgba(0, 0, 0, 0.95) 100%);
  --grad-keyline: linear-gradient(90deg, transparent, #f5b63c 30%, #f15b24 70%, transparent);
  --grad-title-spark: linear-gradient(100deg,
    rgba(247, 162, 58, 0) 42%, var(--color-spark) 50%, rgba(247, 162, 58, 0) 58%);
  --grad-hero-scrim: linear-gradient(100deg, rgba(21, 23, 22, 0.62) 0%, rgba(21, 23, 22, 0.3) 46%, rgba(21, 23, 22, 0.05) 75%, rgba(21, 23, 22, 0) 100%);
  --grad-hero-scrim-sp: linear-gradient(178deg, rgba(21, 23, 22, 0.10) 0%, rgba(21, 23, 22, 0.20) 38%, rgba(21, 23, 22, 0.52) 70%, rgba(21, 23, 22, 0.78) 100%);
  --grad-card-scrim: linear-gradient(to top right, rgba(21, 23, 22, 0.34) 0%, rgba(21, 23, 22, 0.14) 45%, rgba(21, 23, 22, 0) 78%);
  --grad-card-text-scrim: linear-gradient(to top, rgba(21, 23, 22, 0.94) 0%, rgba(21, 23, 22, 0.88) 46%, rgba(21, 23, 22, 0.5) 74%, rgba(21, 23, 22, 0) 100%);
  --shadow-card-wm-num: 0 2px 14px rgba(21, 23, 22, 0.55);
  --grad-hero-top: linear-gradient(180deg, rgba(21, 23, 22, 0.5) 0%, rgba(21, 23, 22, 0) 100%);
  --grad-hero-plain: linear-gradient(100deg, #8f2c0b 0%, #b8380f 38%, #c4451a 62%, #ee6820 100%);

  --grad-hero-plain-veil:
    linear-gradient(100deg, rgba(227, 100, 14, 0.93) 0%, rgba(227, 100, 14, 0.93) 45%,
      rgba(233, 125, 21, 0.93) 76%, rgba(240, 154, 16, 0.93) 100%);
  --grad-hero-plain-veil-sp:
    linear-gradient(180deg, rgba(198, 84, 12, 0.95) 0%, rgba(227, 100, 14, 0.93) 34%,
      rgba(233, 125, 21, 0.93) 72%, rgba(240, 154, 16, 0.93) 100%);
  --color-gold-line: rgba(245, 182, 60, 0.65);

  --btn-min-w: 300px;
  --btn-h: 52px;
  --grad-btn-ink: linear-gradient(100deg,
      #e3640e 0%, #e3640e 20.5%, #e97d15 34.5%, #f09a10 45.5%,
      #423f3e 54.5%, #4b4948 78%, #545251 100%);
  --grad-btn-orange: var(--grad-btn-ink);
  --grad-btn-hero: linear-gradient(100deg,
      #e3640e 0%, #e3640e 20.5%, #e97d15 34.5%, #f09a10 45.5%,
      #fffdf9 54.5%, #fffdf9 100%);
  --grad-btn-ghost: linear-gradient(100deg,
      #545251 0%, #423f3e 44%,
      rgba(75, 73, 72, 0) 56%, rgba(75, 73, 72, 0) 100%);
  --grad-btn-on-dark: linear-gradient(100deg,
      #423f3e 0%, #4b4948 44%,
      #fffdf9 56%, #fffdf9 100%);
  --radius-btn: 6px;
  --radius-btn-sm: 3px;
  --color-round-hover: #b8380f;
  --shadow-btn-hover: inset 0 1px 0 rgba(255, 253, 249, 0.16), 0 3px 10px rgba(221, 66, 33, 0.22);
  --shadow-btn-float: 0 8px 24px rgba(37, 37, 32, 0.18);

  --dur-cta-spin: 86s;
  --dur-cta-pinion: 30s;

  --font-sans: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
  --font-serif: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --font-en: "Inter", "Helvetica Neue", Arial, sans-serif;

  --font-heading: var(--font-serif);
  --fw-heading: 700;
  --fw-heading-s: 700;
  --ls-heading: 0.02em;

  --fs-h1: clamp(1.9rem, 3.4vw, 2.8rem);
  --fs-h2: clamp(1.6rem, 3.2vw, 2.7rem);
  --fs-h3: 1.3rem;
  --fs-h4: 1.05rem;
  --fs-lead: 1.06rem;
  --fs-body: 1rem;
  --fs-small: 0.95rem;
  --fs-xs: 0.875rem;
  --fs-label: 0.834rem;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;
  --space-section: 120px;

  --width-content: 1200px;
  --pad-x: clamp(20px, 4.5vw, 64px);
  --header-h: 112px;
  --header-h-lap: 96px;
  --header-h-sp: 64px;
  --header-util-h: 34px;

  --radius-base: 3px;
  --radius-input: 6px;
  --radius-s: var(--radius-input);
  --color-wm-num: rgba(18, 20, 22, 0.07);
  --color-mask-solid: #000;
  --color-spark: #f7a23a;
  --color-spark-glow: rgba(247, 162, 58, 0.55);
  --wm-num-size: 6.4rem;
  --wm-num-size-s: 4.2rem;

  --radius-m: var(--radius-base);
  --radius-pill: 999px;
  --shadow-card: 0 1px 2px var(--color-line-soft);
  --shadow-header: 0 2px 12px var(--color-line-soft);
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur: 0.25s;

  --ease-phero: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out-slow-start: cubic-bezier(0.5, 0, 0.75, 0.35);
  --dur-reveal: 0.52s;
  --dur-hover: 0.35s;
  --delay-reveal: 0.1s;
  --move-reveal: 14px;
  --lift-hover: -4px;
  --scale-hover: 1.05;
  --reveal-y: 28px;
  --reveal-dur: 0.9s;

  --color-thero-dark-ground: #0b0c0b;
  --grad-thero-veil-dark:
    linear-gradient(100deg, rgba(21, 23, 22, 0.62) 0%, rgba(21, 23, 22, 0.3) 46%,
      rgba(21, 23, 22, 0.05) 75%, rgba(21, 23, 22, 0) 100%),
    linear-gradient(180deg, rgba(21, 23, 22, 0.5) 0%, rgba(21, 23, 22, 0) 72%,
      rgba(21, 23, 22, 0.5) 100%);
  --grad-thero-veil-dark-sp:
    linear-gradient(178deg, rgba(21, 23, 22, 0.1) 0%, rgba(21, 23, 22, 0.2) 38%,
      rgba(21, 23, 22, 0.52) 70%, rgba(21, 23, 22, 0.78) 100%),
    linear-gradient(180deg, rgba(21, 23, 22, 0.42) 0%, rgba(21, 23, 22, 0) 30%,
      rgba(21, 23, 22, 0) 100%);
  --shadow-thero-title-dark: 0 2px 24px rgba(0, 0, 0, 0.55), 0 1px 2px rgba(0, 0, 0, 0.6);
  --shadow-thero-em-dark: 0 2px 26px rgba(236, 124, 30, 0.45), 0 1px 2px rgba(0, 0, 0, 0.6);
  --shadow-thero-lead-dark: 0 1px 12px rgba(0, 0, 0, 0.65);
  --color-thero-dot-dark: rgba(255, 253, 249, 0.32);
  --color-thero-scroll-dark: rgba(255, 253, 249, 0.75);
  --grad-thero-scroll-dark: linear-gradient(180deg, rgba(255, 253, 249, 0.1), rgba(255, 253, 249, 0.85));
}

@media (max-width: 768px) {
  :root {
    --wm-num-size: 4.2rem;
    --wm-num-size-s: 3rem;
  }
}