@charset "UTF-8";
:root {
  --min-device-width: 360px;
  --site-width: 1120px;
  --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: #111111;
  --color-base-rgb:17, 17, 17;
  --color-primary: #00AFFF;
  --color-primary-rgb:0, 175, 255;
  --color-primary2: #D13C26;
  --color-primary2-rgb:209, 60, 38;
  --color-primary3: #454493;
  --color-primary3-rgb:69, 68, 147;
  --color-primary4: #4F9723;
  --color-primary4-rgb:79, 151, 35;
  --color-primary5: #2697DA;
  --color-primary5-rgb:38, 151, 218;
  --color-secondary: #27B522;
  --color-secondary-rgb:39, 181, 34;
  --color-secondary2: #82AD67;
  --color-secondary2-rgb:130, 173, 103;
  --color-secondary3: #65CB71;
  --color-secondary3-rgb:101, 203, 113;
  --color-bg-base: #ffffff;
  --color-bg-base-rgb:255, 255, 255;
  --color-bg-secondary: #EAF5EC;
  --color-bg-secondary-rgb:234, 245, 236;
  --color-bg-ash: #EFF1F2;
  --color-bg-ash-rgb:239, 241, 242;
  --color-border: #CCCCCC;
  --color-border-rgb:204, 204, 204;
  --color-shadow: #4FA4B9;
  --color-shadow-rgb:79, 164, 185;
  --color-light: #ffffff;
  --color-light-rgb:255, 255, 255;
  --color-dark: #000000;
  --color-dark-rgb:0, 0, 0;
}

:root {
  --ff-noto: "Noto Sans JP", "メイリオ", Meiryo, sans-serif;
  --ff-arvo: "Arvo", serif;
  --ff-sans-serif: var(--ff-noto);
  --ff-serif-secondary: var(--ff-arvo);
}

:root {
  --typography-base-font-family: var(--ff-sans-serif);
  --typography-base-font-weight: 400;
  --typography-base-font-size: 1rem;
  --typography-base-line-height: 1.75;
  --typography-base-letter-spacing: 0.05em;
  --typography-text-xsm-font-family: var(--ff-sans-serif);
  --typography-text-xsm-font-weight: 700;
  --typography-text-xsm-font-size: 0.625rem;
  --typography-text-xsm-line-height: 1.6;
  --typography-text-xsm-letter-spacing: 0.05em;
  --typography-text-sm-font-family: var(--ff-sans-serif);
  --typography-text-sm-font-weight: 700;
  --typography-text-sm-font-size: 0.75rem;
  --typography-text-sm-line-height: 1.8333333333;
  --typography-text-sm-letter-spacing: 0.05em;
  --typography-text-md-b-font-family: var(--ff-sans-serif);
  --typography-text-md-b-font-weight: 700;
  --typography-text-md-b-font-size: 1rem;
  --typography-text-md-b-line-height: 1.75;
  --typography-text-md-b-letter-spacing: 0.05em;
  --typography-text-xmd-font-family: var(--ff-sans-serif);
  --typography-text-xmd-font-weight: 700;
  --typography-text-xmd-font-size: 1.125rem;
  --typography-text-xmd-line-height: 1.7777777778;
  --typography-text-xmd-letter-spacing: 0.05em;
  --typography-title-sm-font-family: var(--ff-sans-serif);
  --typography-title-sm-font-weight: 700;
  --typography-title-sm-font-size: 1.5rem;
  --typography-title-sm-line-height: 1.6;
  --typography-title-sm-letter-spacing: 0.05em;
  --typography-title-md-font-family: var(--ff-sans-serif);
  --typography-title-md-font-weight: 700;
  --typography-title-md-font-size: 1.75rem;
  --typography-title-md-line-height: 1.5;
  --typography-title-md-letter-spacing: 0.05em;
  --typography-title-lg-font-family: var(--ff-sans-serif);
  --typography-title-lg-font-weight: 700;
  --typography-title-lg-font-size: 2.5rem;
  --typography-title-lg-line-height: 1.55;
  --typography-title-lg-letter-spacing: 0.05em;
  --typography-title-md-en-font-family: var(--ff-serif-secondary);
  --typography-title-md-en-font-weight: 700;
  --typography-title-md-en-font-size: 1.25rem;
  --typography-title-md-en-line-height: 1.5;
  --typography-title-md-en-letter-spacing: 0.05em;
  --typography-title-lg-en-font-family: var(--ff-serif-secondary);
  --typography-title-lg-en-font-weight: 700;
  --typography-title-lg-en-font-size: 3.5rem;
  --typography-title-lg-en-line-height: 1.25;
  --typography-title-lg-en-letter-spacing: 0;
  --typography-title-xlg-en-font-family: var(--ff-serif-secondary);
  --typography-title-xlg-en-font-weight: 700;
  --typography-title-xlg-en-font-size: 4rem;
  --typography-title-xlg-en-line-height: 1.25;
  --typography-title-xlg-en-letter-spacing: 0;
}
@media (width <= 768px) {
  :root {
    --typography-title-md-font-size: 1.25rem;
    --typography-title-md-line-height: 1.6;
  }
}
@media (width <= 768px) {
  :root {
    --typography-title-lg-font-size: 2rem;
    --typography-title-lg-line-height: 1.5;
  }
}
@media (width <= 768px) {
  :root {
    --typography-title-lg-en-font-size: 2.5rem;
    --typography-title-lg-en-line-height: 1.25;
  }
}
@media (width <= 768px) {
  :root {
    --typography-title-xlg-en-font-size: 2.875rem;
    --typography-title-xlg-en-line-height: 1.2173913043;
  }
}

:root {
  --space-inline: 60px;
}
@media (width <= 1120px) {
  :root {
    --space-inline: 15px;
  }
}

:root {
  --space-block-xl-sp: 0px;
  --space-block-xl: 160px;
  --space-block-lg: 80px;
  --space-block-md: 60px;
  --space-block-sm: 40px;
  --space-block-xs: 30px;
  --space-block-xxs: 20px;
  --space-block-xxxs: 10px;
  --space-block-xl-sp-trim: calc(var(--space-block-xl-sp) - var(--half-leading));
  --space-block-xl-trim: calc(var(--space-block-xl) - 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));
  --space-block-xxs-trim: calc(var(--space-block-xxs) - var(--half-leading));
  --space-block-xxxs-trim: calc(var(--space-block-xxxs) - var(--half-leading));
}
@media (width <= 768px) {
  :root {
    --space-block-xl-sp: 180px;
    --space-block-xl: 120px;
    --space-block-lg: 80px;
    --space-block-md: 60px;
    --space-block-sm: 40px;
    --space-block-xs: 30px;
    --space-block-xxs: 20px;
    --space-block-xxxs: 10px;
  }
}
:root {
  --header-height: 80px;
  --scroll-adjust: var(--header-height);
  --sec: 0.5s;
  --sec-fast: 0.2s;
  --sec-slow: 0.8s;
  --opacity: 0.6;
  --zoom: 1.1;
  --radius: 10px;
  --radius-lg: 40px;
}
@media (width <= 768px) {
  :root {
    --radius-lg: 20px;
  }
}