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

body{
 overflow-x: hidden;
}

.contebx{
	width: 100%;
}

.contebx p{
	font-size: 15px;
	letter-spacing: 0;
	padding: 10px 0 0;
}


.pgTitWp{
	background:#EAEFE0 url("../reason/img/ttlbg.jpg") center top no-repeat;
	background-size: contain;
	margin-bottom: 40px;
	padding: 80px 0;
	margin: 0 auto;
}

.pgTit{
	text-align: center;
	color: #000;
	font-size: 200%;
	font-weight: normal;
}

.pgTit span{
	background-color: rgba(255,255,255,0.9);
	display: inline-block;
	padding: 0.3em 1em;
}

.sec{
	margin: 80px auto;

}

.sec .inner{
	margin: 80px auto;
	width: 960px;
	position: relative;
}

.sec#reason1{
	background-image: url("../reason/img/reason_01.jpg");
	background-repeat: no-repeat;
	background-position:calc(50% + 270px) top;
	background-size: contain;
	position: relative;

}

.sec#reason1:after{
position: absolute;
background-color: #e2e2e2;
width: 100%;
height: 100%;
top: 0;
right: -80%;
content: "";
z-index: -1;
}


.enTtl{
	font-size: 170%;
	font-family:Arial, Helvetica, "sans-serif";
	color: #bbb;
}

.sec h3{
	font-size: 170%;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	margin: 0.3em 0 0.5em;
}

.sec#reason1 .txBx{
	width: 54%;
	padding: 60px 0;
}


.sec .wpBx{
display: flex;
	justify-content: space-between;
	align-items: center;
}

.sec .txBx{
width: 50%;
}

.sec .phBx{
width: 47%;
height: 560px;
background: url("../reason/img/reason_02.jpg") left center no-repeat;
}

.sec .txBx > div{
 max-width: 480px;
} 

.sec#reason3 .txBx{
width: 53%;	
}
.sec#reason3 .phBx{
width: 43%;	
}
.sec#reason3 .txBx > div{
 max-width: 530px;		
}

.sec#reason3 .txBx > div,
.sec#reason5 .txBx > div{
float: right;
} 

.sec#reason4 .phBx{
width: 47%;
background: url("../reason/img/reason_04.jpg") left center no-repeat;
}

.sec#reason4 .txBx{
width: 57%;	
}
.sec#reason4 .phBx{
width: 38%;	
}
.sec#reason4 .txBx > div{
 max-width: 580px;		
}