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

.con-contact-list {display:flex; flex-wrap:wrap; gap:2rem; margin-top:1.6rem;}
.con-contact-card {flex:1; min-width:24rem; padding:2.4rem 2.8rem; background-color:#F7F8FA; border:0.1rem solid #E5E7EB; border-radius:0.8rem;}
.con-contact-card strong {display:block; font-size:1.8rem; font-weight:700; color:var(--color28); margin-bottom:0.8rem;}
.con-contact-card .con-p02 {margin:0; font-size:1.5rem; line-height:1.6;}
.con-contact-card .con-p02 a {color:var(--color14);}

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

@media screen and (max-width: 1024.98px) {
    .con-contact-list {flex-direction:column; gap:1.2rem;}
    .con-contact-card {min-width:0;}
}