.event-box .banner{
    height: 400px;
    background: url(../../images/event/event-banner.jpg) no-repeat 50% 50% / cover;
    margin-bottom: 10rem;
}
.event-box>h1{
    padding-left: 1rem;
    border-left: 2px solid #000;
    margin-bottom: 1rem;
    box-sizing: border-box;
}
.event-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 4rem 2rem;
    padding-bottom: var(--margin-top-pc);
}
.event-items figure{
    margin-bottom: 2rem;
    /* height: 600px; */
    box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.1);
}
.event-items h4{
    margin-bottom: .5rem;
    display: inline-block;
}
.event-items p{
    display: inline-block;
}

@media (max-width:1440px){

}

@media (max-width:768px){
    .event-box .banner {
        height: 400px;
        background: url(../../images/event/event-banner.jpg) no-repeat 50% 50% / cover;
        margin-bottom: 6rem;
    }
    .event-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 4rem 2rem;
        padding-bottom: var(--margin-top-pc);
    }
    }

@media (max-width:370px){

}

@media (max-width:350px){
    
}