:root {
  --clip: calc(var(--navH) * 1.5);
  --margin: .5rem;
  --theme: #32bfe3;
  --sub: #cc812a;
  --typo: #000;
  --body: #f4f5f7;
  --gray: #ddd;
  --ice: #f2f2f2;
  --thin: 330;
  --regular: 500;
  --semi: 600;
  --bold: 700;
  --black: 800;
  --h1: 2em;
  --h2: 1.4em;
  --h3: 1.3em;
  --h4: 1.1em;
  --chapSize: 4.5vw;
  --tr02: all .2s ease-in-out;
  --tr04: all .4s ease-in-out;
  --trDis: transform .6s cubic-bezier(.55, -.15, .1, .92), opacity .8s cubic-bezier(.6, 0, 0, 1), visibility 0s, border-radius .6s cubic-bezier(.6, 0, 0, 1);
  --easing: cubic-bezier(.97, .04, .58, .8);
  --easing2: cubic-bezier(1, .01, .2, 1);
  --easing3: cubic-bezier(.97, -.18, .41, 1);
  --bounce: cubic-bezier(.75, -.26, .58, 1.78);
  --bounce2: cubic-bezier(1, 0, .58, 1.78);
  --rad0: .5rem;
  --rad1: 1rem;
  --rad3: 2rem;
  --rad5: 3rem;
  --paragraph: 1em;
  --navH: 3.5rem;
  --fitH: 180vw;
  --btnMenu: 3em;
  --logoMark: 5em;
  --pad: 2rem;
  --innPad: calc(var(--pad) * 1.5);
  --innNarrow: calc(var(--pad) * 2.5);
  --innCramped: calc(var(--pad) * 3);
}
@media (width <= 768px) {
  :root {
    --h1: 2.2em;
    --h2: 1.5em;
    --innPad: calc(var(--pad) * 1.75);
  }
}

html {
  min-height: 0vw;
  font-size: calc(0.875rem + (1vw - 7.68px) * 0.434);
}

input,
select,
textarea,
button {
  font-size: 16px;
}

@media (width <= 768px) {
  html {
    font-size: 16px;
  }
}
h1 {
  font-size: var(--h1);
}

h2 {
  font-size: var(--h2);
}

h3 {
  font-size: var(--h3);
}

h4 {
  font-size: var(--h4);
}

@media (width >= 768px) {
  .microText {
    font-size: 0.6em;
  }
}
@media (width <= 768px) {
  .microText {
    font-size: 0.8em;
  }
}

@media (width >= 768px) {
  .smallText {
    font-size: 0.75em;
  }
}
@media (width <= 768px) {
  .smallText {
    font-size: 0.9em;
  }
}

@media (width >= 768px) {
  .largeText {
    font-size: 1.2em;
  }
}
@media (768px <= width <= 1280px) {
  .largeText {
    font-size: 1.1em;
  }
}
@media (width <= 768px) {
  .largeText {
    font-size: 1.2em;
  }
}

@media (width >= 768px) {
  .veryLargeText {
    font-size: 1.6em;
  }
}
@media (width <= 768px) {
  .veryLargeText {
    font-size: 1.2em;
  }
}

@media (width >= 768px) {
  .largestText {
    font-size: 2em;
  }
}
@media (width <= 768px) {
  .largestText {
    font-size: 1.3em;
  }
}

@media (width >= 768px) {
  .jumboText {
    font-size: 2.5em;
  }
}
@media (768px <= width <= 1280px) {
  .jumboText {
    font-size: 2em;
  }
}
@media (width <= 768px) {
  .jumboText {
    font-size: 1.5em;
    line-height: 1.5;
  }
}

@media (width >= 768px) {
  .megaText {
    font-size: 5vw;
  }
}
@media (width <= 768px) {
  .megaText {
    font-size: 4em;
    line-height: 1.5;
  }
}

body {
  margin: 0;
  font-size: var(--paragraph);
  font-weight: var(--regular);
  font-feature-settings: "palt";
  line-height: 2;
  letter-spacing: 0.04em;
}

body,
input,
select,
textarea,
button {
  font-family: "Inter", "Noto Sans JP", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}

.serif {
  font-family: serif;
}

.stroke {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 0.01em currentColor;
}

.dilate {
  filter: url(#dilate);
  will-change: filter;
}

.textStroke {
  display: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: var(--regular);
  line-height: 1.5;
}
h1 p,
h1 span,
h1 i,
h1 em,
h1 strong,
h2 p,
h2 span,
h2 i,
h2 em,
h2 strong,
h3 p,
h3 span,
h3 i,
h3 em,
h3 strong,
h4 p,
h4 span,
h4 i,
h4 em,
h4 strong,
h5 p,
h5 span,
h5 i,
h5 em,
h5 strong,
h6 p,
h6 span,
h6 i,
h6 em,
h6 strong {
  display: inline-block;
  line-height: 1.25;
}
h1.serif,
h2.serif,
h3.serif,
h4.serif,
h5.serif,
h6.serif {
  font-weight: var(--regular);
}
h1.serif strong,
h1.serif b,
h1.serif em,
h2.serif strong,
h2.serif b,
h2.serif em,
h3.serif strong,
h3.serif b,
h3.serif em,
h4.serif strong,
h4.serif b,
h4.serif em,
h5.serif strong,
h5.serif b,
h5.serif em,
h6.serif strong,
h6.serif b,
h6.serif em {
  font-weight: var(--regular);
}

strong,
b,
em {
  font-weight: var(--bold);
}
strong.serif,
b.serif,
em.serif {
  font-weight: var(--regular);
}

em,
pre,
i,
address,
u {
  font-style: normal;
}

/*# sourceMappingURL=typo.css.map */