:root {
  --color-navy: #10599E;
  --color-blue-light: #4A94DD;
  --color-orange: #FF8E28;
  --color-orange-deep: #FF6900;
  --color-red: #D32929;
  --color-blue-deep: #005DAB;
  --color-link: #1887C7;
  --color-alert: #BC0000;

  --color-white: #FFFFFF;
  --color-cream: #F3F4EF;
  --color-border: #E1E4E8;
  --color-text: #3E3A39;
  --color-black: #000000;
  --color-gray-dark: #333333;
  --color-gray-mid: #B3B3B3;
  --color-gray-text: #666666;

  --form-field-bg: #F2F2F2;
  --form-step-bg: #F0F0F0;
  --form-area-bg: #E6E6E6;
  --form-max-width: 80rem;
  --form-control-height: 6rem;
  --form-control-height-sp: 5rem;

  --shadow-button: 0 0.4rem 1.2rem rgba(255, 142, 40, 0.35);

  --font-family-base: "Manrope", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  --font-family-num: "Oswald", "Manrope", sans-serif;

  --fs-body: 1.6rem;

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 700;
  --fw-extra: 800;

  --lh-tight: 1.4;
  --lh-loose: 1.8;

  --space-xs: 0.8rem;
  --space-sm: 1.6rem;
  --space-md: 2.4rem;
  --space-lg: 4rem;
  --space-xl: 6.4rem;
  --space-2xl: 8rem;

  --section-padding-y: var(--space-2xl);

  --radius-pill: 99.9rem;
  --radius-round: 50%;

  --header-height: 12rem;
  --fixed-cta-height: 6.2rem;
  --footer-bottom-space: 0rem;

  --transition-fast: 0.2s ease;
  --transition-base: 0.3s ease;

  --ease-back: cubic-bezier(0.22, 1.2, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --duration-hero: 0.9s;
  --duration-reveal: 1.45s;
}