@charset "utf-8";

#title{background: url(../img/title_bg.png) center top no-repeat;}

#contents .img{
	line-height: 0;
	margin: 0 auto;
	text-align: center;
}
#contents img{
	max-width: 100%;
	height: auto;
}
@media (min-width:1300px){
	#contents .img2_outer{
		margin: 0 -40px 130px;
		padding: 40px 40px 0;
		background: #fff;
	}
}


#contents h3{
	font-size: 2rem;
	line-height: 120%;
	margin: 0 auto 20px;
	text-align: left;
	padding: 0 50px;
	color: #333;
	font-weight: normal;
}
#contents h3>strong{
	font-size: 6rem;
	font-weight: bolder;
}

#contents p.title{
	font-size: 2.5rem;
	padding: 0 50px;
	margin: 0 auto 30px;
}
#contents p.title2{
	font-size: 6rem;
	padding: 0 50px;
	margin: 0 auto 35px;
	line-height: 100%;
	font-weight: bolder;
}
#contents p.tex{
	font-size: 1.4rem;
	padding: 0 50px;
	margin: 0 auto 40px;
}


#contents .flow{
	background: url(../img/flow_bg.png) center top no-repeat;
	padding: 200px 0 200px;
	margin: 0 auto 60px;
}
@media (min-width:1200px){
	#contents .flow{background-size: 100% auto !important;}
}
#contents .flow .img3{
	line-height: 0;
	text-align: center;
	margin: 0 auto 80px;
}
#contents .flow p.title3{
	font-size: 2rem;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	color: #fff;
}



#contents ul.images{
	display: block;
	letter-spacing: -0.4em;
	text-align: center;
	line-height: 0;
	margin: 0 auto 55px;
	max-width: 1040px;
	padding: 40px 0 0;
}
#contents ul.images>li{
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	margin: 0 10px 10px 0;
	width: 340px;
	overflow: hidden;
	position: relative;
}
#contents ul.images>li:nth-child(3n){
	margin-right: 0;
}

@media screen and (max-width:767px){
	#contents p.title{
		font-size: 1.8rem;
		padding: 0;
	}
	#contents p.title2{
		font-size: 3.5rem;
		padding: 0;
	}
	#contents p.tex{padding: 0;}
	
	
	#contents .flow{
		padding: 120px 0 0;
		margin: 0 auto 60px;
		background-size: 100% auto !important;
	}
	#contents .flow .img3{
		max-width: 80%;
		margin: 0 auto 40px;
	}
	#contents .flow p.title3{
		font-size: 1.4rem;
		margin: 0 auto;
		color: #333;
		text-align: left;
	}
	#contents h3{
		font-size: 1.8rem;
		padding: 0;
		line-height: 160%;
	}
	#contents h3>strong{
		font-size: 3.5rem;
	}
	
	#contents ul.images{margin-bottom: 0;}
	#contents ul.images>li,
	#contents ul.images>li:nth-child(3n){
		width: 49%;
		margin: 0 2% 10px 0;
	}
	#contents ul.images>li:nth-child(2),
	#contents ul.images>li:nth-child(4),
	#contents ul.images>li:nth-child(7),
	#contents ul.images>li:nth-child(9){
		margin-right: 0;
	}
}