@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
#gNavi .navi01 a img {
	visibility: hidden;
}

.pageTitle {
	margin-bottom: 0;
	background: url(../../img/hakushu/page_title_bg.jpg) no-repeat center top;
	background-size: cover;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/hakushu/page_title_bg.jpg',  sizingMethod='scale');
}

#main {
	margin-bottom: 0;
	width: auto;
}

#main .reason {
	padding: 158px 0 25px;
	min-height: 271px;
	background: url(../../img/hakushu/reason_bg.jpg) no-repeat left top;
	background-size: cover;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/hakushu/reason_bg.jpg',  sizingMethod='scale');
}

#main .reason .info .title {
	margin-bottom: 9px;
	font-size: 24px;
	line-height: 1.5;
	text-align: center;
	font-weight: normal;
}

#main .reason .info p {
	margin-bottom: 14px;
	font-size: 16px;
	line-height: 1.6;
	text-align: center;
}

#main .reason .info .comLink {
	margin: 0 auto;
}

#main .comImgBox02 .photoBox span {
	height: 350px;
	background: url(../../img/hakushu/photo01.jpg) no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}

#main .comImgBox01 .photoBox span {
	height: 350px;
	background: url(../../img/hakushu/photo02.jpg) no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}

#main .bg01 {
	margin-bottom: 108px;
}

#main .bg01 .photoBox span {
	height: 352px;
	background: url(../../img/hakushu/photo03.jpg) no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}

#main .bg02 .photoBox span {
	height: 349px;
	background: url(../../img/hakushu/photo04.jpg) no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}

#main .bg03 .photoBox span {
	height: 350px;
	background: url(../../img/hakushu/photo05.jpg) no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}

#main .comImgBox01 .textBox {
	background-color: #F0F2EE;
}

#main .sample {
	padding-top: 69px;
	background-color: #F0F2EE;
}

#main .sample .headLine02 {
	margin-bottom: 20px;
}

@media all and (min-width: 0) and (max-width: 736px)  {
	.pageTitle {
		background: url(../../img/hakushu/sp_page_title_bg.jpg) no-repeat center top;
		background-size: 100% auto;
	}	

	#main {
		margin: 0;
	}

	#main .reason {
		/*margin-bottom: 15px;*/
		padding: 52px 0 25px;
		min-height: 212px;
		background: url(../../img/hakushu/sp_reason_bg.jpg) no-repeat left top;
		background-size: 100% 100%;
	}
	
	#main .reason .info .title {
		margin-bottom: 4px;
		font-size: 18px;
	}
	
	#main .reason .info p {
		margin-bottom: 8px;
		font-size: 14px;
		text-align: left;
	}
	
	#main .comImgBox02 {
		margin-bottom: 40px;
	}

	#main .comImgBox01 .photoBox {
		margin-bottom: 0;
	}
	
	#main .comImgBox01 .textBox {
		padding: 20px 23px 40px;
	}
	
	#main .sample {
		padding: 39px 0 40px;
	}

	#main .bg03 {
		margin-bottom: 0;
	}

}