@import url('./page.css');

section.top-banner {background-image: -webkit-image-set(url('../images/event-banner.png') 1x, url('../images/event-banner@2x.png') 2x);
    background-image: image-set(url('../images/event-banner.png') 1x, url('../images/event-banner@2x.png') 2x);}
@media (max-width:734px) {
    section.top-banner {background-image: -webkit-image-set(url('../images/event-banner-s.png') 1x, url('../images/event-banner-s@2x.png') 2x);
        background-image: image-set(url('../images/event-banner-s.png') 1x, url('../images/event-banner-s@2x.png') 2x);}
}

section.more-content {background-image: -webkit-image-set(url('../images/event-next.png') 1x, url('../images/event-next@2x.png') 2x);
    background-image: image-set(url('../images/event-next.png') 1x, url('../images/event-next@2x.png') 2x);}
@media (max-width:734px) {
    section.more-content {background-image: -webkit-image-set(url('../images/event-next-s.png') 1x, url('../images/event-next-s@2x.png') 2x);
        background-image: image-set(url('../images/event-next-s.png') 1x, url('../images/event-next-s@2x.png') 2x);}
}

/* section01 */
.section01 {padding:140px 50px;margin:56px 0;}
.section01 .wrap-flex {max-width: 1504px;margin:auto;gap:64px;justify-content: center;}
.section01 .wrap-flex .box-img {max-width: 720px;box-shadow: 0px 18px 40px 0px rgba(52, 35, 38, 0.13), 0px 73px 73px 0px rgba(52, 35, 38, 0.11), 0px 164px 98px 0px rgba(52, 35, 38, 0.07), 0px 292px 117px 0px rgba(52, 35, 38, 0.02), 0px 456px 128px 0px rgba(52, 35, 38, 0.00);}

@media (max-width:734px) {
    .section01 {padding:30px 14px;margin:24px 0;}
    .section01 .wrap-flex {gap:18px}
    .section01 .wrap-flex .box-img {box-shadow: 0px 4px 8px 0px rgba(52, 35, 38, 0.18);}
}