@import url('d8338b88e9_sub.css'); 



/**** S:: Hotel Amenities ****/
.hotel_title{}
.hotel_title h3{color:var(--sub); font-weight: 700;}
.hotel_title p{font-weight: 300; padding-top: 10px; color:var(--black);}

.philosophy_style{counter-reset: my-counter;}
.philosophy_style dl{display: flex;}
.philosophy_style dl:nth-child(even){flex-direction: row-reverse;}
.philosophy_style dl dt{width: 50%;}
.philosophy_style dl dt img{width: 100%; height: auto;}
.philosophy_style dl dd{width: 50%; box-sizing:border-box; padding: 0 0 0 115px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
.philosophy_style dl:nth-child(even) dd{padding: 0 115px 0 0;}
.philosophy_style dl dd .number{display: block; width: 34px; aspect-ratio: 1/1; border-radius:50%; background:var(--main); margin: 0 0 10px; position: relative;}
.philosophy_style dl dd .number::after{counter-increment: my-counter; content: counter(my-counter);
 display: block; font-size:0.882rem; line-height: 34px; font-weight: 900; color:var(--white); position: absolute; left: 0; top:0; text-align:center; width: 100%; height: 100%;}
.philosophy_style dl dd h4{font-weight: 600;}
.philosophy_style dl dd p{padding-top: 10px;}


.info_style{display: flex;}
.info_style dt{width: 50%; display: flex; flex-direction: column; justify-content: center;  align-items: center;}
.info_style dt img{width: 100%; height: auto;}
.info_style dd{width: 50%; box-sizing:border-box; padding: 0 0 0 50px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
.info_style dd .check_list{}
.info_style dd .check_list li{margin: 0 !important; padding-top: 25px; padding-bottom: 25px; border-bottom: 1px solid var(--border);}
.info_style dd .check_list li:last-child{border:0;}
.info_style dd .check_list li::before{top:25px;}



.product_basic{}
.product_basic dl{display: flex; padding: 80px 0; border-top: 1px solid var(--border);}
.product_basic dl dt{width: 440px;}
.product_basic dl dt img{width: 100%; height: auto;}
.product_basic dl dd{width: calc(100% - 440px); padding:0 0 0 100px; box-sizing:border-box;}
.product_basic dl dd h4{font-weight: 400; padding-bottom: 25px;}
.product_basic dl dd h5{font-weight: 600; color:var(--main);}
.product_basic dl dd p{color:var(--black); padding-top: 12px;}
.product_basic dl dd p.pad0{padding: 0;}
.product_basic dl dd .dots{padding-top: 12px;}
	
/**** E:: Hotel Amenities ****/




/*******************************************************************************
    @media 1680px
*******************************************************************************/
@media all and (max-width:1680px){




}
/*******************************************************************************
    @media ~1300px
*******************************************************************************/
@media all and (max-width:1300px){


/**** S:: Hotel Amenities ****/
.philosophy_style dl dd{padding: 0 0 0 50px;}
.philosophy_style dl:nth-child(even) dd{padding: 0 50px 0 0;}

.product_basic{}
.product_basic dl dt{width: 40%;}
.product_basic dl dd{width: 60%;}
/**** E:: Hotel Amenities ****/

}

/*******************************************************************************
    @media  ~980px               
*******************************************************************************/
@media all and (max-width:980px){

/**** S:: Hotel Amenities ****/

.philosophy_style{}
.philosophy_style dl{}
.philosophy_style dl ~ dl{margin-top: 50px;}
.philosophy_style dl dd{padding: 0 0 0 30px;}
.philosophy_style dl:nth-child(even) dd{padding: 0 30px 0 0;}
.philosophy_style dl dd .number{width: 28px; margin: 0 0 6px;}
.philosophy_style dl dd .number::after{line-height: 28px;}
.philosophy_style dl dd p{padding-top: 6px;}


.info_style dd{padding: 0 0 0 30px;}
.info_style dd .check_list li{padding-top: 15px; padding-bottom: 15px;}
.info_style dd .check_list li::before{top:15px;}


.product_basic{}
.product_basic dl{padding: 40px 0;}
.product_basic dl dd{padding:0 0 0 50px;}
.product_basic dl dd h4{padding-bottom: 15px;}
.product_basic dl dd p{padding-top: 8px;}
.product_basic dl dd .dots{padding-top: 8px;}
/**** E:: Hotel Amenities ****/

}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){



/**** S:: Hotel Amenities ****/
.hotel_title{}
.hotel_title p{padding-top: 6px;}


.philosophy_style{}
.philosophy_style dl{flex-wrap:wrap;}
.philosophy_style dl ~ dl{margin-top: 30px;}
.philosophy_style dl dt{width: 100%;}
.philosophy_style dl dd{width: 100%; padding: 20px 0 0;}
.philosophy_style dl:nth-child(even) dd{padding: 20px 0 0;}


.info_style{flex-wrap:wrap;}
.info_style dt{width:100%;}
.info_style dd{width:100%; padding: 30px 0 0;}

.product_basic{}
.product_basic dl{padding: 25px 0; flex-wrap:wrap;}
.product_basic dl dt{width: 100%;}
.product_basic dl dd{width: 100%; padding:30px 0 0;}
.product_basic dl dd h4{padding-bottom: 10px;}
/**** E:: Hotel Amenities ****/
}