/*************
STS追加
************/
.visual-movie {
    min-width: 1200px;
    position: relative;
    margin-bottom: 20rem;
}

.visual-movie .movie {
    position: absolute;
    right: 0;
    bottom: -120px;
    width: 487px;
    height: auto;
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .8);
    background-color: #2e2e2e;
}

.visual-movie .movie img {
    width: 100%;
}

.feature .modaal-video-wrap {
    margin: auto 0;
}

.modaal-content-container video {
    width: 100%;
}

@media screen and (min-width:1200px) and (max-width:1500px) {

    .visual-movie {
        margin-bottom: 13.333vw;
    }
    
    .visual-movie .movie {
        bottom: -8vw;
        width: 30vw;
        box-shadow: 0 0.66vw 1.66vw 0 rgba(0, 0, 0, .8);
    }

    .visual-movie .movie img {
        width: 30vw;
    }
}

@media screen and (min-width:769px) and ( max-width:1199px) {

    .visual-movie {
        margin-bottom: 16rem;
    }

    .visual-movie .movie {
        bottom: -96px;
        width: 469px;
        box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .8);
    }

    .visual-movie .movie img {
        width: 471.95px;
    }
}

@media screen and (max-width:767px) {

    .visual-movie {
        min-width: inherit;
        margin-bottom: 70vw;
    }

    .visual-movie .movie {
        position: absolute;
        right: 0;
        left: 0;
        bottom: -65vw;
        margin: 0 auto 5vw;
        padding: 0;
        width: 89.34vw;
        box-shadow: 0 1.66vw 2.66vw 0 rgba(0, 0, 0, .8);
    }    

    .visual-movie .movie img {
        width: 100%;
    }
}