@charset "utf-8";

/*pageTtl*/
.pageTtl{
	background-image: url(../imgs/img-mv.jpg);
	margin-bottom: 0;
}

/*----------
modern
-----------*/
.modern .headline.headline-03,
.modern .text{
	text-align: justify; /* 両端揃え */
	text-justify: inter-ideograph; /* 両端揃えの種類 */	
}
.modern .headline.headline-04{
	text-align: justify; /* 両端揃え */
	text-justify: inter-ideograph; /* 両端揃えの種類 */
	margin-bottom:0;
}
.modern .clmBox .clm.modern-ph{
	width:55.58333333333334%;
	background: linear-gradient(to bottom,rgba(59,164,207,1),rgba(7,80,123,1));
	padding:30px 20px;
	box-sizing: border-box;
}
.modern .clmBox .clm.modern-txt{
	width: 44.41666666666667%;
	background: linear-gradient(to bottom,rgba(11,92,133,1),rgba(7,59,94,1));
}
.modern .clmBox .clm.modern-txt .childBox{
	width:75%;
}
@media only screen and (max-width:1300px) {
	.modern .clmBox .clm.modern-ph{
		padding:100px 20px;
	}
}
@media only screen and (max-width:1240px) {
	.modern .clmBox .clm.modern-ph{
		padding:180px 20px;
	}
}
@media only screen and (max-width:736px) {
	.modern .clmBox .clm.modern-ph{
		width:100%;
		padding:30px 10px;
		box-sizing: border-box;
	}
	.modern .clmBox .clm.modern-txt{
		width: 100%;
		padding: 30px 0 40px;
	}
	.modern .clmBox .clm.modern-txt .childBox{
		width:80%;
	}
}

/*----------
folmFacial
-----------*/
.formeFacial{
	background:#073350;
}
.formeFacial .childBox{
	width: 70%;
}
.formeFacial .headline.headline-04,
.formeFacial .text{
	text-align: justify; /* 両端揃え */
	text-justify: inter-ideograph; /* 両端揃えの種類 */
	margin-bottom:0;
}

@media only screen and (max-width:1200px) {
	.formeFacial .childBox{
		width: 90%;
	}
}
@media only screen and (max-width:736px) {
	.formeFacial .childBox{
		width:100%;
		padding: 30px 20px 40px;
	}

}