:root {
  --color-white:#E8E9DB;
  --color-gray:#EBEBEB;
  --color-green:#2B312D;
  --font-serif: "EB Garamond", serif;
}

body {
  background-color: var(--color-green);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: var(--color-white);
  overflow-x: hidden;
  font-size: 1.8rem;
  line-height: 1.7;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

html {
  width: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  scroll-behavior: smooth;
  font-size: 0.46875vw;
}
@media (max-width: 1920px) {
  html {
    font-size: 0.46875vw;
  }
}
@media (max-width: 1600px) {
  html {
    font-size: 0.4791666667vw;
  }
}
@media (max-width: 1400px) {
  html {
    font-size: 0.4895833333vw;
  }
}
@media (max-width: 1080px) {
  html {
    font-size: 0.5208333333vw;
  }
}
@media (max-width: 768px) {
  html {
    font-size: 1.6927083333vw;
  }
}
@media (max-width: 450px) {
  html {
    font-size: 2.4444444444vw;
  }
}
@media (orientation: landscape) and (max-width: 768px) {
  html {
    font-size: 1.4322916667vw;
  }
}

@media screen and (min-width: 769px) {
  .sp-only {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .pc-only {
    display: none;
  }
}