@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: 2.5s;
}
.fadeIn.is-show {
	opacity: 1;
}
.fadeIn_up {
	opacity: 0;
	transform: translate(0, 200px);
	transition: 2s;
}
.fadeIn_up.is-show {
	transform: translate(0, 0);
	opacity: 1;
}
.fadeIn_left {
	opacity: 0;
	transform: translate(-200px, 0);
	transition: 2s;
}
.fadeIn_left.is-show {
	transform: translate(0, 0);
	opacity: 1;
}
.fadeIn_right {
	opacity: 0;
	transform: translate(200px, 0);
	transition: 2s;
}
.fadeIn_right.is-show {
	transform: translate(0, 0);
	opacity: 1;
}