@charset "UTF-8";
/* CSS Document */

/* フェードイン(初期値) */
.fadeUp {
  opacity: 0; /* 最初は非表示 */
  transform: translateY(30px); /* 下に30pxの位置から */
  transition: opacity .5s, transform .5s; /* 透過率と縦方向の移動を0.8秒 */
}
/* フェードイン(スクロールした後) */
.fadeUp.is-inview {
  opacity: 1; /* 表示領域に入ったら表示 */
  transform: translateY(0); /* 30px上に移動する */
  transition-delay: .3s; /* フェード開始を0.5秒遅らせる */
}

.fadeLeft {
  opacity: 0; 
  transform: translateX(30px); 
  transition: opacity .5s, transform .5s; 
}
/* フェードイン(スクロールした後) */
.fadeLeft.is-inview {
  opacity: 1; 
  transform: translateX(0); 
  transition-delay: .3s; 
}

.fadeRight {
  opacity: 0; 
  transform: translateX(-30px); 
  transition: opacity .5s, transform .5s; 
}
/* フェードイン(スクロールした後) */
.fadeRight.is-inview {
  opacity: 1; 
  transform: translateX(0); 
  transition-delay: .3s; 
}