@charset "utf-8";
/* CSS Document */
#used_car{}
	#inner_used_car{margin-bottom:50px;}
		#inner_used_car>p{
			margin-bottom:20px;
			}
		#inner_used_car ul{}
		#inner_used_car dl{display:table;background-image:url(../img/service/maintenance/back_check.png)}
		#inner_used_car dl dt{width:30%;text-align:center;padding:10px 2%;font-weight:bold;}
		#inner_used_car dl dt img{width:100%;}
		#inner_used_car .step01 dl dt{background-color:#FFDBA1;}
		#inner_used_car .step02 dl dt{background-color:#FFE87A;}
		#inner_used_car .step03 dl dt{background-color:#B3EEF4;}
		#inner_used_car .step04 dl dt{background-color:#FDB494;}
		#inner_used_car .step01 dl dd{background-color:#FDBA4E;}
		#inner_used_car .step02 dl dd{background-color:#FED825;}
		#inner_used_car .step03 dl dd{background-color:#86D5DE;}
		#inner_used_car .step04 dl dd{background-color:#FF8B58;}
		#inner_used_car dl dd{width:70%;padding:10px 2%;color:#666;line-height:1.6;}
					#inner_used_car  li h4{
					padding:10px 0;
					text-align:center;margin-bottom:20px;
					}


#plan{}
	#plan ul{margin:0 auto 30px;}
		#plan li{
			line-height:1.4;
			margin-bottom:30px;
			}
		#plan li img{width:100%;}
			#plan h4{margin-bottom:30px;}
			#plan p{line-height:1.6;padding:0 2%;}
#auction{margin-bottom:30px;}			
		.img{
			width:35%;
			float:left;
			padding:2% 3%;
			}
			.img img{width:100%;}
		.inner_txt{
			width:55%;
			float:left;
			padding:3% 3% 2% 0;
			line-height:1.6
			}
			#auction dl{padding:5% 0;}
			#auction dt{font-weight:bold;}
	#privilege{margin-bottom:30px;}
		#privilege p{
			margin-bottom:20px;
			}
		#privilege h4{background-color:#79B7E3;display:inline-block;padding:3% 5%;font-size:20px;color:#FFFFFF;border-radius:30px;margin-bottom:20px}
		#privilege li{border-bottom:1px dotted #CCCCCC;margin-bottom:20px;}
		
		#privilege li p{margin-bottom:20px;text-indent:30px;padding:0 5%;display:inline-block;}
		#privilege img{
			width:45%;
			vertical-align:top;}
		#privilege img:last-child{
			float:right;
			}
		#privilege dl{margin-bottom:20px;}
		#privilege dt{font-weight:bold;margin-bottom:20px;}
#case{}
	#case ul{}
		#case ul li{
			}
			#case ul li img{width:100%;}
			#case ul.test li h4{background-color:#7FB6E8;}
			#voice ul.test li h4{background-color:#CF676B;}
		#voice .person{
			width:35%;
			float:left;
			padding:2% 3%;
			}
			.person img{width:100%;}
		#voice .deta{
			width:55%;
			float:left;
			padding:2% 3% 2% 0;
			}
			.deta p{padding:10%;
					border:1px solid #000;
					border-radius:40px;
					line-height:1.5
}
			
			.detail{}
			 ul.detail li{margin-bottom:30px;}
			ul.detail li h4{
				text-align:center;
				font-weight:bold;
				color:#fff;
				padding:5px 0;
				
				}
			 ul.detail li dl{padding:10px 2%;border-bottom:1px dotted #000;}
				#case ul.detail li dl dt{width:25%;}
				#voice ul.detail li dl dt{width:35%;}
				
				ul.detail li dl dt{
					float:left;
					font-weight:bold;
					}
				ul.detail li dl dd{}
				
				.detail+.btn{margin-bottom:30px;}
				.detail+.btn a{
				display:block;
				color:#fff;
				background:#8D262A;
				text-align:center;
				padding: 20px 10%;
				border-radius:7px;
				font-weight:bold;
				text-decoration:none; 
				}
				.detail+.btn a:before{
content:url(../img/service/new_car/arrow.jpg);
					display: inline-block;
					vertical-align: middle;
					margin-right: 15px;
					}
			@media screen and (min-width:801px){
				
		#inner_used_car li{
			vertical-align:top;
			}
		#inner_used_car dl dt{width:30%;text-align:center;padding:10px 0}
		#inner_used_car dl dt img{width:100%;}
		#inner_used_car dl dt,#inner_used_car dl dd{
			display:table-cell;
			vertical-align:middle;}
					#inner_used_car li h4 span{
					font-size:30px;
					border-bottom:3px solid #FFFFFF;
					border-top:3px solid #FFFFFF;
					color:#fff;
					
					}
		#plan li{
			width:47%;
			float:left;
						padding-right:2.5%;
			margin-right:2%;
			border-right:1px dotted #AAAAAA;

		}
		
				#plan li:last-child{
			float:right;
			padding-right:0;
			margin-right:0;
			border-right:none;
			}

		ul.detail li{
			width:48%;
			margin-right:4%;
			float:left;
			}
		ul.detail li:last-child{
			margin-right:0;
		}
			ul.detail li div.c_half dl{
				width:46%;
				float:left;
				}

				.detail+.btn{
					width:30%;
					margin:0 auto 30px;				
					}
}

			@media screen and (max-width:800px){
		#inner_used_car dl dt div{width:50%;float:left;}
		#inner_used_car dl dt img{width:100%;}
		#inner_used_car dl dt,#inner_used_car dl dd{width:92%;padding:4%;}
									 #inner_used_car li h4 span{
					font-size:2.0rem;
					border-bottom:3px solid #FFFFFF;
					border-top:3px solid #FFFFFF;
					color:#fff;
					
					}
					
			}
			@media screen and (max-width:800px){
											#plan li{
			padding-bottom:20px;
			border-bottom:2px dotted #CCCCCC;		
			}
	
			}