@font-face{font-family:"BMW-bold";src:url("/fonts/BMWTypeNextTT-Bold.woff") format("woff")}@font-face{font-family:"BMW-regular";src:url("/fonts/BMWTypeNextTT-Regular.woff") format("woff")}@media screen and (min-width: 751px){.spOnly{display:none}.pcOnly{display:block}}@media screen and (max-width: 750px){.spOnly{display:block}.pcOnly{display:none}}html{width:100%;height:100vh;overflow:hidden;font-size:100%;color:#000}body{position:relative;overflow:hidden;height:calc(var(--vh, 1vh)*100);font-family:hiragino-kaku-gothic-pron,sans-serif;font-weight:400;font-style:normal}body.no-scroll{overflow-y:hidden}#main-container{margin:0 auto;position:relative;width:100%;height:100%;max-width:100%}#main-container #showcase{position:absolute;top:0;left:0;width:100%;height:100%}img{max-width:100%}.chatbot{position:absolute;top:30px;right:35px;z-index:999}.right-nav{position:absolute;top:150px;right:0;z-index:99}.right-nav .nav-item{position:relative}@media screen and (min-width: 751px){.right-nav .nav-item.has-base-select{width:345px;right:-300px;display:flex}.right-nav .nav-item:not(.has-base-select){position:absolute;right:0}.right-nav .nav-item.open{margin-right:0}}.right-nav .nav-item__trigger{display:flex;align-items:center;gap:10px;width:45px;padding:20px 13px 20px 17px;background:#1c69d4;color:#fff;font-size:calc((12px) + 4*(100vw - 320px)/1600);font-weight:bold;letter-spacing:.04em;writing-mode:vertical-lr}.right-nav .nav-item__trigger span{display:block;margin-right:-5px;writing-mode:horizontal-tb}.right-nav .nav-item__trigger:hover{transition:.3s background;background:#0653b6}.right-nav .nav-item~.nav-item{margin-top:15px}.right-nav .nav-item__bubble{position:absolute;top:50%;transform:translateY(-50%);left:-10px;display:block;height:max-content;padding:10px 3px;border-radius:8px;font-size:10px;font-weight:bold;color:#1c69d4;background:#fff;writing-mode:vertical-lr}.right-nav .nav-item__bubble::after{content:"";position:absolute;top:50%;left:100%;margin-top:-4px;border-style:solid;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff;border-width:4px 0 4px 6px}.right-nav .nav-item .base-select{width:300px;padding:20px;background-color:#fff}@media screen and (max-width: 750px){.right-nav .nav-item .base-select{display:none}}.right-nav .nav-item .base-select .text{margin-bottom:10px}.right-nav .nav-item .base-select__btn{position:relative;display:grid;place-content:center;padding:20px;color:#fff;background-color:#4d4d4d;font-weight:bold;transition-duration:.3s;font-size:calc((14px) + 2*(100vw - 320px)/1600)}.right-nav .nav-item .base-select__btn::after{content:"";margin:auto;position:absolute;top:0;bottom:0;right:20px;width:10px;height:10px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg)}.right-nav .nav-item .base-select__btn~.base-select__btn{margin-top:5px}.right-nav .nav-item .base-select__btn:hover{opacity:.8}@media screen and (max-width: 750px){.right-nav{padding:0 20px;top:auto;right:auto;bottom:125px;left:50%;transform:translateX(-50%);width:100%;display:flex;justify-content:center;gap:10px;transition:.3s all ease-in}.right-nav .nav-item__trigger{gap:5px;padding:15px;width:auto;writing-mode:horizontal-tb}.right-nav .nav-item~.nav-item{margin-top:0}.right-nav .nav-item__bubble{display:none}.right-nav.open{bottom:190px}}@media screen and (max-width: 376px){.right-nav{bottom:70px}}.menu{position:relative;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:9999;display:none}.menu.ver-smapano{position:static;height:auto}.menu-btn__wrap{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:999;width:1000px}.menu-wrap{position:relative;width:1000px;max-width:100%;padding:50px;background:#fff;overflow-y:auto;overflow-x:hidden}.menu-title{text-align:center;font-size:calc((18px) + 12*(100vw - 320px)/1600);font-weight:bold;color:#000}.menu-title~.menu-title{padding-top:30px;border-top:1px solid #e6e6e6}.menu-title img{vertical-align:middle;margin-right:15px}.menu-description{margin-top:20px;text-align:center;font-size:calc((14px) + 2*(100vw - 320px)/1600);color:#000}.menu.active{display:block}.model-list{margin-top:20px;display:flex;flex-wrap:wrap;height:300px;overflow-y:auto;gap:10px}.model-list li{cursor:pointer;width:calc(20% - 8px);color:#000}.model-list li img{padding:0 10px;width:100%}.model-list li p{font-size:calc((12px) + 4*(100vw - 320px)/1600);font-weight:bold}.model-list li:hover{transition:.3s color;color:#1c69d4}.model-list li:hover p{color:#1c69d4}.smapano-wrap{position:absolute;height:100%;width:100%;top:0;background:rgba(0,0,0,.45);z-index:9999;display:none}.another-link{margin-top:30px;display:flex;flex-wrap:wrap;gap:10px;color:#000}.another-link li{width:calc(25% - 7.5px)}.btn{position:relative;display:flex;align-items:center;justify-content:center;height:45px;padding:10px;background-color:#e6e6e6;background-repeat:no-repeat;background-size:25px;background-position:left 15px center;font-size:calc((14px) + 2*(100vw - 320px)/1600)}.btn:hover{color:#1c69d4;text-decoration:none}.btn-drive{background-image:url(/img/icon_handle.png)}.btn-drive:hover{background-image:url(/img/icon_handle_hover.png)}.btn-estimate{width:100%;background-size:20px;background-image:url(/img/icon_calculator.png)}.btn-estimate:hover{background-image:url(/img/icon_calculator_hover.png)}.btn-catalog{background-image:url(/img/icon_catalog.png)}.btn-catalog span{padding-left:30px}.btn-catalog:hover{background-image:url(/img/icon_catalog_hover.png)}.btn-model{background-image:url(/img/icon_model.png)}.btn-model span{padding-left:25px}.btn-model:hover{background-image:url(/img/icon_model_hover.png)}.has-drop{position:relative}.has-drop .estimate-drop{visibility:hidden;opacity:0;position:absolute;bottom:100%;left:0;transition-duration:.5s;background-color:#fff;padding:10px;border:2px solid #e6e6e6}@media screen and (max-width: 750px){.has-drop .estimate-drop{padding:8px}}.has-drop .estimate-drop.show{visibility:visible;opacity:1}.has-drop .estimate-drop p{font-size:calc((12px) + 2*(100vw - 320px)/1600);padding-bottom:5px;border-bottom:2px solid #e6e6e6;margin-bottom:5px}.has-drop .estimate-drop__btn{position:relative;display:block;padding:10px;word-break:auto-phrase;font-size:calc((14px) + 2*(100vw - 320px)/1600)}.has-drop .estimate-drop__btn:hover{color:#0653b6}.has-drop .estimate-drop__btn:hover::after{border-color:#0653b6}.has-drop .estimate-drop__btn::after{content:"";margin:auto;position:absolute;top:0;bottom:0;right:10px;width:10px;height:10px;border-top:2px solid #000;border-right:2px solid #000;transform:rotate(45deg)}@media screen and (max-width: 750px){.has-drop .estimate-drop__btn::after{right:0}}@media screen and (max-width: 750px){.menu-btn__wrap{width:calc(100% - 40px);top:45%}.menu-wrap{height:100%;padding:20px}.menu-title img{margin-right:5px}.menu-description{margin-top:10px}.model-list{height:200px}.model-list li{width:calc(50% - 5px)}.another-link li{width:calc(50% - 5px)}.btn{background-size:20px;background-position:left 10px center}}@media screen and (max-width: 376px){.menu-btn__wrap{top:50%}.model-list{height:115px}.menu-title~.menu-title{padding-top:15px}.another-link{margin-top:15px}}.menu-btn{position:absolute;top:20px;left:20px;width:65px;height:65px;border-radius:50%;background:#1c69d4;cursor:pointer;z-index:999}.menu-btn span{display:inline-block;transition:all .4s;position:absolute;left:18px;height:4px;background:#fff;width:30px}.menu-btn span:nth-of-type(1){top:14px}.menu-btn span:nth-of-type(2){top:24px}.menu-btn span:nth-of-type(3){top:34px}.menu-btn i{position:absolute;top:41px;left:14px;color:#fff;font-size:14px;font-family:"BMW-bold";font-style:normal}.menu-btn:hover{transition:.3s background;background:#0653b6}.iframe-wrap{position:relative;max-width:800px;height:600px;top:50%;left:50%;transform:translate(-50%, -50%);z-index:999}.iframe-wrap>img{height:inherit;position:absolute;left:50%;transform:translateX(-50%);object-fit:contain}.modal-close,.modal-close__menu{position:absolute;top:-15px;right:-40px;font-size:50px;color:#fff;line-height:1;z-index:9999;cursor:pointer}@media screen and (max-width: 750px){.modal-close,.modal-close__menu{top:auto;bottom:-40px;right:0}.iframe-wrap{top:45%;max-width:calc(100% - 40px);height:60vh}.iframe-wrap.specsheet{height:auto;display:flex;align-items:flex-end;flex-direction:column;justify-content:center}.iframe-wrap.specsheet .modal-close{position:static}.iframe-wrap>img{position:static;left:initial;transform:none;height:auto}}#open2,#open3{display:none}.bg-black,.howto-cookie{position:relative;background:rgba(0,0,0,.5);display:none;width:100%;height:100%;z-index:999}.reel{position:absolute;bottom:0;left:0;width:100%;z-index:998}.reel-btn{position:absolute;left:10px;bottom:25px;display:flex;align-items:center;gap:5px;padding:5px 15px;border-radius:25px;font-size:14px;color:#fff;background:rgba(0,0,0,.6);transition:.3s all ease-in;cursor:pointer}.reel-btn img{transition:.5s transform}.reel-btn.open{bottom:135px}.reel-btn.open img{transform:rotate(180deg)}.reel-contents{position:absolute;left:0;bottom:0;width:100%;padding:20px 15px;display:flex;gap:15px;background:rgba(0,0,0,.25);z-index:9999;max-height:125px}.reel-contents .swiper-slide{position:relative;flex:none}.reel-contents .swiper-slide p{position:absolute;bottom:2px;width:100%;text-align:center;font-size:12px;color:#fff;text-shadow:1px 1px #000}.reel-contents button{position:relative;z-index:999999999}.swiper-button-prev{left:15px}.swiper-button-next{right:15px}.swiper-button-prev::before,.swiper-button-next::before,.swiper-button-prev::after,.swiper-button-next::after{content:"";position:absolute;top:0;bottom:0;margin:auto}.swiper-button-next::before,.swiper-button-prev::before{width:45px;height:45px;border-radius:50%;background:#1c69d4}.swiper-button-prev::after,.swiper-button-next::after{width:15px;height:15px;border-top:3px solid #fff;border-right:3px solid #fff}.swiper-button-prev::after{left:8px;transform:rotate(-135deg)}.swiper-button-next::after{left:4px;transform:rotate(45deg)}@media screen and (max-width: 750px){.reel{bottom:30px}.reel-btn{bottom:40px;left:50%;transform:translateX(-50%);width:max-content}.reel-btn.open{bottom:120px}}@media screen and (max-width: 376px){.reel-btn{bottom:0}}.tab-ear{display:flex}.tab-ear__item{display:grid;place-content:center;width:200px;height:50px;background:#3b3b3b}.tab-ear__item.active{background:#1c69d4}.tab-panel:not(.active){display:none}#tab{max-width:800px;height:650px;overflow:auto}#tab .tab-list{position:fixed;top:-1px;width:100%;height:55px;display:flex;border-bottom:1px solid #fff}#tab .tab-list__item{display:flex;align-items:center;justify-content:center;gap:10px;width:33.3333333333%;height:55px;border-bottom:4px solid #fff;background:#fff;font-weight:bold;font-size:calc((12px) + 4*(100vw - 320px)/1600);cursor:pointer}#tab .tab-list__item.active{background:#f2f2f2;border-color:#1c69d4}#tab .tab-panel{padding-top:55px}#tab .tab-panel .main-img img{width:100%;height:240px;object-fit:cover}#tab .main-text{background:#fff;padding:30px}#tab .car-title{font-size:calc((20px) + 10*(100vw - 320px)/1600);font-weight:bold}#tab .car-title span{font-family:"BMW-bold"}#tab .model-price{margin-top:10px;font-weight:bold}#tab .description{margin-top:15px;font-size:calc((14px) + 2*(100vw - 320px)/1600)}#tab .description.small{font-size:calc((12px) + 2*(100vw - 320px)/1600)}#tab .description li{margin-left:1em;text-indent:-1em;line-height:1.25}#tab .viewmore{margin-top:20px;display:grid;place-content:center;width:240px;max-width:100%;padding:15px;color:#fff;background:#4d4d4d}#tab .viewmore:hover{transition:.3s background;background:#262626}#tab .link-area{margin-top:20px;display:flex;flex-wrap:wrap;gap:15px}#tab .link-area a,#tab .link-area button{font-size:14px;font-weight:bold}#tab .link-area a:hover,#tab .link-area button:hover{transition:.3s;color:#0653b6}#tab .payment-title{display:flex;align-items:baseline;gap:25px}#tab .payment-title .name{font-family:"BMW-bold";font-size:calc((20px) + 10*(100vw - 320px)/1600)}#tab .payment-title .price{font-size:calc((18px) + 6*(100vw - 320px)/1600);font-weight:bold}#tab .payment-example{display:flex;margin-top:15px;font-size:calc((12px) + 4*(100vw - 320px)/1600)}#tab .payment-example .rate,#tab .payment-example .example,#tab .payment-example .earnest{padding:10px 15px;display:flex;align-items:center}#tab .payment-example .rate strong,#tab .payment-example .example strong,#tab .payment-example .earnest strong{font-size:1.25em;margin-left:15px}#tab .payment-example .rate{background:#666;color:#fff}#tab .payment-example .example{background:#d6d6d6;font-weight:bold}#tab .payment-example .earnest{background:#1c69d4;color:#fff}#tab .drive-movie{width:100%;height:280px;background:#000}#tab .drive-movie iframe{display:block;margin:0 auto;height:100%}#tab .drive-menu{display:flex}#tab .drive-menu__box{width:50%}#tab .drive-menu__box:first-of-type{padding-right:30px;border-right:1px solid #e6e6e6}#tab .drive-menu__box:nth-of-type(2){padding-left:30px}#tab .drive-menu__box .title{font-size:calc((20px) + 4*(100vw - 320px)/1600);font-weight:bold}@media screen and (max-width: 750px){#tab{height:60vh;overflow:auto}#tab .tab-list{display:flex;border-bottom:1px solid #fff}#tab .tab-list__item{padding:0 10px}#tab .tab-list__item img{width:20px}#tab .tab-panel .main-img img{height:auto;object-fit:contain}#tab .viewmore{width:100%}#tab .payment-title{flex-direction:column;gap:10px}#tab .payment-example{flex-direction:column}#tab .payment-example .example{width:auto}#tab .drive-movie{aspect-ratio:16/9;width:100%;height:auto}#tab .drive-movie iframe{width:100%}#tab .drive-menu{flex-direction:column}#tab .drive-menu__box{width:100%}#tab .drive-menu__box:first-of-type{padding-right:0;border:none}#tab .drive-menu__box:nth-of-type(2){margin-top:30px;padding-left:0}}.tab-panel:not(.active){display:none}.bmw-font{font-family:"BMW-bold"}.howto{position:absolute;width:1000px;top:50%;left:50%;transform:translate(-50%, -50%);z-index:999}.howto-wrap{padding:50px 40px;max-width:100%;background:#fff}.howto-text{font-size:calc((20px) + 10*(100vw - 320px)/1600)}.howto-list{margin-top:25px;display:flex;flex-wrap:wrap;gap:10px}.howto-list__item{width:calc(33.3333333333% - 6.6666666667px)}.howto-list__title{margin:25px 0 20px;font-size:24px}.howto-list p{padding:0 10px}@media screen and (max-width: 750px){.howto{top:45%;width:calc(100% - 40px)}.howto-wrap{padding:40px 20px;overflow-y:auto;height:60vh}.howto-list__item{width:100%}.howto-list__item img{width:100%}}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:0}iframe.ul-widget-main-window.ul-widget-hide{position:absolute !important;top:30px}@media screen and (max-width: 750px){iframe.ul-widget-main-window.ul-widget-hide{top:20px;right:20px !important}}.alert-text{display:none;position:absolute;right:12vw;bottom:28px;color:#000;font-weight:bold;transition:.3s all ease-in;font-size:calc((12px) + 2*(100vw - 320px)/1600);width:max-content}.alert-text.open{bottom:135px}@media screen and (max-width: 750px){.alert-text{position:absolute;left:50%;transform:translateX(-50%);right:auto;bottom:75px;font-size:calc((12px) + 2*(100vw - 320px)/1600)}.alert-text.open{bottom:142px}}@media screen and (max-width: 376px){.alert-text{bottom:35px}}.estimate-modal{display:none;position:absolute;top:-1px;left:0;width:100%;height:100%;z-index:99999}.estimate-modal[data-estimate=sp-menu] .modal-content{width:90%;margin:0 auto}.estimate-modal .bg{display:grid;place-content:center;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.estimate-modal .modal-content{background-color:#fff;padding:20px}@media screen and (max-width: 750px){.estimate-modal .modal-content{width:85%;margin:0 auto}}.estimate-modal .modal-content h2{margin-bottom:20px;font-size:calc((18px) + 6*(100vw - 320px)/1600);text-align:center}.estimate-modal .modal-content .text{position:relative;padding-bottom:20px;font-size:calc((14px) + 2*(100vw - 320px)/1600)}.estimate-modal .modal-content .text::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:block;height:2px;width:50%;background-color:#e6e6e6}.estimate-modal .modal-content__btn{margin-inline:auto;width:250px;max-width:100%;margin-top:20px;position:relative;display:grid;place-content:center;padding:20px;color:#fff;background-color:#4d4d4d;font-weight:bold;transition-duration:.3s;font-size:calc((14px) + 2*(100vw - 320px)/1600)}.estimate-modal .modal-content__btn::after{content:"";margin:auto;position:absolute;top:0;bottom:0;right:20px;width:10px;height:10px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg)}.estimate-modal .modal-content__btn~.modal-content__btn{margin-top:5px}.estimate-modal .modal-content__btn:hover{opacity:.8;color:#fff !important}