@font-face{font-family:"BMW-Light";src:url("../fonts/bmwtypewebli_all.eot");src:url("../fonts/bmwtypewebli_all.eot?#iefix") format("embedded-opentype"),url("../fonts/bmwtypewebli_all.woff") format("woff"),url("../fonts/bmwtypewebli_all.ttf") format("truetype"),url("../fonts/bmwtypewebli_all.svg#bmwtypewebli_all") format("svg")}@font-face{font-family:"BMW-Bold";src:url("../fonts/bmwtypewebbo_all.eot");src:url("../fonts/bmwtypewebbo_all.eot?#iefix") format("embedded-opentype"),url("../fonts/bmwtypewebbo_all.woff") format("woff"),url("../fonts/bmwtypewebbo_all.ttf") format("truetype"),url("../fonts/bmwtypewebbo_all.svg#bmwtypewebbo_all") format("svg")}@font-face{font-family:"Noto Sans JP";font-style:normal;font-weight:400;src:local("Noto Sans CJK JP Regular"),url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format("woff"),url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format("opentype")}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.js-casper>span{display:inline-block;position:relative;opacity:0}.js-casper[data-effect="slideup"]{overflow:hidden}.js-casper[data-effect="slideup"]>span{-webkit-transform:translate(0, 100%);-ms-transform:translate(0, 100%);transform:translate(0, 100%)}.js-casper[data-effect="expand"]>span{position:absolute;overflow:hidden;width:0;white-space:nowrap}.modal-container{display:none;position:fixed;top:0;left:0;z-index:10000;opacity:0;width:100%;height:100%;text-align:center}.modal-container .modal-content{position:absolute;top:50%;left:50%;z-index:1;vertical-align:middle;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.modal-container .modal-content .subheads{margin:0 0 16px;font-weight:normal;font-size:18px}.modal-container .modal-close{position:absolute;top:-56px;right:0;z-index:10001;width:48px;height:48px;margin:0;cursor:pointer}.modal-container .modal-close:before,.modal-container .modal-close:after{content:"";display:block;position:absolute;top:24px;left:12px;width:24px;height:1px;background:#fff}.modal-container .modal-close:before,.modal-container .modal-close:after{left:8px;width:32px}.modal-container .modal-close:before{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg)}.modal-container .modal-close:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.modal-container .modal-close:hover:before,.modal-container .modal-close:hover:after{left:8px;width:32px}.modal-container .modal-close:hover:before{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg)}.modal-container .modal-close:hover:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.modal-container .modal-mask{position:fixed;top:0;left:0;z-index:0;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background:rgba(38,38,38,0.96)}.slick-slider{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.slick-track{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir="rtl"] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}html{font-size:62.5%}body{margin:0;color:#262626;font-family:"BMW-Light","Noto Sans JP","Helvetica Neue",Helvetica,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;font-size:1.2rem;letter-spacing:.000em;line-height:2.1rem;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;-webkit-font-feature-settings:"palt";font-feature-settings:"palt";-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0)}h1,h2,h3,h4,h5,h6{margin:0;font-weight:normal}p{margin:0}ul{list-style:none;margin:0;padding:0}a{color:#262626;text-decoration:none}img{max-width:100%;height:auto}small{display:inline-block;margin:0 -2px 0 0;font-size:100%;-webkit-transform:scale(0.6) translate(2px, 0);-ms-transform:scale(0.6) translate(2px, 0);transform:scale(0.6) translate(2px, 0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}::selection{background-color:#1c69d4;color:#fff}.mobile-upper-only{display:none}.container{position:relative;height:100%}.box{position:absolute;top:50%;left:50%;z-index:10;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.app{overflow:hidden}.mainvisual,.autonomous,.connected,.electric,.services-shared,.page-index .introduction{position:relative;margin:0;background-color:#262626}.mainvisual::after,.autonomous::after,.connected::after,.electric::after,.services-shared::after,.page-index .introduction::after{content:"";display:block;position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background-position:center;-webkit-transition:all .4s;transition:all .4s}.autonomous .headline,.page-autonomous .mainvisual .headline{background:url(../images/index/autonomous_mark.png) no-repeat center;background-size:contain}.connected .headline,.page-connected .mainvisual .headline{background:url(../images/index/connected_mark.png) no-repeat center;background-size:contain}.electric .headline,.page-electric .mainvisual .headline{background:url(../images/index/electric_mark.png) no-repeat center;background-size:contain}.services-shared .headline,.page-services-shared .mainvisual .headline{background:url(../images/index/services-shared_mark.png) no-repeat center;background-size:contain}.button{position:relative;width:180px;height:45px;text-align:center}.button a{display:block;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none;line-height:45px;-webkit-transition:all .4s;transition:all .4s}.button a{border:1px solid #fff;color:#fff}.button a:hover{border-color:transparent !important;color:#fff !important;background:#1c69d4}.button span{width:100%}.button a{width:100%}.button a::after{content:'';display:block;position:absolute;top:50%;width:6px;height:6px;border-top:1px solid #fff;border-right:1px solid #fff;-webkit-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);right:13px}.mark-reference{display:inline-block;text-indent:-0.7em;padding-left:1em}.mark-asterisk{display:inline-block;text-indent:-2em;padding-left:2em}.annotation{font-size:1.0rem}.topics .lists{display:-ms-grid;display:grid;-ms-grid-columns:44.5vw 1fr;grid-template-columns:44.5vw 1fr;width:100%}.topic{position:relative;margin:0 0 33px}.topic .thumbnail{width:100%;height:24vw;margin:0 0 10px;background:#f7f7f7}.topic .date{margin:0 0 10px;color:#666;font-size:1.0rem;line-height:1}.topic .description{margin:0 0 30px;font-size:1.2rem;line-height:1.6rem}.topic .tag{position:absolute;bottom:0;color:#999;font-size:1.0rem;line-height:1}.topic:nth-child(odd){padding:0 2.5vw 0 0}.topic:nth-child(even){padding:0 0 0 2.5vw}.topic:last-child{border:none}.topic.is-brandnew .thumbnail{position:relative}.topic.is-brandnew .thumbnail::before{content:"NEW";display:block;position:absolute;top:0;left:0;width:35px;height:18px;background:#1c69d4;color:#fff;font-family:"BMW-Bold";font-size:1.0rem;line-height:18px;text-align:center;-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left}[class^="card-"]{margin:0 0 40px}[class^="card-"] img{max-width:none}[class^="card-"] .image{margin:0 0 17px}[class^="card-"] .image img{position:absolute}[class^="card-"] .texts .headline{margin:0 0 16px;font-size:2.1rem;line-height:3.0rem}[class^="card-"] .texts .subheads{margin:0 0 11px;font-weight:bold;font-size:1.3rem;line-height:2.2rem}[class^="card-"] .texts .bodycopy{font-size:1.2rem}[class^="card-"] .texts .bodycopy span span{display:block;margin:0 0 15px}[class^="card-"] .texts .bodycopy span span:last-child{margin-bottom:0}[class^="card-"]:last-child{margin-bottom:0}.cpbanner{width:89.33vw;margin:0 auto 115px;line-height:1}.lists [class^="item-"] a::before{content:"";display:inline-block;width:30px;height:25px;background-repeat:no-repeat;background-position:center;background-size:contain;vertical-align:middle}.item-catalogue a::before{background-image:url(../images/common/icn_catalogue.png)}.item-estimate a::before{background-image:url(../images/common/icn_estimate.png)}.item-testdrive a::before{background-image:url(../images/common/icn_testdrive.png)}.item-search a::before{background-image:url(../images/common/icn_search.png)}.footer{position:relative;padding:0 0 20px;background:#f7f7f7}.footer .copyright{font-size:1.0rem;text-align:center;line-height:1}.footer .scrolltop{overflow:hidden;text-indent:100%;white-space:nowrap;position:absolute;top:-30px;right:0;z-index:1;width:50px;height:30px;background:#666;cursor:pointer}.footer .scrolltop::after{content:'';display:block;position:absolute;top:50%;width:11px;height:11px;border-top:1px solid #fff;border-right:1px solid #fff;-webkit-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right;left:50%;-webkit-transform:rotate(-45deg) translate(-25%, -100%);-ms-transform:rotate(-45deg) translate(-25%, -100%);transform:rotate(-45deg) translate(-25%, -100%)}.links .lists,.footer .lists{height:70px;padding:10px 0;-webkit-box-sizing:border-box;box-sizing:border-box;background:#f7f7f7;color:#666;font-size:1.0rem}.links .lists:after,.footer .lists:after{content:"";display:block;clear:both}.links .lists li,.footer .lists li{position:relative;float:left;width:25%;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}.links .lists li a::before,.footer .lists li a::before{content:"";display:block;width:25px;height:20px;margin:0 auto;background-repeat:no-repeat;background-position:center;background-size:contain;vertical-align:middle}.links .share,.footer .share{margin:4px 70px 30px 5.33vw;text-align:left}.links .share li,.footer .share li{display:inline-block;margin:0 20px 0 0}.links .share li img,.footer .share li img{vertical-align:middle;line-height:20px}.links .share li.share-facebook,.footer .share li.share-facebook{width:11px}.links .share li.share-twitter,.footer .share li.share-twitter{width:20px}.links .share li.share-youtube,.footer .share li.share-youtube{width:22px}.links .share li.share-instagram,.footer .share li.share-instagram{width:19px}.links .share li.share-line,.footer .share li.share-line{width:19px}.share-facebook{width:11px}.share-twitter{width:20px}.share-youtube{width:22px}.share-instagram{width:19px}.share-line{width:19px}.footer .menu{margin:0 0 20px;padding:0 5.33vw;font-size:1.0rem}.footer .menu li{display:inline;margin:0 2.66vw 0 0;padding:0 2.66vw 0 0;border-right:1px solid #666;line-height:1;white-space:nowrap}.footer .menu li:last-of-type{padding:0;border:none}.header{position:fixed;top:0;left:0;z-index:1000;width:100%;height:50px;background:#fff}.header .logo,.header .title,.header .menu-button{position:absolute}.header .logo{top:10px;right:9.06vw;z-index:100;width:74px;height:82px}.header .title{top:15px;left:59px;width:152px;height:24px}.header .menu-button{top:17px;left:17px;width:25px;height:19px;background:url(../images/common/menu_button--close.jpg) no-repeat center;background-size:contain}.header .menu{visibility:hidden;position:fixed;top:50px;left:0;z-index:999;opacity:0;overflow:scroll;width:100%;height:calc(100vh - 50px);background:#fff;-webkit-transition:all .4s;transition:all .4s}.header .menu .lists{display:-ms-grid;display:grid;-ms-grid-rows:calc(50vw + 1px) 1fr;grid-template-rows:calc(50vw + 1px) 1fr;-ms-grid-columns:50vw 1fr;grid-template-columns:50vw 1fr}.header .menu .lists li{-webkit-box-sizing:border-box;box-sizing:border-box}.header .menu .lists li:nth-child(odd){border-right:1px solid #f2f2f2}.header .menu .lists li:nth-child(-n+2){z-index:1;border-bottom:1px solid #f2f2f2}.header .menu .lists li:nth-child(n+3){z-index:0}.header .menu .text-lists:after{content:"";display:block;clear:both}.header .menu .text-lists .menu-campaign,.header .menu .text-lists .menu-topics{height:13.33vw;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;text-align:center}.header .menu .text-lists .menu-campaign a,.header .menu .text-lists .menu-topics a{display:block;line-height:13.33vw}.header .menu .text-lists .menu-campaign img,.header .menu .text-lists .menu-topics img{width:20vw;height:4.93vw;vertical-align:middle}.header .menu .text-lists .menu-campaign{border-right:1px solid #f2f2f2}.header .menu .text-lists .menu-campaign img{width:30.26vw}.header .menu .share{margin:8.09vh 0 0;padding:0 0 8.09vh;text-align:center;vertical-align:middle}.header .menu .share li{display:inline-block;margin:0 25px 0 0;vertical-align:middle}.header .menu .share li:last-child{margin-right:0}.header .menu .share .share-facebook{width:12px}.header .menu .share .share-twitter{width:24px}.menu-autonomous{background:url("../images/common/menu_autonomous--active.png") no-repeat;background-size:contain}.menu-connected{background:url("../images/common/menu_connected--active.png") no-repeat;background-size:contain}.menu-electric{background:url("../images/common/menu_electric--active.png") no-repeat;background-size:contain}.menu-servicesshared{background:url("../images/common/menu_services-shared--active.png") no-repeat;background-size:contain}.menu-topics{position:relative;background:url("../images/common/menu_topics--active.png") no-repeat;background-position:50% 56%;background-size:20vw 4.93vw}.menu-topics::before{content:"";display:block;position:absolute;top:50%;left:30vw;z-index:1;width:30px;height:15px;background:url(../images/common/icn_new.png) no-repeat;background-size:contain;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}.header.is-active .logo img,.header.is-active .menu-button img{opacity:0}.header.is-active .menu{visibility:visible;opacity:1}[class^="menu-"] .is-active img{opacity:0}.lineup{margin:0 5.33vw;padding:50px 0;line-height:1}.lineup .lists-wrapper{position:relative}.lineup .slick-prev,.lineup .slick-next{overflow:hidden;text-indent:100%;white-space:nowrap;position:absolute;top:50%;z-index:1;width:12px;height:40px;border:none;color:transparent;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);-webkit-transition:all .4s;transition:all .4s;outline:none}.lineup .slick-prev.slick-disabled,.lineup .slick-next.slick-disabled{opacity:0}.lineup .slick-prev{left:-12px;background:url(../images/common/icn_arrow-prev.png) no-repeat;background-size:contain}.lineup .slick-next{right:-12px;background:url(../images/common/icn_arrow-next.png) no-repeat;background-size:contain}.lineup .headline{display:inline-block;margin:0 0 19px;padding:0 10px 0 0;background:#fff;font-size:1.6rem}.lineup .lists{width:100vw !important;padding:0 5.33vw;-webkit-box-sizing:border-box;box-sizing:border-box}.lineup .lists:after{content:"";display:block;clear:both}.lineup .lists>div{float:left;width:44vw;margin:0 0 28px;text-align:center}.lineup .lists>div span{display:block;margin:0 auto}.lineup .lists>div span img{-webkit-backface-visibility:hidden;backface-visibility:hidden}.lineup .lists>div span:nth-child(1){height:21.33vw;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}.lineup .lists>div:nth-child(3),.lineup .lists>div:nth-child(4){margin-bottom:0}.lineup div{text-align:center}.lineup div img{max-width:100%}.button-cta{position:relative;width:100%;height:12vw;text-align:center;width:auto;margin:30px 5.33vw 0}.button-cta a{display:block;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none;line-height:12vw;-webkit-transition:all .4s;transition:all .4s}.button-cta a{background:#1c69d4;color:#000}.button-cta a{color:#fff}.button-cta a::before{content:"";display:inline-block;width:6.66vw;height:6.66vw;margin:0 2.73vw 0 0;background:url(../images/common/icn_testdrive-cta.png) no-repeat;background-size:contain;vertical-align:middle}.button-cta a::after{content:'';display:block;position:absolute;top:50%;width:6px;height:6px;border-top:1px solid #fff;border-right:1px solid #fff;-webkit-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);right:3.6vw}.lineup-5series a span:first-child{width:41.46vw}.lineup-6series a span:first-child{width:36vw}.lineup-7series a span:first-child{width:37.46vw}.lineup-x3 a span:first-child{width:34.26vw}.lineup-i3 a span:first-child{width:33.33vw}.lineup-i8 a span:first-child{width:37.33vw}.lineup-i8-roadster a span:first-child{width:34.66vw}.lineup-330e a span:first-child{width:37.33vw}.lineup-530e a span:first-child{width:42.80vw}.lineup-740e a span:first-child{width:35.46vw}.lineup-x5 a span:first-child{width:31.73vw}.lineup-225xe a span:first-child{width:36.53vw}.links{position:fixed;bottom:-80px;left:0;z-index:999;opacity:0;width:100%;-webkit-transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1);transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1)}.links .lists:after{content:"";display:block;clear:both}.links .lists li{float:left}.links .share{display:none}.links.is-active{opacity:1;-webkit-transform:translate(0, -100%);-ms-transform:translate(0, -100%);transform:translate(0, -100%)}.topics{padding:0 5.33vw}.topics .headline{margin:0 0 5px;font-size:2.7rem;line-height:1}.topics .subheads{margin:0 0 20px;font-size:1.1rem;line-height:1}.page-index .js-casper>span{height:100%}.page-index .introduction,.page-index .autonomous,.page-index .connected,.page-index .electric,.page-index .services-shared{padding-top:25px;-webkit-box-sizing:border-box;box-sizing:border-box}.page-index .introduction .box,.page-index .autonomous .box,.page-index .connected .box,.page-index .electric .box,.page-index .services-shared .box{position:absolute;top:50%;left:50%;z-index:1;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.page-index .introduction .headline,.page-index .autonomous .headline,.page-index .connected .headline,.page-index .electric .headline,.page-index .services-shared .headline{position:relative;margin:0 auto}.page-index .introduction .headline img,.page-index .autonomous .headline img,.page-index .connected .headline img,.page-index .electric .headline img,.page-index .services-shared .headline img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.page-index .introduction .subheads,.page-index .autonomous .subheads,.page-index .connected .subheads,.page-index .electric .subheads,.page-index .services-shared .subheads{margin:0 auto;padding:16% 0}.page-index .introduction .button,.page-index .autonomous .button,.page-index .connected .button,.page-index .electric .button,.page-index .services-shared .button{margin:0 auto}.page-index .introduction.is-active::after,.page-index .autonomous.is-active::after,.page-index .connected.is-active::after,.page-index .electric.is-active::after,.page-index .services-shared.is-active::after{opacity:.2}.page-index .mainvisual .texts{position:absolute;top:22.69vh;left:4.39vh;z-index:1}.page-index .mainvisual .headline{width:42.24vh;height:10.39vh;margin:0 0 3.51vh}.page-index .mainvisual .subheads{width:29.20vh;height:1.97vh}.page-index .mainvisual .annotation,.page-index .mainvisual .attention{position:absolute;z-index:1}.page-index .mainvisual .annotation{bottom:9.07vh;right:2.92vh;color:#fff;font-size:1.0rem;line-height:1.8rem;-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8);-webkit-transform-origin:center right;-ms-transform-origin:center right;transform-origin:center right}.page-index .mainvisual .attention{left:50%;bottom:0;color:#fff;font-weight:bold;font-size:1.0rem;line-height:1;letter-spacing:.040em;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0)}.page-index .mainvisual .attention span::after{content:"";display:block;width:1px;height:4.39vh;margin:0.66vw auto 0;background:#fff}.page-index .mainvisual::after{background:url(../images/index/background-1.jpg) no-repeat center;background-size:cover}@media screen and (orientation: landscape){.page-index .mainvisual::after{background:url(../images/mobile-upper/index/background-1.jpg) no-repeat center;background-size:cover}}.page-index .introduction .bodycopy{width:40.04vh;height:48.46vh;padding:0 0 20%}.page-index .introduction .button-playmovie{width:18.66vh;height:4.46vh}.page-index .introduction::after{background:url(../images/index/background-2.jpg) no-repeat center;background-size:cover}.page-index .autonomous .headline{width:33.38vh;height:28.77vh}.page-index .autonomous .subheads{width:39.23vh;height:8.05vh}.page-index .autonomous::after{background:url(../images/index/background-3.jpg) no-repeat center;background-size:cover}.page-index .connected .headline{width:28.77vh;height:30.08vh}.page-index .connected .subheads{width:49.92vh;height:8.12vh}.page-index .connected::after{background:url(../images/index/background-4.jpg) no-repeat center;background-size:cover}.page-index .electric .headline{width:20.86vh;height:28.77vh}.page-index .electric .subheads{width:43.77vh;height:8.05vh}.page-index .electric::after{background:url(../images/index/background-5.jpg) no-repeat center;background-size:cover}.page-index .services-shared .headline{width:44.58vh;height:30.08vh}.page-index .services-shared .subheads{width:32.06vh;height:7.90vh}.page-index .services-shared::after{background:url(../images/index/background-6.jpg) no-repeat center;background-size:cover}.page-index .topics{margin:0 0 50px;padding-top:100px;background-color:#fff}.page-index .topics .button{position:relative;margin:19px auto 0}.page-index .topics .button a{border-color:#262626;color:#262626}.page-index .topics .button a::after{border-color:#262626}.page-index .topics .button a:hover::after{border-color:#fff}.page-index .fullpage-navigation{position:fixed;top:50%;right:15px;z-index:100;margin:0 0 13px;text-align:right;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}.page-index .fullpage-navigation li::before{content:attr(data-text);display:none}.page-index .fullpage-navigation li::after{content:"";display:inline-block;width:6px;height:6px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #fff;border-radius:50%;-webkit-transition:all .4s;transition:all .4s}.page-index .fullpage-navigation li.is-active::after{background:#fff}.page-index .fullpage-navigation.is-black{display:none}.page-aces{padding:50px 0 0}.page-aces .button a{border-color:#262626;color:#262626}.page-aces .button a::after{border-color:#262626}.page-aces .button a:hover::after{border-color:#fff}.page-aces .mainvisual{width:100%;height:52.47vh;color:#fff}.page-aces .mainvisual .headline{position:relative;margin:0 auto 7.19vh}.page-aces .mainvisual .subheads{margin:0 auto}.page-aces .mainvisual .headline{background-position:center}.page-aces .mainvisual .headline img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.page-aces .mainvisual::after{opacity:.5;height:100%}.page-aces .introduction{margin:0 0 14.66vw;padding:8vw 5.33vw;background:#f7f7f7}.page-aces .introduction .headline{margin:0 0 15px;font-size:2.1rem;line-height:2.8rem}.page-aces .introduction .bodycopy{font-size:1.3rem}.page-aces .jumbotron{margin:0 0 50px}.page-aces .jumbotron .visual{margin:0 0 30px}.page-aces .jumbotron .headline{margin:0 5.33vw 30px;color:#999;font-size:2.5rem;line-height:1.428}.page-aces .jumbotron .subheads{margin:0 5.33vw 25px;font-size:2.1rem;line-height:3.0rem}.page-aces .jumbotron .bodycopy{margin:0 5.33vw;font-size:1.2rem}.page-aces .main>div:nth-of-type(2){padding-top:0}.page-aces .cards{padding:50px 5.33vw 50px}.page-aces .cards>.headline{margin:0 0 30px;color:#999;font-size:2.5rem;line-height:1.428}.page-aces .cards .texts .annotation span{margin-bottom:0}.page-aces .cards .annotation{margin:50px 0 0;font-size:1.0rem;line-height:1.3rem}.page-aces .cards hr{height:1px;margin:50px 0;border:none;background-color:#e2e2e2}.page-aces .cards .button{margin-top:10px}.page-aces .cards:nth-child(odd){background-color:#f7f7f7}.page-aces .cards .container>.headline{margin:0 0 20px;color:#999;font-size:2.5rem;line-height:3.5rem}.page-aces .cards .container>.subheads{margin:0 0 20px;font-size:2.1rem;line-height:3.0rem}.page-aces .cards .container>.subheads:nth-of-type(2){margin:0 0 40px;font-size:2.0rem;line-height:2.8rem}.page-aces .cards .container>.bodycopy{margin:0 0 50px}.page-aces .cards>.button{width:100%;margin:-10px auto}.page-aces .banners{padding:50px 5.33vw 0}.page-aces .banners li{position:relative;overflow:hidden;height:30.66vw;margin:0 0 20px}.page-aces .banners li a{display:block;height:100%;padding:0 0 0 50px;color:#fff;font-size:1.8rem}.page-aces .banners li a .texts{position:absolute;top:50%;left:6.93vw;z-index:100;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);-webkit-transition:all .4s;transition:all .4s}.page-aces .banners li a .texts .headline{font-size:1.8rem;line-height:1}.page-aces .banners li a .texts .subheads{margin:10px 0 0;font-size:1.1rem;line-height:1}.page-aces .banners li a img{position:absolute;top:0;left:0;z-index:0;-webkit-transition:all 1s cubic-bezier(0.23, 1, 0.32, 1);transition:all 1s cubic-bezier(0.23, 1, 0.32, 1)}.page-aces .banners li a::before{content:"";display:block;position:absolute;top:0;left:0;z-index:10;opacity:.5;width:100%;height:100%;background:#262626;-webkit-transition:all .4s;transition:all .4s}.page-aces .banners li a::after{content:'';display:block;position:absolute;top:50%;width:11px;height:11px;border-top:1px solid #fff;border-right:1px solid #fff;-webkit-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);right:4vw;z-index:100}.page-aces .banners li:last-of-type{margin-bottom:0}.page-aces .technology-movie{margin:50px 0 0;padding:50px 5.33vw 58px;background:#000;color:#fff}.page-aces .technology-movie .headline{margin:0 0 15px;font-size:2.5rem}.page-aces .technology-movie .subheads{margin:0 0 10px;font-size:1.5rem}.page-aces .technology-movie .thumbnail{overflow:hidden;margin:0 auto}.page-aces .technology-movie .thumbnail a{display:block;position:relative;height:100%;line-height:0}.page-aces .technology-movie .thumbnail a::before,.page-aces .technology-movie .thumbnail a::after{content:"";display:block;position:absolute;-webkit-transition:all .4s;transition:all .4s}.page-aces .technology-movie .thumbnail a::before{top:50%;left:50%;z-index:100;width:12vw;height:12vw;background:url(../images/common/icn_play.png) no-repeat;background-size:contain;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.page-aces .technology-movie .thumbnail a::after{top:0;left:0;z-index:10;opacity:.5;width:100%;height:100%;background:#262626}.page-aces .technology-movie .thumbnail a img{position:relative;z-index:0;width:100%;-webkit-transition:all 1s cubic-bezier(0.23, 1, 0.32, 1);transition:all 1s cubic-bezier(0.23, 1, 0.32, 1)}.page-aces .topics{padding-top:50px;padding-bottom:50px;border-top:1px solid #e2e2e2}.page-aces .topics .headline{margin:0 0 15px;font-size:2.0rem}.page-aces .banner-testdrive{margin:20px auto 10px;-webkit-transition:all .4s;transition:all .4s}.page-aces .banner-testdrive:hover{opacity:.5}.page-aces .cpbanner{margin-top:50px;margin-bottom:50px}.page-autonomous .mainvisual::after{background:url(../images/autonomous/mainvisual.jpg) no-repeat;background-size:cover}.page-autonomous .mainvisual .headline{width:25.63vh;height:22.03vh}.page-autonomous .mainvisual .subheads{width:43.55vh;height:9.59vh}.page-autonomous .jumbotron .visual img{max-width:100%}.page-autonomous .lineup .lists{width:auto !important;padding:0}.page-autonomous .banners li{margin:0 0 40px}.page-autonomous .banners li a .texts .subheads{margin:0 0 5px;font-size:1.3rem}.page-autonomous .banners li a .texts .headline{margin:0;font-size:1.8rem}.page-5levels .mainvisual::after{background:url(../images/autonomous/5levels/mainvisual.jpg) no-repeat;background-size:cover}.page-5levels .introduction{margin-bottom:0}.page-5levels .cards{vertical-align:bottom}.page-5levels .cards .headline{display:inline;margin:0 5px 0 0;color:#e3e2e3;font-size:4.0rem}.page-5levels .cards .subheads{display:inline;font-weight:normal;font-size:2.1rem}.page-5levels .cards .bodycopy{margin-top:10px}.page-5levels .levels{padding:30px 0 0;vertical-align:bottom}.page-5levels .levels li{padding:20px 5.33vw 15px;border-bottom:1px solid #e2e2e2}.page-5levels .levels li span:nth-of-type(1){margin:0 5px 0 0;color:#999;font-size:1.8rem}.page-5levels .levels li span:nth-of-type(2){margin:0 25px 0 0;color:#999;font-size:3.7rem}.page-5levels .levels li span:nth-of-type(3){font-size:2.0rem}.page-connected .mainvisual::after{background:url(../images/connected/mainvisual.jpg) no-repeat;background-size:cover}.page-connected .mainvisual .headline{width:20.61vh;height:21.51vh}.page-connected .mainvisual .subheads{width:51.42vh;height:9.37vh}.page-connected .jumbotron .visual{width:80vw;margin:0 auto 32px;line-height:1}.page-connected .lineup{border-bottom:none}.page-connected .lineup .banner_connected-drive-models{padding:0;text-align:left !important}.page-electric .mainvisual::after{background:url(../images/electric/mainvisual.jpg) no-repeat;background-size:cover}.page-electric .mainvisual .headline{width:14.91vh;height:20.61vh}.page-electric .mainvisual .subheads{width:47.75vh;height:9.59vh}.page-electric .technology-movie{padding-top:50px !important}.page-services-shared .mainvisual::after{background:url(../images/services-shared/mainvisual.jpg) no-repeat;background-size:cover}.page-services-shared .mainvisual .headline{width:31.93vh;height:21.51vh}.page-services-shared .mainvisual .subheads{width:35.00vh;height:9.59vh}.page-services-shared .jumbotron{margin-bottom:0}.page-services-shared .cards .card-typeA:first-child .subheads img{width:50px;height:50px;padding:0 9px 0 0;vertical-align:middle}.page-topics{padding:50px 0 0}.page-topics .jumbotron{margin:0 0 40px;padding:22px 5.33vw;background:#f7f7f7;vertical-align:bottom}.page-topics .jumbotron .headline{display:inline-block;margin:0 20px 0 0;font-size:3.0rem}.page-topics .jumbotron .subheads{display:inline-block;font-size:1.3rem}.page-topics .topics{margin:0 0 12px}@media screen and (min-width: 769px){body{font-size:1.4rem;line-height:3.2rem}small{-webkit-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7)}.mobile-only{display:none}.mobile-upper-only{display:block}.container{width:1080px;height:100%;margin:0 auto}.container:after{content:"";display:block;clear:both}.contents{min-width:1188px;overflow:hidden}.autonomous .subheads,.page-autonomous .mainvisual .subheads{width:643px;height:47px}.connected .subheads,.page-connected .mainvisual .subheads{width:793px;height:47px}.electric .subheads,.page-electric .mainvisual .subheads{width:781px;height:47px}.services-shared .subheads,.page-services-shared .mainvisual .subheads{width:561px;height:47px}.cpbanner{width:1080px;margin-bottom:140px;-webkit-transition:all .4s;transition:all .4s}.cpbanner:hover{opacity:.5}.edge .topics .lists,.ie11 .topics .lists{display:block}.edge .topics .lists:after,.ie11 .topics .lists:after{content:"";display:block;clear:both}.edge .topics .lists .topic,.ie11 .topics .lists .topic{float:left;width:246px}.edge .topics .lists .topic:last-child,.ie11 .topics .lists .topic:last-child{margin-right:0;padding-right:0}.edge .cards-typeC,.ie11 .cards-typeC{display:block}.edge .cards-typeC:after,.ie11 .cards-typeC:after{content:"";display:block;clear:both}.edge .cards-typeC .card-typeC,.ie11 .cards-typeC .card-typeC{float:left;width:515px;margin-bottom:50px;padding-bottom:0}.edge .cards-typeC .card-typeC .button,.ie11 .cards-typeC .card-typeC .button{position:relative !important}.edge .cards-typeC .card-typeC .image,.edge .cards-typeC .card-typeC .movie,.ie11 .cards-typeC .card-typeC .image,.ie11 .cards-typeC .card-typeC .movie{margin:0 0 30px}.annotation{font-size:1.2rem}.button{width:250px;height:50px}.button a{height:50px;line-height:50px}.button a::after{right:30px}.topics .lists{-ms-grid-columns:278px 278px 278px 1fr;grid-template-columns:278px 278px 278px 1fr}.topic{margin-right:16px;margin-bottom:0;padding:0 16px 0 0}.topic .thumbnail{margin-bottom:15px;height:140px}.topic .date{font-size:1.2rem}.topic .description{font-size:1.5rem;line-height:2.1rem}.topic .tag{font-size:1.4rem}.topic:nth-of-type(odd){padding-right:16px}.topic:nth-of-type(even){padding-left:0;padding-right:16px}.topic:nth-of-type(4n){margin-right:0;padding-right:0;border:none}.topic.is-brandnew .thumbnail::before{width:43px;height:22px;font-size:1.1rem;line-height:22px;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}[class^="card-"] .texts .headline{font-size:2.0rem}[class^="card-"] .texts .subheads{font-size:1.6rem;line-height:2.2rem}[class^="card-"] .texts .bodycopy{font-size:1.4rem;line-height:2.4rem}[class^="card-"]:last-of-type{margin-bottom:0}.card-typeA{position:relative;height:335px;margin:0 0 100px}.card-typeA .image,.card-typeA .movie{position:absolute !important;width:615px}.card-typeA .texts{position:absolute !important;top:50%;width:445px;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}.card-typeA:nth-of-type(odd) .image,.card-typeA:nth-of-type(odd) .movie{right:-20px}.card-typeA:nth-of-type(odd) .texts{left:0}.card-typeA:nth-of-type(even) .image,.card-typeA:nth-of-type(even) .movie{left:-20px}.card-typeA:nth-of-type(even) .texts{right:0}.card-typeB{position:relative;height:285px;margin:0 0 60px}.card-typeB .image,.card-typeB .movie{position:absolute !important;width:515px}.card-typeB .texts{position:absolute !important;top:50%;left:540px;width:540px;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}.cards-typeC{display:-ms-grid;display:grid;-ms-grid-columns:565px 1fr;grid-template-columns:565px 1fr}.card-typeC{margin-bottom:50px}.card-typeC .image,.card-typeC .movie{margin:0 0 30px}.card-typeC:nth-child(odd){margin-right:50px}.footer{min-width:1188px;padding:0}.footer .container{padding:20px 0 16px}.footer .copyright{position:absolute;bottom:16px;right:0;font-size:1.1rem;letter-spacing:.050em}.footer .scrolltop{top:-40px;left:auto;right:0;width:100px;height:40px;-webkit-transition:all .4s;transition:all .4s}.footer .scrolltop a::after{width:14px;height:14px}.footer .scrolltop:hover{background-color:#1c69d4}.footer .menu{margin:24px 0 0;padding:0;font-size:1.1rem;line-height:1}.footer .menu li{margin:0 20px 0 0;padding:0 20px 0 0;border-right:1px solid #262626}.footer .menu li:last-of-type{border:none}.footer .menu li:hover{text-decoration:underline}.header{height:70px;margin:0 auto;background:#fff}.header .container{position:relative;right:-54px;width:1188px;padding:19px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box}.header .logo{top:11px;right:0;width:99px;height:110px;background:url("../images/mobile-upper/common/logo.png") no-repeat;background-size:contain}.header .title{position:relative;top:auto;left:auto;width:231px;height:32px}.header .menu-button{display:none}.header .menu{display:block;visibility:visible;position:absolute;top:0;left:auto;right:119px;overflow:hidden;opacity:1;width:auto;height:70px}.header .menu:after{content:"";display:block;clear:both}.header .menu .lists{display:block;float:left;height:100%}.header .menu [class^="menu-"]{float:left;height:100%;border:none !important}.header .menu [class^="menu-"] img{height:100%;-webkit-transition:all .4s;transition:all .4s}.header .menu [class^="menu-"].is-active img,.header .menu [class^="menu-"]:hover img{opacity:0}.header .menu .text-lists{float:left}.header .menu .text-lists .menu-topics{width:80px;height:70px;border:none}.header .menu .text-lists .menu-topics a{height:70px;line-height:70px}.header .menu .share{display:none}.menu-autonomous{width:121px;background:url("../images/mobile-upper/common/menu_autonomous--active.png") no-repeat;background-size:contain}.menu-connected{width:109px;background:url("../images/mobile-upper/common/menu_connected--active.png") no-repeat;background-size:contain}.menu-electric{width:98px;background:url("../images/mobile-upper/common/menu_electric--active.png") no-repeat;background-size:contain}.menu-servicesshared{width:141px;background:url("../images/mobile-upper/common/menu_services-shared--active.png") no-repeat;background-size:contain}.menu-campaign{display:none}.menu-topics{position:relative;width:80px;background:url("../images/mobile-upper/common/menu_topics--active.png") no-repeat;background-size:contain}.menu-topics img{position:relative;top:-1px;z-index:0;height:100% !important}.menu-topics::before{top:0;left:50%;width:44px;height:19px;background:url(../images/mobile-upper/common/icn_new.png) no-repeat;background-size:contain;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0)}.menu-wrapper.is-active .logo img,.menu-wrapper.is-active .menu-button img{opacity:1}.links{bottom:-42px;width:100%;min-width:1188px;padding:10px 0;background:#f7f7f7}.links .share{display:block;top:-5px !important;margin:0 !important}.topics .headline{margin:0 0 26px;font-size:2.4rem}.topic{-webkit-transition:all .4s;transition:all .4s}.topic:hover{opacity:.5}.links .lists,.footer .lists{height:auto;padding:0;font-size:1.2rem}.links .lists li,.footer .lists li{position:relative;width:auto;height:auto;margin:0 40px 0 0;border:none;line-height:1;-webkit-transition:all .4s;transition:all .4s}.links .lists li a,.footer .lists li a{position:relative;z-index:1;-webkit-transition:all .4s;transition:all .4s}.links .lists li a::before,.footer .lists li a::before{display:inline-block;width:30px;height:22px;margin:0 10px 0 0;-webkit-transition:all .4s;transition:all .4s}.links .lists li:nth-of-type(odd),.footer .lists li:nth-of-type(odd){border:none}.links .lists li::after,.footer .lists li::after{content:"";display:block;position:absolute;top:0;z-index:0;opacity:0;height:22px;-webkit-transition:all .4s;transition:all .4s}.links .lists li:hover a,.footer .lists li:hover a{color:#1c69d4}.links .lists li:hover a::before,.footer .lists li:hover a::before{opacity:0}.links .lists li:hover::after,.footer .lists li:hover::after{opacity:1}.item-testdrive::after{left:4px;width:22px;background:url(../images/common/icn_testdrive--active.png) no-repeat;background-size:contain}.item-estimate::after{left:6px;width:22px;background:url(../images/common/icn_estimate--active.png) no-repeat;background-size:contain}.item-search::after{left:1px;width:30px;background:url(../images/common/icn_search--active.png) no-repeat;background-size:29px 22px}.item-catalogue::after{left:1px;width:29px;background:url(../images/common/icn_catalogue--active.png) no-repeat;background-size:contain}.links .share,.footer .share{position:absolute;top:20px;right:0;height:20px;margin:-10px 0 30px;text-align:center}.links .share li,.footer .share li{margin:0 20px 0 0;-webkit-transition:all .4s;transition:all .4s;cursor:pointer}.links .share li:last-child,.footer .share li:last-child{margin-right:0}.links .share li::after,.footer .share li::after{content:"";display:block;position:absolute;z-index:0;opacity:0;-webkit-transition:all .4s;transition:all .4s}.links .share li a,.footer .share li a{position:relative;z-index:1;-webkit-transition:all .4s;transition:all .4s}.links .share li:hover a,.footer .share li:hover a{opacity:0}.links .share li:hover::after,.footer .share li:hover::after{opacity:1}.share-facebook::after{top:7px;width:11px;height:20px;background:url(../images/common/icn_facebook--active.png) no-repeat;background-size:contain}.share-twitter::after{top:9px;width:20px;height:16px;background:url(../images/common/icn_twitter--active.png) no-repeat;background-size:20px 16px}.share-youtube::after{top:10px;width:22px;height:15px;background:url(../images/common/icn_youtube--active.png) no-repeat;background-size:22px 15px}.share-instagram::after{top:8px;width:19px;height:19px;background:url(../images/common/icn_instagram--active.png) no-repeat;background-size:contain}.share-line::after{top:9px;width:19px;height:18px;background:url(../images/common/icn_line--active.png) no-repeat;background-size:19px 18px}.page-index .introduction,.page-index .autonomous,.page-index .connected,.page-index .electric,.page-index .services-shared{padding-top:35px}.page-index .introduction .subheads,.page-index .autonomous .subheads,.page-index .connected .subheads,.page-index .electric .subheads,.page-index .services-shared .subheads{padding:50px 0}.page-index .introduction .button a,.page-index .autonomous .button a,.page-index .connected .button a,.page-index .electric .button a,.page-index .services-shared .button a{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}.page-index .introduction.is-active::after{opacity:1}.page-index .mainvisual .texts{top:240px;left:0}.page-index .mainvisual .headline{width:418px;height:103px;margin-bottom:36px}.page-index .mainvisual .subheads{width:290px;height:40px}.page-index .mainvisual .annotation{bottom:25px;right:0;line-height:1.4rem;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.page-index .mainvisual .attention{font-size:1.2rem}.page-index .mainvisual .attention span::after{height:40px;margin-top:6px}.page-index .mainvisual::after{background:url(../images/mobile-upper/index/background-1.jpg) no-repeat center;background-size:cover}.page-index .introduction .box{top:180px;top:25.71vh;left:0;-webkit-transform:none;-ms-transform:none;transform:none}.page-index .introduction .bodycopy{width:407px;height:176px;padding:0 0 40px}.page-index .introduction .button-playmovie{width:111px;height:26px;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);cursor:pointer}.page-index .introduction .button-playmovie img{position:relative;z-index:1;-webkit-transition:all .4s;transition:all .4s}.page-index .introduction .button-playmovie::after{content:"";display:block;position:absolute;top:0;left:0;z-index:0;opacity:0;width:100%;height:100%;background:url(../images/mobile-upper/index/introduction_button--active.png) no-repeat;background-size:111px 26px;-webkit-transition:all .4s;transition:all .4s}.page-index .introduction .button-playmovie:hover img{opacity:0}.page-index .introduction .button-playmovie:hover::after{opacity:1}.page-index .introduction::after{background:url(../images/mobile-upper/index/background-2.jpg) no-repeat center;background-size:cover}.page-index .autonomous .headline{width:304px;height:262px;background:url(../images/mobile-upper/index/autonomous_mark.png) no-repeat center;background-size:contain}.page-index .autonomous .subheads{width:631px;height:35px}.page-index .autonomous::after{background:url(../images/mobile-upper/index/background-3.jpg) no-repeat center;background-size:cover}.page-index .connected .headline{width:262px;height:274px;background:url(../images/mobile-upper/index/connected_mark.png) no-repeat center;background-size:contain}.page-index .connected .subheads{width:749px;height:34px}.page-index .connected::after{background:url(../images/mobile-upper/index/background-4.jpg) no-repeat center;background-size:cover}.page-index .electric .headline{width:190px;height:262px;background:url(../images/mobile-upper/index/electric_mark.png) no-repeat center;background-size:contain}.page-index .electric .subheads{width:738px;height:34px}.page-index .electric::after{background:url(../images/mobile-upper/index/background-5.jpg) no-repeat center;background-size:cover}.page-index .services-shared .headline{width:406px;height:274px;background:url(../images/mobile-upper/index/services-shared_mark.png) no-repeat center;background-size:contain}.page-index .services-shared .subheads{width:529px;height:34px}.page-index .services-shared::after{background:url(../images/mobile-upper/index/background-6.jpg) no-repeat center;background-size:cover}.page-index .topics{margin-bottom:150px;padding-top:180px}.page-index .topics .headline{margin:0 0 10px;font-size:4.2rem}.page-index .topics .subheads{margin:0 0 50px;font-size:1.6rem}.page-index .topics .button{width:558px;height:70px;margin-top:100px}.page-index .topics .button a{height:70px;line-height:70px}.page-index .fullpage-navigation{font-family:"BMW-Bold";font-size:1.2rem}.page-index .fullpage-navigation li{height:9px;margin-bottom:31px}.page-index .fullpage-navigation li::before{content:attr(data-text);display:inline;opacity:0;margin-right:12px;color:#fff;-webkit-transition:all .4s;transition:all .4s}.page-index .fullpage-navigation li::after{content:"";width:9px;height:9px;cursor:pointer}.page-index .fullpage-navigation li.is-active::before{opacity:1}.page-index .fullpage-navigation.is-reverse,.page-index .fullpage-navigation.is-black{display:block}.page-index .fullpage-navigation.is-reverse li::before,.page-index .fullpage-navigation.is-black li::before{color:#262626}.page-index .fullpage-navigation.is-reverse li::after,.page-index .fullpage-navigation.is-black li::after{border-color:#262626}.page-index .fullpage-navigation.is-reverse li.is-active::after,.page-index .fullpage-navigation.is-black li.is-active::after{background:#262626}.page-aces{padding:70px 0 0}.page-aces .mainvisual{width:100%;height:29.28vw;min-height:400px}.page-aces .introduction{position:relative;overflow:hidden;margin:0 0 100px;padding:80px 0}.page-aces .introduction .headline{position:absolute !important;top:50%;margin:0;font-size:2.4rem;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}.page-aces .introduction .bodycopy{position:relative;font-size:1.4rem;line-height:3.4rem}.page-aces .main .container>div:nth-of-type(2){padding-top:0}.page-aces .jumbotron{margin:0 0 50px}.page-aces .jumbotron .visual{margin:0 0 50px}.page-aces .jumbotron .headline{margin:0 0 60px 32px;font-size:5.0rem;line-height:1}.page-aces .jumbotron .subheads{margin:0 0 40px 260px;font-size:2.4rem;line-height:3.8rem}.page-aces .jumbotron .bodycopy{margin:0 0 100px 260px;font-size:1.5rem;line-height:3.2rem}.page-aces .cards{padding:104px 0 100px}.page-aces .cards:after{content:"";display:block;clear:both}.page-aces .cards>.headline{margin:0 0 60px;color:#999;font-size:5.0rem;line-height:1}.page-aces .cards>.button{width:558px;height:70px;margin:100px auto 0}.page-aces .cards>.button a{height:70px;line-height:70px}.page-aces .cards .bodycopy .annotation{margin:0;padding:0}.page-aces .cards .annotation{clear:both;margin-top:0;padding-top:80px;font-size:1.2rem;line-height:1.6rem}.page-aces .cards hr{height:1px;margin:100px 0;border:none;background-color:#e2e2e2}.page-aces .cards .container>.headline{margin:0 0 60px;color:#999;font-size:5.0rem;line-height:1}.page-aces .cards .container>.subheads{margin:0 0 12px;font-size:2.4rem;line-height:3.8rem}.page-aces .cards .container>.subheads:nth-of-type(2){margin-bottom:30px;font-size:2.2rem;line-height:1}.page-aces .cards .container>.bodycopy{margin:0 0 80px}.page-aces .banners{margin:100px 0 0;padding:0}.page-aces .banners li{height:230px}.page-aces .banners li a{height:100%;padding:0 0 0 50px}.page-aces .banners li a .texts{left:50px;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}.page-aces .banners li a .texts .headline{font-size:3.6rem}.page-aces .banners li a .texts .subheads{margin:20px 0 0;font-size:2.2rem}.page-aces .banners li a::after{right:70px;width:23px;height:23px;border-width:2px}.page-aces .banners li a:hover .texts,.page-aces .banners li a:hover::before,.page-aces .banners li a:hover::after{opacity:.8}.page-aces .banners li a:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.page-aces .technology-movie{margin:100px 0;padding:100px 60px}.page-aces .technology-movie .headline{margin:0 0 80px;font-size:5.0rem}.page-aces .technology-movie .subheads{width:960px;margin:0 auto 25px;font-size:2.4rem}.page-aces .technology-movie .thumbnail{width:960px;cursor:pointer}.page-aces .technology-movie .thumbnail a::before{width:130px;height:130px;background-image:url(../images/mobile-upper/common/icn_play.png)}.page-aces .technology-movie .thumbnail a:hover::before,.page-aces .technology-movie .thumbnail a:hover::after{opacity:.8}.page-aces .technology-movie .thumbnail a:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.page-aces .lineup{margin:0 auto;padding:50px 0 100px;border-bottom:none}.page-aces .lineup .headline{top:auto;margin:0 0 46px;padding:0;background:none;font-size:2.2rem}.page-aces .lineup .lists{width:auto !important;padding:0}.page-aces .lineup .lists:after{content:"";display:block;clear:both}.page-aces .lineup .lists>div{float:left;width:25%;margin:0 0 40px;text-align:center}.page-aces .lineup .lists>div a,.page-aces .lineup .lists>div img{-webkit-transition:all .4s;transition:all .4s}.page-aces .lineup .lists>div span:nth-child(1){height:auto}.page-aces .lineup .lists>div a span{display:block;margin:0 auto;line-height:1}.page-aces .lineup .lists>div a span:first-of-type{position:relative;height:113px}.page-aces .lineup .lists>div a span:first-of-type img{position:absolute;top:50%;left:0;z-index:0;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}.page-aces .lineup .lists>div:nth-child(1),.page-aces .lineup .lists>div:nth-child(2){width:25%}.page-aces .lineup .lists>div:nth-child(3){clear:none;width:25%;margin:0;padding:0}.page-aces .lineup .lists>div:hover a{color:#1c69d4}.page-aces .lineup .lists>div:hover img{opacity:.5}.page-aces .lineup .lists:last-child [class^="lineup-"]{margin-bottom:0}.page-aces .button-cta{width:558px;height:60px;margin:64px auto 0;font-size:1.6rem}.page-aces .button-cta a{width:100%;height:100%;line-height:60px}.page-aces .button-cta a::before{width:30px;height:30px;margin-right:17px}.page-aces .button-cta a::after{right:30px;width:8px;height:8px}.page-aces .button-cta a:hover{background-color:#0653b6}.page-aces .lineup-5series span:first-of-type{width:244px}.page-aces .lineup-6series span:first-of-type{width:203px}.page-aces .lineup-7series span:first-of-type{width:220px}.page-aces .lineup-x3 span:first-of-type{width:201px}.page-aces .lineup-i3 span:first-of-type{width:168px}.page-aces .lineup-i8 span:first-of-type{width:203px}.page-aces .lineup-i8-roadster span:first-of-type{width:197px}.page-aces .lineup-330e span:first-of-type{width:220px}.page-aces .lineup-530e span:first-of-type{width:252px}.page-aces .lineup-740e span:first-of-type{width:207px}.page-aces .lineup-x5 span:first-of-type{width:187px}.page-aces .lineup-225xe span:first-of-type{width:200px}.page-aces .banner{margin:0 5.33vw;margin-bottom:100px}.page-aces .banner img{width:100%;height:auto}.page-aces .beta{display:none;min-width:1366px;margin:0 auto;text-align:center}.page-aces .topics{padding-top:100px;padding-bottom:100px}.page-aces .topics .headline{margin-bottom:26px;font-size:2.4rem;line-height:1}.page-aces .cpbanner{margin-top:100px;margin-bottom:100px}.page-autonomous .mainvisual{position:relative}.page-autonomous .mainvisual::after{background:url(../images/mobile-upper/autonomous/mainvisual.jpg) no-repeat;background-size:cover}.page-autonomous .mainvisual .headline{width:228px;height:196px}.page-autonomous .mainvisual .headline img{width:228px}.page-autonomous .introduction .bodycopy{left:292px}.page-autonomous .jumbotron{margin-bottom:100px}.page-autonomous .jumbotron .bodycopy{margin-bottom:0}.page-autonomous .jumbotron .visual{position:relative;left:-40px;width:1160px}.page-autonomous .jumbotron .headline{margin-left:0}.page-autonomous .card-typeA{height:335px}.page-autonomous .card-typeB{height:289px}.page-autonomous .card-typeC{margin-right:0}.page-autonomous .card-typeC .image,.page-autonomous .card-typeC .movie{height:289px !important}.page-autonomous .card-typeC:nth-of-type(odd){margin-right:50px}.page-autonomous .banners li{margin-bottom:60px}.page-autonomous .banners li a:hover .texts,.page-autonomous .banners li a:hover::before,.page-autonomous .banners li a:hover::after{opacity:.6}.page-autonomous .banners li a .texts .subheads{margin:0 0 10px;font-size:2.6rem}.page-autonomous .banners li a .texts .headline{margin:0;font-size:3.6rem}.page-5levels .mainvisual::after{background:url(../images/mobile-upper/autonomous/5levels/mainvisual.jpg) no-repeat;background-size:cover}.page-5levels .mainvisual .subheads{width:422px;height:47px}.page-5levels .introduction{margin:0}.page-5levels .introduction .bodycopy{left:226px}.page-5levels .levels-wrapper{position:relative;height:230px;margin:0 0 100px;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2}.page-5levels .levels.is-ready{position:fixed;top:70px;z-index:1;height:42px;padding:10px 0 8px;border-top:1px solid #f2f2f2;background:#fff;line-height:1.25}.page-5levels .levels.is-ready .container{width:810px}.page-5levels .levels.is-ready li{margin-right:30px;padding-right:40px}.page-5levels .levels.is-ready li::after{width:19px;height:42px}.page-5levels .levels.is-ready li.is-active span{color:#1c69d4}.page-5levels .levels.is-ready span:nth-of-type(1){margin:0 5px 0 0;font-size:1.3rem}.page-5levels .levels.is-ready span:nth-of-type(2){font-size:2.1rem}.page-5levels .levels.is-ready span:nth-of-type(3){font-size:1.2rem}.page-5levels .levels{position:absolute;top:90px;width:100%;padding:0}.page-5levels .levels .container:after{content:"";display:block;clear:both}.page-5levels .levels li{position:relative;float:left;margin:0 36px 0 0;padding:0 60px 0 0;border:none}.page-5levels .levels li::after{content:"";display:inline-block;position:absolute;top:0;right:0;width:24px;height:53px;background:url(../images/mobile-upper/autonomous/5levels/icn_arrow.png) no-repeat;background-size:contain}.page-5levels .levels li:last-of-type{margin:0;padding:0}.page-5levels .levels li:last-of-type::after{display:none}.page-5levels .levels li span:nth-of-type(1){margin:0 5px 0 0;color:#262626;font-size:1.6rem}.page-5levels .levels li span:nth-of-type(2){margin:0;color:#262626;font-size:2.6rem}.page-5levels .levels li span:nth-of-type(3){display:block;font-size:1.6rem;line-height:1}.page-5levels .cards{margin:0;padding:60px 0}.page-5levels .cards .headline{display:block;margin:0;font-size:8.0rem;line-height:1}.page-5levels .cards .subheads{font-size:2.6rem}.page-5levels .cards .bodycopy{line-height:3.2rem}.page-5levels .cards [class^="card-"]{height:347px}.page-5levels .cards:nth-of-type(even) [class^="card-"] .image{left:-20px;right:auto}.page-5levels .cards:nth-of-type(even) [class^="card-"] .texts{left:auto;right:0}.page-5levels .cards:last-of-type{margin-bottom:40px}.page-connected .mainvisual::after{background:url(../images/mobile-upper/connected/mainvisual.jpg) no-repeat;background-size:cover}.page-connected .mainvisual .headline{height:205px}.page-connected .mainvisual .headline,.page-connected .mainvisual .headline img{width:196px}.page-connected .introduction .bodycopy{left:290px}.page-connected .jumbotron{margin-bottom:100px}.page-connected .jumbotron:after{content:"";display:block;clear:both}.page-connected .jumbotron .visual{float:right;width:420px;height:393px;margin:32px 0 0}.page-connected .jumbotron .headline{margin:0 0 80px}.page-connected .jumbotron .subheads{float:left;width:620px;margin:0 0 12px 40px}.page-connected .jumbotron .bodycopy{float:left;width:620px;margin:0 0 0 40px;font-size:1.4rem}.page-connected .cards hr{margin-top:-40px}.page-connected .cards .card-typeC{margin-right:0}.page-connected .cards .card-typeC:nth-of-type(odd){margin-right:50px}.page-connected .card-typeA{height:335px}.page-connected .card-typeB{height:250px}.page-connected .card-typeB .image{position:absolute !important;top:50%;width:515px;margin:0 25px 0 0;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}.page-electric .mainvisual::after{background:url(../images/mobile-upper/electric/mainvisual.jpg) no-repeat;background-size:cover}.page-electric .mainvisual .headline{width:142px;height:196px}.page-electric .introduction .bodycopy{left:220px}.page-electric .jumbotron .headline{margin-left:0}.page-electric .cards{border-bottom:1px solid #e2e2e2}.page-electric .banners:after{content:"";display:block;clear:both}.page-electric .banners .banner{float:left;width:515px;margin:0}.page-electric .banners .banner:nth-of-type(1){margin:0 50px 0 0}.page-electric .banners .banner:nth-of-type(1)::after{background:url(../images/mobile-upper/electric/banner-1.jpg) no-repeat;background-size:100%}.page-electric .banners .banner:nth-of-type(2)::after{background:url(../images/mobile-upper/electric/banner-2.jpg) no-repeat;background-size:100%}.page-electric .banners .banner a::after{right:50px}.page-electric .technology-movie{padding-top:100px !important}.page-services-shared .mainvisual::after{background:url(../images/mobile-upper/services-shared/mainvisual.jpg) no-repeat;background-size:cover}.page-services-shared .mainvisual .headline{width:302px;height:207px}.page-services-shared .introduction .bodycopy{left:312px}.page-services-shared .jumbotron .headline{margin-left:0}.page-services-shared .card-typeA:nth-of-type(odd) .image,.page-services-shared .card-typeA:nth-of-type(odd) .movie{left:-20px;right:auto}.page-services-shared .card-typeA:nth-of-type(odd) .texts{left:auto;right:0}.page-services-shared .card-typeA:nth-of-type(even) .image,.page-services-shared .card-typeA:nth-of-type(even) .movie{left:auto;right:-20px}.page-services-shared .card-typeA:nth-of-type(even) .texts{left:0;right:auto}.page-services-shared .card-typeB{height:335px}.page-services-shared .card-typeB .image{position:absolute !important;top:50%;width:515px;margin:0 25px 0 0;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}.page-services-shared .card-typeC{position:relative;margin-bottom:0;padding-bottom:80px}.page-services-shared .card-typeC .button{position:absolute !important;left:0;bottom:0}.page-topics .jumbotron{margin:0 0 100px;padding:60px 0 50px}.page-topics .jumbotron .headline{font-size:4.0rem;line-height:1}.page-topics .jumbotron .subheads{font-size:1.6rem}.page-topics .topics{margin:0 0 60px}.page-topics .topics .topic{margin-bottom:40px}}