@charset "UTF-8";
/****************************************
contents
*****************************************/
.hero{
	margin-bottom: 120px;
	max-height: 600px;
	overflow: hidden;
}

.hero__img{
	height: auto;
	width: 100%;
}

.sec{
	margin-bottom: 120px;
}

.page-title{
	text-align: center;
}

.page-title__title{
	color: #333;
	font-size: 48px;
	font-weight: 700;
	margin-bottom: 40px;
}

.animation-box:nth-child(odd){
	background: #eee;
}

.animation-box{
	padding: 120px;
	transition:.5s;
}

.animation-box.active{
	background: #666;
	color: #fff;
}