@charset "UTF-8";
/*===================================
  
  animation設定

===================================*/
/* 下からふわっと */
.fade_b {
  visibility: hidden;
}

.fade_b.started,
.started .fade_b {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-name: fade-in-active;
  animation-name: fade-in-active;
  visibility: visible !important;
}

@keyframes fadeIn_b {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fade-in-active {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}