@charset "utf-8";

.video-box {
    border: 1px solid #dfdfdf;
    width: 778px;
    margin: 0 auto 40px;
}
.video-box h4 {
    background-color: #f8f8f8;
    padding: 20px 20px 20px 30px;
    font-size: 20px;
    font-weight: 200;
}
.video-box-info {
    display: flex;
    flex-wrap : wrap;
    margin: 30px 30px 10px;
}
.video-box dl {
    width: 348px;
    text-align: center;
}
.video-box dl:nth-child(odd) {
    margin: 0 20px 20px 0;
}
.video-box dl:nth-child(even) {
    margin: 0 0px 20px 0;
}
.video-box dt {
    border: 1px solid #dfdfdf;
    font-size: 14px;
    font-weight: 600;
    padding: 14px 0 13px;
}
.video-box dd {
    border-right: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    padding: 30px 10px;
}

/* スマホ用 */
@media screen and (max-width: 560px) {

    .video-box {
        border: 1px solid #dfdfdf;
        width: 95.5%;
        margin: 2vw;
    }
    .video-box h4 {
        padding: 3vw;
        font-size: 4.5vw;
        text-align: center;
    }
    .video-box-info {
        margin: 4.5vw;
    }
    .video-box-info {
        margin: 5vw;
    }
    .video-box dl {
        text-align: center;
    }
    .video-box dl:nth-child(odd) {
        margin: 0;
    }
    .video-box dl:nth-child(even) {
        margin: 0;
    }
    .video-box dt {
        font-size: 3.7vw;
        font-weight: 600;
        padding: 3vw;
    }
    .video-box dd {
        padding: 3vw;
        margin-bottom: 3vw;
    }
    .video-box dd img {
        text-align: center!important;
        margin:2vw auto -2vw !important;
    }

}