body {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

html {
    scroll-behavior: auto !important;
}

.html-text-component {
    overflow: initial;
}

.has-localnav .header-component nav {
    position: absolute;
    transform: none !important;
    border-bottom: 0 !important;
    background-color: transparent !important;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

.localnav-show #localnav {
    transform: translateY(0%);
}

#localnav {
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    max-height: 50px;
    line-height: 50px;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), max-height 0.6s cubic-bezier(0.52, 0.16, 0.24, 1);
    transform: translateY(-100%);
    background-color: rgba(0, 0, 0, 0.8);
}

@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    #localnav {
        background-color: rgba(0, 0, 0, 0.75);
        -webkit-backdrop-filter: saturate(150%) blur(20px);
        backdrop-filter: saturate(150%) blur(20px);
    }
}

#localnav button {
    overflow: visible;
    margin: 0;
    padding: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    text-align: center;
    vertical-align: inherit;
    color: inherit;
    border: 0;
    outline: 0;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#localnav svg {
    display: block;
}

#localnav .ln-content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    height: 50px;
}

#localnav .ln-content::before,
#localnav .ln-content::after {
    position: absolute;
    right: 0;
    left: 0;
    height: 1px;
    content: "";
    background-color: #414141;
}

#localnav .ln-content::before {
    top: 50px;
}

#localnav .ln-content::after {
    bottom: 0;
}

#localnav .ln-title {
    flex-grow: 1;
    height: 50px;
    padding-left: 160px;
}

#localnav .ln-title .ln-link {
    display: inline-block;
    padding: 0;
    font-size: 16px;
    font-weight: bold;
}

#localnav .ln-menu-trigger {
    display: none;
    width: 40px;
    padding: 16px 8px;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

#localnav .ln-menu-trigger svg {
    vertical-align: top;
}

#localnav .ln-menu {
    display: flex;
    margin-left: 12px;
}

#localnav .ln-menu-list {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

#localnav .ln-link {
    position: relative;
    display: block;
    padding: 0 20px;
    font-size: 14px;
    line-height: 50px;
    transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    white-space: nowrap;
    color: #fff;
}

#localnav .ln-action {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 50px;
    margin-left: 20px;
    padding-right: 160px;
}

/* #localnav .ln-button {
    display: inline-block;
    padding-right: 19px;
    padding-left: 19px;
    font-size: 12px;
    font-weight: bold;
    line-height: 28px;
    transition: all 0.3s ease-out;
    white-space: nowrap;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 4px;
}

#localnav .ln-button:hover {
    border-color: rgba(255, 255, 255, 0.7);
    background-color: rgba(255, 255, 255, 0.2);
} */

#localnav.ln-wrap {
    max-height: 56px;
    line-height: 56px;
}

#localnav.ln-wrap .ln-content {
    height: 100%;
}

#localnav.ln-wrap .ln-content::before {
    top: 56px;
}

#localnav.ln-wrap .ln-title {
    display: flex;
    flex-grow: 0;
    height: 56px;
    padding-left: 24px;
}

#localnav.ln-wrap .ln-menu {
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    height: auto;
    margin-left: 0;
    padding-right: 16px;
    padding-left: 16px;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

#localnav.ln-wrap .ln-menu::-webkit-scrollbar {
    display: none;
}

#localnav.ln-wrap .ln-link {
    height: 56px;
    line-height: 56px;
}

#localnav.ln-wrap .ln-action {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    height: 56px;
    margin-left: 0;
    padding-right: 24px;
}

#localnav.ln-wrap .ln-button {
    padding-right: 15px;
    padding-left: 15px;
}

#localnav.ln-wrap .ln-menu-item {
    transition: opacity 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    opacity: 0;
}

#localnav.ln-wrap .ln-menu-item .ln-link {
    padding: 0 8px;
}

#localnav.ln-wrap .ln-menu-trigger {
    display: block;
}

#localnav.ln-expanded {
    max-height: 100%;
}

#localnav.ln-expanded .ln-menu-trigger {
    transform: rotate(180deg);
}

#localnav.ln-expanded .ln-menu {
    visibility: visible;
    transition-delay: 0s;
}

#localnav.ln-expanded .ln-menu-item {
    opacity: 1;
}

@media only screen and (min-width: 1200.01px) {
    #localnav .ln-link::after {
        position: absolute;
        right: 20px;
        bottom: 1px;
        left: 20px;
        height: 2px;
        content: "";
        transition: transform 0.55s cubic-bezier(0.165, 0.84, 0.44, 1);
        transform: scaleX(0);
        transform-origin: center;
        background-color: #fff;
    }

    #localnav .ln-link:hover::after {
        transform: scaleX(1);
    }

    #localnav .ln-title .ln-link::after {
        display: none;
    }
}

@media only screen and (max-width: 1919px) {
    #localnav .ln-title {
        padding-left: 80px;
    }

    #localnav .ln-action {
        padding-right: 80px;
    }
}

@media only screen and (max-width: 1200px) {
    #localnav .ln-title {
        padding-left: 32px;
    }

    #localnav .ln-menu {
        margin-left: 20px;
    }

    #localnav .ln-link {
        padding: 0 12px;
    }

    #localnav .ln-link.current::after {
        right: 12px;
        left: 12px;
    }

    #localnav .ln-action {
        margin-left: 12px;
        padding-right: 32px;
    }

    #localnav .ln-menu-trigger {
        left: 0;
    }
}

#x4 *,
#x4::before,
#x4::after {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

#x4 *:focus,
#x4 *:active {
    outline: none;
}

#x4 button {
    text-transform: none;
    transition: all 0.3s ease-out;
    background-color: transparent;
    overflow: visible;
    width: auto;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    text-align: center;
    vertical-align: inherit;
    border: none;
    outline: 0;
    margin: 0;
    -webkit-appearance: none;
}

#x4 sup {
    font-size: 0.6em;
    line-height: 1;
}

#x4 sup a {
    color: inherit;
}

#x4 sup[data-index] {
    cursor: pointer;
}

#x4 .pc-show {
    display: initial;
}

#x4 .mob-show {
    display: none;
}

#x4 .nowrap {
    display: inline-block;
    text-decoration: inherit;
    white-space: nowrap;
}

#x4 .blur-up {
    transition: filter 400ms;
    filter: blur(10px);
}

#x4 .blur-up.lazyloaded {
    filter: blur(0);
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    #x4 .blur-up {
        transition: opacity 0.3s;
        opacity: 0.001;
    }

    #x4 .blur-up.lazyloaded {
        opacity: 1;
    }
}

#x4 .visuallyhidden {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(0 0 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0;
}

#x4 img,
#x4 video {
    display: block;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

#x4 .media-cover {
    position: relative;
    width: 100%;
    display: block;
}

#x4 .media-cover img,
#x4 .media-cover video {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    top: 0;
    left: 0;
}

#x4 .media-cover:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

#x4 section {
    width: 100%;
    position: relative;
    overflow: hidden;
}

#x4 section .img-scroll-bg-left {
    width: 0;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: -1px;
    z-index: 4;
    height: calc(100% + 2px);
}

#x4 section .img-scroll-bg-right {
    width: 0;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: -1px;
    z-index: 4;
    height: calc(100% + 2px);
}

#x4 .mid-wrap {
    width: 85.416667vw;
    margin: 0 auto;
}

#x4 .sm-wrap {
    width: 71.041667vw;
    margin: 0 auto;
}

#x4 .flex-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#x4 .space {
    padding-top: 5.208333vw;
    margin-top: 5.208333vw;
}

#x4 .txt-center {
    text-align: center;
}

#x4 .relative {
    position: relative;
}

#x4 .absolute {
    position: absolute;
}

#x4 .sec-txt-20 {
    font-size: 1.041667vw;
    line-height: 1.6;
}

#x4 .sec-txt-22 {
    font-size: 1.145833vw;
    line-height: 1.5454545455;
    letter-spacing: 0.15625vw;
}

#x4 .sec-txt-24 {
    font-size: 1.25vw;
    line-height: 1.6;
}

#x4 .sec-txt-26 {
    font-size: 1.354167vw;
    line-height: 1.6;
}

#x4 .sec-txt-28 {
    font-size: 1.458333vw;
    line-height: 1.7142857143;
    letter-spacing: 0.2em;
}

#x4 .sec-txt-32 {
    font-size: 1.666667vw;
    line-height: 1.25;
}

#x4 .sec-txt-40 {
    font-size: 2.083333vw;
    line-height: 1.6;
}

#x4 .sec-txt-44 {
    font-size: 2.291667vw;
    line-height: 1.3636363636;
}

#x4 .sec-txt-48 {
    font-size: 2.5vw;
    line-height: 1.25;
}

#x4 .sec-txt-64 {
    font-size: 3.333333vw;
    line-height: 1.25;
}

#x4 .sec-txt-80 {
    font-size: 4.166667vw;
    line-height: 1.375;
    letter-spacing: 0.3125vw;
}

#x4 .bold {
    font-weight: 700;
}

#x4 .light {
    font-weight: 100;
}

#x4 .normal {
    font-weight: normal;
}

#x4 .sec-marb-10 {
    margin-bottom: 0.520833vw;
}

#x4 .sec-marb-20 {
    margin-bottom: 1.041667vw;
}

#x4 .sec-marb-24 {
    margin-bottom: 1.25vw;
}

#x4 .sec-marb-30 {
    margin-bottom: 1.5625vw;
}

#x4 .sec-marb-40 {
    margin-bottom: 2.083333vw;
}

#x4 .sec-marb-60 {
    margin-bottom: 3.125vw;
}

#x4 .sec-mart-40 {
    margin-top: 2.083333vw;
}

#x4 .section-hero .media-cover::before {
    padding-bottom: 56.25%;
}

#x4 .section-hero .hero-head-txt {
    top: 10.416667vw;
    width: 56.875vw;
    left: 0;
    right: 0;
    margin-left: 25.3645833vw;
}

#x4 .section-hero .hero-head-txt .hero-title {
    width: 18.90625vw;
    margin-right: 5vw
}

#x4 .section-hero .hero-head-txt .hero-slogan {
    width: 32.96875vw;
}

#x4 .section-hero .hero-head-txt .hero-slogan .hero-slogan-title {
    color: #FFF;
    font-size: 2.604167vw;
    letter-spacing: 0.17em;
}

#x4 .section-hero .hero-head-txt .hero-slogan .hero-slogan-text {
    color: #FFF;
    font-size: 1.09375vw;
}

#x4 .section-hero .hero-notes {
    width: 27.365104vw;
    right: 2.53125vw;
    bottom: 2.53125vw;
}

#x4 .navi-swiper.swiper-container {
    overflow: inherit;
}

#x4 .navi-swiper.swiper-container .swiper-wrapper {
    padding-left: 1.041667vw;
}

#x4 .navi-swiper.swiper-container .swiper-slide {
    will-change: opacity;
    opacity: 0.2;
    transition: opacity 0.3s;
    width: 71.041667vw;
}

#x4 .navi-swiper.swiper-container .swiper-slide:not(:last-child) {
    margin-right: 2.083333vw;
}

#x4 .navi-swiper.swiper-container .swiper-slide .media-cover::before {
    padding-bottom: 49.853372434%;
}

#x4 .navi-swiper.swiper-container .swiper-slide-active {
    opacity: 1;
}

#x4 .navi-swiper.swiper-container .swiper-content {
    width: 67.708333vw;
    margin: 2.083333vw auto 0;
    justify-content: space-between;
}

#x4 .navi-swiper.swiper-container .swiper-content .copy-list {
    display: flex;
}

#x4 .navi-swiper.swiper-container .swiper-content .copy-list .copy-item {
    position: relative;
    width: 100%;
    transition: opacity 0.3s;
    opacity: 0;
    color: #929292;
}

#x4 .navi-swiper.swiper-container .swiper-content .copy-list .copy-item span {
    color: #FFFFFF;
    font-weight: 500;
}

#x4 .navi-swiper.swiper-container .swiper-content .slidenav .slidenav-arrow {
    width: 2.864583vw;
    height: auto;
    cursor: pointer;
    outline: 0;
    position: relative;
}

#x4 .navi-swiper.swiper-container .swiper-content .slidenav .slidenav-arrow img {
    transition: opacity 0.3s;
}

#x4 .navi-swiper.swiper-container .swiper-content .slidenav .slidenav-arrow .disabled {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
}

#x4 .navi-swiper.swiper-container .swiper-content .slidenav .slidenav-disabled .disabled {
    opacity: 1;
}

#x4 .navi-swiper.swiper-container .swiper-content .slidenav .slidenav-disabled .normal {
    opacity: 0;
}

#x4 .navi-swiper.swiper-container .swiper-content .slidenav .slidenav-arrow-next {
    margin-left: 2.083333vw;
}

#x4 .navi-swiper.swiper-container[data-active="1"] .copy-item:nth-of-type(1) {
    opacity: 1;
    z-index: 1;
}

#x4 .navi-swiper.swiper-container[data-active="2"] .copy-item:nth-of-type(2) {
    opacity: 1;
    z-index: 1;
}

#x4 .navi-swiper.swiper-container[data-active="3"] .copy-item:nth-of-type(3) {
    opacity: 1;
    z-index: 1;
}

#x4 .navi-swiper.swiper-container[data-active="4"] .copy-item:nth-of-type(4) {
    opacity: 1;
    z-index: 1;
}

#x4 .navi-swiper.swiper-container[data-active="5"] .copy-item:nth-of-type(5) {
    opacity: 1;
    z-index: 1;
}

#x4 .navi-swiper.swiper-container[data-active="6"] .copy-item:nth-of-type(6) {
    opacity: 1;
    z-index: 1;
}

#x4 .navi-swiper.swiper-container .copy-item+.copy-item {
    margin-left: -100%;
}

#x4 .tabnav-swiper {
    overflow: hidden;
}

#x4 .tabnav-swiper .media-cover::before {
    padding-bottom: 52.7859237537%;
}

#x4 .tabnav-swiper .swiper-content {
    display: flex;
    align-items: center;
    flex-direction: column;
}

#x4 .tabnav-swiper .swiper-content .tablist-wrapper {
    position: relative;
    margin: 2.083333vw auto 1.25vw;
}

#x4 .tabnav-swiper .swiper-content .tablist-wrapper .tablist {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

#x4 .tabnav-swiper .swiper-content .tablist-wrapper .tablist .tabnav {
    padding: 0 2.083333vw 1.041667vw 2.083333vw;
    cursor: pointer;
    transition: opacity 0.3s;
    white-space: nowrap;
    opacity: 0.6;
    color: #000;
    font-weight: normal;
    line-height: 1.25;
    -webkit-overflow-scrolling: touch;
}

#x4 .tabnav-swiper .swiper-content .tablist-wrapper .tablist .tabnav:first-child {
    padding-left: 1.5625vw;
}

#x4 .tabnav-swiper .swiper-content .tablist-wrapper .tablist .tabnav:last-child {
    padding-right: 1.5625vw;
}

#x4 .tabnav-swiper .swiper-content .tablist-wrapper .tabnav-scrollbar {
    width: 100%;
    height: 0.104167vw;
    background-color: rgba(0, 0, 0, 0.4);
}

#x4 .tabnav-swiper .swiper-content .tablist-wrapper .swiper-scrollbar-drag {
    width: 0;
    transition: transform 0.5s, width 0.5s;
    border-radius: 0;
    background-color: #000;
}

#x4 .tabnav-swiper .swiper-content .stack-list {
    display: flex;
    text-align: center;
}

#x4 .tabnav-swiper .swiper-content .stack-list .stack-item {
    width: 100%;
    transition: opacity 0.3s;
    opacity: 0;
}

#x4 .tabnav-swiper .swiper-content .stack-list .stack-item+.stack-item {
    margin-left: -100%;
}

#x4 .tabnav-swiper .tabnav-active,
#x4 .tabnav-swiper[data-active="1"] .tablist .tabnav:nth-of-type(1),
#x4 .tabnav-swiper[data-active="2"] .tablist .tabnav:nth-of-type(2),
#x4 .tabnav-swiper[data-active="3"] .tablist .tabnav:nth-of-type(3),
#x4 .tabnav-swiper[data-active="4"] .tablist .tabnav:nth-of-type(4),
#x4 .tabnav-swiper[data-active="5"] .tablist .tabnav:nth-of-type(5) {
    opacity: 1;
    font-weight: 500;
}

#x4 .tabnav-swiper .stack-item-active,
#x4 .tabnav-swiper[data-active="1"] .stack-item:nth-of-type(1),
#x4 .tabnav-swiper[data-active="2"] .stack-item:nth-of-type(2),
#x4 .tabnav-swiper[data-active="3"] .stack-item:nth-of-type(3),
#x4 .tabnav-swiper[data-active="4"] .stack-item:nth-of-type(4),
#x4 .tabnav-swiper[data-active="5"] .stack-item:nth-of-type(5)  {
    z-index: 1;
    opacity: 1;
}

#x4 .inline-video {
    width: 100%;
}

#x4 .inline-video .video-fallback {
    display: none;
}

#x4.no-inline-video .inline-video video {
    display: none;
}

#x4.no-inline-video .video-fallback {
    display: block;
}

#x4 .content-1 {
    background-color: #000000;
    color: #ffffff;
    padding-bottom: 10.416667vw;
}

#x4 .content-1 .section-introduction .media-cover::before {
    padding-bottom: 72.9166666667%;
}

#x4 .content-1 .section-introduction .section-txt {
    top: 10.416667vw;
    left: 0;
    right: 0;
}

#x4 .content-1 .section-introduction .section-txt p {
    line-height: 1.25;
}

#x4 .content-1 .section-visit .section-txt .intro {
    width: 23.125vw;
    margin: 0 auto;
    transform: translateX(0.520833vw);
}

#x4 .content-1 .section-visit .media-cover::before {
    padding-bottom: 47.9166666667%;
}

#x4 .content-1 .section-visit .img-scroll-bg-left,
#x4 .content-1 .section-visit .img-scroll-bg-right {
    background: #000;
}

#x4 .content-1 .section-headlight .section-txt {
    width: 49.635417vw;
    margin: 0 auto 3.125vw;
    align-items: flex-start;
}

#x4 .content-1 .section-headlight .section-txt .sec-txt-44 {
    letter-spacing: 0.208333vw;
}

#x4 .content-1 .section-headlight .section-txt .intro {
    width: 25.208333vw;
    letter-spacing: 0.15625vw;
}

#x4 .content-1 .section-headlight .media-cover::before {
    padding-bottom: 50%;
}

#x4 .content-1 .section-design .section-txt {
    width: 24.041667vw;
    margin: 0 auto 3.125vw;
}

#x4 .content-1 .section-design .section-txt .sec-txt-44 {
    letter-spacing: 0.208333vw;
}

#x4 .content-1 .section-design .section-txt .intro {
    letter-spacing: 0.15625vw;
}

#x4 .content-1 .section-design .media-cover::before {
    padding-bottom: 50%;
}

#x4 .content-1 .section-model .section-txt {
    padding-left: 1.683333vw;
}

#x4 .content-1 .section-model .media-cover::before {
    padding-bottom: 50%;
}

#x4 .section-interior .section-txt .intro {
    width: 20.125vw;
    margin: 0 auto;
}

#x4 .section-interior .media-cover::before {
    padding-bottom: 47.9166666667%;
}

#x4 .x4-sideNav-container {
    overflow: initial;
}

#x4 .x4-sideNav-container .x4-sideNavWrapper {
    will-change: transform, opacity;
    position: absolute;
    top: calc((100vh - 196px) / 2);
    left: 0;
    width: 0;
    z-index: 7;
    display: block;
    height: 97%;
    z-index: 998;
    transform: translateY(5vw);
    -webkit-transform: translateY(5vw);
    opacity: 0;
}

#x4 .x4-sideNav-container .x4-sideNavWrapper>div {
    color: #929292;
    position: sticky;
    top: calc((100vh - 196px) / 2);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    left: 0;
    width: 135px;
}

#x4 .x4-sideNav-container .x4-sideNavWrapper>div button {
    display: flex;
    align-items: center;
    width: 100%;
    height: 18px;
    position: relative;
    box-sizing: content-box;
    text-decoration: none;
    font-family: inherit;
    padding-left: 1.5625vw;
}

#x4 .x4-sideNav-container .x4-sideNavWrapper>div button:not(:first-child) {
    margin-top: 24px;
}

#x4 .x4-sideNav-container .x4-sideNavWrapper>div button::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: calc(1.5625vw + 5px);
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background: #929292;
    transform: translateY(-50%);
}

#x4 .x4-sideNav-container .x4-sideNavWrapper>div button::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 1.5625vw;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    transform: translateY(-50%);
    box-shadow: inset 0 0 0 1px #929292;
    opacity: 0;
    transition: all 0.5s ease;
}

#x4 .x4-sideNav-container .x4-sideNavWrapper>div button svg {
    position: relative;
    left: 0;
    top: 0;
    width: 12px;
    height: 12px;
    transition: all 0.5s ease;
    opacity: 0;
    z-index: 1;
}

#x4 .x4-sideNav-container .x4-sideNavWrapper>div button svg circle {
    stroke: #000000;
    stroke-width: 1px;
    fill: none;
    stroke-linecap: butt;
    stroke-dasharray: 30.6146736145;
    stroke-dashoffset: 30.6146736145;
    transition: stroke 0.5s ease;
}

#x4 .x4-sideNav-container .x4-sideNavWrapper>div button>.txt-box {
    position: relative;
    display: block;
    line-height: 18px;
    transition: all 0.5s ease;
    margin-left: 0.520833vw;
    font-size: 16px;
    overflow: hidden;
}

@media only screen and (min-width: 1200px) and (max-width: 1370px) {
    #x4 .x4-sideNav-container .x4-sideNavWrapper>div button>.txt-box {
        font-size: 0.833333vw;
    }
}

#x4 .x4-sideNav-container .x4-sideNavWrapper>div button>.txt-box .whole-word {
    will-change: transform, opacity;
    display: inline-block;
    opacity: 0;
    z-index: 1;
    transform: translateX(-100%);
    color: #000000;
    transition: all 0.5s ease;
}

#x4 .x4-sideNav-container .x4-sideNavWrapper>div button>.txt-box .single-word {
    will-change: opacity;
    top: 0;
    left: 0;
    color: #929292;
    transition: all 0.15s ease;
}

#x4 .x4-sideNav-container .x4-sideNavWrapper>div button:hover .whole-word {
    color: #000000;
    opacity: 1;
    z-index: 2;
    transition: all 0.5s ease;
    transition-delay: 0.1s;
}

#x4 .x4-sideNav-container .x4-sideNavWrapper>div button:hover .single-word {
    opacity: 0;
    transition-delay: initial;
}

#x4 .x4-sideNav-container .x4-sideNavWrapper>div button:hover svg {
    transform: rotate(-90deg);
}

#x4 .x4-sideNav-container .x4-sideNavWrapper>div button>span:active {
    transform: translateX(10px);
}

#x4 .x4-sideNav-container .x4-sideNavWrapper>div button:hover::before {
    background: #000000;
}

#x4 .x4-sideNav-container .x4-sideNavWrapper>div button.hover-x .whole-word {
    transform: translateX(0);
}

#x4 .x4-sideNav-container .x4-sideNavWrapper>div button.hover-x .single-word {
    transition-delay: 0.15s;
}

#x4 .x4-sideNav-container .x4-sideNavWrapper>div button.x4-sideNav-active {
    color: #000;
}

#x4 .x4-sideNav-container .x4-sideNavWrapper>div button.x4-sideNav-active::after {
    opacity: 1;
}

#x4 .x4-sideNav-container .x4-sideNavWrapper>div button.x4-sideNav-active::before {
    background-color: #000;
}

#x4 .x4-sideNav-container .x4-sideNavWrapper>div button.x4-sideNav-active svg {
    opacity: 1;
    transform: rotate(-90deg);
}

#x4 .x4-sideNav-container .x4-sideNavWrapper>div button.x4-sideNav-active .single-word {
    opacity: 0;
}

#x4 .x4-sideNav-container .x4-sideNavWrapper>div button.x4-sideNav-active .whole-word {
    opacity: 1;
    z-index: 2;
    transform: translateX(0);
}

@media (max-width: 1200px) {
    #x4 .x4-sideNav-container .x4-sideNavWrapper {
        display: none;
    }
}

#x4 .section-cabin #section-cabin {
    width: 100%;
    left: 0;
    top: var(--triggT);
}

#x4 .section-cabin .section-txt .intro {
    width: 40.625vw;
    margin: 0 auto;
}

#x4 .section-cabin .media-cover::before {
    padding-bottom: 50%;
}

#x4 .swiper-container .swiper-slide .slide-txt {
    font-size: 0.9375vw;
    line-height: 1.6;
    left: 1.5625vw;
    bottom: 1.5625vw;
    color: white;
}

#x4 .section-particulars {
    overflow: hidden;
}

#x4 .section-particulars .sidenav-space {
    width: 13.999167vw;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #ffffff;
    z-index: 2;
}

#x4 .section-particulars .sm-wrap {
    width: 75vw;
}

#x4 .section-particulars .section-txt {
    padding-left: 3.5625vw;
    width: 23.739583vw;
}

#x4 .section-particulars .swiper-container {
    overflow: inherit;
}

#x4 .section-particulars .swiper-container .swiper-wrapper {
    padding-left: 1.979167vw;
}

#x4 .section-particulars .swiper-container .swiper-slide {
    width: 36.979167vw;
}

#x4 .section-particulars .swiper-container .swiper-slide .media-cover::before {
    padding-bottom: 90.1408450704%;
}

#x4 .section-particulars .swiper-container .swiper-slide:not(:last-child) {
    margin-right: 1.041667vw;
}
#x4 .section-particulars .swiper-container .swiper-slide:nth-of-type(5),
#x4 .section-particulars .swiper-container .swiper-slide:nth-of-type(6){
    width: 54.6875vw;
}

#x4 .section-particulars .swiper-container .swiper-slide:nth-of-type(5) .media-cover::before,
#x4 .section-particulars .swiper-container .swiper-slide:nth-of-type(6) .media-cover::before{
    padding-bottom: 60.9523809524%;
}

#x4 .section-particulars .swiper-container .swiper-content .slidenav .slidenav-disabled circle {
    opacity: 0.2;
}

#x4 .section-particulars .swiper-container .swiper-content .slidenav .slidenav-disabled path {
    opacity: 1;
}

#x4 .section-Xpixel {
    overflow: hidden;
}

#x4 .section-Xpixel .sidenav-space {
    width: 13.999167vw;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #ffffff;
    z-index: 2;
}

#x4 .section-Xpixel .sm-wrap {
    width: 75vw;
}

#x4 .section-Xpixel .section-txt {
    padding-left: 3.5625vw;
    width: 31.739583vw;
}

#x4 .section-Xpixel .swiper-container {
    overflow: inherit;
}

#x4 .section-Xpixel .swiper-container .swiper-wrapper {
    padding-left: 1.979167vw;
}

#x4 .section-Xpixel .swiper-container .swiper-slide {
    width: 36.979167vw;
}

#x4 .section-Xpixel .swiper-container .swiper-slide .media-cover::before {
    padding-bottom: 90.1408450704%;
}

#x4 .section-Xpixel .swiper-container .swiper-slide:not(:last-child) {
    margin-right: 1.041667vw;
}

#x4 .section-Xpixel .swiper-container .swiper-slide:nth-of-type(1) {
    width: 54.6875vw;
}

#x4 .section-Xpixel .swiper-container .swiper-slide:nth-of-type(1) .media-cover::before {
    padding-bottom: 60.9523809524%;
}

#x4 .section-Xpixel .swiper-container .swiper-content .slidenav .slidenav-disabled circle {
    opacity: 0.2;
}

#x4 .section-Xpixel .swiper-container .swiper-content .slidenav .slidenav-disabled path {
    opacity: 1;
}
#x4 .section-Xpixel .section-disclaimer{
    font-size: .833333vw;
    text-align: right;
    margin-top: 6.25vw;
    padding: 0 2.5vw;
    color: #FFF;
    font-weight: lighter;
}
#x4 .swiper-container {
    transform: translate3d(0, 0, 0);
}

#x4 .swiper-container .swiper-wrapper {
    will-change: transform;
}

#x4 .swiper-container .swiper-content {
    width: 100%;
    margin: 2.083333vw auto 0;
    display: flex;
    justify-content: flex-end;
}

#x4 .swiper-container .swiper-content .slidenav .slidenav-arrow {
    width: 2.864583vw;
    height: auto;
    cursor: pointer;
    outline: 0;
    position: relative;
}

#x4 .swiper-container .swiper-content .slidenav .slidenav-arrow img {
    transition: opacity 0.3s;
}

#x4 .swiper-container .swiper-content .slidenav .slidenav-arrow .disabled {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
}

#x4 .swiper-container .swiper-content .slidenav .slidenav-disabled .disabled {
    opacity: 1;
}

#x4 .swiper-container .swiper-content .slidenav .slidenav-disabled .normal {
    opacity: 0;
}

#x4 .swiper-container .swiper-content .slidenav .slidenav-arrow-next {
    margin-left: 2.083333vw;
}

#x4 .section-seat span.bold {
    font-weight: normal;
    color: #000;
}

#x4 .section-Storage {
    overflow: hidden;
}

#x4 .section-Storage .sidenav-space {
    width: 13.999167vw;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #ffffff;
    z-index: 2;
}

#x4 .section-Storage .sm-wrap {
    width: 75vw;
}

#x4 .section-Storage .section-txt {
    padding-left: 3.5625vw;
}

#x4 .section-Storage .swiper-container {
    overflow: inherit;
}

#x4 .section-Storage .swiper-container .swiper-wrapper {
    padding-left: 1.979167vw;
}

#x4 .section-Storage .swiper-container .swiper-slide {
    width: 36.979167vw;
}

#x4 .section-Storage .swiper-container .swiper-slide:not(:last-child) {
    margin-right: 1.041667vw;
}

#x4 .section-Storage .swiper-container .swiper-slide .media-cover::before {
    padding-bottom: 90.1408450704%;
}

#x4 .section-Storage .swiper-container .swiper-slide:nth-of-type(1) {
    width: 39.427083vw;
}

#x4 .section-Storage .swiper-container .swiper-slide:nth-of-type(1) .media-cover::before {
    padding-bottom: 84.5442536328%;
}

#x4 .section-Storage .swiper-container .swiper-content .slidenav .slidenav-disabled circle {
    opacity: 0.2;
}

#x4 .section-Storage .swiper-container .swiper-content .slidenav .slidenav-disabled path {
    opacity: 1;
}

#x4 .section-private #section-aroma,
#x4 .section-private #section-private,
#x4 .section-aroma #section-aroma,
#x4 .section-aroma #section-private {
    width: 100%;
    top: var(--triggT);
    left: 0;
}

#x4 .section-private .mid-wrap .section-txt .intro,
#x4 .section-aroma .mid-wrap .section-txt .intro {
    width: 34.375vw;
    margin: 0 auto;
}

#x4 .section-private .mid-wrap .media-cover::before,
#x4 .section-aroma .mid-wrap .media-cover::before {
    padding-bottom: 50%;
}

#x4 .section-clean #section-clean {
    width: 100%;
    top: var(--triggT);
    left: 0;
}

#x4 .section-clean .section-txt .intro {
    width: 34.291667vw;
    margin: 0 auto;
}

#x4 .section-clean .media-cover::before {
    padding-bottom: 50%;
}

#x4 .section-safe {
    margin-top: 10.416667vw;
}

#x4 .section-safe .section-txt .sec-txt-80 {
    letter-spacing: 0.208333vw;
}

#x4 .section-aroma-fun .sm-wrap {
    background-color: #FBFBFB;
}

#x4 .section-aroma-fun .sm-wrap .media-cover::before {
    padding-bottom: 49.853372434%;
}

#x4 .section-aroma-fun .sm-wrap .section-txt {
    width: 60.416667vw;
    margin: 0 auto;
    padding: 2.083333vw 0;
}

#x4 .section-aroma-fun .sm-wrap .section-txt .sec-txt-24 {
    line-height: 1.25;
}

#x4 .section-aroma-fun .sm-wrap .section-txt ul {
    align-items: flex-start;
}

#x4 .section-aroma-fun .sm-wrap .section-txt ul p.sec-txt-20 {
    color: rgba(0, 0, 0, 0.8);
}

#x4 .section-safe-fun>.section-txt .sec-txt-44 {
    line-height: 0.9090909091;
}

#x4 .section-safe-fun .sm-wrap {
    align-items: flex-start;
}

#x4 .section-safe-fun .sm-wrap .section-picture {
    width: 39.0625vw;
}

#x4 .section-safe-fun .sm-wrap .media-cover::before {
    padding-bottom: 80%;
}

#x4 .section-safe-fun .sm-wrap .swiper-content {
    width: 23.4375vw;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-right: 4.375vw;
}

#x4 .section-safe-fun .sm-wrap .swiper-content .headline-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    padding-top: 0;
}

#x4 .section-safe-fun .sm-wrap .swiper-content .headline-wrapper .headline-list {
    display: block;
    border-bottom: 1px solid #B9B9BB;
}

#x4 .section-safe-fun .sm-wrap .swiper-content .headline-wrapper .headline-list .tab-item {
    margin-bottom: 1.041667vw;
    border-top: 1px solid #B9B9BB;
}

#x4 .section-safe-fun .sm-wrap .swiper-content .headline-wrapper .headline-list .tab-item .tab-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: -1.041667vw;
    padding-top: 1.5625vw;
    padding-bottom: 1.5625vw;
    cursor: pointer;
}

#x4 .section-safe-fun .sm-wrap .swiper-content .headline-wrapper .headline-list .tab-item .tab-row .tab-headline {
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 1.3333333333;
    color: #211D1E;
}

#x4 .section-safe-fun .sm-wrap .swiper-content .headline-wrapper .headline-list .tab-item .tab-row .icon {
    width: 0.9375vw;
    height: 0.9375vw;
}

#x4 .section-safe-fun .sm-wrap .swiper-content .headline-wrapper .headline-list .tab-item .tab-row .icon path {
    transition: opacity 0.3s;
}

#x4 .section-safe-fun .sm-wrap .swiper-content .headline-wrapper .headline-list .tab-item .tab-row .icon .plus {
    opacity: 1;
}

#x4 .section-safe-fun .sm-wrap .swiper-content .headline-wrapper .headline-list .tab-item .tab-row .icon .minus {
    opacity: 0;
}

#x4 .section-safe-fun .sm-wrap .swiper-content .headline-wrapper .headline-list .tab-item .intro-row {
    overflow: hidden;
    max-height: 0;
    transition: 0.5s;
}

#x4 .section-safe-fun .sm-wrap .swiper-content .headline-wrapper .headline-list .tab-item .intro-row .tab-intro {
    width: 94%;
    margin-top: 0;
    transition: 0.5s;
    opacity: 0;
    text-align: left;
    font-size: 1.041667vw;
    line-height: 1.6;
    color: rgba(33, 29, 30, 0.8);
}

#x4 .section-safe-fun .sm-wrap .swiper-content .headline-wrapper .headline-list .tab-item .intro-row .space {
    width: 100%;
    height: 0.520833vw;
}

#x4 .section-safe-fun .sm-wrap .swiper-content .headline-wrapper .headline-list .tab-item.active .tab-row .icon .plus {
    opacity: 0;
}

#x4 .section-safe-fun .sm-wrap .swiper-content .headline-wrapper .headline-list .tab-item.active .tab-row .icon .minus {
    opacity: 1;
}

#x4 .section-safe-fun .sm-wrap .swiper-content .headline-wrapper .headline-list .tab-item.active .tab-intro {
    opacity: 1;
}

#x4 .section-sound #section-sound {
    width: 100%;
    top: var(--triggT);
    left: 0;
}

#x4 .section-sound .section-txt {
    width: 44.791667vw;
    margin: 0 auto 3.125vw;
}

#x4 .section-sound .media-cover::before {
    padding-bottom: 50%;
}

#x4 .section-sound-fun .sm-wrap {
    margin-left: 13.541667vw;
    background-color: #F8F8F8;
}

#x4 .section-sound-fun .sm-wrap .inline-video {
    width: 44.791667vw;
}

#x4 .section-sound-fun .sm-wrap .media-cover::before {
    padding-bottom: 69.7674418605%;
}

#x4 .section-sound-fun .sm-wrap .section-txt {
    width: 19.052083vw;
    margin-right: 3.4375vw;
}

#x4 .section-sound-fun .sm-wrap .section-txt article.sec-txt-20 {
    color: rgba(0, 0, 0, 0.8);
}

#x4 .section-sound-fun .sm-wrap:last-child {
    margin-top: 7.291667vw;
}

#x4 .section-sound-fun .sm-wrap:last-child .section-picture {
    width: 44.791667vw;
}

#x4 .section-sound-fun .sm-wrap:last-child .section-txt {
    margin-left: 3.489583vw;
    margin-right: auto;
}

#x4 .section-harmony .navi-swiper .swiper-content .copy-list,
#x4 .section-parking .navi-swiper .swiper-content .copy-list {
    width: 39.6875vw;
}

#x4 .section-harmony .navi-swiper .swiper-content .copy-list .copy-item span,
#x4 .section-parking .navi-swiper .swiper-content .copy-list .copy-item span {
    color: inherit;
}

#x4 .section-harmony .navi-swiper .swiper-content .copy-list .copy-item span.black,
#x4 .section-parking .navi-swiper .swiper-content .copy-list .copy-item span.black {
    color: #000;
}

#x4 .section-harmony .navi-swiper .swiper-content .slidenav .slidenav-disabled circle,
#x4 .section-parking .navi-swiper .swiper-content .slidenav .slidenav-disabled circle {
    opacity: 0.2;
}

#x4 .section-harmony .navi-swiper .swiper-content .slidenav .slidenav-disabled path,
#x4 .section-parking .navi-swiper .swiper-content .slidenav .slidenav-disabled path {
    opacity: 1;
}

#x4 .section-harmony .section-txt img {
    width: 35vw;
    margin: 0 auto;
}

#x4 .content-2 {
    background-color: #FBFBFB;
    padding-bottom: 10.416667vw;
}

#x4 .section-intelligence {
    margin-top: 10.416667vw;
}

#x4 .section-intelligence .section-txt .intro {
    width: 21.125vw;
    margin: 0 auto;
}

#x4 .section-intelligence .media-cover::before {
    padding-bottom: 47.9166666667%;
}

#x4 .section-intelligence .info-list {
    width: 42.8125vw;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 3.125vw;
    color: #ffffff;
}

#x4 .section-intelligence .info-list p.sec-txt-64 {
    line-height: 1.421875;
}

#x4 .section-intelligence .info-list p.sec-txt-64 span {
    font-size: 1.354167vw;
}

#x4 .section-platform .section-txt {
    width: 59.739583vw;
    margin: 0 auto 3.125vw;
    align-items: flex-start;
}

#x4 .section-platform .section-txt .sec-txt-44 {
    line-height: 1.3636363636;
}

#x4 .section-platform .section-txt .intro {
    width: 30.572917vw;
}

#x4 .section-platform .swiper-container {
    margin-top: 1.067708vw;
    overflow: visible;
}

#x4 .section-platform .swiper-container .swiper-slide {
    width: 35vw;
}

#x4 .section-platform .swiper-container .swiper-slide:not(:last-child) {
    margin-right: 1.041667vw;
}

#x4 .section-platform .media-cover::before {
    padding-bottom: calc(720 / 1364 * 100%);
}

#x4 .section-platform .swiper-container .swiper-slide .media-cover::before {
    padding-bottom: calc(500 / 672 * 100%);
}

#x4 .section-platform .swiper-container .swiper-slide .slide-txt {
    color: #929292;
    margin-top: 1.927083vw;
    margin-left: .833333vw;
    font-size: 1.041667vw;
}

#x4 .section-platform .swiper-container .swiper-slide .slide-txt span {
    color: #000;
    display: block;
    font-size: 1.25vw;
    line-height: 1.25;
    margin-bottom: 1.015625vw;
}

#x4 .section-radar .section-txt {
    width: 59.739583vw;
    margin: 0 auto 3.125vw;
    align-items: flex-start;
}

#x4 .section-radar .section-txt .sec-txt-44 {
    line-height: 1.25;
}

#x4 .section-radar .section-txt .intro {
    width: 31.333333vw;
}

#x4 .section-radar .media-cover::before {
    padding-bottom: 52.7859237537%;
}

#x4 .section-parking .navi-swiper .swiper-content .copy-list {
    width: 47.75vw;
}

#x4 .section-driveone .section-txt {
    width: 66.770833vw;
    margin: 0 auto 3.125vw;
    align-items: flex-end;
}

#x4 .section-driveone .section-txt .section-txt-l .sec-stxt {
    margin-bottom: 0.52083vw;
    font-size: 1.25vw;
}

#x4 .section-driveone .section-txt .section-txt-l img {
    width: 27.083333vw;
}

#x4 .section-driveone .section-txt .section-txt-r {
    margin-bottom: -1.0625vw;
}

#x4 .section-driveone .section-txt .section-txt-r li:first-child {
    margin-right: 4.166667vw;
}

#x4 .section-driveone .section-txt p.sec-txt-64 {
    line-height: 1.421875;
}

#x4 .section-driveone .media-cover::before {
    padding-bottom: 52.7859237537%;
}

#x4 .section-mileage .section-txt {
    width: 66.770833vw;
    margin: 0 auto 3.125vw;
    align-items: flex-end;
}
#x4 .section-mileage .section-txt .section-txt-l{
    width: 34.79166vw;
}
#x4 .section-mileage .section-txt .section-txt-l .sec-stxt {
    margin-bottom: 0.52083vw;
    font-size: 1.25vw;
}

#x4 .section-mileage .section-txt .section-txt-l img {
    width: 27.083333vw;
}

#x4 .section-mileage .section-txt .section-txt-r {
    margin-bottom: -1.0625vw;
}

#x4 .section-mileage .section-txt .section-txt-r li:first-child {
    margin-right: 4.166667vw;
}

#x4 .section-mileage .section-txt p.sec-txt-64 {
    line-height: 1.421875;
}

#x4 .section-mileage .media-cover::before {
    padding-bottom: 52.7859237537%;
}

#x4 .section-safe .section-txt .sec-txt-44 {
    line-height: 1.25;
}

#x4 .section-safe .media-cover::before {
    padding-bottom: 47.9166666667%;
}

#x4 .section-waterproof .sm-wrap .section-txt .sec-txt-44 {
    line-height: 0.9090909091;
}

#x4 .section-security-testing .sm-wrap {
    width: 76.979167vw;
}

#x4 .section-security-testing .sm-wrap .section-txt .sec-txt-44 {
    line-height: 0.9090909091;
}

#x4 .section-security-testing .sm-wrap .content .item {
    width: 24.270833vw;
    background: #FBFBFB;
}

#x4 .section-security-testing .sm-wrap .content .item .media-cover::before {
    padding-bottom: 85.8369098712%;
}

#x4 .section-security-testing .sm-wrap .content .item .section-txt {
    width: 20.15625vw;
    margin: 2.083333vw auto;
}

#x4 .section-security-testing .sm-wrap .content .item .section-txt p.sec-txt-24 {
    margin-bottom: 0.833333vw;
    line-height: 1.25;
    font-weight: 500;
}

#x4 .section-security-testing .sm-wrap .content .item .section-txt article {
    font-size: 0.9375vw;
    line-height: 1.6;
    color: rgba(0, 0, 0, 0.8);
}

#x4 .section-colours .swiper-container .media-cover::before {
    padding-bottom: 50%;
}

#x4 .section-colours .tablist-wrapper {
    width: 17.291667vw;
    margin: 0 auto 2.083333vw;
    text-align: center;
}

#x4 .section-colours .tablist-wrapper .tablist {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

#x4 .section-colours .tablist-wrapper .tabnav {
    font-size: 1.25vw;
    line-height: 1.25;
    cursor: pointer;
    transition: opacity 0.3s;
    white-space: nowrap;
    opacity: 0.6;
    color: #000;
    width: 50%;
    outline: 0;
    font-weight: normal;
}

#x4 .section-colours .tablist-wrapper .tabnav:first-child {
    padding: 0 2.083333vw 1.041667vw 1.666667vw;
}

#x4 .section-colours .tablist-wrapper .tabnav:last-child {
    padding: 0 1.666667vw 1.041667vw 2.083333vw;
}

#x4 .section-colours .tablist-wrapper .tabnav.active {
    opacity: 1;
    font-weight: 500;
}

#x4 .section-colours .tabnav-scrollbar {
    width: 100%;
    height: 0.104167vw;
    background-color: rgba(0, 0, 0, 0.5);
}

#x4 .section-colours .tabnav-scrollbar .swiper-scrollbar-drag {
    width: 0;
    transition: transform 0.5s, width 0.5s;
    border-radius: 0;
    background-color: #000;
}

@media (min-width: 1921px) {
    #x4 .section-colours .tabnav-scrollbar {
        height: 0.104167vw;
    }
}

#x4 .section-colours .swiper-scrollbar-drag {
    border-radius: 0;
    background-color: #3b302b;
}

#x4 .section-colours .exterior-color .color-item {
    position: absolute;
    display: flex;
    align-items: center;
}

#x4 .section-colours .exterior-color .color-item:nth-of-type(1) {
    top: 21.416667vw;
    left: 18.760417vw;
}

#x4 .section-colours .exterior-color .color-item:nth-of-type(1) .color-swatch {
    border-color: #414141;
    background-color: #212121;
}

#x4 .section-colours .exterior-color .color-item:nth-of-type(2) {
    top: 25.022917vw;
    left: 59.104167vw;
}

#x4 .section-colours .exterior-color .color-item:nth-of-type(2) .color-swatch {
    border-color: #A12A4C;
    background-color: #781330;
}

#x4 .section-colours .exterior-color .color-item:nth-of-type(3) {
    top: 34.654167vw;
    left: 33.83125vw;
}

#x4 .section-colours .exterior-color .color-item:nth-of-type(3) .color-swatch {
    border-color: #5E6CA2;
    background-color: #303D60;
}

#x4 .section-colours .exterior-color .color-item:nth-of-type(4) {
    top: 17.46875vw;
    left: 39.9875vw;
}

#x4 .section-colours .exterior-color .color-item:nth-of-type(4) .color-swatch {
    border-color: #838485;
    background-color: #575D64;
}

#x4 .section-colours .exterior-color .color-swatch {
    width: 1.25vw;
    height: 1.25vw;
    border: 2px solid;
    border-radius: 100%;
}

#x4 .section-colours .exterior-color .color-label {
    margin-left: 0.416667vw;
    font-size: 1.041667vw;
    font-weight: lighter;
    white-space: nowrap;
    color: #fff;
}

#x4 .section-colours .interior-color {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 3.125vw;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.1875vw;
}

#x4 .section-colours .interior-color .colornav {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5625vw;
    height: 1.5625vw;
    margin: 0 1.041667vw;
    border: 1px solid;
    cursor: pointer;
    transition: width 0.6s, height 0.6s;
    border-radius: 1.5625vw;
    outline: 0;
    color: #ffffff;
}

#x4 .section-colours .interior-color .colornav:nth-of-type(1) {
    background-color: #423c3a;
    border-color: #918578;
}

#x4 .section-colours .interior-color .colornav:nth-of-type(2) {
    background-color: #715A43;
    border-color: #87705A;
}

#x4 .section-colours .interior-color .colornav:nth-of-type(3) {
    background-color: #AFAAA4;
    border-color: #CECCCA;
}

#x4 .section-colours .interior-color .colornav:nth-of-type(4) {
    background-color: #484B50;
    border-color: #7C7C7D;
}

#x4 .section-colours .interior-color .colornav:nth-of-type(5) {
    background-color: #D2D2D2;
    border-color: #F3F3F3;
}

#x4 .section-colours .interior-color .colornav.active {
    width: 4.895833vw;
    height: 2.1875vw;
}

#x4 .section-colours .interior-color .colornav.active .color-swatch {
    transform: scale(1);
    opacity: 1;
}

#x4 .section-colours .interior-color .color-swatch {
    font-size: 0.9375vw;
    line-height: 1;
    transition: transform 0.6s, opacity 0.6s;
    transform: scale(0);
    white-space: nowrap;
    opacity: 0;
}

#x4 .section-colours .media-cover::before {
    padding-bottom: 50%;
}

#x4 .section-configuration .media-cover::before {
    padding-bottom: 47.9166666667%;
}

#x4 .section-configuration .section-content {
    width: 80.041667vw;
    bottom: 9.5833vw;
    color: #ffffff;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#x4 .section-configuration .section-content .badge-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
}

#x4 .section-configuration .section-content .badge-wrapper .badge-item {
    display: flex;
}

#x4 .section-configuration .section-content .badge-wrapper .badge-line {
    height: 90%;
    width: 1px;
    background-color: #FFF;
    margin: 0 1.04166vw;
}

#x4 .section-configuration .section-txt {
    position: absolute;
    bottom: 17.1875vw;
    left: 50%;
    transform: translateX(-50%);
    color: #FFF;
}

#x4 .section-configuration .section-txt .sec-des {
    font-size: 1.25vw;
    font-weight: lighter;
}

#x4 .section-configuration .section-disclaimer {
    position: absolute;
    color: #FFF;
    font-size: 0.833vw;
    font-weight: lighter;
    bottom: 2.2395833vw;
    right: 2.9166vw;
}

#x4 .section-configuration .section-content .sec-txt-44 {
    line-height: 1.1363636364;
    color: inherit;
    margin-bottom: 3.489583vw;
}

#x4 .section-configuration .section-content .badge-wrapper .badge-title {
    color: #000000;
    background-color: rgba(255, 255, 255, 0.8);
    margin-bottom: 0.833333vw;
    padding: 0.260417vw 0.78125vw;
    border-radius: 0.208333vw;
    -webkit-border-radius: 0.208333vw;
    -moz-border-radius: 0.208333vw;
}

#x4 .section-configuration .section-content .badge-wrapper .badge-item ul {
    align-items: flex-start;
}

#x4 .section-configuration .section-content .badge-wrapper .badge-item ul p.sec-txt-40 {
    line-height: 1.25;
}

#x4 .section-configuration .section-content .badge-wrapper .badge-item ul p.sec-txt-40 span {
    line-height: 1.6;
}

#x4 .section-configuration .tips {
    width: 26.770833vw;
    font-size: max(0.625vw, 12px);
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.27);
    left: 59.166667vw;
    bottom: 2.083333vw;
}

@media only screen and (min-device-width: 712px) and (max-device-width: 1024px) and (orientation: landscape) {
    #x4 .section-configuration .tips {
        font-size: 0.625vw;
    }
}

#x4 .section-configuration .button {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    width: 7.5vw;
    height: 2.604167vw;
    padding: 0;
    font-size: 1.041667vw;
    line-height: 1.6;
    background: #ffffff;
    font-weight: bold;
    left: 50%;
    bottom: 3.33vw;
    transform: translateX(-50%);
    transition: all 0.3s ease-out;

}

#x4 .section-configuration .button:hover {
    background-color: rgba(255, 255, 255, 0.7);
}

#x4 .section-footnote {
    padding: 10.416667vw 0;
}

#x4 .section-footnote .section-content {
    width: 66.666667vw;
    margin: 0 auto;
}

#x4 .section-footnote ol {
    padding-left: 1.5em;
}

#x4 .section-footnote .footnote-list {
    font-size: max(0.625vw, 12px);
}

#x4 .section-footnote li {
    font-size: inherit;
    list-style-type: decimal;
    color: #838389;
}

#x4 .section-footnote li.current {
    color: #000;
}

#x4 .section-footnote ul.section-content {
    margin-top: 1.041667vw;
}

#x4 .section-footnote .disclaimer {
    list-style-type: none;
}

@media screen and (max-aspect-ratio: 11/10) {
    #x4 .pc-show {
        display: none;
    }

    #x4 .mob-show {
        display: initial;
    }

    #x4 .space {
        margin-top: 13.888889vw;
        padding-top: 13.888889vw;
    }

    #x4 .sec-txt-22 {
        font-size: 4.444444vw;
        line-height: 1.6;
        letter-spacing: 0;
    }

    #x4 .sec-txt-20 {
        font-size: 4.444444vw;
    }

    #x4 .sec-txt-28 {
        font-size: 4.444444vw;
        line-height: 1.8125;
        letter-spacing: 0.16em;
    }

    #x4 .sec-txt-40 {
        font-size: 5.555556vw;
    }

    #x4 .sec-txt-44 {
        font-size: 8.888889vw;
        line-height: 1.25;
    }

    #x4 .sec-txt-48 {
        font-size: 6.666667vw;
    }

    #x4 .sec-txt-64 {
        font-size: 8.888889vw;
    }

    #x4 .sec-txt-80 {
        font-size: 11.666667vw;
        line-height: 1.25;
    }

    #x4 .sec-marb-24 {
        margin-bottom: 4.166667vw;
    }

    #x4 .sec-marb-40 {
        margin-bottom: 5.555556vw;
    }

    #x4 .sec-marb-60 {
        margin-bottom: 5.555556vw;
    }

    #x4 .light {
        font-weight: normal;
    }

    #x4 .sm-wrap {
        width: 83.333333vw;
    }

    #x4 .mid-wrap {
        width: 91.666667vw;
    }

    #x4 .section-txt {
        font-weight: normal;
    }

    #x4 section .img-scroll-bg-left,
    #x4 section .img-scroll-bg-right {
        width: 20vw;
    }

    #x4 .section-hero .media-cover::before {
        padding-bottom: 166.6666666667%;
    }

    #x4 .section-hero .hero-head-txt {
        top: 27.777778vw;
        width: 83.611vw;
        flex-direction: column;
        margin: 0 auto
    }

    #x4 .section-hero .hero-head-txt .hero-title {
        width: 36.544444vw;
        margin-bottom: 6.111111vw;
        margin-right: 0;
    }

    #x4 .section-hero .hero-head-txt .hero-slogan {
        width: 100%;
        text-align: center;
        white-space: nowrap;
    }

    #x4 .section-hero .hero-head-txt .hero-slogan .hero-slogan-title {
        margin-bottom: 0.9895833vw;
        font-size: 6.388vw;
    }

    #x4 .section-hero .hero-head-txt .hero-slogan .hero-slogan-text {
        font-size: 2.78vw;
    }

    #x4 .section-hero .hero-notes {
        width: 54.501389vw;
        right: 6.194444vw;
        bottom: 6.222222vw;
    }

    #x4 .content-1 {
        padding-bottom: 22.222222vw;
    }

    #x4 .content-1 .section-introduction .media-cover::before {
        padding-bottom: 148.4722222222%;
    }

    #x4 .content-1 .section-introduction .section-txt {
        top: 27.777778vw;
        left: 12.588889vw;
        right: 12.588889vw;
        font-weight: normal;
    }

    #x4 .content-1 .section-visit .section-txt {
        margin-bottom: 8.333333vw;
    }

    #x4 .content-1 .section-visit .section-txt .intro {
        width: 76.388889vw;
    }

    #x4 .content-1 .section-visit .media-cover::before {
        padding-bottom: 113.8888888889%;
    }

    #x4 .content-1 .section-headlight .mid-wrap {
        width: 100%;
    }

    #x4 .content-1 .section-headlight .mid-wrap .section-txt {
        width: 84.722222vw;
        margin-left: 8.333333vw;
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 5.555556vw;
    }

    #x4 .content-1 .section-headlight .mid-wrap .section-txt .sec-txt-44 {
        margin-bottom: 4.166667vw;
        letter-spacing: 0;
    }

    #x4 .content-1 .section-headlight .mid-wrap .section-txt .intro {
        width: 100%;
        letter-spacing: 0;
    }

    #x4 .content-1 .section-headlight .mid-wrap .media-cover::before {
        padding-bottom: 113.8888888889%;
    }

    #x4 .content-1 .section-design .mid-wrap {
        width: 100%;
    }

    #x4 .content-1 .section-design .mid-wrap .section-txt {
        width: 84.722222vw;
        margin-left: 8.333333vw;
        margin-bottom: 5.555556vw;
        text-align: left;
    }

    #x4 .content-1 .section-design .mid-wrap .section-txt .sec-txt-44,
    #x4 .content-1 .section-design .mid-wrap .section-txt .intro {
        letter-spacing: 0;
    }

    #x4 .content-1 .section-design .mid-wrap .media-cover::before {
        padding-bottom: 113.8888888889%;
    }

    #x4 .content-1 .section-model .section-txt {
        text-align: left;
        padding-left: 2.777778vw;
        width: 104%;
    }

    #x4 .content-1 .section-model .media-cover::before {
        padding-bottom: 80%;
    }

    #x4 .content-1 .section-model .swiper-container .swiper-slide {
        width: 83.333333vw;
    }

    #x4 .content-1 .section-model .swiper-container .swiper-content .slidenav .slidenav-disabled path,
    #x4 .content-1 .section-model .swiper-container .swiper-content .slidenav [aria-disabled=true] path {
        opacity: 0.5;
    }

    #x4 .swiper-container.navi-swiper .swiper-wrapper {
        padding-right: 8.333333vw;
        padding-left: 2.083333vw;
    }

    #x4 .swiper-container.navi-swiper .swiper-slide {
        width: 83.333333vw;
    }

    #x4 .swiper-container.navi-swiper .swiper-slide:not(:last-child) {
        margin-right: 4.166667vw;
    }

    #x4 .swiper-container.navi-swiper .swiper-slide .media-cover::before {
        padding-bottom: 100%;
    }

    #x4 .swiper-container.navi-swiper .swiper-slide .copy-item {
        display: block;
        font-size: 4.444444vw;
        margin-top: 5.555556vw;
        color: #929292;
    }

    #x4 .swiper-container.navi-swiper .swiper-slide .copy-item span {
        color: #ffffff;
    }

    #x4 .swiper-container.navi-swiper .swiper-content {
        width: 100%;
        margin-top: 0;
        flex-direction: column;
        align-items: flex-end;
    }

    #x4 .swiper-container.navi-swiper .swiper-content .copy-list {
        display: none;
        width: 100%;
    }

    #x4 .swiper-container.navi-swiper .swiper-content .copy-list .copy-item {
        font-size: 4.444444vw;
    }

    #x4 .swiper-container.navi-swiper .swiper-content .slidenav {
        margin-top: 5.555556vw;
    }

    #x4 .swiper-container.navi-swiper .swiper-content .slidenav .slidenav-arrow {
        width: 11.111111vw;
        height: auto;
    }

    #x4 .swiper-container.navi-swiper .swiper-content .slidenav .slidenav-arrow-next {
        margin-left: 5.555556vw;
    }

    #x4 .swiper-container.navi-swiper .swiper-content .slidenav .slidenav-disabled circle,
    #x4 .swiper-container.navi-swiper .swiper-content .slidenav [aria-disabled=true] circle {
        opacity: 0.2;
    }

    #x4 .swiper-container.navi-swiper .swiper-content .slidenav .slidenav-disabled path,
    #x4 .swiper-container.navi-swiper .swiper-content .slidenav [aria-disabled=true] path {
        opacity: 1;
    }

    #x4 .section-interior {
        margin-top: 8.333333vw;
    }

    #x4 .section-interior .section-txt {
        margin-bottom: 8.333333vw;
    }

    #x4 .section-interior .section-txt .intro {
        width: 68.611111vw;
    }

    #x4 .section-interior .media-cover::before {
        padding-bottom: 113.8888888889%;
    }

    #x4 .x4-sideNav-container .x4-sideNavWrapper {
        display: none;
    }

    #x4 .section-cabin #section-cabin {
        top: -30px;
    }

    #x4 .section-cabin .mid-wrap {
        width: 100%;
    }

    #x4 .section-cabin .section-txt {
        padding-left: 8.333333vw;
        padding-right: 8.333333vw;
        text-align: left;
    }

    #x4 .section-cabin .section-txt .intro {
        width: 100%;
    }

    #x4 .section-cabin .media-cover::before {
        padding-bottom: 83.3333333333%;
    }

    #x4 .section-particulars .sidenav-space {
        display: none;
    }

    #x4 .section-particulars .sm-wrap {
        width: 83.333333vw;
    }

    #x4 .section-particulars .section-txt {
        padding-left: 4.166667vw;
        width: 78.472222vw;
    }

    #x4 .section-particulars .swiper-container .swiper-wrapper {
        padding-left: 0;
    }

    #x4 .section-particulars .swiper-container .swiper-slide {
        will-change: transform;
        width: 100%;
        backface-visibility: hidden;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
    }

    #x4 .section-particulars .swiper-container .swiper-slide:not(:last-child) {
        margin-right: 4.166667vw;
    }

    #x4 .section-particulars .swiper-container .swiper-slide .media-cover::before {
        padding-bottom: 100%;
    }

    #x4 .section-particulars .swiper-container .swiper-slide:nth-of-type(1) {
        width: 100%;
    }

    #x4 .section-particulars .swiper-container .swiper-slide:nth-of-type(1) .media-cover::before {
        padding-bottom: 100%;
    }

    #x4 .section-Xpixel .sidenav-space {
        display: none;
    }

    #x4 .section-Xpixel .sm-wrap {
        width: 83.333333vw;
    }

    #x4 .section-Xpixel .section-txt {
        padding-left: 4.166667vw;
        width: 86.472222vw;
    }

    #x4 .section-Xpixel .swiper-container .swiper-wrapper {
        padding-left: 0;
    }

    #x4 .section-Xpixel .swiper-container .swiper-slide {
        will-change: transform;
        width: 100%;
        backface-visibility: hidden;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
    }

    #x4 .section-Xpixel .swiper-container .swiper-slide:not(:last-child) {
        margin-right: 4.166667vw;
    }

    #x4 .section-Xpixel .swiper-container .swiper-slide .media-cover::before {
        padding-bottom: 100%;
    }

    #x4 .section-Xpixel .swiper-container .swiper-slide:nth-of-type(1) {
        width: 100%;
    }

    #x4 .section-Xpixel .swiper-container .swiper-slide:nth-of-type(1) .media-cover::before {
        padding-bottom: 100%;
    }
    #x4 .section-Xpixel .section-disclaimer{
        margin-top: 11.111111vw;
        padding: 0 4.166667vw;
        font-size: 2.22vw;
    }
    #x4 .swiper-container .swiper-slide .slide-txt {
        will-change: transform;
        backface-visibility: hidden;
        transform: translate3d(0, 0, 0);
        font-size: 3.888889vw;
        left: 4.166667vw;
        right: 4.166667vw;
        bottom: 4.722222vw;
        font-weight: normal;
        z-index: 1;
    }

    #x4 .swiper-container .swiper-content {
        width: 100%;
        margin-top: 5.555556vw;
        justify-content: flex-end;
    }

    #x4 .swiper-container .swiper-content .slidenav .slidenav-arrow {
        width: 11.111111vw;
        height: auto;
    }

    #x4 .swiper-container .swiper-content .slidenav .slidenav-arrow-next {
        margin-left: 5.555556vw;
    }

    #x4 .tablist-wrapper::-webkit-scrollbar {
        display: none;
    }

    #x4 .tablist-wrapper {
        position: relative;
        overflow-x: auto;
        overflow-y: hidden;
        margin-top: 5.555556vw;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    #x4 .tabnav-swiper .media-cover::before {
        padding-bottom: 90.9090909091%;
    }

    #x4 .tabnav-swiper .sm-wrap {
        width: 100%;
    }

    #x4 .tabnav-swiper .sm-wrap .swiper-container {
        width: 91.666667vw;
        margin: 0 auto;
    }

    #x4 .tabnav-swiper .swiper-content {
        display: block;
        width: 100%;
    }

    #x4 .tabnav-swiper .swiper-content .tablist-wrapper {
        margin: 5.555556vw auto 4.166667vw;
    }

    #x4 .tabnav-swiper .swiper-content .tablist-wrapper .tablist {
        position: relative;
        display: inline-block;
        margin: 0 8.333333vw;
    }

    #x4 .tabnav-swiper .swiper-content .tablist-wrapper .tablist .tabnav {
        display: inline-block;
        padding: 0 0 2.777778vw 0;
        font-size: 4.444444vw;
        font-weight: 500;
    }

    #x4 .tabnav-swiper .swiper-content .tablist-wrapper .tablist .tabnav:first-child {
        padding: 0 0 2.777778vw 0;
    }

    #x4 .tabnav-swiper .swiper-content .tablist-wrapper .tablist .tabnav:last-child {
        padding: 0 0 2.777778vw 0;
    }

    #x4 .tabnav-swiper .swiper-content .tablist-wrapper .tablist .tabnav+.tabnav {
        margin-left: 8.333333vw;
    }

    #x4 .tabnav-swiper .swiper-content .tablist-wrapper .tablist::after {
        position: absolute;
        right: 0;
        bottom: -0.555556vw;
        left: 0;
        height: 0.555556vw;
        content: "";
        background-color: rgba(0, 0, 0, 0.3);
    }

    #x4 .tabnav-swiper .swiper-content .tablist-wrapper .tabnav-scrollbar {
        width: 0;
        height: 0.555556vw;
        margin: 0 8.333333vw;
    }

    #x4 .tabnav-swiper .swiper-content .stack-list {
        padding-left: 8.333333vw;
        padding-right: 8.333333vw;
        text-align: left;
    }

    #x4 .tabnav-swiper .swiper-content .stack-list .stack-item {
        font-weight: normal;
    }

    #x4 .section-Storage .sidenav-space {
        display: none;
    }

    #x4 .section-Storage .sm-wrap {
        width: 83.333333vw;
    }

    #x4 .section-Storage .section-txt {
        padding-left: 4.166667vw;
    }

    #x4 .section-Storage .section-txt .sec-txt-44 {
        font-size: 6.666667vw;
    }

    #x4 .section-Storage .swiper-container .swiper-wrapper {
        padding-left: 0;
    }

    #x4 .section-Storage .swiper-container .swiper-slide {
        width: 100%;
    }

    #x4 .section-Storage .swiper-container .swiper-slide:not(:last-child) {
        margin-right: 4.166667vw;
    }

    #x4 .section-Storage .swiper-container .swiper-slide .media-cover::before {
        padding-bottom: 100%;
    }

    #x4 .section-Storage .swiper-container .swiper-slide:nth-of-type(1) {
        width: 100%;
    }

    #x4 .section-Storage .swiper-container .swiper-slide:nth-of-type(1) .media-cover::before {
        padding-bottom: 100%;
    }

    #x4 .section-private #section-private {
        top: -30px;
    }

    #x4 .section-private .mid-wrap {
        width: 100%;
    }

    #x4 .section-private .mid-wrap .section-txt {
        text-align: left;
        padding-left: 8.333333vw;
        padding-right: 4.166667vw;
    }

    #x4 .section-private .mid-wrap .section-txt .intro {
        width: 100%;
    }

    #x4 .section-private .mid-wrap .media-cover::before {
        padding-bottom: 83.3333333333%;
    }

    #x4 .section-clean #section-clean {
        top: -30px;
    }

    #x4 .section-clean .mid-wrap {
        width: 100%;
    }

    #x4 .section-clean .section-txt {
        text-align: left;
        padding-left: 8.333333vw;
        padding-right: 4.166667vw;
    }

    #x4 .section-clean .section-txt .intro {
        width: 100%;
    }

    #x4 .section-clean .media-cover::before {
        padding-bottom: 83.3333333333%;
    }

    #x4 .section-aroma #section-aroma {
        top: -30px;
    }

    #x4 .section-aroma .mid-wrap {
        width: 100%;
    }

    #x4 .section-aroma .mid-wrap .section-txt {
        text-align: left;
        padding-left: 8.333333vw;
        padding-right: 8.333333vw;
    }

    #x4 .section-aroma .mid-wrap .section-txt .intro {
        width: 100%;
    }

    #x4 .section-aroma .mid-wrap .media-cover::before {
        padding-bottom: 83.3333333333%;
    }

    #x4 .section-aroma-fun .sm-wrap {
        width: 91.666667vw;
    }

    #x4 .section-aroma-fun .sm-wrap .media-cover::before {
        padding-bottom: 72.7272727273%;
    }

    #x4 .section-aroma-fun .sm-wrap .section-txt {
        width: 80.555556vw;
        padding: 6.180556vw 0;
    }

    #x4 .section-aroma-fun .sm-wrap .section-txt ul {
        flex-direction: column;
        align-items: flex-start;
    }

    #x4 .section-aroma-fun .sm-wrap .section-txt ul p.sec-txt-24 {
        font-size: 5vw;
        margin-bottom: 2.777778vw;
    }

    #x4 .section-aroma-fun .sm-wrap .section-txt ul p.sec-txt-20 {
        font-size: 4.444444vw;
        font-weight: normal;
    }

    #x4 .section-aroma-fun .sm-wrap .section-txt ul li:not(:last-child) {
        margin-bottom: 5.555556vw;
    }

    #x4 .section-sound #section-sound {
        top: -30px;
    }

    #x4 .section-sound .mid-wrap {
        width: 100%;
    }

    #x4 .section-sound .section-txt {
        text-align: left;
        width: 85.416667vw;
        margin-left: 8.333333vw;
        margin-bottom: 5.555556vw;
    }

    #x4 .section-sound .inline-video {
        margin: 0;
        width: 100%;
    }
    #x4 .section-sound .media-cover::before {
        padding-bottom: 83.3333333333%;
    }

    #x4 .section-sound-fun .sm-wrap {
        width: 91.666667vw;
        margin: 0 auto;
        flex-direction: column;
    }

    #x4 .section-sound-fun .sm-wrap .inline-video {
        width: 100%;
    }

    #x4 .section-sound-fun .sm-wrap .media-cover::before {
        padding-bottom: 72.7272727273%;
    }

    #x4 .section-sound-fun .sm-wrap .section-txt {
        width: 80.555556vw;
        margin: 6.180556vw 0;
    }

    #x4 .section-sound-fun .sm-wrap .section-txt .sec-txt-32 {
        font-size: 5vw;
        margin-bottom: 2.777778vw;
    }

    #x4 .section-sound-fun .sm-wrap .section-txt article.sec-txt-20 {
        font-weight: normal;
    }

    #x4 .section-sound-fun .sm-wrap:last-child {
        margin-top: 27.777778vw;
        flex-direction: column-reverse;
    }

    #x4 .section-sound-fun .sm-wrap:last-child .section-txt {
        margin-left: auto;
    }

    #x4 .section-sound-fun .sm-wrap:last-child .section-picture {
        width: 100%;
    }

    #x4 .section-harmony .section-txt {
        text-align: left;
    }

    #x4 .section-harmony .section-txt img {
        width: 57.777778vw;
    }

    #x4 .section-harmony .navi-swiper .swiper-slide .copy-item span {
        color: #000000;
    }

    #x4 .section-intelligence {
        margin-top: 13.888889vw;
    }

    #x4 .section-intelligence .section-txt .sec-txt-80 {
        font-size: 12.222222vw;
    }

    #x4 .section-intelligence .section-txt .intro {
        width: 75.388889vw;
    }

    #x4 .section-intelligence .media-cover::before {
        padding-bottom: 113.8888888889%;
    }

    #x4 .section-intelligence .info-list {
        width: 86.666667vw;
        bottom: 9.722222vw;
    }

    #x4 .section-intelligence .info-list .sec-txt-20 {
        font-size: 3.888889vw;
        margin-bottom: 0;
    }

    #x4 .section-intelligence .info-list p.sec-txt-64 {
        font-size: 8.333333vw;
    }

    #x4 .section-intelligence .info-list p.sec-txt-64 span {
        font-size: 3.888889vw;
    }

    #x4 .section-platform .sm-wrap {
        width: 100%;
    }

    #x4 .section-platform .sm-wrap .section-txt {
        width: 89.722222vw;
        margin: 0 4.166667vw 5.555556vw 8.333333vw;
        flex-direction: column;
        align-items: flex-start;
    }

    #x4 .section-platform .sm-wrap .section-txt .sec-txt-44 {
        font-weight: normal;
        margin-bottom: 4.166667vw;
        line-height: 1.25;
    }

    #x4 .section-platform .sm-wrap .section-txt .intro {
        width: 84.722222vw;
    }

    #x4 .section-platform .swiper-container {
        margin-top: 27.777778vw;
        width: 83.333333vw;
        overflow: hidden;
    }

    #x4 .section-platform .swiper-container .swiper-slide {
        width: 83.333333vw;
    }

    #x4 .section-platform .swiper-container .swiper-slide:not(:last-child) {
        margin-right: 4.166667vw;
    }

    #x4 .section-platform .media-cover::before {
        padding-bottom: calc(600 / 720 * 100%);
    }

    #x4 .section-platform .swiper-container .swiper-slide .media-cover::before {
        padding-bottom: calc(600 / 600 * 100%);
    }

    #x4 .section-platform .swiper-container .swiper-slide .slide-txt {
        margin-top: 5.555556vw;
        margin-left: 0;
        font-size: 4.444444vw;
        line-height: 1.6;
    }

    #x4 .section-platform .swiper-container .swiper-slide .slide-txt span {
        font-size: 4.444444vw;
        line-height: 1.6;
        margin-bottom: 0;
        font-weight: normal;
        display: inline-block;
    }

    #x4 .section-radar .sm-wrap {
        width: 100%;
    }

    #x4 .section-radar .sm-wrap .section-txt {
        width: 84.722222vw;
        margin-left: 8.333333vw;
        flex-direction: column;
        margin-bottom: 5.555556vw;
    }

    #x4 .section-radar .sm-wrap .section-txt .sec-txt-44 {
        margin-bottom: 4.166667vw;
        font-weight: normal;
        line-height: 1.25;
    }

    #x4 .section-radar .sm-wrap .section-txt .intro {
        width: 100%;
    }

    #x4 .section-radar .sm-wrap .media-cover::before {
        padding-bottom: 83.3333333333%;
    }

    #x4 .section-parking .navi-swiper .swiper-slide .copy-item span {
        color: inherit;
    }

    #x4 .section-parking .navi-swiper .swiper-slide .copy-item span.black {
        color: #000000;
    }

    #x4 .section-driveone .sm-wrap {
        width: 100%;
    }

    #x4 .section-driveone .section-txt .section-txt-l .sec-stxt {
        margin-bottom: 2.9166vw;
        font-size: 5.56vw;
    }

    #x4 .section-driveone .sm-wrap .section-txt {
        width: 85.277778vw;
        margin-left: 8.333333vw;
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 5.555556vw;
    }

    #x4 .section-driveone .sm-wrap .section-txt img {
        width: 77.361111vw;
    }

    #x4 .section-driveone .sm-wrap .section-txt .section-txt-r {
        margin-top: 5.555556vw;
        margin-bottom: initial;
    }

    #x4 .section-driveone .sm-wrap .section-txt .section-txt-r li:first-child {
        margin-right: 11.111111vw;
    }

    #x4 .section-driveone .sm-wrap .section-txt .section-txt-r .sec-txt-20 {
        font-size: 3.888889vw;
        font-weight: normal;
        margin-bottom: 0;
    }

    #x4 .section-driveone .sm-wrap .section-txt .section-txt-r .sec-txt-64 {
        font-size: 9.444444vw;
    }

    #x4 .section-driveone .sm-wrap .section-txt .section-txt-r .sec-txt-64 span {
        font-size: 3.888889vw;
    }

    #x4 .section-driveone .sm-wrap .media-cover::before {
        padding-bottom: 83.3333333333%;
    }

    #x4 .section-mileage .sm-wrap {
        width: 100%;
    }

    #x4 .section-mileage .section-txt .section-txt-l{
        width: 100%;
    }

    #x4 .section-mileage .section-txt .section-txt-l .sec-stxt {
        margin-bottom: 2.9166vw;
        font-size: 5.56vw;
    }

    #x4 .section-mileage .sm-wrap .section-txt {
        width: 85.277778vw;
        margin-left: 8.333333vw;
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 5.555556vw;
    }

    #x4 .section-mileage .sm-wrap .section-txt img {
        width: 77.361111vw;
    }

    #x4 .section-mileage .sm-wrap .section-txt .section-txt-r {
        margin-top: 5.555556vw;
        margin-bottom: initial;
    }

    #x4 .section-mileage .sm-wrap .section-txt .section-txt-r li:first-child {
        margin-right: 11.111111vw;
    }

    #x4 .section-mileage .sm-wrap .section-txt .section-txt-r .sec-txt-20 {
        font-size: 3.888889vw;
        font-weight: normal;
        margin-bottom: 0;
    }

    #x4 .section-mileage .sm-wrap .section-txt .section-txt-r .sec-txt-64 {
        font-size: 9.444444vw;
    }

    #x4 .section-mileage .sm-wrap .section-txt .section-txt-r .sec-txt-64 span {
        font-size: 3.888889vw;
    }

    #x4 .section-mileage .sm-wrap .media-cover::before {
        padding-bottom: 83.3333333333%;
    }

    #x4 .section-safe .media-cover::before {
        padding-bottom: 113.8888888889%;
    }

    #x4 .section-safe-fun>.section-txt {
        width: 100%;
        text-align: left;
        padding: 0 8.333333vw;
    }

    #x4 .section-safe-fun>.section-txt .sec-txt-44 {
        line-height: 1.25;
    }

    #x4 .section-safe-fun .sm-wrap:first-child {
        width: 100%;
    }

    #x4 .section-safe-fun .sm-wrap:last-child {
        width: 91.666667vw;
        flex-direction: column;
    }

    #x4 .section-safe-fun .sm-wrap:last-child .section-picture {
        width: 100%;
    }

    #x4 .section-safe-fun .sm-wrap:last-child .media-cover::before {
        padding-bottom: 72.7272727273%;
    }

    #x4 .section-safe-fun .sm-wrap:last-child .swiper-content {
        width: 100%;
        margin-top: 5.555556vw;
        margin-right: 0;
    }

    #x4 .section-safe-fun .sm-wrap:last-child .swiper-content .headline-wrapper .headline-list .tab-item {
        margin-bottom: 2.777778vw;
        border-top: 1px solid #B9B9BB;
    }

    #x4 .section-safe-fun .sm-wrap:last-child .swiper-content .headline-wrapper .headline-list .tab-item .tab-row {
        margin-bottom: -2.777778vw;
        padding-top: 5.555556vw;
        padding-bottom: 5.555556vw;
        cursor: pointer;
    }

    #x4 .section-safe-fun .sm-wrap:last-child .swiper-content .headline-wrapper .headline-list .tab-item .tab-row .tab-headline {
        font-size: 5vw;
    }

    #x4 .section-safe-fun .sm-wrap:last-child .swiper-content .headline-wrapper .headline-list .tab-item .tab-row .icon {
        width: 5vw;
        height: 5vw;
    }

    #x4 .section-safe-fun .sm-wrap:last-child .swiper-content .headline-wrapper .headline-list .tab-item .intro-row .tab-intro {
        font-size: 4.444444vw;
    }

    #x4 .section-safe-fun .sm-wrap:last-child .swiper-content .headline-wrapper .headline-list .tab-item .intro-row .space {
        width: 100%;
        height: 2.777778vw;
    }

    #x4 .section-waterproof .sm-wrap .section-txt {
        padding: 0 8.333333vw;
        text-align: left;
    }

    #x4 .section-waterproof .sm-wrap .section-txt .sec-txt-44 {
        line-height: 1.25;
    }

    #x4 .section-security-testing .sm-wrap {
        width: 100%;
    }

    #x4 .section-security-testing .sm-wrap>.section-txt {
        padding: 0 8.333333vw;
        text-align: left;
    }

    #x4 .section-security-testing .sm-wrap>.section-txt .sec-txt-44 {
        line-height: 1.25;
    }

    #x4 .section-security-testing .sm-wrap .content {
        flex-direction: column;
    }

    #x4 .section-security-testing .sm-wrap .content .item {
        width: 100%;
    }

    #x4 .section-security-testing .sm-wrap .content .item .section-txt {
        width: 80.555556vw;
        margin: 6.180556vw auto;
    }

    #x4 .section-security-testing .sm-wrap .content .item:not(:last-child) {
        margin-bottom: 16.666667vw;
    }

    #x4 .section-colours .swiper-container .media-cover::before {
        padding-bottom: 83.3333333333%;
    }

    #x4 .section-colours .tablist-wrapper {
        position: relative;
        width: 43.333333vw;
        margin-top: 0;
        margin-bottom: 5.555556vw;
    }

    #x4 .section-colours .tablist-wrapper .tablist {
        display: flex;
        margin: 0;
        justify-content: space-between;
    }

    #x4 .section-colours .tablist-wrapper .tabnav {
        margin-left: 0;
        opacity: 0.5;
        font-size: 4.444444vw;
        padding-left: 0;
        padding-right: 0;
        width: auto;
        display: inline-block;
        font-size: 4.444444vw;
    }

    #x4 .section-colours .tablist-wrapper .tabnav:first-child {
        padding: 0 0 2.777778vw 0;
    }

    #x4 .section-colours .tablist-wrapper .tabnav:last-child {
        padding: 0 0 2.777778vw 0;
    }

    #x4 .section-colours .tablist-wrapper .tabnav-scrollbar {
        width: 100%;
        margin: 0;
        height: 0.555556vw;
    }

    #x4 .section-colours .swiper-wrapper .media-cover::before {
        padding-bottom: 83.3333333333%;
    }

    #x4 .section-colours .exterior-color .color-item:nth-of-type(1) {
        top: 43vw;
        left: 6.888889vw;
    }

    #x4 .section-colours .exterior-color .color-item:nth-of-type(2) {
        top: 50.127778vw;
        left: 70.055556vw;
    }

    #x4 .section-colours .exterior-color .color-item:nth-of-type(3) {
        top: 67.722222vw;
        left: 39.222222vw;
    }

    #x4 .section-colours .exterior-color .color-item:nth-of-type(4) {
        top: 24.138889vw;
        left: 36.477778vw;
    }

    #x4 .section-colours .exterior-color .color-swatch {
        width: 2.777778vw;
        height: 2.777778vw;
        border: 1px solid;
    }

    #x4 .section-colours .exterior-color .color-label {
        margin-left: 1.111111vw;
        font-size: 3.333333vw;
    }

    #x4 .section-colours .interior-color {
        bottom: 5.555556vw;
        height: 6.666667vw;
    }

    #x4 .section-colours .interior-color .color-swatch {
        font-size: 3.333333vw;
    }

    #x4 .section-colours .interior-color .colornav {
        width: 6.666667vw;
        height: 6.666667vw;
        margin: 0 2.777778vw;
        border-radius: 6.666667vw;
    }

    #x4 .section-colours .interior-color .colornav.active {
        width: 14.444444vw;
        height: 6.666667vw;
        border-radius: 2.916667vw;
    }

    #x4 .section-configuration {
        margin-top: 27.777778vw;
        padding-top: 0;
    }

    #x4 .section-configuration .section-main {
        background-color: #000000;
        padding-bottom: 13.125vw;
    }

    #x4 .section-configuration .section-main .media-cover::before {
        padding-bottom: 86.1111111111%;
    }

    #x4 .section-configuration .section-main .section-content {
        position: relative;
        width: 91.66%;
        text-align: center;
        transform: translateY(0);
        left: 0;
        padding-top: 13.88vw;
        margin: 0 auto;
    }

    #x4 .section-configuration .section-main .section-content .sec-txt-44 {
        font-size: 6.666667vw;
        margin-bottom: 13.888889vw;
    }

    #x4 .section-configuration .section-main .section-content .badge-wrapper {
        flex-direction: column;
    }

    #x4 .section-configuration .section-main .section-content .badge-wrapper .badge-title {
        display: inline-block;
        color: #000000;
        font-size: 4.444444vw;
        text-align: left;
        background-color: rgba(255, 255, 255, 0.76);
        margin-bottom: 5.555556vw;
        padding: 0.416667vw 2.083333vw;
        border-radius: 0.555556vw;
        -webkit-border-radius: 0.555556vw;
        -moz-border-radius: 0.555556vw;
    }
    #x4 .section-configuration .section-main .section-content .badge-wrapper .badge-item:nth-child(3) .badge-title{
        padding: .416667vw 1.111111vw;
    }
    #x4 .section-configuration .section-main .section-content .badge-wrapper .badge-item:nth-child(3) .badge-title:last-child{
        padding: 0.416667vw 2.083333vw;
    }
    #x4 .section-configuration .section-main .section-content .badge-wrapper .flex-between {
        flex-direction: column;
    }

    #x4 .section-configuration .section-main .section-content .badge-wrapper .badge-item {
        margin-bottom: 13.889vw;
        justify-content: space-between;
    }

    #x4 .section-configuration .section-main .section-content .badge-wrapper .badge-item ul {
        align-items: center;
    }

    #x4 .section-configuration .section-main .section-content .badge-wrapper .badge-item ul p.sec-txt-20 {
        font-size: 3.888889vw;
        color: rgba(255, 255, 255, 0.8);
    }

    #x4 .section-configuration .section-main .section-content .badge-wrapper .badge-item ul p.sec-txt-40 {
        font-size: 6.666667vw;
    }

    #x4 .section-configuration .section-main .section-content .badge-wrapper .badge-item ul p.sec-txt-40 span {
        font-size: 3.888889vw;
    }

    #x4 .section-configuration .section-main .section-content .badge-wrapper .badge-item ul li:first-child {
        margin-bottom: 5.555556vw;
    }
    #x4 .section-configuration .section-main .tips {
        position: initial;
        width: 83.333333vw;
        margin: 0 auto;
        font-size: 3.333333vw;
        color: rgba(255, 255, 255, 0.4);
    }

    #x4 .section-configuration .section-main .button {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 27.777778vw;
        height: 11.111111vw;
        font-size: 3.333333vw;
        padding: 0;
        margin: 0;
        bottom: 0;
    }
    #x4 .section-configuration .section-disclaimer {
        position:relative;
        display: flex;
        justify-content: right;
        margin-top: 5.278vw;
        padding: 0 4.166667vw;
        font-size: 2.22vw;
        bottom: 0;
        right: 0;
        font-weight: lighter;
    }

    #x4 .section-configuration .section-txt {
        position: relative;
        bottom: 0;
        margin-top: 12.5vw;
        color: #FFF;
    }

    #x4 .section-configuration .section-txt .sec-des {
        font-size: 4.44vw;
    }

    #x4 .section-configuration .section-content {
        bottom: 0;
    }

    #x4 .section-configuration .section-main .section-content .badge-wrapper .badge-context {
        width: 39.583333vw;
    }

    #x4 .section-configuration .section-main .section-content .badge-wrapper .badge-context .badge-title p {
        font-size: 4.3vw
    }

    #x4 .section-configuration .section-content .badge-wrapper .badge-line {
        opacity: .8;
        height: 19.2vw;
    }

    #x4 .section-configuration .section-content .badge-wrapper .badge-item:nth-child(2) .badge-line{
        height:25.1388vw;
    }

    #x4 .section-footnote {
        padding: 20.833333vw 0;
    }

    #x4 .section-footnote .section-content {
        width: 82.777778vw;
        margin: 0 auto;
    }

    #x4 .section-footnote .footnote-list {
        font-size: 3.333333vw;
    }

    #x4 .section-footnote li {
        color: rgba(0, 0, 0, 0.6);
    }

    #x4 .section-footnote ul.section-content {
        margin-top: 13.888889vw;
    }
    #x4 .section-particulars .swiper-container .swiper-slide:nth-of-type(5),
    #x4 .section-particulars .swiper-container .swiper-slide:nth-of-type(6) {
        width: 100%;
    }
 
    #x4 .section-particulars .swiper-container .swiper-slide:nth-of-type(5) .media-cover::before,
    #x4 .section-particulars .swiper-container .swiper-slide:nth-of-type(6) .media-cover::before {
        padding-bottom: 100%;
    }
}

/*# sourceMappingURL=main.css.map */