@CHARSET "utf-8";

/* =============================================
	COMMON
============================================= */
.tit-wrap{ /*border-bottom: 2px solid #39256C;*/}
h2{ background-image: url("/u-car/common/img/ico-qualified.png");}
.read{ /*color: #39256C;*/}
h3{ background-color: #404040; color: #ffffff;/* text-shadow: none;*/ text-align: center;}
section p{ text-align: center;}
section ul{ /*background: url("/u-car/img/classified/bg.png") left center repeat; color: #39256C;*/ font-weight: bold; border: #999999 solid 1px;}
section dt{ /*background: url("/u-car/img/classified/bg.png") left center repeat; color: #39256C;*/ font-weight: bold;}
section .point1 dt { background-image: url("/u-car/img/classified/ico-1.png");}
section .point2 dt { background-image: url("/u-car/img/classified/ico-2.png");}
section .point3 dt { background-image: url("/u-car/img/classified/ico-3.png");}
section .point4 dt { background-image: url("/u-car/img/classified/ico-4.png");}
section .point5 dt { background-image: url("/u-car/img/classified/ico-5.png");}
section .point6 dt { background-image: url("/u-car/img/classified/ico-6.png");}

/* =============================================
	SP
============================================= */
@media screen and (max-width: 720px){

.tit-wrap{ margin-bottom: 5%;}
h2{ 
	background-size: 40% auto;
	background-position: center 0;
	background-repeat: no-repeat;
	padding-top: 20%;
	font-size: 125%;
	margin: 2.5% auto 0;
	line-height: 1.3;}
.read{ margin-bottom: 20px;}
h3{font-size: 16px; padding: 5px 0; margin-bottom: 10px;}
section{ margin-bottom: 20px;}
section p{ margin-bottom: 5%; text-align: left;}
section ul{ padding: 1em 0 0.75em 1.5em;}
section ul li{ padding: 5px; text-indent: -1em;}
section dl{ margin: 0 auto 10%;}
section dt{ 
	font-size: 110%;
	/*padding: 10px;*/
	font-weight: bold;
	padding:0.5em 0 0.5em 6.5em;
	background-size: 6em auto;
	background-position: 0 center;
	background-repeat: no-repeat;
	line-height: 1.4;
	}
section .cf dd.img{ margin-top: 10px;}
section dd span{ font-size: 12px; line-height: 1.4; display: block; margin-top: 5px;}

}

/* =============================================
	PC
============================================= */
@media screen and (min-width: 720px){

.tit-wrap{ /*padding-bottom: 20px; */margin-bottom: 20px;}
h2{
	background-size: 160px auto;
	background-position: 0 center ;
	background-repeat: no-repeat;
	padding-left: 180px;
	font-size: 150%;
	margin: 20px auto 0;
	width: 700px;
	line-height: 1.4;
	box-sizing: border-box;
	}
h2 span{display: block;}
.read{
	width: 700px;
	margin: 0 auto 40px;
	line-height: 1.6;
	}
h3{font-size: 120%; padding: 5px 0; margin-bottom: 10px;}
section{ margin-bottom: 40px;}
section p{ width: 700px; margin: 30px auto 30px; text-align: left; line-height: 1.6; font-size: 110%;}
section p span{ /*display: block;*/}
section ul{ width: 700px; margin: 20px auto 0; padding: 10px; box-sizing: border-box;}
section ul li{ float: left; width: 360px; padding: 5px;}
section ul li:nth-child(2n){ width: 290px;}
section dl{ width: 700px; margin: 0 auto 50px;}
section dt{ 
	font-size: 110%;
	/*padding: 10px;*/
	font-weight: bold;
	padding:0.5em 0 0.5em 6.5em;
	background-size: 6em auto;
	background-position: 0 center;
	background-repeat: no-repeat;
	line-height: 1.4;
	margin-bottom: 0.5em;
	}
section dd{ 
	line-height: 1.5;
	}
section .cf dd{ float: left;}
section .cf dd.text{ width: 295px;}
section .cf dd.img{ margin-left: 5px;}
section dd span{ font-size: 12px; line-height: 1.4; display: block; margin-top: 10px;}

}