@charset "utf-8";
.fadeIn {
  opacity: 0;
  transition: 0.8s;
  -webkit-transition: 0.8s;
}
.fadeIn.run {
  opacity: 1;
}
.fadeIn_up {
  opacity: 0;
  transform: translate(0, 20px);
  -webkit-transform: translate(0, 20px);
  transition: 0.8s;
  -webkit-transition: 0.8s;
}
.fadeIn_up.run {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  opacity: 1;
}
.fadeIn_down {
  opacity: 0;
  transform: translate(0, -20px);
  -webkit-transform: translate(0, -20px);
  transition: 0.8s;
  -webkit-transition: 0.8s;
}
.fadeIn_down.run {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  opacity: 1;
}
.fadeIn_right {
  opacity: 0;
  transform: translate(20px, 0px);
  -webkit-transform: translate(20px, 0px);
  transition: 0.8s;
  -webkit-transition: 0.8s;
}
.fadeIn_right.run {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  opacity: 1;
}
.fadeIn_left {
  opacity: 0;
  transform: translate(-20px, 0px);
  -webkit-transform: translate(-20px, 0px);
  transition: 0.8s;
  -webkit-transition: 0.8s;
}
.fadeIn_left.run {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  opacity: 1;
}

.delay02 {
  transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
}
.delay04 {
  transition-delay: 0.4s;
  -webkit-transition-delay: 0.4s;
}
.delay06 {
  transition-delay: 0.6s;
  -webkit-transition-delay: 0.6s;
}
.delay08 {
  transition-delay: 0.8s;
  -webkit-transition-delay: 0.8s;
}
.delay10 {
  transition-delay: 1s;
  -webkit-transition-delay: 1s;
}

/* PC ================================================== */
@media all and (min-width: 992px) {
}

/* Tablet ================================================== */
@media all and (max-width: 991px) {
}

/* SP ================================================== */
@media all and (max-width: 575px) {
}