@charset "UTF-8";
/* ===================================================================
CSS
 file name  :  strength.css
=================================================================== */
section.blue{
	background: url(/images/reason/bg_blue.png) no-repeat top left;
	background-size: 70% auto;
}
section.gray{
	background: url(/images/reason/bg_gray.png) no-repeat top left;
	background-size: 70% auto;
}
section.line{
	border-bottom: 1px solid #CCC;
}
.reason_box{
	max-width: 940px;
	margin: auto;
	padding: 80px 30px;
	display: flex;
	align-items: center;
}
.reason_box.last{
	padding: 80px 30px 0 30px;
	border-bottom: none;
}
.reason_box h2{
	width: 35%;
	padding-top: 140px;
	font-size: 26px;
	font-size: 2.6rem;
	line-height: 1.8;
	font-weight: 500;
}
.reason_box h2.title01{
	background: url(/images/reason/reason01.png) no-repeat top left;
	background-size: auto 108px;
}
.reason_box h2.title02{
	background: url(/images/reason/reason02.png) no-repeat top left;
	background-size: auto 108px;
}
.reason_box h2.title03{
	background: url(/images/reason/reason03.png) no-repeat top left;
	background-size: auto 108px;
}
.reason_box .text{
	width: 65%;
	padding-left: 60px;
}
.reason_box .text p.mt{
	margin-top: 20px;
}
.reason_box .text .promise{
	margin-top: 20px;
}
.reason_box .text .promise li{
	padding-left: 25px;
	line-height: 1.8;
	background: url(/images/common/circle.png) no-repeat top 8px left;
	background-size: 14px auto;
}
@media screen and (max-width: 768px) {
	section.line{
		border-bottom: none;
	}
	.reason_box{
		padding: 30px 20px;
		display: inherit;
	}
	.reason_box.last{
		padding: 20px 20px;
	}
	.reason_box h2{
		width: 100%;
		padding-top: 70px;
		font-size: 14px;
		font-size: 1.4rem;
		text-align: center;
	}
	.reason_box h2.title01{
		background: url(/images/reason/reason01.png) no-repeat top center;
		background-size: auto 54px;
	}
	.reason_box h2.title02{
		background: url(/images/reason/reason02.png) no-repeat top center;
		background-size: auto 54px;
	}
	.reason_box h2.title03{
		background: url(/images/reason/reason03.png) no-repeat top center;
		background-size: auto 54px;
	}
	.reason_box .text{
		width: 100%;
		margin-top: 20px;
		padding-left: 0px;
	}
	.reason_box .text p.mt{
		margin-top: 20px;
	}
	.reason_box .text .promise{
		margin-top: 20px;
	}
	.reason_box .text .promise li{
		padding-left: 20px;
		line-height: 1.8;
		background: url(/images/common/circle.png) no-repeat top 5px left;
		background-size: 10px auto;
	}
}
@media screen and (max-width: 480px) {
	section.blue{
		background-size: 90% auto;
	}
	section.gray{
		background-size: 90% auto;
	}
}