@charset "UTF-8";

.f-shi { font-family: "Shippori Mincho", serif;font-weight: 500; font-style: normal;}
.f-gothic1 { font-family: "Zen Kaku Gothic New", sans-serif;font-weight: 300;font-style: normal;}

@media screen and (min-width: 768px),print {

header {display: none;}
.pc-menu {display: none;}

main{width: 100%!important; max-width: 1920px!important; margin: 0 auto;}
a[id]{display:block;height:0px;overflow:hidden;text-indent:-9999px;margin-top:-100px;padding-bottom:100px;}
.side-fix{display: none!important;}

#con1 {}
#con1 .bx{width: 100%; margin: 0 auto; background: url(../images/showroom/con1-bg.png) no-repeat top center; padding: 163px 0 167px; position: relative; z-index: -1;}
#con1 .bx::before{content: ""; width: 161px; height: 22px; margin: 0 auto; background: url(../images/showroom/con1-copyright.png) no-repeat top center; position: absolute; right: 13px; bottom: 10px; z-index: 1;}
#con1 .bx .inner{width: 1000px; margin: 0 auto;}
#con1 .bx .inner .ttl1{font-size: 40px; letter-spacing: -1.5px; line-height: 1.5; color: #fff; text-align: center;}

#all-bx {background: #F9F9F9; padding: 38px 0 100px;}

#con2 {}
#con2 .bx{width: 1200px; margin: 0 auto 162px; }
#con2 .bx .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 2.3; text-align: center; margin-bottom: 120px;}

#con2 .bx .inner{width: 1200px; margin: 0 auto 25px; padding: 50px 0 57px; border: 1px solid #222123; }
#con2 .bx .inner .ttl1{font-size: 30px; letter-spacing: -1px; line-height: 1.6; text-align: center; width: 605px; margin: 0 auto -60px; background: #F9F9F9; padding: 20px 17px 20px 0; position: relative; top: -96px;}
#con2 .bx .inner .list{width: 666px; margin: 0 auto 30px; }
#con2 .bx .inner .list li{font-size: 25px; letter-spacing: 1.0px; line-height: 1.6; font-weight: 500; border-bottom: 1px solid #B9B9B9; padding-left: 40px; padding-bottom: 5px; margin-bottom: 12px; background: url(../images/showroom/con2-li-icon.svg) no-repeat top 11px left;}
#con2 .bx .txt2{font-size: 20px; letter-spacing: -0.8px; line-height: 1.6; text-align: center; margin-bottom: 116px; padding-left: 18px;}

#con2 .bx .in-bx{width: 1100px; margin: 0 auto; position: relative;}
#con2 .bx .in-bx .in-inner{width: 503px; margin-left: auto; margin-right: 33px;}
#con2 .bx .in-bx .in-inner .img1{position: absolute; left: 124px; top: -17px;}
#con2 .bx .in-bx .in-inner .ttl2{font-size: 25px; letter-spacing: 1.3px; line-height: 1.8; margin-bottom: 20px; font-weight: 500;}
#con2 .bx .in-bx .in-inner .txt3{font-size: 16px; letter-spacing: 0px; line-height: 2; font-weight: 400;}


#con3 {}
#con3 .bx{width: 1200px; margin: 0 auto 100px;}
#con3 .bx .ttl1{font-size: 30px; letter-spacing: -1px; line-height: 1.6; background: #EDEDED; padding: 13px 0 20px; text-align: center; margin-bottom: 54px;}
#con3 .bx .list {display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;}
#con3 .bx .list li{width: 380px; margin-right: 5px; position: relative;}
#con3 .bx .list li:last-child{margin-right: 0;}
#con3 .bx .list li .img1{margin-bottom: 30px; }
#con3 .bx .list li .ttl2{font-size: 20px; letter-spacing: 0px; line-height: 2; margin-bottom: 22px; font-weight: 500;}
#con3 .bx .list li .txt1{font-size: 16px; letter-spacing: 0px; line-height: 2; font-weight: 400;}


#con4 {
    margin-bottom: 116px;
}
#con4 .bx{width: 100%; margin: 0 auto; background: url(../images/showroom/con4-bg.png) no-repeat top center; padding: 95px 0 100px;;}
#con4 .bx .in-bx{width: 1200px; margin: 0 auto; position: relative;}
#con4 .bx .in-bx .in-inner{width: 536px; margin-left: auto; margin-right: 25px; margin-bottom: 105px;}
#con4 .bx .in-bx .in-inner .img1{position: absolute; left: 0; top: 10px;}
#con4 .bx .in-bx .in-inner .ttl1{font-size: 25px; letter-spacing: -0.8px; line-height: 1.8; margin-bottom: 35px; font-weight: 500;}
#con4 .bx .in-bx .in-inner .txt1{font-size: 16px; letter-spacing: 0px; line-height: 2; font-weight: 400; margin-bottom: 32px; padding-left: 5px;}
#con4 .bx .in-bx .in-inner .txt1 .ss1{}
#con4 .bx .in-bx .in-inner .txt1 .ss2{}
#con4 .bx .in-bx .ttl2{font-size: 25px; letter-spacing: 1.3px; line-height: 2.3; margin-bottom: 20px; font-weight: 500; text-align: center; padding-left: 43px;}

.showroom-fit-cv-bnr-01{position: fixed; top: 150px; right: 0; z-index: 333;}

#page-common .page-bx {
width: 1200px;
margin: 0 auto;
padding-bottom: 200px!important;
}

#ee {margin-top: 0;}

}


@media screen and (max-width: 767px) {
a[id]{display:block;height:0px;overflow:hidden;text-indent:-9999px;margin-top:-10vw;padding-bottom:10vw;}

.sp-header {display: none;}

#showroom .form-Box-txt{
padding: 2.657vw 0 3.382vw;
margin-bottom: 4.106vw;
}

#con1 {
    margin-top: -2px;
}
#con1 .bx{width: 100%; margin: 0 auto; background: url(../images/showroom/sp-con1-bg.png) no-repeat top center; padding: 26vw 0 21vw; position: relative; z-index: -1; background-size: 100%;}
#con1 .bx::before{content: ""; width: 30vw; height: 5vw; margin: 0 auto; background: url(../images/showroom/sp-con1-copyright.png) no-repeat top center; position: absolute; right: -6vw; bottom: 0vw; z-index: 1; background-size: 49%;}
#con1 .bx .inner{width: 100%; margin: 0 auto;}
#con1 .bx .inner .ttl1{font-size: 5.5vw; letter-spacing: -0.4vw; line-height: 1.5; color: #fff; text-align: center; padding-left: 1.5vw;}

#all-bx {background: #F9F9F9; padding: 6vw 0 10vw;}

#con2 {}
#con2 .bx{width: 100%; margin: 0 auto 13vw;}
#con2 .bx .txt1{font-size: 3.35vw; letter-spacing: 0.2vw; line-height: 2; text-align: center; margin-bottom: 10vw;}

#con2 .bx .inner{width: 90%; margin: 0 auto 3vw; padding: 5vw 0 0; border: 1px solid #222123; }
#con2 .bx .inner .ttl1{font-size: 4.5vw; letter-spacing: -0.3vw; line-height: 1.6; text-align: center; width: 81%; margin: 0 auto -7vw; background: #F9F9F9; padding: 2vw 0; position: relative; top: -11vw;}
#con2 .bx .inner .list{width: 100%; margin: 0 auto 2.5vw; padding: 0 7vw;}
#con2 .bx .inner .list li{font-size: 3.4vw; letter-spacing: 0.15vw; line-height: 1.85; font-weight: 500; border-bottom: 1px solid #B9B9B9; padding-left: 6vw; padding-bottom: 1vw; margin-bottom: 1vw; background: url(../images/showroom/con2-li-icon.svg) no-repeat top 2vw left; background-size: 4%;}
#con2 .bx .inner .list li:last-child{border: none;}
#con2 .bx .txt2{font-size: 3.6vw; letter-spacing: -0.35vw; line-height: 1.6; text-align: center; margin-bottom: 12vw;}

#con2 .bx .in-bx{width: 100%; margin: 0 auto; position: relative;}
#con2 .bx .in-bx .in-inner{width: 90%; margin: 0 auto;}
#con2 .bx .in-bx .in-inner .img1{margin-bottom: 7vw;}
#con2 .bx .in-bx .in-inner .ttl2{font-size: 4vw; letter-spacing: 0.1vw; line-height: 1.8; margin-bottom: 3vw; font-weight: 500;}
#con2 .bx .in-bx .in-inner .txt3{font-size: 3.35vw; letter-spacing: -0.1vw; line-height: 2.1; font-weight: 400;}


#con3 {}
#con3 .bx{width: 90%; margin: 0 auto 13vw;}
#con3 .bx .ttl1{font-size: 5.5vw; letter-spacing: -0.4vw; line-height: 1.6; background: #EDEDED; padding: 3vw 0 3vw; text-align: center; margin-bottom: 10vw;}
#con3 .bx .list {width: 100%; margin: 0 auto;}
#con3 .bx .list li{width: 100%; margin: 0 auto 11vw; position: relative;}
#con3 .bx .list li::after{content: ""; width: 10vw; height: 10vw; background: url(../images/showroom/con3-li-icon.svg) no-repeat top center; position: absolute; right: 0; left: 34vw; bottom: -11vw; background-size: 32%; transform: rotate(90deg);}
#con3 .bx .list li:last-child:after{background: none;}
#con3 .bx .list li:last-child{margin-right: 0;}
#con3 .bx .list li .img1{margin-bottom: 4vw; }
#con3 .bx .list li:nth-of-type(2) .img1{margin-bottom: 3vw; }
#con3 .bx .list li .ttl2{font-size: 4.3vw; letter-spacing: 0.3vw; line-height: 1.8; margin-bottom: 3vw; font-weight: 500;}
#con3 .bx .list li .txt1{font-size: 3.3vw; letter-spacing: 0.08vw; line-height: 2.1; font-weight: 400;}

#con4 {}
#con4 .bx{width: 100%; margin: 0 auto; background: url(../images/showroom/sp-con4-bg.png) repeat top center; padding: 7.5vw 0 8vw;;}
#con4 .bx .in-bx{width: 100%; margin: 0 auto; position: relative;}
#con4 .bx .in-bx .in-inner{width: 89%; margin: 0 auto 14vw;}
#con4 .bx .in-bx .in-inner .img1{margin-bottom: 5.5vw;}
#con4 .bx .in-bx .in-inner .ttl1{font-size: 5.5vw; letter-spacing: -0.4vw; line-height: 1.8; margin-bottom: 2vw; font-weight: 500;}
#con4 .bx .in-bx .in-inner .txt1{font-size: 3.3vw; letter-spacing: 0.08vw; line-height: 2.1; font-weight: 400; }
#con4 .bx .in-bx .in-inner .txt1 .ss1{display: block; margin-bottom: 6vw;}
#con4 .bx .in-bx .in-inner .txt1 .ss2{display: block; margin-bottom: 6vw;}
#con4 .bx .in-bx .ttl2{font-size: 5vw; letter-spacing: -0.4vw; line-height: 1.45; margin-bottom: 5vw; font-weight: 500; text-align: center;}

.showroom-fit-cv-list{display: flex;position: fixed;bottom: 0;z-index: 333;}

#ee {margin-top: 0;}

.form-Box_bg_wap{
        margin-top: 16.184vw;
}

}