@charset "UTF-8";


/****************************************

スクロールアニメーション css

****************************************/
/* ====================================
	general animations
==================================== */

.scAnime0,
.scAnime1 {
    opacity: 0;
}
.scAnimation0 {
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -ms-animation-duration:0.5s;
 animation-duration:0.5s;
 -ms-animation-name: scAnime0;
 animation-name: scAnime0;
 /* animation-delay: 1s; */
 visibility: visible !important;
}

.hero__carousel.scAnimation0 {
	animation-delay: 0.5s;
}

@keyframes scAnime0 {
 0% { opacity: 0;}
 20% { opacity: 0;}
 100% { opacity: 1;}
}


/*下から*/
.scAnimation1 {
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -ms-animation-duration:0.5s;
 animation-duration:0.5s;
 -ms-animation-name: scAnime1;
 animation-name: scAnime1;
 visibility: visible !important;
}
@keyframes scAnime1 {
 0% { opacity: 0; -ms-transform: translateY(30px); transform: translateY(30px); }
 100% { opacity: 1; -ms-transform: translateY(0); transform: translateY(0); }
}

/*左から*/
.scAnimation2 {
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-ms-animation-duration:0.5s;
	animation-duration:0.5s;
	-ms-animation-name: scAnime2;
	animation-name: scAnime2;
	visibility: visible !important;
   }
@keyframes scAnime2 {
	0% { opacity: 0; -ms-transform: translateX(-20px); transform: translateX(-20px); }
	100% { opacity: 1; -ms-transform: translateX(0); transform: translateX(0); }
   }

/*右から*/
.scAnimation3 {
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -ms-animation-duration:0.5s;
 animation-duration:0.5s;
 -ms-animation-name: scAnime3;
 animation-name: scAnime3;
 visibility: visible !important;
}
@keyframes scAnime3 {
  0% { opacity: 0; -ms-transform: translateX(20px); transform: translateX(20px); }
 100% { opacity: 1; -ms-transform: translateY(0); transform: translateY(0); }
}

/*浮き上がる*/
.scAnimation4 {
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-ms-animation-duration:1.0s;
	animation-duration:1.0s;
	-ms-animation-name: scAnime4;
	animation-name: scAnime4;
	visibility: visible !important;
   }
   @keyframes scAnime4 {
	 0% { opacity: 0;}
   20% { opacity: 0;}
	100% { opacity: 1; }
}

.scAnimation5 {
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-ms-animation-duration:0.5s;
	animation-duration:0.5s;
	-ms-animation-name: popIn;
	animation-name: popIn;
	visibility: visible !important;
   }
   
   @keyframes popIn {
	0% { opacity: 0; -ms-transform: scale(0); transform: scale(0); }
	100% { opacity: 1; -ms-transform: scale(1); transform: scale(1); }
   }