@charset "utf-8";
/* CSS Document */
.reason{
	background:#343632;
	margin:170px auto 0;
}
.reason_sec{
	padding:118px 80px 150px;
	max-width:1500px;
	margin:0 auto;
}
.sec_stl{
	display:grid;
}
.sec_stl .left{
	color:#fffef9;
}
.sec_stl .left p{
	font-size:20px;
}
.sec_stl .left h2{
	font-size:38px;
	margin:8px 0 0;
	line-height:1.2;
}
.sec_stl .right{
	font-size:14px;
	margin:40px 0 0;
	color:#fffc;
	line-height:1.7;
}
.sec_sbd{
	color:#fffef9;
	margin-top:72px;
}
.sec_sbd ul{
	display:grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 50px;
}
.sec_sbd li{
	padding:30px 0 32px;
	padding:30px 0 102px;
	border-top:1px solid #e1ecd79e;
	border-bottom:1px solid #e1ecd79e;
	position:relative;
}
.sec_sbd li:nth-child(1), .sec_sbd li:nth-child(2), .sec_sbd li:nth-child(3){
	border-bottom:none;
}

.sec_sbd li::after{
	content:'';
	position:absolute;
	width: 1px;
	height: calc(100% - 52px);
	top: 50%;
	right: -25px;
	translate: 0 -50%;
	background:#e1ecd79e;
}
.sec_sbd li:nth-child(2n)::after{
	width:0;
}
.sec_sbd li h3{
	font-size:40px;
	font-weight:400;
	line-height:1.414;
	margin-bottom:20px;
}
.sec_sbd li .txt{
	font-size:13px;
	line-height:1.7;
}
.sec_sbd li .txt p{
	margin-top:1em;
}
.sec_sbd li .vicon{
	height:50px;
	position:absolute;
	left:0;
	bottom:32px;
}
.sec_sbd li .vicon img{
	max-width:50px;
}

.message{
	background:#e4e4dc;
}
.message_sec{
	padding:118px 80px 150px;
	margin:170px auto 0;
	max-width:1500px;
}
.msg_stl{
	display:grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 183px;
	color:#1b1c1a;
}
.msg_stl .left{
	color:#1b1c1a;
}
.msg_stl .left p{
	font-size:20px;
}
.msg_stl .left h2{
	font-size:38px;
	margin:8px 0 0;
	line-height:1.2;
}
.msg_stl .right{
	font-size:14px;
	margin:40px 0 0;
	line-height:1.7;
}
.msg_sbd{
	margin-top:72px;
	display:grid;
	grid-template-columns: 1fr 33.3%;
	gap: 60px;
}



.msg_sbd ul{
	display:grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	row-gap: 60px;
}
.msg_sbd li{
	position:relative;
}
.msg_sbd li h3{
	font-size:20px;
	font-weight:500;
	line-height:1.4;
	margin-bottom:20px;
}
.msg_sbd li .txt{
	font-size:13px;
	line-height:1.7;
}
.msg_sbd li .txt p{
	margin-top:1em;
}
.tp_01 img{
	border-radius:20px;
}

@media screen and (max-width: 768px) {
	.reason_sec{
		max-width:inherit;
		padding:90px 30px 100px;
	}
	.sec_stl .left h2{
		font-size:25px;
	}
	.sec_sbd li h3{
		font-size:25px;
		margin-bottom:20px;
	}
	.sec_sbd ul{
		grid-template-columns: repeat(1, minmax(0, 1fr));
    	column-gap: 50px;
	}
	.sec_sbd li::after{
		width:0;
	}
	.msg_stl{
		grid-template-columns: repeat(1, minmax(0, 1fr));
    	column-gap: 183px;
	}
	.msg_stl .left h2{
		font-size:25px;
	}
	
	.message_sec {
		padding: 90px 30px 100px;
		max-width: inherit;
		margin-top:72px;
	}
	.msg_sbd {
		margin-top: 10px;
		grid-template-columns: 1fr;
		gap: 60px;
	}
	.reason{
		margin-top:20px;
	}
}