.scene-wrapper.mm-official {
    background-image: linear-gradient(to top, #e7e7e7, #fff 64%);
}

.scene-wrapper.mm-official .scene .screenshot-container ._inner {
    position: relative;
    max-width: 100% !important;
    text-align: center;
    padding-top: 100px;
    left: auto;
    transform: unset;
}

.scene-wrapper .scene .screenshot-container ._inner .overlay {
    width: 845px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(to top, #e8e8e8 32%, transparent);
}

.mm-official .scene .deco-img-container.deco-1.left,
.mm-official .scene .deco-img-container.deco-2.right {
    width: 100%;
    height: 100%;
    display: block;
    background-repeat: no-repeat;
    z-index: 1;
    background-size: contain;
}
.mm-official .scene .deco-img-container.left {
    background-position-x: 27%;
}
.mm-official .scene .deco-img-container.right {
    background-position-x: 100%;
}
.mm-official .scene .deco-title-container.deco-title-1 {
    position: absolute;
    right: 3.5vw;
    top: 4.5vw;
}
.mm-official .scene .deco-title-container.deco-title-2 {
    position: absolute;
    left: 8.5vw;
    bottom: 7vw;
}
@media (max-width: 768px) {
    .mm-official .scene .deco-img-container.deco-1.left {
        width: 100%;
        background-position-x: 46%;
    }
    .mm-official .scene .deco-img-container.left {
        background-size: cover !important;
        background-position-x: 56%;
    }
    .mm-official .scene .deco-title-container.deco-title-1,
    .mm-official .scene .deco-title-container.deco-title-2 {
        width: 80vw !important;
        bottom: 26vw !important;
    }
    .mm-official .scene .deco-img-container.right {
        background-size: cover !important;
        background-position-x: 66%;
    }
    .mm-official .scene .deco-img-container.deco-2.right {
        background-position-x: 54%;
    }
}
@media (max-width: 960px) {
    .mm-official .scene .deco-img-container.deco-1.left,
    .mm-official .scene .deco-img-container.deco-2.right {
        background-size: cover !important;
    }
    .mm-official .scene .deco-title-container.deco-title-1 {
        width: 8vw !important;
        top: auto !important;
        left: auto;
        right: 7vw !important;
        bottom: 14vw !important;
    }
}
@media (max-height: 800px) {
    .scene-wrapper .scene-4 .screenshot-container ._inner {
        transform: translate(-50%, 5%);
    }
}
@media (min-height: 800px) {
    .scene-wrapper .scene-11 .screenshot-container ._inner {
        transform: translate(-50%, 42%);
    }
    .scene-wrapper .scene-13 .screenshot-container ._inner {
        transform: translate(-50%, 34%);
    }
}


/*
.scene-wrapper.mm-official{background-image:linear-gradient(to top,#e7e7e7,#fff 64%)}.mm-official .scene .deco-img-container.deco-1.left,.mm-official .scene .deco-img-container.deco-2.right{width:100%;height:100%;display:block;background-repeat:no-repeat;z-index:1;background-size:contain}.mm-official .scene .deco-img-container.left{background-position-x:27%}.mm-official .scene .deco-img-container.right{background-position-x:100%}.mm-official .scene .deco-title-container.deco-title-1{position:absolute;right:3.5vw;top:4.5vw}.mm-official .scene .deco-title-container.deco-title-2{position:absolute;left:8.5vw;bottom:7vw}@media (max-width:768px){.mm-official .scene .deco-img-container.deco-1.left{width:100%;background-position-x:46%}.mm-official .scene .deco-img-container.left{background-size:cover!important;background-position-x:56%}.mm-official .scene .deco-title-container.deco-title-1,.mm-official .scene .deco-title-container.deco-title-2{width:80vw!important;bottom:26vw!important}.mm-official .scene .deco-img-container.right{background-size:cover!important;background-position-x:66%}.mm-official .scene .deco-img-container.deco-2.right{background-position-x:54%}}@media (max-width:960px){.mm-official .scene .deco-img-container.deco-1.left,.mm-official .scene .deco-img-container.deco-2.right{background-size:cover!important}.mm-official .scene .deco-title-container.deco-title-1{width:8vw!important;top:auto!important;left:auto;right:7vw!important;bottom:14vw!important}}@media (max-height:800px){.scene-wrapper .scene-4 .screenshot-container ._inner{transform:translate(-50%,5%)}}@media (min-height:800px){.scene-wrapper .scene-11 .screenshot-container ._inner{transform:translate(-50%,42%)}.scene-wrapper .scene-13 .screenshot-container ._inner{transform:translate(-50%,34%)}}
*/
