@charset "utf-8";
/* CSS Document */
/*===========================
スライドの距離を短くするカスタマイズ
============================*/
@keyframes fadeInUpMin {
  from {
    opacity: 0;
    transform: translate3d(0, 40%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUpMin {
  animation-name: fadeInUpMin;
}
@keyframes slideInLeftMin {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0);
    visibility: visible;
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeftMin {
  -webkit-animation-name: slideInLeftMin;
  animation-name: slideInLeftMin;
}
@-webkit-keyframes slideInRightMin {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2%, 0, 0);
    transform: translate3d(2%, 0, 0);
    visibility: visible;
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRightMin {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2%, 0, 0);
    transform: translate3d(2%, 0, 0);
    visibility: visible;
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInRightMin {
  -webkit-animation-name: slideInRightMin;
  animation-name: slideInRightMin;
}