.reservation-intro-banner {width:100%; height:16rem; border:0.1rem solid var(--white100); background:url(/_res/service/bcci/img/center/bg-reservation-guide.png) no-repeat center center/cover; display:flex; align-items:center; border-radius:0.4rem; overflow:hidden; margin-top:3rem;}
.reservation-intro-banner .banner-content {width:100%; padding:0 4rem; display:flex; justify-content:space-between; align-items:center; height:100%; gap:2rem;}
.reservation-intro-banner .banner-text { font-weight:600; font-size:2rem; color:var(--color28); line-height:1.4; letter-spacing:-0.02em}


.reservation-go-btn {flex-shrink:0;display:inline-flex; align-items:center; gap:0.4rem; padding:1rem 1.6rem; background-color:var(--color14); border-radius:10rem;  text-decoration:none; transition:background-color 0.3s;}
.reservation-go-btn:after{content:'';display:inline-flex;width:1.6rem;height:1.6rem;background:url(/_res/service/bcci/img/center/ico-arr01@2x.png) no-repeat center center/100%;}
.reservation-go-btn span { font-size:1.6rem; line-height: 1.4; color:var(--white100); font-weight:400;}
.reservation-go-btn:hover {background-color:var(--color25);}


	
@media screen and (max-width: 1024.98px) {
	.reservation-intro-banner {height:auto; min-height:16rem;background-image:url(/_res/service/bcci/img/center/bg-reservation-guide-m.jpg); margin:3rem 0;}
	.reservation-intro-banner .banner-content {flex-direction:column; justify-content:center;align-items: flex-start; gap:4rem; padding:6.4rem 2rem;}
	.reservation-intro-banner .banner-text {font-weight:400;font-size:2rem;}
}