@import url("https://fonts.googleapis.com/css2?family=Hina+Mincho&family=Nunito+Sans:wght@300;400;500;600&family=Zen+Kaku+Gothic+Antique:wght@400;500;700&family=Zen+Old+Mincho:wght@600;700&display=swap");
@keyframes height-scroll {
  0% {
    height: 0
  }
  100% {
    height: 100%
  }
}
@keyframes fadeOpacity {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
.js-fadeup {
  overflow: hidden;
  transform: translateY(10%);
  opacity: 0;
  transition: all 0.7s ease
}
.js-fadeup .img {
  transform-origin: center;
  transform: scale(1.05);
  transition: all 0.7s 0.2s ease
}
.js-fadeup.is-inview-fadeup {
  transform: translateY(0);
  opacity: 1
}
.js-fadeup.is-inview-fadeup .img {
  transform: scale(1)
}
.js-fadeside {
  overflow: hidden;
  transform: translateX(10%);
  opacity: 0;
  transition: all 0.7s ease
}
.js-fadeside .img {
  transform-origin: center;
  transform: scale(1.05);
  transition: all 0.7s 0.2s ease
}
.js-fadeside.is-inview-fadeside {
  transform: translateY(0);
  opacity: 1
}
.js-fadeside.is-inview-fadeside .img {
  transform: scale(1)
}
.js-fade-opacity {
  transition: all 0.3s 0.3s ease-out
}
.js-fade-opacity.is-opacity {
  animation: fadeOpacity 0.7s ease forwards
}