@charset "UTF-8";
/*
Theme Name: leafleaf
Theme URI: 
*/


#webcast .webcast-wrap{
    width: 80%;
    margin: 0 auto;
    padding: 0 0 30px 0;
}

#webcast .webcast-wrap .webcast-box{
    margin: 0 0 40px 0;
}

#webcast .webcast-back-img-container{
    position: relative;
}

#webcast .webcast-back-img-container .back-img-box{
    width: 150px;
    margin: 40px 0 0 10px;
}

#webcast .webcast-back-img-container .back-img-box img{
    margin: 0 0 60px 0;
}

#webcast .webcast-box .web-list li{
    padding: 4px 0;
}

#webcast .webcast-box .web-list li.indent{
    padding: 4px 0 4px 1em;
    text-indent: -1em;
}

#webcast .webcast-box .web-list .detail{
    font-size: 1.4rem;
    padding-left: 1em;
}

@media screen and (max-width: 1200px){
    #webcast .webcast-wrap{
        width: 90%;
    }
}

@media screen and (max-width: 767px) {
    #webcast p{
        font-size: 1.4rem;
    }

    #webcast .webcast-wrap{
        width: 100%;
    }

    #webcast .webcast-wrap .webcast-box{
        margin: 0 0 20px 0;
    }

    #webcast .webcast-box .web-list li{
        font-size: 1.4rem;
    }

    #webcast .web-img{
        flex-direction: unset;
    }

    #webcast .web-img img{
        width: 180px;
        padding: 0 6px;
        margin: 0 0 10px 0;
    }

}