html {
  font-size: 62.5%;
  overscroll-behavior: none;
  scroll-behavior: smooth;
}

html *,
html *::before,
html *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: bottom;
}

html body {
  font-family: 'Kaisei Decol', serif;
}

html body h1 {
  font-size: 3.2rem;
  letter-spacing: 0.1em;
}

html body h2 {
  font-size: 2.2rem;
  letter-spacing: 0.1em;
}

html body h3 {
  font-size: 1.6rem;
  letter-spacing: 0.13em;
  line-height: 1.875;
}

html body a {
  text-decoration: none;
  -webkit-transition: .3s;
  transition: .3s;
}

html body li {
  list-style: none;
}

html body button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

html body p, html body dd, html body a, html body dt {
  font-size: 1.4rem;
  letter-spacing: 0.01em;
  line-height: 2.125;
}

html body li, html body a, html body button {
  -webkit-transition: .3s;
  transition: .3s;
}

html body a:hover,
html body button:hover {
  opacity: .5;
}

html body img {
  width: 100%;
}

@media screen and (max-width: 520px) {
  html body h1 {
    font-size: 2.2rem;
    letter-spacing: 0.1em;
  }
}
/*# sourceMappingURL=set.css.map */