/*==================================================
動き自体の指定：今回は「ふわっ」
入れ方：<div class="up">
===================================*/

.up{
    opacity: 0;
}
.fadeUp {
animation-name:fadeUpAnime;
animation-duration:0.8s;
animation-fill-mode:forwards;
opacity: 0;
}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
	  transform: translateY(100px);
  }
  to {
    opacity: 1;
	  transform: translateY(0);
  }
}


/* アニメーションスタートの遅延時間を決めるCSS*/

.delay01{
animation-delay: 0.1s;
}
.delay02{
animation-delay: 0.2s;
}
.delay03{
animation-delay: 0.3s;
}
.delay04{
animation-delay: 0.4s;
}

@media screen and (max-width: 768px) { 
.delay02{
animation-delay: 0.1s;
}
.delay03{
animation-delay: 0.1s;
}
.delay04{
animation-delay: 0.1s;
} 
  
}