@font-face {
  font-family: "NotoSansJP-SemiBold";
  src: url("../fonts/NotoSansJP-SemiBold.ttf");
}
@font-face {
  font-family: "NotoSansJP-Medium";
  src: url("../fonts/NotoSansJP-Medium.ttf");
}
@font-face {
  font-family: "NotoSansJP-Regular";
  src: url("../fonts/NotoSansJP-Regular.ttf");
}
@font-face {
  font-family: "Montserrat-SemiBold";
  src: url("../fonts/Montserrat-SemiBold.ttf");
}
@font-face {
  font-family: "Montserrat-Medium";
  src: url("../fonts/Montserrat-Medium.ttf");
}
.fadeIn {
  animation-name: fadeInAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes fadeInAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeUp {
  animation-name: fadeUpAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(25px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInTrigger,
.fadeUpTrigger {
  opacity: 0;
}

.delay02 {
  animation-delay: 0.2s;
}

.delay04 {
  animation-delay: 0.4s;
}

.delay06 {
  animation-delay: 0.6s;
}

@keyframes loop {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}/*# sourceMappingURL=animation.css.map */