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


.slideIn {
	transition-property: transform;
	transition-duration: 1s;
	transition-timing-function: cubic-bezier(0.000, 0.295, 0.500, 1.000);
	-webkit-transform: translate(0, 100px);
    transform: translate(0, 100px);
}

.slideInX {
	transition-property: transform;
	transition-duration: 1s;
	transition-timing-function: cubic-bezier(0.000, 0.295, 0.500, 1.000);
	-webkit-transform: translate(-100vw, 0);
    transform: translate(-100vw, 0);
}

.slideInX.skewX.head-main-3-right {
	transition-property: transform;
	transition-duration: 1s;
	transition-timing-function: cubic-bezier(0.000, 0.295, 0.500, 1.000);
	-webkit-transform: translate(-100vw, 0);
    transform: translate(-100vw, 0);
}

.slideInX.skewX.head-main-3-right.right2 {
	transition-property: transform;
	transition-duration: 1s;
	transition-timing-function: cubic-bezier(0.000, 0.295, 0.500, 1.000);
	-webkit-transform: translate(-100vw, 0);
    transform: translate(-100vw, 0);
}

.home-boxs:nth-child(2).slideInX{
	transition-property: transform;
	transition-duration: 1s;
	transition-timing-function: cubic-bezier(0.000, 0.295, 0.500, 1.000);
	-webkit-transform: translate(100vw, 0);
    transform: translate(100vw, 0);
}

.wrap-title.slideInX{
	transition-delay: 1.8s;
}

.service-lists .slideInX:nth-child(1){
	transition-delay: 1.4s;
}
.service-lists .slideInX:nth-child(2){
		transition-delay: 1s;
}

.service-lists .slideInX:nth-child(2){
		transition-delay: .5s;
}

.slideInXReverse{
	transition-property: transform;
	transition-duration: 1s;
	transition-timing-function: cubic-bezier(0.000, 0.295, 0.500, 1.000);
	-webkit-transform: translate(100vw, 0);
    transform: translate(100vw, 0);
}

.slideIn.is_done,.slideInX.is_done,.home-boxs:nth-child(2).slideInX.is_done,.slideInXReverse.is_done {
	transition-timing-function: cubic-bezier(0.000, 0.295, 0.500, 1.000);
	-webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.slideInX.skewX.head-main-3-right.is_done {
	transition-property: transform;
	transition-duration: 1s;
	transition-timing-function: cubic-bezier(0.000, 0.295, 0.500, 1.000);
		-webkit-transform: translate(0, 0) skewX(-30deg);
    transform: translate(0, 0) skewX(-30deg);
}

.slideInX.skewX.head-main-3-right.is_done.right2 {
	transition-property: transform;
	transition-duration: 2s;
	transition-timing-function: cubic-bezier(0.000, 0.295, 0.500, 1.000);
		-webkit-transform: translate(0, 0) skewX(30deg);
    transform: translate(0, 0) skewX(30deg);
}

@media(max-width:980px){
	.slideInXReverse.sp-slideInX{
		transition-property: transform;
		transition-duration: 1s;
		transition-timing-function: cubic-bezier(0.000, 0.295, 0.500, 1.000);
		-webkit-transform: translate(-100vw, 0);
		transform: translate(-100vw, 0);
	}
	
	.sp-slideInXReverse.slideInX{
		transition-property: transform;
		transition-duration: 1s;
		transition-timing-function: cubic-bezier(0.000, 0.295, 0.500, 1.000);
		-webkit-transform: translate(100vw, 0);
		transform: translate(100vw, 0);
	}
	
	.slideInX.is_done.sp-slideInXReverse{
		transition-timing-function: cubic-bezier(0.000, 0.295, 0.500, 1.000);
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	
	.sp-slideInX.is_done.slideInXReverse{
		transition-timing-function: cubic-bezier(0.000, 0.295, 0.500, 1.000);
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

.fadeIn {
    transition-property: opacity, transform;
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(0.000, 0.295, 0.500, 1.000);
    opacity: 0;
    -webkit-transform: translate(0, 60px);
    transform: translate(0, 60px);
}
.fadeIn[data-delay="1"]{ transition-delay: 0.2s;}
.fadeIn[data-delay="2"]{ transition-delay: 0.4s;}
.fadeIn[data-delay="3"]{ transition-delay: 0.6s;}
.fadeIn[data-delay="4"]{ transition-delay: 0.8s;}
.fadeIn[data-delay="5"]{ transition-delay: 1s;}


.fadeIn.is_done{
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}