/*---------------------------
アニメーション用CSS
-----------------------------*/
.filterBlur{
  filter: blur(6px);
  opacity: 0.2;
  transition: 1.5s ease;
  -webkit-transition: 1.5s ease;
  -webkit-filter: blur(6px);
}
.filterBlur.active{
  filter: blur(0);
  -webkit-filter: blur(0);
  opacity: 1;
}

.translateUp{
  transform: translate(0px, 20px);
  -webkit-transform: translate(0px, 20px);
  opacity: 0;
  transition: 1s ease;
  -webkit-transition: 1s ease;
}
.translateUp.active{
  opacity: 1;
  transform: translate(0px, 0px);
  -webkit-transform: translate(0px, 0px);
}

.translateUpFirst{
  transform: translate(0px, 20px);
  -webkit-transform: translate(0px, 20px);
  opacity: 0;
  transition: 1s ease;
  -webkit-transition: 1s ease;
}
.translateUpFirst.active{
  opacity: 1;
  transform: translate(0px, 0px);
  -webkit-transform: translate(0px, 0px);
}