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

/*------------------------------------------------------------
	2020/07/29制作
------------------------------------------------------------*/

/*-----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 img{
	width: 100%;
	height: auto;
}

#in_contents ul:after{
	clear: both;
}

#in_contents .in_1520px{
	width: 100%;
	height: auto;
	max-width: 1520px;
	margin: 0 auto;
}

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

#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 img:hover{
	filter:brightness(120%);
	opacity: 0.8;
}

#in_contents img{
	vertical-align:bottom;
	border: 0;
	font-size: 0;/*-inline-block隙間対応-*/
	width: 100%;
	height: auto;
}

#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: block !important; }
.sp { display: none !important; }

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

#in_contents .blue_bk{
	background: #0073bd;
}

#in_contents .gray_bk{
	background: #f4f6f9;
}

#in_contents h2{
	width: 64%;
	height: auto;
	margin: 5% auto 1.5% 0;
}

#in_contents .link_li{
	width: 100%;
	height: auto;
	padding: 2% 0;
	position: relative;
	z-index: 1;
}

#in_contents .link_li::before{
	content: "";
	display: inline-block;
	position: absolute;
	background: url(../../img/triangle_l.png) no-repeat;
	background-size: contain;
	top: 0;
	left: 0;
	width: 112px;
	height: 110px;
}

#in_contents .link_li::after{
	content: "";
	display: inline-block;
	position: absolute;
	background: url(../../img/triangle_r.png) no-repeat;
	background-size: contain;
	bottom: 0;
	right: 0;
	width: 112px;
	height: 110px;
	visibility: visible!important;
}

#in_contents .link_li li{
	display: inline-block;
	width: 20.15%;
	height: auto;
	margin-right: 10%;
}

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

/*----- header ------*/

#in_contents #header{
	width: 100%;
	height: auto;
}

#in_contents #header .logo{
	width: 22.18%;
	height: auto;
	padding: 1%;
}

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

#in_contents #con_top{
	width: 100%;
	height: auto;
	max-width: 1962px;
	background: url(../../img/top_bk_big.png) no-repeat top center;
	margin: 0 auto;
}

#in_contents #con_top h1{
	width: 77%;
	height: auto;
	text-align: center;
	max-width: 1157px;
	margin: 0 auto;
}

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

#in_contents #con_top .img_01{
	margin: 3.7% auto 22%;
}

#in_contents #con_top .img_02{
	position: absolute;
	bottom: 5.7%;
}

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

#in_contents #choose .list_01{
	padding: 4% 0 4%;
}

#in_contents #choose .list_01 li{
	display: inline-block;
	width: 28.6%;
	height: auto;
	margin-right: 5%;
}

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

#in_contents #choose .blue_bk{
	margin-bottom: 6.1%;
}

#in_contents #choose h3{
	position: absolute;
	bottom: 0;
	z-index: 5;
}

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

/*おすすめ*/

#in_contents #osusume{
	width: 100%;
	height: auto;
	border-top:solid 10px #e60012 ;
	border-bottom:solid 10px #e60012 ;
	padding: 5.5% 0 4%;
	margin: 5% auto;
	position: relative;
}

#in_contents #osusume h4{
	position: absolute;
	top: -28%;
	left: 0;
}

#in_contents #osusume .txt{
	display: inline-block;
	width: 38.9%;
	height: auto;
	margin: 0 6% 0 9%;
}

#in_contents #osusume .btn_box{
	display: inline-block;
	width: 43.68%;
	height: auto;
	position: relative;
	vertical-align: top;
}

#in_contents #osusume .btn_box .btn{
	margin-top: 6%;
}

#in_contents #osusume .check{
	width: 40.2%;
	height: auto;
	position: absolute;
	top: -23%;
	right: -9%;
}

#in_contents #choose .img_01{
	width: 97.18%;
	height: auto;
}

#in_contents #choose .img_02{
	width: 88.59%;
	height: auto;
	margin: 4% auto 5%;
}

#in_contents #s_yoyaku .btn{
	width: 49.37%;
	height: auto;
	margin: 0 auto  -1%;
}

#in_contents #s_yoyaku .c_01{
	position: absolute;
	width: 208px;
	height: auto;
	top: -8%;
	left: 6%;
	z-index: 10;
}

#in_contents #s_yoyaku .c_02{
	position: absolute;
	width: 106px;
	height: auto;
	top: 47%;
	right: 11%;
	z-index: 10;
}

#in_contents #shijyou{
	padding-top: 9%;
	padding-bottom: 5%;
	background: url(../../img/yoyaku_bk.png) no-repeat bottom center;
	background-size: contain;
}

#in_contents #shijyou .txt{
	display: block;
	width: 80%;
	height: auto;
	max-width: 1010px;
	margin: -4% auto 3%;
	text-align: center;
}

#in_contents #shijyou .txt_img{
	width: 100%;
	height: auto;
	display: block;
}

#in_contents #shijyou .btn{
	position: absolute;
	bottom: -20%;
	left: 28%;
	width: 44%;
	height: auto;
	display: inline-block;
	vertical-align: top;
	margin-top: 1.3%;
}

/*-----(2)見積りをしよう------*/

#in_contents #estimate .img_01{
	width: 83.68%;
	height: auto;
	margin: 2% auto 3%;
}

#in_contents #estimate .blue_bk{
	padding: 4% 0;
}

#in_contents #estimate .white_box{
	background: white;
	border-radius: 30px;
	padding: 2.5% 0;
}

#in_contents #estimate .blue_bk li{
	display: inline-block;
	width: 20.31%;
	height: auto;
	margin-right: 3%;
}

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

#in_contents #estimate .line{
	width: 90%;
	height: auto;
	margin: 2% auto;
}

#in_contents #estimate .blue_bk .box1 li{
	width: 30%;
}

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

/*-----(3)購入・納車------*/

#in_contents #buy .img_01{
	width: 83.88%;
	height: auto;
	margin: 2% auto 4%;
}

#in_contents #buy .btn{
	width: 37.03%;
	height: auto;
	margin: 0 auto;
}

#in_contents #buy .c_01{
	position: absolute;
	width: 187px;
	height: auto;
	top: -2%;
	left: 14%;
}

#in_contents #buy .c_02{
	position: absolute;
	width: 246px;
	height: auto;
	top: -3%;
	right: 9%;
}

#in_contents #buy .img_02{
	margin: 10% auto 3%;
}

#in_contents #buy .img_03{
	display: block;
	margin: 6% auto 4%;
}

#in_contents #buy .img_04{
	width: 99.53%;
	height: auto;
	margin: 0 auto 4%;
}

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

#in_contents #footer {
	text-align: center;
}

#in_contents #footer .contents_box{
	margin-top: 3%;
}

#in_contents .copyright{
	padding: 1.8% 0 1.5%;
	width: 38.82%;
	height: auto;
	margin: 0 auto;
}

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

#topBtn {
    position: fixed;
    bottom: 30px;
	right: 30px;
	z-index: 99;
}

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