/*==================================================
スタート時は要素自体を透過0にする
==================================================*/
.fadeUp-cnt .cnt {
  opacity: 0;
}

/*==================================================
ふわっと出現アニメーション
==================================================*/
.fadeUp {
  animation-name: fadeUpAnime;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-timing-function: ease;
  opacity: 0;
  -webkit-animation-name: fadeUpAnime;
  -webkit-animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease;
}

@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
  }
}

@-webkit-keyframes fadeUpAnime {
  from {
    opacity: 0;
    -webkit-transform: translateY(100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

/* アニメーションスタートの遅延時間を決めるCSS */
.delay-time02 {
  animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
}
.delay-time04 {
  animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
}
.delay-time06 {
  animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
}
.delay-time08 {
  animation-delay: 0.8s;
  -webkit-animation-delay: 0.8s;
}
.delay-time10 {
  animation-delay: 1.0s;
  -webkit-animation-delay: 1.0s;
}
.delay-time12 {
  animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
}