@charset "UTF-8";
/*----------------------------------------------------
	フェードインしながら上へスライド
----------------------------------------------------*/
.fadeInUp00 {
  opacity: 0; }

.fadeInUp00.effect_on {
  animation-name: fadeInUp;
  animation-duration: .8s;
  animation-delay: .3s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards; }

.fadeInUp01 {
  opacity: 0; }

.fadeInUp01.effect_on {
  animation-name: fadeInUp;
  animation-duration: .8s;
  animation-delay: .6s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards; }

.fadeInUp02 {
  opacity: 0; }

.fadeInUp02.effect_on {
  animation-name: fadeInUp;
  animation-duration: .8s;
  animation-delay: .9s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards; }

.fadeInUp03 {
  opacity: 0; }

.fadeInUp03.effect_on {
  animation-name: fadeInUp;
  animation-duration: .8s;
  animation-delay: 1.1s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards; }

.fadeInUp04 {
  opacity: 0; }

.fadeInUp04.effect_on {
  animation-name: fadeInUp;
  animation-duration: .8s;
  animation-delay: 1.2s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards; }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate(0, 100px); }
  100% {
    opacity: 1;
    transform: translate(0, 0); } }
/*----------------------------------------------------
	フェードインしながら左からスライド
----------------------------------------------------*/
.fadeInLeft {
  opacity: 0;
  transform: translate(-40px, 0);
  transition-duration: .6s;
  transition-delay: .3s; }

.fadeInLeft.effect_on {
  opacity: 1.0;
  transform: translate(0, 0); }

/*----------------------------------------------------
	フェードインしながら右からスライド
----------------------------------------------------*/
.fadeInRight {
  opacity: 0;
  transform: translate(40px, 0);
  transition-duration: .8s;
  transition-delay: .3s; }

.fadeInRight.effect_on {
  opacity: 1.0;
  transform: translate(0, 0); }

.fadeInRight02 {
  opacity: 0;
  transform: translate(80px, 0);
  transition-duration: .8s;
  transition-delay: 1s; }

.fadeInRight02.effect_on {
  opacity: 1.0;
  transform: translate(0, 0); }