@charset "UTF-8";
/*透明にしておく*/
.js-fadeUp,.js-fadeIn{
    opacity: 0;
}


/* js-fadeUp */
.js-fadeUp-active{
  animation-name:fadeUp;
  animation-duration:0.5s;
  animation-fill-mode:forwards;
  opacity:0;
}
@keyframes fadeUp{
  from {
    opacity:0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/*js-fadeIn*/
.js-fadeIn-active{
animation-name:fadeIn;
animation-duration: 1s;
animation-fill-mode:forwards;
opacity:0;
}
/* fadeIn */
@keyframes fadeIn{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}