@charset "utf-8";

html {
	font-size: 62.5%;
}


body{
	margin: 0px;
	padding: 0px;
	font-size:1.6em;
	overflow:auto;
    background:#e5e2d6;
    box-sizing:border-box;
	line-height:1.6em;
	font-family:'Sawarabi Gothic','Hiragino Kaku Gothic Pro','Meiryo','sans-serif';
	color: #000;
}


a{cursor:pointer;transition: all .3s ease;}
img{width:100%;}

.ti{text-indent:-1em;padding-left:1em;}
.red{color: #af1212;}

a.contact{background:#39b54a;color:#fff;line-height:1.7em;padding:10px 20px;border-radius:4px;}
a.contact:hover{background:#fff!important;color:#39b54a;}

/*header*/
header {background:#fcf9eb;z-index:80;}
header .logo{position:relative;}
header .logo img{position:absolute;max-width:32vw;top:0;left:-2vw;}
header .flex{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;
-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
header a{display:block;line-height:1em;}
header .front{background:#e5e2d6;}
header .inner{width:96%;max-width:1400px;margin:auto;}
header .front ul li{padding:12px 15px 12px 0;font-size:1.2rem;}
header .front ul li:nth-child(3){font-weight:bold;font-size:1.4rem;}
header .front ul li:last-child{padding-right:0;}
header .front ul li img{max-width:14.6vw;}
header .front ul li .btn{font-size:1.3rem;color:#4d4d4d;border:3px solid #4d4d4d;width:180px;padding:10px;line-height:1.2em;background:#f7f5ed;}}
header .front ul li .btn::after{border-color:#4d4d4d;}
header .front ul li .btn:hover{background:#4d4d4d;color:#f7f5ed;}
header .front ul li .btn:hover span::after{border-color:#f7f5ed;}
header .middle{width:96%;max-width:1400px;margin:auto;padding:25px 0 45px;}
header .menu{border-right:2px solid #999;padding:6px 20px 6px 0;margin-right:30px;z-index:1;}
header .menu li{font-weight:bold;margin-right:25px;}
header .menu li a{line-height:2em;}
header .menu li a:hover{background: linear-gradient(transparent 50%, #ffff00 100%)repeat scroll 0 0;}
header .sns .followus{max-width:70px;display:block;margin-bottom:10px;}
header .sns ul li{margin-right:6px;}
header .sns ul li:last-child{margin:0;margin-left: 3px;}
header .sns ul li img{max-width:40px;}
header .sns ul li a:hover{opacity:.5;}


/*footer*/
footer{background:#fff;color:#000;}
footer .menu{background:#e5e2d6;padding:25px;}
footer .menu ul{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
footer .menu ul li{border-right:1px solid #000;text-align:center;padding:0 20px;line-height:1.2em;font-weight:bold;}
footer .menu ul li:last-child{border:none;}
footer .menu ul li a:hover{opacity:.6;}
footer .inner{width:96%;max-width:820px;margin:auto;padding:60px 0 20px;}
footer .inner .Lpart, footer .inner .Rpart{text-align:center;}
footer .inner .Lpart .logo{max-width:410px;}
footer .inner .Lpart .flex{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
-webkit-box-align: center;-ms-flex-align: center;align-items: center;
border-top:2px dashed #000;padding-top:18px;margin-top:10px;}
footer .inner .Lpart ul{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin:0 20px 0 10px;}
footer .inner .Lpart ul li{margin-right:4px;}
footer .inner .Lpart ul li:last-child{margin:0;margin-left:3px;}
footer .inner .Lpart ul li a{display:block;}
footer .inner .Lpart ul li a:hover{opacity:.5;}
footer .inner .Lpart ul li a img{max-width:40px;}
footer .inner .Lpart .followus{max-width:72px;}
footer .inner .Lpart .btn{width:180px;font-size:1.4rem;padding:10px;}
footer .inner .Rpart a{display:inline-block;}
footer .inner .Rpart img{max-width:316px;}
footer .inner .Rpart p{font-weight:bold;margin:8px 0 15px;}
footer .inner .Rpart .contact{font-weight:bold;font-size:2.4rem;border:2px solid #39b54a;padding:15px 25px;line-height: 1.8em;}
footer .copyright{
    text-align:center;
    position:relative;
    background:#a59d7c;
    color:#fff;
    height:200px;
    padding:120px 30px 30px;
}
footer .copyright::before{
    content: "";
    background: url(../images/footer_bg.png) top center no-repeat;
    background-size: cover;
    width:100%;
    height:96px;
    position: absolute;
    top: 0;
    left: 0;
    z-index:80;
}
.totopfade {
    position: fixed;
    right: 20px;
    z-index: 99;
    bottom: 20px;
    box-sizing: border-box;
}
.totopfade img{max-width:60px;}


/*main*/

main {
	width:100%;
	margin:auto;
	display:block; /* IE対策に追加 */
	padding:0;
	font-family:'Hiragino Kaku Gothic Pro','Sawarabi Gothic','Meiryo','sans-serif';
	position:relative;
}


.wrapper{
    width:96%;
    max-width: 1400px;
    margin: auto;
}

.container{
    width:96%;
    margin: auto;
    overflow:hidden;
}


.btn{
    background:#fff;
    border:3px solid #000;
    display:block;
    color:#000;
    padding: 10px;
    text-align: center;
    line-height: 1.5em;
    font-weight:bold;
    font-family:'Sawarabi Gothic','Hiragino Kaku Gothic Pro','Meiryo','sans-serif';
}
.btn span{position:relative;padding-right:15px;}
.btn span::after{
    content: '';
    width: 10px;
    height: 10px;
    border: 0px;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right:-10px;
}
.btn:hover{background:#000;color:#fff;}
.btn:hover span::after{border-color:#fff;}

.btn.bl span::after, .btn.or span::after, .btn.gr span::after{border-color:#fff;}
.btn.bl{background:#000;color:#fff;}
.btn.bl:hover{background:#fff;color:#000;}
.btn.bl:hover span::after{border-color:#000;}

.btn.or{background:#ff931e;color:#fff;}
.btn.or:hover{background:#fff;color:#ff931e;}
.btn.or:hover span::after{border-color:#ff931e;}

.btn.gr{background:#00a99d;color:#fff;}
.btn.gr:hover{background:#fff;color:#00a99d;}
.btn.gr:hover span::after{border-color:#00a99d;}

table{width:100%;}

input, select, textarea{
    font-family:'Hiragino Kaku Gothic Pro','Sawarabi Gothic','Meiryo','sans-serif';
	color: #000;
	cursor:pointer;
	width:100%;
}
::placeholder{color:#bfbfbf;}
 :-ms-input-placeholder{color:#bfbfbf;}

input[type=text]{height: 50px;padding: 0 15px;background:#fff;border: 1px solid #000;}
textarea{padding:10px 15px;background:#fff;border: 1px solid #000;}

.selectwrap{width: 40%;display: block;position: relative;}
.selectwrap::after {
    content: '';
    width: 10px;
    height:10px;
    border: 0px;
    border-top: solid 1px #000;
    border-right: solid 1px #000;
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    top: 50%;
    right: 18px;
    margin-top: -6px;
}
select {
    padding: 0 44px 0 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 50px;
    display:block;
    resize: vertical;
    background:#fff;
    border: 1px solid #000;
}

input[type=image], #confirm_btn img{display:block;margin:auto;max-width:172px;}
#confirm_btn{display:inline-block;}
input[type=image]:hover, #confirm_btn:hover{opacity:.6;}

input[type=checkbox] {visibility: hidden;width: 0;height: 0;}
input[type=checkbox] + label {position: relative;padding-left:40px;font-size:1.9rem;}
input[type=checkbox] + label::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background: #fff;
    border: 2px solid #000;
}
input[type=checkbox]:checked+label::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 50%;
    width: 14px;
    height: 9px;
    margin-top: -7px;
    border-left: 3px solid #000;
    border-bottom: 3px solid #000;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.doui input[type=checkbox] + label {padding: 0 10px 0 65px;font-size:2.8rem;font-weight:bold;display: inline-block;
background: linear-gradient(transparent 70%, #bdccd4 70%)repeat scroll 0 0;line-height: 2em;}
.doui input[type=checkbox] + label::before {
    width: 32px;
    height: 32px;
    margin-top: -16px;
    left:15px;
}
.doui input[type=checkbox]:checked+label::after {
    content: "";
    position: absolute;
    left: 20px;
    top: 50%;
    width: 20px;
    height: 10px;
    margin-top: -8px;
    border-left: 4px solid #000;
    border-bottom: 4px solid #000;
}

 
/*top-----------------------------------------*/
.mainV{overflow:hidden;}
.mainV .flex{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding-top:25px;}
.mainV .flex li video{width:100%;max-width:71vw;vertical-align: bottom;}
.mainV .flex li:first-child {margin-right:3.4%;}
.mainV .flex li:last-child img{max-width:19.5vw;}
.mainV .copys{position:relative;width:100%;}
.mainV .copys .catch1{position:absolute;max-width:56vw;top: -160px;left: -8%;z-index:2;}
.mainV .copys .catch2{position:absolute;max-width:54vw;top: -160px;right: 2.5%;z-index:1;}
.merit{max-width:1304px;margin:30px auto;display:block;}
.under_merit, #top .topics_midashi{position:relative;}
.under_merit img{position:absolute;max-width:28vw;bottom: -90px;right: 20px;}
#top .topics_midashi img{position:absolute;max-width:23.7vw;top:-40px;left:90px;}
#top .topics{overflow:hidden;margin:80px 0;}
#top .topics .bg{background:#c4a587;width:90%;float:right;padding:50px;}
#top .topics .box{margin:0 4% 0 30%;width:66%;}
#top .topics .box ul{color:#fff;}
#top .topics .box ul li{margin-bottom:15px;}
#top .topics .box ul li:last-child{margin-bottom:0;}
#top .topics .box ul li a, #topics .list ul a{text-decoration:underline;}
#top .topics .box ul li a:hover, #topics .list ul a:hover{opacity:.6;}
#top .topics a.bnr{display:inline-block;margin-top:30px;}
#top .topics a.bnr img{max-width:520px;}
#top .topics .btn{background:#896d56;color:#fff;border:3px solid #fff;display:inline-block;width:230px;font-size:1.4rem;}
#top .topics .btn span::after{border-color:#fff;}
#top .topics .btn:hover{background:#fff;color:#896d56;}
#top .topics .btn:hover span::after{border-color:#896d56;}
#top #carmodel{width:96%;max-width:960px;margin:auto;position:relative;}
#top .tree1{position:absolute;max-width: 6.6vw;top:-50px;right:-50px;}
#top .tree2{position:absolute;max-width:13vw;top:-190px;left:-10px;}
#top #carmodel .midashi{max-width:628px;display:block;margin:0 auto 20px;}
#top #carmodel ul{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
#top #carmodel .cars li .text{padding:25px 30px;text-align:center;}
#top #carmodel .name{max-width:299px;}
#top #carmodel table{width:80%;margin:20px auto 30px;text-align:left;}
#top #carmodel table th{width:35%;padding:8px 0 8px 20px;font-weight:400;}
#top #carmodel table td{width:65%;padding:8px 10px;}
#top #carmodel .btns li{width:47%;}
#top #carmodel .btns li a{font-size:1.4rem;}
#top .white{background:#fff;margin-top:60px;padding:45px 0 50px;}
#top .white .line{max-width:1090px;margin:60px auto;}
#top #price{width:96%;max-width:896px;margin:auto;text-align:center;background:#fff;}
#top #price p{color:#666;font-size:1.8rem;margin-top:10px;font-weight:bold;}
#top #flow{width:96%;max-width:960px;margin:auto;}
#top #flow .midashi{max-width:855px;margin:auto;}
#top #flow h6{font-weight:bold;font-size:1.8rem;margin:30px 0 50px;text-align:center;}
#top #flow ul li{margin-bottom:30px;}
#top #flow ul li .step{max-width:149px;}
#top #flow ul li .subtitle{max-width:148px;}
#top #faq{
    background: url(../images/top_faq_bg.jpg) bottom center repeat;
    background-size: auto;
    width:100%;
    height:auto;
    overflow:hidden;
    padding:30px 0 85px;
}

#top #faq .midashi{max-width:456px;display:block;margin:0 auto 30px;}
#top #faq .wrap, #top #access .wrap{width:96%;max-width:940px;margin:auto;}
#top #faq .ac-box{background:#fff;border:3px solid #000;margin-bottom:20px;}
#top #faq .ac-q{padding:15px 20px;position:relative;font-size:2.1rem;line-height:1.4em;cursor:pointer;}
#top #faq .ac-q::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 25px;
  width: 15px;
  height: 3px;
  transform: rotate(90deg);
  background: #000;
  transition: all .3s ease-in-out;
}
#top #faq .ac-q::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 25px; 
  width: 15px;
  height: 3px;
  background: #000;
  transition: all .2s ease-in-out;
}
#top #faq .ac-q.active::before {transform: rotate(180deg);}
#top #faq .ac-q.active::after {opacity: 0;}
#top #faq .ac-q span{font-weight:bold;position:relative;}
#top #faq .ac-q span::before{
  content: "Q";
  font-size:2.2rem;
  display:inline-block;
  vertical-align:middle;
  padding-right:20px;
}
#top #faq .open{display:none;padding:15px 0;margin:0 15px;border-top:3px solid #000;position:relative;}
#top #faq .open::before{
  content: "A";
  font-size:2.2rem;
  display:inline-block;
  vertical-align:middle;
  color:#8cc63f;
  font-weight:bold;
  float:left;
  padding:3px 0 0 5px;
}
#top #faq .open .text{margin-left:45px;}
#top #access{background:#e6e6e6;}
#top #access img{max-width:200px;}
.gmap {height: 0;overflow: hidden;padding-bottom: 56.25%;position: relative;}
.gmap iframe {position: absolute;left: 0;top: 0;height: 100%;width: 100%;}


/*topics---------------------------------*/
#topics{background:#fcf9eb;}
#topics .container{max-width:820px;}
#topics main{background:#fff;}
#topics .pagetitle{display:block;max-width:345px;margin:0 auto 50px;}
#topics .list ul li{margin-bottom:25px;margin-left:50px;}
#topics .pagination{margin: 70px auto;position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;font-weight:bold;font-size:1.4rem;}
#topics .pagination::after{content: "";display: block;clear: both;}
#topics .pagination li{width:25%;display: inline-block;text-align: center;}
#topics .pagination li:nth-child(2){width:50%;}
#topics .pagination a.pervbtn {
    float: left;
    padding-left: 20px;
    letter-spacing: 0.14rem;
    position: relative;
}
#topics .pagination a.nextbtn {
    float: right;
    padding-right: 20px;
    letter-spacing: 0.14rem;
    position: relative;
}
#topics .pagination a.pervbtn:before, #topics .pagination a.nextbtn:after {
    content: "";
    width: 8px;
    height: 8px;
    border: 0px;
    border-bottom: solid 1px #000;
    border-right: solid 1px #000;
    position: absolute;
    top: 30%;
}
#topics .pagination a.pervbtn:before {
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    left: 4px;
}
#topics .pagination a.nextbtn:after {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 4px;
}
#topics .pagination li .number{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
#topics .pagination li .number li{margin:0 10px;padding:0 8px;width:auto!important;}
#topics .pagination li .number li a{display:block;}
#topics .pagination li .number li.this{border-bottom:1px solid #000;padding-bottom:5px;}
#topics .pagination li .all{border-bottom:1px solid #000;padding:0 4px 5px;letter-spacing: 0.24rem;}
#topics.detail .title{margin-bottom:55px;text-align:center;font-weight:bold;}
#topics.detail .title h3{font-size:2.4rem;line-height:1.4em;margin-top:15px;}
#topics .img{display:block;margin:50px auto;}


/*cars---------------------------------*/
#cars .container{max-width:920px;}
#cars .sec1{background:#fff;position:relative;padding:40px 0 95px;}
#cars .sec1::after{
    content: "";
    background: url(../images/cars_pt_under.png) top center no-repeat;
    background-size: cover;
    width:100%;
    height:84px;
    position: absolute;
    top: -80px;
    left: 0;
    z-index:-1;
}
#cars .sec1 .tree3{position:absolute;max-width:8.6vw;top:15px;left:90px;}
#cars .sec1 .midashi{max-width:507px;display:block;margin:0 auto 10px;}
#cars .sec1 h6{font-size:1.8rem;line-height:1.64em;}
#cars .about{margin:40px 0 70px;}
#cars .sec1 table th, #cars .sec1 table td{vertical-align:middle;border-bottom:2px solid #fff;padding:10px 15px;}
#cars .sec1 table th{background:#97aab2;color:#fff;font-weight:400;}
#cars .sec1 table td{background:#f2f2f2;}
#cars .sec1 .about .btn{width:100%;font-size:2.4rem;margin-top:15px;padding:20px;}
#cars .sec1 .about .btn span::after{width:14px;height:14px;margin-top:-7px;}
#cars .ta-r{font-size:1.4rem;color:#333;}
#cars .sec1 .tree4{position:absolute;max-width:8.6vw;bottom:40px;right:50px;}
#cars .sec2{padding:55px 0 40px;}
#cars .sec2 .midashi{max-width:295px;display:block;margin:0 auto;}
#cars .sec2 .soubi{display: -webkit-box;display: -ms-flexbox;display: flex;
-ms-flex-wrap: wrap;flex-wrap:wrap;margin-bottom:30px;}
#cars .sec2 .soubi li h6{text-align:center;font-size:1.75rem;font-weight:bold;margin:15px 0 10px;}
#cars .sec2 .soubi li p{font-size:1.4rem;line-height:1.5em;}
#cars.coldeleaves .sec2 .mountain{max-width:582px;margin:auto;}
#cars.coldebunks .sec2 .mountain{position:relative;}
#cars.coldebunks .sec2 .mountain img{max-width:582px;position:absolute;right: 0;bottom: 0;margin-bottom: 50px;}
#cars .sec2 .line{max-width:1090px;margin:60px auto 40px;}
#cars .sec2 .btn{font-size: 2rem;padding:15px;}
#cars .sec3{background:#f2f2f2;padding:60px 0 40px;}
#cars .sec3 .midashi{max-width:381px;display:block;margin:auto;}
#cars .sec3 h6{font-size:1.7rem;line-height:1.6em;text-align:center;font-weight:bold;margin:45px auto 30px;}
.Gcalendar{height: 0;overflow: hidden;padding-bottom: 62%;position: relative;min-height:570px;}
.Gcalendar iframe{position: absolute;left: 0;top: 0;height: 100%;width: 100%;}
#cars .sec3 .box{max-width:780px;margin:auto;padding:30px 0 50px;}
#cars .sec3 .box p{font-size:1.75rem;line-height: 1.6em;}
#cars .sec3 h3{position:relative;font-weight:bold;font-size:2.1rem;padding:10px;margin:70px 0 25px;}
#cars .sec3 h3::after{
    content: "";
    position: absolute;
    background: url(../images/draw.gif)top center repeat;
    background-size: auto;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
}
#cars .sec3 h3 span{position:relative;display:inline-block;}
#cars .sec3 h3 span::before{
    content: "";
    position: absolute;
    background: url(../images/draw2.png)top center no-repeat;
    background-size: cover;
    width: 124px;
    height: 65px;
    top: -65px;
    left: -15px;
}
#cars .sec3 .hyouji li{margin-bottom:10px;}
#cars .sec3 .hyouji li img{max-width:146px;}
#cars .sec3 .box h5{font-size:2.1rem;font-weight:bold;margin:55px 0 25px;}
#cars .sec3 p.orange{color:#f7931e;margin-bottom:5px;}
#cars .sec3 p.blue{color:#29abe2;margin:35px 0 5px;}
#cars #form table{margin:50px 0;}
#cars #form table td p{font-size:1.4rem;margin-top:10px;}
#cars #form .btn{color: #af1212;border:none;background:none;padding:0;font-size:2rem;}
#cars #form .btn:hover{opacity:.6;}
#cars #form .btn span::after{border-color:#af1212;}
#cars #form table ul li{padding:5px 0;}
#cars #form table td label p{display:inline-block;vertical-align:middle;margin:0;}
#cars #form table td label span{display:inline-block;}
#cars #form table td label .tx1{width:25%;}
#cars #form table td label .tx2{width:30%;}
#cars #form .doui{text-align:center;margin:15px 0 50px;}

.popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    transition: .6s;
    display: none;
}
.popup .layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(46,46,46,.4);
    z-index: 98;
    cursor: pointer;
}
.popup .innerbox {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 90%;
    max-width: 840px;
    padding: 30px 30px 40px;
    background: #fff;
    z-index: 99;
    border-radius: 6px;
}
.popup .closebtn {
    position: absolute;
    right: 25px;
    top: 25px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    cursor: pointer;
}
.popup .scroll_box {
  max-height: 640px;
  -webkit-overflow-scrolling:auto;
  overflow-scrolling: auto;
  overflow-y: auto;
}

.popup table{margin:0 auto 20px;}
.popup h4{text-align:center;font-weight:bold;font-size:2.2rem;margin-bottom:10px;}



/*PC==============================================*/
@media screen and (min-width:769px){
.pc{display:block;}
.sp{display:none;}

footer .inner::after{content: ""; float: none; clear: both; display: block;}
footer .inner .Lpart{float:left;width:60%;}
footer .inner .Rpart{float:right;width:40%;padding:15px 20px 0;}
.mainV{
    background: url(../images/top_main_bg.png) top center no-repeat;
    background-size: cover;
    width:100%;
    max-width:1800px;
    margin-top:-50px;
    z-index:90;
    min-height:62vw;
    height:auto;
}
#top #carmodel ul li{width:48%;}
#top #flow ul li{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start; -ms-flex-align: start;align-items: flex-start;}
#top #flow ul li .text{margin-left:20px;}
#top #access .wrap{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center; -ms-flex-align: center;align-items: center;
padding:70px 0 50px;}
#top #access p{margin-left:40px;font-size:1.8rem;line-height:1.7em;}
#top .topics .box{display:flex;align-items:flex-start;justify-content:space-between;}
#top .topics .box .Lpart{width:70%;}
#top .topics .box .btn{margin-top:5vw;}
#top .topics .box ul li .date{display:inline-block;vertical-align:top;width:20%;}
#top .topics .box ul li a{display:inline-block;width:72%;margin-left:8%;}
#topics main::before{
    content: "";
    background: url(../images/topics_header_bg.png) top center no-repeat;
    background-size: cover;
    width:100%;
    height:96px;
    position: absolute;
    top: -78px;
    left: 0;
    z-index:80;
}
#topics .container{padding-top:30px;margin-top:50px;}
#cars .pagetitle{position:relative;}
#cars .pagetitle::before{
    content: "";
    background: url(../images/cars_pt_bg2.png) top center no-repeat;
    background-size: cover;
    width:100%;
    position: absolute;
    top: 35px;
    right: 0;
    z-index: -1;
    max-width: 34vw;
    height: 29vw;
}
#cars .pagetitle .inner{width:96%;max-width:1200px;margin:-30px auto;text-align:center;position:relative;}
#cars .pagetitle .inner::before{
    content: "";
    background: url(../images/cars_pt_bg1.png) top center no-repeat;
    background-size: cover;
    width:100%;
    position: absolute;
    top: 10px;
    left: 30px;
    z-index: -1;
    max-width: 32vw;
    height: 30vw;
}
#cars .sec1 ul{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
#cars .sec1 .about li{display: -webkit-box;display: -ms-flexbox;display: flex;
-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;
-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
#cars .sec1 .about li:first-child{width:58%;margin-right:4%;}
#cars .sec1 .about li:last-child{width:38%;position:relative;}
#cars .sec1 table th{width:25%;border-right:2px solid #fff;}
#cars .sec1 table td{width:75%;}
#cars .sec1 .mountain{position:absolute;max-width:252px;left:50%;top:20%;margin-left: -126px;}
#cars .sec1 .seat{max-width:820px;margin:auto;}
#cars.coldebunks .figure{max-width:820px;margin:30px auto 0;}
#cars .sec1 .seat li, #cars.coldebunks .figure li{width:48%;}
#cars.coldeleaves .figure{max-width:500px;margin:30px auto 0;}
#cars.coldeleaves .figure li{width:50%;}
#cars .sec1 .ta-r{margin-top:-30px;}
#cars .sec2 .soubi li{width:23.5%;margin-right:2%;margin-top:60px;}
#cars .sec2 .soubi li:nth-child(4n){margin-right:0;}
#cars .sec2 .soubi li h6.h50{height:50px;line-height:50px;}
#cars .sec2 .btns{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;width:96%;max-width:680px;margin:auto;}
#cars .sec2 .btns li{width:48%;}
#cars .sec2 .red span{padding-left:10px;}
#cars .sec3 .hyouji li img{display: inline-block;vertical-align: middle;}
#cars .sec3 .hyouji li p{display:inline-block;margin-left:30px;}
#cars #form table th{width:30%;padding:30px 0 0;font-size:1.8rem;}
#cars #form table td{width:70%;padding:15px 0;}
.popup table th, .popup table td{padding:10px 0;vertical-align:middle;border-bottom:1px solid #ccc;}
.popup table th{width:25%;}
.popup table td{width:75%;}
.popup table th span{display:block;}
}

@media screen and (min-width:1480px) {
header .logo img{max-width:420px;}
header .front ul li img{max-width:160px;}
.mainV{min-height:840px;}
.mainV .flex li video{max-width:990px;}
.mainV .flex li:last-child img{max-width:270px;}
.mainV .copys .catch1{max-width:770px;}
.mainV .copys .catch2{max-width:750px;}
.under_merit img {max-width: 417px;}
#top .topics .bg{width:83%;}
#top .topics_midashi img{max-width:326px;left: 240px}
#top .topics .box .btn{margin-top:3.5vw;}
#top .topics .box .Lpart{width:60%;}
#top .tree1{max-width:93px;}
#top .tree2{max-width:182px;}
.gmap {padding-bottom:36.03%;}
}
@media screen and (min-width:1401px) {
#cars .pagetitle::before{max-width: 484px;height:376px;}
#cars .pagetitle .inner::before{max-width: 426px;height:406px;left:3.5%;}
#cars .sec1 .tree3{max-width:137px;left: 50%;margin-left:-600px;}
#cars .sec1 .tree4{max-width:137px;right: 50%;margin-right:-630px;}
#top .topics .box .btn{margin-top:4vw;}


}


@media screen and (max-width:1374px) {
header .logo img{max-width:27.5vw;left:-3.5vw;top:-1vw;}
header .menu{padding:0;}
#cars .pagetitle .inner::before{left:5vw;}

}


@media screen and (max-width:1260px) {
.mainV .copys .catch1{top:-12.3vw;}
.mainV .copys .catch2{top:-11vw;}
#top .topics_midashi img{top:-2vw;left:7vw;}
#top .tree1{top: -4vw;right: 3vw;}
#top .tree2{top: -14vw;left: 4vw;}
#cars .sec1 .tree3{left:2.5vw;}
#cars .sec1 .tree4{right:2vw;bottom:1.4vw;}
#top .topics .box{margin: 5vw 5% 0 15%;width: 80%;}
}

@media screen and (max-width:1080px) {
header .front ul li .btn{width:145px;padding-left: 0;}
header .front ul li .btn span{padding:0;}
header .front ul li img{max-width:12vw;}
header .front ul li{padding:1.2vw 1vw 1.2vw 0;}
header .front ul li:nth-child(3){font-size:1.2rem;}
header .menu{margin-right:2vw;}
#cars .sec1 .tree4{right:-2vw;bottom:1.4vw;}
}
@media screen and (min-width:920px) and (max-width:1080px) {
#top .topics .box ul li .date{width: 27%;}
#top .topics .box ul li a{margin-left:5%;width:58%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#top .topics .box .btn{margin-top:7vw;}
}

@media screen and (min-width:920px) and (max-width:993px) {
header .menu li{margin-right:2vw;font-size:1.5rem;}
}



/*spHeader==========================================*/
@media screen and (min-width:920px){
#spHeader, .spT{display:none;}
header, .pcT{display:block;}
}


@media screen and (max-width: 919px) {

header, .pcT{display:none;}
#spHeader, .spT{display:block;}
#spHeader{background:#fcf9eb;padding:0;position:fixed;top:0;width:100%;height:75px;z-index:99;
box-shadow: 0 9px 6px -6px rgba(0,0,0,0.2);}
#spHeader img{max-width:283px;}
#spHeader .btn-gnavi {
    position: fixed;
    top: 25px;
    right: 20px;
    width: 30px;
    height: 24px;
    z-index: 3;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: all 400ms;
    transition: all 400ms;
}
#spHeader .btn-gnavi span {
    position: absolute;
    width: 30px;
    height: 4px;
    background: #4d4d4d;
    border-radius: 10px;
    -webkit-transition: all 400ms;
    transition: all 400ms;
}
#spHeader .btn-gnavi span:nth-child(1) {
    top: 0;
}
#spHeader .btn-gnavi span:nth-child(2) {
    top: 10px;
}
#spHeader .btn-gnavi span:nth-child(3) {
    top: 20px;
}
#spHeader .btn-gnavi.open span:nth-child(1) {
    transform: translateY(20px) rotate(-45deg);
    top: -10px;
}
#spHeader .btn-gnavi.open span:nth-child(2) {
    opacity: 0;
}
#spHeader .btn-gnavi.open span:nth-child(3) {
    transform: translateY(-20px) rotate(45deg);
    top: 30px;
}

#spHeader nav {
    position: fixed;
    top:  -3000px;
    right:0;
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    z-index: 2;
    /*overflow-y: scroll;
    -webkit-overflow-scrolling: touch;*/
    padding:12vw 8vw 8vw;
    box-shadow: 0 9px 6px -6px rgba(0,0,0,0.2);
}

#spHeader nav ul li{margin-bottom:5.5vw;text-align:center;font-size:1.8rem;}
main{padding-top:75px;overflow:hidden;}
.mainV{margin-top:0;}
.under_merit img{bottom: -9.5vw;right: -4vw;}
#top .topics .bg{padding:5vw 4vw ;}
#top .topics .box {margin: 8vw 0 0 0;width: 100%;}
#top .topics .box .btn{width:200px;margin-left:20px;}
#top .topics .box .btn span{padding-right:10px;}
#top .tree1{top: -6vw;right: 5vw;}
#top .tree2{top: -16vw;left: 8vw;}
#top #carmodel .cars li .text{padding:3vw 2vw;}
#top #carmodel table{width:90%;}
#top #carmodel .btns li{width:48%;}
#top #carmodel .btns li .btn span{padding-right:0;}
#cars .pagetitle .inner::before{left:5vw;}
#cars .sec1 .about li:first-child{width:61%;}
#cars .sec1 .about li:last-child{width:35%;}
#cars .sec1 .ta-r{margin-top:0;}
#cars .sec1 .tree4{bottom:2vw;}
#cars .sec2 .red span{display:block;}
#cars .sec3 h6{text-align:left;}
#cars.coldebunks .sec2 .mountain img{max-width:62vw;}
.Gcalendar{min-height:92vw;}
.popup table th span{display:inline-block;padding-left:15px;}
}



/*スマホ==========================================*/
@media screen and (max-width: 768px) {
.sp{display:block;}
.pc{display:none;}
body{font-size:1.4em;}

.wrapper, .container{width:92%;}
footer .menu{padding:5vw 0;}
footer .menu ul li{padding:0 2.5vw;font-size:1.3rem;}
footer .inner{padding:6vw 4vw 4vw;width:100%;}
footer .inner .Lpart .flex, #top #carmodel .btns{-ms-flex-wrap: wrap;flex-wrap: wrap;}
footer .inner .Lpart .btn {width: 85%;font-size: 1.5rem;padding: 3.5vw;margin: 6vw 0;}
footer .inner .Rpart img{width:80%;}
footer .inner .Rpart .contact{font-size:2rem;width: 85%;}

.mainV{position:relative;}
.mainV video {width: 100%;vertical-align: bottom;}
.mainV .catch{position:absolute;max-width:83vw;top:28%;left:-3vw;}
#top .topics{margin:19vw 0 12vw;}
#top .topics_midashi img {max-width: 84vw;top: -16vw;left: 17vw;}
#top .topics .bg{float:none;margin:auto;width:92%;padding:17vw 5vw 10vw;}
#top .topics .box{width:100%;margin:0;}
#top .topics .box ul li{margin-bottom:2.5vw;}
#top .topics .box ul li .date, #topics .list ul li .date{display:block;}
#top .topics .sp_ta-r{text-align:right;margin-top:5vw;}
#top .topics
#top #carmodel{width:98%;}
#top #carmodel .cars li .text{padding:3vw 0;}
#top #carmodel table{width:100%;margin:2vw auto 0;font-size:1.2rem;}
#top #carmodel table th {padding:2vw 0 2vw 2vw;}
#top #carmodel table td {padding:2vw 0;}
#top #carmodel .btns li{width:100%;padding:2vw 3vw;}
#top .white{margin-top:7vw;padding:7vw 0 6vw;}
#top .white .line{margin:8vw auto;}
#top #price, #top #flow, #top #faq .wrap, #top #access .wrap{width:92%;}
#top #price p{font-size:1.45rem;}
#top #flow h6{font-size:1.6rem;margin:4vw 0;}
#top #flow ul li{margin-bottom:5vw;}
#top #flow ul li .step {max-width: 38vw;margin:0 auto 2vw;display: block;}
#top #flow ul li .subtitle{max-width:26vw;}
#top #faq{padding:5vw 0 6.5vw;}
#top #faq .midashi{max-width:57vw;margin:0 auto 5vw;}
#top #faq .ac-q{padding:3vw 8.5vw 3vw 3vw;font-size:1.4rem;}
#top #faq .ac-q::before, #top #faq .ac-q::after{right:15px;margin-top: -1px;}
#top #faq .ac-q span{display:block;margin-left:8vw;}
#top #faq .ac-q span::before{position: absolute;left: -7vw;top: 0.5vw;padding:0;font-size:1.8rem;}
#top #faq .open::before{font-size:1.8rem;padding:0;}
#top #faq .open .text{margin-left:7vw;}
#top #access img {max-width: 39vw;margin: 8.5vw auto 4vw;display: block;}
#top #access .wrap{padding-bottom:5vw;}
#topics .container{padding: 12vw 0 2vw;}
#topics .pagetitle {max-width: 66vw;margin: 0 auto 4vw;}
#topics .list ul li{margin-bottom:5vw;}
#topics .list ul li a{margin:0;}
#topics .pagination{margin:10vw auto;font-size:1.2rem;}
#topics .pagination li .number li {margin: 0 8px;padding: 0 6px;}
#topics.detail .title{margin-bottom: 6vw;}
#topics.detail .title h3{font-size:2.1rem;margin-top:3vw;}
#topics .img{margin:6vw auto;}
#cars .sec1{padding: 3vw 0 10vw;}
#cars .sec1 .midashi{max-width:84vw;}
#cars .sec1 h6{font-size:1.6rem;}
#cars .about {margin: 7vw 0 12vw;}
#cars .sec1 .about li:first-child{width:100%;}
#cars .sec1 .about li:last-child{width:80%;margin:auto;}
#cars .sec1 table th{width:30%;}
#cars .sec1 table td{width:70%;}
#cars .sec1 .about .btn{font-size:2rem;padding:15px;margin-top: 5vw;}
#cars .sec1 .seat li{margin-bottom:5vw;}
#cars.coldeleaves .figure{margin-top:3vw;}
#cars.coldebunks .figure li:last-child{margin-top:5vw;}
#cars .sec2{padding: 7vw 0;}
#cars .sec2 .midashi {max-width: 62vw;margin:0 auto 6vw;}
#cars .sec2 .soubi{margin:0;}
#cars .sec2 .soubi li{width:48%;margin-right:4%;margin-bottom:6vw;}
#cars .sec2 .soubi li:nth-child(2n){margin-right:0;}
#cars .sec2 .soubi li h6{font-size:1.6rem;}
#cars .sec2 .soubi li .h50{height:12vw;line-height:12vw;}
#cars .sec2 .line{margin:8vw auto 6vw;}
#cars .sec2 .btns{width:80%;margin:auto}
#cars .sec2 .btns li{margin-bottom:5vw;}
#cars .sec3{padding:10vw 0;}
#cars .sec3 .midashi{max-width:62vw;}
#cars .sec3 h6{font-size:1.5rem;margin:6.5vw 0 5vw;}
.Gcalendar{min-height:600px;padding-bottom: 75%;}
#cars .sec3 .box{padding:3vw 0;}
#cars .sec3 h3{margin:13vw 0 5vw;}
#cars .sec3 h3 span::before{width: 22vw;height: 12vw;top: -13vw;}
#cars .sec3 .hyouji li{margin-bottom:4.5vw;}
#cars .sec3 .hyouji li img{max-width:33vw;}
#cars .sec3 .box p{font-size:1.4rem;}
#cars .sec3 .box h5 {font-size: 1.9rem;margin: 9vw 0 4vw;}
#cars .sec3 p.orange{margin-bottom:1.5vw;}
#cars .sec3 p.blue{margin:6vw 0 1.5vw;}
#cars #form table{margin:6vw 0;display:block;}
#cars #form table th{display:block;padding-bottom: 2vw;font-size:1.6rem;}
#cars #form table td{display:block;padding-bottom: 4.5vw;}
#cars #form table td p{font-size:1.2rem;}
.selectwrap{width:70%;}
input[type=checkbox] + label{font-size:1.4rem;display:block;padding-left:9vw;font-weight:bold;}
#cars #form table td label .tx1{width:32%;}
#cars #form table td label .tx2{width:28%;}
.doui input[type=checkbox] + label{font-size:2.4rem;padding: 0 1vw 0 15vw;}
#cars #form .doui{margin: 3vw 0 8vw;}
input[type=image], #confirm_btn img{max-width: 35vw;}
.popup .innerbox{padding:6vw 5vw 7vw;}
.popup .closebtn {
    right: 5vw;
    top: 5vw;
    width: 5vw;
    height: 5vw;
    line-height: 5vw;
}
.popup .scroll_box{max-height:70vh;}
.popup table{margin:0 auto 4vw;display:block;}
.popup table tr{display:block;border-bottom:1px solid #ccc;padding:2vw 0;}
.popup table th{font-weight:bold;padding-bottom:0.5vw;display:block;}
.popup table td{padding:0;display:block;}
.popup h4{font-size:2rem;margin-bottom:4vw;}
}

#news img{width:100%; height:100%;}