/*----- 下からフェードイン -----*/
.js-fadeUP {
 opacity: 0;
  transform: translate(0, 35px);
  transition: 1.5s;
}
/* フェードイン(スクロールした後) */
.js-fadeUP.is-inview {
  transform: translate(0, 0);
  opacity: 1;
}
/* フェードイン */
.fadeIn {
 opacity: 0;
  transition: 1s;
  transition-delay: .7s;
}

.fadeIn.is-inview {
  opacity: 1;  
}

/*----- 横からフェードイン -----*/
.fadeLeft {
  opacity: 0;
  transform: translate(-50%, 0);
    transition: .8s;
  transition-delay: .8s;
}
.fadeLeft.is-inview {
 transform: translate(0, 0);
  opacity: 1;
}