html {
  font-size: calc(0.875rem + (1vw - 10.25px) * 0.6704);
  min-height: 0vw;
  letter-spacing: 0.02em;
}

body {
  font-size: var(--paragraph);
}

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

h2 {
  font-size: 1.8em;
}

h3 {
  font-size: 1.3em;
}

h4 {
  font-size: 1em;
}

@media (max-width: 1025px) {
  html {
    font-size: 16px;
  }
  h1, h2, h3, h4 {
    line-height: 1.5;
  }
  h2 {
    font-size: 1.4em;
  }
  h3 {
    font-size: 1.1em;
  }
  h4 {
    font-size: 1em;
  }
}
@media (min-width: 1025px) {
  .microText {
    font-size: 0.6em;
  }
}
@media (max-width: 1025px) {
  .microText {
    font-size: 0.8em;
  }
}

@media (min-width: 1025px) {
  .smallText {
    font-size: 0.75em;
  }
}
@media (max-width: 1025px) {
  .smallText {
    font-size: 0.9em;
  }
}

@media (min-width: 1025px) {
  .largeText {
    font-size: 1.2em;
  }
}
@media (min-width: 1025px) and (max-width: 1536px) {
  .largeText {
    font-size: 1.1em;
  }
}
@media (max-width: 1025px) {
  .largeText {
    font-size: 1.2em;
  }
}

@media (min-width: 1025px) {
  .veryLargeText {
    font-size: 1.6em;
  }
}
@media (max-width: 1025px) {
  .veryLargeText {
    font-size: 1.2em;
  }
}

@media (min-width: 1025px) {
  .largestText {
    font-size: 2em;
  }
}
@media (max-width: 1025px) {
  .largestText {
    font-size: 1.3em;
  }
}

@media (min-width: 1025px) {
  .jumboText {
    font-size: 2.5em;
  }
}
@media (min-width: 1025px) and (max-width: 1536px) {
  .jumboText {
    font-size: 2em;
  }
}
@media (max-width: 1025px) {
  .jumboText {
    font-size: 1.5em;
    line-height: 1.5;
  }
}

@media (min-width: 1025px) {
  .megaText {
    font-size: 5vw;
  }
}
@media (max-width: 1025px) {
  .megaText {
    font-size: 4em;
    line-height: 1.5;
  }
}

@media (min-width: 1025px) {
  .title {
    font-size: 7vw;
  }
}
@media (max-width: 1025px) {
  .title {
    font-size: 2em;
    line-height: 1.5;
  }
}

body {
  font-weight: var(--regular);
  line-height: 1.75;
  font-feature-settings: "palt";
}

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

.sans {
  line-height: 0.8;
}

.serif {
  font-family: "Gilda Display", serif;
}

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

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

.textStroke {
  display: none;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.75;
  font-weight: var(--bold);
}
h1.thin, h2.thin, h3.thin, h4.thin, h5.thin, h6.thin {
  font-weight: var(--regular);
}
h1.thin strong, h1.thin b, h1.thin em, h2.thin strong, h2.thin b, h2.thin em, h3.thin strong, h3.thin b, h3.thin em, h4.thin strong, h4.thin b, h4.thin em, h5.thin strong, h5.thin b, h5.thin em, h6.thin strong, h6.thin b, h6.thin em {
  font-weight: var(--regular);
}

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

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

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