body {font-family: 'Cinzel', 'Century Gothic', "Hiragino Sans",游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;-webkit-text-size-adjust: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;font-size: .9rem;line-height: 1.8rem;letter-spacing: .1rem;font-weight: 500;}h1, h2, h3, h4, h5 {font-weight:normal;}
#vision,#carlineup,#company,#reservation,#li01,#li02,#li03,#li04,#li05,#li06,#li07 {display: inline-block; padding-top: 100px; margin-top: -100px;}a {-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;color: #d85252;text-decoration: none;}a:hover,a:focus,a:active {transition: all 0.2s ease;outline: none;}b{font-weight: normal}section,p {padding: 0;margin: 0;}ol,ul{padding: 0;}ol,ul li{list-style:none;}ol,ul li{list-style:none;}img {border: 0; -ms-interpolation-mode: bicubic; max-width: 100%; height: auto; width :auto;}
#loading {width: 100vw;height: 100vh;transition: all 1s;background-color: black;position: fixed;top:0;left: 0;z-index: 9999;}#loading div {position: absolute;top: calc(50% - 8rem);width: 100%;text-align: center;}
#loading div img {max-width: 250px;width: 50%;}
.loaded {opacity: 0;visibility: hidden;}
.fadein{animation-name:fadeinAnime;animation-duration:1s;animation-fill-mode:forwards;opacity:0;}
@keyframes fadeinAnime{from {opacity: 0;}to {opacity: 1;}}
.fadeup{animation-name:fadeupAnime;animation-duration:0.5s;animation-fill-mode:forwards;opacity:0;}
@keyframes fadeupAnime{from {opacity: 0;transform: translateY(100px);}to {opacity: 1;transform: translateY(0);}}
.blurT,.zoomOut{opacity: 0;}
.blur{animation-name:blurAnime;animation-duration:1s;animation-fill-mode:forwards;}
@keyframes blurAnime{from {filter: blur(10px);transform: scale(1.02);opacity: 0;}to {filter: blur(0);transform: scale(1);opacity: 1;}}
.zoomout{animation-name:zoomoutAnime;animation-duration:0.5s;animation-fill-mode:forwards;}
@keyframes zoomoutAnime{from {transform: scale(1.2);opacity: 0;}to {transform:scale(1);opacity: 1;}}
.delay05{animation-delay: .5s;}.delay10{animation-delay: 1s;}.delay15{animation-delay: 1.5s;}
/*colors*/
.be {color: #eae4d6;}
.pu {color: #3c2333;}
/*Font*/
.fEng {font-family: 'Cinzel', 'Century Gothic', sans-serif;}
/*nav*/
.navbar {background-color: rgba(255,255,255,.95);font-size: .85rem;line-height: 0.875rem;letter-spacing: .05rem;}
.navbar,.nav-link {color: black!important;} 
.nav-link {padding: 1.2rem 1rem;text-align: center;border-bottom: 1px solid #eaecef;} 
.nav-link:hover,.nav-link:focus,.nav-link:active {color: #aa9972!important;}
.reserveNav {background: black;color: #eae4d6!important;}
.navbar-brand img {height:50px;}
.navbar-brand {margin: 0;font-size: .2rem;}
.navbar-toggler {padding: 0.75rem 0.75rem;font-size: 1rem;line-height: 1;background-color: #eae4d6;border: none;border-radius: 0.2rem;}
.spno {display: none}
.dtno {display: block}
@media (min-width: 768px){
.navbar-expand-md .navbar-nav .nav-link {padding: 1.5rem 1rem;}
.nav-link {border-bottom: none;} 
.navbar-collapse {flex-grow: unset;}
.spno {display: block}
.dtno {display: none}
}
/**/
.card {border: 0;}
/*  Header  */
header {margin-top: 5rem;padding:0!important;}
.hero .col-11{background: url(../img/mainImg.webp) center center / cover;}
.hero,.topVision,.topPartner,.reserCom,.recCon {position: relative;}
.hero::before {content: "";background-color: #eae4d6;width: 75%;height: 260px;position: absolute;right: 0;bottom: -3rem;}
.hero h1 {padding: 9rem 0;text-align: center}
.hero h1 img{width: calc(12rem + 10vw) }
main {margin-top: 8rem}
/*  Footer  */
footer {background: #eae4d6;padding: 2rem 0;}
footer a {color: black;font-size: .8rem;}
footer nav li {padding:1rem .5rem;text-align: center}
small {display: block;text-align: center;font-size: .6rem;letter-spacing: 0rem}
.pagetop {text-align: right;margin: 0 .5rem;font-size: 1.5rem;}
.pagetop a {background: rgba(234, 228, 214, 0.69);color: black;border-radius: .2rem;padding: 1rem;line-height: 2.5rem}
.pagetop a:hover,.pagetop a:focus,.pagetop a:active {background: rgba(0,0,0,1);color:#eae4d6;}
/*  Vision  */
.topVisionTtl {background: url(../img/visionTtlBg.webp) no-repeat right top 2.5rem;background-size: 35%;}
.topVision::before,.topPartner::before {content: "";background-color: #eae4d6;width: 75%;height: 260px;position: absolute;left: 0;bottom: -3rem;z-index: -1;}
.topVision div,.topPartner div {text-align: center;padding: 0 3rem;}
.topVision p,.topPartner p {padding: calc(.5rem + 20vw) calc(.5rem + 10vw) 0 3rem;}
/* Partner */
.topPartnerTtl {background: url(../img/partnerTtlBg.webp) no-repeat left top 12rem;background-size: 35%;padding-top:10rem;}


.crewArea {padding:.3rem;background: #d85252;color: #eae4d6;}
.crewArea div {border: 1px solid #eae4d6;padding: 0 2rem 1rem;}
.crewArea div a {color: #eae4d6;}
.crewArea div a:hover {color: white;}
.crewArea .secTtl {font-size:1.2rem;text-align: center;margin: .5rem;}


/*  Recruit  */
.recTtl::after {background: url(../img/recMain.webp) no-repeat center center / cover;}
.recImg01 {margin: 3.5rem 0 1rem;}
.recCon::before {content: "";background-color: #eae4d6;width: 75%;height: 260px;position: absolute;left: 0;bottom: -3rem;z-index: -1;}
.recCon div {text-align: center;padding: 0 3rem;}
.recCon p {padding: 3rem;}
.lead {font-weight: 500;letter-spacing: .15rem;line-height: 2.2rem}
.recCon02 {margin-top: 8rem}
.recBgImg {background: url(../img/recCon02.webp) no-repeat center center / cover;height: 300px;max-height: 500px;}
.recCon03 {background: url(../img/jeln.webp) no-repeat left top 12rem;background-size: 35%;padding-top:10rem;}
/*  Managiment  */
.manTtl::after {background: url(../img/mainImg.webp) no-repeat center center / cover;}
.manaCon h2 {font-size:1.2rem;background:white;display: flex;align-items: center;margin-top:3rem;padding:1rem 0;font-weight: bold;
}
.manaCon h2::after {flex-grow: 1;
    content: '';margin-right: .5em;margin-left: 1rem;
    height: 1px;/*ラインの太さ*/
    background-color: #333;/*ラインの色*/}

.manaCon h3 {font-size:1rem;padding:3rem 0 1rem;font-weight: bold;}
.manaCon p {padding:.5rem 0;}
.manaCon .lead {font-size:1rem;}
.manaCon strong {font-weight:bold;}

@media (1300px < width) {.recCon03 {background-size: 25%;}}
.recCon03>.topPartner p {padding: calc(.5rem + 10vw) 2.5rem 0 3rem;}
.numberTtlCB::before {color: white;text-align: center;content: attr(data-number);display: block;margin: 0 auto;position: absolute;border-radius: 50%;}
.numberTtlCB {position: relative;font-size: 1.2rem;line-height:2rem;}
.numberTtlCB {padding: 9rem 0 2rem;font-weight:500;color: #031e30;}
.numberTtlCB::before {font-size: .8rem;top: 0px;left: 0px;width: 110px;height: 110px;padding: 2rem .5rem;background: #aa9972;font-weight:500;line-height:1.2rem;}
.conLay{background-image: linear-gradient(75deg, rgba(234, 228, 214, .5) 0%, rgba(234, 228, 214, .5) 100%);background-size: 80% 75%;background-repeat: no-repeat;background-position: left 0px top 30px;padding: 1.5rem 0;}
.conLay img {max-height: 450px;}
.recCon04 {margin: 5rem 0;}
.ouboTtl {background: url(../img/recOuboBg.webp) no-repeat right top / 90%;position: relative;}
.ouboTtl::before { content: '';z-index: -1;background: #eae4d6; position: absolute;bottom:0;left: 0;width:80%;height:250px;}
.ouboTtl div.col-lg-5 {background: white;padding: 0 1rem;margin: 7rem 0 1rem;}
.ouboTtl .fourthTtl {margin-bottom: 1rem}
table {font-family: 'Century Gothic', "Hiragino Sans",游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
table.recDes b {display: block;font-weight: 600}
table.recDes strong {font-size: 1.8rem;letter-spacing: .2rem}
table.recDes th {width: 20%}
@media screen and (max-width: 767px) {
table.recDes,table.recDes tbody,table.recDes tr,table.recDes td,table.recDes th {display: block;width: 100%;}
table.recDes th {border-bottom: none;padding: 1rem 0}
.ouboTtl {background: url(../img/recOuboBg.webp) no-repeat right center / 90%;position: relative;}

}
@media screen and (min-width:576px) and (max-width:768px) {
.topVision p,.topPartner p {padding: 5rem calc(.5rem + 10vw) 0 1rem;}
.topVision div,.topPartner div {text-align: center;padding: 0 2rem;}
}
@media screen and (max-width:576px)  {
.topPartnerTtl {background: url(../img/partnerTtlBg.webp) no-repeat right top 12rem;background-size: 35%;}
.recCon03 {background-size: 30%;background-position: right top 15rem;padding-top: 5rem;}
.conLay{background-size: 90% 75%;}
.ouboTtl div.col-lg-5 {margin: 12rem 0 0;}
}
@media screen and (max-width:480px) {
.recCon03 {background-size: 40%;background-position: right top 16rem;}
}
/*  JEL  */
.topJEL .card {background: rgba(255,255,255,.85);padding: 2rem 1.5rem .5rem;width: 80%;margin: 3rem auto;letter-spacing: .05rem;border-radius: 0;}
.jel {background: url(../img/jel.webp) no-repeat top center / cover;}
.jelNet {background: url(../img/jeln.webp) no-repeat top center / cover;}
/*  Cars  */
.topCars {padding-top: 5rem;}
.carList ul li {margin-bottom: .2rem;padding: .2rem 0 .2rem .5rem ;background: #eae4d6;font-size: .8rem;}
.carList .card,.topBenz,.topTesla {padding: 1rem}
.carList .card > .card-title::after {display: none}
.topTesla {background: url(../img/teslaBnBg.webp) no-repeat center center / cover;}
.topTesla h3 {padding:  1rem 0 calc(5rem - .2vw);font-size: 3rem;color: white;
    text-shadow: 0 0 5px #244b8c, 0 0 10px #244b8c,0 0 20px #244b8c,0 0 30px #244b8c,0 0 40px #244b8c,0 0 50px #244b8c,0 0 60px #244b8c;}
.topTesla h3 span{display: block;color: white;font-size: .8rem;}
.topTesla ul {width: calc(15rem + .1vw)}
.topTesla ul li {background: rgba(36, 75, 140, 0.9);color: #eae4d6;font-size: .8rem;margin-bottom: .2rem;padding: .2rem .5rem;}
/*
.topBenz {background: url(../img/topBenzBg.webp) no-repeat right -12rem bottom / cover;}
.topBenz ul,.topTesla ul {width: calc(15rem + .1vw)}
.topBenz ul li {background: rgba(60,35,50,.9);color: #eae4d6;font-size: .8rem;margin-bottom: .2rem;padding: .2rem .5rem;}
.topBenz h3 {padding: .5rem 0 calc(5rem - .2vw)}
.topBenz h3 span{display: block;color: white;font-size: .8rem;}
*/
/*  Com  */
.topComTtl {background: url(../img/comTtlBg.webp) no-repeat right top / 90%;position: relative;}
.topComTtl::before { content: '';z-index: -1;background: #eae4d6; position: absolute;bottom:0;left: 0;width:80%;height:250px; }
.topComTtl div {background: white;padding: 2rem 3rem;margin: 7rem 0 1.5rem;}
.topCom h2 {padding-top: 2rem}
.topCom .row:nth-child(2){margin: 5rem 0}
/*  Reserved  */
.topRes {color: #eae4d6;background: url(../img/reserBg.webp) no-repeat center center / cover;position: relative;z-index: 0}
.topRes::before {background: rgba(0,0,0,.7);content: ' ';position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index:0;}
.topRes .row {position: relative;z-index: 1;}
.topRes .col-md {padding: 4rem 2rem;}
.topRes .col-sm {padding: 1rem 1rem;}
.topRes .col-sm b {font-size: 1.9rem;font-weight: bold;display: block;}
.topRes .resCon {text-align: center;padding-bottom: 2rem;width: 100%;border:1px solid #eae4d6;}
.topRes strong {font-family: 'Century Gothic', "Hiragino Sans",游ゴシック体, "Yu Gothic", YuGothic, sans-serif;font-weight: 500;display: block}
@media (min-width: 768px){
.topBenz {background: url(../img/topBenzBg.webp) no-repeat right bottom / cover;border-radius: .2rem}
.topBenz ul li {background: #3c2333;}
.topComTtl {background: url(../img/comTtlBg.webp) no-repeat right top / 75%;position: relative;}
.topComTtl::before { content: '';z-index: -1;background: #eae4d6; position: absolute;bottom:-5%;left: 0;width:70%;height:200px;}
.topComTtl div {margin: 2rem 0 5rem;}
.topRes .col-sm {padding: 4rem 1rem;}
}
/* SecondTtl */
.shero {position: relative;}
.shero::before,.vhero::before {content: "";background-color: #eae4d6;width: 75%;height: 200px;position: absolute;right: 0;bottom: -1rem;z-index: -2;}
.shero::after,.vhero::after {content: "";width: 90%;height: 250px;position: absolute;left: 0;top: 0;z-index: -1;}
.shero div {padding: 10rem 0 0 .5rem;}
.shero div h1 {max-width: 300px;font-size: calc(1.5rem + 1vw);padding: 3rem 2rem 1rem;background: white;line-height: 2rem;position: relative;}
.shero div h1 span{display: block;font-size:.9rem;}
.shero div h1::after {content: '';position: absolute;top: 1.5rem;left: 2rem;width: 80px;height: 1px;background-color: black;}
@media (min-width: 768px){.shero div h1 {max-width: 350px;}}
/* Pan */
.breadcrumb {font-family:'Century Gothic', "Hiragino Sans",游ゴシック体, "Yu Gothic", YuGothic, sans-serif;font-size: .7rem;padding: 0 1rem}
/* Reservation */
.reserTtl::after {background: url(../img/reserTopImg.webp) no-repeat center center / cover;}
.reserCom::before {content: "";background-color: #eae4d6;width: 75%;height: 100px;position: absolute;left: 0;bottom: 0;z-index: -1;}
.reserCom p {padding: 0 calc(1rem * .5vw) 2rem;}
/* form */
form div label {font-weight: bold}
form b {background: #d85252;color: white;border-radius: .2rem;padding: .2rem .5rem;font-size: .6rem;}
/* privacy */
.priTtl::after {background: url(../img/priImg.webp) no-repeat center center / cover;}
.priCon h2 {text-align: center;font-size:1.4rem;padding: 2rem 0;line-height: 1.8rem;}
.priCon h3 {font-size:1.1rem;padding: 3rem 0 1rem;}
.priCon p {padding-bottom: .5rem;}
.priCon div,p {font-family:'Century Gothic', "Hiragino Sans",游ゴシック体, "Yu Gothic", YuGothic, sans-serif;}
@media (max-width: 768px){.priTtl::after {background: url(../img/priImg.webp) no-repeat center top / 125%;}}
/* TTL */
.mainTtl {max-width: 350px;font-size: calc(2.5rem + 1vw);padding: .5rem;position: relative;border-top: black solid 1px;}
.mainTtl span {font-size: 3rem;display: block;padding-top: 1rem;}
.mainTtl::before,.mainTtl::after {font-size: .8rem;font-weight: 500;letter-spacing: 0.1rem;position: absolute;top: -.5rem;width: auto; height: 20px; background: white;}
.mainTtl::before {content: attr(data-start);left:0;padding-right: 2rem;}
.mainTtl::after {content: attr(data-end);right: 0;padding-left: 2rem;}
/**/
.card-title{position: relative;padding: 1.6rem 0 2.5rem;font-size: 1.6rem;}
.card-title b {display: block;font-size: calc(.7rem + .2vw);margin-bottom: .5rem}
.card-title::after {content: '';position: absolute;top: 0;left: 0;width: 80px;height: 1px;background-color: black;}
/**/
.secTtl{position: relative;padding: 1.5rem 0 1rem;font-size: 1.5rem;text-align: center;margin-bottom: 2rem}
.secTtl::after {content: '';position: absolute;bottom: 0; display: inline-block;width: 100px; height: .5px;left: 50%;background-color: #eae4d6;transform: translateX(-50%);}
.secTtl span {font-size: 1rem;margin-bottom: .8rem;display: block;line-height: 1.6rem}
.secTtl strong {font-size: 2rem;font-weight: normal;color: #cf344f;}
/**/
.thirdTtl{position: relative;font-size: 1.2rem;margin-bottom: 2rem}
.thirdTtl::before {position: absolute;content: '';left: 0; bottom: 0; width: 160px; height: 30px;background: white;z-index:-1;}
.thirdTtl::after {position: absolute;content: '';left: 0;bottom: 50%;width: 100%;height: .5px;background: black;transform: translateY(-50%);  z-index:-10;}
/**/
.fourthTtlde {font-size: calc(1.5rem + 1vw);padding: .5rem;position: relative;border-top: black solid 1px;max-width: 350px;margin-top: 3rem;}
.fourthTtlde::before,.fourthTtlde::after {font-size: .8rem;font-weight: 500;letter-spacing: 0.1rem;position: absolute;top: -.9rem;width: auto; height: 20px; background: white;}
.fourthTtlde::before {content: attr(data-start);left:0;padding-right: 2rem;}
.fourthTtlde::after {content: attr(data-end);right: 0;padding-left: 2rem;}
.fourthTtl {padding: 1.5rem 0 1rem;font-size: calc(1.2rem + 1vw);margin-bottom: 3rem;line-height: 2.5rem;font-weight: 500}
.fourthTtl span{font-size: 1.1rem;display: block;margin-bottom: 1rem;line-height: 2rem;}
.fourthTtl b{color: white;background: #d85252;padding: 0 .3rem;}
/* BTN */
.btnBl,.btnForm,.btnBlB {width: 100%;cursor: pointer;transition: all 0.2s;display: inline-block;}
.btnBl {padding: .5rem 1rem;background: black;margin: 1rem 0;color:  #eae4d6;font-size: .7rem;position: relative}
.btnBl:hover,.btnBl:focus,.btnBl:active{background:#eae4d6;color:black;}
.btnBl::after {position: absolute;content: '';width: 50px;height: .5px;background: #eae4d6;right: 1rem;top: 1.1rem;}
.btnBl:hover::after,.btnBl:focus::after,.btnBl:active::after{background:black;}
/**/
.btnForm {color: #eae4d6;}
.btnForm:hover,.btnForm:focus,.btnForm:active {background: rgba(60,35,50,.8);color: #eae4d6;}
/**/
.btnBlB {border:1px solid black;color: black;padding: 1.5rem;text-align: center;margin: 1rem 0;}
.btnBlB:hover,.btnBlB:focus,.btnBlB:active {background: #d85252;color: #eae4d6;}
.btnBlBs {border:1px solid black;color: black;padding: 0 1rem;text-align: center;cursor: pointer;transition: all 0.2s;display: inline-block;font-size: .7rem;width:100%;margin-bottom: 1rem}
.btnBlBs:hover,.btnBlBs:focus,.btnBlBs:active {background: #d85252;color: #eae4d6;}