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

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 <= 1440px) {
  .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 <= 1440px) {
  .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;
  }
}

.title {
  text-decoration: underline;
}
@media (width >= 768px) {
  .title {
    font-size: 1em;
  }
}
@media (width <= 768px) {
  .title {
    font-size: 1em;
  }
}

body {
  font-size: var(--paragraph);
  font-weight: var(--regular);
  line-height: 2;
}

body,
input,
select,
textarea,
button {
  font-family: "Noto Sans JP", sans-serif;
}

.sans {
  font-family: "Oswald", sans-serif;
  line-height: 1;
}

.serif {
  font-family: 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.5;
  font-weight: var(--bold);
}
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 */