@charset "UTF-8";

/* ホバー */
a {
  transition: 0.3s;
}

a:hover {
  transition: 0.3s;
  opacity: 0.65;
}


/* 可視化 */
.js-hidden {
  visibility: hidden;
}


/* フェードインアップ */
.js-fadeInUp {
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}
.js-fadeInUp.is-inview {
  animation-name: fadeInUp;
  animation-fill-mode: forwards;
  animation-timing-function: ease-out;
  animation-duration: 1.2s;
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}


/* KV アニメーション */
.js-effect-zoom {
  transform: scale(1.2);
  transform-origin: center;
  opacity: 0;
}
.js-effect-zoom.is-inview {
  animation-name: mo-zoom;
  animation-timing-function: ease-in-out;
  animation-duration: 2s;
  animation-fill-mode: forwards;
}
@keyframes mo-zoom {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0.2;
  }
  100% {
    transform: scale(1.0);
    opacity: 1;
  }
}

.js-delay_fadeInup {
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}
.js-delay_fadeInup.is-inview {
  animation-name: fadeInUp;
  animation-fill-mode: forwards;
  animation-timing-function: ease-out;
  animation-duration: 1.2s;
  animation-delay: 1.8s;
}