@charset "utf-8";
/*--------------------------------------
	copyright : yuyu design.
--------------------------------------*/

@import url(reset.css);
@import url(common.css);
@import url(../libs/fontawesome/css/all.min.css);
@import url(../libs/aos/aos.css);
/* @import url(../libs/OwlCarousel/assets/owl.carousel.min.css); @import url(../libs/OwlCarousel/assets/owl.theme.default.min.css); */
/* @import url(../libs/lightGallery/css/lightgallery.min.css); */
/* @import url(../libs/Remodal/remodal.css); @import url(../libs/Remodal/remodal-default-theme.css); */


/*
 about
==============================*/

/* mvp ----------*/
#mvp { background-image: url(../img/about/mv_bg.svg); background-repeat: no-repeat; background-size: contain; background-position: left bottom; }
#mvp .deco.-d1 { bottom: -2rem; left: -2rem; }
@media screen and (max-width:480px) { /* s */
	#mvp { background-size: 52%; }
	#mvp .deco.-d1 { transform: scale(0.6,0.6); transform-origin: left bottom; }
}

/* h2 ----------*/
.h2.-page span { background-color: #FFF7CC; }

/* ourBusiness ----------*/
#ourBusiness { color: #FFF; }
#ourBusiness .w { position: relative; max-width: 89rem; margin: auto; }
#ourBusiness .deco.-d1 { position: absolute; right: 105%; bottom: -8rem; }
#ourBusiness h3 { text-align: center; font-size: 2.2rem; color: #FAFF9B; font-weight: var(--bold); margin-top: 6rem; margin-bottom: 3rem; }
#ourBusiness p { text-align: center; }
#ourBusiness .ill { margin-top: 8rem; }
@media screen and (max-width:1260px) { /* x */
	#ourBusiness .w { margin-left: 20vw; margin-right: 0; }
	#ourBusiness h3 { text-align: left; }
	#ourBusiness p { text-align: left; }
	#ourBusiness .deco.-d1 { height: auto; bottom: auto; top: 0; }
}
@media screen and (max-width:480px) { /* s */
	#ourBusiness .deco.-d1 { width: 30vw; }
}

/* brand ----------*/
#brand {}
#brand .hotel_card { display: flex; align-items: start; gap: 5rem; padding: 3rem 4rem; background-color: #FFF; border: solid 1px #01398D; border-radius: 2rem; }
#brand .hotel_card.-single { display: block; }
#brand .hotel_card .pw { width: 50%; }
#brand .hotel_card.-single .pw { width: 100%; }
#brand .hotel_card .pw .p { aspect-ratio: 46 / 34; }
#brand .hotel_card .tw { width: 50%; display: grid; grid-template-columns: 1fr; gap: 1.3rem; }
#brand .hotel_card.-single .tw { width: 100%; margin-bottom: 4rem; }
#brand .hotel_card .tw .logo { border-bottom: solid 1px #01398D; padding: 3rem 2rem; text-align: center; }
#brand .hotel_card.-single .tw .logo { padding: 1rem 2rem; }
#brand .hotel_card .tw h3 { font-size: 2.2rem; font-weight: var(--bold); color: #2F65B6; text-align: center; line-height: 1.4; }
#brand .hotel_card .tw p { margin: 0; font-size: 1.4rem; font-weight: var(--medium); }
@media screen and (max-width:896px) { /* m */
	#brand .hotel_card { gap: 2rem; }
}
@media screen and (max-width:480px) { /* s */
	#brand .hotel_card { display: block; padding: 2rem; }
	#brand .hotel_card .pw { width: 100%; }
	#brand .hotel_card .tw { width: 100%; margin-bottom: 2rem !important; }
	#brand .hotel_card .tw .logo { padding: 0 1rem 2rem; }
}

/* facilityList ----------*/
#facilityList {}
#facilityList .tx1 { text-align: center; font-size: 2.2rem; font-weight: var(--bold); color:#2F65B6; line-height: 1.54; }

/* hotelList ----------*/
#hotelList {}
#hotelList .hotel_list_wrap { display: grid; grid-template-columns: 1fr; gap: 4.5rem; }
#hotelList .hotel_list_wrap .hotel {}
#hotelList .hotel_list_wrap .hotel .logo { text-align: center; }
#hotelList .hotel_list_wrap .hotel .logo img { max-width: 25rem; }
#hotelList .hotel_list_wrap .hotel h4 { position: relative; margin-top: 2rem; background-color: #01398D; border: solid 2px #000; color: #FFF; font-size: 2.2rem; font-weight: var(--bold); padding: 0.6rem 1rem; border-radius: 10rem; }
#hotelList .hotel_list_wrap .hotel h4 img { position: absolute; width: 3rem; height: 3rem; top: 0; bottom: 0; left: 4rem; margin: auto; transition: all 0.3s ease-out; }
#hotelList .hotel_list_wrap .hotel h4.open img { transform-origin: center center; transform: rotate(90deg); }
#hotelList .hotel_list_wrap .hotel h4:hover { cursor: pointer;}
#hotelList .hotel_list_wrap .hotel h4 span { text-align: center; display: block; }
#hotelList .hotel_list_wrap .hotel_list {}
#hotelList .hotel_list_wrap .hotel_list h5 { display: inline-block; background-color: #FAFF9B; font-size: 1.4rem; color: #01398D; margin-top: 3.6rem; border: solid 1px #000; padding: 0.3rem 4rem; border-radius: 5rem; }
#hotelList .hotel_list_wrap .hotel_list ul {}
#hotelList .hotel_list_wrap .hotel_list ul li { margin-top: 2rem; padding-bottom: 0.8rem; display: grid; gap: 2rem; grid-template-columns: 1fr 1fr 10rem 13rem; border-bottom: solid 1px #01398D; }
#hotelList .hotel_list_wrap .hotel_list ul li span { font-size: 1.4rem; line-height: 1.4; }
#hotelList .hotel_list_wrap .hotel_list ul li .n {}
#hotelList .hotel_list_wrap .hotel_list ul li .n a { font-size: 1.6rem; color: #01398D; font-weight: var(--bold); }
#hotelList .hotel_list_wrap .hotel_list ul li .a {}
#hotelList .hotel_list_wrap .hotel_list ul li .g {}
#hotelList .hotel_list_wrap .hotel_list ul li .g a { white-space: nowrap; color: #2F65B6; }
#hotelList .hotel_list_wrap .hotel_list ul li .p { white-space: nowrap; }
@media screen and (max-width:480px) { /* s */
	#hotelList .hotel_list_wrap .hotel_list ul li { grid-template-columns: 1fr; gap: 1rem; }
}