.hm940-main {
    font-weight: 400;
    line-height: 1.6;
    background-color: #000;
}

.hm940-main * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.hm940-main picture {
    border: 0;
    width: 100%;
    height: auto;
    display: block;
}

.hm940-main sup {
    font-size: 0.6em;
    cursor: pointer;
}

.hm940-main svg {
    width: 100%;
    height: auto;
    display: block;
    overflow: visible;
}

.hm940-main a {
    color: inherit;
    font-size: inherit;
    text-decoration: none;
}

.hm940-main ul,
.hm940-main ol {
    list-style: none;
    list-style-image: none;
}

.hm940-main .nr {
    display: inline-block;
    white-space: nowrap;
}

.hm940-main button {
    border: 0;
    font-size: 0;
    line-height: 0;
}

.hm940-main img {
    border: 0;
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

.hm940-main video {
    width: 100%;
    height: auto;
    border: 0;
    display: block;
    object-fit: cover;
}

.hm940-main .blur-up {
    -webkit-filter: blur(3px);
    filter: blur(3px);
    -webkit-transition: filter 400ms;
    transition: -webkit-filter 400ms;
    transition: filter 400ms;
    transition: filter 400ms, -webkit-filter 400ms;
    -moz-transition: filter 400ms;
}

.hm940-main .blur-up.lazyloaded {
    -webkit-filter: blur(0);
    filter: blur(0);
}

.hm940-main .show-mob {
    display: none;
}

.hm940-main .show-mob-inline {
    display: none;
}

.hm940-main br.show-mob {
    line-height: 0;
}

.hm940-main .show-pc {
    display: block;
}

.hm940-main .show-pc-inline {
    display: inline-block;
}

.hm940-main .is-ucwx {
    display: none;
}

.hm940-main br {
    line-height: 0;
}

.hm940-main .title-bg-color {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(229.1deg, #bc8349 0%, #fff6ed 23.71%, #a27537 37.93%, #ffffff 51.53%, #9d855f 66.75%, #fcedd5 83.67%, #fde2b6 100%);
    -webkit-background-clip: text;
    background-clip: text;
    background-size: 300% 100%;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    background-position-x: var(--bgx);
}

.hm940-main .title-bg-ani.animated {
    --bgx: 100%;
}

.hm940-main .title-bg-ani.animated .title-bg-color {
    transition: background-position-x 1.2s cubic-bezier(0, 0, 0.2, 1);
    -webkit-transition: background-position-x 1.2s cubic-bezier(0, 0, 0.2, 1);
    -moz-transition: background-position-x 1.2s cubic-bezier(0, 0, 0.2, 1);
}

.hm940-main .big-title-wrap {
    --bgx: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: transform 0.1s, opacity 0.1s;
    -webkit-transition: transform 0.1s, opacity 0.1s;
    -moz-transition: transform 0.1s, opacity 0.1s;
    position: relative;
    z-index: 1;
}

.hm940-main .big-title {
    font-size: 5vw;
    font-weight: 700;
    line-height: 1.25;
}

.hm940-main .sub-title {
    color: #fff;
    font-size: 3.33333333vw;
    font-weight: 700;
    line-height: 1.25;
}

.hm940-main .desc-text {
    color: #86868A;
    font-size: 1.14583333vw;
    font-weight: 700;
    line-height: 1.6;
}

.hm940-main .white-color {
    color: #fff;
}

/* mob */
@media screen and (max-aspect-ratio:138/100) {
    .hm940-main .show-mob {
        display: block;
    }

    .hm940-main .show-mob-inline {
        display: inline-block;
    }

    .hm940-main .show-pc {
        display: none;
    }

    .hm940-main .show-pc-inline {
        display: inline-block;
    }

    .hm940-main .sub-title {
        font-size: 8.888889vw;
    }

    .hm940-main .desc-text {
        font-size: 4.444444vw;
    }

    .hm940-main .big-title {
        font-size: 13.333333vw;
    }
}

/* footer start */
.hm940-main .footer-list {
    width: 75vw;
    margin: 10.41666667vw auto 0;
    padding-bottom: 10.41666667vw;

}

.hm940-main .footer-list ul {
    padding-left: 1.041767vw
}

.hm940-main .footer-list ul a {
    color: #1f71ff;
    word-break: break-all;
}

.hm940-main .footer-list li {
    list-style-type: decimal;
    color: #7f7f7f;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.6;
}

.hm940-main .footer-list li.footer-active {
    color: #000;
}

.hm940-main .footer-list li.price {
    position: relative;
    list-style-type: none;
}

.hm940-main .footer-list li.price::before {
    content: "*";
    position: absolute;
    top: 0;
    left: -9px;
}

.hm940-main .footer-list ul a {
    color: #1f71ff;
    word-break: break-all
}

@media screen and (min-width: 1920px) {
    .hm940-main .footer-list li {
        font-size: 0.625vw;
    }
}

@media screen and (max-aspect-ratio:138/100) {
    .hm940-main .footer-list {
        width: 83.333333333vw;
        margin: 27.77777777vw auto 0;
        padding-bottom: 27.77777777vw;
    }

    .hm940-main .footer-list li {
        font-size: 3.33333333vw;
    }

    .hm940-main .footer-list ul {
        padding-left: 5.277778vw
    }
}

/* footer end */
/* kv start  */
.hm940-main .hm940-kv {
    position: relative;
    background-color: #fff;
}

.hm940-kv .product-name {
    position: absolute;
    width: 26.45833333vw;
    top: 4.16666667vw;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    z-index: 10;
}

.hm940-main .hm940-kv.active .product-name {
    opacity: 1;
}

.hm940-kv .product-name p.slogan-text {
    margin-top: 1.04166667vw;
    line-height: 1.6;
    font-size: 1.66666667vw;
    font-weight: 400;
    letter-spacing: 0.26041667vw;
}

.hm940-kv .product-name .kv-img {
    width: 100%;
}

@media screen and (max-aspect-ratio:138/100) {
    .hm940-kv .product-name {
        width: 56.38888888vw;
        top: auto;
        bottom: 11.80555555vw;
    }

    .hm940-kv .product-name p.slogan-text {
        font-size: 4.444444444vw;
        margin-top: 2.777777777vw;
        letter-spacing: 0.6944444444vw;
    }

    .hm940-main .hm940-kv {
        display: flex;
        flex-direction: column;
    }
}

/* kv end */
/* w2-start */
.hm940-main .hm940-w2 {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 15.625vw;
}

.hm940-w2 .sticky-container {
    position: sticky;
    top: 0;
}

.hm940-w2 .sticky-container h2 {
    transition-duration: .6s;
    will-change: font-size;
    font-weight: bold;
    position: relative;
    display: inline-block;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    background-image: linear-gradient(123deg, #FFEADB, #FFF4E9, #DEC9A5);
    background-size: 100% 100%;
    text-align: center;
    font-size: 3.33333333vw;
    font-weight: 700;
    line-height: 1.25;
}

.hm940-w2 .sticky-container .w2-dructior .light-size {
    position: relative;
    width: max-content;
    margin: 0 auto;
    z-index: 10;
}

.hm940-w2 .sticky-container .w2-dructior {
    position: relative;
    text-align: center;
    transition-duration: .6s;
    opacity: 0;
    will-change: translate,
        opacity;
}

.hm940-w2 .sticky-container h2.txt-copy {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    text-shadow: 0 0 20px #b18c66,
        0 0 30px #b18c66;
    opacity: 0;
}

.hm940-w2 .shadow-bottom {
    position: relative;
    left: 0;
    top: 0;
    bottom: auto;
    margin-top: -10.71875vw;
    transform-origin: bottom;
    transition-duration: .8s;
    opacity: 0;
    z-index: -1;
    will-change: opacity,
        transform;
    transform: scale(0.7);
}

.hm940-w2 .shadow-bottom.animated {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.hm940-w2 .shadow-bottom.animated2 {
    opacity: 0;
}

.hm940-w2 .w2-dructior.animated {
    opacity: .37;
}

.hm940-w2 .w2-dructior.animated2 {
    opacity: 1;
}

.hm940-w2 .w2-dructior.animated2 .txt-copy {
    opacity: 1;
}

.hm940-w2 .w2-dructior.animated3 {
    opacity: 0;
}

@media screen and (max-aspect-ratio:138/100) {
    .hm940-w2 .sticky-container h2 {
        font-size: 8.88888888vw;
    }

    .hm940-main .hm940-w2 {
        margin-top: 27.77777777vw;
    }
}

/* w2-end */
/* w3-start */
.hm940-main .hm940-w3 {
    margin-top: 5.20833333vw;
    overflow: hidden;
}

.hm940-w3 .heart {
    width: 67.5vw;
    margin: 0 auto;
    overflow: visible;
}

.hm940-w3 .heart .swiper-slide {
    width: 67.5vw;
    cursor: pointer;
}

.hm940-w3 .heart .swiper-slide .slide-box {
    border-radius: 0.83333333vw;
    -webkit-border-radius: 0.83333333vw;
    -moz-border-radius: 0.83333333vw;
    -ms-border-radius: 0.83333333vw;
    -o-border-radius: 0.83333333vw;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);

}

.hm940-w3 .heart .swiper-slide .slide-box .video-wrap {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #111111;
}

.hm940-w3 .heart .swiper-slide video {
    width: 38.02083333vw;
    height: 38.02083333vw;
    mix-blend-mode: lighten;

}

.hm940-w3 .heart .swiper-slide.swiper-slide-active {
    opacity: 1;
    cursor: default;
}

.hm940-w3 .heart .swiper-slide:not(:last-child) {
    margin-right: 3.33333333vw;
}

.hm940-w3 .w3-pigination {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0.625vw 1.04166667vw;
    border-radius: 9999px;
    -webkit-border-radius: 9999px;
    -moz-border-radius: 9999px;
    -ms-border-radius: 9999px;
    -o-border-radius: 9999px;
    background-color: rgba(255, 255, 255, 0.2);
    width: max-content;
    margin: 2.5vw auto 0;
}

.hm940-w3 .w3-pigination .w3-control-item {
    width: 2.08333333vw;
    cursor: pointer;
    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}

.hm940-w3 .w3-pigination .w3-control-item.prev {
    transform: translate3d(0, 0, 0) rotate(180deg);
    -webkit-transform: translate3d(0, 0, 0) rotate(180deg);
    -moz-transform: translate3d(0, 0, 0) rotate(180deg);
    -ms-transform: translate3d(0, 0, 0) rotate(180deg);
    -o-transform: translate3d(0, 0, 0) rotate(180deg);
}

.hm940-w3 .w3-pigination .w3-control-item:hover {
    opacity: 0.6;
}

@media (any-hover:hover) {


    .hm940-w3 .pigiwrap .swiper-pagination-bullet:hover {
        opacity: 0.6;
    }
}


.hm940-w3 .pigiwrap {
    width: max-content;
    margin: 0 0.9375vw;
    display: flex;
    align-items: center;
}

.hm940-w3 .pigiwrap .swiper-pagination-bullet {
    background-color: #fff;
    width: 0.52083333vw;
    height: 0.52083333vw;
    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    cursor: pointer;
    margin: 0;
}

.hm940-w3 .pigiwrap .swiper-pagination-bullet.swiper-pagination-bullet-active {
    pointer-events: none;
    cursor: default;
}


.hm940-w3 .pigiwrap .swiper-pagination-bullet:not(:last-child) {
    margin: 0 0.52083333vw 0 0;
}

.hm940-w3 .w3-pigination .heart-btn-disabled {
    pointer-events: none;
    opacity: 0.3;
}

.hm940-w3 .slide-title {
    font-size: 1.66666667vw;
    font-weight: 700;
    line-height: 1.25;
    color: #fff;
    position: absolute;
    top: 2.5vw;
    left: 2.5vw;
    transform: translateX(10.41666667vw);
    -webkit-transform: translateX(10.41666667vw);
    -moz-transform: translateX(10.41666667vw);
    -ms-transform: translateX(10.41666667vw);
    -o-transform: translateX(10.41666667vw);
    opacity: 0;
    z-index: 10;
    transition: all .8s ease-in-out;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -ms-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
}

.hm940-w3 .swiper-slide-active .slide-title {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    opacity: 1;
}

@media screen and (max-aspect-ratio:138/100) {
    .hm940-main .hm940-w3 {
        margin-top: 27.77777777vw;
    }

    .hm940-w3 .heart {
        width: 82.222222222vw;
    }

    .hm940-w3 .heart .swiper-slide {
        width: 82.222222222vw;
    }

    .hm940-w3 .heart .slide-title {
        display: none;
    }

    .hm940-w3 .titleSwiper {
        width: 82.222222222vw;
        margin: 6.666666666vw auto 0;
        color: #fff;
        font-weight: 700;
        font-size: 6.6666666666vw;
        text-align: center;
    }

    .hm940-w3 .titleSwiper p {
        transform: translateX(13.8888888vw);
        -webkit-transform: translateX(13.8888888vw);
        -moz-transform: translateX(13.8888888vw);
        -ms-transform: translateX(13.8888888vw);
        -o-transform: translateX(13.8888888vw);
        opacity: 0;
    }

    .hm940-w3 .titleSwiper .swiper-slide-active p {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        opacity: 1;
    }

    .hm940-w3 .w3-pigination {
        margin: 8.888888888vw auto 0;
        padding: 0 1.666666666vw;
    }

    .hm940-w3 .w3-pigination .w3-control-item {
        width: 13.3333333vw;
    }

    .hm940-w3 .pigiwrap {
        margin: 0 1.111111111vw;
    }

    .hm940-w3 .pigiwrap .swiper-pagination-bullet {
        width: 2.222222222vw;
        height: 2.222222222vw;
    }

    .hm940-w3 .pigiwrap .swiper-pagination-bullet:not(:last-child) {
        margin-right: 3.333333333vw;
    }

    .hm940-w3 .heart .swiper-slide:not(:last-child),
    .hm940-w3 .titleSwiper .swiper-slide:not(:last-child) {
        margin-right: 8.888888888vw;
    }

    .hm940-w3 .heart .swiper-slide .slide-box {
        border-radius: 2.222222222vw;
        -webkit-border-radius: 2.222222222vw;
        -moz-border-radius: 2.222222222vw;
        -ms-border-radius: 2.222222222vw;
        -o-border-radius: 2.222222222vw;
    }

    .hm940-w3 .heart .swiper-slide video {
        width: 100.833vw;
        height: 100.833vw;
        padding: 4.44444444vw 0;
        box-sizing: content-box;
    }
}

/* w3-end */
/* w4-start */
.hm940-main .hm940-w4 {
    margin-top: 10.41666667vw;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hm940-main .hm940-w4 .desc-text {
    margin: 2.5vw auto 3.33333333vw;
    display: inline-block;
}

.hm940-main .hm940-w4 .w4-img {
    width: 67.5vw;
    height: 35.41666667vw;
    border-radius: 0.83333333vw;
    -webkit-border-radius: 0.83333333vw;
    -moz-border-radius: 0.83333333vw;
    -ms-border-radius: 0.83333333vw;
    -o-border-radius: 0.83333333vw;
    transform: translate3d(0, 0, 0);
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}

@media screen and (max-aspect-ratio:138/100) {
    .hm940-main .hm940-w4 {
        margin-top: 27.77777777vw;
    }

    .hm940-main .hm940-w4 .desc-text {
        margin: 6.666666666vw auto 8.888888888vw;
    }

    .hm940-main .hm940-w4 .w4-img {
        width: 100%;
        height: 94.44444444vw;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
    }
}

/* w4-end */
/* w5-start */
.hm940-main .hm940-w5 {
    margin-top: 10.41666667vw;
}

.hm940-main .hm940-w5 .sticky {
    position: sticky;
    top: var(--cardcenter);
    width: 100%;
    display: flex;
    flex-direction: column;
}

.hm940-w5 .video-btn div {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.hm940-w5 .video-btn img {
    width: 1.45833333vw;
    margin: 0 0.20833333vw 0 0;
}

.hm940-w5 .video-btn span {
    color: #6d6f72;
    font-size: 1.14583333333vw;
    font-weight: 500;
    line-height: 1.6;
}

.hm940-w5 .w5-bg {
    width: 100%;
    position: absolute;
    bottom: 16.5%;
    left: 0;
    z-index: -1;
}

.hm940-w5 .w5-imgWrap {
    width: 45.72916667vw;
    position: relative;
    overflow: hidden;
}

.hm940-w5 .w5-swiper {
    border-radius: 0.25vw;
    position: absolute;
    top: 0.625vw;
    left: 50%;
    width: 35.67708333vw;
    background-color: #000;
    transform: translate3d(calc(-50% + 0.5px), 0, 0);
    z-index: 1;
    -webkit-transform: translate3d(calc(-50% + 0.5px), 0, 0);
    -moz-transform: translate3d(calc(-50% + 0.5px), 0, 0);
    -ms-transform: translate3d(calc(-50% + 0.5px), 0, 0);
    -o-transform: translate3d(calc(-50% + 0.5px), 0, 0);
    -webkit-border-radius: 0.25vw;
    -moz-border-radius: 0.25vw;
    -ms-border-radius: 0.25vw;
    -o-border-radius: 0.25vw;
}

.hm940-w5 .w5-bgimg {
    position: relative;
    z-index: 10;

}

.hm940-w5 .w5-con {
    display: flex;
    margin-left: 16.25vw;
    height: 29.94791667vw;
}

.hm940-w5 .w5-con .w5-right {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-left: 3.33333333vw;
}

.hm940-w5 .w5-titleWrap {
    width: 25vw;
    height: var(--startHeight);
    margin-top: 6.61458333vw;
    transform: translateY(var(--transY));
    -webkit-transform: translateY(var(--transY));
    -moz-transform: translateY(var(--transY));
    -ms-transform: translateY(var(--transY));
    -o-transform: translateY(var(--transY));
    transition: opacity 1s linear, transform 1s ease-out;
    -webkit-transition: opacity 1s linear, transform 1s ease-out;
    -moz-transition: opacity 1s linear, transform 1s ease-out;
    -ms-transition: opacity 1s linear, transform 1s ease-out;
    -o-transition: opacity 1s linear, transform 1s ease-out;
}

.hm940-w5 .w5-titleWrap li:first-child {
    margin-bottom: 23.4375vw;
}

.hm940-w5 .w5-titleWrap .desc-text {
    margin-top: 1.66666667vw;
}

.hm940-w5 .w5-controlWrap {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 2.0833333333vw 0 0 0;
}

.hm940-w5 .w5-controlWrap .video-btn {
    display: flex;
    display: none;
}

.hm940-w5 .w5-controlWrap .video-btn.show {
    opacity: 1;
    z-index: 3;
    display: block;
}

.hm940-w5 .w5-controlWrap .video-btn>div {
    display: none;
    cursor: pointer;
}

.hm940-w5 .w5-controlWrap .video-btn div.active {
    display: block;
}

.hm940-main .hm940-w5 .blank-height {
    width: 100%;
    height: 120vh;
}




@media screen and (max-aspect-ratio:138/100) {
    .hm940-main .hm940-w5 {
        margin-top: 27.777777777vw;
    }

    .hm940-w5 .w5-titleWrap {
        width: 82.22222222vw;
        margin: 0 0 0 8.88888888vw;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }

    .hm940-w5 .w5-titleWrap ul {
        display: flex;
        flex-direction: row;
        width: 100%;
        margin: 0 auto;

    }

    .hm940-w5 .w5-con {
        flex-direction: column;
        margin-left: 0;
        height: 124.7222222vw;
    }

    .hm940-w5 .w5-titleWrap li {
        flex-shrink: 0;
        width: 100%;
        opacity: 0;
    }

    .hm940-w5 .w5-titleWrap li.active {
        opacity: 1;
    }

    .hm940-w5 .w5-titleWrap li:nth-child(2) {
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
    }

    .hm940-w5 .w5-titleWrap li:first-child {
        margin-bottom: 0;
    }

    .hm940-w5 .w5-con .w5-right {
        position: relative;
        margin: 10vw 0 0 0;
    }

    .hm940-w5 .w5-titleWrap .desc-text {
        margin-top: 4.44444444vw;
    }

    .hm940-w5 .w5-imgWrap {
        width: 83.333333333vw;
    }

    .hm940-w5 .w5-swiper {
        width: 65vw;
        top: 1.2vw;
    }

    .hm940-w5 .video-btn img {
        width: 5vw;
        height: 5vw;
        margin: 0 0.833333333vw 0 0;
    }

    .hm940-w5 .video-btn span {
        font-size: 4.444444444vw;
    }

    .hm940-w5 .w5-controlWrap {
        margin-top: 5.555555555vw;
    }

    .hm940-w5 .w5-bg {
        bottom: 24.1%;
    }
}

@media screen and (min-aspect-ratio:10/13) and (max-aspect-ratio:138/100) {
    .hm940-w5 .w5-titleWrap li br {
        display: none;
    }

    .hm940-w5 .w5-titleWrap li h3 {
        font-size: 4.571428571vw;
    }

    .hm940-main .hm940-w5 .w5-titleWrap .desc-text {
        font-size: 2.285714285vw;
        margin-top: 3.285714285vw;
    }

    .hm940-main .hm940-w5 .video-btn span {
        font-size: 2.285714285vw;

    }

    .hm940-main .hm940-w5 .w5-con .w5-right {
        margin-top: 5.7142857142vw;
    }

    .hm940-main .hm940-w5 .w5-con {
        height: 72.142857142vw;
    }

    .hm940-main .hm940-w5 .w5-imgWrap {
        width: 67.07142857142vw;
    }

    .hm940-main .hm940-w5 .w5-swiper {
        width: 52.785714285vw;
        top: 0.7142857142vw;
    }

    .hm940-main .hm940-w5 .w5-controlWrap {
        margin-top: 8.5714285714vw;
    }

    .hm940-main .hm940-w5 .video-btn img {
        width: 3.5714285714vw;
        height: 3.5714285714vw;
    }

    .hm940-w5 .w5-bg {
        bottom: 27.1%;
    }
}

/* w5-end */
/* w6-start */
.hm940-main .hm940-w6 {
    margin-top: 10.41666667vw;
    position: relative;
    overflow: hidden;
    padding-bottom: 1px;
}

.hm940-main .hm940-w6 h3 {
    text-align: center;
}

.hm940-main .hm940-w6 .w6-title {
    font-size: 1.66666667vw;
    font-weight: 700;
    line-height: 1.25;
    color: #FFFFFF;
}

.hm940-main .hm940-w6 .desc-text {
    margin-top: 0.78125vw;
}

.hm940-main .hm940-w6 .w6-frame {
    width: 44.0625vw;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    -webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    -ms-transform: translate3d(-50%, 0, 0);
    -o-transform: translate3d(-50%, 0, 0);
    position: absolute;
    z-index: 50;
}

.hm940-main .hm940-w6 .slide-title {
    margin: 2.08333333vw 0 0 2.08333333vw;
}

.hm940-main .hm940-w6 .slide-img {
    position: absolute;
    top: 8.85416667vw;
    width: 100%;
}

.hm940-main .hm940-w6 .w6-video {
    width: 34.21875vw;
    position: absolute;
    top: 0.67708333vw;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    -webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    -ms-transform: translate3d(-50%, 0, 0);
    -o-transform: translate3d(-50%, 0, 0);
    z-index: 10;
}

.hm940-main .hm940-w6 .w6-swiper {
    width: 67.5vw;
    margin: 3.33333333vw auto 0;
    overflow: visible;
}

.hm940-main .hm940-w6 .w6-swiper .swiper-slide {
    height: 36.45833333vw;
    position: relative;
    background-color: #111111;
    border-radius: 0.83333333vw;
    -webkit-border-radius: 0.83333333vw;
    -moz-border-radius: 0.83333333vw;
    -ms-border-radius: 0.83333333vw;
    -o-border-radius: 0.83333333vw;
    cursor: pointer;
}

.hm940-main .hm940-w6 .w6-swiper .swiper-slide.swiper-slide-active {
    cursor: default;
}

.hm940-main .hm940-w6 .w6-swiper .swiper-slide:not(:last-child) {
    margin-right: 1.25vw;
}

.hm940-main .hm940-w6 .w6-bg {
    height: 24.0625vw;
    position: absolute;
    top: 0;
    width: 100%;
}

.hm940-main .hm940-w6 .w6-control-wrap {
    position: absolute;
    right: 1.25vw;
    bottom: 1.25vw;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 9999px;
    background: rgba(255, 255, 255, 0.2);
    overflow: hidden;
    -webkit-border-radius: 9999px;
    -moz-border-radius: 9999px;
    -ms-border-radius: 9999px;
    -o-border-radius: 9999px;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
}

@media(any-hover:hover) {
    .hm940-main .hm940-w6 .w6-control-wrap:hover {
        opacity: 0.7;
    }

}

.hm940-main .hm940-w6 .w6-control-wrap>div {
    display: none;
    cursor: pointer;
}

.hm940-main .hm940-w6 .w6-control-wrap>div.active {
    display: block;
}

.hm940-main .hm940-w6 .w6-pagation {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-top: 2.5vw;
}

.hm940-main .hm940-w6 .pigi-box {
    width: 2.5vw;
    height: 2.5vw;
    cursor: pointer;
    transition: opacity 0.3s ease-out;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -ms-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}

.hm940-main .hm940-w6 .prev {
    transform: translate3d(0, 0, 0) rotate(180deg);
    -webkit-transform: translate3d(0, 0, 0) rotate(180deg);
    -moz-transform: translate3d(0, 0, 0) rotate(180deg);
    -ms-transform: translate3d(0, 0, 0) rotate(180deg);
    -o-transform: translate3d(0, 0, 0) rotate(180deg);
}

.hm940-main .hm940-w6 .next {
    margin-left: 1.25vw;
}

.hm940-main .hm940-w6 .swiper-button-disabled {
    opacity: 0.4;
    cursor: auto;
    pointer-events: none;

}

@media screen and (max-aspect-ratio:138/100) {
    .hm940-main .hm940-w6 {
        margin-top: 27.777777777vw;
    }

    .hm940-main .hm940-w6 .w6-swiper {
        margin: 8.8888888888vw 0 0 4.444444444vw;
        width: 86.66666666vw;
    }

    .hm940-main .hm940-w6 .w6-swiper .swiper-slide {
        border-radius: 2.222222222vw;
        -webkit-border-radius: 2.222222222vw;
        -moz-border-radius: 2.222222222vw;
        -ms-border-radius: 2.222222222vw;
        -o-border-radius: 2.222222222vw;
        height: 111.111111111vw;
    }

    .hm940-main .hm940-w6 .slide-title {
        margin: 6.66666666vw 0 0 6.66666666vw;
        width: 74.444444444vw;
    }

    .hm940-main .hm940-w6 .w6-title {
        font-size: 6.66666666vw;
    }

    .hm940-main .hm940-w6 .desc-text {
        margin-top: 3.33333333vw;
    }

    .hm940-main .hm940-w6 .slide-img {
        top: 39.16666666vw;
    }

    .hm940-main .hm940-w6 .w6-frame {
        width: 81.666666666vw;
    }

    .hm940-main .hm940-w6 .w6-video {
        width: 63.888888888vw;
        top: 1.1111111111vw;
    }

    .hm940-main .hm940-w6 .w6-bg {
        height: 44.722222222vw;
    }

    .hm940-main .hm940-w6 .w6-control-wrap {
        width: 11.111111111vw;
        height: 11.111111111vw;
        right: 5.555555555vw;
        bottom: 5.555555555vw;
    }

    .hm940-main .hm940-w6 .w6-pagation {
        margin-top: 11.11111111vw;
    }

    .hm940-main .hm940-w6 .next {
        margin-left: 5.55555555vw;
    }

    .hm940-main .hm940-w6 .pigi-box {
        width: 11.111111111vw;
        height: 11.111111111vw;
    }

    .hm940-main .hm940-w6 .w6-swiper .swiper-slide:not(:last-child) {
        margin-right: 4.444444444vw;
    }

    .hm940-main .hm940-w6 h3 {
        text-align: left;
        margin-left: 8.88888888vw;
    }
}

/* w6-end */
/* w7-start */
.hm940-main .hm940-w7 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 10.41666667vw;
}

.hm940-main .hm940-w7 .w7-img {
    width: 26.30208333vw;
    margin-top: 5.20833333vw;
}

.hm940-main .hm940-w7 .w7-title-wrap {
    margin-top: 5.20833333vw;
    display: flex;
    align-items: center;
}

.hm940-main .hm940-w7 .desc-text {
    width: 28.125vw;
}

.hm940-main .hm940-w7 ul {
    display: flex;
    margin-left: 6.25vw;
}

.hm940-main .hm940-w7 ul li {
    font-size: 3.33333333vw;
    line-height: 1.6;
    font-weight: 700;
    color: #fff;
}

.hm940-main .hm940-w7 ul li:last-child {
    margin-left: 3.333333vw;
}

.hm940-main .hm940-w7 ul li span {
    font-size: 1.66666667vw;
}

.hm940-main .hm940-w7 .w7-bottom {
    font-size: 1.14583333vw;
    font-weight: 700;
    line-height: 1.6;
    color: #86868A;
}

@media screen and (max-aspect-ratio:138/100) {
    .hm940-main .hm940-w7 {
        margin-top: 27.777777777vw;
    }

    .hm940-main .hm940-w7 .w7-img {
        width: 70.138888888vw;
        margin-top: 13.8888888vw;
    }

    .hm940-main .hm940-w7 .w7-title-wrap {
        margin-top: 13.8888888vw;
        flex-direction: column;
        align-items: flex-start;
    }

    .hm940-main .hm940-w7 .desc-text {
        width: 82.222222222vw;
    }

    .hm940-main .hm940-w7 ul {
        margin: 8.888888888vw 0 0 0;
    }

    .hm940-main .hm940-w7 ul li {
        font-size: 8.888888888vw;
    }

    .hm940-main .hm940-w7 ul li span {
        font-size: 4.44444444vw;
    }

    .hm940-main .hm940-w7 ul li:last-child {
        margin-left: 11.111111111vw;
    }

    .hm940-main .hm940-w7 .w7-bottom {
        margin-top: 1.3888888888vw;
        font-size: 4.4444444444vw;
    }
}

/* w7-end */
/* l1 start */
.hm940-main .hm940-l1 {
    margin-top: 10.416667vw;
}

.hm940-main .hm940-l1 .content-wrap {
    width: 67.5vw;
    margin: 0 auto;
    text-align: center;
}

.hm940-main .hm940-l1 .service-container {
    margin: 3.333333vw auto 0;
}

.hm940-main .hm940-l1 .service-container .service-wrap {
    display: flex;
    justify-content: center;
}

.hm940-main .hm940-l1 .service-wrap:nth-child(n+2) {
    margin-top: 2.083333vw;
}

.hm940-main .hm940-l1 .service-wrap .service-item {
    position: relative;
    width: 38.020833vw;
    background: #151515;
    border-radius: 0.833333vw;
    -webkit-border-radius: 0.833333vw;
    -moz-border-radius: 0.833333vw;
    overflow: hidden;
    padding: 2.083333vw 2.083333vw 0;
}

.hm940-main .hm940-l1 .service-wrap .service-item:nth-child(n+2) {
    margin-left: 2.083333vw;
}

.hm940-main .hm940-l1 .service-container .service-wrap1 .service-item {
    padding-bottom: 2.91666667vw;
}

.hm940-main .hm940-l1 .service-container .service-wrap2 .service-item {
    padding-bottom: 2.5vw;
}

.hm940-main .hm940-l1 .service-wrap .service-icon {
    position: absolute;
    z-index: 1;
    width: 7.291667vw;
    height: 7.291667vw;
    right: 1.041667vw;
    top: 1.041667vw;
}

.hm940-main .hm940-l1 .service-wrap .card-title {
    width: fit-content;
    color: #f8f8f8;
    font-size: 2.5vw;
    font-weight: 700;
    line-height: 1.25;
    padding: 1.145833vw 1.5625vw;
    background: linear-gradient(160.9deg, #b1a383 0%, #57462f 100%);
    border-radius: 0.833333vw;
    -webkit-border-radius: 0.833333vw;
    -moz-border-radius: 0.833333vw;
}

.hm940-main .hm940-l1 .service-wrap .card-content {
    width: 100%;
    margin-top: 2.083333vw;
}

.hm940-main .hm940-l1 .service-wrap .card-sub-title {
    color: #fff;
    font-size: 1.458333vw;
    font-weight: 700;
    line-height: 1.25;
    padding-bottom: 1.25vw;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.hm940-main .hm940-l1 .service-wrap .card-desc {
    margin-top: 1.25vw;
}

.hm940-main .hm940-l1 .service-wrap .card-desc p {
    color: #86868a;
    font-size: 1.145833vw;
    font-weight: 700;
    line-height: 1.6;
}


/* mob */
@media screen and (max-aspect-ratio:138/100) {
    .hm940-main .hm940-l1 {
        margin-top: 27.777778vw;
    }

    .hm940-main .hm940-l1 .content-wrap {
        width: 82.222222222222223vw;
        text-align: left;
    }

    .hm940-main .hm940-l1 .service-container {
        margin: 8.888889vw auto 0;
    }

    .hm940-main .hm940-l1 .service-container .service-wrap {
        flex-direction: column;
        align-items: center;
    }

    .hm940-main .hm940-l1 .service-wrap:nth-child(n+2) {
        margin-top: 5.555556vw;
    }

    .hm940-main .hm940-l1 .service-wrap .service-item {
        width: 91.666667vw;
        border-radius: 2.222222vw;
        -webkit-border-radius: 2.222222vw;
        -moz-border-radius: 2.222222vw;
        padding: 5.555556vw 5.555556vw 0;
    }

    .hm940-main .hm940-l1 .service-wrap .service-item:nth-child(n+2) {
        margin: 5.555556vw 0 0;
    }

    .hm940-main .hm940-l1 .service-container .service-wrap1 .service-item {
        padding-bottom: 8.333333vw;
    }

    .hm940-main .hm940-l1 .service-container .service-wrap2 .service-item {
        padding-bottom: 8.333333vw;
    }

    .hm940-main .hm940-l1 .service-wrap .service-icon {
        width: 19.444444vw;
        height: 19.444444vw;
        right: 2.777778vw;
        top: 2.777778vw;
    }

    .hm940-main .hm940-l1 .service-wrap .card-title {
        font-size: 6.666667vw;
        padding: 3.055556vw 4.166667vw;
        border-radius: 2.222222vw;
        -webkit-border-radius: 2.222222vw;
        -moz-border-radius: 2.222222vw;
    }

    .hm940-main .hm940-l1 .service-wrap .card-content {
        margin-top: 5.555556vw;
    }

    .hm940-main .hm940-l1 .service-wrap .card-sub-title {
        font-size: 4.444444vw;
        padding-bottom: 3.333333vw;
    }

    .hm940-main .hm940-l1 .service-wrap .card-desc {
        margin-top: 3.333333vw;
    }

    .hm940-main .hm940-l1 .service-wrap .card-desc p {
        font-size: 4.444444vw;
    }
}


/* l1 end */
/* l2 end */
.hm940-main .hm940-l2 {
    margin-top: 10.416667vw;
}

.hm940-main .hm940-l2 .l2-swiper-container {
    margin-top: 3.333333vw;
    width: 100%;
    overflow: hidden;
}

.hm940-main .hm940-l2 .l2-swiper {
    width: 67.5vw;
    height: 36.458333vw;
    overflow: visible;
    margin: 0 auto;
}

.hm940-main .hm940-l2 .l2-swiper .swiper-wrapper {
    transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

@media (any-hover:hover) {
    .hm940-main .hm940-l2 .l2-swiper .swiper-slide:hover {
        cursor: pointer;
    }

    .hm940-main .hm940-l2 .l2-swiper .swiper-slide-active:hover {
        cursor: default;
    }
}

.hm940-main .hm940-l2 .l2-swiper .swiper-slide:not(:last-child) {
    margin-right: 1.25vw;
}

.hm940-main .hm940-l2 .control-video {
    height: 100%;
    position: relative;
    border-radius: 0.8333333334vw;
    -webkit-border-radius: 0.8333333334vw;
    -moz-border-radius: 0.8333333334vw;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-border-radius: 0.8333333334vw;
    -o-border-radius: 0.8333333334vw;
}

.hm940-main .hm940-l2 .control-video video {
    height: 100%;
    object-fit: cover;
}

.hm940-main .hm940-l2 .control-video .control-btn-wrap {
    position: absolute;
    width: 2.5vw;
    height: 2.5vw;
    right: 1.25vw;
    bottom: 1.25vw;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    backdrop-filter: blur(2.5vw);
    -webkit-backdrop-filter: blur(2.5vw);
    z-index: 3;
    cursor: pointer;
    transition: 0.3s ease;
}

.hm940-main .hm940-l2 .control-video .control-btn-wrap .video-btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (any-hover:hover) {
    .hm940-main .hm940-l2 .control-video .control-btn-wrap:hover {
        background-color: rgba(255, 255, 255, 0.1);
    }
}

.hm940-main .hm940-l2 .control-video .control-btn-wrap svg {
    height: 100%;
}

.hm940-main .hm940-l2 .control-video .control-btn-wrap .video-btn {
    opacity: 0;
    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
}

.hm940-main .hm940-l2 .control-video[data-video-state="play"] .video-play {
    opacity: 1;
}

.hm940-main .hm940-l2 .control-video[data-video-state="pause"] .video-pause {
    opacity: 1;
}

.hm940-main .hm940-l2 .control-video[data-video-state="replay"] .video-replay {
    opacity: 1;
}

.hm940-main .hm940-l2 .swiper-content {
    width: 67.5vw;
    margin: 2.083333vw auto 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.hm940-main .hm940-l2 .content-wrap {
    width: 50.208333vw;
    display: flex;
}

.hm940-main .hm940-l2 .content-wrap p {
    width: 100%;
    flex-shrink: 0;
    position: relative;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.8s ease-out;
    -webkit-transition: opacity 0.8s ease-out;
    -moz-transition: opacity 0.8s ease-out;
}

.hm940-main .hm940-l2 .content-wrap p.active {
    opacity: 1;
    pointer-events: all;
}

.hm940-main .hm940-l2 .content-wrap p:nth-child(2) {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
}

.hm940-main .hm940-l2 .content-wrap p:nth-child(3) {
    transform: translateX(-200%);
    -webkit-transform: translateX(-200%);
    -moz-transform: translateX(-200%);
}

.hm940-main .hm940-l2 .swiper-content .swiper-buttons {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.416667vw;
}

.hm940-main .hm940-l2 .swiper-content .swiper-buttons li {
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    overflow: hidden;
    transition: opacity 0.8s ease-out;
    -webkit-transition: opacity 0.8s ease-out;
    -moz-transition: opacity 0.8s ease-out;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}

.hm940-main .hm940-l2 .swiper-content .swiper-buttons li.l2swiper-button-prev {
    transform: translate3d(0, 0, 0) rotate(-180deg);
    -webkit-transform: translate3d(0, 0, 0) rotate(-180deg);
    -moz-transform: translate3d(0, 0, 0) rotate(-180deg);
    margin-right: 1.25vw;
    -ms-transform: translate3d(0, 0, 0) rotate(-180deg);
    -o-transform: translate3d(0, 0, 0) rotate(-180deg);
}

.hm940-main .hm940-l2 .swiper-content .l2-button-disabled {
    opacity: .3;
    pointer-events: none;
}

.hm940-main .hm940-l2 .swiper-content .swiper-buttons li:hover {
    opacity: 0.9;
    cursor: pointer;
}


/* mob */
@media screen and (max-aspect-ratio:138/100) {
    .hm940-main .hm940-l2 {
        margin-top: 27.777778vw;
    }

    .hm940-main .hm940-l2 .l2-swiper-container {
        margin-top: 8.888889vw;
    }

    .hm940-main .hm940-l2 .l2-swiper {
        width: 86.666667vw;
        height: 86.666667vw;
        margin: 0 0 0 4.4444444444444445vw;
    }

    .hm940-main .hm940-l2 .l2-swiper .swiper-slide:not(:last-child) {
        margin-right: 4.444444vw;
    }

    .hm940-main .hm940-l2 .control-video {
        border-radius: 2.2222222222222223vw;
        -webkit-border-radius: 2.2222222222222223vw;
        -moz-border-radius: 2.2222222222222223vw;
    }

    .hm940-main .hm940-l2 .control-video .control-btn-wrap {
        width: 11.111111vw;
        height: 11.111111vw;
        right: 5.555556vw;
        bottom: 5.555556vw;
        backdrop-filter: blur(2.916667vw);
        -webkit-backdrop-filter: blur(2.916667vw);
        cursor: default;
    }

    .hm940-main .hm940-l2 .swiper-content {
        width: 82.222222vw;
        margin: 8.888889vw auto 0;
        flex-direction: column;
    }

    .hm940-main .hm940-l2 .content-wrap {
        width: 100%;
    }

    .hm940-main .hm940-l2 .swiper-content .swiper-buttons {
        margin-top: 8.888889vw;
        margin-left: auto;
    }

    .hm940-main .hm940-l2 .swiper-content .swiper-buttons li {
        width: 11.111111vw;
        height: 11.111111vw;
    }

    .hm940-main .hm940-l2 .swiper-content .swiper-buttons li.l2swiper-button-prev {
        margin-right: 5.555556vw;
    }
}

/* l2 end */
/* l3 end */
.hm940-main .hm940-l3 {
    margin-top: 10.416667vw;
    display: flex;
    align-items: center;
}

.hm940-main .hm940-l3 .content-wrap {
    width: 23.125vw;
    margin-left: 16.25vw;
}

.hm940-main .hm940-l3 .content-wrap .desc-text {
    margin-top: 1.666667vw;
}

.hm940-main .hm940-l3 .right-img {
    width: 46.875vw;
    margin-left: 3.333333vw;
    overflow: hidden;
    border-radius: 0.833333vw;
    -webkit-border-radius: 0.833333vw;
    -moz-border-radius: 0.833333vw;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

/* mob */
@media screen and (max-aspect-ratio:138/100) {
    .hm940-main .hm940-l3 {
        margin-top: 27.777778vw;
        flex-direction: column;
    }

    .hm940-main .hm940-l3 .content-wrap {
        width: 82.222222vw;
        margin: 0 auto;
    }

    .hm940-main .hm940-l3 .content-wrap .desc-text {
        margin-top: 4.444444vw;
    }

    .hm940-main .hm940-l3 .right-img {
        width: 100%;
        margin: 8.888889vw auto 0;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
    }
}

/* l3 end */
/* l4 start */
.hm940-main .hm940-l4 {
    margin-top: 10.416667vw;
}

.hm940-main .hm940-l4 .desc-text {
    width: 52.96875vw;
    margin: 2.5vw auto 0;
    text-align: center;
}

.hm940-main .hm940-l4 .img-wrap {
    position: relative;
    z-index: 1;
    margin-top: 3.333333vw;
}

.hm940-main .hm940-l4 .img-wrap .bg-svg {
    width: 100%;
    position: absolute;
    bottom: 1.354167vw;
    left: 0;
    z-index: -1;
}

.hm940-main .hm940-l4 .id-ux {
    width: 55.364583vw;
    margin: 0 auto;
}

@media screen and (max-aspect-ratio:138/100) {
    .hm940-main .hm940-l4 {
        margin-top: 27.777778vw;
    }

    .hm940-main .hm940-l4 .desc-text {
        width: 82.222222vw;
        margin: 6.666667vw auto 0;
    }

    .hm940-main .hm940-l4 .img-wrap {
        margin-top: 8.888889vw;
    }

    .hm940-main .hm940-l4 .img-wrap .bg-svg {
        bottom: 2.222222vw;
    }

    .hm940-main .hm940-l4 .id-ux {
        width: 93.194444vw;
    }

}

/* l4 end */
/* l5 start */
.hm940-main .hm940-l5 {
    margin-top: 10.416667vw;
}

.hm940-main .hm940-l5 .content-wrap {
    width: 63.541667vw;
    margin: 0 auto;
    text-align: center;
}

.hm940-main .hm940-l5 .content-wrap .desc-text {
    margin-top: 1.666667vw;
}

.hm940-main .hm940-l5 .color-container {
    position: relative;
    width: 63.541667vw;
    margin: 3.333333vw auto 0;
}

.hm940-main .hm940-l5 .color-container .color-swiper {
    width: 100%;
    margin: 0 auto;
    border-radius: 0.833333vw;
    -webkit-border-radius: 0.833333vw;
    -moz-border-radius: 0.833333vw;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.hm940-main .hm940-l5 .color-container .color-swiper .swiper-slide {
    position: relative;
    transition: opacity 0.8s linear;
    -webkit-transition: opacity 0.8s linear;
    -moz-transition: opacity 0.8s linear;
}

.hm940-main .hm940-l5 .color-container .color-swiper .swiper-slide-prev {
    z-index: 2;
}

.hm940-main .hm940-l5 .color-container .color-swiper .swiper-slide-active {
    z-index: 3;
}

.hm940-main .hm940-l5 .color-container .color-swiper .color-img {
    overflow: hidden;
    will-change: clip-path;
}

.hm940-main .hm940-l5 .color-container .color-swiper .swiper-slide-active.rtl .color-img {
    animation: ellipseRTLAni 0.8s linear both;
    -webkit-animation: ellipseRTLAni 0.8s linear both;
}

.hm940-main .hm940-l5 .color-container .color-swiper .swiper-slide-active.ltr .color-img {
    animation: ellipseLTRtAni 0.8s linear both;
    -webkit-animation: ellipseLTRtAni 0.8s linear both;
}

@keyframes ellipseRTLAni {
    0% {
        clip-path: ellipse(147% 166% at 240% center);
    }

    100% {
        clip-path: ellipse(147% 166% at 130% center);
    }
}

@keyframes ellipseLTRtAni {
    0% {
        clip-path: ellipse(147% 166% at -140% center);
    }

    100% {
        clip-path: ellipse(147% 166% at -10% center);
    }
}

.hm940-main .hm940-l5 .color-container .swiper-btn-container {
    position: absolute;
    top: 50%;
    left: calc(100% + 3.333333vw);
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    z-index: 1;
}

.hm940-main .hm940-l5 .color-container .swiper-btn-container .color-txt {
    display: flex;
    align-items: center;
    width: 10.416667vw;
}

.hm940-main .hm940-l5 .color-container .swiper-btn-container .color-txt li {
    flex-shrink: 0;
    width: 100%;
    position: relative;
    opacity: 0;
    transition: opacity .3s;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
}

.hm940-main .hm940-l5 .color-container .swiper-btn-container .color-txt li h3 {
    color: #fff;
    font-size: 1.666667vw;
    font-weight: 700;
    line-height: 1.25;
}

.hm940-main .hm940-l5 .color-container .swiper-btn-container .color-txt li p {
    color: #86868a;
    font-size: 1.145833vw;
    font-weight: 700;
    line-height: 1.6;
    margin-top: 0.833333vw;
}

.hm940-main .hm940-l5 .color-container .swiper-btn-container .color-txt li.active {
    opacity: 1;
}

.hm940-main .hm940-l5 .color-container .swiper-btn-container .color-txt li:nth-child(2) {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
}

.hm940-main .hm940-l5 .color-container .swiper-btn-container .btn-list {
    display: flex;
    align-items: center;
    margin-top: 2.083333vw;
}

.hm940-main .hm940-l5 .color-container .swiper-btn-container .btn-list li {
    position: relative;
}

.hm940-main .hm940-l5 .color-container .swiper-btn-container .btn-list li::after {
    content: "";
    width: 1.666667vw;
    height: 1.666667vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    overflow: hidden;
}

.hm940-main .hm940-l5 .color-container .swiper-btn-container .btn-list .btn-blue::after {
    background: linear-gradient(180deg, #dee5f5 0%, #7c92c7 100%);
}

.hm940-main .hm940-l5 .color-container .swiper-btn-container .btn-list .btn-black::after {
    background: linear-gradient(0deg, #1f1f1f 0%, #4b4b4b 100%);
}

.hm940-main .hm940-l5 .color-container .btn-list li:nth-child(n+2) {
    margin-left: 1.458333vw;
}

.hm940-main .hm940-l5 .color-container .swiper-btn-container .btn-list li svg {
    width: 2.291667vw;
    height: 2.291667vw;
}

@media (any-hover:hover) {
    .hm940-main .hm940-l5 .color-container .swiper-btn-container .btn-list li:hover {
        cursor: pointer;
    }
}

.hm940-main .hm940-l5 .color-container .btn-list .svg-icon .circle-border {
    stroke-dasharray: var(--rl);
    stroke-dashoffset: var(--rl);
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform-origin: center;
    transition: all 0s linear;
    -webkit-transition: all 0s linear;
    -moz-transition: all 0s linear;
}

.hm940-main .hm940-l5 .color-container .btn-list li.active {
    pointer-events: none;
}

.hm940-main .hm940-l5 .color-container .btn-list li.active .circle-border {
    stroke-dashoffset: 0;
    transition-duration: 2.95s;
}

/* mob */
@media screen and (max-aspect-ratio:138/100) {
    .hm940-main .hm940-l5 {
        margin-top: 27.777778vw;
    }

    .hm940-main .hm940-l5 .content-wrap {
        width: 84.444444vw;
        margin: 0 0 0 8.888889vw;
        text-align: left;
    }

    .hm940-main .hm940-l5 .content-wrap .desc-text {
        margin-top: 4.444444vw;
    }

    .hm940-main .hm940-l5 .color-container {
        width: 100%;
        margin: 8.888889vw auto 0;
    }

    .hm940-main .hm940-l5 .color-container .color-swiper {
        width: 91.111111vw;
        border-radius: 2.222222vw;
        -webkit-border-radius: 2.222222vw;
        -moz-border-radius: 2.222222vw;
    }

    .hm940-main .hm940-l5 .color-container .swiper-btn-container {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        padding: 0 7.777778vw 0 8.888889vw;
        margin: 8.888889vw auto 0;
        position: static;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
    }

    .hm940-main .hm940-l5 .color-container .swiper-btn-container .color-txt {
        width: 44.444444vw;
    }

    .hm940-main .hm940-l5 .color-container .swiper-btn-container .color-txt li h3 {
        font-size: 6.666667vw;
    }

    .hm940-main .hm940-l5 .color-container .swiper-btn-container .color-txt li p {
        font-size: 4.444444vw;
        margin-top: 3.333333334vw;
    }

    .hm940-main .hm940-l5 .color-container .swiper-btn-container .btn-list {
        margin-top: 0;
    }

    .hm940-main .hm940-l5 .color-container .swiper-btn-container .btn-list li::after {
        width: 7.777777777777778vw;
        height: 7.777777777777778vw;
    }

    .hm940-main .hm940-l5 .color-container .btn-list li:nth-child(n+2) {
        margin-left: 5.555556vw;
    }

    .hm940-main .hm940-l5 .color-container .swiper-btn-container .btn-list li svg {
        width: 10vw;
        height: 10vw;
    }
}

/* l5 end */
/* l6 start */
.hm940-main .hm940-l6 {
    margin-top: 10.416667vw;
    width: 100%;
    overflow: hidden;
}

.hm940-main .hm940-l6 .desc-text {
    width: 47.916667vw;
    margin: 2.5vw auto 0;
    text-align: center;
}

.hm940-main .hm940-l6 .img-wrap {
    width: 100vw;
    position: relative;
    margin: 3.333333vw auto 0;
}

.hm940-main .hm940-l6 .img-wrap .vivd-icon {
    width: 4.166667vw;
    position: absolute;
    top: 26.458333vw;
    left: 61.40625vw;
    z-index: 1;
}

.hm940-main .hm940-l6 .parm-content {
    width: 100vw;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    padding: 0 15.625vw;
}

.hm940-main .hm940-l6 .parm-content .parm-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.hm940-main .hm940-l6 .parm-list li {
    display: inline-flex;
    flex-direction: column;
}

.hm940-main .hm940-l6 .parm-list li:nth-child(1),
.hm940-main .hm940-l6 .parm-list li:nth-child(4) {
    width: 14.322917vw;
}

.hm940-main .hm940-l6 .parm-list li:nth-child(2),
.hm940-main .hm940-l6 .parm-list li:nth-child(5) {
    width: 8.333333vw;
    margin-left: 8.333333vw;
    margin-right: 10.416667vw;
}

.hm940-main .hm940-l6 .parm-list li:nth-child(3),
.hm940-main .hm940-l6 .parm-list li:nth-child(6) {
    width: 13.541667vw;
}

.hm940-main .hm940-l6 .parm-list li:nth-child(n+4) {
    margin-top: 2.083333vw;
}

.hm940-main .hm940-l6 .parm-content .parm-list li h4 {
    color: #fff;
    font-size: 1.25vw;
    font-weight: 700;
    line-height: 1.25;
    white-space: nowrap;
}

.hm940-main .hm940-l6 .parm-content .parm-list li h4 span {
    font-size: 2.5vw;
}

.hm940-main .hm940-l6 .parm-content .parm-list li p {
    color: #86868a;
    font-size: 1.145833vw;
    font-weight: 700;
    line-height: 1.6;
    margin-top: 0.520833vw;
}

/* mob */
@media screen and (max-aspect-ratio:138/100) {
    .hm940-main .hm940-l6 {
        margin-top: 27.777778vw;
    }

    .hm940-main .hm940-l6 .desc-text {
        width: 82.222222vw;
        margin: 6.666667vw auto 0;
    }

    .hm940-main .hm940-l6 .img-wrap {
        width: 100%;
        margin: 8.888889vw auto 0;
    }

    .hm940-main .hm940-l6 .img-wrap .vivd-icon {
        width: 11.111111vw;
        top: 64.583333vw;
        left: 73.888889vw;
    }

    .hm940-main .hm940-l6 .parm-content {
        padding: 0 6.666667vw;
    }

    .hm940-main .hm940-l6 .parm-content .parm-list {
        justify-content: space-between;
    }

    .hm940-main .hm940-l6 .parm-list li:nth-child(2),
    .hm940-main .hm940-l6 .parm-list li:nth-child(5) {
        margin: 0;
    }

    .hm940-main .hm940-l6 .parm-list li:nth-child(odd) {
        width: 38.333333vw;
    }

    .hm940-main .hm940-l6 .parm-list li:nth-child(even) {
        width: 36.111111vw;
    }

    .hm940-main .hm940-l6 .parm-content .parm-list li:nth-child(n+3) {
        margin-top: 8.888889vw;
    }

    .hm940-main .hm940-l6 .parm-content .parm-list li h4 {
        font-size: 4.444444vw;
    }

    .hm940-main .hm940-l6 .parm-content .parm-list li h4 span {
        font-size: 6.666667vw;
    }

    .hm940-main .hm940-l6 .parm-content .parm-list li p {
        font-size: 4.444444vw;
        margin-top: 1.388889vw;
    }
}

/* l6 end */
/* l7 start */
.hm940-main .hm940-l7 {
    margin-top: 10.416667vw;
}

.hm940-main .hm940-l7 .content-wrap {
    margin: 0 auto;
    text-align: center;
}

.hm940-main .hm940-l7 .content-wrap .desc-text {
    width: 35.260417vw;
    margin: 1.666667vw auto 0;
}

.hm940-main .hm940-l7 .img-wrap {
    margin-top: 3.333333vw;
}

.hm940-main .hm940-l7 .parm-list {
    margin: 2.083333vw auto 0;
    display: flex;
    justify-content: center;
}

.hm940-main .hm940-l7 .parm-list li {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.hm940-main .hm940-l7 .parm-list li:nth-child(n+2) {
    margin-left: 6.25vw;
}

.hm940-main .hm940-l7 .parm-list li .svg-icon {
    width: 2.916667vw;
}

.hm940-main .hm940-l7 .parm-list li .desc-right {
    margin-left: 1.25vw;
}

.hm940-main .hm940-l7 .parm-list li h5 {
    color: #fff;
    font-size: 1.666667vw;
    font-weight: 700;
    line-height: 1.25;
}

.hm940-main .hm940-l7 .parm-list li p {
    color: #86868a;
    font-size: 1.145833vw;
    font-weight: 700;
    line-height: 1.6;
    margin-top: 0.833333vw;
}

/* mob */
@media screen and (max-aspect-ratio:138/100) {
    .hm940-main .hm940-l7 {
        margin-top: 27.777778vw;
    }

    .hm940-main .hm940-l7 .content-wrap {
        width: 82.222222vw;
        text-align: left;
    }

    .hm940-main .hm940-l7 .content-wrap .desc-text {
        width: 100%;
        margin: 4.444444vw auto 0;
    }

    .hm940-main .hm940-l7 .img-wrap {
        margin-top: 8.888889vw;
    }

    .hm940-main .hm940-l7 .parm-list {
        width: 82.222222vw;
        margin: 8.888889vw auto 0;
        justify-content: flex-start;
        flex-direction: column;
    }

    .hm940-main .hm940-l7 .parm-list li:nth-child(n+2) {
        margin-left: 0;
        margin-top: 8.888889vw;
    }

    .hm940-main .hm940-l7 .parm-list li .svg-icon {
        width: 11.111111vw;
    }

    .hm940-main .hm940-l7 .parm-list li .desc-right {
        margin-left: 3.333333vw;
    }

    .hm940-main .hm940-l7 .parm-list li h5 {
        font-size: 5.555556vw;
    }

    .hm940-main .hm940-l7 .parm-list li p {
        font-size: 4.444444vw;
        margin-top: 2.777778vw;
    }

}

/* l7 end */
/* l8 start */
.hm940-main .hm940-l8 {
    margin-top: 10.416667vw;
}

.hm940-main .hm940-l8 .content-wrap {
    width: 80%;
    margin: 0 auto;
    text-align: center;
}

.hm940-main .hm940-l8 .card-container {
    margin-top: 3.333333vw;
}

.hm940-main .hm940-l8 .card-container .pref-swiper .swiper-wrapper {
    justify-content: center;
}

.hm940-main .hm940-l8 .card-container .pref-swiper .swiper-slide {
    height: auto;
    width: 18.75vw;
    background: #151515;
    border-radius: 0.833333vw;
    -webkit-border-radius: 0.833333vw;
    -moz-border-radius: 0.833333vw;
}

.hm940-main .hm940-l8 .card-container .pref-swiper .swiper-slide:not(:last-child) {
    margin-right: 1.041667vw;
}

.hm940-main .hm940-l8 .card-container .card-item {
    position: relative;
    padding: 13.28125vw 0 2.083333vw;
    z-index: 1;
    overflow: hidden;
}

.hm940-main .hm940-l8 .card-container .card-item .icon-wrap {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    z-index: -1;
}

.hm940-main .hm940-l8 .pref-swiper .swiper-slide1 .icon-wrap {
    width: 8.489583vw;
    top: 3.125vw;
}

.hm940-main .hm940-l8 .pref-swiper .swiper-slide2 .icon-wrap {
    width: 10.625vw;
    top: 4.427083vw;
}

.hm940-main .hm940-l8 .pref-swiper .swiper-slide3 .icon-wrap {
    width: 6.40625vw;
    top: 3.125vw;
}

.hm940-main .hm940-l8 .pref-swiper .swiper-slide4 .icon-wrap {
    width: 7.135417vw;
    top: 3.125vw;
}

.hm940-main .hm940-l8 .card-container .card-item .card-desc {
    margin: 0 auto;
    text-align: center;
}

.hm940-main .hm940-l8 .card-container .swiper-slide1 .card-desc {
    width: 14.895833vw;
}

.hm940-main .hm940-l8 .card-container .swiper-slide2 .card-desc {
    width: 15vw;
}

.hm940-main .hm940-l8 .card-container .swiper-slide3 .card-desc {
    width: 16.145833vw;
}

.hm940-main .hm940-l8 .card-container .swiper-slide4 .card-desc {
    width: 15.885417vw;
}

.hm940-main .hm940-l8 .card-container .card-item .card-desc h5 {
    color: #fff;
    font-size: 1.666667vw;
    font-weight: 700;
    line-height: 1.25;
}

.hm940-main .hm940-l8 .card-container .card-item .card-desc p {
    color: #86868a;
    font-size: 1.145833vw;
    font-weight: 700;
    line-height: 1.6;
    margin-top: 0.833333vw;
}

/* mob */
@media screen and (max-aspect-ratio:138/100) {
    .hm940-main .hm940-l8 {
        margin-top: 27.777778vw;
    }

    .hm940-main .hm940-l8 .content-wrap {
        width: 82.222222vw;
        text-align: left;
    }

    .hm940-main .hm940-l8 .card-container {
        width: 100%;
        margin-top: 8.888889vw;
        overflow: hidden;
    }

    .hm940-main .hm940-l8 .card-container .pref-swiper {
        width: 77.777778vw;
        margin-left: 8.888889vw;
        overflow: visible;
    }

    .hm940-main .hm940-l8 .card-container .pref-swiper .swiper-wrapper {
        justify-content: normal;
    }

    .hm940-main .hm940-l8 .card-container .pref-swiper .swiper-slide {
        width: 100%;
        border-radius: 2.222222vw;
        -webkit-border-radius: 2.222222vw;
        -moz-border-radius: 2.222222vw;
    }

    .hm940-main .hm940-l8 .card-container .pref-swiper .swiper-slide:not(:last-child) {
        margin-right: 4.444444vw;
    }

    .hm940-main .hm940-l8 .card-container .card-item {
        padding: 52.777778vw 0 9.444444vw;
    }

    .hm940-main .hm940-l8 .pref-swiper .swiper-slide1 .icon-wrap {
        width: 38.472222vw;
        top: 11.111111vw;
    }

    .hm940-main .hm940-l8 .pref-swiper .swiper-slide2 .icon-wrap {
        width: 50.277778vw;
        top: 15.694444vw;
    }

    .hm940-main .hm940-l8 .pref-swiper .swiper-slide3 .icon-wrap {
        width: 29.166667vw;
        top: 11.111111vw;
    }

    .hm940-main .hm940-l8 .pref-swiper .swiper-slide4 .icon-wrap {
        width: 32.222222vw;
        top: 11.111111vw;
    }

    .hm940-main .hm940-l8 .card-container .swiper-slide1 .card-desc {
        width: 64.166667vw;
    }

    .hm940-main .hm940-l8 .card-container .swiper-slide2 .card-desc {
        width: 57.5vw;
    }

    .hm940-main .hm940-l8 .card-container .swiper-slide3 .card-desc {
        width: 63.333333vw;
    }

    .hm940-main .hm940-l8 .card-container .swiper-slide4 .card-desc {
        width: 62.5vw;
    }

    .hm940-main .hm940-l8 .card-container .card-item .card-desc h5 {
        font-size: 6.666667vw;
    }

    .hm940-main .hm940-l8 .card-container .card-item .card-desc p {
        font-size: 4.444444vw;
        margin-top: 3.333333vw;
    }

    .hm940-main .hm940-l8 .card-container .swiper-buttons {
        width: 82.222222vw;
        margin: 8.888889vw auto 0;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .hm940-main .hm940-l8 .card-container .swiper-buttons li {
        width: 11.111111vw;
        height: 11.111111vw;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        overflow: hidden;
        transition-duration: .3s;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
    }

    .hm940-main .hm940-l8 .card-container .swiper-buttons .l8swiper-button-prev {
        transform: translate3d(0, 0, 0) rotate(180deg);
        -webkit-transform: translate3d(0, 0, 0) rotate(180deg);
        -moz-transform: translate3d(0, 0, 0) rotate(180deg);
        margin-right: 5.555556vw;
        -ms-transform: translate3d(0, 0, 0) rotate(180deg);
        -o-transform: translate3d(0, 0, 0) rotate(180deg);
    }

    .hm940-main .hm940-l8 .card-container .swiper-buttons .l8-button-disabled {
        opacity: .4;
    }

}

/* l8 end */
/* l9 start */
.hm940-main .hm940-l9 {
    margin-top: 10.41666667vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}

.hm940-main .hm940-l9 .desc-text {
    margin: 1.66666667vw 0 5.20833333vw;
}

.hm940-main .hm940-l9 .l9-wrap {
    width: 100%;
    position: relative;
}

.hm940-main .hm940-l9 .l9-wrap .light {
    position: absolute;
    line-height: 1.25;
    font-size: 1.66666667vw;
    color: #fff;
    font-weight: 700;
    text-align: center;
}

.hm940-main .hm940-l9 .l9-wrap .light1 {
    top: 1.71875vw;
    left: 10.52083333vw;
}

.hm940-main .hm940-l9 .l9-wrap .light2 {
    top: 1.71875vw;
    left: 23.33333333vw;
}

.hm940-main .hm940-l9 .l9-wrap .light3 {
    top: 1.71875vw;
    left: 36.09375vw;
}

.hm940-main .hm940-l9 .l9-wrap .light4 {
    top: 14.58333333vw;
    left: 15.72916667vw;
}

.hm940-main .hm940-l9 .l9-wrap .light5 {
    top: 14.58333333vw;
    left: 30.52083333vw;
}

.hm940-main .hm940-l9 .l9-wrap .light6 {
    top: 29.73958333vw;
    left: 22.96875vw;
}

.hm940-main .hm940-l9 .l9-img {
    width: 100vw;
}

.hm940-main .hm940-l9 .square {
    position: absolute;
}

.hm940-main .hm940-l9 .square .squTitle {
    font-size: 2.5vw;
    font-weight: 700;
    color: #f0cd9d;
    line-height: 1.25;
    margin-bottom: 0.52083333vw;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}

.hm940-main .hm940-l9 .square .squCon {
    font-size: 1.14583333vw;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.25;
}

.hm940-main .hm940-l9 .square .squTitle span.eight {
    font-size: 4.16666667vw;
}

.hm940-main .hm940-l9 .square .squTitle span.con {
    padding-bottom: 0.625vw;
}

.hm940-main .hm940-l9 .square1 {
    top: -1.04166667vw;
    left: 56.35416667vw;
}

.hm940-main .hm940-l9 .square2 {
    top: 10.9375vw;
    left: 54.16666667vw;
}

.hm940-main .hm940-l9 .square3 {
    top: 23.4375vw;
    left: 52.08333333vw;
}

@media screen and (max-aspect-ratio:138/100) {
    .hm940-main .hm940-l9 {
        align-items: flex-start;
        margin-top: 27.777777777vw;
    }

    .hm940-main .hm940-l9 .sub-title {
        margin-left: 8.888888888vw;
    }

    .hm940-main .hm940-l9 .desc-text {
        margin: 4.4444444444vw 0 9.02777777777vw 8.8888888888vw;
    }

    .hm940-main .hm940-l9 .l9-wrap .light {
        font-size: 4.44444444444vw;
    }

    .hm940-main .hm940-l9 .l9-wrap .light1 {
        top: 2%;
        left: 8.8888888889vw;
    }

    .hm940-main .hm940-l9 .l9-wrap .light2 {
        top: 2%;
        left: 39.4444444444vw;
    }

    .hm940-main .hm940-l9 .l9-wrap .light3 {
        top: 2%;
        left: 70vw;
    }

    .hm940-main .hm940-l9 .l9-wrap .light4 {
        top: 33.0555555555vw;
        left: 20.8333333333vw;
    }

    .hm940-main .hm940-l9 .l9-wrap .light5 {
        top: 33.0555555555vw;
        left: 56.3888888889vw;
    }

    .hm940-main .hm940-l9 .l9-wrap .light6 {
        top: 66.38888888vw;
        left: 38.1944444444vw;
    }

    .hm940-main .hm940-l9 .square1 {
        top: 88.88888888888vw;
        left: 13.8888888888vw;
    }

    .hm940-main .hm940-l9 .square2 {
        top: 128.611111111vw;
        left: 13.8888888888vw;
    }

    .hm940-main .hm940-l9 .square3 {
        top: 168.611111111vw;
        left: 13.8888888888vw;
    }

    .hm940-main .hm940-l9 .square .squTitle span.eight {
        font-size: 11.11111111111vw;
    }

    .hm940-main .hm940-l9 .square .squTitle {
        font-size: 6.6666666666vw;
    }

    .hm940-main .hm940-l9 .square .squTitle span.con {
        padding-bottom: 1.6666666666vw;
    }

    .hm940-main .hm940-l9 .square .squTitle {
        margin-bottom: 1.3888888888vw;
    }

    .hm940-main .hm940-l9 .square .squCon {
        font-size: 4.4444444444vw;
        width: 72.6388888888vw;
    }
}

/* l9 end */
/* footer start */
.hm940-main .footer-list {
    width: 67.5vw;
    margin: 0 auto;
    padding: 10.41666667vw 0;
}

.hm940-main .footer-list ol {
    padding-left: 1.3em;
    list-style-type: decimal;
}

.hm940-main .footer-list ol a {
    color: #1f71ff;
    word-break: break-all;
}

.hm940-main .footer-list li {
    color: #7f7f7f;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.6;
}

.hm940-main .footer-list li.active {
    color: #fff;
}

.hm940-main .footer-list li.price {
    position: relative;
    list-style-type: none;
}

.hm940-main .footer-list li.price::before {
    content: "*";
    position: absolute;
    top: 0;
    left: -9px;
}

@media screen and (min-width: 1920px) {
    .hm940-main .footer-list li {
        font-size: 0.625vw;
    }
}

@media screen and (max-aspect-ratio:138/100) {
    .hm940-main .footer-list {
        width: 83.333333333vw;
        padding: 27.77777777vw 0;
    }

    .hm940-main .footer-list li {
        font-size: 3.33333333vw;
    }
}

/* footer end */


/* mob */
@media screen and (max-aspect-ratio:138/100) {
    .hm940-main .show-mob {
        display: block;
    }

    .hm940-main .show-mob-inline {
        display: inline-block;
    }

    .hm940-main .show-pc {
        display: none;
    }

    .hm940-main .show-pc-inline {
        display: inline-block;
    }

    .hm940-main .sub-title {
        font-size: 8.888889vw;
    }

    .hm940-main .desc-text {
        font-size: 4.444444vw;
    }

    .hm940-main .big-title {
        font-size: 13.333333vw;
    }
}