html {
    scroll-behavior: auto !important;
}

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

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

#m9 section {
    position: relative;
}

#m9 picture,
#m9 img,
#m9 svg,
#m9 video {
    display: block;
    width: 100%;
    max-width: 100%;
}

#m9 sup {
    top: auto;
    font-size: .6em;
    vertical-align: super;
}

#m9 sup a {
    color: inherit;
}

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

#m9 .button {
    font-weight: bold;
    transition: all .3s ease-out;
    border-radius: 4px;
    background-color: #fff;
}

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

#m9 .nowrap {
    white-space: nowrap;
}

#m9 .sticky-wrapper {
    position: relative;
    z-index: 1;
}

#m9 .sticky-content {
    position: sticky;
    top: 64px;
    overflow: hidden;
    width: 100%;
}

#m9.no-sticky .sticky-wrapper {
    height: auto !important;
}

#m9.no-sticky .sticky-content {
    position: relative !important;
    top: 0 !important;
    height: auto !important;
}

#m9 .row {
    display: flex;
    flex-wrap: wrap;
}

#m9 .covered-picture {
    position: relative;
    overflow: hidden;
    height: 100%;
}

#m9 .covered-picture img {
    height: 100%;
    object-fit: cover;
}

#m9 .aspect-ratio {
    position: relative;
    overflow: hidden;
}

#m9 .aspect-ratio::before {
    display: block;
    content: '';
}

#m9 .aspect-ratio img,
#m9 .aspect-ratio video {
    position: absolute;
    top: 0;
    left: 0;
}

#m9 .inline-media {
    position: relative;
    overflow: hidden;
}

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

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

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

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

#m9 {
    color: #000;
}

#m9 .theme-dark {
    color: #fff;
    background-color: #000;
    box-shadow: 0 2px #000;
}

#m9 .theme-dark h2,
#m9 .theme-dark h3,
#m9 .theme-dark p {
    color: #fff;
}

#m9 .section-content {
    width: 71.041667vw;
    margin-right: auto;
    margin-left: auto;
}

#m9 .head-content {
    position: absolute;
    z-index: 1;
    top: 10.416667vw;
    left: 0;
    width: 100%;
    text-align: center;
}

@media (max-aspect-ratio: 11 / 10) {
    #m9 .section-content {
        width: 100%;
    }

    #m9 .head-content {
        top: 27.777778vw;
        display: block;
        padding-left: 11.111111vw;
        text-align: left;
    }

    #m9 .content {
        display: block;
        width: 77.777778vw;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0;
    }

    #m9 .xs\:content {
        width: 100%;
        padding-left: 11.111111vw;
    }

    #m9 .xs\:w-600 {
        width: 83.333333vw;
        margin-right: auto;
        margin-left: auto;
    }

    #m9 .xs\:w-660 {
        width: 91.666667vw;
        margin-right: auto;
        margin-left: auto;
    }

    #m9 .xs\:w-656 {
        width: 91.111111vw;
        margin-right: auto;
        margin-left: auto;
    }
}

#m9 h2 {
    font-size: 2.5vw;
    font-weight: normal;
    line-height: 1.25;
}

#m9 h3 {
    font-size: 1.25vw;
    font-weight: normal;
    line-height: 1.25;
}

#m9 p {
    font-size: 1.145833vw;
    font-weight: normal;
}

#m9 .headline-caption {
    padding-right: 4.6875vw;
    padding-left: 11.979167vw;
    font-size: 1.458333vw;
    line-height: 1.6;
    white-space: nowrap;
    letter-spacing: .3em;
}

#m9 .note {
    font-size: 12px;
}

@media (min-width: 1921px) {
    #m9 .note {
        font-size: .625vw;
    }
}

@media (min-aspect-ratio: 11 / 10) and (max-width:1360px) {
    #m9 .note {
        font-size: .625vw;
    }
}

@media (max-aspect-ratio: 11 / 10) {
    #m9 h2 {
        font-size: 8.888889vw;
    }

    #m9 h3 {
        font-size: 4.444444vw;
    }

    #m9 p {
        font-size: 4.444444vw;
    }

    #m9 .headline-caption {
        padding-right: 0;
        padding-left: 4.166667vw;
        font-size: 4.444444vw;
        letter-spacing: .24em;
    }

    #m9 .note {
        font-size: 3.333333vw;
    }
}

#m9 .section-anchor {
    position: absolute;
    top: 5.208333vw;
}

#m9 .section-space .section-anchor {
    top: -5.208333vw;
}

@media (max-aspect-ratio: 11 / 10) {
    #m9 .section-anchor {
        top: 13.888889vw;
    }

    #m9 .section-space .section-anchor {
        top: 13.888889vw;
    }
}

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

@media (max-aspect-ratio: 11 / 10) {
    #m9 .tabnav-swiper {
        width: 100%;
    }
}

#m9 .tabnav-swiper.full-width {
    width: 100%;
}

#m9 .tabnav-swiper.full-width .swiper-content {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 4.166667vw;
    left: 0;
}

@media (max-aspect-ratio: 11 / 10) {
    #m9 .tabnav-swiper.full-width .swiper-content {
        position: static;
    }
}

#m9 .tabnav-active,
#m9 [data-active='1'] .tabnav:nth-of-type(1),
#m9 [data-active='2'] .tabnav:nth-of-type(2),
#m9 [data-active='3'] .tabnav:nth-of-type(3),
#m9 [data-active='4'] .tabnav:nth-of-type(4),
#m9 [data-active='5'] .tabnav:nth-of-type(5),
#m9 [data-active='6'] .tabnav:nth-of-type(6) {
    opacity: 1;
}

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

#m9 .theme-dark .tabnav {
    color: #fff;
}

#m9 .theme-dark .tabnav-scrollbar {
    background-color: rgba(255, 255, 255, 0.5);
}

#m9 .theme-dark .swiper-scrollbar-drag {
    background-color: #fff;
}

@media (max-aspect-ratio: 11 / 10) {
    #m9 .theme-dark .tablist::after {
        background-color: rgba(255, 255, 255, 0.5);
    }
}

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

#m9 .tablist-wrapper {
    position: relative;
    margin: 2.083333vw auto 0;
}


#m9 .tablist-wrapper.theme-wrapper .tabnav {
    position: relative;
}

#m9 .tablist {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

#m9 .tabnav {
    padding: 0 1.666667vw .78125vw 1.666667vw;
    font-size: 1.25vw;
    font-weight: bold;
    cursor: pointer;
    transition: opacity .3s;
    white-space: nowrap;
    opacity: .6;
    color: #000;
}

#m9 .tabnav-scrollbar {
    width: 100%;
    height: .104167vw;
    background-color: rgba(0, 0, 0, 0.5);
}

#m9 .swiper-scrollbar-drag {
    width: 0;
    transition: transform .5s, width .5s;
    border-radius: 0;
    background-color: #000;
}

#m9 .colornav-list {
    display: flex;
    align-items: center;
    justify-content: center;
}

#m9 .stack-list {
    display: flex;
    text-align: center;
}

#m9 .stack-item {
    position: relative;
    width: 100%;
    transition: opacity .3s;
    opacity: 0;
}

#m9 .stack-item+.stack-item {
    margin-left: -100%;
}

#m9 {
    width: 100%;
    overflow: hidden;
}

@media (max-aspect-ratio: 11 / 10) {

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

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

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

    #m9 .xs-center {
        display: flex;
        overflow: hidden;
        justify-content: center;
    }

    #m9 .tablist {
        position: relative;
        display: inline-block;
        margin: 0 8.888889vw 0 11.111111vw;
    }

    #m9 .tab-c {
        text-align: center;
    }

    #m9 .tab-c .tablist {
        margin-left: auto;
        margin-right: auto;
    }

    #m9 .tablist::after {
        position: absolute;
        right: 0;
        bottom: -.555556vw;
        left: 0;
        height: .555556vw;
        content: '';
        background-color: rgba(0, 0, 0, 0.3);
    }

    #m9 .tabnav {
        display: inline-block;
        padding: 0 0 2.777778vw 0;
        font-size: 4.444444vw;
    }

    #m9 .tabnav+.tabnav {
        margin-left: 8.888889vw;
    }

    #m9 .tabnav .footnote {
        pointer-events: none;
    }

    #m9 .stack-list {
        width: 100%;
        padding-left: 11.111111vw;
        padding-right: 11.111111vw;
        text-align: left;
    }

    #m9 .colornav-list {
        margin-top: 2.777778vw;
    }

    #m9 .tabnav-scrollbar {
        width: 0;
        height: .555556vw;
        margin: 0 8.888889vw 0 11.111111vw;
    }


    #m9 .tablist-wrapper.theme-wrapper .tabnav:not(:last-child):after {
        width: 1.111111vw;
        height: 1.111111vw;
        right: auto;
        left: calc(100% + 4.444444vw);
        top: 2.222222vw;
    }

    #m9 .theme-dark .section-common-txt-wrapper h2 {
        color: #fff;
    }

    #m9 .section-luxe .section-common-txt-wrapper h2 {
        color: #000;
    }
}

#m9 .section-hero {
    background-color: #dae0ed;
}

#m9 .section-hero .hero-content {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 8.072917vw;
    color: #000;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

#m9 .section-hero .logo {
    width: 19.270833vw;
}

#m9 .section-hero .separator {
    display: block;
    width: 1px;
    height: 4.166667vw;
    margin-right: 2.395833vw;
    margin-left: 2.395833vw;
    background-color: #000;
}

#m9 .section-hero .slogan {
    font-size: 2.1875vw;
    letter-spacing: .36em;
    color: #000;
}

#m9 .section-hero .ksp {
    margin-top: .3125vw;
    font-size: 1.145833vw;
    letter-spacing: .23em;
}

#m9 .section-hero .head-logo {
    position: absolute;
    top: 3.229167vw;
    right: 3.333333vw;
    width: 11.041667vw;
}

#m9 .section-hero .hero-note {
    position: absolute;
    right: 3.333333vw;
    bottom: .208333vw;
    width: 20.833333vw;
}

@media (max-aspect-ratio: 11 / 10) {
    #m9 .section-hero .hero-content {
        top: 38.055556vw;
        bottom: 30.833333vw;
        flex-direction: column;
        justify-content: space-between;
    }

    #m9 .section-hero .hero-copy {
        padding-left: 2.5vw;
    }

    #m9 .section-hero .logo {
        width: 53.888889vw;
    }

    #m9 .section-hero .slogan {
        font-size: 6.666667vw;
    }

    #m9 .section-hero .separator {
        display: none;
    }

    #m9 .section-hero .ksp {
        margin-top: 1.666667vw;
        font-size: 4.444444vw;
        letter-spacing: .21em;
    }

    #m9 .section-hero .head-logo {
        top: 6.666667vw;
        right: 6.111111vw;
        width: 28.194444vw;
    }

    #m9 .section-hero .hero-note {
        right: 6.111111vw;
        bottom: 16.666667vw;
        width: 53.333333vw;
    }
}

#m9 .section-reasons {
    width: 100%;
    position: relative;
    margin: 10.416667vw 0;
    overflow: hidden
}

#m9 .section-reasons .swiper-slide {
    width: 71.041667vw;
    margin: auto 1.041667vw;
    transition: none;
    position: relative;
    opacity: 0.1;
    transition: opacity .3s;
}

#m9 .section-reasons .swiper-slide-active {
    opacity: 1;
}

#m9 .section-reasons .swiper-slide .reasons-con {
    position: relative;
    width: 100%;
    height: 100%;
}

#m9 .section-reasons .swiper-slide .reasons-title {
    width: 80%;
    position: absolute;
    top: 2.5vw;
    left: 2.5vw;
    color: #fff;
    font-size: 1.875vw;
}

#m9 .section-reasons .swiper-slide-prev {
    cursor: pointer
}

#m9 .section-reasons .swiper-slide-next {
    cursor: pointer
}

#m9 .section-reasons .swiper-button-center {
    width: 13.854167vw;
    margin: 0 auto;
    height: 3.333333vw;
    background-color: #F7F8FA;
    border-radius: 1.666667vw;
    position: relative;
    margin-top: 3.125vw;
    transition: all .5s
}

#m9 .section-reasons .swiper-button-center .swiper-pagination {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-flex;
    align-items: center;
    justify-content: center
}

#m9 .section-reasons .swiper-button-center .swiper-pagination-bullet {
    width: .52vw;
    height: .52vw;
    margin: auto .260417vw;
    background: #000000;
    transition: all .8s;
    opacity: .2
}

#m9 .section-reasons .swiper-button-center .swiper-pagination-bullet-active {
    background-color: #000000;
    opacity: .8;
    transition: all .8s
}

#m9 .section-reasons .swiper-button-center .swiper-button-prev {
    left: 1.666667vw;
    color: #000000;
    width: .7364583vw;
    height: 1.178646vw;
    font-weight: bold;
    margin: 0;
    transform: translateY(-50%);
    transition-duration: .3s
}

#m9 .section-reasons .swiper-button-center .swiper-button-prev::after {
    content: ""
}

#m9 .section-reasons .swiper-button-center .swiper-button-prev svg {
    width: 100%;
    height: 100%
}

#m9 .section-reasons .swiper-button-center .swiper-button-next {
    right: 1.666667vw;
    color: #000000;
    width: .7364583vw;
    height: 1.178646vw;
    font-weight: bold;
    margin: 0;
    transform: translateY(-50%);
    transition-duration: .3s
}

#m9 .section-reasons .swiper-button-center .swiper-button-next svg {
    width: 100%;
    height: 100%
}

#m9 .section-reasons .swiper-button-center .swiper-button-next::after {
    content: ""
}

#m9 .section-reasons .reasons-wrap {
    width: 71.041667vw;
    height: 37.5vw;
    text-align: center
}

#m9 .section-reasons .reasons-wrap img {
    width: 100%;
    transform-origin: top
}

#m9 .section-header {
    position: absolute;
    z-index: 1;
    top: 10.416667vw;
    right: 0;
    left: 0;
    display: flex;
    justify-content: center;
}

#m9 .section-header span {
    display: inline-block;
    transform: translateX(-3px);
    opacity: .25;
    filter: blur(8px);
}

#m9 .section-header .section-copy {
    position: relative;
    min-width: 5.46875vw;
}

#m9 .section-header .section-headline {
    position: relative;
    font-size: 4.375vw;
    white-space: nowrap;
    letter-spacing: .43em;
    writing-mode: tb-lr;
    writing-mode: vertical-lr;
}

#m9 .section-header .headline {
    display: block;
    font-size: inherit;
    font-weight: inherit;
}

#m9 .section-header .headline+.headline {
    margin-top: 7.291667vw;
}

#m9 .section-header .section-intros {
    position: absolute;
    top: 10.416667vw;
    left: 9.375vw;
    display: flex;
    width: 100%;
    opacity: 0;
}

#m9 .section-header .section-intros.line-3 {
    top: 15.625vw;
}

#m9 .section-header .section-intro {
    line-height: 1.25;
    white-space: nowrap;
    letter-spacing: .3em;
    color: #000;
    writing-mode: tb-lr;
    writing-mode: vertical-lr;
}

#m9 .section-header .section-intro+.section-intro {
    margin-left: 1.041667vw;
}

@media (max-aspect-ratio: 11 / 10) {
    #m9 .section-header {
        top: 27.777778vw;
    }

    #m9 .section-header .section-copy {
        display: flex;
        min-width: 15.277778vw;
    }

    #m9 .section-header .section-headline {
        font-size: 12.222222vw;
        letter-spacing: .46em;
    }

    #m9 .section-header .headline+.headline {
        margin-top: 23.055556vw;
    }

    #m9 .section-header .section-intros {
        top: 27.777778vw;
        left: 19.444444vw;
    }

    #m9 .section-header .section-intros.line-3 {
        top: 27.777778vw;
    }

    #m9 .section-header .section-intro {
        font-size: 3.888889vw;
        opacity: .6;
    }

    #m9 .section-header .section-intro+.section-intro {
        margin-left: 2.777778vw;
    }
}

#m9 .theme-dark .section-headline,
#m9 .theme-dark .section-intro {
    color: #fff;
}

#m9 .text-white {
    color: #fff;
}

#m9 .text-white .section-headline,
#m9 .text-white .section-intro {
    color: #fff;
}

#m9 .section-design .section-header {
    top: 22.65625vw;
}

#m9 .section-design .section-header .section-copy {
    min-width: 10.9375vw;
}

#m9 .section-design .section-header .section-intros {
    left: 13.541667vw;
}

#m9 .section-design .picture-wrapper {
    position: relative;
    margin-top: -1px;
    background-color: #FFFFFF;
}

#m9 .section-design .stats {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 4.895833vw;
    left: 0;
    justify-content: center;
    line-height: 1.25;
    color: #fff;
}

#m9 .section-design .stat-item {
    margin-right: 2.34375vw;
    margin-left: 2.34375vw;
}

#m9 .section-design .stat-caption {
    padding-bottom: 0;
    font-size: 1.145833vw;
}

#m9 .section-design .stat-value {
    margin-top: .520833vw;
}

#m9 .section-design .stat-number {
    font-size: 2.8125vw;
}

#m9 .section-design .stat-unit {
    font-size: 1.145833vw;
    margin-left: .260417vw;

}

@media (max-aspect-ratio: 11 / 10) {
    #m9 .section-design .section-header {
        top: 33.333333vw;
    }

    #m9 .section-design .section-header .section-copy {
        min-width: 30.555556vw;
    }

    #m9 .section-design .section-header .section-intros {
        top: 24.166667vw;
        left: 34.444444vw;
    }

    #m9 .section-design .stats {
        position: relative;
        bottom: auto;
        color: #000;
    }

    #m9 .section-design .stat-item {
        min-width: 30.138889vw;
        margin: 6.25vw 6.944444vw 0;
    }

    #m9 .section-design .stat-caption {
        padding-bottom: 1.388889vw;
        font-size: 3.888889vw;
        color: rgba(0, 0, 0, 0.8);
    }

    #m9 .section-design .stat-number {
        font-size: 9.444444vw;
    }

    #m9 .section-design .stat-unit {
        font-size: 3.888889vw;
    }
}

#m9 .subsection-skyline {
    margin-top: -1px;
    background-color: #c7d2e8;
}

#m9 .subsection-skyline .head-content {
    top: 11.666667vw;
}

@media (max-aspect-ratio: 11 / 10) {
    #m9 .subsection-skyline .head-content {
        top: 27.222222vw;
    }
}

#m9 .subsection-all-in-one {
    margin-top: -1px;
    background-color: #dce4f5;
}

#m9 .subsection-all-in-one .head-content {
    top: 15vw;
}

@media (max-aspect-ratio: 11 / 10) {
    #m9 .subsection-all-in-one .head-content {
        top: 30.555556vw;
    }
}

#m9 .thumbnav-swiper .gallery-container {
    position: relative;
}

#m9 .thumbnav-swiper .gallery-swiper {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#m9 .thumbnav-swiper .swiper-slide {
    width: 100%;
    height: 100%;
}

#m9 .thumbnav-swiper .gallery-wrapper {
    position: relative;
    overflow: hidden;
}

#m9 .thumbnav-swiper .gallery-item {
    position: relative;
    width: 100%;
    transition: clip-path 0s .6s;
    -webkit-clip-path: polygon(0% 0%, 0% 0%, -30% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 0% 0%, -30% 100%, 0% 100%);
}

#m9 .thumbnav-swiper .gallery-item+.gallery-item {
    position: absolute;
    top: 0;
    left: 0;
}

#m9 .thumbnav-swiper .gallery-picture {
    transition: transform 0s .6s;
    transform: scale(1.2);
}

#m9 .thumbnav-swiper .gallery-content {
    position: relative;
    z-index: 5;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}

#m9 .thumbnav-swiper .thumbnav-wrapper {
    margin-top: -2.083333vw;
    padding-top: 1.041667vw;
    background-color: #fff;
}

#m9 .thumbnav-swiper .thumbnav-image {
    transition: .3s;
    opacity: .8;
}

#m9 .thumbnav-swiper .thumbnav-caption {
    margin-top: .520833vw;
    line-height: 1.25;
    transition: opacity .3s;
    text-align: center;
    opacity: .6;
}

#m9 .thumbnav-swiper .thumb-slide {
    width: 8.333333vw;
    margin-left: 1.041667vw;
    cursor: pointer;
}

#m9 .thumbnav-swiper .thumb-slide:hover .thumbnav-image {
    transform: scale(1.1);
    opacity: 1;
}

#m9 .thumbnav-swiper .thumb-slide:hover .thumbnav-caption {
    opacity: 1;
}

#m9 .thumbnav-swiper .bullet-list {
    display: none;
}

#m9 .thumbnav-swiper .stack-list {
    margin-top: 1.25vw;
    margin-right: 3.125vw;
    text-align: left;
}

#m9 .thumbnav-swiper .stack-list .headline {
    display: none;
}

#m9 .thumbnav-swiper .gallery-item-active,
#m9 .thumbnav-swiper[data-active='1'] .gallery-item:nth-child(1),
#m9 .thumbnav-swiper[data-active='2'] .gallery-item:nth-child(2),
#m9 .thumbnav-swiper[data-active='3'] .gallery-item:nth-child(3),
#m9 .thumbnav-swiper[data-active='4'] .gallery-item:nth-child(4),
#m9 .thumbnav-swiper[data-active='5'] .gallery-item:nth-child(5),
#m9.no-sticky .thumbnav-swiper[data-active='1'] .gallery-item:nth-child(1),
#m9.no-sticky .thumbnav-swiper[data-active='2'] .gallery-item:nth-child(2),
#m9.no-sticky .thumbnav-swiper[data-active='3'] .gallery-item:nth-child(3),
#m9.no-sticky .thumbnav-swiper[data-active='4'] .gallery-item:nth-child(4),
#m9.no-sticky .thumbnav-swiper[data-active='5'] .gallery-item:nth-child(5) {
    z-index: 2;
    transition: clip-path .6s;
    -webkit-clip-path: polygon(0% 0%, 130% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 130% 0%, 100% 100%, 0% 100%);
}

#m9 .thumbnav-swiper .gallery-picture-active,
#m9 .thumbnav-swiper[data-active='1'] .gallery-item:nth-child(1) .gallery-picture,
#m9 .thumbnav-swiper[data-active='2'] .gallery-item:nth-child(2) .gallery-picture,
#m9 .thumbnav-swiper[data-active='3'] .gallery-item:nth-child(3) .gallery-picture,
#m9 .thumbnav-swiper[data-active='4'] .gallery-item:nth-child(4) .gallery-picture,
#m9 .thumbnav-swiper[data-active='5'] .gallery-item:nth-child(5) .gallery-picture {
    transition: transform .6s;
    transform: scale(1);
}

#m9 .thumbnav-swiper .thumb-slide-active,
#m9 .thumbnav-swiper[data-active='1'] .thumb-slide:nth-child(1) .thumbnav-image,
#m9 .thumbnav-swiper[data-active='1'] .thumb-slide:nth-child(1) .thumbnav-caption,
#m9 .thumbnav-swiper[data-active='2'] .thumb-slide:nth-child(2) .thumbnav-image,
#m9 .thumbnav-swiper[data-active='2'] .thumb-slide:nth-child(2) .thumbnav-caption,
#m9 .thumbnav-swiper[data-active='3'] .thumb-slide:nth-child(3) .thumbnav-image,
#m9 .thumbnav-swiper[data-active='3'] .thumb-slide:nth-child(3) .thumbnav-caption,
#m9 .thumbnav-swiper[data-active='4'] .thumb-slide:nth-child(4) .thumbnav-image,
#m9 .thumbnav-swiper[data-active='4'] .thumb-slide:nth-child(4) .thumbnav-caption,
#m9 .thumbnav-swiper[data-active='5'] .thumb-slide:nth-child(5) .thumbnav-image,
#m9 .thumbnav-swiper[data-active='5'] .thumb-slide:nth-child(5) .thumbnav-caption {
    opacity: 1;
}

#m9 .thumbnav-swiper .bullet-active,
#m9 .thumbnav-swiper[data-active='1'] .bullet:nth-child(1),
#m9 .thumbnav-swiper[data-active='2'] .bullet:nth-child(2),
#m9 .thumbnav-swiper[data-active='3'] .bullet:nth-child(3),
#m9 .thumbnav-swiper[data-active='4'] .bullet:nth-child(4),
#m9 .thumbnav-swiper[data-active='5'] .bullet:nth-child(5) {
    transform: scale(1);
    opacity: 1;
}

@media (max-aspect-ratio: 11 / 10) {
    #m9 .thumbnav-swiper {
        width: 100%;
    }

    #m9 .thumbnav-swiper .gallery-wrapper {
        width: 100%;
    }

    #m9 .thumbnav-swiper .gallery-intro {
        bottom: 2.083333vw;
        left: 0;
        width: 100%;
        color: #b9b9bb;
    }

    #m9 .thumbnav-swiper .gallery-content,
    #m9 .thumbnav-swiper .stack-list .headline {
        display: block;
    }

    #m9 .thumbnav-swiper .thumbnav-wrapper {
        width: 100%;
        margin-top: 4.166667vw;
        margin-left: 0;
        padding-top: 0;
        padding-left: 0;
    }

    #m9 .thumbnav-swiper .thumb-slide {
        width: 24.583333vw;
    }

    #m9 .thumbnav-swiper .thumb-slide:first-child {
        margin-left: 4.166667vw;
    }

    #m9 .thumbnav-swiper .thumb-slide:last-child {
        margin-right: 4.166667vw;
    }

    #m9 .thumbnav-swiper .thumb-slide+.swiper-slide {
        margin-left: 2.777778vw;
    }

    #m9 .thumbnav-swiper .thumb-slide:hover .thumbnav-image {
        transform: none;
        opacity: .4;
    }

    #m9 .thumbnav-swiper .thumbnav-image {
        transform: none !important;
        opacity: .4;
    }

    #m9 .thumbnav-swiper .thumbnav-caption {
        display: none;
    }

    #m9 .thumbnav-swiper .stack-list {
        display: flex;
        margin-top: 5.555556vw;
        margin-right: auto;
        text-align: left;
    }

    #m9 .thumbnav-swiper h3 {
        font-size: 5.277778vw;
    }

    #m9 .thumbnav-swiper .intro {
        margin-top: 2.777778vw;
    }

    #m9 .thumbnav-swiper .bullet-list {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 4.166667vw;
    }

    #m9 .thumbnav-swiper .bullet {
        width: 1.944444vw;
        height: 1.944444vw;
        margin-right: 1.388889vw;
        margin-left: 1.388889vw;
        transition: .5s;
        transform: scale(0.6);
        opacity: .4;
        border-radius: 50%;
        outline: 0;
        background-color: #211d1e;
    }
}

#m9 .theme-dark .thumbnav-swiper .thumbnav-wrapper {
    background-color: #000;
}

@media (max-aspect-ratio: 11 / 10) {
    #m9 .theme-dark .thumbnav-swiper .bullet {
        background-color: #fff;
    }
}

#m9 .is-visible .gallery-item {
    will-change: clip-path;
}

#m9 .is-visible .gallery-picture {
    will-change: transform;
}

#m9.no-sticky .thumbnav-swiper .gallery-item {
    transition: opacity 0s .6s;
    opacity: 0;
    clip-path: none;
}

#m9.no-sticky .thumbnav-swiper .gallery-item-active,
#m9.no-sticky .thumbnav-swiper[data-active='1'] .gallery-item:nth-child(1),
#m9.no-sticky .thumbnav-swiper[data-active='2'] .gallery-item:nth-child(2),
#m9.no-sticky .thumbnav-swiper[data-active='3'] .gallery-item:nth-child(3),
#m9.no-sticky .thumbnav-swiper[data-active='4'] .gallery-item:nth-child(4),
#m9.no-sticky .thumbnav-swiper[data-active='5'] .gallery-item:nth-child(5) {
    transition: opacity .6s;
    opacity: 1;
    clip-path: none;
}

#m9 .section-luxe {
    overflow: hidden;
}

#m9 .section-luxe .parallax-background {
    position: absolute;
    z-index: 0;
    top: 132.083333vw;
    right: 28.125vw;
    width: 149.479167vw;
    height: 149.479167vw;
    opacity: .4;
    background-image: radial-gradient(#8eb2ea, transparent 70%);
}

#m9 .subsection-cockpit .section-content {
    width: 85.416667vw;
}

@media (max-aspect-ratio: 11 / 10) {
    #m9 .subsection-cockpit .section-content {
        width: 91.666667vw;
    }
}

#m9 .subsection-refinedness .section-content {
    width: 100%;
    padding-right: 7.291667vw;
}

#m9 .subsection-refinedness .media-wrapper {
    display: flex;
    flex-direction: column;
}

#m9 .subsection-refinedness .media-1 {
    position: relative;
    z-index: 2;
    align-self: flex-end;
    width: 53.489583vw;
}

#m9 .subsection-refinedness .media-2 {
    width: 43.75vw;
    margin-top: 10.416667vw;
}

#m9 .subsection-refinedness .media-3 {
    align-self: flex-end;
    width: 32.291667vw;
}

@media (max-aspect-ratio: 11 / 10) {
    #m9 .subsection-refinedness .section-content {
        width: 91.666667vw;
        padding-right: 0;
    }

    #m9 .subsection-refinedness .content {
        display: flex;
        justify-content: flex-end;
    }

    #m9 .subsection-refinedness .media-wrapper {
        display: block;
    }

    #m9 .subsection-refinedness .inline-media,
    #m9 .subsection-refinedness .picture {
        width: 100%;
        margin-top: 4.166667vw;
    }

    #m9 .subsection-refinedness .inline-media:first-child,
    #m9 .subsection-refinedness .picture:first-child {
        margin-top: 0;
    }
}

#m9 .subsection-storage .picture-group {
    width: 34.6875vw;
    position: relative;
}

#m9 .subsection-storage .content {
    width: 63.125vw;
    margin: 0 auto;
}

#m9 .subsection-storage .content p {
    margin-left: auto;
    margin-right: 0;
}

#m9 .subsection-storage .picture-3 {
    width: 100%;
}

#m9 .subsection-storage .swiper-container {
    margin: 0;
}

#m9 .subsection-storage .swiper-slide {
    width: 100%;
}

/* #m9 .subsection-storage .swiper-slide:last-child {
    margin-left: 1.666667vw;
} */

@media (max-aspect-ratio: 11 / 10) {
    #m9 .subsection-storage .content {
        width: 77.777778vw;
        padding-left: 0;
        padding-right: 0;
    }

    #m9 .subsection-storage .content p {
        margin-left: 0;
        margin-right: auto;
    }

    #m9 .subsection-storage .storage-swiper {
        width: 91.111111vw;
        margin-left: 4.444444vw;
        margin-right: 4.444444vw;
        overflow: hidden;
    }

    #m9 .subsection-storage .picture-group,
    #m9 .subsection-storage .picture-3 {
        width: 100%;
    }

    #m9 .subsection-storage .swiper-slide {
        width: 100%;
    }

    /* #m9 .subsection-storage .swiper-slide:last-child {
        margin-left: 4.444444vw;
    } */

    #m9 .subsection-storage .swiper-pagination {
        position: relative;
        top: auto;
        margin-top: 4.444444vw;
        height: 1.944444vw;
        bottom: unset;
        font-size: 0;
    }

    #m9 .subsection-storage .swiper-pagination-bullet {
        width: 1.666667vw;
        height: 1.666667vw;
        line-height: 1;
        background-color: #000;
        margin: 0 .972222vw;
        border-radius: 100%;
        overflow: hidden;
    }

    #m9 .theme-dark .subsection-storage .swiper-pagination-bullet {
        background-color: #fff;
    }
}

#m9 .stats-content {
    line-height: 1.25;
}

#m9 .stats-content .stat-item+.stat-item {
    margin-left: 3.333333vw;
}

#m9 .stats-content .stat-caption,
#m9 .stats-content .stat-unit {
    font-size: 1.25vw;
}

#m9 .stats-content .stat-caption {
    opacity: .6;
    font-size: 1.145833vw;
}

#m9 .stats-content .stat-value {
    margin-top: .520833vw;
}

#m9 .stats-content .stat-number {
    font-size: 2.5vw;
}

#m9 .subsection-sound .content {
    width: 63.125vw;
    margin-left: auto;
    margin-right: auto;
    align-items: flex-end;
}

@media (max-aspect-ratio: 11 / 10) {
    #m9 .stats-content .stat-item {
        width: 50%;
        margin-top: 5.555556vw;
    }

    #m9 .stats-content .stat-item+.stat-item {
        margin-left: 0;
    }

    #m9 .stats-content .stat-caption,
    #m9 .stats-content .stat-unit {
        font-size: 3.888889vw;
    }

    #m9 .stats-content .stat-value {
        margin-top: 1.388889vw;
    }

    #m9 .stats-content .stat-number {
        font-size: 9.444444vw;
    }

    #m9 .subsection-sound .content {
        width: 77.777778vw;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
    }
}

#m9 .subsection-assistant .item {
    width: 35vw;
}

#m9 .subsection-assistant .intro {
    color: #979797;
}

#m9 .subsection-assistant .signpost {
    color: #fff;
}

@media (max-aspect-ratio: 11 / 10) {
    #m9 .subsection-assistant .headline {
        padding-right: 0;
        text-align: left;
    }

    #m9 .subsection-assistant .group {
        overflow-x: auto;
        overflow-y: hidden;
        align-items: flex-start;
        flex-wrap: nowrap;
        width: 100%;
        padding-right: 8.333333vw;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: auto;
        perspective: 1px;
        scroll-snap-type: x mandatory;
        transform-style: preserve-3d;
    }

    #m9 .subsection-assistant .group::-webkit-scrollbar {
        display: none;
    }

    #m9 .subsection-assistant .item {
        position: relative;
        flex-shrink: 0;
        width: 88.888889vw;
        padding-left: 8.333333vw;
        scroll-snap-align: start;
        scroll-snap-stop: always;
    }

    #m9 .subsection-assistant .item+.item {
        margin-left: -4.166667vw;
    }

    #m9 .subsection-assistant .inline-media::after {
        position: absolute;
        z-index: 2;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: '';
    }
}

@media (max-aspect-ratio: 11 / 10) {
    #m9 .section-driving .section-header .section-intros {
        top: 36.666667vw;
    }
}

#m9 .subsection-xpixel .swiper-container {
    padding-left: 14.479167vw;
}

#m9 .subsection-xpixel .swiper-slide {
    width: 38.541667vw;
}

#m9 .subsection-xpixel .swiper-slide+.swiper-slide {
    margin-left: 1.041667vw;
}

#m9 .subsection-xpixel .slidenav-arrow {
    width: 3.229167vw;
    height: 3.229167vw;
    cursor: pointer;
    outline: 0;
}

#m9 .subsection-xpixel .slidenav-arrow circle {
    transition: opacity .3s;
}

#m9 .subsection-xpixel .slidenav-disabled circle,
#m9 .subsection-xpixel [aria-disabled='true'] circle {
    opacity: .1;
}

#m9 .subsection-xpixel .slidenav-arrow-next {
    margin-left: 2.083333vw;
}

@media (max-aspect-ratio: 11 / 10) {
    #m9 .subsection-xpixel .head-content {
        top: 0;
    }

    #m9 .subsection-xpixel .swiper-container {
        position: static;
        overflow: visible;
        padding-left: 0;
    }

    #m9 .subsection-xpixel .swiper-wrapper {
        overflow-x: auto;
        overflow-y: hidden;
        align-items: flex-start;
        flex-wrap: nowrap;
        box-sizing: border-box;
        width: 100%;
        height: auto;
        padding-right: 8.333333vw;
        transition-property: none;
        transform: none;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: auto;
        perspective: 1px;
        scroll-snap-type: x mandatory;
        transform-style: preserve-3d;
    }

    #m9 .subsection-xpixel .swiper-wrapper::-webkit-scrollbar {
        display: none;
    }

    #m9 .subsection-xpixel .swiper-slide {
        position: relative;
        flex-shrink: 0;
        width: 88.888889vw;
        height: auto;
        padding-left: 8.333333vw;
        scroll-snap-align: start;
        scroll-snap-stop: always;
    }

    #m9 .subsection-xpixel .swiper-slide+.swiper-slide {
        margin-left: -4.166667vw;
    }

    #m9 .subsection-xpixel .inline-media::after {
        position: absolute;
        z-index: 2;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: '';
    }

    #m9 .subsection-xpixel h3 {
        font-size: 5.277778vw;
    }
}

#m9 .subsection-air-and-privacy .badges {
    justify-content: space-between;
}

#m9 .subsection-air-and-privacy .badge {
    width: 35vw;
    background-color: #F8F8F8;
}

#m9 .subsection-air-and-privacy .badge-content {
    padding: 2.083333vw 2.083333vw 1.666667vw 3.125vw;
}

#m9 .subsection-air-and-privacy .badge-header {
    display: flex;
    align-items: center;
}

#m9 .subsection-air-and-privacy .badge-intro {
    font-size: 1.145833vw;
}

#m9 .subsection-air-and-privacy .badge-icon {
    width: 2.083333vw;
    height: 2.083333vw;
}

#m9 .subsection-air-and-privacy .badge-caption {
    margin-left: .416667vw;
    font-weight: bold;
}

@media (max-aspect-ratio: 11 / 10) {
    #m9 .subsection-air-and-privacy .badges {
        display: block;
    }

    #m9 .subsection-air-and-privacy .badge {
        width: 100%;
        margin-top: 9.166667vw;
    }

    #m9 .subsection-air-and-privacy .badge:nth-child(1) {
        margin-top: 0;
    }

    #m9 .subsection-air-and-privacy .badge-content {
        padding: 5.555556vw 5.555556vw 11.111111vw;
    }

    #m9 .subsection-air-and-privacy .badge-icon {
        width: 6.944444vw;
        height: 6.944444vw;
    }

    #m9 .subsection-air-and-privacy .badge-caption {
        margin-left: 1.388889vw;
        font-size: 5vw;
        font-weight: normal;
    }

    #m9 .subsection-air-and-privacy .badge-intro {
        font-size: 4.444444vw;
        opacity: 0.8;
    }
}

#m9 .section-colours .tablist-wrapper {
    width: 26.125vw;
    margin-top: 0;
    text-align: center;
}

#m9 .section-colours .tabnav {
    width: 50%;
    outline: 0;
    font-size: 1.666667vw;
    padding-left: 1.354167vw;
    padding-right: 1.354167vw;
}

#m9 .section-colours .tabnav.active {
    opacity: 1;
}

@media (max-aspect-ratio: 11 / 10) {
    #m9 .section-colours .tablist-wrapper {
        position: relative;
        width: 71.666667vw;
        margin-top: 0;
        margin-bottom: 5.555556vw;
    }

    #m9 .section-colours .tablist {
        display: flex;
        margin: 0;
    }

    #m9 .section-colours .tablist::after {
        display: none;
    }

    #m9 .section-colours .tabnav {
        margin-left: 0;
        opacity: .5;
        font-size: 4.444444vw;
    }

    #m9 .section-colours .tabnav-scrollbar {
        width: 100%;
        margin: 0;
    }
}

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

#m9 .exterior-color .color-item:nth-of-type(1) {
    top: 23.25vw;
    left: 11.25vw;
}

#m9 .exterior-color .color-item:nth-of-type(1) .color-swatch {
    border-color: #485057;
    background-color: #0b0d13;
}

#m9 .exterior-color .color-item:nth-of-type(2) {
    top: 38.125vw;
    left: 16.927083vw;
}

#m9 .exterior-color .color-item:nth-of-type(2) .color-swatch {
    border-color: #42516E;
    background-color: #21355A;
}

#m9 .exterior-color .color-item:nth-of-type(3) {
    top: 8.796875vw;
    left: 47.604167vw;
}

#m9 .exterior-color .color-item:nth-of-type(3) .color-swatch {
    border-color: #415D68;
    background-color: #1C3843;
}

#m9 .exterior-color .color-item:nth-of-type(4) {
    top: 38.125vw;
    left: 78.333333vw;
}

#m9 .exterior-color .color-item:nth-of-type(4) .color-swatch {
    border-color: #925E63;
    background-color: #873039;
}

#m9 .exterior-color .color-item:nth-of-type(5) {
    top: 23.927083vw;
    left: 83.125vw;
}

#m9 .exterior-color .color-item:nth-of-type(5) .color-swatch {
    border-color: #737373;
    background-color: #1E1E1E;
}

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

#m9 .exterior-color .color-label {
    margin-left: .416667vw;
    font-size: 1.041667vw;
    font-weight: normal;
    white-space: nowrap;
    color: #fff;
}

@media (max-aspect-ratio: 11 / 10) {
    #m9 .exterior-color .color-item:nth-of-type(1) {
        top: 25.972222vw;
        left: 11.111111vw;
    }

    #m9 .exterior-color .color-item:nth-of-type(2) {
        top: 64.722222vw;
        left: 11.111111vw;
    }

    #m9 .exterior-color .color-item:nth-of-type(3) {
        top: 22.916667vw;
        left: 44.861111vw;
    }

    #m9 .exterior-color .color-item:nth-of-type(4) {
        top: 64.722222vw;
        left: 75vw;
    }

    #m9 .exterior-color .color-item:nth-of-type(5) {
        top: 25.972222vw;
        left: 75vw;
    }

    #m9 .exterior-color .color-swatch {
        width: 2.777778vw;
        height: 2.777778vw;
    }

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

#m9 .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;
}

#m9 .interior-color .colornav {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5625vw;
    height: 1.5625vw;
    margin: 0 1.041667vw;
    cursor: pointer;
    transition: width .6s, height .6s;
    border-radius: 1.5625vw;
    outline: 0;
}

#m9 .interior-color .colornav:nth-of-type(1) {
    background-color: #CBB9A9;
}

#m9 .interior-color .colornav:nth-of-type(2) {
    background-color: #BBB1AB;
}

#m9 .interior-color .colornav:nth-of-type(3) {
    background-color: #EED6B8;
}

#m9 .interior-color .colornav:nth-of-type(4) {
    background-color: #E6E3DB;
}

#m9 .interior-color .colornav:nth-of-type(5) {
    background-color: #DC8462;
}

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

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

#m9 .interior-color .color-swatch {
    font-size: .9375vw;
    line-height: 1;
    transition: transform .6s, opacity .6s;
    transform: scale(0);
    white-space: nowrap;
    opacity: 0;
}

@media (max-aspect-ratio: 11 / 10) {
    #m9 .interior-color {
        bottom: 5.555556vw;
        height: 6.666667vw;
    }

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

    #m9 .interior-color .colornav.active {
        width: 14.444444vw;
        height: 6.666667vw;
    }

    #m9 .interior-color .color-swatch {
        font-size: 3.333333vw;
    }
}

#m9.no-sticky .interior-color .colornav,
#m9.no-sticky .interior-color .color-swatch {
    transition: none;
}

#m9 .section-configuration {
    background-color: #f6f6f6;
}

#m9 .subsection-details .section-content {
    justify-content: space-between;
}

#m9 .subsection-details .item {
    position: relative;
    width: 19.895833vw;
    margin-top: .520833vw;
}

#m9 .subsection-details .lg-big {
    width: 30.208333vw;
}

#m9 .subsection-details .lg-big-2 {
    width: 35.520833vw;
}

#m9 .subsection-details .lg-big-3 {
    width: 35vw;
}

#m9 .subsection-details .caption {
    position: absolute;
    z-index: 1;
    bottom: 1.041667vw;
    left: 1.041667vw;
    font-size: 1.041667vw;
    line-height: 1.25;
    color: #fff;
}

@media (max-aspect-ratio: 11 / 10) {
    #m9 .subsection-details .item {
        width: 44.861111vw;
        margin-top: 1.388889vw;
    }

    #m9 .subsection-details .xs-big {
        width: 100%;
    }

    #m9 .subsection-details .caption {
        bottom: 2.777778vw;
        left: 2.777778vw;
        font-size: 3.333333vw;
    }
}

#m9 .subsection-configuration .section-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50%;
    padding-top: 7.552083vw;
    padding-left: 9.166667vw;
    color: #fff;
}

#m9 .subsection-configuration h2,
#m9 .subsection-configuration h3,
#m9 .subsection-configuration p {
    color: #fff;
}

#m9 .subsection-configuration .stats {
    width: 26.5625vw;
    line-height: 1.25;
}

#m9 .subsection-configuration .stat {
    margin-top: 3.645833vw;
}

#m9 .subsection-configuration .stat+.stat {
    margin-top: 3.125vw;
}

#m9 .subsection-configuration .stat-header {
    display: inline-block;
    padding: .260417vw .520833vw;
    font-size: 1.041667vw;
    color: #000;
    border-radius: .208333vw;
    background-color: rgba(255, 255, 255, 0.5);
}

#m9 .subsection-configuration .stat-content {
    display: flex;
    justify-content: space-between;
    margin-top: .833333vw;
}

#m9 .subsection-configuration .stat-caption {
    font-size: 1.041667vw;
    opacity: .8;
}

#m9 .subsection-configuration .stat-value {
    margin-top: .208333vw;
    font-size: 2.083333vw;
}

#m9 .subsection-configuration .stat-small {
    font-size: 1.041667vw;
}

#m9 .subsection-configuration .button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 7.5vw;
    height: 2.604167vw;
    margin-top: 3.645833vw;
    padding: 0;
    font-size: 1.041667vw;
}

#m9 .subsection-configuration .button {
    display: flex
}

#m9 .subsection-configuration .note {
    margin-top: 3.645833vw;
    color: rgba(255, 255, 255, 0.3);
}

@media (max-aspect-ratio: 11 / 10) {
    #m9 .subsection-configuration .section-content {
        position: static;
        width: 100%;
        padding: 15vw 0;
        background-color: #000;
    }

    #m9 .subsection-configuration h2 {
        font-size: 6.666667vw;
    }

    #m9 .subsection-configuration .stats {
        width: 100%;
        margin-top: 13.888889vw;
        text-align: center;
    }

    #m9 .subsection-configuration .stat {
        margin-top: 0;
    }

    #m9 .subsection-configuration .stat+.stat {
        margin-top: 16.666667vw;
        margin-left: 0;
    }

    #m9 .subsection-configuration .stat-item {
        margin-top: 5.555556vw;
    }

    #m9 .subsection-configuration .stat-header {
        padding: .416667vw 1.388889vw .138889vw;
        font-size: 4.444444vw;
        border-radius: .555556vw;
        background-color: rgba(255, 255, 255, 0.76);
    }

    #m9 .subsection-configuration .stat-content {
        display: block;
        margin-top: 0;
    }

    #m9 .subsection-configuration .stat-caption {
        font-size: 3.888889vw;
    }

    #m9 .subsection-configuration .stat-value {
        margin-top: .555556vw;
        font-size: 6.666667vw;
    }

    #m9 .subsection-configuration .stat-small {
        font-size: 3.888889vw;
    }

    #m9 .subsection-configuration .button {
        width: 27.777778vw;
        height: 11.111111vw;
        margin-top: 16.666667vw;
        margin-right: auto;
        margin-left: auto;
        font-size: 3.333333vw;
    }

    #m9 .subsection-configuration .note {
        position: static;
        margin-top: 8.333333vw;
        padding-right: 8.333333vw;
        padding-left: 8.333333vw;
        color: rgba(255, 255, 255, 0.4);
    }
}

#m9 .section-footnote {
    font-size: 12px;
    color: #838389;
}

@media (min-width: 1921px) {
    #m9 .section-footnote {
        font-size: .625vw;
    }
}

@media (max-aspect-ratio: 11 / 10) {
    #m9 .section-footnote {
        font-size: 3.333333vw;
    }
}

#m9 .section-footnote .section-content {
    width: 66.666667vw;
}

@media (max-aspect-ratio: 11 / 10) {
    #m9 .section-footnote .section-content {
        width: 83.333333vw;
    }
}

#m9 .section-footnote .footnote-list {
    padding-left: 1.5em;
}

#m9 .section-footnote .footnote-list li {
    list-style-type: decimal;
}

#m9 .section-footnote .footnote-list li:target,
#m9 .section-footnote .footnote-list li.current {
    color: #000;
}

#m9 .section-footnote a {
    color: #3377ff;
}

#modal-player {
    position: fixed;
    z-index: 99999 !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    background: rgba(0, 0, 0, 0.8) !important;
}

#modal-player.modal-player-open {
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-animation: modal-player-fadein .3s forwards;
    animation: modal-player-fadein .3s forwards;
}

#modal-player video {
    width: auto !important;
    max-width: 90%;
    max-height: 90vh;
    outline: 0;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
}

#modal-player-close {
    position: absolute;
    z-index: 1;
    top: 1.25vw;
    right: 1.25vw;
    width: 2.083333vw;
    height: 2.083333vw;
    padding: 0;
    transition: opacity .2s;
    opacity: .8;
}

@media (max-aspect-ratio: 11 / 10) {
    #modal-player-close {
        top: 24.444444vw;
        right: 6.666667vw;
        width: 8.333333vw;
        height: 8.333333vw;
    }
}

@media (min-aspect-ratio: 4 / 5) and (max-aspect-ratio: 11 / 10) {
    #modal-player-close {
        top: 10%;
        right: 5%;
    }
}

@keyframes modal-player-fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.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 {
    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-show #localnav {
    transform: translateY(0%);
}

#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 button {
    overflow: visible;
    margin: 0;
    padding: 0;
    cursor: pointer;
    user-select: none;
    text-align: center;
    vertical-align: inherit;
    color: inherit;
    border: 0;
    outline: 0;
    background: transparent;
    -webkit-appearance: none;
    appearance: none;
}

#localnav svg {
    display: block;
}

#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 {
    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 .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-collapse #localnav {
    max-height: 56px;
    line-height: 56px;
}

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

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

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

.localnav-collapse #localnav .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-collapse #localnav .ln-menu::-webkit-scrollbar {
    display: none;
}

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

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

/* .localnav-collapse #localnav .ln-button {
    padding-right: 15px;
    padding-left: 15px;
} */

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

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

.localnav-collapse #localnav .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;
    }
}

#m9 .lg\:1920\/2070::before {
    padding-bottom: calc(100% / (1920 / 2070));
}

#m9 .lg\:1920\/1060::before {
    padding-bottom: calc(100% / (1920 / 1060));
}

#m9 .lg\:1920\/1860::before {
    padding-bottom: calc(100% / (1920 / 1860));
}

#m9 .lg\:1920\/1216::before {
    padding-bottom: calc(100% / (1920 / 1216));
}

#m9 .lg\:1920\/1580::before {
    padding-bottom: calc(100% / (1920 / 1580));
}

#m9 .lg\:1920\/1540::before {
    padding-bottom: calc(100% / (1920 / 1540));
}

#m9 .lg\:1920\/1520::before {
    padding-bottom: calc(100% / (1920 / 1520));
}

#m9 .lg\:1920\/1220::before {
    padding-bottom: calc(100% / (1920 / 1220));
}

#m9 .lg\:1920\/1320::before {
    padding-bottom: calc(100% / (1920 / 1320));
}

#m9 .lg\:1920\/1400::before {
    padding-bottom: calc(100% / (1920 / 1400));
}

#m9 .lg\:1920\/1200::before {
    padding-bottom: calc(100% / (1920 / 1200));
}

#m9 .lg\:1920\/1570::before {
    padding-bottom: calc(100% / (1920 / 1570));
}

#m9 .lg\:1920\/1707::before {
    padding-bottom: calc(100% / (1920 / 1707));
}

#m9 .lg\:1920\/2012::before {
    padding-bottom: calc(100% / (1920 / 2012));
}

#m9 .lg\:1920\/1096::before {
    padding-bottom: calc(100% / (1920 / 1096));
}

#m9 .lg\:1920\/920::before {
    padding-bottom: calc(100% / (1920 / 920));
}

#m9 .lg\:1920\/900::before {
    padding-bottom: calc(100% / (1920 / 900));
}

#m9 .lg\:1640\/920::before {
    padding-bottom: calc(100% / (1640 / 920));
}

#m9 .lg\:1364\/720::before {
    padding-bottom: calc(100% / (1364 / 720));
}

#m9 .lg\:1364\/658::before {
    padding-bottom: calc(100% / (1364 / 658));
}

#m9 .lg\:1027\/830::before {
    padding-bottom: calc(100% / (1027 / 830));
}

#m9 .lg\:840\/780::before {
    padding-bottom: calc(100% / (840 / 780));
}

#m9 .lg\:760\/680::before {
    padding-bottom: calc(100% / (760 / 680));
}

#m9 .lg\:666\/658::before {
    padding-bottom: calc(100% / (666 / 658));
}

#m9 .lg\:740\/480::before {
    padding-bottom: calc(100% / (740 / 480));
}

#m9 .lg\:682\/310::before {
    padding-bottom: calc(100% / (682 / 310));
}

#m9 .lg\:672\/400::before {
    padding-bottom: calc(100% / (672 / 400));
}

#m9 .lg\:672\/380::before {
    padding-bottom: calc(100% / (672 / 380));
}

#m9 .lg\:672\/310::before {
    padding-bottom: calc(100% / (672 / 310));
}

#m9 .lg\:620\/670::before {
    padding-bottom: calc(100% / (620 / 670));
}

#m9 .lg\:584\/340::before {
    padding-bottom: calc(100% / (584 / 340));
}

#m9 .lg\:584\/320::before {
    padding-bottom: calc(100% / (584 / 320));
}

#m9 .lg\:580\/310::before {
    padding-bottom: calc(100% / (580 / 310));
}

#m9 .lg\:382\/310::before {
    padding-bottom: calc(100% / (382 / 310));
}

#m9 .lg\:160\/100::before {
    padding-bottom: calc(100% / (160 / 100));
}

#m9 .lg\:1920\/1080::before {
    padding-bottom: calc(100% / (1920 / 1080));
}

@media (max-aspect-ratio: 11 / 10) {
    #m9 .xs\:720\/1940::before {
        padding-bottom: calc(100% / (720 / 1940));
    }

    #m9 .xs\:720\/1550::before {
        padding-bottom: calc(100% / (720 / 1550));
    }

    #m9 .xs\:720\/1420::before {
        padding-bottom: calc(100% / (720 / 1420));
    }

    #m9 .xs\:720\/1410::before {
        padding-bottom: calc(100% / (720 / 1410));
    }

    #m9 .xs\:720\/1380::before {
        padding-bottom: calc(100% / (720 / 1380));
    }

    #m9 .xs\:720\/1294::before {
        padding-bottom: calc(100% / (720 / 1294));
    }

    #m9 .xs\:720\/1130::before {
        padding-bottom: calc(100% / (720 / 1130));
    }

    #m9 .xs\:720\/900::before {
        padding-bottom: calc(100% / (720 / 900));
    }

    #m9 .xs\:720\/800::before {
        padding-bottom: calc(100% / (720 / 800));
    }

    #m9 .xs\:720\/680::before {
        padding-bottom: calc(100% / (720 / 680));
    }

    #m9 .xs\:720\/640::before {
        padding-bottom: calc(100% / (720 / 640));
    }

    #m9 .xs\:720\/620::before {
        padding-bottom: calc(100% / (720 / 620));
    }

    #m9 .xs\:720\/600::before {
        padding-bottom: calc(100% / (720 / 600));
    }

    #m9 .xs\:720\/480::before {
        padding-bottom: calc(100% / (720 / 480));
    }

    #m9 .xs\:720\/796::before {
        padding-bottom: calc(100% / (720 / 796));
    }

    #m9 .xs\:660\/700::before {
        padding-bottom: calc(100% / (660 / 700));
    }

    #m9 .xs\:660\/600::before {
        padding-bottom: calc(100% / (660 / 600));
    }

    #m9 .xs\:660\/480::before {
        padding-bottom: calc(100% / (660 / 480));
    }

    #m9 .xs\:660\/280::before {
        padding-bottom: calc(100% / (660 / 280));
    }

    #m9 .xs\:656\/700::before {
        padding-bottom: calc(100% / (656 / 700));
    }

    #m9 .xs\:656\/600::before {
        padding-bottom: calc(100% / (656 / 600));
    }

    #m9 .xs\:592\/600::before {
        padding-bottom: calc(100% / (592 / 600));
    }

    #m9 .xs\:580\/520::before {
        padding-bottom: calc(100% / (580 / 520));
    }

    #m9 .xs\:325\/280::before {
        padding-bottom: calc(100% / (325 / 280));
    }

    #m9 .xs\:323\/280::before {
        padding-bottom: calc(100% / (323 / 280));
    }

    #m9 .xs\:177\/110::before {
        padding-bottom: calc(100% / (177 / 110));
    }

    #m9 .xs\:1\/1::before {
        padding-bottom: 100%;
    }
}

#m9 .mx-auto {
    margin-right: auto;
    margin-left: auto;
}

#m9 .mt-10,
#m9 .lg\:mt-10 {
    margin-top: .520833vw;
}

#m9 .mt-16,
#m9 .lg\:mt-16 {
    margin-top: .833333vw;
}

#m9 .mt-20,
#m9 .lg\:mt-20 {
    margin-top: 1.041667vw;
}

#m9 .mt-24,
#m9 .lg\:mt-24 {
    margin-top: 1.25vw;
}

#m9 .mt-30,
#m9 .lg\:mt-30 {
    margin-top: 1.5625vw;
}

#m9 .mt-40,
#m9 .lg\:mt-40 {
    margin-top: 2.083333vw;
}

#m9 .mt-48,
#m9 .lg\:mt-48 {
    margin-top: 2.5vw;
}

#m9 .mt-60,
#m9 .lg\:mt-60 {
    margin-top: 3.125vw;
}

#m9 .mt-80,
#m9 .lg\:mt-80 {
    margin-top: 4.166667vw;
}

@media (max-aspect-ratio: 11 / 10) {
    #m9 .xs\:mt-0 {
        margin-top: 0;
    }

    #m9 .mt-10,
    #m9 .xs\:mt-10 {
        margin-top: 1.388889vw;
    }

    #m9 .mt-16,
    #m9 .xs\:mt-16 {
        margin-top: 2.222222vw;
    }

    #m9 .mt-20,
    #m9 .xs\:mt-20 {
        margin-top: 2.777778vw;
    }

    #m9 .mt-30,
    #m9 .xs\:mt-30 {
        margin-top: 4.166667vw;
    }

    #m9 .mt-40,
    #m9 .xs\:mt-40 {
        margin-top: 5.555556vw;
    }

    #m9 .mt-48,
    #m9 .xs\:mt-48 {
        margin-top: 6.666667vw;
    }

    #m9 .mt-60,
    #m9 .xs\:mt-60 {
        margin-top: 8.333333vw;
    }

    #m9 .mt-80,
    #m9 .xs\:mt-80 {
        margin-top: 11.111111vw;
    }

    #m9 .mt-100,
    #m9 .xs\:mt-100 {
        margin-top: 13.888889vw;
    }

    #m9 .xs\:mt-160 {
        margin-top: 22.222222vw;
    }
}

#m9 .lg\:pt-200,
#m9 .pt-200 {
    padding-top: 10.416667vw;
}

#m9 .lg\:pt-160,
#m9 .pt-160 {
    padding-top: 8.333333vw;
}

#m9 .lg\:py-200,
#m9 .py-200 {
    padding-top: 10.416667vw;
    padding-bottom: 10.416667vw;
}

#m9 .lg\:pt-280 {
    padding-top: 14.583333vw;
}

@media (max-aspect-ratio: 11 / 10) {
    #m9 .xs\:pb-100 {
        padding-bottom: 27.777778vw;
    }

    #m9 .lg\:pt-160,
    #m9 .pt-160 {
        padding-top: 22.222222vw;
    }

    #m9 .pt-200,
    #m9 .xs\:pt-200 {
        padding-top: 27.777778vw;
    }

    #m9 .py-200,
    #m9 .xs\:py-200 {
        padding-top: 27.777778vw;
        padding-bottom: 27.777778vw;
    }

}

#m9 .flex-row {
    flex-direction: row;
}

#m9 .flex-row-reverse {
    flex-direction: row-reverse;
}

#m9 .flex-col {
    flex-direction: column;
}

#m9 .flex-col-reverse {
    flex-direction: column-reverse;
}

#m9 .flex-wrap {
    flex-wrap: wrap;
}

#m9 .flex-nowrap {
    flex-wrap: nowrap;
}

#m9 .shrink-0 {
    flex-shrink: 0;
}

#m9 .justify-start {
    justify-content: flex-start;
}

#m9 .justify-end {
    justify-content: flex-end;
}

#m9 .justify-center {
    justify-content: center;
}

#m9 .justify-between {
    justify-content: space-between;
}

#m9 .items-start {
    align-items: flex-start;
}

#m9 .items-end {
    align-items: flex-end;
}

#m9 .items-center {
    align-items: center;
}

@media (max-aspect-ratio: 11 / 10) {
    #m9 .xs\:flex-row {
        flex-direction: row;
    }

    #m9 .xs\:flex-row-reverse {
        flex-direction: row-reverse;
    }

    #m9 .xs\:flex-col {
        flex-direction: column;
    }

    #m9 .xs\:flex-col-reverse {
        flex-direction: column-reverse;
    }

    #m9 .xs\:justify-start {
        justify-content: flex-start;
    }

    #m9 .xs\:justify-end {
        justify-content: flex-end;
    }

    #m9 .xs\:justify-center {
        justify-content: center;
    }

    #m9 .xs\:justify-between {
        justify-content: space-between;
    }

    #m9 .xs\:items-start {
        align-items: flex-start;
    }

    #m9 .xs\:items-end {
        align-items: flex-end;
    }

    #m9 .xs\:items-center {
        align-items: center;
    }
}

#m9 .w-full {
    width: 100%;
}

@media (max-aspect-ratio: 11 / 10) {
    #m9 .xs\:w-full {
        width: 100%;
    }
}

#m9 .text-left {
    text-align: left;
}

#m9 .text-center {
    text-align: center;
}

#m9 .text-right {
    text-align: right;
}

@media (max-aspect-ratio: 11 / 10) {
    #m9 .xs\:text-left {
        text-align: left;
    }

    #m9 .xs\:text-center {
        text-align: center;
    }

    #m9 .xs\:text-right {
        text-align: right;
    }
}

#m9 .block {
    display: block;
}

#m9 .inline-block {
    display: inline-block;
}

#m9 .inline {
    display: inline;
}

#m9 .flex {
    display: flex;
}

#m9 .inline-flex {
    display: inline-flex;
}

#m9 .hidden {
    display: none;
}

@media (max-aspect-ratio: 11 / 10) {
    #m9 .xs\:block {
        display: block;
    }

    #m9 .xs\:inline-block {
        display: inline-block;
    }

    #m9 .xs\:inline {
        display: inline;
    }

    #m9 .xs\:flex {
        display: flex;
    }

    #m9 .xs\:inline-flex {
        display: inline-flex;
    }

    #m9 .xs\:hidden {
        display: none;
    }
}

#m9 br.lg {
    display: block;
}

#m9 br.xs {
    display: none;
}

@media (max-aspect-ratio: 11 / 10) {
    #m9 br.lg {
        display: none;
    }

    #m9 br.xs {
        display: block;
    }
}



#m9 .subsection-text-select {
    width: 38vw;
    width: fit-content;
    margin: 0 auto;
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}


#m9 .subsection-text-select p {
    letter-spacing: .104167vw;
    color: #FFFFFF;
    opacity: .6;
    font-size: 2.5vw;
    line-height: 1.25;

}

#m9 .subsection-text-select .subsection-text-select-scrollbar {
    width: 100%;
    height: .104167vw;
    background: rgba(255, 255, 255, 0.5);
}

#m9 .subsection-text-select .subsection-text-select-scrollbar .subsection-text-select-drag {
    width: 50%;
    height: 100%;
    background: white;
    transition: transform 0.5s;
}

#m9 .subsection-text-select[data-select="1"] p:nth-of-type(1) {
    opacity: 1;
}

#m9 .subsection-text-select[data-select="1"] .subsection-text-select-scrollbar .subsection-text-select-drag {
    transform: translateX(0);
}


#m9 .subsection-text-select[data-select="2"] p:nth-of-type(2) {
    opacity: 1;
}

#m9 .subsection-text-select[data-select="2"] .subsection-text-select-scrollbar .subsection-text-select-drag {
    transform: translateX(100%);
}


#m9 .subsection-flexibility .section-content-select {
    position: relative;
    margin-top: 4.166667vw;
}

#m9 .subsection-flexibility .section-content-select .section-content-select-2 {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}

#m9 .subsection-flexibility .section-content-select[data-select="1"] .section-content-select-2 {
    opacity: 0;
    pointer-events: none;
}

#m9 .subsection-flexibility .section-content-select[data-select="2"] .section-content-select-1 {
    opacity: 0;
    pointer-events: none;
}

#m9 .subsection-seat .section-content-select {
    position: relative;
    margin-top: 4.166667vw;
}

#m9 .subsection-seat .section-content-select .section-content-select-2 {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}

#m9 .subsection-seat .section-content-select[data-select="1"] .section-content-select-2 {
    opacity: 0;
    pointer-events: none;
}

#m9 .subsection-seat .section-content-select[data-select="2"] .section-content-select-1 {
    opacity: 0;
    pointer-events: none;
}


#m9 .section-space .section-content-select {
    position: relative;
    margin-top: 2.5vw;
}

#m9 .section-space .section-content-select .section-content-select-2 {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}

#m9 .section-space .section-content-select[data-select="1"] .section-content-select-2 {
    opacity: 0;
    pointer-events: none;
}

#m9 .section-space .section-content-select[data-select="2"] .section-content-select-1 {
    opacity: 0;
    pointer-events: none;
}


#m9 .section-space .section-content-select .swiper-content {
    position: absolute;
    bottom: 1.5625vw;
    z-index: 3;
    left: 50%;
    transform: translateX(-50%);
}

#m9 .trunkSwiper {
    width: 71.041667vw;
    height: 37.5vw;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 2.5vw;
    position: relative;
}

#m9 .trunkSwiper .swiper-slide img {
    width: 99%;
    max-width: 99%;
    top: 0.5%;
    left: 0.5%;
}

#m9 .trunkSwiper .swiper-pagination {
    bottom: unset;
    height: .625vw;
    top: 35.416667vw;
    font-size: 0;
}

#m9 .trunkSwiper .swiper-pagination-bullet {
    background: #FFFFFF;
    opacity: 0.4;
    width: .520833vw;
    height: .520833vw;
    margin: 0 .260417vw;
}

#m9 .trunkSwiper .swiper-pagination-bullet-active {
    background: #FFFFFF;
    opacity: 1;
}

#m9 .trunk-mid-content {
    width: 100%;
    position: relative;
}

#m9 .trunk-mid-content .swiper-button-prev,
#m9 .trunk-mid-content .swiper-button-next {
    width: 2.864583vw;
    height: 2.864583vw;
    top: 50%;
    transform: translateY(-50%);
    /* background: wheat; */
    background-image: url('../images/design/swiper-right-dark.svg');
    background-size: 100%;
    transition-duration: 0s;
}

#m9 .trunk-mid-content .swiper-button-prev.swiper-button-disabled,
#m9 .trunk-mid-content .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background-image: url('../images/design/swiper-right-dark-disabled.svg');
    background-size: 100%;

}

#m9 .trunk-mid-content .swiper-button-prev:after,
#m9 .trunk-mid-content .swiper-button-next:after {
    display: none;
}

#m9 .trunk-mid-content .swiper-button-prev {
    left: 9.53125vw;
    transform: translateY(-50%) rotatey(180deg);
}

#m9 .trunk-mid-content .swiper-button-next {
    right: 9.53125vw;
}

#m9 .subsection-trunk[data-active='1'] .bullet:nth-child(1),
#m9 .subsection-trunk[data-active='2'] .bullet:nth-child(2),
#m9 .subsection-trunk[data-active='3'] .bullet:nth-child(3),
#m9 .subsection-trunk[data-active='4'] .bullet:nth-child(4),
#m9 .subsection-trunk[data-active='5'] .bullet:nth-child(5),
#m9 .subsection-trunk[data-active='6'] .bullet:nth-child(6),
#m9 .subsection-trunk[data-active='7'] .bullet:nth-child(7) {
    transform: scale(1);
    opacity: 1;

}

#m9 .subsection-trunk .bullet-list {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 4.166667vw;
}

#m9 .subsection-trunk .bullet {
    width: 1.944444vw;
    height: 1.944444vw;
    margin-right: 1.388889vw;
    margin-left: 1.388889vw;
    transition: .5s;
    transform: scale(0.6);
    opacity: .4;
    border-radius: 50%;
    outline: 0;
    background-color: #fff;
}

#m9 .trunk-bottom-content {
    width: 47.263021vw;
    margin: 2.34375vw auto 0;
    display: flex;
    justify-content: space-between;
}

#m9 .trunk-bottom-content .trunk-bottom-page span {
    display: block;
    color: #FFFFFF;
    opacity: 0.8;
    font-size: 1.145833vw;
    line-height: 1.6;
}

#m9 .trunk-bottom-content .trunk-bottom-page p {
    font-size: 2.5vw;
    line-height: 1.6;
}

#m9 .trunk-bottom-content .trunk-bottom-page p span {
    opacity: 1;
    display: inline-block;
    font-size: 1.25vw;
}

#m9 .hid-pc {
    display: none !important;
}

#m9 .subsection-hwads {
    position: relative;
}

#m9 .subsection-hwads .hwads-des {
    width: 31.302083vw;
    position: absolute;
    bottom: 1.041667vw;
    font-size: .625vw;
    right: 1.041667vw;
    opacity: 0.6;
    color: #fff;
    z-index: 3;
}

#m9 .select-bottom-des {
    position: absolute;
    font-size: .625vw;
    text-align: right;
}

#m9 .section-space .select-bottom-des {
    right: 1.041667vw;
    bottom: 1.041667vw;
    z-index: 3;
    opacity: .6;
}

#m9 .subsection-xiaoyi .select-bottom-des,
#m9 .sm-wrap .select-bottom-des,
#m9 .subsection-safety-configuration .select-bottom-des {
    right: 1.041667vw;
    bottom: 1.041667vw;
    z-index: 3;
    color: #fff;
    opacity: .6;
    text-align: left;
}

#m9 .sm-wrap .select-bottom-des {
    text-align: left;
}


#m9 .subsection-xpixel .swiper-container .select-bottom-des {
    position: absolute;
    font-size: .625vw;
    right: 1.25vw;
    top: 23.125vw;
}

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

#m9 .sm-wrap {
    width: 71.041667vw;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
}

#m9 .section-model .section-txt {
    padding-left: 3.958333vw;
}

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


@media screen and (max-aspect-ratio: 11 / 10) {
    #m9 .sm-wrap {
        width: 100%;
        overflow: hidden;
    }

    #m9 .section-model .section-txt {
        padding-left: 11.111111vw;
        padding-right: 5.888889vw;
    }

    #m9 .section-model {
        padding-top: 27.777778vw;
        margin-top: 0;
    }

    #m9 .sec-txt-28 {
        font-size: 4.444444vw;
    }

    #m9 .subsection-xiaoyi .select-bottom-des,
    #m9 .sm-wrap .select-bottom-des,
    #m9 .subsection-safety-configuration .select-bottom-des {
        left: 2.777778vw;
        right: 2.777778vw;
        bottom: 2.777778vw;
    }
}

#m9 .subsection-details .bottom-des {
    color: #000000;
    font-size: .625vw;
    text-align: right;
    margin-right: 14.010417vw;
    opacity: 0.6;
    margin-top: .9375vw;
}

#m9 .relative {
    position: relative;
}

#m9 .flex-between {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

#m9 .space-200 {
    height: 10.416667vw;
}

#m9 .navi-swiper.swiper-container,
#m9 .navi-swiper-2.swiper-container {
    overflow: inherit;
}

#m9 .navi-swiper.swiper-container .swiper-wrapper,
#m9 .navi-swiper-2.swiper-container .swiper-wrapper {
    padding-left: 1.041667vw;
}

#m9 .navi-swiper.swiper-container .swiper-slide,
#m9 .navi-swiper-2.swiper-container .swiper-slide {
    will-change: opacity;
    opacity: 0.1;
    transition: opacity 0.3s;
    width: 71.041667vw;
    margin-right: 2.083333vw;
}

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

#m9 .navi-swiper.swiper-container .swiper-slide-active,
#m9 .navi-swiper-2.swiper-container .swiper-slide-active {
    opacity: 1;
}

#m9 .navi-swiper.swiper-container .swiper-content,
#m9 .navi-swiper-2.swiper-container .swiper-content {
    width: 100%;
    margin: 1.666667vw auto 0 0;
    justify-content: space-between;
    flex-direction: row;
}

#m9 .navi-swiper.swiper-container .swiper-content .copy-list,
#m9 .navi-swiper-2.swiper-container .swiper-content .copy-list {
    display: flex;
    margin-top: .833333vw;
}

#m9 .navi-swiper.swiper-container .swiper-content .copy-list .copy-item,
#m9 .navi-swiper-2.swiper-container .swiper-content .copy-list .copy-item {
    position: relative;
    width: 100%;
    transition: opacity 0.3s;
    opacity: 0;
    color: #797979;
    font-size: 1.145833vw;
}

/* #m9 .navi-swiper-2.swiper-container .swiper-content .copy-list .copy-item {
    opacity: 1;
} */

#m9 .navi-swiper.swiper-container .swiper-content .copy-list .copy-item span,
#m9 .navi-swiper-2.swiper-container .swiper-content .copy-list .copy-item span {
    color: #000;
}

#m9 .navi-swiper.swiper-container .swiper-content .copy-list .copy-item-title,
#m9 .navi-swiper-2.swiper-container .swiper-content .copy-list .copy-item-title {
    font-weight: bold;
}

#m9 .navi-swiper.swiper-container .swiper-content .copy-list .copy-item span.light,
#m9 .navi-swiper.swiper-container .swiper-content .copy-list .copy-item span.light span,
#m9 .navi-swiper-2.swiper-container .swiper-content .copy-list .copy-item span.light,
#m9 .navi-swiper-2.swiper-container .swiper-content .copy-list .copy-item span.light span {
    color: #fff;
}

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

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

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

#m9 .navi-swiper.swiper-container .swiper-content .slidenav .slidenav-disabled .disabled,
#m9 .navi-swiper-2.swiper-container .swiper-content .slidenav .slidenav-disabled .disabled {
    opacity: 1;
}

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

#m9 .navi-swiper.swiper-container .swiper-content .slidenav .slidenav-arrow-next,
#m9 .navi-swiper-2.swiper-container .swiper-content .slidenav .slidenav-arrow-next {
    margin-left: 1.25vw;
}

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

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

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

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

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

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

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

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

#m9 .navi-swiper.swiper-container .swiper-pagination,
#m9 .navi-swiper-2.swiper-container .swiper-pagination {
    bottom: unset;
    height: .625vw;
    top: 35.416667vw;
    font-size: 0;
}

#m9 .navi-swiper-2.swiper-container .swiper-pagination {
    display: none;
}

#m9 .navi-swiper.swiper-container .swiper-pagination-bullet,
#m9 .navi-swiper-2.swiper-container .swiper-pagination-bullet {
    background: #FFFFFF;
    opacity: 0.4;
    width: .520833vw;
    height: .520833vw;
    margin: 0 .260417vw;
}

#m9 .navi-swiper.swiper-container .swiper-pagination-bullet-active,
#m9 .navi-swiper-2.swiper-container .swiper-pagination-bullet-active {
    background: #FFFFFF;
    opacity: 1;
}

#m9 .subsection-xpixel-top {
    text-align: center;
    position: relative;
    z-index: 2;
    margin-bottom: 3.90625vw;
    margin-top: 5.208333vw;
}

#m9 .subsection-xpixel-top .select-bottom-des {
    color: #fff;
    opacity: 0.6;
    bottom: 3.333333vw;
    right: 3.333333vw;
}

#m9 .subsection-xpixel-top .content {
    position: absolute;
    left: 50%;
    top: 4.375vw;
    transform: translateX(-50%);
    z-index: 2;
}

#m9 .subsection-disc .select-bottom-des {
    bottom: 1.041667vw;
    right: 1.041667vw;
    z-index: 2;
}


@media screen and (max-aspect-ratio: 11 / 10) {

    #m9 .hid-pc {
        display: flex !important;
    }

    #m9 .hid-mob {
        display: none;
    }

    #m9 .subsection-xpixel-top {
        z-index: 2;
        margin-bottom: 0;
        margin-top: 0;
    }

    #m9 .subsection-xpixel-top .content {
        position: static;
        left: 50%;
        top: 4.375vw;
        transform: translateX(0);
        margin-bottom: 6.944444vw;
    }

    #m9 .section-space .section-content-select .swiper-content {
        position: relative;
        bottom: 0;
        z-index: 3;
        left: 0;
        transform: translateX(0);
    }

    #m9 .subsection-disc .select-bottom-des {
        bottom: 2.777778vw;
        right: 2.777778vw;
        z-index: 2;
        width: 80%;
    }

    #m9 .subsection-text-select {
        width: 74vw;
        margin-left: 11.111111vw;
    }


    #m9 .subsection-text-select p {
        font-size: 6.111111vw;
        padding: 0 10.111111vw 4.166667vw;
        text-align: center;


    }

    #m9 .space-200 {
        height: 27.777778vw;
    }

    #m9 .subsection-text-select .subsection-text-select-scrollbar {
        width: 91.666667vw;
        height: .555556vw;
    }

    #m9 .subsection-flexibility .section-content-select {
        margin-top: 6.666667vw;
    }

    #m9 .section-space .section-content-select {
        margin-top: 6.666667vw;
    }

    #m9 .subsection-trunk {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    #m9 .trunk-mid-content {
        order: 3;
    }

    #m9 .subsection-trunk .bullet {
        width: 1.666667vw;
        height: 1.666667vw;
        transform: none;
        margin: 0 .972222vw;
    }

    #m9 .subsection-trunk .bullet-list {
        order: 4;
        margin-left: auto;
        margin-right: auto;
    }

    #m9 .trunkSwiper {
        width: 91.666667vw;
        height: 83.333333vw;
        margin-top: 6.666667vw;
    }


    #m9 .subsection-hwads .content {
        width: 77.777778vw;
        position: relative;
        top: 0;
        left: 0;
        transform: translateX(0);
        z-index: 3;
        padding-left: 0;
        padding: 0;
        margin: 0 auto;
    }

    #m9 .subsection-hwads .hwads-des {
        width: 77.777778vw;
        position: relative;
        bottom: auto;
        font-size: 2.777778vw;
        right: auto;
        z-index: 3;
        color: #000000;
        margin: 4.444444vw auto 0 auto;
        opacity: .6;
    }

    #m9 .navi-swiper.swiper-container .swiper-wrapper,
    #m9 .navi-swiper-2.swiper-container .swiper-wrapper {
        padding-left: 2.222222vw;
    }

    /* #m9 .navi-swiper-2.swiper-container .swiper-wrapper {
        margin-left: auto;
        margin-right: auto;
        padding-left: 2.222222vw;
        justify-content: center;
    } */

    #m9 .navi-swiper.swiper-container .swiper-slide,
    #m9 .navi-swiper-2.swiper-container .swiper-slide {
        width: 82.222222vw;
        margin-right: 4.444444vw;
    }

    #m9 .navi-swiper.swiper-container .swiper-content,
    #m9 .navi-swiper-2.swiper-container .swiper-content {
        width: 77.777778vw;
        flex-direction: column;
        margin: 0 auto;
    }

    #m9 .navi-swiper.swiper-container .swiper-content .slidenav,
    #m9 .navi-swiper-2.swiper-container .swiper-content .slidenav {
        display: none;
        margin-right: 0;
        margin-left: auto;
    }

    #m9 .navi-swiper.swiper-container .swiper-content .slidenav .slidenav-arrow,
    #m9 .navi-swiper-2.swiper-container .swiper-content .slidenav .slidenav-arrow {
        width: 11.111111vw;
    }

    #m9 .navi-swiper.swiper-container .swiper-content .slidenav .slidenav-arrow-next,
    #m9 .navi-swiper-2.swiper-container .swiper-content .slidenav .slidenav-arrow-next {
        margin-left: 4.722222vw;
    }

    #m9 .navi-swiper.swiper-container .swiper-content .copy-list,
    #m9 .navi-swiper-2.swiper-container .swiper-content .copy-list {
        width: 77.777778vw;
        margin-top: 0;
    }

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

    #m9 .navi-swiper.swiper-container .swiper-content .copy-list .copy-item-title,
    #m9 .navi-swiper-2.swiper-container .swiper-content .copy-list .copy-item-title {
        display: block;
        width: 100%;
        font-size: 5vw;
        line-height: 1.25;
        font-weight: bold;
        margin-top: 6.666667vw;
        margin-bottom: 3.611111vw;
    }

    #m9 .navi-swiper.swiper-container .swiper-content .copy-list .copy-item-title span,
    #m9 .navi-swiper-2.swiper-container .swiper-content .copy-list .copy-item-title span {
        display: none;
    }

    #m9 .navi-swiper-2.swiper-container .swiper-pagination {
        display: block;
    }

    #m9 .navi-swiper.swiper-container .swiper-pagination,
    #m9 .navi-swiper-2.swiper-container .swiper-pagination {
        position: relative;
        top: auto;
        margin-top: 4.444444vw;
        height: 1.944444vw;
        font-size: 0;
    }

    #m9 .navi-swiper.swiper-container .swiper-pagination-bullet,
    #m9 .navi-swiper-2.swiper-container .swiper-pagination-bullet {
        width: 1.666667vw;
        height: 1.666667vw;
        line-height: 1;
        background-color: #000;
        margin: 0 .972222vw;
        border-radius: 100%;
        overflow: hidden;
    }

    #m9 .theme-dark .navi-swiper.swiper-container .swiper-pagination-bullet,
    #m9 .theme-dark .navi-swiper-2.swiper-container .swiper-pagination-bullet {
        background-color: #fff;
    }

    #m9 .select-bottom-des {
        font-size: 2.777778vw;
    }

    #m9 .section-space .select-bottom-des {
        right: 3.75vw;
        bottom: 2.777778vw;
    }

    #m9 .subsection-flexibility .select-bottom-des {
        right: 3.75vw;
        bottom: 2.777778vw;
    }

    #m9 .subsection-seat .select-bottom-des {
        right: 3.75vw;
        bottom: 2.777778vw;
    }

    #m9 .subsection-trunk .select-bottom-des {
        right: 3.75vw;
        bottom: 2.777778vw;
    }

    #m9 .trunk-bottom-content {
        width: 75vw;
        margin: 8.333333vw auto 0 11.111111vw;
        flex-wrap: wrap;
        order: 2;
    }

    #m9 .trunk-bottom-content .trunk-bottom-page p span {
        font-size: 3.888889vw;
    }

    #m9 .trunk-bottom-content .trunk-bottom-page-1 {
        width: 100%;
    }

    #m9 .trunk-bottom-content .trunk-bottom-page p {
        font-size: 7.777778vw;
    }

    #m9 .subsection-xpixel .swiper-container .select-bottom-des {
        font-size: 2.777778vw;
        right: 2.777778vw;
        top: 66.666667vw;
    }

    #m9 .subsection-details .bottom-des {
        font-size: 2.777778vw;
        margin-right: 4.444444vw;
        margin-top: 4.166667vw;
    }

}


#m9 .subsection-flexibility .section-content-select-1 {
    z-index: 6;
}

#m9 .section-space .section-content-select-1 .swiper-container {
    z-index: 6;
}

#m9 .section-space .section-content-select .swiper-content {
    z-index: 7;
}

#m9 .section-hero,
#m9 .section-design .picture-wrapper {
    background-color: #FFFFFF;
}

#m9 .section-hero .ksp {
    text-align: center;
}


#m9 .section-common-txt-wrapper {
    position: absolute;
    top: 5.729167vw;
    left: 0;
    right: 0;
    color: #fff;
    text-align: center;
    z-index: 2;
}

#m9 .section-safety .section-common-txt-wrapper {
    top: 7.864583vw;
}

#m9 .section-common-txt-wrapper h2 {
    font-size: 3.333333vw;
    color: #fff;
    letter-spacing: .13em;
}

#m9 .section-common-txt-wrapper p {
    font-size: 1.145833vw;
    margin-top: 1.5625vw;
    letter-spacing: .1em;
}

#m9 .subsection-xpixel-top {
    margin-top: 0;
    text-align: left;
}

#m9 .subsection-xpixel-top .section-common-txt-wrapper {
    position: relative;
    top: auto;
    color: #000;
}

#m9 .subsection-xpixel-top .section-common-txt-wrapper h2 {
    color: #000;
}

#m9 .subsection-xpixel-top .content {
    left: 7.8125vw;
    top: 50%;
    transform: translateY(-50%);
}

#m9 .subsection-xpixel-top .content * {
    color: #fff;
}

#m9 .subsection-xpixel .swiper-slide * {
    color: #fff;
}

#m9 .section-luxe .section-luxe-new {
    margin-top: 10.104167vw;
    margin-bottom: 10.416667vw;
}

#m9 .section-content-txt-wrapper {
    text-align: center;
}

#m9 .section-content-txt-wrapper * {
    color: #FFFFFF;
}

#m9 .section-content-txt-wrapper h3 {
    font-size: 2.291667vw;
}

#m9 .section-content-txt-wrapper p {
    font-size: .9375vw;
    margin-top: 1.979167vw;
    margin-bottom: 2.03125vw;
}

#m9 .subsection-configuration .section-content {
    padding-left: 9.166667vw;
    left: 0;
    right: auto;
}

#m9 .note {
    padding-left: 2.447917vw;
}

#m9 .object-video {
    height: 100%;
    object-fit: cover;
}

#m9 .tabnav-swiper.full-width .swiper-content {
    bottom: 3.125vw;
}

#m9 .section-space .section-content-select .swiper-content {
    width: auto;
    position: relative;
    bottom: 0;
}

#m9 .section-space .tablist-wrapper {
    margin-top: 2.5vw;
}

#m9 .section-space {
    padding-bottom: 10.416667vw;
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #m9 .xs\:720\/1294::before {
        padding-bottom: calc(100% /(720 / 1294));
    }

    #m9 .xs\:720\/1900::before {
        padding-bottom: calc(100% / (720 / 1900));
    }

    #m9 .xs\:720\/1200::before {
        padding-bottom: calc(100% / (720 / 1200));
    }

    #m9 .xs\:720\/1140::before {
        padding-bottom: calc(100% / (720 / 1140));
    }

    #m9 .xs\:720\/1340::before {
        padding-bottom: calc(100% / (720 / 1340));
    }

    #m9 .xs\:720\/953::before {
        padding-bottom: calc(100% / (720 / 953));
    }

    #m9 .xs\:720\/1671::before {
        padding-bottom: calc(100% / (720 / 1671));
    }

    #m9 .section-common-txt-wrapper {
        position: relative;
        top: auto;
        color: #000;
        padding-bottom: 6.666667vw;
    }

    #m9 .section-common-txt-wrapper h2 {
        font-size: 11.111111vw;
        color: #000;
    }

    #m9 .section-common-txt-wrapper p {
        font-size: 4.444444vw;
        margin-top: 4.166667vw;
    }

    #m9 .section-safety .section-common-txt-wrapper {
        top: auto;
    }

    #m9 .subsection-xpixel-top {
        padding-top: 0;
    }

    #m9 .subsection-xpixel-top .section-common-txt-wrapper {
        padding-bottom: 0;
    }

    #m9 .section-luxe .section-luxe-new {
        margin-top: 19.444444vw;
        margin-bottom: 0;
    }

    #m9 .section-luxe .section-common-txt-wrapper {
        background-color: #fff;
    }

    #m9 .section-luxe .section-common-txt-wrapper p {
        color: #000;
    }

    #m9 .section-content-txt-wrapper {
        width: 88.333333vw;
        margin-left: 8.333333vw;
        text-align: left;
    }

    #m9 .section-content-txt-wrapper h3 {
        font-size: 8.888889vw;
    }

    #m9 .section-content-txt-wrapper p {
        font-size: 4.444444vw;
        margin-top: 5.555556vw;
        margin-bottom: 8.333333vw;
    }

    #m9 .section-driving {
        padding-top: 15.277778vw;
    }

    #m9 .subsection-configuration .section-content {
        padding-left: 0;
    }

    #m9 .section-hero .hero-note {
        bottom: 7.361111vw;
    }

    #m9 .section-hero .hero-content {
        top: auto;
        bottom: 96.666667vw;
    }

    #m9 .section-hero .logo {
        margin-bottom: 4.166667vw;
    }

    #m9 .section-reasons {
        margin: 27.777778vw auto 26.388889vw;
    }

    #m9 .section-reasons .swiper-slide {
        width: 83.333333vw;
        margin: auto 2.222222vw;
    }

    #m9 .section-reasons .reasons-wrap {
        width: 83.333333vw;
        height: 111.111111vw;
    }

    #m9 .section-reasons .swiper-slide .reasons-title {
        position: relative;
        top: auto;
        left: auto;
        margin: 5.833333vw auto 0;
        color: #000;
        text-align: center;
        font-size: 5.555556vw;
        font-weight: bold;
    }

    #m9 .section-reasons .swiper-button-center {
        width: 62.222222vw;
        height: 13.333333vw;
        border-radius: 12.222222vw;
        margin-top: 8.888889vw
    }

    #m9 .section-reasons .swiper-button-center .swiper-pagination {
        height: 2.5vw;
    }

    #m9 .section-reasons .swiper-button-center .swiper-pagination-bullet {
        width: 2.222222vw;
        height: 2.222222vw;
        margin: 0 1.666667vw;
        border-radius: 100%;
        overflow: hidden;
    }

    #m9 .section-reasons .swiper-button-center .swiper-button-prev {
        width: 2.601389vw;
        height: 4.369444vw;
        left: 6.805556vw
    }

    #m9 .section-reasons .swiper-button-center .swiper-button-next {
        width: 2.601389vw;
        height: 4.369444vw;
        right: 6.805556vw
    }

    #m9 .subsection-xpixel-top .content {
        transform: translateY(0);
    }

    #m9 .subsection-xpixel-top .select-bottom-des {
        right: 4.444444vw;
        bottom: 4.444444vw;
    }

    #m9 .subsection-text-select p {
        font-size: 8.888889vw;
        padding: 0;
    }

    #m9 .section-space .section-content-select .swiper-content {
        width: 100%;
    }

    #m9 .trunk-bottom-content {
        width: 80vw;
    }

    #m9 .trunk-bottom-content .trunk-bottom-page span {
        font-size: 3.888889vw;
        line-height: 1.25;
    }

    #m9 .trunk-bottom-content .trunk-bottom-page p {
        font-size: 9.444444vw;
        line-height: 1.25;
    }

    #m9 .trunk-bottom-content .trunk-bottom-page-1 {
        margin-bottom: 6.25vw;
    }

    #m9 .subsection-air-and-privacy .badge-content {
        padding-bottom: 8.333333vw;
    }

    #m9 .section-luxe {
        margin-top: -2px;
    }

    #m9 .section-space {
        padding-bottom: 26.388889vw;
    }

    #m9 .section-space .tablist-wrapper {
        margin-top: 6.666667vw;
    }

    #m9 .subsection-screens .swiper-container {
        width: 91.111111vw;
    }

    #m9 .section-safe-fun {
        padding-top: 27.777778vw;
        margin-top: 0;
    }
}

/* new swiper */
#m9 .trunkSwiper2 {
    width: 71.041667vw;
    height: 37.5vw;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 2.083333vw;
    position: relative;
}

#m9 .trunkSwiper2 .swiper-slide img {
    width: 100%;
    max-width: 100%;
    top: 0;
    left: 0;
}

#m9 .trunkSwiper2 .swiper-slide video {
    width: 100%;
    max-width: 100%;
    top: 0;
    left: 0;
}

#m9 .trunk-mid-content2 {
    width: 100%;
}

#m9 .trunk-mid-content2 .swiper-button-prev,
#m9 .trunk-mid-content2 .swiper-button-next {
    width: 3.333333vw;
    height: 3.333333vw;
    top: 50%;
    transform: translateY(-50%);
    background-image: url('../images/new/trunk-btn.svg');
    background-size: 100%;
}

#m9 .trunk-mid-content2 .swiper-button-prev:after,
#m9 .trunk-mid-content2 .swiper-button-next:after {
    display: none;
}

#m9 .trunk-mid-content2 .swiper-button-prev {
    left: 7.8125vw;
    transform: translateY(-50%) rotatey(180deg);
}

#m9 .trunk-mid-content2 .swiper-button-next {
    right: 7.8125vw;
}

@media screen and (max-width: 1400px) {
    #m9 .note {
        padding-left: 1.447917vw;
    }
}
@media screen and (max-width: 834px) and (min-width: 640px) and (max-aspect-ratio: 11 / 10){
    #m9 .hwads-sup{
        font-size: .8em;
    }
}
@media screen and (max-width: 1440px) and (min-width: 781px) and (min-aspect-ratio: 11 / 10){
     #m9 .note {
        padding-right: 6vw;
    }
    #m9 .note .lg{
        display: none;
    }
}
@media screen and (max-aspect-ratio: 11 / 10) {
    #m9 .trunk-mid-content2 {
        order: 3;
    }

    #m9 .trunkSwiper2 {
        width: 91.666667vw;
        height: 83.333333vw;
        margin-top: 6.666667vw;
    }
}

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

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

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

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

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

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

#m9 .section-safe-fun .sm-wrap .swiper-content .headline-wrapper .headline-list {
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}

#m9 .section-safe-fun .sm-wrap .swiper-content .headline-wrapper .headline-list .tab-item {
    border-top: 1px solid rgba(0, 0, 0, 0.5);
}

#m9 .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: .9375vw;
    padding-top: 1.979167vw;
    padding-bottom: 0;
    cursor: pointer;
}

#m9 .section-safe-fun .sm-wrap .swiper-content .headline-wrapper .headline-list .tab-item .tab-row .tab-headline {
    font-size: 1.25vw;
    font-weight: bold;
    line-height: 1.25;
    color: #000000;
}

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

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

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

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

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

#m9 .section-safe-fun .sm-wrap .swiper-content .headline-wrapper .headline-list .tab-item.active .intro-row {
    margin-bottom: 2.083333vw;
}

#m9 .section-safe-fun .sm-wrap .swiper-content .headline-wrapper .headline-list .tab-1 .intro-row {
    max-height: 0;
}

#m9 .section-safe-fun .sm-wrap .swiper-content .headline-wrapper .headline-list .tab-1.active .intro-row {
    max-height: 3.229167vw;
}

#m9 .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);
}

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

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

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

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

@media screen and (max-aspect-ratio: 11 / 10) {
    #m9 .section-safe-fun>.section-txt {
        width: 100%;
        text-align: left;
        padding: 0 8.333333vw;
    }

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

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

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

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

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

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

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

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

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

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

    #m9 .section-safe-fun .sm-wrap .swiper-content .headline-wrapper .headline-list .tab-item .intro-row {
        margin-bottom: 0;
    }

    #m9 .section-safe-fun .sm-wrap .swiper-content .headline-wrapper .headline-list .tab-item.active .intro-row {
        margin-bottom: 4.444444vw;
    }

    #m9 .section-safe-fun .sm-wrap .swiper-content .headline-wrapper .headline-list .tab-1 .intro-row {
        max-height: 0;
    }

    #m9 .section-safe-fun .sm-wrap .swiper-content .headline-wrapper .headline-list .tab-1.active .intro-row {
        max-height: 14.166667vw;
    }

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

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

@media screen and (min-width: 790px) and (max-width: 800px) {
    #m9 .sm-wrap .select-bottom-des.w-200 {
        width: 25.777778vw;
    }

    #m9 .sm-wrap .select-bottom-des.w-200 br {
        display: none;
    }
}