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

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

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


/* ウィンドウ幅が0-1520pxの場合に適用 */
@media screen and ( max-width:1520px )
{
	
	#in_contents .margin_t32{
		margin-top: 3.2%;
	}
	
	#in_contents .margin_t7{
		margin-top: 7%;
	}
	
	#in_contents .margin_b7{
		margin-bottom: 7%;
	}
	
	#in_contents .margin_b10{
		margin-bottom: 10%;
	}

	#in_contents .link_li::before{
		width: 6vw;
		height: 5.9vw;
	}
	
	#in_contents .link_li::after{
		width: 6vw;
		height: 5.9vw;
	}

	/* -1520px　top */

	#in_contents #con_top{
		background: url(../../img/top_bk.png) no-repeat top center;
		background-size: contain;
	}

	/* -1520px　クルマを選ぼう */

	/*おすすめ*/
	#in_contents #osusume{
		border-top:solid 1vw #e60012 ;
		border-bottom:solid 1vw #e60012 ;
	}

	#in_contents #s_yoyaku .c_01{
		width: 13.8vw;
		height: auto;
	}
	
	#in_contents #s_yoyaku .c_02{
		width: 7vw;
		height: auto;
	}

	/* -1520px　見積りをしよう */

	#in_contents #estimate .white_box{
		border-radius: 3vw;
	}

	/* -1520px　購入・納車*/

	#in_contents #buy .c_01{
		width: 14.60%;
	}
	
	#in_contents #buy .c_02{
		width: 19.21%;
	}

	/* -1520px　topへ戻るボタン */
		
	#topBtn img{
		width: 80px;
		height: auto;
	}

}

/* ウィンドウ幅が0-576pxの場合に適用 */
@media screen and ( max-width:576px ){
	
	/* パソコン画像表示 */
	.pc { display: none !important; }
	.sp { display: inline !important; }

	#in_contents{
	font-family: system-ui, "Hiragino Sans", "YuGothic", "Arial", sans-serif;
	}
		
	#in_contents .contents_box{
		width: 86%;
	}

	#in_contents h2{
		width: 80%;
	}
	
	#in_contents .link_li li{
		width: 30%;
		height: auto;
		margin-right: 3%;
	}

	/* -576px header */

	#in_contents #header .logo{
		width: 42%;
		padding: 2%;
	}	

	/* -576px top */

	#in_contents #con_top{
		background: url(../../img/top_bk_sp.png) no-repeat top center;
		background-size: contain;
	}

	#in_contents #con_top h1{
		width: 89%;
		margin: 0 auto;
	}

	#in_contents #con_top h1 img{
		margin: 3% auto 14%;
	}

	#in_contents #con_top .img_01{
		margin: 0 auto 32%;
	}

	#in_contents #con_top .img_02{
		bottom: 3%;
	}

	/* -576px クルマを選ぼう */

	#in_contents #choose .link_li{
		margin: 2% 0 0;
	}

	/*おすすめ*/
	#in_contents #osusume{
		padding: 5.5% 0 4%;
		margin: 10% auto;
	}

	#in_contents #osusume h4{
		top: -15%;
	}

	#in_contents #osusume .txt{
		width: 100%;
		margin: 0 auto;
	}

	#in_contents #osusume .btn_box{
		width: 100%;
	}

	#in_contents #osusume .btn_box .btn{
		margin: 5% auto 0;
		width: 65%;
		height: auto;
		padding-left: 16%;
	}

	#in_contents #osusume .check{
		width: 15%;
		left: 9%;
		top: 18%;
	}

	#in_contents #choose .img_02{
		margin: 7% auto;
	}

	#in_contents #s_yoyaku .btn{
		width: 60%;
	}
	
	#in_contents #s_yoyaku .c_01{
		width: 12vw;
		top: -10%;
		left: 3%;
	}
	
	#in_contents #s_yoyaku .c_02{
		width: 6.3vw;
		top: 20%;
		right: 7.5%;
	}
	
	#in_contents #shijyou{
		padding-top: 0;
		padding-bottom: 3%;
		background: url(../../img/yoyaku_bk_sp.png) no-repeat bottom center;
		background-size: contain;
	}
	
	#in_contents #shijyou .txt{
		width: 90%;
		padding-top: 7.5%;
		margin-bottom: 6%;
	}
	
	#in_contents #shijyou .btn{
		width: 47%;
		bottom: 1%;
		left: 26.5%;
	}

	/* -576px 見積りをしよう */
	
	#in_contents #estimate .blue_bk li{
		width: 29%;
		margin-right: 1%;
	}
	
	#in_contents #estimate .line{
		margin: -1% auto 2%;
	}

	#in_contents #estimate .blue_bk .box1 li{
		width: 42%;
	}
	
	#in_contents #estimate .blue_bk .box1 li:first-child{
		margin-right: 3.7%;
	}

	/* -576px 購入・納車 */

	#in_contents #buy .btn{
		width: 68%;
	}

	#in_contents #buy .c_01{
		width: 10vw;
		top: 14%;
		left: 0;
	}

	#in_contents #buy .c_02{
		width: 15vw;
		top: 9%;
		right: -4.5%;
	}

	#in_contents #buy .img_04{
		margin: 2.8% auto 6%;
	}

	/* -576px footer */

	#in_contents #footer .contents_box{
		margin-top: 5%;
	}
	
	#in_contents .copyright{
		padding: 3% 0 3.5%;
		width: 60%;
		height: auto;
		margin: 0 auto;
	}
		
	/* -576px topへ戻る */
		
	#topBtn {
		position: fixed;
		bottom: 10px;
		right: 10px;
	}

	#topBtn img{
		width: 50px;
		height: auto;
	}

}