:root {
  --color-bg-bg-white: #FFFFFFFF;
  --color-brand-primary: #072865FF;
  --color-brand-secondary: #DBAC00FF;
  --color-brand-tertiary: #EEF0F5FF;
  --color-bg-bg-light: #EEF0F5FF;
  --color-brand-corporate: #3A60ACFF;
  --color-bg-bg-dark: #072865FF;
  --color-bg-bg-corporate: #3A60ACFF;
  --color-brand-lightblue: #31A8D0FF;
  --color-gray-light: #EEF1F3FF;
  --color-gray-medium: #B8C3CDFF;
  --color-gray-dark: #8F93A4FF;
  --color-border-white: #FFFFFFFF;
  --color-border-medium: #B5BAC2FF;
  --color-text-dark: #262626FF;
  --color-text-medium: #072865FF;
  --color-text-corporate: #3A60ACFF;
  --color-text-vivid: #DBAC00FF;
  --color-border-dark: #072865FF;
  --color-border-vivid: #DBAC00FF;
  --color-border-light: #EEF0F5FF;
  --color-border-corporate: #3A60ACFF;
  --color-text-light: #FFFFFFFF;
  --color-bg-bg−lightblue: #31A8D0FF;
  --color-surface: #FFFFFF;
  --color-text-on-accent: #FFFFFF;

  /* FONT */
  --font-feature-settings: "palt" 1,;

  --gothic: YakuHanJP, "Zen Kaku Gothic New", sans-serif;
  --en: "Oswald", YakuHanJP, "Zen Kaku Gothic New", sans-serif;
  --num: Aria, Helvetica, sans-serif;


  /* LINE HEIGHT */
  --line-height-xxsmall:120%;
  --line-height-xsmall:133%;
  --line-height-small:155%;
  --line-height-medium:177%;
  --line-height-large:200%;

  --letter-spacing-medium: 0.05em;

  --padding-sp: 20;

  /* WIDTH */
  --width-container: 1200;
  --width-container-wide: 1440;

  --margin-section: 50;
  --margin-section-pc: 100;
  --margin-module: 35;
  --margin-module-pc: 50;
  --margin-parts: 20;
  --margin-parts-pc: 30;

  /* TRANSITION */
  --bezier: cubic-bezier(.25,.1,.25,1);
  --bezier-b: cubic-bezier(.06,.68,.08,.99);
  --transition-speed: .3s;
  --transition-speed-fast: .1s;
  --transition-speed-slow: .5s;

  --medium: 500;
  --demi: 600;
  --bold: 700;
  --extrabold: 800;

  --fs-xxxxs: 9;
  --fs-xxxs: 10;
  --fs-xxs: 11;
  --fs-xs: 12;
  --fs-s: 14;
  --fs-m: 16;
  --fs-l: 18;
  --fs-xl: 20;
  --fs-xxl: 24;
  --fs-xxxl: 28;
  --fs-xxxxl: 32;
  --fs-xxxxxl: 56;
  --fs-xxxxxxl: 64;

  --border-radius-pill: 999px;
  --border-radius-circle: 50%;

  --border-radius-small: 2px;
  --border-radius: 4px;
  --border-radius-large: 12px;

  --height-header: 68;
  --height-header-pc: 92;

}