@charset "UTF-8";

/* PC */
.menu_top {
    width: 900px;
    margin: 50px auto 0 auto;
    display: block;
}

.menu_top li {
    width: 430px;
    margin: 0 0 25px 0;
    float: left;
}

.menu_top li:nth-child(2n) {
    width: 430px;
    margin: 0 0 25px 40px;
}

.menu_top li:hover {
    opacity: 0.7;
}

.box_video {
    width: 100%;
    height: 290px;
    margin: 75px 0 0 0;
    background: linear-gradient(to bottom, #d1dfd6 200px, transparent 200px 290px);
}

.box_video_left {
    width: 580px;
    float: left;
}

.box_video_right {
    width: 400px;
    float: right;
    margin: 30px 20px 0 0;
}

.h2_top {
    font-size: 2.7rem;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #fff;
    padding: 50px 0 0 50px;
    line-height: 1.2;
}

.h2_top span {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-size: 1rem;
}


/* タブレット用のメディアクエリ - index */
@media screen and (max-width: 1000px) {
    .menu_top {
        width: 100%;
        margin: 30px auto;
    }

    .menu_top li {
        width: 48%;
        float: left;
        margin: 0 0 20px 0;
    }

    .menu_top li:nth-child(2n) {
        width: 48%;
        margin: 0 0 20px 4%;

    }

    .menu_top li img {
        max-width: 100%;
    }

    .box_video {
        width: 100%;
        height: 200px;
        margin: 30px 0 0 0;
        background: linear-gradient(to bottom, #d1dfd6 200px, transparent 200px 290px);
    }

    .box_video_left {
        width: 50%;
        /* ボックスを100%幅に */
        float: left;
        /* フロートを解除 */
        margin: 20px 0;
    }

    .box_video_right {
        width: 50%;
        /* ボックスを100%幅に */
        float: right;
        /* フロートを解除 */
        margin: 20px 0;
    }

    .thumbnail {
        max-width: 100%;
    }

    .h2_top {
        font-size: 2rem;
        padding: 30px 20px;
    }

    .h2_top span {
        font-size: 0.9rem;
    }
}



@media only screen and (max-width: 480px) {}