:root {
  --min-device-width: 375px;
  --site-width: 1280px;
  --space-inline-negative: calc(var(--space-inline) * -1);
  --vw100: max(calc(100vw - var(--scrollbar-width, 0)), var(--min-device-width));
  --vw: calc(var(--vw100) / 100);
  --site-outer: max(0px, calc((var(--vw100) - var(--site-width)) / 2));
  --site-gutter: max(var(--site-outer), var(--space-inline));
  --half-leading: calc((1lh - 1em) / 2);
  --half-leading-trim: calc(var(--half-leading) * -1);
  --ascender: 0.15em;
}
@supports not (top: 1lh) {
  :root {
    --half-leading: 0px;
  }
}

:root {
  --letter-spacing: 0;
}

:not(:root) {
  letter-spacing: var(--letter-spacing);
}

:root {
  --color-base: #222222;
  --color-outline: #222222;
  --color-primary: #0071bc;
  --color-osaka: #0071bc;
  --color-tokyo: #f15a24;
  --color-seibu: #7cbd2e;
  --color-nanbu: #00b6d9;
  --color-toubu: #e95513;
  --color-dantai: #01a7ac;
  --color-dantai-bg: #e9f3ed;
  --color-bg-base: #ffffff;
  --color-warm: #fcd79b;
  --color-warm-light: #f9eab9;
  --color-cool: #a4edf3;
  --color-cool-light: #ddedf4;
  --color-sunny: #fffbc4;
  --color-tender: #fbe0ec;
  --color-nature: #e8f1d8;
  --color-nature-light: #fcfcea;
  --color-border: #CCCCCC;
  --color-light: #ffffff;
  --color-dark: #000000;
}

:root {
  --ff-biz: "BIZ UDGothic", sans-serif;
  --ff-sans-serif: var(--ff-biz);
}

.g-main_container {
  --typography-base-font-family: var(--ff-sans-serif);
  --typography-base-font-weight: 400;
  --typography-base-font-size: 4.16cqi;
  --typography-base-line-height: 1.4987179487;
  --typography-base-letter-spacing: 0em;
}

:root {
  --space-inline: 8cqi;
}

:root {
  --space-block-xl: 120px;
  --space-block-xl-half: calc(var(--space-block-xl) / 2);
  --space-block-lg: 60px;
  --space-block-md: 40px;
  --space-block-sm: 20px;
  --space-block-xs: 10px;
  --space-block-xl-trim: calc(var(--space-block-xl) - var(--half-leading));
  --space-block-xl-half-trim: calc(var(--space-block-xl-half) - var(--half-leading));
  --space-block-lg-trim: calc(var(--space-block-lg) - var(--half-leading));
  --space-block-md-trim: calc(var(--space-block-md) - var(--half-leading));
  --space-block-sm-trim: calc(var(--space-block-sm) - var(--half-leading));
  --space-block-xs-trim: calc(var(--space-block-xs) - var(--half-leading));
}
@media (width <= 768px) {
  :root {
    --space-block-xl: 60px;
    --space-block-lg: 30px;
    --space-block-md: 20px;
    --space-block-sm: 10px;
    --space-block-xs: 5px;
  }
}
:root {
  --main-width: 550px;
  --header-size: 88px;
  --header-z-index: 5000;
  --scroll-adjust: var(--header-size);
  --sec: 0.5s;
  --sec-fast: 0.2s;
  --sec-slow: 0.8s;
  --opacity: 0.6;
  --zoom: 1.1;
  --radius: 10px;
}
@media (width <= 768px) {
  :root {
    --main-width: 0 !important;
  }
}

@media (width <= 768px) {
  .g-main_container {
    --header-size: 21.3333cqi;
    --scroll-adjust: var(--header-size);
  }
}

html {
  scrollbar-gutter: stable;
}