@charset "UTF-8";

/* inview設定 */
.js-inview {
	opacity: 0.0;
	transition: 0.8s ease-out;
	-webkit-transition: 0.8s ease-out;
	-moz-transition: 0.8s ease-out;
	-ms-transition: 0.8s ease-out;
	-o-transition: 0.8s ease-out;
	transform: translate(0, 80px);
	-webkit-transform: translate(0, 80px);
	-moz-transform: translate(0, 80px);
	-ms-transform: translate(0, 80px);
	-o-transform: translate(0, 80px);
}

.js-inview.inview-delay:nth-child(1) {
	transition-delay: 0.0s;
}

.js-inview.inview-delay:nth-child(2) {
	transition-delay: 0.3s;
}

.js-inview.inview-delay:nth-child(3) {
	transition-delay: 0.6s;
}

.js-inview.inview-delay:nth-child(4) {
	transition-delay: 0.9s;
}

.js-inview.inview-delay:nth-child(5) {
	transition-delay: 1.1s;
}

.js-inview.inview-delay:nth-child(6) {
	transition-delay: 1.3s;
}

.js-inview.is-show {
	opacity: 1;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
}

.js-inview_left {
	opacity: 0;
	transform: translateX(-100%);
}
.js-inview_left.is-show {
	animation: fadeInLeft 2.5s ease forwards;
}

.js-inview_fadein {
	opacity: 0;
	transition: opacity 0.001s ease-in;
	-webkit-transition: opacity 0.001s ease-in;
	-moz-transition: opacity 0.001s ease-in;
	-ms-transition: opacity 0.001s ease-in;
	-o-transition: opacity 0.001s ease-in;
}
.js-inview_fadein.is-show {
	opacity: 1;
}

@keyframes fadeInLeft {
	0% {
	  opacity: 0;
	  transform: translate3d(-100%, 0, 0) rotate(0deg);
	}
	30% {
	  transform: translate3d(-80%, 0, 0) rotate(-10deg);
	}
	60% {
	  transform: translate3d(-50%, 0, 0) rotate(0);
	}
	90% {
	  transform: translate3d(-20%, 0, 0) rotate(-5deg);
	}
	100% {
	  opacity: 1;
	  transform: translate3d(0, 0, 0) rotate(0);
	}
  }

.js-inview_big {
	opacity: 0;
	transform: scale(0.94);
}
.js-inview_big.is-show {
	animation: fadeInBig 0.8s ease-in forwards;
}

@keyframes fadeInBig {
	0% {
		opacity: 0;
		transform: scale(0.94);
	}
	50% {
		transform: scale(1.02);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}

.js-inview_right {
	opacity: 0;
	transform: translateX(10%);
}
.js-inview_right.is-show {
	animation: fadeInRight 2.5s ease forwards;
}

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


@media screen and (max-width: 600px) {
	/* inview設定 */
	.js-inview {
		transition: 0.8s ease-out;
		-webkit-transition: 0.8s ease-out;
		-moz-transition: 0.8s ease-out;
		-ms-transition: 0.8s ease-out;
		-o-transition: 0.8s ease-out;
		transform: translate(0, 30px);
		-webkit-transform: translate(0, 30px);
		-moz-transform: translate(0, 30px);
		-ms-transform: translate(0, 30px);
		-o-transform: translate(0, 30px);
	}
}