@charset "utf8";
/* 共通の初期状態 */
.js-fade {
  opacity: 0;
  will-change: opacity, transform;
}

.js-fade-delay1{
    transition: all 1.25s 0.5s ease;
}
.js-fade-def{
    transition: all 1.5s ease;
}


/* フェードアップ */
.js-fade-up {
  transform: translateY(35px);
}
.js-fade-up.is-active {
  opacity: 1;
  transform: translateY(0);
}

/* フェードレフト */
.js-fade-left {
  transform: translateX(-30px);
}
.js-fade-left.is-active {
  opacity: 1;
  transform: translateX(0);
}

/* 拡大表示 */
.js-fade-scale {
  transform: scale(0.9);
}
.js-fade-scale.is-active {
  opacity: 1;
  transform: scale(1);
}