/* ===================================================================
--about.css--
=================================================================== */
@charset "utf-8";


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


.sp {
	display: none;
}











/* ----------------------- #opSec */
div#opSec{
	width:790px;
	display: block;
	clear: both;
	margin:20px auto;
}

.opText{
	width:423px;
	height:300px;
	display: block;
	float: left;
	margin-right:20px;
}

.opImg{
	width:347px;
	height:260px;
	display: block;
	float: left;

}

.caseBox{
	width:790px;
	height:146px;
	display: block;
	clear:both;
	margin:25px auto　15px;
}

.caseFirst{
	width:146px;
	height:146px;
	display: block;
	float: left;
}

.caseSecond{
	width:146px;
	height:146px;
	display: block;
	float: left;
	margin-left: 14px;
}

/* ----------------------- #secondSec */
div#secondSec{
	width:790px;
	height:;
	display: block;
	clear: both;
	margin:20px auto;
}

.secondText{
	width:423px;
	height:300px;
	display: block;
	float: left;
	margin-right:20px;
}

.secondImg{
	width:347px;
	height:300px;
	display: block;
	float: left;

}

.infoBox{
	width:790px;
	height:110px;
	display: block;
	clear:both;
	margin:40px auto 20px;
}

.btnServiceArea{
	width:402px;
	height:110px;
	display: block;
	float: left;
	margin-right:10px;
}

.telServiceArea{
	width:373px;
	height:110px;
	display: block;
	float: left;
	margin-top: 15px;
}

}


/* =========================スマホ=========================================== */
@media screen and (max-width: 767px) {


.pc {
	display: none;
}

#mainCont {
 float: none!important;
}

/* ----------------------- #opSec */
div#opSec{
	width:100%;
	display: block;
	clear: both;
	margin:20px auto;
}

.opText{
	margin:10px;
}

.opImg{
	display: block;
	margin:0px 0px 20px 0px;
		text-align:center;
}

.caseBox{
	width:100%;
	display: flex;
	margin:25px auto 15px;
	 flex-direction: column;/* 折返し指定 */
}


.caseFirst{
	display: block;
	text-align:center;
	padding: 10px;
}

.caseSecond{
	display: block;
	text-align:center;
	padding: 10px;
    padding-top: 0;
}
	.buy_car{
		width: 95%;
		margin: 0 auto;
	}



/* ----------------------- #secondSec */
div#secondSec{
	width:100%;
	height:;
	display: block;
	clear: both;
	margin:20px auto;
}

.secondText{
}

.secondImg{

}

.infoBox{
	width:100%;
	display: block;
	clear:both;
	margin:40px auto 20px;
}

.btnServiceArea{
	width: 90%;
	margin: 0 auto;
}

.telServiceArea{
	margin-top: 15px;
}

.about_sp {
	text-align:center;
	padding:0px 10px 0px 10px;
}


}