html, body {
  font-family: 'Zen Kaku Gothic New', sans-serif;
  line-height: 1.5;
  color: var(--genki-brown);
  font-weight: 400;
  font-style: normal;
}


body {
  background-color: var(--background-color);
}

body {
  position: relative;
  -webkit-font-smoothing: antialiased;
}

#wrapper {
  transform: scale(var(--scale));
  transform-origin: 0 0;
  width: calc(100% / var(--scale));
}

body.is-menu-open {
  overflow: hidden;
  height: 100%;
}


.visible-sp {
  display: none;
}
@media (max-width: 767px) {
  .hidden-sp {
    display: none;
  }
  .visible-sp {
    display: block;
  }
}

img {
  max-width: 100%;
}
p {
  line-height: 1.8;
}


.inview.anim-fade-up {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}

.inview.anim-fade-up.is-shown {
  opacity: 1;
  transform: translateY(0);
}