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

/*--- 共通 ---*/
body {
}
.wrap01,
.wrap02 {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}
.wrap01 {
	max-width: 1000px;
}
.wrap02 {
}


#container {
	padding: 100px 0;
}
#container h1 {
	font-size: 40px;
	font-weight: bold;
}


@media screen and (max-width: 768px) {
	/*--- 共通 ---*/
	body {
	}
	.wrap01,
	.wrap02 {
		max-width: none;
	}
	.wrap01 {
		width: 86.7%;
	}

	#container {
		padding-top: 16vw;
		padding-bottom: 20vw;
	}
	#container h1 {
		font-size: 6.7vw;
	}
}

/*---------------------------
アニメーション用CSS
-----------------------------*/
.animate,
.animate2,
.animate3 {
	opacity: 1;
	transition-property: opacity,transform;
	transition-duration:.8s;
	transition-timing-function:ease-in-out;
	transform: translateY(0);
}
.animate.deactive,
.animate2.deactive,
.animate3.deactive {
	opacity: 0;
	transition: 0s;
	transform: translateY(20px);
}