@charset "utf-8";

.fadeInUpTrigger,
.fadeInDownTrigger,
.fadeInLeftTrigger,
.fadeInRightTrigger,
.boundTrigger,
.mv_recruit_leftTrigger,
.mv_recruit_rightTrigger{
	opacity: 0;
}

.mv_baseAnime{
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	visibility: visible !important;	
	-webkit-animation-duration:0.8s;
	-ms-animation-duration:0.8s;
	animation-duration:0.8s;
	-webkit-animation-name: mv_baseAnime;
	-ms-animation-name: mv_baseAnime;
	animation-name: mv_baseAnime;
}
@-webkit-keyframes mv_baseAnime {
	0% { opacity: 0; filter: blur(30px); }
	100% { opacity: 1; filter: blur(0px); }
}

@keyframes mv_baseAnime {
	0% { opacity: 0; -webkit-filter: blur(30px); -ms-filter: blur(30px); filter: blur(30px); }
	100% { opacity: 1; -webkit-filter: blur(0px); -ms-filter: blur(0px); filter: blur(0px); }
}

@keyframes fadeInUp {
	0% { opacity: 0; transform: translateY(50px); filter: blur(30px); }
	100% { opacity: 1; transform: translateY(0px); filter: blur(0px); }
}

@keyframes fadeInDown {
	0% { opacity: 0; transform: translateY(-50px); }
	100% { opacity: 1; transform: translateY(0px); }
}

@keyframes fadeInLeft {
	0% { opacity: 0; transform: translateX(-50px); filter: blur(10px); }
	100% { opacity: 1; transform: translateX(0px); filter: blur(0px); }
}

@keyframes fadeInRight {
	0% { opacity: 0; transform: translateX(50px); filter: blur(10px); }
	100% { opacity: 1; transform: translateX(0px); filter: blur(0px); }
}



/*バウンド*/
.bound{
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	visibility: visible !important;	
	-webkit-animation-duration:0.3s;
	-ms-animation-duration:0.3s;
	animation-duration:0.3s;
	-webkit-animation-name: bound;
	-ms-animation-name: bound;
	animation-name: bound;
	animation-timing-function: ease-in;
}

@keyframes bound {
	0% { opacity: 0; transform: translateY(40px); }
	50% { opacity: 1; transform: translateY(-20px); }
	90% { opacity: 1; transform: translateY(10px); }
	96% { opacity: 1; transform: translateY(-20px); }
	100% { opacity: 1; transform: translateY(0); }
}


/*リクルートバナーの左右開き*/
.mask_left_open{
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	visibility: visible !important;	
	-webkit-animation-duration:1.6s;
	-ms-animation-duration:1.6s;
	animation-duration:1.6s;
	-webkit-animation-name: mask_left_open;
	-ms-animation-name: mask_left_open;
	animation-name: mask_left_open;
}

@keyframes mask_left_open{
	0% { opacity: 1; transform: translateX(0); filter: }
	100% { opacity: 1; transform: translateX(-1500px); }
}

.mask_right_open{
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	visibility: visible !important;	
	-webkit-animation-duration:0.6s;
	-ms-animation-duration:0.6s;
	animation-duration:0.6s;
	-webkit-animation-name: mask_right_open;
	-ms-animation-name: mask_right_open;
	animation-name: mask_right_open;
}

@keyframes mask_right_open{
	0% { opacity: 1; transform: translateX(0); }
	100% { opacity: 1; transform: translateX(1500px); }
}


/*リクルートMVの左右合体*/
.mv_recruit_left{
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	visibility: visible !important;	
	-webkit-animation-duration:0.6s;
	-ms-animation-duration:0.6s;
	animation-duration:0.6s;
	-webkit-animation-name: mv_recruit_left;
	-ms-animation-name: mv_recruit_left;
	animation-name: mv_recruit_left;
}

@keyframes mv_recruit_left{
	0% { opacity: 1; transform: translateX(-1500px); }
	100% { opacity: 1; transform: translateX(0px); }
}

.mv_recruit_right{
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	visibility: visible !important;	
	-webkit-animation-duration:0.6s;
	-ms-animation-duration:0.6s;
	animation-duration:0.6s;
	-webkit-animation-name: mv_recruit_right;
	-ms-animation-name: mv_recruit_right;
	animation-name: mv_recruit_right;
}

@keyframes mv_recruit_right{
	0% { opacity: 1; transform: translateX(1500px); }
	100% { opacity: 1; transform: translateX(0px); }
}


/*波の動き*/
.wave_left.active{
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	visibility: visible !important;	
	-webkit-animation-duration:6.0s;
	-ms-animation-duration:6.0s;
	animation-duration:6.0s;
	-webkit-animation-name: wave_left;
	-ms-animation-name: wave_left;
	animation-name: wave_left;
}

@keyframes wave_left{
	0% { opacity: 1;  }
	99% { opacity: 0; transform: translateX(0); }
	100% { opacity: 0; transform: translateX(-9999px); }
}

.wave_right.active{
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	visibility: visible !important;	
	-webkit-animation-duration:6.0s;
	-ms-animation-duration:6.0s;
	animation-duration:6.0s;
	-webkit-animation-name: wave_right;
	-ms-animation-name: wave_right;
	animation-name: wave_right;
}

@keyframes wave_right{
	0% { opacity: 1; }
	99% { opacity: 0; transform: translateX(0); }
	100% { opacity: 0; transform: translateX(-9999px); }
}


/*ディレイ*/
.animate__delay-01s{animation-delay: 0.1s;}
.animate__delay-02s{animation-delay: 0.2s;}
.animate__delay-03s{animation-delay: 0.3s;}
.animate__delay-04s{animation-delay: 0.4s;}
.animate__delay-05s{animation-delay: 0.5s;}
.animate__delay-06s{animation-delay: 0.6s;}
.animate__delay-07s{animation-delay: 0.7s;}
.animate__delay-08s{animation-delay: 0.8s;}
.animate__delay-09s{animation-delay: 0.9s;}
.animate__delay-10s{animation-delay: 1.0s;}
.animate__delay-11s{animation-delay: 1.1s;}
.animate__delay-12s{animation-delay: 1.2s;}
.animate__delay-13s{animation-delay: 1.3s;}
.animate__delay-14s{animation-delay: 1.4s;}