@charset "utf-8";

/*====================================================================
.imgBox
====================================================================*/

.imgBox {
	text-align: center;
	margin: 50px 0;
}
.imgBox img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
}

/*====================================================================
.txtBox
====================================================================*/

.txtBox {
	text-align: center;
}
.txtBox p {
	font-size: 60px;
	font-weight: bold;
	padding: 2em 0;
	margin: 0;
}

/*====================================================================
inview
====================================================================*/

.content {
	overflow-x: hidden;
}
.fadeIn {
	opacity: 0;
	transition: 1s;
}
.fadeIn.is-show {
	opacity: 1;
}
.fadeIn_up {
	opacity: 0;
	transform: translate(0, 200px);
	transition: 1s;
}
.fadeIn_up.is-show {
	transform: translate(0, 0);
	opacity: 1;
}
.fadeIn_down {
	opacity: 0;
	transform: translate(0, -200px);
	transition: 0.5s;
}
.fadeIn_down.is-show {
	transform: translate(0, 0);
	opacity: 1;
}
.fadeIn_up2 {
	opacity: 0;
	transform: translate(0, 200px);
	transition: 2s;
}
.fadeIn_up2.is-show {
	transform: translate(0, 0);
	opacity: 1;
}
.fadeIn_up3 {
	opacity: 0;
	transform: translate(0, 200px);
	transition: 3s;
}
.fadeIn_up3.is-show {
	transform: translate(0, 0);
	opacity: 1;
}
.fadeIn_left {
	opacity: 0;
	transform: translate(-200px, 0);
	transition: 1s;
}

.fadeIn_left.is-show {
	transform: translate(0, 0);
	opacity: 1;
}
.fadeIn_left2 {
	opacity: 0;
	transform: translate(-200px, 0);
	transition: 1s;
}
.fadeIn_left2.is-show {
	transform: translate(0, 0);
	opacity: 1;
}
.fadeIn_right {
	opacity: 0;
	transform: translate(200px, 0);
	transition: 1s;
}
.fadeIn_right.is-show {
	transform: translate(0, 0);
	opacity: 1;
}
.fadeIn_right2 {
	opacity: 0;
	transform: translate(200px, 0);
	transition: 1.1s;
}
.fadeIn_right2.is-show {
	transform: translate(0, 0);
	opacity: 1;
}
.fadeIn_right3 {
	opacity: 0;
	transform: translate(200px, 0);
	transition: 1.2s;
}
.fadeIn_right3.is-show {
	transform: translate(0, 0);
	opacity: 1;
}
.fadeIn_right4 {
	opacity: 0;
	transform: translate(200px, 0);
	transition: 1.3s;
}
.fadeIn_right4.is-show {
	transform: translate(0, 0);
	opacity: 1;
}
.fadeIn_right5 {
	opacity: 0;
	transform: translate(200px, 0);
	transition: 1.4s;
}
.fadeIn_right5.is-show {
	transform: translate(0, 0);
	opacity: 1;
}
.fadeIn_right6 {
	opacity: 0;
	transform: translate(200px, 0);
	transition: 1.5s;
}
.fadeIn_right6.is-show {
	transform: translate(0, 0);
	opacity: 1;
}