@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------
レスポンシブ用
1000px以下タブレットなど
576px以下スマホなど
------------------------------------------------------------*/

/*-----レスポンシブ------*/

/* ウィンドウ幅が2800px以上の場合に適用 */
@media screen and ( min-width:2800px )
{

#top_img{
	background: url(../img/top_bk.jpg);
	background-repeat: repeat;
}

}

/* ウィンドウ幅が1521px以上の場合に適用 */
@media screen and ( min-width:1521px )
{

#lineup-bk {
	background-size: 600px;
	background-position: 0 230px;
}

}

/* ウィンドウ幅が-1520pxの場合に適用 */
@media screen and ( max-width:1520px )
{

}

/* ウィンドウ幅が0-576pxの場合に適用 */
@media screen and ( max-width:576px )
{

.pc { display: none !important; }
.sp { display: inline !important; }

.in_contents_box{
	width: 92%;
}

.btn_2 ul{
	display: block;
	padding-bottom: 12%;
}

.btn_2 li{
	width: 80%;
	margin: 0 auto;
	padding-bottom: 4%;
}

.btn_2 li:last-child{
	padding-bottom: 0;
}

#top_note img{
	width: 100%;
	padding: 6% 0;
}

/* 乗り換え -576px */

/* 特典 -576px */

/* Lineup -576px */

#lineup{
	padding-bottom: 4%;
}

#lineup ul.lineup-list{
	width: 100%;
	display: block;
}

#lineup ul.lineup-list li{
	width: 100%;
	padding-top: 4.5%;
	padding-bottom: 6%;
}

#lineup .note{
	width: 100%;
	margin: -1% auto -2%;
}

#lineup .btn{
	width: 95%;
	margin: 0 auto 15%;
}

/* 中古車 -576px */

#usedcar-bk{
	background: url(../img/used-car-bk-sp.jpg) no-repeat;
	background-position: top center;
	background-size: 100vw auto;
	background-color: #1080c7;
	width: 100%;
}

#usedcar h2{
	width: 88%;
	margin: 0 auto;
	padding: 10% 0 6%;
}

#usedcar h3{
	width: 90.5%;
	margin: 0 auto;
}

#usedcar #kakaku-btn{
	width: 97.5%;
	padding-left: 2.6%;
	padding-top: 2.5%;
	padding-bottom: 5%;
	flex-wrap: wrap
}

#usedcar #kakaku-btn li{
	width: 50%;
}

#usedcar #tenpo-btn{
	width: 63.72%;
	padding-top: 2.5%;
	padding-bottom: 7%;
}

/* footerボタン -576px */

.hp-btn ul{
	width: 90%;
}

.wankure-btn{
	padding: 8% 0% 8%;
}
}