@charset "UTF-8";



/*border
---------------------------------------------------------*/
.border{
	background:#FFF;
	border:solid 1px #77C0C3;
	padding:30px;
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.border{
	padding:5% 3%;
}
}



/* lead 
---------------------------------------------------------*/
.reason .lead{
	font-size:95%;
	margin-bottom: 5%;
}
.reason .lead div{
	float: right;
	width: 34%;
	max-width: 220px;
}
.reason .lead dl{
	float:left;
	width:64%;
}
.reason .lead dl dt{
	font-size:125%;
	color:#62ADB8;
	font-weight:bold;
	margin-bottom: 0.5em;
}
.reason .lead dl dt.concept{
	font-size:195%;
	line-height: 1.3em;
	color: #4D1F19;
	margin-bottom: .5em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.reason .lead dl dt.concept{
	font-size:155%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.reason .lead div{
	float: none;
	width: 55%;
	margin: 7% auto 5%;
}
.reason .lead dl{
	float: none;
	width:100%;
}
.reason .lead dl dt{
	font-size:130%;
}
.reason .lead dl dt.concept{
	font-size:165%;
}
}



/* point 
---------------------------------------------------------*/
.reason .point {
	margin-bottom: 20px;
}
.reason .point:last-of-type {
	margin-bottom: 0;
}
.reason .point .point_title{
	background-color: #63aeb9;
	color: #FFFFFF;
	padding-left: 0.7em;
	padding-bottom: 0.3em;
	padding-top: 0.2em;
	font-size: 130%;
}
.reason .point .point_title p{
	text-indent: -4em;
	margin-left: 4em;
}
.reason .point .point_title p span{
	padding-right: 0.3em;
	font-size: 120%;
	font-family: din-2014, sans-serif;
	font-weight: 700;
	font-style: normal;
}
.reason .point p.text{
	background:url(../images/reason/arrow.gif) no-repeat 15px 0;
	padding-top: 10px;
	padding-left: 65px;
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.reason .point {
	margin-bottom: 6%;
}
.reason .point .point_title{
	padding-left: 0.6em;
	font-size: 110%;
}
.reason .point p.text{
	background-position: 0.6em 0;
	background-size: 0.9em;
	padding-top: 0.5em;
	padding-left: 2.1em;
}
}