@charset "utf-8";

/* 共通 */
/*toppage*/

/*reason*/
	#reasonpage{
		margin: 0 auto;
		background-color: #fefefa;
		
	}
	#reasonpage .keyarea{
		background: url("../image/reason/580house.png") no-repeat;
		padding-top: 400px;
	}
	#reasonpage .keyarea p{
		margin-left: 45%;
		border-left: 6px solid #f9b618;
		padding: 5px 40px;
		line-height: 2.2;
		font-size: 16px;
		color: #111;
		font-weight: 800;
		margin: 0 0 30px 45%;
	}
	#reasonpage .keyarea span{
		color: #f8452e;
	}
	
	#reasonpage .sentencearea{
		background-color: white;
		border-radius: 40px;
		line-height: 2.5;
		padding: 5%;
		width: 80%;
		margin: 0 auto;
		box-shadow: 0px 0px 5px #ccc;
	}
	#reasonpage .sentencebox{
		margin-bottom: 20px;
	}
	#reasonpage .signbox{
		text-align: right;
	}

/* SP */
@media ( max-width: 765px) {
.top-sldr{
	padding-bottom: 40px !important;
}
/*reason*/
	#reasonpage{
		width: 100%;
		max-width: 765px;
	}
	#reasonpage .keyarea{
		background: url("../image/reason/580house_sp.png") no-repeat;
		background-size: contain;
		padding-top: 170px;
		width: 100%;
	}
	#reasonpage .keyarea p{
		border-left: 6px solid #f9b618;
		padding: 5px;
		line-height: 1.6;
		font-size: 14px;
		margin: 0 0 20px 5%;
	}
	#reasonpage .sentencearea{
		border-radius: 20px;
		line-height: 2;
		padding: 5%;
		width: 90%;
		margin: 0 auto;
		box-shadow: 0px 0px 5px #ccc;
	}
}

/* PC */
@media ( min-width: 766px) {
.top-sldr{
	padding-bottom: 80px !important;
}
	/*reason*/
	#reasonpage{
		width: 1200px;
	}
	#reasonpage .keyarea{
		padding-top: 400px;
	}
	#reasonpage .keyarea p{
		margin-left: 45%;
		border-left: 6px solid #f9b618;
		padding: 5px 40px;
		line-height: 2.2;
		font-size: 16px;
		color: #111;
		font-weight: 800;
		margin: 0 0 30px 45%;
	}

}