@charset "utf-8";

.reservation {padding: 0 0 70px; background-image: url("../../../assets/images/sub/reservation-bg2.png"); background-repeat: no-repeat; background-size: cover; position: relative;}
/* .reservation::before {content: ''; width: 100%; height: 100%; max-height: 356px; position: absolute; bottom: 0; left: 0; background: linear-gradient(0deg, #FFF 30%, rgba(255, 255, 255, 0.00) 100%)} */
.reservation .sub-wrap:first-child .sub-l {padding-top: 260px;}
.reservation .sub-wrap:first-child .sub-r {margin-left: 96px; margin-right: -140px;}
.reservation .sub-wrap:last-child .sub-r {margin-left: -100px;}

.sub-wrap.reverse {margin-top: -250px; align-items: center;}

@media (max-width: 1280px) {
    .reservation {padding: 0 0 60px;}
    .reservation .sub-wrap:first-child .sub-l {padding-top: 80px;}
    .reservation .sub-wrap:first-child .sub-r {margin: 0 auto; margin-right: -120px;}
    .reservation .sub-wrap:last-child .sub-r {margin: 0 auto;}
    .sub-wrap.reverse {margin-top: -150px;}
}

@media (max-width: 768px) {
    .reservation {padding: 0 0 50px;}
    .sub-wrap.reverse {margin-top: -60px;}
    .reservation .sub-wrap:first-child .sub-l {padding-top: 70px;}
    .reservation .sub-wrap:first-child .sub-r {margin-right: -64px;}
    .reservation .sub-wrap:last-child .sub-r {margin-left: -64px;}
}