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

/*------------------------------------------------------------
	2021/4制作
------------------------------------------------------------*/

/*-----common------*/

#in_contents div:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

body { font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", 'メイリオ', Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif; 
 /*overflow-x: hidden;*/}

#in_contents{
	width: 100%;
	height: auto;
	background-color: white;
	margin: 0 auto;
	overflow:auto;
}

#in_contents ul:after{
	clear: both;
}

#in_contents .contents_box{
	width: 100%;
	height: auto;
	max-width: 1280px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	overflow: hidden;
}

#in_contents .contents_box_in{
	width: 95%;
	height: auto;
	max-width: 1140px;
	margin: 0 auto;
}

#in_contents .gray_bk{
	background: #f4f2ea;
}

#in_contents .white_bk{
	background: white;
}

#in_contents h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

#in_contents nav, section, article, hgroup {
	display: block;
}

#in_contents a{
	outline: none;
	font-size: 0;
}

#in_contents a:hover{
	filter:brightness(120%);
	opacity: 0.8;
}

#in_contents img{
	vertical-align:bottom;
	border: 0;
	font-size: 0;/* inline-block隙間対応 */
	width: 100%;
	height: auto;
	-webkit-backface-visibility: hidden;/* Chromeなど画像ボケ対応 */
}

#in_contents * {
	margin: 0px;
	padding: 0px;
}

#in_contents *:focus {/* chrome画像フォーカス時の線を消す */
	outline: none;
}

#in_contents .margin_t32{
	margin-top: 45px;/* 約3.2% */
}

#in_contents .margin_t7{
	margin-top: 98px;/* 約7% */
}

#in_contents .margin_b7{
	margin-bottom: 98px;/* 約7% */
}

#in_contents .margin_b10{
	margin-bottom: 140px;/* 約10% */
}

/* パソコン画像表示 */
.pc { display: inline !important; }
.sp { display: none !important; }

/*----- 共通 ------*/

#in_contents .btn_list{
	width: 100%;
	font-size: 0;
}

#in_contents .btn_list li{
	display: inline-block;
	width: 30.5%;
	margin-right: 3%;
	margin-bottom: 2.5%;
	background: black;
}

#in_contents .btn_list li:last-child{
	margin-right: 0;
}

#in_contents .btn_list li:hover{
	opacity: 0.8;
}

#in_contents .center_btn{
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

#in_contents .center_btn img{
	width: 39.55%;
}

/*-----メニュー------*/

#in_contents #menu .fixeds{
	position: fixed;
	top: 0;
	z-index: 999;
	background: #880025;
	width: 100%;
	height: auto;
}

#in_contents #menu ul{
	width: 100%;
	height: 70px;
	margin: 0 auto;
	text-align: center;
}

#in_contents #menu li{
	width: 49%;
	height: auto;
	display: inline-block;
	/*display: inline;*/
	/*zoom: 1;*/
	margin:8px auto 0;
}

#in_contents #menu li img{
	max-height: 24px;
	width: auto;
	margin: 16px auto 16px;
}

#in_contents #menu li:first-child{
	border-right: 1px solid white;
}

#in_contents #menu li a{
	display: block;
	width: 100%;
}

/*-----top------*/

#in_contents #con_top{
	width: 100%;
	height: auto;
	text-align: center;
	background: #f4f2ea;
}

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

#in_contents #con_top h1 img{
	margin-top: 69px;
	max-width: 1520px;
}

/*----- schedule ------*/

#schedule h2 img{
	padding-top: 69px;
}

#schedule .img{
	width: 81.09%;
	margin: 5% auto 0;
}

/*----- point ------*/

#point .point_h{
	width: 42.65%;
	max-width: 546px;
	margin: 7% auto 0;
}

/* nav-btn */
#in_contents .page_navi{
	width: 100%;
}

#in_contents .page_navi li{
	display: inline-block;
	width: 30.4%;
	margin-right: 3%;
}

#in_contents .page_navi li:last-child{
	margin-right: 0!important;
}
/* nav-btn end */

#choose h4{
	width: 40.7%;
	height: auto;
	max-width: 521px;
	margin: 2% auto 2%;
}

#choose .img_list{
	width: 100%;
}

#choose .img_list li{
	display: inline-block;
	width: 30.5%;
	margin-right: 3%;
	margin-bottom: 2%;
}

#choose .img_list li:nth-child(3),
#choose .img_list li:nth-child(6){
	margin-right: 0;
}

#choose h5{
	width: 43.75%;
	height: auto;
	max-width: 560px;
	margin: 4% auto 3%;
}

/*-----testdrive------*/

#testdrive h2{
	width: 100%;
	margin: 2% auto 4%;
}

#testdrive .center_btn{
	padding-bottom: 4.5%;
}

#testdrive .gray_bk .img{
	width: 87.5%;
	height: auto;
	margin: 5% auto 4%;
}

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

#quote h4{
	width: 33.28%;
	margin: 5% auto 4.5%;
}

#quote h5{
	width: 47.81%;
	padding: 5% 0 3%;
	margin: 0 auto;
}

#quote .img-list01 li{
	width: 94%;
	max-width: 1185px;
	margin: 0 auto 2%;
}

#quote .img-list01 li:last-child{
	margin-bottom: 3.6%;
}

#quote .img-list01 li small{
	text-align: left;
	display: block;
	font-size: 12px;
	font-weight: 700;
	margin-top: 10px;
}

/*#quote .btn-list01{
	width: 100%;
}

#quote .btn-list01 li{
	display: inline-block;
	width: 29.76%;
	margin-bottom: 4%;
}

#quote .btn-list01 li:first-child{
	margin-right: 16%;
}*/

#quote .h5-2{
	width: 27.34%;
}

#quote .btn-list02{
	width: 100%;
}

#quote .btn-list02 li{
	display: inline-block;
	width: 42.65%;
	margin-top: 1.7%;
	margin-bottom: 5%;
}

#quote .btn-list02 li:first-child{
	margin-right: 5%;
}

#quote .btn_list03{
	width: 100%;
	font-size: 0;
	text-align: center;
}

#quote .btn_list03 li{
	display: inline-block;
	width: 30.5%;
	margin-right: 8%;
	margin-bottom: 2.5%;
	background: black;
}

#quote .btn_list03 li:last-child{
	margin-right: 0;
}

#quote .btn_list03 li:hover{
	opacity: 0.8;
}

/*-----納車------*/

#delivery .img{
	width: 97%;
	margin: 0 auto 5%;
	max-width: 1242px;
}

#delivery .gray_bk img{
	margin: 5% auto 5%;
}

#delivery .img_txt{
	width: 69.53%;
	max-width: 890px;
	margin: 5% auto;
}

#delivery .center_btn{
	margin-bottom: 7%;
}

/*-----感染症対策------*/

#covid-19-notice h2{
	width: 94.68%;
	max-width: 1212px;
	margin: 2% auto 3%;
}

#covid-19-notice .img{
	margin-bottom: 5%;
}

/*-----footer------*/

#f_linkbtn ul{
	margin: 5% auto;
}

/*-----topへ戻るボタン------*/

#topBtn {
    position: fixed;
    bottom: 60px;
    right: 30px;
}

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