:root {
  --content-width: 1024px;
  --container-outer: calc(var(--content-width) + var(--container-padding) * 2);
  --container-padding: 2.4rem;
  --container-offset: calc(max(0px, (100vw - var(--container-outer)) / 2) + var(--container-padding));
  --header-h: 80px;
  --space-section-l: clamp(5rem, 5.5vw + 2.9rem, 10rem);
  --space-section-m: clamp(4rem, 4.4vw + 2.3rem, 8rem);
  --space-section-s: clamp(3rem, 3.3vw + 1.8rem, 6rem);
  --space-section-xs: clamp(1rem, 1.1vw + 0.6rem, 2rem);
  --radius-card: 1.2rem;
  --radius-sm: 0.4rem;
  --radius-lg: 2.4rem;
  --color-main: #ff6600;
  --color-main-hover: #e55c00;
  --color-main-rgb: 255, 102, 0;
  --color-text: #000000;
  --color-text-secondary: #444444;
  --color-text-muted: #888888;
  --color-bg: #ffffff;
  --border-color-1: #9b9b9b;
  --border-color-light: rgba(0, 0, 0, 0.1);
  --bg-color-light: #f8f8f8;
  --bg-color-gray: #eeeeee;
  --bg-color-gray-dark: #d9d9d9;
  --bg-color-mask: rgba(0, 0, 0, 0.4);
  --font-base: 'Noto Sans JP', sans-serif;
  --font-en-strong: 'Inter', sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --font-size-base: 1.6rem;
  --font-size-s: 1.4rem;
  --font-size-xs: 1.2rem;
  --font-size-l: 1.8rem;
  --font-size-xl: 2.4rem;
  --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-fast: 0.2s ease;
  --ease-reveal: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-smooth: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-bounce: cubic-bezier(0.22, 1.72, 0.4, 1);
  --shadow-soft: 0 1rem 4rem rgba(0, 0, 0, 0.04);
  --color-q: #23439a;
  --color-a: #6f6f6f;
}