@charset "UTF-8";

.mv{
    margin-top:53px;
    width:100%;
    background:url(../img/seminar-mv@2x.jpg) center center/ cover;
}

.mv_inner{
    max-width:1280px;
    display:flex;
    align-items:center;
    margin:0 auto;
    height:270px;
    align-items: center;
}

@media screen and (max-width: 900px) {
    .mv_inner{
        height:170px;
        padding:0 8px;
    }
}

.mv_title{
    font-size:44px;
    color:#fff;
    font-weight:800;
}

@media screen and (max-width: 900px) {
    .mv_title{
        font-size:30px;
    }
}

.mv_title > span{
    font-size: 16px;
    color: #fff;
    display: block;
    margin-top: -11px;
    color: #ebebeb;
}

@media screen and (max-width: 900px) {
    .mv_title > span{
        font-size: 14px;
    }
}

.seminar_title{
    font-size: 24px;
    font-weight: 800;
    padding: 0 0 58px;
    position: relative;
    margin-bottom: 55px;
}

@media screen and (max-width: 900px) {
    .seminar_title{
        font-size: 20px;
        padding: 0 0 20px;
        margin-bottom: 30px;
    }
}

.seminar_title:after{
    position:absolute;
    content:"";
    width:50px;
    height:3px;
    background:#0696d7;
    left:0;
    bottom:0;
}

.seminar_title span{
    display:block;
    font-size:18px;
    font-weight:800;
}

@media screen and (max-width: 900px) {
    .seminar_title span{
        font-size:16px;
    }
}

.seminar-disc{
    margin-bottom:110px;
}

@media screen and (max-width: 900px) {
    .seminar-disc{
        margin-bottom:20px;
    }
}
 
.seminar_list{
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    padding:0 0 80px;
}

@media screen and (max-width: 900px) {
    .seminar_list{
        display:block;
    }
}

.seminar_item{
    width:calc((100% - 80px) / 3);
    margin: 0 40px 80px 0;
    background:#f0f1f5;
    transition: all 0.5s 0s ease;
}


@media screen and (max-width: 900px) {
    .seminar_item{
        width:100%;
        margin: 0 0 20px 0;
    }
}

.seminar_item-link:hover {
    opacity:0.7;

}

.seminar_item:nth-child(3n){
    margin-right:0;
}

.seminar_item-link{
    display:block;
}

.seminar_item-wrap{
    padding: 20px 20px 50px 20px;
}

.seminar_item-tag{
    font-size: 12px;
    padding: 5px 8px;
    background: #dddee1;
    display: inline-block;
    font-weight: 700;
    margin: 0 10px 10px 0;
}

.seminar_item-title{
    font-size:18px;
    font-weight:800;
    margin:15px 0;
}