/* ------------
 * safety
 */
#safety {
    clear: both;
}

/* movie */
.movie {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}
    .movie_wrap {
        position: relative;
    }
        .movie_play {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-image: url(../IMAGES/icon_play.svg);
            background-repeat: no-repeat;
            background-position: center;
            background-size: 75px auto;
            opacity: 0.5;
            transition: opacity .5s;
        }
        .movie_play:hover {
            opacity: 1;
        }
        .movie_play.disabled {
            opacity: 0;
            pointer-events: none;
        }
        .switch_sound {
            position: absolute;
            right: 8px;
            bottom: 8px;
            width: 32px;
            height: 32px;
            display: none;
            background-image: url(../IMAGES/icon_volume_on.png);
            background-repeat: no-repeat;
            background-size: contain;
        }
        .switch_sound.mute {
            background-image: url(../IMAGES/icon_volume_off.png);
        }
@media screen and (min-width: 581px) and (max-width: 1169px) {
    .movie_play {
        background-size: 6.41vw auto;
    }
}

/* overview */
#overview {
    max-width: 1256px;
    margin: 0 auto;
    padding: 0 43px;
    overflow-x: hidden;
}
@media screen and (min-width: 581px) and (max-width: 1169px) {
    #overview {
        padding: 0 3.68vw;
    }
}

.overview_lead {
    margin-top: 46px;
    padding-left: 1%;
    font-size: 18px;
    color: #343434;
}
.overview_link {
    margin-top: 18px;
    padding-left: 1%;
}
    .overview_link a {
        position: relative;
        display: table;
        height: 44px;
        background-color:#c3002c;
        color: #fff;
        }
        .overview_link span {
            display: table-cell;
            padding: 0 46px 0 20px;
            font-size: 14px;
            line-height: 1.1;
            vertical-align: middle;
            white-space: nowrap;
        }
    .overview_link a:after {
        content: '';
        position: absolute;
        right: 20px;
        top: 50%;
        display: block;
        width: 7px;
        height: 10px;
        margin-top: -5px;
        background-image: url(../IMAGES/arrow_white.png);
        background-repeat: no-repeat;
        background-position: right;
        background-size: auto 10px;
        transition: right .4s;
    }
    .overview_link a:hover {
        background: #920023;
    }
        .overview_link a:hover:after {
            right: 15px;
        }
@media screen and (min-width: 581px) and (max-width: 1169px) {

}