@charset "utf-8";
:root {
  --df-color-bg: #ffffff;
  --df-color-surface: #eef4fc;
  --df-color-surface-strong: #dceafa;
  --df-color-text: #101a22;
  --df-color-muted: #47546a;
  --df-color-line: rgba(11, 42, 143, .14);
  --df-color-primary: #1e6fe0;
  --df-color-primary-hover: #0b2a8f;
  --df-color-on-primary: #ffffff;
  --df-color-accent: #2bb3f0;
  --df-color-accent-cyan: #2bb3f0;
  --df-color-accent-coral: #8bc9f3;
  --df-color-accent-yellow: #7fd2fa;
  --df-font-sans: "Noto Sans JP", "Yu Gothic", sans-serif;
  --df-font-heading: "Noto Sans JP", "Yu Gothic", sans-serif;
  --df-font-body: var(--df-font-sans);
  --df-font-display: var(--df-font-heading);
  --df-font-serif: "Noto Serif JP", serif;
  --df-font-en: "Montserrat", Arial, sans-serif;
  --df-font-size-display: clamp(40px, 6vw, 78px);
  --df-font-size-h1: clamp(32px, 4vw, 56px);
  --df-font-size-h2: clamp(28px, 3vw, 42px);
  --df-font-size-h3: clamp(20px, 2vw, 27px);
  --df-font-size-body: 16px;
  --df-font-size-caption: 13px;
  --df-font-weight-heading: 700;
  --df-line-height-heading: 1.4;
  --df-line-height-body: 1.85;
  --df-letter-spacing-heading: .025em;
  --df-letter-spacing-body: .015em;
  --df-content-max: 1440px;
  --df-gutter: clamp(20px, 5.5vw, 96px);
  --df-space-xs: 8px;
  --df-space-sm: 16px;
  --df-space-md: 24px;
  --df-space-lg: 40px;
  --df-space-xl: 64px;
  --df-section-space: clamp(88px, 10vw, 150px);
  --df-section-space-compact: clamp(68px, 8vw, 112px);
  --df-card-grid-gap: clamp(16px, 2vw, 28px);
  --df-radius: 0px;
  --df-radius-control: 0px;
  --df-radius-panel: 0px;
  --df-shadow-card: none;
  --df-shadow-floating: none;
  --df-transition-duration: 600ms;
  --df-transition-easing: cubic-bezier(.16, 1, .3, 1);
  --cr-navy: #0b2a8f;
  --cr-blue: #1e6fe0;
  --cr-sky: #2bb3f0;
  --cr-pale: #eef4fc;
  --cr-ink: #101a22;
  --cr-ink-soft: #47546a;
  --cr-line: rgba(11, 42, 143, .14);
  --cr-section-space: clamp(96px, 12vw, 180px);
  --cr-skew: -10deg;
  --cr-ease: cubic-bezier(.16, 1, .3, 1);
}