@media (min-width:641px) {
    .mhead, .menq, .mvdo, .mnav {
        display:none;
    }
}

@media (max-width:640px) {
    .mhead, .menq, .mvdo {
        display:flex;
    }
    .mnav {
        display:initial;
    }

    .content3 .flow {
        width:initial!important;
        display:grid;
        grid-template-columns:repeat(2, 1fr);
        padding:0 20px 0 20px;
    }
    .content3 .flow li {
        width:initial!important;
    }

    .content3 .wrap .article .img img {
        width:100%;
    }

    .content5 table {
        width:initial!important;
    }

    .content6 .ringobako {
        padding:0 20px 0 20px;
    }

    .lightbox .left_clumn {
        width:initial!important;
        padding:50px 0 0 0;
    }
}

.mhead {
    padding:10px 20px 10px 20px;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    background-color:black;
}

.mlogo {
    flex:1;
}
.mlogo img {
    width:100%;
}
.mcon {
    flex:1;
    display:flex;
    align-items:center;
    justify-content:end;
    gap:10px;
}
.mwork {
    color:white;
    text-align:center;
    line-height:10px;
}
.mworkin {
    padding:3px 5px 3px 5px;
    border:1px solid white;
    border-radius:5px;
    overflow:hidden;
}

.menq {
    justify-content:center;
    gap:10px;
    background-color:gray;
}
.menq a {
    text-decoration:none;
    color:white!important;
}

.mvdo {
    
}
.mvdo video {
    width:100%;
}
.mvdo div {
    position:absolute;
    padding:40px 0 0 0;
    text-align:center;
}
.mvdo img {
    width:70%;
}