@charset "utf-8";

/* ――― 車検・点検 ――― */



/* ci01 */
.car_inspection > div.ci01 {
	width:100%;
	margin: 30px auto 50px;
	display: flex; flex-flow:row wrap; justify-content: space-between; align-items:flex-start;
}

.car_inspection > div.ci01 > dl { width:47%; margin:0;}
.car_inspection > div.ci01 > dl dt {
	margin: 0 auto 10px;
	font-size:1.2em; font-weight:bold; text-align: center;
	background:#e0e0e0;
	border-radius:30px;}
.car_inspection > div.ci01 > dl dd { padding-bottom: 20px;}



/* ci02 */
.car_inspection .ci02 {
	width:100%;
	margin: 0 auto 80px;
	display: flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; align-content:stretch;
}
.car_inspection .ci02 dl {
	width:43%;
	margin:12px 0;
	padding:3%;
	border: 1px solid #252222;
	box-shadow: 1px 1px 1px 0 #252222;
}
.car_inspection .ci02 dl dt {
	padding: 0 0 10px;
	font-size: 1.5em;
	font-weight: bold;
}
.car_inspection .ci02 dl dd {}
.car_inspection .ci02 dl dd ul {}
.car_inspection .ci02 dl dd ul li {}
.car_inspection .ci02 dl dd ul li a {
	margin: 5px 0;
	text-decoration: none;
	display:block;
}
.car_inspection .ci02 dl dd ul li a b {
	margin-right:5px;
}



@media only screen and (max-width:640px){

	.car_inspection > div.ci01 > dl { width:100%; margin:0 auto;}
	.car_inspection .ci02 dl {
		width:90%;
		margin:12px 0;
		padding:5%;}
}


.supportlist {
    display:flex; flex-flow:row wrap; justify-content:flex-start; align-content:stretch; align-items:stretch;
}
.supportlist li {
    width:25%;
}
.supportlist a {
    width:90%;
    margin: 0 auto;
    display: block;
    text-decoration: none;
    color:#252222;
    transition: .2s;
}
.supportlist a:hover {
    opacity:0.6;
}
.supportlist h4 {padding: 12px 0 6px; font-size: 1.15em;}
.supportlist p {padding:5px 0 50px; font-size: 0.9em;}
.supportlist img {width: 100%;}

@media only screen and (max-width:900px){
	.supportTop li {width: 100%; margin: 0 0 20px;}
	.supportlist li{width: calc((100% - 40px) / 3);}
}
@media only screen and (max-width:640px){
	.supportlist li{width: calc((100% - 20px) / 2);}
}

