/* Generated by scripts/build-design.py. Edit data/design-tokens.json. */
:root {
  --alice-blue-brand: #028FC5;
  --alice-blue-action: #0071BC;
  --alice-blue-hover: #0064AD;
  --alice-blue-wash: #F6FCFF;
  --alice-amber-brand: #FCB123;
  --alice-black: #000000;
  --alice-white: #FFFFFF;
  --alice-gray-900: #222222;
  --alice-gray-600: #666666;
  --alice-gray-500: #767676;
  --alice-gray-300: #DDDDDD;
  --alice-gray-100: #F5F5F5;
  --alice-red-700: #B42318;
  --alice-red-50: #FFF1F0;
  --alice-green-700: #18794E;
  --alice-green-50: #EAF6EF;
  --alice-amber-700: #8A5300;
  --alice-amber-50: #FFF6E5;
  --alice-color-brand: var(--alice-blue-brand);
  --alice-color-header-name: var(--alice-black);
  --alice-color-accent: var(--alice-amber-brand);
  --alice-color-cta-overlay: #00598F;
  --alice-color-action: var(--alice-blue-action);
  --alice-color-action-hover: var(--alice-blue-hover);
  --alice-color-action-surface-hover: #E2F1FA;
  --alice-color-text: var(--alice-gray-900);
  --alice-color-muted: var(--alice-gray-600);
  --alice-color-inverse: var(--alice-white);
  --alice-color-surface: var(--alice-white);
  --alice-color-surface-alt: var(--alice-blue-wash);
  --alice-color-border: var(--alice-gray-300);
  --alice-color-control-border: var(--alice-gray-500);
  --alice-color-disabled-bg: var(--alice-gray-100);
  --alice-color-disabled-text: var(--alice-gray-600);
  --alice-color-error: var(--alice-red-700);
  --alice-color-error-bg: var(--alice-red-50);
  --alice-color-success: var(--alice-green-700);
  --alice-color-success-bg: var(--alice-green-50);
  --alice-color-warning: var(--alice-amber-700);
  --alice-color-warning-bg: var(--alice-amber-50);
  --alice-color-focus: var(--alice-blue-hover);
  --alice-color-focus-inverse: var(--alice-white);
  --alice-font-family: "Lato", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  --alice-font-family-latin: "Lato", "Noto Sans JP", sans-serif;
  --alice-weight-normal: 400;
  --alice-weight-medium: 500;
  --alice-weight-bold: 700;
  --alice-font-caption: 0.75rem;
  --alice-font-small: 0.875rem;
  --alice-font-body: 1rem;
  --alice-font-lead: 1.25rem;
  --alice-font-h4: 1.125rem;
  --alice-font-h3: 1.5rem;
  --alice-font-h2: 2.5rem;
  --alice-font-h1: 3rem;
  --alice-font-display: 3.75rem;
  --alice-font-brand: 2.25rem;
  --alice-font-brand-mark: 3rem;
  --alice-font-symbol: 2rem;
  --alice-font-graphic: 10rem;
  --alice-leading-label: 1.5;
  --alice-leading-heading: 1.45;
  --alice-leading-body: 1.9;
  --alice-leading-reading: 2;
  --alice-leading-compact: 1.25;
  --alice-leading-display: 1.4;
  --alice-leading-none: 1;
  --alice-tracking-body: 0;
  --alice-tracking-heading: .025em;
  --alice-tracking-eyebrow: .08em;
  --alice-tracking-brand: .01em;
  --alice-space-0: 0;
  --alice-space-4: 0.25rem;
  --alice-space-8: 0.5rem;
  --alice-space-12: 0.75rem;
  --alice-space-16: 1rem;
  --alice-space-20: 1.25rem;
  --alice-space-24: 1.5rem;
  --alice-space-32: 2rem;
  --alice-space-40: 2.5rem;
  --alice-space-48: 3rem;
  --alice-space-56: 3.5rem;
  --alice-space-64: 4rem;
  --alice-space-72: 4.5rem;
  --alice-space-80: 5rem;
  --alice-space-96: 6rem;
  --alice-space-120: 7.5rem;
  --alice-gutter: var(--alice-space-40);
  --alice-section-space: var(--alice-space-96);
  --alice-card-pad: var(--alice-space-32);
  --alice-grid-gap: var(--alice-space-24);
  --alice-column-gap: var(--alice-space-64);
  --alice-heading-gap: var(--alice-space-24);
  --alice-stack-gap: var(--alice-space-16);
  --alice-radius-none: 0;
  --alice-radius-control: 4px;
  --alice-radius-card: 8px;
  --alice-radius-image: 8px;
  --alice-radius-pill: 9999px;
  --alice-z-base: 0;
  --alice-z-decor: 1;
  --alice-z-content: 10;
  --alice-z-header: 100;
  --alice-z-nav: 110;
  --alice-z-dropdown: 200;
  --alice-z-backdrop: 300;
  --alice-z-dialog: 400;
  --alice-z-toast: 500;
  --alice-z-tooltip: 600;
  --alice-z-skip: 900;
  --alice-shadow-none: none;
  --alice-shadow-header: none;
  --alice-shadow-raised: 0 4px 16px rgb(34 34 34 / 12%);
  --alice-shadow-dialog: 0 12px 32px rgb(34 34 34 / 18%);
  --alice-width-site: 75rem;
  --alice-width-wide: 90rem;
  --alice-width-reading: 55rem;
  --alice-width-intro: 50rem;
  --alice-width-form: 45rem;
  --alice-width-aside: 25rem;
  --alice-width-directory-copy: 25rem;
  --alice-width-control-min: 10rem;
  --alice-width-search-min: 15rem;
  --alice-header-height: 88px;
  --alice-control-height: 48px;
  --alice-button-height: 56px;
  --alice-target-min: 44px;
  --alice-hero-min-height: 560px;
  --alice-art-height: 400px;
  --alice-graphic-height: 320px;
  --alice-page-hero-height: 15rem;
  --alice-page-min-height: 320px;
  --alice-anchor-offset: 120px;
  --alice-border-width: 1px;
  --alice-border-emphasis: 2px;
  --alice-focus-width: 3px;
  --alice-focus-offset: 3px;
  --alice-icon-size: 24px;
  --alice-icon-stroke: 1.5;
  --alice-motion-fast: 150ms;
  --alice-motion-normal: 200ms;
  --alice-motion-ease: ease-out;
  --alice-font-input: 1rem;
  --alice-admin-offset: 0px;
  --alice-admin-height: 32px;
  --alice-admin-height-mobile: 46px;
  --alice-grid-columns: 12;
  --alice-radius-button: var(--alice-radius-control);
  --alice-image-ratio: 4 / 3;
  --alice-hero-ratio: 5 / 4;
  --alice-font-feature: 3rem;
  --alice-color-deep: #12394C;
}
@media (max-width: 1199px) {
  :root {
    --alice-header-height: 80px;
    --alice-column-gap: var(--alice-space-40);
    --alice-font-display: 2.5rem;
    --alice-section-space: var(--alice-space-72);
    --alice-hero-min-height: 480px;
  }
}
@media (max-width: 767px) {
  :root {
    --alice-gutter: var(--alice-space-20);
    --alice-section-space: var(--alice-space-56);
    --alice-card-pad: var(--alice-space-24);
    --alice-grid-gap: var(--alice-space-16);
    --alice-column-gap: var(--alice-space-32);
    --alice-header-height: 72px;
    --alice-font-body: 1rem;
    --alice-font-lead: 1.125rem;
    --alice-font-h1: 2rem;
    --alice-font-h2: 1.75rem;
    --alice-font-h3: 1.25rem;
    --alice-font-display: 2.25rem;
    --alice-font-brand: 2rem;
    --alice-font-brand-mark: 2.5rem;
    --alice-font-graphic: 7.5rem;
    --alice-graphic-height: 240px;
    --alice-hero-min-height: 0px;
    --alice-anchor-offset: 96px;
    --alice-font-feature: 2rem;
    --alice-art-height: 240px;
    --alice-page-hero-height: 10rem;
  }
}
@media (max-width: 479px) {
  :root {
    --alice-font-display: 2rem;
    --alice-art-height: 240px;
    --alice-page-hero-height: 10rem;
  }
}