/*
 * Auto-generated from design-tokens/tokens.json
 * Do not edit this file directly.
 */
:root {
  --breakpoints-lg: 1024px;
  --breakpoints-md: 768px;
  --breakpoints-site: 1440px;
  --breakpoints-sm: 375px;
  --breakpoints-xl: 1280px;
  --color-bg-card: var(--color-palette-card-placeholder);
  --color-bg-default: var(--color-palette-white);
  --color-bg-drawer: rgba(0, 0, 0, 0.92);
  --color-bg-footer: var(--color-palette-footer);
  --color-bg-inverse: var(--color-palette-black);
  --color-bg-muted: var(--color-palette-gray-100);
  --color-bg-tab: var(--color-palette-gray-50);
  --color-border-default: var(--color-palette-gray-400);
  --color-border-focus: var(--color-palette-black);
  --color-border-muted: rgba(0, 0, 0, 0.08);
  --color-border-strong: var(--color-palette-black);
  --color-highlight-marker: #BAFFED;
  --color-link-default: var(--color-text-primary);
  --color-link-hover: var(--color-text-muted);
  --color-palette-black: #000000;
  --color-palette-black-soft: #111111;
  --color-palette-card-placeholder: #f0eee7;
  --color-palette-divider: #d9d9d9;
  --color-palette-footer: #363431;
  --color-palette-gray-100: #f5f5f5;
  --color-palette-gray-200: #ebebeb;
  --color-palette-gray-300: #dddddd;
  --color-palette-gray-400: #cfd0d4;
  --color-palette-gray-50: #fafafa;
  --color-palette-gray-500: #999999;
  --color-palette-gray-600: #666666;
  --color-palette-gray-700: #333333;
  --color-palette-paper: #fefefe;
  --color-palette-white: #ffffff;
  --color-text-muted: #555555;
  --color-text-onDark: var(--color-palette-white);
  --color-text-primary: var(--color-palette-black);
  --layout-gutter-header: 40px;
  --layout-gutter-page: 120px;
  --layout-maxWidth-content: 1280px;
  --layout-maxWidth-header: 1360px;
  --layout-maxWidth-site: 1440px;
  --radius-button: 25px;
  --radius-card: 5px;
  --radius-lg: 12px;
  --radius-md: 8px;
  --radius-none: 0px;
  --radius-pill: 9999px;
  --radius-sm: 4px;
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.12);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.08);
  --size-button-dot: 4px;
  --size-button-height: 50px;
  --size-button-minWidth: 175px;
  --size-card-imageHeight: 200px;
  --size-drawer-ctaHeight: 60px;
  --size-drawer-ctaWidth: 180px;
  --size-drawer-width: 762px;
  --size-footer-minHeight: 459px;
  --size-header-height: 72px;
  --size-tabNav-height: 50px;
  --space-0: 0px;
  --space-1: 4px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-2: 8px;
  --space-20: 80px;
  --space-3: 12px;
  --space-30: 120px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --typography-fontFamily-sans: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;
  --typography-fontFamily-serif: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --typography-fontSize-body: 16px;
  --typography-fontSize-cardMeta: 12px;
  --typography-fontSize-cardTitle: 27px;
  --typography-fontSize-cta: 13px;
  --typography-fontSize-footer: 10px;
  --typography-fontSize-h1: 32px;
  --typography-fontSize-h2: 24px;
  --typography-fontSize-h3: 20px;
  --typography-fontSize-h4: 18px;
  --typography-fontSize-nav: 14px;
  --typography-fontSize-quickNav: 11px;
  --typography-fontSize-sectionSubtitle: var(--typography-fontSize-h2);
  --typography-fontSize-sectionTitle: var(--typography-fontSize-h1);
  --typography-fontSize-sectionTitle2: 40px;
  --typography-fontSize-sectionTitleLg: 48px;
  --typography-fontSize-small: 12px;
  --typography-fontSize-tab: 16px;
  --typography-fontWeight-bold: 700;
  --typography-fontWeight-medium: 500;
  --typography-fontWeight-regular: 400;
  --typography-letterSpacing-defaultEm: 0;
  --typography-lineHeight-body: 1.8;
  --typography-lineHeight-nav: 2;
  --typography-lineHeight-tight: 1.2;
}

@media (max-width: 767px) {
  :root {
    --typography-fontSize-cardTitle: 20px;
    --typography-fontSize-h1: 24px;
    --typography-fontSize-h2: 20px;
    --typography-fontSize-h3: 18px;
    --typography-fontSize-h4: 16px;
    --typography-fontSize-sectionTitle2: 28px;
    --typography-fontSize-sectionTitleLg: 24px;
    --size-drawer-ctaHeight: 40px;
  }
}