@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: url('../images/main01.jpg');}
@media (max-width:734px) {
    section.more-content {background-image: url('../images/main01-s.png');}
}

/* 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);
    width: 50%;}

@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);}
}