.fv_style1 { background-image: url(../img/common/bg1.jpg); }

.list { padding: 4rem 0; }
.list .head_style2 .ttl { padding: 0.25rem 0; padding-left: 1rem; font-size: 1.75rem; }
.list .head_style2 .ttl::before { width: 5px; } 
.list .seminars { padding: 0 0 2rem; margin-left: -30px; }
.list .seminars li { width: calc((100% - 120px) / 4); margin-left: 30px; margin-top: 30px; }
.list .seminars li .card1 { width: 100%; }

/* -------------------------------------------- tablet */

@media screen and (max-width: 1100px) {
    .list .seminars li { width: calc((100% - 60px) / 2); }
}

/* -------------------------------------------- sp */

@media screen and (max-width: 767px) {

    .fv_style1 figure { padding-top: 40%; }
    .fv_style1 figure img { height: 100%; width: auto; }

    .list { padding: 3rem 0; }
    .list .seminars { margin-left: -20px; }
    .list .seminars li { width: calc((100% - 40px) / 2); margin-left: 20px; margin-top: 20px; }
    .list .head_style2 .ttl { font-size: 1.5rem; line-height: 150%; }
}