:root {
  --blue: #0757e8;
  --blue-bright: #2f7cff;
  --blue-soft: #eaf1ff;
  --navy: #061a3a;
  --navy-deep: #031126;
  --ink: #101828;
  --muted: #667085;
  --paper: #f6f8fc;
  --white: #ffffff;
  --line: #dfe5ef;
  --line-dark: rgba(255, 255, 255, .16);
  --container: 1120px;
  --page-gutter: clamp(20px, 4vw, 56px);
  --section-space: clamp(88px, 7vw, 120px);
  --font-display: "Inter", "Noto Sans JP", sans-serif;
  --font-body: "Noto Sans JP", sans-serif;
  --font-ui: "Inter", "Noto Sans JP", sans-serif;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --leading-display: 1.22;
  --leading-heading: 1.38;
  --leading-body: 1.85;
  --tracking-display: -.04em;
  --tracking-label: .1em;
  --type-micro: 11px;
  --type-label: 12px;
  --type-nav: 14px;
  --type-body-sm: 14px;
  --type-body: 16px;
  --type-tab: 14px;
  --type-card: 20px;
  --type-section: 32px;
  --type-display: 36px;
  --type-feature: 30px;
  --type-cta: 32px;
  --motion-fast: 180ms;
  --motion: 520ms;
  --ease: cubic-bezier(.22, 1, .36, 1);
  --pointer-x: 68%;
  --pointer-y: 38%;
}

@media (min-width: 821px) {
  :root {
    --type-micro: 12px;
    --type-label: 13px;
    --type-nav: 15px;
    --type-body-sm: 15px;
    --type-body: 17px;
    --type-tab: 19px;
    --type-card: 22px;
    --type-section: 48px;
    --type-display: 56px;
    --type-feature: 42px;
    --type-cta: 42px;
  }
}

@media (min-width: 2000px) {
  :root {
    --container: 1320px;
    --page-gutter: clamp(40px, 3vw, 64px);
    --type-micro: 12px;
    --type-label: 13px;
    --type-nav: 15px;
    --type-body-sm: 15px;
    --type-body: 17px;
    --type-tab: 19px;
    --type-card: 22px;
    --type-section: 48px;
    --type-display: 56px;
    --type-feature: 42px;
    --type-cta: 42px;
  }
}