.fadein {
  opacity: 0;
  transform: translate(0, 0);
  transition: all 1.5s;
}
.fadein.fadein-left {
  transform: translate(-30px, 0);
}
.fadein.fadein-right {
  transform: translate(30px, 0);
}
.fadein.fadein-up {
  transform: translate(0, -30px);
}
.fadein.fadein-bottom {
  transform: translate(0, 30px);
}
.fadein.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}
.fadein.box-02 {
  transition-delay: 0.3s;
}
.fadein.box-03 {
  transition-delay: 0.6s;
}
.fadein.box-04 {
  transition-delay: 0.9s;
}

.fadeIn {
  opacity: 0;
  transition: 2s;
}
.fadeIn.is-show {
  opacity: 1;
}
.fadeIn.is-show.box-02 {
  transition-delay: 0.3s;
}
.fadeIn.is-show.box-03 {
  transition-delay: 0.6s;
}

.fadeIn_up {
  opacity: 0;
  transform: translate(0, 50%);
  transition: 2s;
}
.fadeIn_up.is-show {
  transform: translate(0, 0);
  opacity: 1;
}
.fadeIn_up.is-show.box-02 {
  transition-delay: 0.3s;
}
.fadeIn_up.is-show.box-03 {
  transition-delay: 0.6s;
}
.fadeIn_up.is-show.box-04 {
  transition-delay: 0.9s;
}

.fadeIn_left {
  opacity: 0;
  transform: translate(-50%, 0);
  transition: 2s;
}
.fadeIn_left.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

.fadeIn_right {
  opacity: 0;
  transform: translate(50%, 0);
  transition: 2s;
}
.fadeIn_right.is-show {
  transform: translate(0, 0);
  opacity: 1;
}/*# sourceMappingURL=animation.css.map */