.top_fade_up {
	animation-name:fade_up;
	opacity:0;/* ここを追加 */
	animation-duration:1s;/* アニメーション時間 */
	animation-delay:0.5s;/* 変化開始の時間 */
	animation-iteration-count:1;/* アニメーションの繰り返し（無限）*/
	animation-fill-mode:forwards; /*これで値を保持*/
	}
@keyframes fade_up {
  0% {
	  transform: translateY(30px);
	  opacity:0;
	}
	80% {
		opacity:1;
	}
	100% {
		opacity:1;
		transform: translateY(0);
	}
}

.top_fade_up02 {
	animation-name:fade_up02;
	opacity:0;/* ここを追加 */
	animation-duration:1s;/* アニメーション時間 */
	animation-delay:1s;/* 変化開始の時間 */
	animation-iteration-count:1;/* アニメーションの繰り返し（無限）*/
	animation-fill-mode:forwards; /*これで値を保持*/
	}
@keyframes fade_up02 {
  0% {
	  transform: translateY(30px);
	  opacity:0;
	}
	80% {
		opacity:1;
	}
	100% {
		opacity:1;
		transform: translateY(0);
	}
}

.top_slide_in {
	animation-name:top_slide;
	opacity:0;/* ここを追加 */
	animation-duration:1.5s;/* アニメーション時間 */
	animation-delay:1s;/* 変化開始の時間 */
	animation-iteration-count:1;/* アニメーションの繰り返し（無限）*/
	animation-fill-mode:forwards; /*これで値を保持*/
	}
@keyframes top_slide {
  0% {
	  transform: translateX(180px);
	  opacity:0;
	}
  100% {
	  transform: translateX(0);
	}
  40%,100% {
	  opacity:1;
	}
}

.top_slide_in02 {
	animation-name:top_slide02;
	opacity:0;/* ここを追加 */
	animation-duration:2s;/* アニメーション時間 */
	animation-delay:2s;/* 変化開始の時間 */
	animation-iteration-count:1;/* アニメーションの繰り返し（無限）*/
	animation-fill-mode:forwards; /*これで値を保持*/
	}
@keyframes top_slide02 {
  0% {
	  transform: translateX(180px);
	  opacity:0;
	}
  100% {
	  transform: translateX(0);
	}
  40%,100% {
	  opacity:1;
	}
}

.top_slide_in03 {
	animation-name:top_slide03;
	opacity:0;/* ここを追加 */
	animation-duration:1s;/* アニメーション時間 */
	animation-delay:3s;/* 変化開始の時間 */
	animation-iteration-count:1;/* アニメーションの繰り返し（無限）*/
	animation-fill-mode:forwards; /*これで値を保持*/
	}
@keyframes top_slide03 {
  0% {
	  transform: translateX(180px);
	  opacity:0;
	}
  100% {
	  transform: translateX(0);
	}
  40%,100% {
	  opacity:1;
	}
}







.anim-box { 
	opacity:0;
	will-change:transform, opacity;
	}



/* スライドイン */
.anim-box.slidein.is-animated {
  animation: slideIn 1s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
}

@keyframes slideIn {
  0% {
	  transform: translateX(180px);
	  opacity:0;
	}
  100% {
	  transform: translateX(0);
	}
  40%,100% {
	  opacity:1;
	}
}


/* スライドイン2 */
.anim-box.slidein2.is-animated {
  animation: slideIn 1.2s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
}

@keyframes slideIn {
  0% {
    transform: translateX(180px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
  }
  40%,100% {
    opacity: 1;
  }
}
/* ズームイン */
.anim-box.zoomin.is-animated {
  animation: zoomIn 0.8s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
}

@keyframes zoomIn {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}



/* フェードアップ */
.anim-box.fadeup.is-animated {
  animation: fadeup 1s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
}

@keyframes fadeup {
  0% {
	  transform: translateY(30px);
	  opacity:0;
	}
	80% {
		opacity:1;
	}
	100% {
		opacity:1;
		transform: translateY(0);
	}
}