@charset "utf-8";


.video_wrapper {
    display: flex;
    width: 90%;
    margin: 40px auto 40px;
}
.video_wrapper > * {
    width: 50%;
}
.video_wrapper img {
    object-fit: contain;
    width: 60%;
}
.video_iframe {
    display: block;
    width: 30%;
}

@media (max-width: 1300px) {
    .video_wrapper {
        flex-wrap: wrap;
        width: 60%;
    }
    .video_wrapper img {
        margin: 0 auto;
        width: 80%;
    }
    .video_iframe {
        width: 100%;
    }
    .video_iframe iframe {
        width: 100%;
        height: auto;
    }
}

@media (max-width: 500px) {
    .video_wrapper {
        width: 100%;
    }
}