/* -----------------------------
   ======== webinar =========
   ----------------------------- */
#movie-wrap{
     width: 100%;
}

.movie-wrap .iframeWrap{
     position: relative;
     width: 100%;
     padding-top: 56.25%;
}
.movie-wrap .iframeWrap iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}


@media screen and (min-width: 738px) {
    .pc-wide57{
       width:57% !important;
    }    
    .pc-wide40{
       width:40% !important;
    }
    .movie-wrap .iframeWrap iframe{
        height: 80% !important;
    }
    .mod-service-list-3col {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .mod-service-list-3col > li {
        width: 310px;
        position: relative;
    }
    .mod-service-list-3col > li > a > img {
        width: 100%;
    }
}

@media screen and (max-width: 737px) {
    .movie-wrap{
       width:100%;
    }    
    .s-align-center {
        text-align: center !important;
    }
    .sp-wide50 {
        max-width: none !important;
        width: 50% !important;
    }
    .mod-service-list-3col {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .mod-service-list-3col > li {
        width: 390px;
        position: relative;
        margin-top: 10px;
    }
    .mod-service-list-3col > li a {
        display: flex;
        width: 100%;
        background: #fff;
    }
    .mod-service-list-3col > li > a > img {
        width: 100%;
    }
}