@layer base, components, pages;
html {
  font-size: calc(0.875rem + (1vw - 7.68px) * 0.3472);
  min-height: 0vw;
}

@media (max-width: 1100px) {
  html {
    font-size: calc(0.90625rem + (1vw - 7.68px) * 0.1302);
  }
}
h1 {
  font-size: var(--h1);
}

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

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

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

body {
  font-size: var(--paragraph);
  font-weight: var(--regular);
  line-height: var(--lineHeight);
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
}

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

.sans {
  font-family: "Figtree", sans-serif;
  line-height: 0.8;
  letter-spacing: -0.03em;
}

.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 {
  font-weight: var(--bold);
}
h1 p, h1 span, h1 i, h1 em, h1 strong, h1 u, h2 p, h2 span, h2 i, h2 em, h2 strong, h2 u, h3 p, h3 span, h3 i, h3 em, h3 strong, h3 u, h4 p, h4 span, h4 i, h4 em, h4 strong, h4 u, h5 p, h5 span, h5 i, h5 em, h5 strong, h5 u, h6 p, h6 span, h6 i, h6 em, h6 strong, h6 u {
  display: inline-block;
}

strong:not(.sans):not(.thumb), b:not(.sans):not(.thumb), em:not(.sans):not(.thumb) {
  font-weight: var(--bold);
}

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

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