/** CSS for Dining **/

.dining-eatogether-section__container {
    position: relative;
    background-color: #B4986D;
    padding-top: auto;
    padding-bottom: 60px;
/*    padding-bottom: 170px; */
}
@media screen and (min-width: 992px) {
    .dining-eatogether-section__container {
        padding-top: 120px;
        padding-bottom: 107px;
/*
        padding-bottom: 246px;
*/
    }
}


.dining-eatogether-section__area--image {
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-image: url("../assets/images/img_dining_background.png");
    padding-top: 57px;
    padding-bottom: 57px;
    text-align: center;
}
@media screen and (min-width: 992px) {
    .dining-eatogether-section__area--image {
        padding-left: 17%;
        padding-right: 17%;
        
    }
}


.dining-eatogether-section__image {
    object-fit: scale-down;
    width: 200px;
}
@media screen and (min-width: 992px) {
    .dining-eatogether-section__image {
        width: 600px;
    }
}


/*
.dining-eatogether-section__area--text {

    padding-left: 8%;
    padding-right: 8%;
}
@media screen and (min-width: 992px) {
    .dining-eatogether-section__area--text {
        padding-left: 0;
        padding-right: 17%;
    }
}
*/

.dining-eatogether-section__title {
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    font-size: 1.5rem;
    color: #FFFFFF;
    text-align: left;
    padding-top: 18px;
}
@media screen and (min-width: 992px) {
    .dining-eatogether-section__title {
        font-size: 3rem;
        z-index: 2;
        padding-top: 20px;
    }
}


.dining-eatogether-section__intro-text {
    padding-top: 40px;
    padding-bottom: 40px;
    color: #FFFFFF;
}
@media screen and (min-width: 992px) {
    .dining-eatogether-section__intro-text {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}




/** Dining garden section **/
.dining-garden-section__container {
    position: relative;
    padding-top: 80px;
    padding-bottom: 80px;
}
@media screen and (min-width: 992px) {
    .dining-garden-section__container {
        padding-top: 140px;
        padding-bottom: 120px;
    }
}


.dining-garden-section__title {
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    font-size: 1.5rem;
    color: #3D3120;
    text-align: center;
}
@media screen and (min-width: 992px) {
    .dining-garden-section__title {
        font-size: 3rem;
        z-index: 2;
    }
}


.dining-garden-section__intro-text {
    padding-top: 40px;
    padding-bottom: 40px;
}
@media screen and (min-width: 992px) {
    .dining-garden-section__intro-text {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}




/** Dining Slider **/
.dining-slider__container {
    position: relative;
    padding-left: 8%;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 50px;
    margin-bottom: 80px;
}
@media screen and (min-width: 992px) {
    .dining-slider__container {
        padding-left: 17%;
        padding-right: 0;
        padding-top: 100px;
        margin-bottom: 140px;
    }
}


.dining-slider__background {
    position: absolute;
/*    top: 152px; */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 220px;
    background-color: #B4986D;
    z-index: -1;
}
@media screen and (min-width: 992px) {
    .dining-slider__background {
        position: absolute;
        top: 0;
        left: 0;
        height: 301px;
        background-color: #B4986D;
        z-index: -1;
    }
}


/** CSS for Dining Slider **/
.dining-slider__item {
    position: relative;
    min-height: 290px;
    min-width: 300px;
    margin-bottom: 30px;
}
@media screen and (min-width: 992px) {
    .dining-slider__item {
        min-height: 550px;
        min-width: 600px;
        margin-bottom: 78px;
    }
}


.dining-slider__storefront-image {
    object-fit: scale-down;
    max-width: 300px;
}
@media screen and (min-width: 992px) {
    .dining-slider__storefront-image {
        object-fit: scale-down;
        max-width: 600px;
    }
}


.dining-slider__shop-item {
    position: relative;
    border-radius: 0 !important;
    background-color: #FFFFFF;
    box-shadow: 0px 10px 30px 0px rgba(136, 112, 76, 0.1);
    cursor: pointer;
    border-bottom: 2px solid #FFFFFF !important;
}
.dining-slider__shop-item:hover {
    border-bottom: 2px solid #88704C !important;
}


.dining-slider__shop__info-section {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
}
@media screen and (min-width: 992px) {
    .dining-slider__shop__info-section {
        padding-top: 40px;
        padding-bottom: 40px;
        padding-left: 30px;
        padding-right: 30px;
    }
}


.dining-slider__shop__name {
    position: relative;
    font-family: 'FZYOUH_511M', "Helvetica-Bold",Helvetica;
    font-size: 1.125rem;
    font-weight: bold;
    color: #3D3120;
    margin-bottom: 48px;
    
}
@media screen and (min-width: 992px) {
    .dining-slider__shop__name {
        font-size: 1.875rem;
        margin-bottom: 80px;
    }
}

.dining-slider__shop__location {
    position: relative;
    font-size: 0.75rem;
    font-weight: bold;
    color: #88704C;
}
@media screen and (min-width: 992px) {
    .dining-slider__shop__location {
        font-size: 1.125rem;
    }
}

.dining-slider__shop__category {
    position: relative;
    font-size: 0.75rem;
    color: #3D3120;
}
@media screen and (min-width: 992px) {
    .dining-slider__shop__category {
        font-size: 1.125rem;
    }
}







/** CSS for Shop Slider with Single Item **/

.dining-slider-single__container {
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 8%;
    padding-right: 0;
}
@media screen and (min-width: 992px) {
    .dining-slider-single__container {
        padding-top: 160px;
        padding-bottom: 160px;
        padding-left: 17%;
        padding-right: 17%;
    }
}



.dining-slider-single__item {
    position: relative;
    min-height: 300px;
    min-width: 250px;
    margin-bottom: 30px;
    width: 70%;
}
@media screen and (min-width: 992px) {
    .dining-slider-single__item {
        position: relative;
        min-height: 500px;
        min-width: 600px;
        margin-bottom: 100px;
        display: flex;
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: 100%;
        overflow-x: hidden;
    }
}


.dining-slider-single__section--image {
    position: relative;
    padding-left: 15px;
    padding-right: 0;
    padding-top: 15px;
    padding-bottom: 0;
    z-index: 5;
}
@media screen and (min-width: 992px) {
    .dining-slider-single__section--image {
        position: relative;
        padding-left: 40px;
        padding-right: 0;
        padding-top: 40px;
        padding-bottom: 0;
        z-index: 5;
    }
}


.dining-slider-single__section--info {
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 30px;
    padding-bottom: 0px;
    color: #3D3120;
    background-color: #FFFFFF;
}
@media screen and (min-width: 992px) {
    .dining-slider-single__section--info {
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 60px;
    }
}

/*
.dining-slider-single__image-box--left-top {
    position: relative;
    display: inline-block;
    z-index: 0;
    width: 100%;
}

.dining-slider-single__image-box--left-top::before {
    position: absolute;
    top: -10px;
    left: -10px;
    width: 100%;
    height: 100%;
    border: 2px solid #B4986D;
    content: '';
    z-index: -1;
}
@media screen and (min-width: 992px) {
    .dining-slider-single__image-box--left-top::before {
        top: -40px;
        left: -40px;
    }
}
*/

.dining-slider-single__row__shop-info {
    margin-bottom: 14px;
}
@media screen and (min-width: 992px) {
    .dining-slider-single__row__shop-info {
        margin-bottom: 30px;
    }
}


.dining-slider-single__shop__icon {
    width: 15px;
}
@media screen and (min-width: 992px) {
    .dining-slider-single__shop__icon {
        width: 25px;
    }
}

.dining-slider-single__shop__name {
    position: relative;
    font-size: 1.125rem;
    font-weight: bold;
    color: #3D3120;
    margin-top: 24px;
    margin-bottom: 17px;
}
@media screen and (min-width: 992px) {
    .dining-slider-single__shop__name {
        font-size: 38px;
        margin-top: 110px;
        margin-bottom: 40px;
    }
}

.dining-slider-single__shop__location {
    position: relative;
    font-size: 0.625rem;
    color: #3D3120;
}
@media screen and (min-width: 992px) {
    .dining-slider-single__shop__location {
        font-size: 1.625rem;
    }
}

.dining-slider-single__shop__opening-hours {
    position: relative;
    font-size: 0.625rem;
    color: #3D3120;
}
@media screen and (min-width: 992px) {
    .dining-slider-single__shop__opening-hours {
        font-size: 1.625rem;
    }
}


.dining-slider-single__shop__phone {
    position: relative;
    font-size: 0.625rem;
    color: #3D3120;
}
@media screen and (min-width: 992px) {
    .dining-slider-single__shop__phone {
        font-size: 1.625rem;
    }
}






.dining-slider-single__background {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #FFFFFF;
    box-shadow: 0px 10px 10px 0px rgba(136, 112, 76, 0.1);
    margin-bottom: 60px;
    z-index: -1;
}
@media screen and (min-width: 992px) {
    .dining-slider-single__background {
        position: absolute;
        right: 0;
        width: 125.8%;
        margin-left: -25.8%;
        margin-right: 0;
        height: 100%;
        background-color: #FFFFFF;
        box-shadow: 20px 10px 20px #88704c33;
        margin-bottom: 60px;
        z-index: -1;
    }
}


.dining-slider-single__margin-background {
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 110px;
    background-color: #B4986D;
    z-index: 5;
}
@media screen and (min-width: 992px) {
    .dining-slider-single__margin-background {
        position: absolute;
        top: -10px;;
        left: 0;
        width: 100%;
        height: 160px;
        background-color: #B4986D;
        z-index: 5;
    }
}



/*

.dining-slider-single__item {
    position: relative;
    margin-bottom: 50px;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;
    overflow-x: hidden;
}
*/

/*
.dining-slider-single__section--image {
    position: relative;
    padding-left: 0;
    padding-right: 100px;
    padding-top: 0;
    padding-bottom: 0;
    z-index: 5;
}
*/


/*
.dining-slider-single__image-box--left-top::before {
    position: absolute;
    top: -10px;
    left: -10px;
    width: 100%;
    height: 100%;
    border: 2px solid #B4986D;
    content: '';
    z-index: -1;
}
@media screen and (min-width: 992px) {
    .dining-slider-single__image-box--left-top::before {
        top: -40px;
        left: -40px;
    }
}
*/

/*
.dining-slider-single__storefront-image__border {
    top: 0;
    left: 0;
    padding: 10px;
    border: 2px solid #B4986D;
    border-radius: 50%;
}
*/

.dining-slider-single__storefront-image {
    width: 200px;
    height: 200px;
    overflow: hidden;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    z-index: 3;
}
@media screen and (min-width: 992px) {
    .dining-slider-single__storefront-image {
        width: 500px;
        height: 500px;
    }

}


.dining-slider-single__storefront-image img {
    height: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

/*
.dining-slider-single__shop__info {
    background-color: #FFFFFF;
    color: #3D3120;
    line-height: 3rem;
    padding-left: 10%;
}
*/


/*
.dining-slider__container {
    position: relative;
    padding-left: 8%;
    padding-right: 0;
}
@media screen and (min-width: 992px) {
    .dining-slider__container {
        padding-left: 17%;
        padding-right: 0;
    }
}
*/







/** CSS for Shopping **/

.shopping__container {
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
    background-color: #B4986D;
    margin-top: -60px;
    margin-right: 30px;
    z-index: 3;
}
@media screen and (min-width: 992px) {
    .shopping__container {
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 0;
        padding-right: 60px;
        margin-top: 0px;
        margin-right: 0px;
        background-color: transparent;
    }
}




.shopping__background--dark-brown {
    background-color: #FFFFFF;
}
@media screen and (min-width: 992px) {
    .shopping__background--dark-brown {
        background-color: #B4986D;
    }
}



.shopping__background--white {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
    background-color: #FFFFFF;
    z-index: 0;
}


.shopping__heading {
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    font-size: 1.5rem;
    color: #FFFFFF;
    padding-top: 0px;
    padding-bottom: 30px;
}
@media screen and (min-width: 992px) {
    .shopping__heading {
        color: #3D3120;
        font-size: 3rem;
        padding-top: 60px;
        padding-bottom: 60px;
        z-index: 2;
    }
}



.shopping__overlay-text {
    color: #FFFFFF;
    font-size: 0.75rem;
}
@media screen and (min-width: 992px) {
    .shopping__overlay-text {
        font-size: 1rem;
    }
}


.shopping__heading__description {
    padding-top: 20px;
    padding-bottom: 60px;
}
@media screen and (min-width: 992px) {
    .shopping__heading__description {
        padding-top: 60px;
        padding-bottom: 120px;
    }
}  


.shopping__middle-section__background {
    position: relative;
    background-color: #B4986D;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: top;
    background-image: url("../assets/images/background_tkh_m.png");
    width: 100%;
    bottom: 0;
    z-index: -1;
}
@media screen and (min-width: 992px) {
    .shopping__middle-section__background {
        background-size: contain;
        background-repeat: no-repeat;
        background-position-x: left;
        background-position-y: bottom;
        background-image: url("../assets/images/background_tkh.png");
    }
}


.shopping__middle-section__container {
    padding-top: 80px;
    padding-bottom: 80px;

}
@media screen and (min-width: 992px) {
    .shopping__middle-section__container {
        padding-top: 120px;
        padding-bottom: 120px;
    }
}


.shopping__middle-section__logo-area {
    padding-top: 80px;
    padding-bottom: 80px;

}
@media screen and (min-width: 992px) {
    .shopping__middle-section__logo-area {
        padding-top: 120px;
        padding-bottom: 120px;
    }
}



.shopping__middle-section__title {
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    font-size: 1.5rem;
    color: #FFFFFF;
    margin-top: 60px;
    margin-bottom: 20px;
}
@media screen and (min-width: 992px) {
    .shopping__middle-section__title {
        font-size: 3rem;
        margin-top: 0px;
        margin-bottom: 60px;
    }
}



.shopping__middle-section__text {
    margin-bottom: 40px;
}
@media screen and (min-width: 992px) {
    .shopping__middle-section__text {
        margin-bottom: 60px;
    }
}


.shopping__qr-code__size {
    width: 80px;
    height: 80px;
}
@media screen and (min-width: 992px) {
    .shopping__qr-code__size {
        width: 140px;
        height: 140px;
    }
}



.shopping__middle-section__image {
    margin-top: 60px;
    margin-bottom: 20px;
}
@media screen and (min-width: 992px) {
    .shopping__middle-section__image {
        margin-top: 0px;
        margin-bottom: 60px;
    }
}




.shopping__section__text {
    background-color: #B4986D;
}
@media screen and (min-width: 992px) {
    .shopping__section__text {
        background-color: none;
    }
}


.shopping__image-box--left-top {
    position: relative;
    display: inline-block;
    z-index: 0;
}

.shopping__image-box--left-top::before {
    border: 0;
}
@media screen and (min-width: 992px) {
    .shopping__image-box--left-top::before {
        position: absolute;
        top: -40px;
        left: -40px;
        width: 100%;
        height: 100%;
        border: 2px solid #B4986D;
        content: '';
        z-index: -1;
    }
}



.shopping__banner-image {
    object-fit: scale-down;
    width: 100vw;
    max-width: 600px;
	margin-left: -10vw;
	margin-right: -10vw;
}
@media screen and (min-width: 992px) {
    .shopping__banner-image {
        object-fit: cover;
        width: auto;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}



/** CSS for Shop Item **/

.shop__item {
    position: relative;
    border-radius: 0 !important;
    background-color: #FFFFFF;
    box-shadow: 0px 10px 30px 0px rgba(136, 112, 76, 0.1);
    cursor: pointer;
    border-bottom: 2px solid white !important;
}
.shop__item:hover {
    border-bottom: 2px solid #88704C !important;
}


.shop__name {
    position: relative;
    font-size: 0.625rem;
    font-weight: bold;
    padding-bottom: 1rem;
}
@media screen and (min-width: 992px) {
    .shop__name {
        font-size: 1.25rem;
        padding-bottom: 2rem;
    }
}

.shop__location {
    position: relative;
    font-size: 0.438rem;
    font-weight: bold;
    color: #88704C;
}
@media screen and (min-width: 992px) {
    .shop__location {
        font-size: 0.875rem;
    }
}

.shop__category {
    position: relative;
    font-size: 0.438rem;
    font-weight: bold;
}
@media screen and (min-width: 992px) {
    .shop__category {
        font-size: 0.875rem;
    }
}


.shop__logo {
    object-fit: scale-down;
    max-height: 260px;
}
@media screen and (min-width: 992px) {
    .shop__logo {
        max-height: 520px;
    }
}



.shop__storefront-image-box {
    position: relative;
}

.shop__storefront-image {
    position: absolute1;
    top: 0;
    left: -8%;;
/*    object-fit: scale-down;
    max-width: 100%; */
    
/*    max-width: 750px;
    max-height: 500px; */
    
}
@media screen and (min-width: 992px) {
    .shop__storefront-image {
        position: relative;
        padding-left: auto;
        padding-right: auto;    
        width: 100%;
/*        max-width: 1320px;
        max-height: 850px; */
    }
}

/*
.shop__storefront-image {
    object-fit: scale-down;
    width: 100vw;
    max-width: 400px;
	margin-left: -10vw;
	margin-right: -10vw;
}
@media screen and (min-width: 992px) {
    .shop__storefront-image {
        object-fit: scale-down;
        max-width: 500px;
        margin-left: 0;
        margin-right: 0;
    }
}
*/


.shop__image-box--left-top {
    position: relative;
    display: inline-block;
    z-index: 0;
}

.shop__image-box--left-top::before {
    position: absolute;
    top: -15px;
    left: -15px;
    width: 100%;
    height: 100%;
    border: 2px solid #B4986D;
    content: '';
    z-index: -1;
}
@media screen and (min-width: 992px) {
    .shop__image-box--left-top::before {
        top: -40px;
        left: -40px;
    }
}


.shop__icon {
    width: 15px;
}
@media screen and (min-width: 992px) {
    .shop__icon {
        width: 25px;
    }
}

.shop__description {
    margin-left: 0;
    margin-right: 0;
}
@media screen and (min-width: 992px) {
    .shop__description {
        margin-left: 20%;
        margin-right: 20%;
    }
}



.shop__info {
    color: #FFFFFF;
    font-size: 0.625rem;
    line-height: 2rem;
}
@media screen and (min-width: 992px) {
    .shop__info {
        color: #FFFFFF;
        font-size: 1rem;
        line-height: 3rem;
    }
}

.shop__link {
    color: #FFFFFF;
}



/** CSS for shop info collapse in Shop Detail Page **/

#shopInfo p.collapse[aria-expanded="false"] {
    display: block;
    height: 120px !important;
    overflow: hidden;
}
@media screen and (min-width: 992px) {
    #shopInfo p.collapse[aria-expanded="false"] {
        height: 160px !important;
    }
}

#shopInfo p.collapse.show[aria-expanded="false"] {
    height: auto !important;
}

#shopInfo p.collapsing {
    -webkit-transition: none !important;
    transition: none !important;
}


#shopInfo div.collapsed:after {
    color: #B4986D;
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    content: '展开更多';
}

#shopInfo div:not(.collapsed):after {
    color: #B4986D;
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    content: '收起';
}





/** CSS for Shop Slider **/
.slider__item {
    position: relative;
    min-height: 300px;
    min-width: 220px;
    margin-bottom: 0px;
}
@media screen and (min-width: 992px) {
    .slider__item {
        min-height: 300px;
        min-width: 600px;
        margin-bottom: 100px;
    }
}


.slider__storefront-image {
    object-fit: scale-down;
    max-width: 250px;
}
@media screen and (min-width: 992px) {
    .slider__storefront-image {
        object-fit: scale-down;
        max-width: 500px;
        padding-right: 0;
    }
}




/** CSS for Shop Slider with Single Item in Shopping Page**/
.shopping-slider-single__container {
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 8%;
    padding-right: 0;
}
@media screen and (min-width: 992px) {
    .shopping-slider-single__container {
        padding-top: 160px;
        padding-bottom: 160px;
        padding-left: 17%;
        padding-right: 17%;
    }
}



.shopping-slider-single__item {
    position: relative;
    min-height: 300px;
    min-width: 250px;
    margin-bottom: 30px;
    width: 70%;
}
@media screen and (min-width: 992px) {
    .shopping-slider-single__item {
        position: relative;
        min-height: 500px;
        min-width: 400px;
        margin-bottom: 100px;
        display: flex;
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: 100%;
        overflow-x: hidden;
    }
}


.shopping-slider-single__section--image {
    position: relative;
    padding-left: 15px;
    padding-right: 0;
    padding-top: 15px;
    padding-bottom: 0;
}
@media screen and (min-width: 992px) {
    .shopping-slider-single__section--image {
        position: relative;
        padding-left: 40px;
        padding-right: 0;
        padding-top: 40px;
        padding-bottom: 0;
    }
}


.shopping-slider-single__section--info {
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 30px;
    padding-bottom: 0px;
    color: #3D3120;
    background-color: #FFFFFF;
}
@media screen and (min-width: 992px) {
    .shopping-slider-single__section--info {
        width: 200%;
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 60px;
        padding-bottom: 60px;
        margin-left: -250px;
        color: #FFFFFF;
        background-color: #B4986D;
    }
}


.shopping-slider-single__image-box--left-top {
    position: relative;
    display: inline-block;
    z-index: 0;
    width: 100%;
}

.shopping-slider-single__image-box--left-top::before {
    position: absolute;
    top: -10px;
    left: -10px;
    width: 100%;
    height: 100%;
    border: 2px solid #B4986D;
    content: '';
    z-index: -1;
}
@media screen and (min-width: 992px) {
    .shopping-slider-single__image-box--left-top::before {
        top: -40px;
        left: -40px;
    }
}


.shopping-slider-single__row__shop-info {
    margin-bottom: 14px;
}
@media screen and (min-width: 992px) {
    .shopping-slider-single__row__shop-info {
        margin-bottom: 30px;
    }
}


.shopping-slider-single__shop__icon {
    width: 15px;
}
@media screen and (min-width: 992px) {
    .shopping-slider-single__shop__icon {
        width: 25px;
    }
}

.shopping-slider-single__shop__name {
    position: relative;
    font-size: 1.125rem;
    font-weight: bold;
    color: #3D3120;
    margin-bottom: 17px;
}
@media screen and (min-width: 992px) {
    .shopping-slider-single__shop__name {
        font-size: 38px;
        color: #FFFFFF;
        margin-bottom: 40px;
    }
}

.shopping-slider-single__shop__location {
    position: relative;
    font-size: 0.625rem;
    color: #3D3120;
}
@media screen and (min-width: 992px) {
    .shopping-slider-single__shop__location {
        font-size: 1.625rem;
        color: #FFFFFF;
    }
}

.shopping-slider-single__shop__opening-hours {
    position: relative;
    font-size: 0.625rem;
    color: #3D3120;
}
@media screen and (min-width: 992px) {
    .shopping-slider-single__shop__opening-hours {
        font-size: 1.625rem;
        color: #FFFFFF;
    }
}


.shopping-slider-single__shop__phone {
    position: relative;
    font-size: 0.625rem;
    color: #3D3120;
}
@media screen and (min-width: 992px) {
    .shopping-slider-single__shop__phone {
        font-size: 1.625rem;
        color: #FFFFFF;
    }
}







/** CSS for Activity **/

.activity__date {
    font-weight: bold;
    color: #FFFFFF;
    font-size: 0.625rem;
    padding-bottom: 5px;
}
@media screen and (min-width: 992px) {
    .activity__date {
        font-size: 22px;
        padding-bottom: 20px;
    }
}

.activity__title {
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 1.125rem;
    padding-bottom: 10px;
}
@media screen and (min-width: 992px) {
    .activity__title {
        font-size: 34px;
        padding-bottom: 40px;
    }
}

.activity__sub-title {
    color: #FFFFFF;
    font-size: 0.625rem;
}
@media screen and (min-width: 992px) {
    .activity__sub-title {
        font-size: 1.5rem;
    }
}









/** CSS for Subtitle **/

.subtitle--first-line {
    font-size: 0.875rem;
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    color: #88704C;
}
@media screen and (min-width: 992px) {
    .subtitle--first-line {
        font-size: 1.875rem;
    }
}

.subtitle--second-line {
    font-size: 0.75rem;
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    color: #88704C;
}
@media screen and (min-width: 992px) {
    .subtitle--second-line {
        font-size: 1.25rem;
    }
}







/** CSS for Carousel **/

.carousel-indicators li {
    width: 10px !important;
    height: 10px !important;
    border-radius: 100% !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
    background-color: white !important;
  }

.carousel-indicators .active {
    background-color: #88704C !important;
}



/** CSS for Section **/

/*.section__container {
    background-color: #F3F0ED;
}

.section__box-shadow {
    z-index: -1;
    -webkit-box-shadow: 10px 10px 0px 0px RGBA(178,214,239,1);
    -moz-box-shadow: 10px 10px 0px 0px RGBA(178,214,239,1);
    box-shadow: 50px 50px 0px 5px RGBA(178,214,239,1);
}
*/




/** CSS for Activity */

.activity__background--image {
    background-color: #B4986D;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-image: url("../assets/images/background_activity.png");
}



/* CSS for Activity Detail Page */

.activity-detail__upper-section__container {
    position: relative;
    height: 445px;
    margin-bottom: 40px;
}
@media screen and (min-width: 992px) {
    .activity-detail__upper-section__container {
        height: 608px;
        margin-bottom: 40px;
    }
}


.activity-detail__upper-section__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 107px;
    background-color: #B4986D;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: center;
    background-image: url("../assets/images/background_activity.png");
    z-index: -1;
}
@media screen and (min-width: 992px) {
    .activity-detail__upper-section__background {
        height: 310px;
        background-size: auto 100%;
        background-repeat: repeat-x;
    }
}



.activity-detail__box--info {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    height: 100%;
}
@media screen and (min-width: 992px) {
    .activity-detail__box--info {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: start;
    }
}


.activity-detail__box--calendar {
    position: relative;
    padding-top: 40px;
}
@media screen and (min-width: 992px) {
    .activity-detail__box--calendar {
        padding-top: 71px;
    }
}



.activity-detail__heading {
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    font-size: 1.5rem;
    color: #FFFFFF;

    padding-top: 50px;
    padding-bottom: 30px;
}
@media screen and (min-width: 992px) {
    .activity-detail__heading {
        font-size: 3rem;
        padding-top: 200px;
        padding-bottom: 60px;
    }
}


.activity-detail__text {
    color: #3D3120;
    font-weight: bold;
    font-size: 0.625rem;
    line-height: 1.5;
}
@media screen and (min-width: 992px) {
    .activity-detail__text {
        font-size: 22px;
    }
}


.activity-detail__icon {
    width: 20px;
}
@media screen and (min-width: 992px) {
    .activity-detail__icon {
        width: 30px;
    }
}



/* CSS for Calendar */
.calendar__box__container {
    position: relative;
    width: 100%;
    max-width: 315px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (min-width: 992px) {
    .calendar__box__container {
        max-width: 520px;
        margin-left: auto;
        margin-right: 0;
    }
}


.calendar__box__background {
    position: absolute;
    object-fit: scale-down;
    width: 118px;
    top: -30px;
    bottom: auto;
    right: -50px;
    z-index: -1;
}
@media screen and (min-width: 992px) {
    .calendar__box__background {
        width: 212px;
        top: auto;
        bottom: -80px;
        right: -100px;
    }
}


.calendar__box {
    padding: 10px;
    width: 100%;
    max-width: 315px;
    background-color: #F3F0ED;
    line-height: 2.5;
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (min-width: 992px) {
    .calendar__box {
        padding: 20px;
        width: 100%;
        max-width: 620px;
        line-height: 2.5;
        margin-top: 80px;
        margin-bottom: 80px; 
        margin-left: auto;
        margin-right: 0;
    }
}



.calendar__section--weekday {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    border-bottom: 1px solid #D1D1D1;
    align-items: center;
    justify-content: center;
}



.calendar__section--day {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    grid-auto-rows: auto;
    align-items: center;
    justify-content: center;
}



.calendar__text--month {
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    font-size: 15px;
    color: #88704C;
    text-align: center;
}
@media screen and (min-width: 992px) {
    .calendar__text--month {
        font-size: 1.875rem;
    }
}

.calendar__text--weekday {
    font-size: 0.625rem;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}
@media screen and (min-width: 992px) {
    .calendar__text--weekday {
        font-size: 1.125rem;
    }
}

.calendar__text--day {
    font-size: 0.625rem;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}
@media screen and (min-width: 992px) {
    .calendar__text--day {
        font-size: 1.125rem;
    }
}


.calendar__text--day--other {
    font-size: 0.625rem;
    opacity: 0.3;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}
@media screen and (min-width: 992px) {
    .calendar__text--day--other {
        font-size: 1.125rem;
    }
}


.calendar__text--day--active {
    text-align: center;
    font-size: 0.625rem;
    color: #FFFFFF;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    background-color: #88704C;
    display: flex;
    align-items: center;
    justify-content: center;

}
@media screen and (min-width: 992px) {
    .calendar__text--day--active {
        font-size: 1.125rem;
        height: 40px;
        width: 40px;
    }
}
 

/** CSS for Member */

.member__banner {
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-image: url("../assets/images/banner_member_m.png");
}
@media screen and (min-width: 768px) {
    .member__banner {
        background-image: url("../assets/images/banner_member.png");
    }
}


.member__banner__text {
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    font-size: 1.5rem;
    color: #FFFFFF;
    padding-top: 170px;
    padding-bottom: 30px;
}
@media screen and (min-width: 992px) {
    .member__banner__text {
        font-size: 3rem;
        padding-top: 420px;
    }
}





/** CSS for Hotel **/
.hotel__upper-section__background {
    position: absolute;
    background-color: #B4986D;
    background-size: auto 80%;
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: bottom;
    background-image: url("../assets/images/background_hotel_01.png");
    width: 100%;
    height: 386px;
    bottom: 0;
    z-index: -1;
}
@media screen and (min-width: 992px) {
    .hotel__upper-section__background {
        background-size: cover;
        background-repeat: no-repeat;
        background-position-x: left;
        background-position-y: top;
        top: 0;
        height: 582px;
        padding-top: auto;
    }
}



.hotel__lower-section__background {
    position: absolute;
    background-color: #FFFFFF;
    background-size: auto 50%;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
    background-image: url("../assets/images/background_hotel_02.png");
    width: 100%;
    height: 386px;
    bottom: 0;
    z-index: -1;
    margin-top: 70px;
    margin-bottom: 60px;
}
@media screen and (min-width: 992px) {
    .hotel__lower-section__background {
        background-size: cover;
        background-repeat: no-repeat;
        background-position-x: right;
        background-position-y: top;
        top: 0;
        height: 560px;
        padding-top: auto;
        margin-top: 180px;
        margin-bottom: 170px;
    }
}


.hotel__upper-section__container {
    margin-top: 0;
    margin-bottom: 0; 
    padding-top: 40px;
    padding-bottom: 40px;
}
@media screen and (min-width: 992px) {
    .hotel__upper-section__container {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 120px;
        padding-bottom: 0;
    }
}

.hotel__lower-section__container {
    margin-top: 70px;
    margin-bottom: 60px; 
}
@media screen and (min-width: 992px) {
    .hotel__lower-section__container {
        margin-top: 180px;
        margin-bottom: 170px;
    }
}


.hotel__upper-section__heading {
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    font-size: 1.25rem;
    color: #FFFFFF;
    margin-bottom: 20px;
}
@media screen and (min-width: 992px) {
    .hotel__upper-section__heading {
        font-size: 2.5rem;
        margin-bottom: 40px;
    }
}

.hotel__upper-section__text {
    font-size: 0.75rem;
    color: #FFFFFF;
}
@media screen and (min-width: 992px) {
    .hotel__upper-section__text {
        font-size: 1.125rem;
    }
}


.hotel__upper-section__image {
    padding-left: auto;
}
@media screen and (min-width: 992px) {
    .hotel__upper-section__image {
        padding-left: 130px;
    }
}



.hotel__lower-section__content {
    padding-top: 50px;
    padding-bottom: 30px;
}
@media screen and (min-width: 992px) {
    .hotel__lower-section__content {
        padding-top: 0;
        padding-bottom: 0;
    }
}


.hotel__lower-section__heading {
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    font-size: 1.25rem;
    color: #3D3120;
    margin-bottom: 20px;
}
@media screen and (min-width: 992px) {
    .hotel__lower-section__heading {
        font-size: 2.5rem;
        margin-bottom: 40px;
    }
}

.hotel__lower-section__text {
    font-size: 0.625rem;
    color: #3D3120;
}
@media screen and (min-width: 992px) {
    .hotel__lower-section__text {
        font-size: 1.125rem;
    }
}


.hotel__lower-section__image-area {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: auto;
    padding-right: auto;
    margin-bottom: 20px;
}
@media screen and (min-width: 992px) {
    .hotel__lower-section__image-area {
        padding-top: 50px;
        padding-bottom: 0;
        padding-left: 50px;
        padding-right: auto;
        margin-bottom: 0;
    }
}


.hotel__section__image {
    max-width: 315px;
}
@media screen and (min-width: 992px) {
    .hotel__section__image {
        max-width: 520px;
    }
}

.hotel__lower-section__image {
    max-width: 270px;
}
@media screen and (min-width: 992px) {
    .hotel__lower-section__image {
        max-width: 480px;
    }
}


.hotel__lower-section__image-box {
    position: relative;
    display: inline-block;
    z-index: 0;
    margin-top: 10px;
}
@media screen and (min-width: 992px) {
    .hotel__lower-section__image-box {
        margin-top: 40px;
        margin-left: 40px;
    }
}

.hotel__lower-section__image-box::before {
    position: absolute;
    top: -10px;
    left: 10px;
    width: 100%;
    height: 100%;
    border: 2px solid #B4986D;
    content: '';
    z-index: -1;
}
@media screen and (min-width: 992px) {
    .hotel__lower-section__image-box::before {
        top: -40px;
        left: -40px;
    }
}




.hotel__lower-section__button {
    padding-top: 40px;
}
@media screen and (min-width: 992px) {
    .hotel__lower-section__button {
        padding-top: 60px;
    }
}




/** CSS for About Us **/

.about-us__container {
    position: relative;
    margin-bottom: 0;
}
@media screen and (min-width: 992px) {
    .about-us__container {
        margin-bottom: 350px;
    }
}

.about-us__banner {
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-image: url("../assets/images/banner_about_us_m.png");
}
@media screen and (min-width: 768px) {
    .about-us__banner {
        background-image: url("../assets/images/banner_about_us.png");
    }
}


.about-us__banner__text {
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    font-size: 1.5rem;
    color: #FFFFFF;
    padding-top: 170px;
    padding-bottom: 30px;
}
@media screen and (min-width: 992px) {
    .about-us__banner__text {
        font-size: 3rem;
        padding-top: 420px;
    }
}


.about-us__banner__overlay-text {
    position: relative;
    font-size: 0.75rem;
    color: #3D3120;
    padding-top: 20px;
    padding-bottom: 50px;
}
@media screen and (min-width: 992px) {
    .about-us__banner__overlay-text {
        position: absolute;
        top: -170px;
        left: 50%;
        font-size: 1.125rem;
        background-color: #B4986D;
        color: #FFFFFF;
        padding-top: 40px;
        padding-bottom: 20px;
        padding-left: 40px;
        padding-right: 40px;
    }
}


.about-us__upper-section__container {
    position: relative;
    margin-top: 40px;
    margin-bottom: 80px;
    padding-top: 0;
    padding-bottom: 40px;
}
@media screen and (min-width: 992px) {
    .about-us__upper-section__container {
        margin-top: 0px;
        margin-bottom: 240px;
        padding-top: 100px;
        padding-bottom: auto;
    }
}

.about-us__middle-section__container {
    position: relative;
    margin-top: 0px;
    margin-bottom: 120px;

}
@media screen and (min-width: 992px) {
    .about-us__middle-section__container {
        margin-top: 0px;
        margin-bottom: 240px;
    }
}


.about-us__lower-section__container {
    position: relative;
    margin-top: 0px;
    margin-bottom: 60px;
    padding-bottom: 40px;

}
@media screen and (min-width: 992px) {
    .about-us__lower-section__container {
        margin-top: 0px;
        margin-bottom: 0px;
        padding-bottom: 100px;
    }
}

.about-us__upper-section__background {
    position: absolute;
    background-color: #F3F0ED;
    width: 62.5%;
    height: 75%;
    top: 160px;
    left: 0;
    z-index: -1;
    
}
@media screen and (min-width: 992px) {
    .about-us__upper-section__background {
        width: 75%;
        height: 600px;
        top: 0;
        left: 0;
    }
}


.about-us__middle-section__background {
    position: absolute;
    background-color: #F3F0ED;
    width: 100%;
    height: 173px;
    top: 15%;
    left: 0;
    z-index: -1;
    
}
@media screen and (min-width: 992px) {
    .about-us__middle-section__background {
        width: 100%;
        height: 406px;
/*        height: 75%; */
        top: 15%;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
    }
}


.about-us__lower-section__background {
    position: absolute;
    background-color: #F3F0ED;
    width: 62.5%;
    height: 476px;
    bottom: 0;
    right: 0;
    z-index: -1;
    
}
@media screen and (min-width: 992px) {
    .about-us__lower-section__background {
        width: 75%;
        height: 600px;
        bottom: 0;
        right: 0;
    }
}


.about-us__section__content {
    padding-top: 50px;
    padding-bottom: 30px;
}
@media screen and (min-width: 992px) {
    .about-us__section__content {
        padding-top: 0;
        padding-bottom: 0;
    }
}


.about-us__section__title {
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    font-size: 1.25rem;
    color: #88704C;
    margin-top: 30px;
    margin-bottom: 20px;
}
@media screen and (min-width: 992px) {
    .about-us__section__title {
        font-size: 2.5rem;
        margin-top: 0;
        margin-bottom: 40px;
/*        margin-top: 100px;
        margin-bottom: 50px; */
    }
}


.about-us__section__sub-title {
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    font-size: 0.875rem;
    color: #3D3120;
}
@media screen and (min-width: 992px) {
    .about-us__section__sub-title {
        font-size: 1.5rem;
    }
}



.about-us__section__text {
    font-size: 0.75rem;
    color: #3D3120;
    line-height: 1.5rem;
}
@media screen and (min-width: 992px) {
    .about-us__section__text {
        font-size: 1.125rem;
        line-height: 2.5rem;
    }
}



.about-us__section__legend-icon img {
    object-fit: contain;
    height: 20px;
}
@media screen and (min-width: 992px) {
    .about-us__section__legend-icon img {
        height: 30px;
    }
}


.about-us__section__legend-text {
    font-family: 'FZYOUH_511M', Helvetica;
    font-size: 0.625rem;
    color: #88704C;
}
@media screen and (min-width: 992px) {
    .about-us__section__legend-text {
        font-size: 1rem;
    }
}



/*
.about-us__section__image {
    padding-left: 30px;
    padding-right: 30px;
}
@media screen and (min-width: 992px) {
    .about-us__section__image {
        padding-top: 42px;
        padding-left: 42px;
    }
}
*/

.about-us__section__image {
    max-height: 342px;
}
@media screen and (min-width: 992px) {
    .about-us__section__image {
        max-height: 586px;
    }
}

.about-us__section__button {
    padding-top: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media screen and (min-width: 992px) {
    .about-us__section__button {
        padding-top: 60px;
    }
}


.about-us__how-to-go__container {
    width: 100%;
}
@media screen and (min-width: 992px) {
    .about-us__how-to-go__container {
        width: 100%;
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
    }
}

.about-us__section__icon img {
    max-width: 20px;
}
@media screen and (min-width: 992px) {
    .about-us__section__icon img  {
        max-width: 30px;
    }
}



.about-us__section__image--left {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: auto;
    padding-right: 60px;
    margin-bottom: 20px;
}
@media screen and (min-width: 992px) {
    .about-us__section__image--left {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: auto;
        padding-right: 130px;
        margin-bottom: 0;
    }
}


.about-us__section__image--right {
    padding-top: 0;
    padding-bottom: 0px;
    padding-left: 60px;
    padding-right: auto;
    margin-bottom: 20px;
    text-align: right;
}
@media screen and (min-width: 992px) {
    .about-us__section__image--right {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 130px;
        padding-right: auto;
        margin-bottom: 0;
    }
}


.about-us__image-box--left-bottom {
    position: relative;
    display: inline-block;
    z-index: 0;
}

.about-us__image-box--left-bottom::before {
    position: absolute;
    top: 10px;
    left: -10px;
    width: 100%;
    height: 100%;
    border: 2px solid #B4986D;
    content: '';
    z-index: -1;
}
@media screen and (min-width: 992px) {
    .about-us__image-box--left-bottom::before {
        top: 40px;
        left: -40px;
    }
}


.about-us__image-box--right-bottom {
    position: relative;
    display: inline-block;
    z-index: 0;
}

.about-us__image-box--right-bottom::before {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 100%;
    height: 100%;
    border: 2px solid #B4986D;
    content: '';
    z-index: -1;
}
@media screen and (min-width: 992px) {
    .about-us__image-box--right-bottom::before {
        top: 40px;
        left: 40px;
    }
}



/** CSS for About Us - Media Center **/
.media__year {
    font-size: 1.25rem;
    font-weight: bold;
    color: #88704C;
}
@media screen and (min-width: 992px) {
    .media__year {
        font-size: 2.5rem;
        color: #3D3120;
    }
}


.media__title {
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    font-size: 0.875rem;
    font-weight: bold;
    padding-bottom: 0.5rem;
    color: #3D3120;
}
@media screen and (min-width: 992px) {
    .media__title {
        font-size: 1.25rem;
    }
}

.media__text {
    font-size: 0.75rem;
    font-weight: bold;
    color: #3D3120;
}
@media screen and (min-width: 992px) {
    .media__text {
        font-size: 0.875rem;
    }
}



/** Recruitment **/

.recruitment__group__spacing {
    width: 100%;
    height: 80px;
}
@media screen and (min-width: 992px) {
    .recruitment__group__spacing {
        height: 120px;
    }
}

.recruitment__info__spacing {
    width: 100%;
    height: 30px;
}
@media screen and (min-width: 992px) {
    .recruitment__info__spacing {
        height: 60px;
    }
}



.recruitment__group__title {
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    font-size: 1rem;
    color: #88704C;
    margin-bottom: 20px;
}
@media screen and (min-width: 992px) {
    .recruitment__group__title {
        font-size: 1.875rem;
        margin-bottom: 30px;
    }
}


.recruitment__job__title {
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;    font-size: 0.75rem;
    color: #3D3120;
}
@media screen and (min-width: 992px) {
    .recruitment__job__title {
        font-size: 1.5rem;
    }
}


.recruitment__job__text {
    position: relative;
    word-wrap: break-word;
    line-height: 2;
    padding-right: auto;
}
@media screen and (min-width: 992px) {
    .recruitment__job__text {
        padding-right: 100px;
    }
}



/** CSS for Service **/

.service__container {
    position: relative;
    margin-bottom: 0;
}
@media screen and (min-width: 992px) {
    .service__container {
        margin-bottom: 300px;
    }
}

.service__banner {
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-image: url("../assets/images/banner_service_m.png");
}
@media screen and (min-width: 768px) {
    .service__banner {
        background-image: url("../assets/images/banner_service.png");
    }
}


.service__banner__text {
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    font-size: 1.5rem;
    color: #FFFFFF;
    padding-top: 170px;
    padding-bottom: 30px;
}
@media screen and (min-width: 992px) {
    .service__banner__text {
        font-size: 3rem;
        padding-top: 420px;
    }
}


.service__banner__overlay-text {
    position: relative;
    font-size: 0.75rem;
    color: #3D3120;
    padding-top: 20px;
    padding-bottom: 30px;
}
@media screen and (min-width: 992px) {
    .service__banner__overlay-text {
        position: absolute;
        top: -170px;
        left: 50%;
        font-size: 1.125rem;
        background-color: #B4986D;
        color: #FFFFFF;
        padding-top: 40px;
        padding-bottom: 20px;
        padding-left: 40px;
        padding-right: 40px;
    }
}



.service__section__container:nth-child(odd) {
    margin-bottom: 80px;
}
@media screen and (min-width: 992px) {
    .service__section__container:nth-child(odd) {
        margin-bottom: 260px;
    }
}


.service__section__container:nth-child(even) {
    margin-bottom: 80px;
}
@media screen and (min-width: 992px) {
    .service__section__container:nth-child(even) {
        margin-bottom: 180px;
    }
}

.service__section__container:last-child {
    margin-bottom: 0px;
}


.service__section__area--text {
    margin-top: 10px;
}
@media screen and (min-width: 992px) {
    .service__section__area--text {
        margin: 0;
        padding: 0;
    }
}


.service__section__title {
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    font-size: 1.25rem;
    color: #88704C;
    margin-top: 30px;
    margin-bottom: 20px;
}
@media screen and (min-width: 992px) {
    .service__section__title {
        font-size: 2.5rem;
        margin-top: 0px;
        margin-bottom: 50px;
    }
}

.service__section__image {
    max-width: 285px;
}
@media screen and (min-width: 992px) {
    .service__section__image {
/*        max-width: 450px;*/
        max-width: 100%;
    }
}

.service__section__image--left {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: auto;
    padding-right: 60px;
    margin-bottom: 20px;
}
@media screen and (min-width: 992px) {
    .service__section__image--left {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0px;
        padding-right: 130px;
        margin-bottom: 0;
    }
}


.service__section__image--right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: auto;
    padding-right: auto;
    margin-bottom: 20px;
}
@media screen and (min-width: 992px) {
    .service__section__image--right {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 130px;
        padding-right: auto;
        margin-bottom: 0;
    }
}


.service__section__background--rental-car {
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
    background-image: url("../assets/images/icon_service_rental_car.png");
    min-height: 140px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 60px;
    text-align: left;
}
@media screen and (min-width: 992px) {
    .service__section__background--rental-car {
        background-size: auto 260px;
        background-position-x: right;
        min-height: 260px;
        padding-top: auto;
        padding-bottom: auto;
        padding-right: auto;
    }
}

.service__section__background--baby {
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: center;
    background-image: url("../assets/images/icon_service_baby.png");
    min-height: 140px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 60px;
    text-align: right;
}
@media screen and (min-width: 992px) {
    .service__section__background--baby {
        background-size: auto 260px;
        background-position-x: right;
        min-height: 260px;
        padding-top: auto;
        padding-bottom: auto;
        padding-left: 0;
        text-align: left;
    }
}


.service__section__background--umbrella {
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
    background-image: url("../assets/images/icon_service_umbrella.png");
    min-height: 140px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 60px;
    text-align: left;
}
@media screen and (min-width: 992px) {
    .service__section__background--umbrella {
        background-size: auto 260px;
        background-position-x: right;
        min-height: 260px;
        padding-top: auto;
        padding-bottom: auto;
        padding-right: auto;
    }
}

.service__section__background--locker {
    background-size: 140px auto;
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: top;
    background-image: url("../assets/images/icon_service_locker.png");
    min-height: 140px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 60px;
    text-align: right;
    margin-top: 0px;
}
@media screen and (min-width: 992px) {
    .service__section__background--locker {
        background-size: auto 260px;
        background-position-x: right;
        min-height: 260px;
        padding-top: auto;
        padding-bottom: auto;
        padding-left: 0;
        text-align: left;
        margin-top: -40px;
    }
}

.service__image-box--right-top {
    position: relative;
    display: inline-block;
    z-index: 0;
}

.service__image-box--right-top::before {
    position: absolute;
    top: 10px;
    left: -10px;
    width: 100%;
    height: 100%;
    border: 2px solid #B4986D;
    content: '';
    z-index: -1;
}
@media screen and (min-width: 992px) {
    .service__image-box--right-top::before {
        top: -40px;
        left: 40px;
    }
}



.service__image-box--right-bottom {
    position: relative;
    display: inline-block;
    z-index: 0;
}

.service__image-box--right-bottom::before {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 100%;
    height: 100%;
    border: 2px solid #B4986D;
    content: '';
    z-index: -1;
}
@media screen and (min-width: 992px) {
    .service__image-box--right-bottom::before {
        top: 40px;
        left: 40px;
    }
}



/** CSS for Service - Parking **/
.parking__upper-section__container {
    position: relative;
    display: block;
    margin-top: 40px;
    margin-bottom: 80px;
    text-align: center;
}
@media screen and (min-width: 992px) {
    .parking__upper-section__container {
        margin-top: 100px;
        margin-bottom: 180px;
    }
}


.parking__middle-section__container {
    position: relative;
    display: block;
    margin-top: 0;
    margin-bottom: 80px;
}
@media screen and (min-width: 992px) {
    .parking__middle-section__container {
        margin-bottom: 180px;
    }
}


.parking__lower-section__container {
    position: relative;
    display: block;
    margin-top: 0;
    margin-bottom: 60px;
}
@media screen and (min-width: 992px) {
    .parking__lower-section__container {
        margin-bottom: 140px;
    }
}


.parking__upper-section__background {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #B4986D;
    height: 170px;
    width: 100%;
    z-index: -1;
}
@media screen and (min-width: 992px) {
    .parking__upper-section__background {
        height: 400px;
    }
}


.parking__middle-section__background {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #B4986D;
    height: 170px;
    width: 75%;
    z-index: -1;
}
@media screen and (min-width: 992px) {
    .parking__middle-section__background {
        height: 400px;
    }
}


.parking__lower-section__background {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #B4986D;
    height: 170px;
    width: 75%;
    z-index: -1;
}
@media screen and (min-width: 992px) {
    .parking__lower-section__background {
        height: 400px; 
    }
}



.parking__title {
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    font-size: 1.25rem;
    color: #FFFFFF;
    margin-bottom: 20px;
    padding-top: 30px;
}
@media screen and (min-width: 992px) {
    .parking__title {
        font-size: 3rem;
        margin-bottom: 40px;
        padding-top: 50px;
    }
}


.parking__sub-title {
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    font-size: 0.75rem;
    line-height: 18px;
    margin-top: 40px;
    margin-bottom: 20px;
    text-align: center;
}
@media screen and (min-width: 992px) {
    .parking__sub-title {
        font-size: 1.75rem;
        line-height: 70px;
        margin-top: 60px;
        margin-bottom: 40px; 
    }
}


.parking__text-box {
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: auto;
    padding-right: auto;
    margin-bottom: 20px;
    background-color: #F3F0ED;
    text-align: center;
    max-width: 220px;
    z-index: 2;
}
@media screen and (min-width: 992px) {
    .parking__text-box {
        padding-top: 100px;
        padding-bottom: 100px;
        padding-left: 30px;
        padding-right: 30px;
        margin-bottom: 40px;
        max-width: 440px;
    }
}


.parking__group-title {
    font-size: 0.75rem;
    font-weight: bold;
    line-height: 14px;
    margin-bottom: 20px;
}
@media screen and (min-width: 992px) {
    .parking__group-title {
        font-size: 22px;
        line-height: 25px;
        margin-bottom: 30px;
    }
}

.parking__group-text {
    margin-top: 0;
}
@media screen and (min-width: 992px) {
    .parking__group-text {
        margin-top: 0;
    }
}


.parking__content-text {
    font-weight: bold;
    line-height: 14px;
}
@media screen and (min-width: 992px) {
    .parking__content-text {
        line-height: 25px;
    }
}


.parking__image {
    width: 25px;
    height: 25px;
    margin-top: 30px;
    margin-bottom: 10px;
}
@media screen and (min-width: 992px) {
    .parking__image {
        width: 50px;
        height: 50px;
        margin-top: 40px;
        margin-bottom: 20px;
    }
}




/** CSS for Building **/

.building__block__container {
    margin-top: 20px;
    margin-bottom: 60px;
}
@media screen and (min-width: 992px) {
    .building__block__container {
        margin-top: 20px;
        margin-bottom: 50px;
    }
}



.building__block__spacing {
    height: 30px;
}
@media screen and (min-width: 992px) {
    .building__block__spacing {
        height: 80px;
    }
}


.building__block__box {
    border: 2px solid rgba(180, 152, 109, 0.6);
    background-color: #FFFFFF;
    z-index: -1;
    padding-top: 30px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 30px;
    margin-bottom: 0;
}
@media screen and (min-width: 992px) {
    .building__block__box {
        padding-top: 85px;
        padding-bottom: 50px;
        padding-left: 50px;     
        padding-right: 50px;
        margin-top: 80px;
        margin-bottom: 0;
    }
}


.building__block__icon {
    position: absolute;
/*    background-color: #FFFFFF; */
    margin-top: 15px;
    margin-left: 20px;
    width: 30px;
}
@media screen and (min-width: 992px) {
    .building__block__icon {
        margin-top: 55px;
        margin-left: 50px;
        width: 50px;
    }
}


.building__block__title {
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    font-size: 0.75rem;
    color: #3D3120;
    margin-bottom: 20px;
}
@media screen and (min-width: 992px) {
    .building__block__title {
        font-size: 1.5rem;
        margin-bottom: 40px;
    }
}


.building__block__background--dark {
    background-color: #F1EEEB;
}


.building__block__background--last-item {
    background-color: #F1EEEB;
}
@media screen and (min-width: 992px) {
    .building__block__background--last-item {
        background-color: #FFFFFF;
    }
}


/*


.building__heading {
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    font-size: 1.25rem;
    text-align: center;
    color: #88704C;
    margin-bottom: 20px;
    padding-top: 30px;
}
@media screen and (min-width: 992px) {
    .building__heading {
        font-size: 2.5rem;
        margin-bottom: 40px;
        padding-top: 50px;
    }
}

.building__heading--white {
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    font-size: 1.25rem;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 20px;
    padding-top: 30px;
}
@media screen and (min-width: 992px) {
    .building__heading--white {
        font-size: 2.5rem;
        margin-bottom: 40px;
        padding-top: 50px;
    }
}


.building__title {
    font-size: 0.875rem;
    color: #3D3120;
    margin-bottom: 5px;
}
@media screen and (min-width: 992px) {
    .building__title {
        font-size: 22px;
        margin-bottom: 22px;
    }
}


.building__text {
    font-size: 0.75rem;
    color: #3D3120;
    text-align: justify;
    margin-top: 10px;
    margin-bottom: 30px;
    line-height: 1.5rem;
}
@media screen and (min-width: 992px) {
    .building__text {
        font-size: 1.125rem;
        text-align: center;
        margin-bottom: 50px;
        line-height: 2.5rem;
    }
}

.building__text--white {
    font-size: 0.75rem;
    color: #FFFFFF;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 30px;
    line-height: 1.5rem;
}
@media screen and (min-width: 992px) {
    .building__text--white {
        font-size: 1.125rem;
        margin-bottom: 40px;
        line-height: 2.5rem;
    }
}

.building__section__background--image {
    background-color: #B4986D;
    background-image: url("../assets/images/img_building_background.png");
}


.building__section__background--taikoo-hub {
    background-color: #B4986D;
    background-image: url("../assets/images/img_taikoo_hub_background.png");
}
*/


/** CSS for Building Floor Plan **/

.building__middle-section__background {
    position: relative;
    background-color: #B4986D;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: top;
    background-image: url("../assets/images/background_taikoo_hub.png");
    width: 100%;
    margin-bottom: 60px;
}
@media screen and (min-width: 992px) {
    .building__middle-section__background {
        margin-bottom: 140px;
    }
}


.building__middle-section__container {
    padding-top: 60px;
    padding-bottom: 60px;

}
@media screen and (min-width: 992px) {
    .building__middle-section__container {
        padding-top: 120px;
        padding-bottom: 120px;
    }
}



.building__middle-section__title {
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    font-size: 1.5rem;
    color: #FFFFFF;
    margin-bottom: 40px;
}
@media screen and (min-width: 992px) {
    .building__middle-section__title {
        font-size: 3rem;
        margin-bottom: 60px;
    }
}



.building__middle-section__text {
    margin-bottom: 20px;
}
@media screen and (min-width: 992px) {
    .building__middle-section__text {
        margin-bottom: 0px;
    }
}


.building__middle-section__spacing {
    height: 40px;
}
@media screen and (min-width: 992px) {
    .building__middle-section__spacing {
        height: 0;
    }
}

.building__qr-code__size {
    width: 80px;
    height: 80px;
}
@media screen and (min-width: 992px) {
    .building__qr-code__size {
        width: 140px;
        height: 140px;
    }
}



/** CSS for Building - Environment **/
.environment__upper-section__container {
    margin-top: 40px;
    margin-bottom: 20px; 
}
@media screen and (min-width: 992px) {
    .environment__upper-section__container {
        margin-top: 100px;
        margin-bottom: 60px; 
    }
}


.environment__middle-section__container {
    padding-top: 40px;
    padding-bottom: 40px; 
}
@media screen and (min-width: 992px) {
    .environment__middle-section__container {
        padding-top: 120px;
        padding-bottom: 80px; 
    }
}

.environment__middle-section__background {
    position: relative;
    background-color: #B4986D;
    background-size: contain;
    background-repeat: repeat;
    background-position-x: left;
    background-position-y: top;
    background-image: url("../assets/images/background_environment.png");
    width: 100%;
}



.environment__lower-section__container {
    padding-top: 40px;
    padding-bottom: 20px; 
}
@media screen and (min-width: 992px) {
    .environment__lower-section__container {
        padding-top: 140px;
        padding-bottom: 140px; 
    }
}




.environment__section__title {
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    font-size: 1.25rem;
    color: #88704C;
    margin-bottom: 10px;
}
@media screen and (min-width: 992px) {
    .environment__section__title {
        font-size: 2.5rem;
        margin-bottom: 20px;
    }
}


.environment__section__title--white {
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    font-size: 1.25rem;
    color: #FFFFFF;
    margin-bottom: 30px;
}
@media screen and (min-width: 992px) {
    .environment__section__title--white {
        font-size: 2.5rem;
        margin-bottom: 60px;
    }
}


.environment__section__text--larger {
    font-size: 0.625rem;
    margin-bottom: 20px;
}
@media screen and (min-width: 992px) {
    .environment__section__text--larger {
        font-size: 22px;
        margin-bottom: 60px;
    }
}



/** CSS for Building - Environment LEED **/

.leed__container {
    margin-bottom: 80px;
}
@media screen and (min-width: 992px) {
    .leed__container {
        margin-bottom: 120px;
    }
}

.leed__item {
    min-height: 300px;
    min-width: 200px;
    margin-bottom: 20px;
}
@media screen and (min-width: 992px) {
    .leed__item {
        min-height: 300px;
        min-width: 400px;
        margin-bottom: 40px;
    }
}

.leed__year {
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    font-size: 1.25rem;
    font-weight: bold;
    padding-bottom: 0.5rem;
    text-align: center;
}
@media screen and (min-width: 992px) {
    .leed__year {
        font-size: 2.5rem;
    }
}

.leed__text {
    font-size: 0.625rem;
    text-align: center;
}
@media screen and (min-width: 992px) {
    .leed__text {
        font-size: 1rem;
    }
}


.leed__image {
    object-fit: scale-down;
    height: 150px;
}
@media screen and (min-width: 992px) {
    .leed__image {
        height: 300px;
    }
}



/** Envrionment Activity **/
.eco-activity__container {
    margin-top: 40px;
    margin-bottom: 60px;
}
@media screen and (min-width: 992px) {
    .eco-activity__container {
        margin-top: 85px;
        margin-bottom: 140px;
    }
}


.eco-activity__grid {
    row-gap: 40px;
}
@media screen and (min-width: 992px) {
    .eco-activity__grid {
        row-gap: 80px;
    }
}

.eco-activity__thumbnail {
    border: 10px solid #F1EEEB;
/*    width: 295px;
    height: 190px;
*/
}
@media screen and (min-width: 992px) {
    .eco-activity__thumbnail {
/*        width: 360px;
        height: 240px;
*/
    border: 20px solid #F1EEEB;
    }
}

.eco-activity__title {
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    color: #3D3120;
    font-size: 1.125rem;
    padding-bottom: 10px;
}
@media screen and (min-width: 992px) {
    .eco-activity__title {
        font-size: 1.75rem;
    }
}

.eco-activity__text {
    font-size: 0.625rem;
    font-weight: bold;
    color: #3D3120;
}
@media screen and (min-width: 992px) {
    .eco-activity__text {
        font-size: 1.125rem;
    }
}



/** Envrionment Activity Detail **/


.eco-activity-detail__upper-section__container {
    position: relative;
    margin-bottom: 60px;
}
@media screen and (min-width: 992px) {
    .eco-activity-detail__upper-section__container {
        margin-bottom: 120px;
    }
}


.eco-activity-detail__upper-section__background-box {
    padding-left: 0;
    padding-right: 0;
}
@media screen and (min-width: 992px) {
    .eco-activity-detail__upper-section__background-box {
        padding-left: 17%;
        padding-right: 17%;
    }
}


.eco-activity-detail__upper-section__background {
    width: 100%;
    height: 562px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-image: url("../assets/images/eco_activity_banner_m.png");
}
@media screen and (min-width: 992px) {
    .eco-activity-detail__upper-section__background {
        height: 700px;
        background-image: url("../assets/images/eco_activity_banner.png");
    }
}


.eco-activity-detail__upper-section__overlapping-text-area {
    position: absolute;
    left: 0;
    bottom: 0;
    padding-left: 8%;
    padding-right: 20px;
}
@media screen and (min-width: 992px) {
    .eco-activity-detail__upper-section__overlapping-text-area {
        padding-left: 17%;
        padding-right: 17%;
    }
}



.eco-activity-detail__text-area {
    position: absolute;
    background-color: rgba(180, 152, 109, 0.95);
    width: 200%;
    height: 200%;
    top: -40px;
    left: 0;
}
@media screen and (min-width: 992px) {
    .eco-activity-detail__text-area {
        width: 200%;
        top: -70px;
        left: 0px;
    }
}


.eco-activity-detail__overlay-title {
    position: relative;
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 1.5rem;
    padding-left: 20px;
    margin-bottom: 20px;
    z-index: 2;
}
@media screen and (min-width: 992px) {
    .eco-activity-detail__overlay-title {
        font-size: 38px;
        padding-left: 40px;
        margin-bottom: 44px;
    }
}


.eco-activity-detail__overlay-text {
    position: relative;
    color: #FFFFFF;
    padding-left: 20px;
    margin-bottom: 40px;
    z-index: 2;
}
@media screen and (min-width: 992px) {
    .eco-activity-detail__overlay-text {
        padding-left: 40px;
        margin-bottom: 60px;
    }
}




.eco-activity-detail__middle-section__container {
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: top;
    background-image: url("../assets/images/eco_activity_background_m.png");
    width: 100%;
    padding-top: 80px;
    padding-bottom: 80px;
}
@media screen and (min-width: 992px) {
    .eco-activity-detail__middle-section__container {
        background-image: url("../assets/images/eco_activity_background.png");
        padding-top: 120px;
        padding-bottom: 120px;
    }
}



.eco-activity-detail__lower-section__container {
    margin-top: 60px;
    margin-bottom: 60px;
}
@media screen and (min-width: 992px) {
    .eco-activity-detail__lower-section__container {
        margin-top: 120px;
        margin-bottom: 140px;
    }
}




.eco-activity-detail__lower-section__content--left {
    margin-right: auto;
}
@media screen and (min-width: 992px) {
    .eco-activity-detail__lower-section__content--left {
        margin-right: 126px;
    }
}


.eco-activity-detail__lower-section__content--right {
    margin-left: auto;
}
@media screen and (min-width: 992px) {
    .eco-activity-detail__lower-section__content--right {
        margin-left: 126px;
    }
}



.eco-activity-detail__lower-section__title {
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    color: #3D3120;
    font-size: 1.125rem;
    margin-top: 40px;
    margin-bottom: 20px;
}
@media screen and (min-width: 992px) {
    .eco-activity-detail__lower-section__title {
        font-size: 38px;
        margin-top: 0px;
        margin-bottom: 40px;
    }
}



.eco-activity-detail__lower-section__image {
    margin-left: 0;
    margin-right: 0;
}
@media screen and (min-width: 992px) {
    .eco-activity-detail__lower-section__image {
        margin-left: auto;
        margin-right: auto;
    }
}




/** CSS for Building Floor Plan **/
.floor__container {
    margin-top: 40px;
    margin-bottom: 70px;
}
@media screen and (min-width: 992px) {
    .floor__container {
        margin-top: 120px;
        margin-bottom: 60px;
    }
}


.floor__item {
    position: relative;
    width: 100%;
    margin-bottom: 20px; 
    display: flex;
    flex-direction: column; 
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;
}
@media screen and (min-width: 992px) {
    .floor__item {
        margin-bottom: 40px;
    }
}


.floor__image {
    object-fit: scale-down;
    max-width: 300px;
    padding-top: 50px;
    padding-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (min-width: 992px) {
    .floor__image {
        object-fit: scale-down;
        max-width: 800px;
        padding-top: 30px;
    }
}


.floor__text {
    color: #3D3120;
    font-size: 0.875rem;
    text-align: center;
    line-height: 1.5rem;
}
@media screen and (min-width: 992px) {
    .floor__text {
        font-size: 1.5rem;
        line-height: 2.5rem;
    }
}



.floor__menu {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border: 2px solid #B4986D;
}


.floor__menu__item {
    font-family: 'Helvetica', Helvetica;
    font-weight: bold;
    font-size: 0.875rem;
    font-weight: bold;
    color: #B4986D;
    background-color: #FFFFFF;
    border: 1px solid #B4986D;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 2rem;
}
@media screen and (min-width: 992px) {
    .floor__menu__item {
        font-size: 1.5rem;
        padding-left: 40px;
        padding-right: 40px;
        line-height: 4rem;
    }
}

.floor__menu__item:hover {
    color: #FFFFFF;
    background-color: #B4986D;
}


.floor__menu__item--selected {
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    font-size: 0.875rem;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #B4986D;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 3rem;
}
@media screen and (min-width: 992px) {
    .floor__menu__item--selected {
        font-size: 1.5rem;
        padding-left: 40px;
        padding-right: 40px;
        line-height: 5rem;
    }
}

.floor__menu__item--selected:hover {
    color: #FFFFFF;
    background-color: #B4986D;
}


/** CSS for Member **/

.member__container {
    position: relative;
    margin-bottom: 0;
}
@media screen and (min-width: 992px) {
    .member__container {
        margin-bottom: 150px;
    }
}

.member__banner {
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-image: url("../assets/images/banner_member_m.png");
}
@media screen and (min-width: 768px) {
    .member__banner {
        background-image: url("../assets/images/banner_member.png");
    }
}


.member__banner__text {
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    font-size: 1.5rem;
    color: #FFFFFF;
    padding-top: 170px;
    padding-bottom: 20px;
}
@media screen and (min-width: 992px) {
    .member__banner__text {
        font-size: 3rem;
        padding-top: 420px;
    }
}

.member__banner__overlay-text {
    position: relative;
    font-size: 0.75rem;
    color: #3D3120;
    padding-top: 20px;
    padding-bottom: 60px;
}
@media screen and (min-width: 992px) {
    .member__banner__overlay-text {
        position: absolute;
        top: -170px;
        left: 50%;
        font-size: 1.125rem;
        background-color: #B4986D;
        color: #FFFFFF;
        padding-top: 60px;
        padding-bottom: 40px;
        padding-left: 40px;
        padding-right: 40px;
    }
}


.member-level__text {
    line-height: 2;
    text-align: justify;
    padding-bottom: 30px;
}
@media screen and (min-width: 992px) {
    .member-level__text {
        padding-bottom: 40px;
    }
}




/** CSS for Index Page **/
.index__section__container {
    position: relative;
/*    padding-top: 60px;
    padding-bottom: 60px; */
    padding-top: 0;
    padding-bottom: 40px;
    padding-left: 8%;
    padding-right: 8%;
}
@media screen and (min-width: 992px) {
    .index__section__container {
/*        padding-top: 120px;
        padding-bottom: 120px; */
        padding-left: 17%;
        padding-right: 17%;
        padding-top: 0;
        padding-bottom: 64px;
    }

}


.index__carousel__spacing {
    padding-bottom: 0px !important;
}
@media screen and (min-width: 992px) {
    .index__carousel__spacing {
        padding-bottom: 120px !important;
    }
}

.index__section__spacing {
    position: relative;
    width: 100%;
    height: 40px;
    z-index: -2;
}
@media screen and (min-width: 992px) {
    .index__section__spacing {
        height: 100px;
    }
}


.index__section-content__spacing {
    position: relative;
    width: 100%;
    height: 30px;
}
@media screen and (min-width: 992px) {
    .index__section-content__spacing {
        height: 100px;
    }
}


.index__nav-menu__outer-container {
    display: none;
}
@media screen and (min-width: 992px) {
    .index__nav-menu__outer-container {
        display: block;
        padding-left: 13%;
        padding-right: 13%;
    }
}


.index__nav-menu__container {
    position: relative;
    width: 100%;
    height: 250px;
    background-color: #FFFFFF;
    box-shadow: 0px 20px 40px 0px rgba(136, 112, 76, 0.1);
    margin-top: -100px;
    margin-bottom: 60px;
    
}


.index__nav-menu__item {
    position: relative;
    text-align: center;
}

.index__nav-menu__item--text {
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    font-size: 1.25rem;
    color: #88704C;
    line-height: 3rem;
}





.index__section__title {
    position: relative;
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    font-size: 1.25rem;
    color: #3D3120;
}
@media screen and (min-width: 992px) {
    .index__section__title {
        font-size: 3rem;
    }
}

.index__section__title--white {
    position: relative;
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    font-size: 1.25rem;
    color: #FFFFFF;
}
@media screen and (min-width: 992px) {
    .index__section__title--white {
        font-size: 3rem;
    }
}


.index__section__view-all-link {
    position: relative;
    font-size: 10x;
    color: #88704C;
}
@media screen and (min-width: 992px) {
    .index__section__view-all-link {
        font-size: 1.25rem;
    }
}

.index__section__view-all-link:hover {
    color: #88704C;
}


.index__section__view-all-link--white {
    position: relative;
    font-size: 0.625rem;
    color: #FFFFFF;
}
@media screen and (min-width: 992px) {
    .index__section__view-all-link--white {
        font-size: 1.25rem;
    }
}

.index__section__view-all-link--white:hover {
    color: #88704C;
}


.index__section__text--white {
    font-size: 0.75rem;
    color: #FFFFFF;
    line-height: 1.5rem;
    text-align: justify;
}
@media screen and (min-width: 992px) {
    .index__section__text--white {
        font-size: 1.25rem;
        line-height: 2.5rem;
    }
}







/** CSS for Activity Slider in Index Page**/

.index__activity-slider__outer-container {
    position: relative;
    padding-top: 60px;
    padding-bottom: 60px;
}
@media screen and (min-width: 992px) {
    .index__activity-slider__outer-container {
        padding-top: 160px;
        padding-bottom: 140px;
    }
}


.index__activity-slider__background {
    position: absolute;
/*    top: 170px; */
    top: 53px;
    left: 0;
    width: 100%;
/*    height: 374px; */
    height: 500px;
    background-color: #B4986D;
    background-size: auto 60%;;
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: center;
    background-image: url("../assets/images/background_activity.png");
    z-index: -2;
}
@media screen and (min-width: 992px) {
    .index__activity-slider__background {
/*        top: 240px; */
        top: 0;
        left: 0;
        height: 400px;
        background-color: #B4986D;
        background-size: auto 50%;
        background-repeat: repeat-x;
        z-index: -2;
    }
}



.index__activity-slider__container {
    position: relative;
    padding-left: 8%;
    padding-right: 0;
}
@media screen and (min-width: 992px) {
    .index__activity-slider__container {
        padding-left: 17%;
        padding-right: 17%;
        padding-top: 60px;
    }
}


.index__activity-slider__row {
    position: relative;
    column-gap: 10px;
}
@media screen and (min-width: 992px) {
    .index__activity-slider__row {
        column-gap: 60px;
    }
}

.index__activity-slider__item {
    position: relative;
    min-width: 300px;
    margin-bottom: 30px;
    background-color: transparent;
}
@media screen and (min-width: 992px) {
    .index__activity-slider__item {
        position: relative;
        min-width: 400px;
        margin-bottom: 100px;
        display: flex;
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: 100%;
        overflow-x: hidden;
        background-color: transparent;
    }
}


.index__activity-slider__section--image {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    min-height: 200px;
/*    width: 300px; */
}
@media screen and (min-width: 992px) {
    .index__activity-slider__section--image {
        position: relative;
        padding-left: 0;
        padding-right: 0;
        min-height: 378px; 
/*        width: 100%; */
        text-align: right;
    }
}


/*
.index__activity-slider__section--image img {
    object-fit: scale-down;
    max-height: 150px;
}
@media screen and (min-width: 992px) {
    .index__activity-slider__section--image img {
        
    }
}
*/

.index__activity-slider__section--info {
    position: relative;
    color: #FFFFFF;
    padding-left: 0;
    padding-right: 0;
    padding-top: 20px;
    padding-bottom: 0;
}
@media screen and (min-width: 992px) {
    .index__activity-slider__section--info {
        position: relative;
        padding-top: 0;
    }
}


.index__activity-slider__activity__name {
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    font-size: 1.25rem;
    margin-bottom: 28px;
}
@media screen and (min-width: 992px) {
    .index__activity-slider__activity__name {
        font-size: 3rem;
        margin-bottom: 40px;
    }
}


.index__activity-slider__activity__date {
    font-size: 0.625rem;
    margin-bottom: 15px;
}
@media screen and (min-width: 992px) {
    .index__activity-slider__activity__date {
        font-size: 1.5rem;
        margin-bottom: 40px;
    }
}


.index__activity-slider__activity__intro {
    font-size: 0.625rem;
    line-height: 20px;
}
@media screen and (min-width: 992px) {
    .index__activity-slider__activity__intro {
        font-size: 1.5rem;
        line-height: 40px;
    }
}


/** CSS for New Shop Slider Section of Index Page **/

.index__shopping-slider__outer-container {
    position: relative;
    background-color: #F1EEEB;
    padding-top: 60px;
    padding-bottom: 60px;
}
@media screen and (min-width: 992px) {
    .index__shopping-slider__outer-container {
        padding-top: 120px;
        padding-bottom: 140px;
    }
}


.index__shopping-slider__container {
    position: relative;
    padding-left: 8%;
    padding-right: 0;
}
@media screen and (min-width: 992px) {
    .index__shopping-slider__container {
        padding-left: 17%;
        padding-right: 17%;
        padding-top: 60px;
    }
}


.index__shopping-slider__row {
    position: relative;
    column-gap: 10px;
}
@media screen and (min-width: 992px) {
    .index__shopping-slider__row {
        column-gap: 60px;
    }
}


.index__shopping-slider__item {
    position: relative;
    min-width: 300px;
    margin-bottom: 20px;
    width: 50%;
    background-color: #F3F0ED;
}
@media screen and (min-width: 992px) {
    .index__shopping-slider__item {
        position: relative;
        min-width: 400px;
        margin-bottom: 100px;
        display: flex;
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: 100%;
        overflow-x: hidden;
    }
}


.index__shopping-slider__section--image {
    position: relative;
    padding-left: 15px;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 15px;
}
@media screen and (min-width: 992px) {
    .index__shopping-slider__section--image {
        position: relative;
        padding-left: 40px;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 40px;
    }
}


.index__shopping-slider__section--info {
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #3D3120;
}
@media screen and (min-width: 992px) {
    .index__shopping-slider__section--info {
        padding-left: 15%;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
}




.index__shopping-slider__shop__name {
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    font-size: 1rem;
    margin-bottom: 20px;
}
@media screen and (min-width: 992px) {
    .index__shopping-slider__shop__name {
        font-size: 3rem;
        margin-bottom: 60px;
    }
}



.index__shopping-slider__icon {
    width: 12px;
    height: auto;
}
@media screen and (min-width: 992px) {
    .index__shopping-slider__icon {
        width: 30px;
    }
}


.index__shopping-slider__text {
    font-size: 0.625rem;
    line-height: 2;
}
@media screen and (min-width: 992px) {
    .index__shopping-slider__text {
        font-size: 1.625rem;
        line-height: 2;
    }
}



.index__shopping-slider__image-box__background {
    position: relative;
    display: inline-block;
    z-index: 0;
    width: 100%;
}

.index__shopping-slider__image-box__background::before {
    position: absolute;
    top: 10px;
    left: -10px;
    width: 100%;
    height: 100%;
    background-color: #B4986D;
    content: '';
    z-index: -1;
}
@media screen and (min-width: 992px) {
    .index__shopping-slider__image-box__background::before {
        top: 40px;
        left: -40px;
    }
}





/** CSS for Brand Section of Index Page **/

.index__brand__outer-container {
    position: relative;
    padding-top: 60px;
    padding-bottom: 60px;
}
@media screen and (min-width: 992px) {
    .index__brand__outer-container {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}



.index__brand__container {
    position: relative;
}


.index__brand-slider__row {
    position: relative;
    column-gap: 10px;
}


/** CSS for Brand Slider in Index Page**/

.index__brand-slider__container {
    position: relative;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 360px;
    white-space: nowrap;
    row-gap: 10px;
    column-gap: 10px;
}
@media screen and (min-width: 992px) {
    .index__brand-slider__container {
        height: 640px;
        row-gap: 20px;
        column-gap: 20px;
    }
}

.index__brand-slider__item {
    position: relative;
    max-width: 100px;
    background-color: #FFFFFF;
}
@media screen and (min-width: 992px) {
    .index__brand-slider__item {
        max-width: 250px;
    }
}

.index__brand-slider__item img {
    object-fit: scale-down;
    width: 100px;
}
@media screen and (min-width: 992px) {
    .index__brand-slider__item img {
        width: 250px;
    }
}


.index__brand-slider__control {
    display: none;
}
@media screen and (min-width: 992px) {
    .index__brand-slider__control {
        display: block;
        padding-right: 17%;
        text-align: end;
    }
}



/** CSS for Dining Section of Index Page **/
.index__dining-slider__outer-container {
    position: relative;
    background-color: #F1EEEB;
    padding-top: 60px;
    padding-bottom: 60px;
}
@media screen and (min-width: 992px) {
    .index__dining-slider__outer-container {
        padding-top: 120px;
        padding-bottom: 140px;
    }
}


.index__dining-slider__container {
    position: relative;
    padding-left: 8%;
    padding-right: 0;
}
@media screen and (min-width: 992px) {
    .index__dining-slider__container {
        padding-left: 17%;
        padding-right: 0;
    }
}


.index__dining-slider__row {
    position: relative;
    column-gap: 10px;
}
@media screen and (min-width: 992px) {
    .index__dining-slider__row {
        column-gap: 60px;
    }

}

.index__dining-slider__control {
    display: none;
}
@media screen and (min-width: 992px) {
    .index__dining-slider__control {
        display: block;
        padding-right: 17%;
        text-align: end;
    }
}


.index__dining-slider__item {
    position: relative;
    min-height: 290px;
    min-width: 300px;
    margin-bottom: 30px;
}
@media screen and (min-width: 992px) {
    .index__dining-slider__item {
        min-height: 550px;
        min-width: 600px;
        margin-bottom: 131px;
    }
}


.index__dining-slider__storefront-image {
    object-fit: scale-down;
    max-width: 300px;
}
@media screen and (min-width: 992px) {
    .index__dining-slider__storefront-image {
        object-fit: scale-down;
        max-width: 600px;
    }
}


.index__dining-slider__shop-item {
    position: relative;
    border-radius: 0 !important;
    background-color: #FFFFFF;
    box-shadow: 0px 10px 30px 0px rgba(136, 112, 76, 0.1);
    cursor: pointer;
    border-bottom: 2px solid #FFFFFF !important;
}
.index__dining-slider__shop-item:hover {
    border-bottom: 2px solid #88704C !important;
}


.index__dining-slider__shop__info-section {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
}
@media screen and (min-width: 992px) {
    .index__dining-slider__shop__info-section {
        padding-top: 40px;
        padding-bottom: 40px;
        padding-left: 30px;
        padding-right: 30px;
    }
}


.index__dining-slider__shop__name {
    position: relative;
    font-family: 'FZYOUH_511M', "Helvetica-Bold",Helvetica;
    font-size: 1.125rem;
    font-weight: bold;
    color: #3D3120;
    margin-bottom: 48px;
    
}
@media screen and (min-width: 992px) {
    .index__dining-slider__shop__name {
        font-size: 1.875rem;
        margin-bottom: 80px;
    }
}

.index__dining-slider__shop__location {
    position: relative;
    font-size: 0.75rem;
    font-weight: bold;
    color: #88704C;
}
@media screen and (min-width: 992px) {
    .index__dining-slider__shop__location {
        font-size: 1.125rem;
    }
}

.index__dining-slider__shop__category {
    position: relative;
    font-size: 0.75rem;
    color: #3D3120;
}
@media screen and (min-width: 992px) {
    .index__dining-slider__shop__category {
        font-size: 1.125rem;
    }
}





/** CSS for Building - Environment Section of Index Page **/
.index__environment__outer-container {
    position: relative;
    padding-top: 60px;
    padding-bottom: 60px;
}
@media screen and (min-width: 992px) {
    .index__environment__outer-container {
        padding-top: 93px;
        padding-bottom: 0;
    }
}


.index__environment__upper-section__container {
    position: relative;
    padding-left: 8%;
    padding-right: 8%;
}
@media screen and (min-width: 992px) {
    .index__environment__upper-section__container {
        padding-left: 17%;
        padding-right: 17%;
    }
}


.index__environment__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #B4986D;
    background-image: url("../assets/images/background_environment.png");
    z-index: -1;
}
@media screen and (min-width: 992px) {
    .index__environment__background {
        height: 50%;
    }
}



.index__environment__title {
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    font-size: 1.25rem;
    font-weight: bold;
}
@media screen and (min-width: 992px) {
    .index__environment__title {
        font-size: 3rem;
    }
}


.index__environment__text {
    font-size: 0.625rem;
    padding-top: 40px;
    padding-bottom: 20px;
}
@media screen and (min-width: 992px) {
    .index__environment__text {
        font-size: 22px;
        padding-top: 40px;
        padding-bottom: 86px;

    }
}



.index__environment__leed__container {
    padding-left: 8%;
    padding-right: 0;
}
@media screen and (min-width: 992px) {
    .index__environment__leed__container {
        padding-left: 17%;
        padding-right: 17%;
    }
}


.index__environment__leed__row {
    position: relative;
    column-gap: 10px;
}
@media screen and (min-width: 992px) {
    .index__environment__leed__row {
        column-gap: 20px;
    }
}


.index__environment__leed__item {
    min-height: 326px;
    min-width: 300px;
    margin-bottom: 40px;
    background-color: #FFFFFF;
}
@media screen and (min-width: 992px) {
    .index__environment__leed__item {
        min-height: 572px;
        min-width: 410px;
        margin-bottom: 80px;
        background-color: #F1EEEB;
    }
}


.index__environment__leed__info-section {
    background-color: #FFFFFF;
    padding-top: 30px;
    padding-bottom: 35px;
}
@media screen and (min-width: 992px) {
    .index__environment__leed__info-section {
        background-color: #F1EEEB;
        padding-top: 38px;
        padding-bottom: 53px;
    }
}

.index__environment__leed__year {
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    font-size: 1rem;
    color: #88704C;
    margin-bottom: 10px;
    text-align: center;
}
@media screen and (min-width: 992px) {
    .index__environment__leed__year {
        font-size: 38px;
        color: #3D3120;
        margin-bottom: 20px;
    }
}

.index__environment__leed__text {
    font-size: 0.625rem;
    text-align: center;
    color: #3D3120;
}
@media screen and (min-width: 992px) {
    .index__environment__leed__text {
        font-size: 1rem;
    }
}


.index__environment__leed__image {
    object-fit: scale-down;
    height: 150px;
}
@media screen and (min-width: 992px) {
    .index__environment__leed__image {
        height: 300px;
    }
}


.index__environment__leed__control {
    display: none;
}
@media screen and (min-width: 992px) {
    .index__environment__leed__control {
        display: block;
        padding-right: 17%;
        text-align: end;
    }
}



/** CSS for Building - Eco Activity Section of Index Page **/
.index__eco-activity__container {
    padding-left: 8%;
    padding-right: 8%;
    padding-top: 40px;
    padding-bottom: 40px;
}
@media screen and (min-width: 992px) {
    .index__eco-activity__container {
        padding-left: 17%;
        padding-right: 17%;
        padding-top: 140px;
        padding-bottom: 180px;
    }
}


.index__eco-activity__image {
    object-fit: scale-down;
    border: 10px solid #F1EEEB;    
    width: 300px;
}
@media screen and (min-width: 992px) {
    .index__eco-activity__image {
        object-fit: cover;
        border: 20px solid #F1EEEB;
    }
}


.index__eco-activity__text-area {
    padding-left: auto;
}
@media screen and (min-width: 992px) {
    .index__eco-activity__text-area {
        padding-left: 60px;
    }
}


.index__eco-activity__title {
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    font-size: 1.125rem;
    font-weight: bold;
    padding-top: 30px;
    padding-bottom: 20px;
}
@media screen and (min-width: 992px) {
    .index__eco-activity__title {
        font-size: 38px;
        padding-top: 0px;
        padding-bottom: 40px;
    }
}

.index__eco-activity__text {
    font-size: 0.625rem;
}
@media screen and (min-width: 992px) {
    .index__eco-activity__text {
        font-size: 22px;
    }
}


.index__eco-activity__button {
    padding-top: 20px;
}
@media screen and (min-width: 992px) {
    .index__eco-activity__button {
        padding-top: 40px;
    }
}



/** CSS for About Us Section of Index Page **/
.index__about-us__outer-container {
    position: relative;
    padding-top: 50px;
    padding-bottom: 60px;
}
@media screen and (min-width: 992px) {
    .index__about-us__outer-container {
        position: relative;
        padding-top: 180px;
        padding-bottom: 180px;
    }
}


.index__about-us__upper-section__container {
    position: relative;
    padding-left: 8%;
    padding-right: 8%;
}
@media screen and (min-width: 992px) {
    .index__about-us__upper-section__container {
        padding-left: 17%;
        padding-right: 17%;
    }
}

.index__about-us__container {
    margin-bottom: 60px;
}
@media screen and (min-width: 992px) {
    .index__about-us__container {
        margin-bottom: 180px;
    }
}


.index__about-us__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 240px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: start;
    background-image: url("../assets/images/background_index_aobut_us_m.png");
    z-index: -1;
}
@media screen and (min-width: 992px) {
    .index__about-us__background {
        background-image: url("../assets/images/background_index_about_us.png");
        height: 660px;
    }
}


.index__about-us__title {
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 1.25rem;
    text-align: center;
    margin-bottom: 20px;
}
@media screen and (min-width: 992px) {
    .index__about-us__title {
        font-size: 3rem;
        margin-bottom: 40px;
    }
}



.index__about-us__text {
    font-size: 0.625rem;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 37px;
}
@media screen and (min-width: 992px) {
    .index__about-us__text {
        font-size: 22px;
        text-align: center;
        margin-bottom: 96px;
    }
}





.index__about-us__text__white {
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    font-size: 1.5rem;
    color: #FFFFFF;
    padding-top: 170px;
    padding-bottom: 30px;
}
@media screen and (min-width: 992px) {
    .index__about-us__text__white {
        font-size: 3rem;
        padding-top: 420px;
    }
}



.index__about-us__row {
    position: relative;
    column-gap: 15px;
}
@media screen and (min-width: 992px) {
    .index__about-us__row {
        column-gap: 0;
    }
}


.index__about-us__item--how-to-go {
    position: relative;
    color: #3D3120;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #FFFFFF;
    text-align: center;
    box-shadow: 0px 20px 40px 0px rgba(136, 112, 76, 0.1);
}
@media screen and (min-width: 992px) {
    .index__about-us__item--how-to-go {
        padding-top: 50px;
        padding-bottom: 50px;
        box-shadow: 0px 20px 40px 0px rgba(136, 112, 76, 0.1);
    }
}


.index__about-us__item--mall-directory {
    position: relative;
    color: #3D3120;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #FFFFFF;
    text-align: center;
    box-shadow: 0px 20px 40px 0px rgba(136, 112, 76, 0.1);
}
@media screen and (min-width: 992px) {
    .index__about-us__item--mall-directory {
        color: #FFFFFF;
        padding-top: 80px;
        padding-bottom: 80px;
        background-color: #B4986D;
        box-shadow: none;
        
    }
}



.index__about-us__item__title {
    position: relative;
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    font-size: 0.875rem;
    margin-top: 20px;
    margin-bottom: 5px;
}
@media screen and (min-width: 992px) {
    .index__about-us__item__title {
        font-size: 1.875rem;
        margin-top: 40px;
        margin-bottom: 10px;
    }
}


.index__about-us__item__sub-title {
    position: relative;
    font-size: 0.625rem;
    margin-bottom: 20px;
}
@media screen and (min-width: 992px) {
    .index__about-us__item__sub-title {
        font-size: 1.25rem;
        margin-bottom: 0;
    }
}


.index__about-us__item__icon {
    position: relative;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;
    align-items: center;
    justify-content: center;
}


.index__about-us__item__icon img {
    height: 24px;
}
@media screen and (min-width: 992px) {
    .index__about-us__item__icon img {
        height: 60px;
    }
}






/** CSS for Footer Link Section of Index Page **/
.index__footer-link__container {
    display: none;
}
@media screen and (min-width: 992px) {
    .index__footer-link__container {
        display: block;
        padding-left: 20%;
        padding-right: 20%;
        padding-top: 90px;
        padding-bottom: 106px;
        background-color: #54585A;
    }

}

.index__footer-link__title {
    position: relative;
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    font-size: 1.25rem;
    color: #FFFFFF;
    margin-bottom: 30px;
}


.index__footer-link__text {
    position: relative;
    display: block;
    font-size: 0.875rem;
    color: #FFFFFF;
    line-height: 2.5rem;
}

.index__footer-link__text:hover {
    color: #FFFFFF;
}


.index__footer-link__icon {
    width: 20px;
}




/** Digital Page **/
/*
.digital__section__container {
    padding-top: 4rem;
    padding-bottom: 4rem;
}
@media screen and (min-width: 992px) {
    .digital__section__container {
        padding-top: 12rem;
        padding-bottom: 15.4rem;
    }
} */

.digital__section__container {
    padding-top: clamp(4rem, 2.0583rem + 5.1780vw, 12rem);
    padding-bottom: clamp(4rem, 1.2330rem + 7.3786vw, 15.4rem);
}

.digital__section__background--brown {
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-image: url("../assets/images/background_digital_m_01.png");
}
@media screen and (min-width: 992px) {
    .digital__section__background--brown {
        background-image: url("../assets/images/background_digital_01.png");
    }
}


.digital__section__background--white {
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-image: url("../assets/images/background_digital_m_02.png");
}
@media screen and (min-width: 992px) {
    .digital__section__background--white {
        background-image: url("../assets/images/background_digital_02.png");
    }
}

.digital__section__title {
    padding-bottom: clamp(4rem, 4.4854rem + -1.2945vw, 2rem);
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    font-size: clamp(2rem, 1.5146rem + 1.2945vw, 4rem);
}

/*
.digital__section__title {
    padding-bottom: 4rem;
}
@media screen and (min-width: 992px) {
    .digital__section__title {
        padding-bottom: 2rem;
    }
} */



/*
.digital__section__title--font {
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    font-size: 2rem;
}
@media screen and (min-width: 992px) {
    .digital__section__title--font {
        font-size: 4rem;
    }
}
*/


.digital__qr-code__size {
/*    height: 80px; */
    max-height: 8rem;
}
@media screen and (min-width: 992px) {
    .digital__qr-code__size {
        max-height: 22rem;
/*        width: 220px;
        height: 220px; */
    }
}

.digital__qr-code__area {
    padding-top: 4rem;
    padding-bottom: 0;
}
@media screen and (min-width: 992px) {
    .digital__qr-code__area {
        padding-top: 0;
        padding-bottom: 0;
    }
}


/*
.digital__qr-code__area {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 80px;
    padding-top: 40px;
}
@media screen and (min-width: 992px) {
    .digital__qr-code__area {
        width: 50%;
        padding-top: auto;
        padding-bottom: auto;
        padding-right: 0;
    }
}
*/

/*
.digital__qr-code__size {
    width: clamp(80px, 100%, 220px);
}
*/


/*
.digital__qr-code__size {
    width: 80px;
    height: 80px;
}
@media screen and (min-width: 376px) {
    .digital__qr-code__size {
        object-fit: 100%;
    }
}
@media screen and (min-width: 1920px) {
    .digital__qr-code__size {
        width: 220px;
        height: 220px;
    }
}
*/



/** Building - Office List **/
.office-list__container {
    margin-top: 60px;
    margin-bottom: 60px;
    padding-left: auto;
    padding-right: auto;
}
@media screen and (min-width: 992px) {
    .office-list__container {
        margin-top: 120px;
        margin-bottom: 140px;
    }
}


.office-list__table__heading {
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    font-size: 0.75rem;
    color: #88704C;
    padding-bottom: 10px !important;
    text-align: center;
    border-bottom: 1px solid #D1D1D1 !important;
}
@media screen and (min-width: 992px) {
    .office-list__table__heading {
        font-size: 1.25rem;  
        padding-bottom: 20px !important;  
    }
}


.office-list__table__content {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 0.625rem;
    border-bottom: 1px solid #D1D1D1;
}
@media screen and (min-width: 992px) {
    .office-list__table__content {
        padding-top: 30px;
        padding-bottom: 30px;
        font-size: 1.125rem;
    }
}


.office-list__table__page-control {
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    font-size: 0.625rem;
    color: #88704C;
    margin-top: 40px;
}
@media screen and (min-width: 992px) {
    .office-list__table__page-control {
        font-size: 1rem;
        margin-top: 100px;
    }
}



/** Building - We All Count **/
.we-all-count__upper-section__container {
    padding-top: 130px;
    padding-bottom: 130px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-image: url("../assets/images/background_we_all_count.png");
}
@media screen and (min-width: 992px) {
    .we-all-count__upper-section__container {
        padding-top: 110px;
        padding-bottom: 110px;
    }
}


.we-all-count__upper-section__box {
    background: rgba(180, 152, 109, 0.95);
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;

}
@media screen and (min-width: 992px) {
    .we-all-count__upper-section__box {
        padding-top: 40px;
        padding-bottom: 40px;
        padding-left: 40px;
        padding-right: 40px;

    }
}


.we-all-count__upper-section__text {
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: 10px;
    margin-right: 10px;

}
@media screen and (min-width: 992px) {
    .we-all-count__upper-section__text {
        margin-top: 30px;
        margin-bottom: 30px;
        margin-left: 50px;
        margin-right: 50px;
    }
}


.we-all-count__upper-section__quotation-mark {
    object-fit: scale-down;
    width: 14px;
    height: auto;
}
@media screen and (min-width: 992px) {
    .we-all-count__upper-section__quotation-mark {
        width: 20px;
        height: auto;
    }
}


.we-all-count__middle-section__container {
    margin-top: 60px;
    margin-bottom: 40px;
}
@media screen and (min-width: 992px) {
    .we-all-count__middle-section__container {
        margin-top: 80px;
        margin-bottom: 80px;
    }
}



.we-all-count__middle-section__year {
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    font-size: 1.625rem;
    color: #3D3120;
    text-align: center;
}
@media screen and (min-width: 992px) {
    .we-all-count__middle-section__year {
        font-size: 3rem;
    }
} 

.we-all-count__middle-section__text {
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    font-size: 1.5rem;
    color: #3D3120;
    text-align: center;
}
@media screen and (min-width: 992px) {
    .we-all-count__middle-section__text {
        font-size: 38px;
    }
} 


.we-all-count__lower-section__container {
    margin-top: 60px;
    margin-bottom: 60px;
    text-align: center;
}
@media screen and (min-width: 992px) {
    .we-all-count__lower-section__container {
        margin-top: 140px;
        margin-bottom: 140px;
    }
}



.we-all-count__slider__container {
    padding-left: 8%;
    padding-right: 0;
}
@media screen and (min-width: 992px) {
    .we-all-count__slider__container {
        padding-left: 17%;
        padding-right: 0;
    }
}


.we-all-count__item {
/*    height: 207px; */
    min-width: 300px;
    margin-bottom: 30px;
}
@media screen and (min-width: 992px) {
    .we-all-count__item {
/*        min-height: 100px; */
        min-width: 600px;
        margin-bottom: 80px;
    }
}

.we-all-count__item__section--top
{
    background-color: #B4986D;
    padding-left: 20px;
    padding-right: 20px;
}
@media screen and (min-width: 992px) {
    .we-all-count__item__section--top
    {
        padding-left: 40px;
        padding-right: 40px;
    }
}


.we-all-count__item__section--bottom
{
    background-color: #FFFFFF;  
    border: 2px solid #B4986D;
    padding-top: 20px;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
    height: 131px;
    
}
@media screen and (min-width: 992px) {
    .we-all-count__item__section--bottom
    {
        padding-top: 40px;
        padding-bottom: 60px;
        padding-left: 40px;
        padding-right: 40px;
        height: 262px;
    }
}

.we-all-count__item__title
{
    color: #FFFFFF;
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    font-size: 1.25rem;
}
@media screen and (min-width: 992px) {
    .we-all-count__item__title
    {
        font-size: 38px;
    }
}


.we-all-count__item__image
{
    object-fit: scale-down;
    width: 70px;
    text-align: end;
}
@media screen and (min-width: 992px) {
    .we-all-count__item__image
    {
        object-fit: scale-down;
        width: 140px;
    }
}




/** CSS for Shop Detail Page **/
.shop-detail__upper-section__container {
    margin-top: 0;
    margin-bottom: 40px;
}
@media screen and (min-width: 992px) {
    .shop-detail__upper-section__container {
        margin-bottom: 90px;
    }
}


.shop-detail__middle-section__background {
    background-color: #F1EEEB;
}

.shop-detail__middle-section__container {
    height: 80px;
    font-family: 'FZYOUH_511M', Helvetica;
    font-weight: bold;
    color: #88704C;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
@media screen and (min-width: 992px) {
    .shop-detail__middle-section__container {
        height: 200px;
    }
}


.shop-detail__middle-section__first-line {
    font-size: 0.875rem;
    margin-bottom: 10px;
}
@media screen and (min-width: 992px) {
    .shop-detail__middle-section__first-line {
        font-size: 2.5rem;
        margin-bottom: 20px;
    }
}


.shop-detail__middle-section__second-line {
    font-size: 0.625rem;
}
@media screen and (min-width: 992px) {
    .shop-detail__middle-section__second-line {
        font-size: 1.875rem;
    }
}


.shop-detail__lower-section__container {
    margin-top: 0;
    margin-bottom: 40px;
    text-align: center;
}
@media screen and (min-width: 992px) {
    .shop-detail__lower-section__container {
        margin-bottom: 90ox;
    }
}



.shop-detail__logo {
    position: relative;
    object-fit: scale-down;
    max-height: 260px;
    text-align: center;
}
@media screen and (min-width: 992px) {
    .shop-detail__logo {
        max-height: 520px;
    }
}





.shop-detail__storefront-image {
    margin-left: -10%;
    margin-right: -10%;
}
@media screen and (min-width: 992px) {
    .shop-detail__storefront-image {
        margin-left: auto;
        margin-right: auto;
    }
}



.shop-detail__description {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 40px;
}
@media screen and (min-width: 992px) {
    .shop-detail__description {
        margin-left: 20%;
        margin-right: 20%;
        margin-bottom: 80px;
    }
}


.shop-detail__spacing {
    display: block;
    height: 40px;
}
@media screen and (min-width: 992px) {
    .shop-detail__spacing {
        height: 80px;
    }
}


.shop-detail__info__container {
    display: block;
    background-color: #FFFFFF;
}
@media screen and (min-width: 992px) {
    .shop-detail__info__container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        background-color: #B4986D;
    }
}



.shop-detail__info__box {
    background-color: #B4986D;
    padding-top: 45px;
    padding-bottom: 45px;
    padding-left: 30px;
    padding-right: 30px;
    line-height: 15px;
}
@media screen and (min-width: 992px) {
    .shop-detail__info__box {
        padding-top: auto;
        padding-bottom: auto;
        padding-left: 60px;
        padding-right: 60px;
        line-height: 30px;
    }
}


.shop-detail__info__spacing {
    display: block;
    height: 20px;
}
@media screen and (min-width: 992px) {
    .shop-detail__info__spacing {
        height: 20px;
    }
}


.shop-detail__icon {
    object-fit: scale-down;
    width: 15px;
}
@media screen and (min-width: 992px) {
    .shop-detail__icon {
        width: 25px;
    }
}


.shop-detail__link {
    color: #FFFFFF;
}

/* shopping */
.menu__container2 {
    scrollbar-color: #88704C transparent;
}
.menu__container2::-webkit-scrollbar {
    background: transparent;
}
@media screen and (min-width: 992px) {
    /* digital */
    .digital__section__container {
        padding: 10.5rem 0 13.9rem;
    }
    .digital__section__title {
        font-size: 3.7554rem;
        padding-bottom: 1.5rem;
    }
    .digital__qr-code__size {
        max-height: 20rem;
    }

    /* shopping */
    .shopping__heading__description {
        padding: 7.4rem 0 11rem;
        font-size: 1.64rem;
    }
    .hotel__lower-section__button {
        padding-top: 6.6rem;
    }
    .shopping__middle-section__title {
        margin-bottom: 4.8rem;
        font-size: 4.1rem;
    }
    .shopping__middle-section__text {
        margin-bottom: 6.8rem;
        font-size: 1.512rem;
    }
    .shopping__middle-section__text p {
        line-height: 2.3;
    }
    .shopping__qr-code__size {
        width: 13.171rem;
        height: 13.171rem;
    }
    .shopping__middle-section__container {
        padding: 10rem 17%;
        
    }
    .shopping__middle-section__container picture .img-fluid {
        width: 35.988rem;
    }
    .shopping-slider-single__container {
        padding: 11rem 17% 11.8rem 15%
    }
    .shopping-slider-single__item {
        margin-bottom: 8.99685rem;
        min-width: 35.9874rem;
        min-height: 44.984rem;
        background: url(../assets/images/background_dot_shopping.png) 94.3% 9%/10.4rem auto no-repeat;
    }
    .shopping-slider-single__section--image {
        padding: 3.5987rem 0 0 3.5987rem;
    }
    .shopping-slider-single__image-box--left-top::before {
        top: -3.5987rem;
        left: -3.5987rem;
    }
    .shopping-slider-single__section--info {
        margin-left: -19rem;
        padding: 5rem 5.6rem 6.9rem;
    }
    .shopping-slider-single__shop__name {
        margin-bottom: 3.59876rem;
        font-size: 3.41704rem;
    }
    .shopping-slider-single__shop__icon {
        width: 3rem;
    }
    .shopping-slider-single__shop__location,
    .shopping-slider-single__shop__opening-hours,
    .shopping-slider-single__shop__phone {
        font-size: 2.2rem;
    }
    .menu__container {
        line-height: 5.396rem;
        column-gap: 9.377rem;
    }
    .menu__container2 {
        /* column-gap: 3.377rem; */
        column-gap: 3.3rem;
        scrollbar-color: #88704C transparent;
    }
    .menu__container2::-webkit-scrollbar {
        background: transparent;
    }
    .first-level-menu__item,
    .second-level-menu__item {
        font-size: 1.8rem;
    }
    .second-level-menu__link--selected,
    .second-level-menu__link:hover {
        display: inline-block;
        padding-bottom: 0;
        border-width: .1799rem;
    }
    .second-level-menu__link--selected {
        font-weight: normal;
    }
    .shop__content {
        padding: 7.2rem 17%!important;
    }
    .shop__item .card-body {
        padding: 1.6rem;
    }
    .shop__name { 
		height: 5.74rem;
		font-size: 1.8rem;
		padding-bottom: 0;
	}
    .shop__location,
    .shop__category {
        font-size: 1.2rem;
    }
    .shop-detail__logo {
        max-height: 46.7836rem;
        padding: 4.3rem 0;
    }
    .shop-detail__logo img {
        width: 19.79334rem;
    }
    #shopInfo p.collapse[aria-expanded="false"] {
        height: 14.395rem!important;
    }
    .shop__description {
        margin: 0 23.5%;
        font-size: 1.58rem;
        line-height: 1.75;
    }
    .shop-detail__info__box {
        line-height: 2.6991rem;
        padding: 0 5.3981rem;
    }
    .shop-detail__icon {
        width: 2rem;
    }
    .shop-detail__info__spacing {
        height: 1.8rem;
    }
    .shop-detail__middle-section__container {
        height: 17.9939rem;
    }
    .shop-detail__middle-section__first-line {
        font-size: 3.5rem;
        margin-bottom: 1.2rem;
    }
    .shop-detail__middle-section__second-line {
        font-size: 2.6rem;
    }
    #shopInfo div.collapsed:after {
        font-size: 1.5rem;
    }
    .shop-detail__lower-section__container {
        margin-bottom: 0;
        padding: 0 21%;
    }

    /* dining */
    .dining-eatogether-section__container {
        padding: 10.4484rem 17% 10.4484rem;
        /* background-size: auto 100%;
        background-repeat: no-repeat; */
        background: #B4986D url(../assets/images/img_dining_background.png) 8.4rem 2rem/auto 100% no-repeat;
    }
    .dining-eatogether-section__area--image {
        padding: 0;
        background-image: none;
    }
    .dining-eatogether-section__title {
        padding: 1.7994rem 0px 0 6.8rem;
        font-size: 4.2rem;
    }
    .dining-eatogether-section__intro-text {
        padding: 5.3982rem 0 5.3982rem 6.8rem;
        font-size: 1.512rem;
    }
    .dining-eatogether-section__container .common__button {
        margin-left: 6.8rem;
    }
    .dining-slider-single__item {
        min-height: 44.985rem;
        min-width: 53.982rem;
        margin-bottom: 8.997rem;
    }
    .dining-slider-single__section--info {
        padding: 0;
    }
    .dining-slider-single__margin-background {
        height: 11rem;
    }
    .dining-slider-single__margin-background:nth-of-type(2) {
        height: 15rem;
        top: 9rem;
        z-index: -1;
    }
    .dining-slider-single__shop__name {
        margin: 0 0 3.59879rem;
        font-size: 3.41885rem;
        font-weight: normal;
    }
    .dining-slider-single__row__shop-info {
        margin-bottom: 2.6991rem;
    }
    .dining-slider-single__shop__icon {
        width: 3rem;
    }
    .dining-slider-single__shop__location,
    .dining-slider-single__shop__opening-hours,
    .dining-slider-single__shop__phone {
        font-size: 2.2rem;
    }
    .dining-slider-single__section--image {
        padding: 0;
    }
    .dining-slider-single__storefront-image {
        width: 46.58486rem;
        height: 46.58486rem;
        padding: .7197rem;
        border: .1799rem solid #b4986d;
        border-radius: 50%;
        background: transparent;
    }
    .dining-slider-single__storefront-image img {
        position: initial;
        border-radius: 50%;
        transform: none;
    }
    .dining__pn {
        padding: 0 10.6rem 9rem 0;
    }
    .dining-garden-section__container {
        padding: 12.5958rem 17% 10.7964rem;
    }
    .dining-garden-section__title {
        font-size: 4.2rem;
    }
    .dining-garden-section__intro-text {
        padding: 5.4rem 3rem;
    }
    .dining-slider__background {
        height: 26.99rem;
    }
    .dining-slider__container {
        padding: 8.997rem 0 0 17%;
        margin-bottom: 9.59576rem;
    }
    .dining-slider__item {
        min-height: 49.483rem;
        min-width: 53.982rem;
        margin-bottom: 7.0174rem;
    }
    .dining-slider__item:first-of-type .dining-slider__shop-item {
        /*border-bottom: 2px solid #88704C !important;*/
    }
    .dining-slider__shop__info-section {
        padding: 2.8988rem 2.6991rem;
    }
    .dining-slider__shop__name {
        font-size: 2.85rem;
        margin-bottom: 7rem;
    }
    .dining-slider__shop__location {
        font-size: 1.5rem;
    }
    .dining-slider__shop__category {
        font-size: 1.7rem;
    }

    /* activity */
    .activity__date {
        padding-bottom: 1rem;
        font-size: 1.9rem;
    }
    .activity__title {
        padding-bottom: 2rem;
        font-size: 3.4rem;
    }
    .activity__sub-title {
        font-size: 2.1rem;
    }
    .activity-detail__upper-section__background {
        height: 27.8906rem;
    }
    .activity-detail__upper-section__container {
        height: 54.7016rem;
        margin-bottom: 3.5988rem;
    }
    .activity-detail__heading {
        padding: 18.6rem 0 5rem;
        font-size: 4.28rem;
    }
    .activity-detail__icon {
        width: 3.6rem;
    }
    .activity-detail__text {
        line-height: 1.8;
        font-size: 1.8rem;
    }
    .calendar__box__container {
        max-width: 100%;
    }
    .calendar__box {
        max-width: 55.78123rem;
        line-height: 2.83;
        margin: 6.2rem auto;
        padding: 1.8rem 2.2rem 5rem;
    }
    .calendar__text--month {
        font-size: 2.7rem;
    }
    .calendar__text--weekday {
        font-size: 1.7rem;
    }
    .calendar__text--day,
    .calendar__text--day--other {
        font-size: 1.6rem;
    }
    .calendar__text--day--active {
        width: 3.59879rem;
        height: 3.59879rem;
        font-size: 1.6rem;
    }
    .calendar__box__background {
        width: 19.3435rem;
        right: -7.8rem;
        bottom: -5.3rem;
    }
    .activity-detail__upper-section__container {
        height: 57.3rem;
        margin-bottom: 0;
    }
    .container-fluid.common__padding.activity {
        padding: 0 25.4%;
    }
    .activity__background--image {
        background: #B4986D url(../assets/images/background_activity2.png) 0 0/auto 100%;
    }

    /* building */
    .building__middle-section__background {
        margin-bottom: 12.59576rem;
    }
    .building__middle-section__container {
        padding: 10.79637rem 17%;
    }
    .building__middle-section__title {
        font-size: 4.6rem;
        margin-bottom: 5rem;
    }
    .building__middle-section__text {
        font-size: 1.6rem;
    }
    .building__qr-code__size {
        width: 12.59576rem;
        height: 12.59576rem;
    }
    .floor__container {
        margin: 10.79637rem 0 5.3982rem;
    }
    .floor__container .overflow-auto {
        scrollbar-width: none;
    }
    .floor__container .overflow-auto::-webkit-scrollbar {
        display: none;
    }
    .floor__item {
        margin-bottom: 0;
    }
    .floor__menu__item--selected {
        line-height: 7.2rem;
        padding: 0 3.5988rem;
        font-size: 2.5rem;
    }
    .floor__menu__item {
        line-height: 6rem;
        padding: 0 3rem;
        font-size: 2.5rem;
    }
    .floor__image {
        max-width: 71.9858rem;
        padding: 2.6991rem 0 1.7994rem;
    }
    .floor__text {
        line-height: 1.8;
        font-size: 2rem;
    }
    .building__block__container {
        margin: 2rem 0 4.5rem;
    }
    .building__block__icon {
        width: 7.58rem;
        margin: 3.3rem 0 0 3.6rem;
    }
    .building__block__box {
        height: calc(100% - 7.1976rem);
        min-height: 35.6rem;
        margin-top: 7.1976rem;
        padding: 7.65rem 4.9rem 1.7rem;
    }
    .building__block__title {
        font-size: 2.1rem;
        margin-bottom: 3rem;
    }
    .building__block__box p {
        line-height: 1.7;
        padding-bottom: 2rem;
        font-size: 1.65rem;
    }
    .environment__section__title {
        margin-bottom: 0.5rem;
        font-size: 3.6rem;
    }
    .environment__section__text--larger {
        font-size: 1.96rem;
        margin-bottom: 4.3rem;
    }
    .leed__item {
        min-height: 26.9909rem;
        min-width: 35.9879rem;
        margin-bottom: 7.1976rem;
    }
    .leed__year {
        font-size: 3.5rem;
        padding: 2rem 0 1rem;
    }
    .leed__text {
        line-height: 1.9;
        padding-bottom: 3.7rem;
        font-size: 1.43rem;
    }
    .environment__middle-section__container {
        padding: 10rem 0 7.1976rem;
    }
    .environment__section__title--white {
        font-size: 3.6rem;
        margin-bottom: 5.3982rem;
    }
    .environment__lower-section__container {
        padding: 12.5957rem 0;
    }
    .eco-activity__container {
        margin: 7.6474rem 0 10.5957rem;
    }

    .eco-activity__thumbnail {
        border-width: 1.7994rem;
    }
    .eco-activity__grid {
        row-gap: 5.5rem;
    }
    .eco-activity__title {
        padding: 2rem 1.6rem 0.8rem;
        font-size: 2.5rem;
    }
    .eco-activity__text {
        padding: 0 1.6rem;
        font-size: 1.5rem;
    }
    .eco-activity-detail__upper-section__container {
        margin-bottom: 10.7964rem;
    }
    .eco-activity-detail__upper-section__background {
        height: 62.9788rem;
    }
    .eco-activity-detail__text-area {
        top: -7.3979rem;
    }
    .eco-activity-detail__overlay-title {
        margin-bottom: 3.9587rem;
        padding-left: 3.5988rem;
        font-size: 3.4188rem;
    }
    .eco-activity-detail__overlay-text {
        padding-left: 3.5988rem;
        margin-bottom: 5.3982rem;
    }
    .eco-activity-detail__middle-section__container {
        padding: 10.7964rem 0;
    }
    .eco-activity-detail__lower-section__container {
        margin: 10.7964rem 0 12.5958rem;
        padding: 0 17.64%;
    }
    .eco-activity-detail__lower-section__title {
        font-size: 3.4188rem;
        margin-bottom: 3.5988rem;
    }
    .eco-activity-detail__lower-section__container img {
        width: 55.7812rem;
    }
    .we-all-count__upper-section__container {
        width: 66%;
        padding: 9.8966rem 0;
    }
    .we-all-count__upper-section__box {
        padding: 3.5988rem;
    }
    .we-all-count__upper-section__quotation-mark {
        width: 1.7994rem;
    }
    .we-all-count__upper-section__text {
        margin: 2.6991rem 4.4985rem;
    }
    .we-all-count__middle-section__container {
        margin: 7.1976rem 0;
    }
    .we-all-count__middle-section__year {
        font-size: 4.5rem;
    }
    .we-all-count__middle-section__text {
        font-size: 3.4188rem;
    }
    .we-all-count__item {
        min-width: 53.9818rem;
        margin-bottom: 7.1976rem;
    }
    .we-all-count__item__section--top {
        padding: 0 0.8997rem 0 3.5988rem;
    }
    .we-all-count__item__title {
        font-size: 3.4188rem;
    }
    .we-all-count__item__image {
        width: 18.5958rem;
    }
    .we-all-count__item__section--bottom {
        height: 23.5721rem;
        padding: 3.5988rem 3.5988rem 0;
    }
    .we-all-count__lower-section__container {
        margin: 12.5958rem 0;
    }
    .office-list__container {
        margin: 10.7964rem 0 12.5958rem;
    }
    .office-list__table__heading {
        font-size: 1.8rem;
        padding-bottom: 0 !important;
    }
    .office-list__table__heading th {
        padding-bottom: 1.7994rem !important;
    }
    .office-list__table__content {
        padding: 1.7994rem 0;
        font-size: 1.65rem;
    }
    .office-list__table__page-control {
        margin-top: 8.997rem;
        font-size: 1.5rem;
    }

    /* hotel */
    .hotel__upper-section__background {
        height: 52.3624rem;
    }
.hotel__upper-section__background__en  {
            height: 68.3624rem !important;
     }
    .hotel__upper-section__container {
        padding-top: 10.7964rem;
    }
    .hotel__upper-section__image {
        padding-left: 9.6961rem;
    }
    .hotel__section__image {
        max-width: 46.7842rem;
    }
    .hotel__lower-section__background {
        height: 50.1rem;
        margin-top: 0;
        margin-bottom: 0;
    }
    .hotel__lower-section__container {
        margin: 16.1946rem 0 15.2949rem;
    }
    .hotel__lower-section__image-box {
        margin: 3.5988rem 0 0 3.5988rem;
    }
    .hotel__lower-section__image-box::before {
        top: -3.5988rem;
        left: -3.5988rem;
    }
    .hotel__lower-section__image {
        max-width: 37rem;
    }
    .hotel__ul .img-fluid {
        width: 40.7rem;
    }
    .hotel__ul .content__section__title--larger,
    .hotel__ul .content__section__text {
        padding-left: 4rem;
    }
    .hotel__ul .content__section__title--larger {
        font-size: 3.6rem;
    }

    /* about_us */
    .about-us__upper-section__container {
        margin-bottom: 21.5927rem;
        padding-top: 8.997rem;
    }
    .about-us__upper-section__background {
        width: 63%;
        height: 53.9818rem;
    }
    .about-us__section__image--left {
        padding-right: 11.6961rem;
    }
    .about-us__image-box--right-bottom::before {
        top: 3.5988rem;
        left: 3.5988rem;
    }
    .about-us__section__image {
        max-height: 52.7222rem;
    }
    .about-us__section__title {
        font-size: 3.5rem;
        margin-bottom: 3.5988rem;
    }
    .about-us__middle-section__container {
        margin-bottom: 21.5927rem;
    }
    .about-us__middle-section__background {
        height: 36.5277rem;
        top: 15%;
    }
    .about-us__section__image--right {
        padding-left: 11.6961rem;
    }
    .about-us__image-box--left-bottom::before {
        top: 3.5988rem;
        left: -3.5988rem;
    }
    .about-us__lower-section__container {
        padding-bottom: 8.997rem;
    }
    .about-us__lower-section__background {
        width: 63%;
        height: 53.9818rem;
    }
    .media__year {
        font-size: 3.2rem;
    }
    .media__title {
        font-size: 1.8rem;
    }
    .media__text {
        font-size: 1.3rem;
    }
    .about-us__section__button {
        padding-top: 8rem;
    }
    .about-us__how-to-go__container {
        max-width: 84.9637rem;
    }
    .about-us__section__icon img {
        max-width: 2.6991rem;
    }
    .about-us__section__legend-icon img {
        margin: 2rem 0;
        height: 3.5988rem;
    }
    .about-us__section__legend-text {
        font-size: 1.75rem;
    }
    .recruitment__group__title {
        font-size: 2.7rem;
        margin-bottom: 2.6991rem;
    }
    .recruitment__job__title {
        font-size: 2.15rem;
    }
    .recruitment__job__text {
        padding-right: 15rem;
    }
    .recruitment__group__spacing {
        height: 10.7964rem;
    }
    .recruitment__info__spacing {
        height: 5.3982rem;
    }

    /* service */
    .service__section__container:nth-child(odd) {
        margin-bottom: 23.3921rem;
    }
    .service__section__image--left {
        padding-right: 16.1946rem;
    }
    .service__image-box--right-bottom::before {
        top: 3.5988rem;
        left: 3.5988rem;
    }
    .service__section__background--rental-car {
        min-height: 23.3921rem;
        padding: 0;
        background-size: auto 17.3921rem;
    }
    .service__section__title {
        margin-top: 0px;
        margin-bottom: 4.4985rem;
        font-size: 3.5rem;
        color: #3D3120;
    }
    .service__section__container:nth-child(even) {
        margin-bottom: 16.1946rem;
    }
    .service__section__image--right {
        padding-left: 16.1946rem;
    }
    .service__image-box--right-top::before {
        top: -3.5988rem;
        left: 3.5988rem;
    }
    .service__section__background--baby,
    .service__section__background--umbrella,
    .service__section__background--locker {
        min-height: 23.3921rem;
        margin-top: -3.5988rem;
        padding: 0;
        background-size: auto 23.3921rem;
    }
    .parking__upper-section__container {
        margin-top: 8.997rem;
        margin-bottom: 16.1946rem;
        padding: 0 11%;
    }
    .parking__upper-section__background {
        height: 35.9879rem;
    }
    .parking__sub-title {
        font-size: 2.5rem;
        line-height: 6.2979rem;
        margin: 5.3982rem 0 3.5988rem;
    }
    .parking__text-box {
        max-width: 39.5867rem;
        margin-bottom: 3.5988rem;
        padding: 8.997rem 2.6991rem;
    }
    .parking__group-title {
        font-size: 1.9793rem;
        line-height: 2.2492rem;
        margin-bottom: 2.6991rem;
    }
    .parking__image {
        width: 4.4985rem;
        height: 4.4985rem;
        margin: 2.6991rem 0 1.7994rem;
    }
    .parking__content-text {
        line-height: 3.2492rem;
    }
    .parking__middle-section__container {
        margin-bottom: 16.1946rem;
    }
    .parking__middle-section__background,
    .parking__lower-section__background {
        width: 58.4%;
        height: 35.9879rem;
    }
    .parking__title {
        margin-bottom: 5rem;
        padding-top: 5rem;
        padding-left: 14.3rem;
        font-size: 4.3rem;
    }
    .parking__lower-section__container {
        margin-bottom: 12.5958rem;
    }

    /* index */
    .index__carousel__spacing {
        margin-bottom: 11.7964rem;
        padding: 0 !important;
    }
    .index__nav-menu__outer-container {
        padding-left: 13.5%;
        padding-right: 12.6%;
    }
    .index__nav-menu__container {
        height: 22.4924rem;
        box-shadow: 0px 1.7994rem 3.5988rem 0px rgb(136 112 76 / 10%);
        margin-top: -10.997rem;
        margin-bottom: 2.3982rem;
        padding: 0 6.8rem;
    }
    .index__nav-menu__item img {
        width: 4.5092rem;
        height: auto;
    }
    .index__nav-menu__item--text {
        font-size: 1.8rem;
        line-height: 5.5rem;
    }
    .index__activity-slider__outer-container,
    .index__shopping-slider__outer-container,
    .index__dining-slider__outer-container {
        padding: 10.7964rem 0 6.9rem;
    }
    .index__dining-slider__container {
        margin-top: 2rem;
    }
    .index__section__container {
        padding-bottom: 4.83982rem;
    }
    .index__section__title,
    .index__environment__title {
        font-size: 4.3rem;
        font-weight: normal;
    }
    .index__section__view-all-link,
    .index__section__view-all-link--white {
        font-size: 1.75rem;
    }
    .index__activity-slider__container,
    .index__shopping-slider__container {
        padding-top: 5.3982rem;
    }
    .index__shopping-slider__container {
        background: url(../assets/images/background_dot_index_new_activity.png) 15.05% .5%/19.7rem auto no-repeat;
    }
    .index__activity-slider__background {
        height: 35.9879rem;
        background-position: 0 0;
        background-size: auto 100%;
        background-image: url(../assets/images/background_activity2.png);
    }
    .index__activity-slider__row {
        background: url(../assets/images/background_dot_index_new_activity.png) 50% 84%/19.7rem auto no-repeat;
    }
    .index__activity-slider__item,
    .index__shopping-slider__item {
        min-width: 35.9879rem;
        margin-bottom: 8.997rem;
    }
    .index__activity-slider__activity__name {
        margin: 1rem 0 3rem;
        font-size: 4.3rem;
        font-weight: normal;
    }
    .index__activity-slider__activity__date {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 2rem;
        margin-bottom: 3rem;
    }
    .index__activity-slider__activity__intro {
        font-size: 2.1rem;
        line-height: 3.5988rem;
    }
    .index__activity-slider__section--image {
        min-height: 34.0085rem;
        position: relative;
    }
    /* .index__activity-slider__section--image:after {
        content: '';
        position: absolute;
        left: -5rem;
        bottom: -3rem;
        width: 10rem;
        height: 10rem;
        background: url(../assets/images/background_dot_index_new_activity.png) 0 0/100% 100% no-repeat;
    } */
    .index__shopping-slider__section--image {
        padding: 0 5rem 3.5988rem 3.5988rem;
    }
    .index__shopping-slider__image-box__background::before {
        top: 3.5988rem;
        left: -3.5988rem;
    }
    .index__shopping-slider__image-box__background::after {
        content: '';
        position: absolute;
        top: -5.2rem;
        left: -9.89rem;
        width: 100%;
        height: 100%;
        background: url(../assets/images/background_dot_index_new_activity.png) 0 0/19.7rem auto no-repeat;
        z-index: -1;
    }
    .index__shopping-slider__section--info {
        padding-left: 12%;
    }
    .index__shopping-slider__shop__name {
        font-size: 4.35rem;
        margin-bottom: 4.4985rem;
    }
    .index__shopping-slider__icon {
        width: 3rem;
    }
    .index__shopping-slider__text {
        line-height: 2.2;
        padding-left: 1.5rem;
        font-size: 2.4rem;
    }
    .index__brand__outer-container {
        padding: 7.3rem 0 3.9rem;
    }
    .index__brand-slider__container {
        height: 57.5806rem;
        row-gap: 3.1489rem;
        column-gap: 2.6991rem;
    }
    .index__brand-slider__item {
        max-width: 26.0912rem;
    }
    .index__brand-slider__item img {
        width: 26.0912rem;
    }
    .index__dining-slider__item {
        min-width: 53.9818rem;
        min-height: 49.4833rem;
        margin-bottom: 11.6961rem;
    }
    .index__dining-slider__shop__name {
        height: 13rem;
        margin: 0;
        padding: 2.5rem 2rem;
        font-size: 2.8rem;
    }
    .index__dining-slider__shop__location {
        padding: 0 0 2rem 2rem;
        font-size: 1.6rem;
    }
    .index__dining-slider__shop__category {
        padding: 0 2rem 2rem 0;
        font-size: 1.6rem;
    }
    .index__environment__outer-container {
        padding-top: 7.3rem;
    }
    .index__environment__background {
        height: 60.4rem;
        background-size: 34.8% auto;
    }
    .index__environment__text {
        padding: 2.8rem 0 7.8rem;
        font-size: 1.9793rem;
    }
    .index__environment__leed__item {
        min-width: 36.8876rem;
        min-height: 51.2827rem;
        margin-bottom: 7.1976rem;
    }
    .index__environment__leed__info-section {
        padding: 3.5988rem 0 4.4985rem;
    }
    .index__environment__leed__year {
        margin-bottom: 1.7994rem;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 3.4188rem;
    }
    .index__environment__leed__text {
        font-size: 1.45rem;
    }
    .index__eco-activity__container {
        padding: 8.75958rem 17% 16.1946rem;
    }
    .index__eco-activity__image {
        border-width: 1.7994rem;
    }
    .index__eco-activity__text-area {
        padding: 0 3.5988rem;
    }
    .index__eco-activity__title {
        padding-bottom: 3.5988rem;
        font-size: 3.4188rem;
    }
    .index__eco-activity__text {
        font-size: 1.9793rem;
    }
    .index__eco-activity__button {
        padding-top: 3.5988rem;
    }
    .index__about-us__outer-container {
        padding: 16.1946rem 0;
    }
    .index__about-us__background {
        height: 53.9818rem;
    }
    .index__about-us__title {
        margin-bottom: 2.6991rem;
        font-size: 4.3rem;
    }
    .index__about-us__text {
        margin-bottom: 8.0973rem;
        font-size: 1.9793rem;
    }
    .index__about-us__item--how-to-go {
        padding: 4.1985rem 0;
        padding: 6.1985rem 0 2.1985rem;
        box-shadow: 0px 1.7994rem 3.5988rem 0px rgb(136 112 76 / 10%);
    }
    .index__about-us__item__icon img {
        height: 5.3982rem;
    }
    .index__about-us__item__title {
        font-size: 2.7rem;
        margin: 3.0988rem 0 0.8997rem;
    }
    .index__about-us__item__sub-title {
        font-size: 2rem;
    }
    .index__about-us__item--mall-directory {
        padding: 6.81976rem 0 2.81976rem;
    }
    .index__about-us__item--mall-directory .index__about-us__item__icon img {
        height: 7rem;
    }
    .index__footer-link__container {
        padding: 8.0973rem 20.9%;
    }
    .index__footer-link__title {
        margin-bottom: 2.6991rem;
        font-size: 1.7rem;
    }
    .index__footer-link__text {
        line-height: 3.5rem;
        font-size: 1.25rem;
    }
    .index__footer-link__icon {
        width: 2rem;
    }
}
@media screen and (max-width: 992px) {
    /* index */
    .index__carousel__spacing {
        margin: 0 8% 5rem;
    }
    .index__carousel__spacing li[data-bs-target] {
        width: 25% !important;
        height: .4rem !important;
        margin: 0 !important;
        border-radius: 0 !important;
        opacity: 1;
    }
    .index__activity-slider__outer-container,
    .index__shopping-slider__outer-container,
    .index__brand__outer-container,
    .index__dining-slider__outer-container,
    .index__environment__outer-container,
    .index__about-us__outer-container {
        padding: 11rem 0 12rem;
    }
    .index__activity-slider__outer-container {
        padding-bottom: 8rem;
    }
    .index__section__container {
        padding: 0 8%;
    }
    .index__section__title,
    .index__environment__title {
        font-size: 4rem;
    }
    .index__section__view-all-link,
    .index__section__view-all-link--white,
    .index__environment__leed__text,
    .index__eco-activity__text {
        font-size: 2.2rem;
    }
    .index__activity-slider__container,
    .index__shopping-slider__container,
    .index__brand__container,
    .index__dining-slider__container {
        padding-top: 8rem;
    }
    .index__activity-slider__background {
        top: 18.5rem;
        height: 74.5rem;
        background: #B4986D url(../assets/images/background_activity2.png) -10rem 12rem/auto 53% no-repeat;
    }
    .index__activity-slider__row,
    .index__environment__leed__row {
        column-gap: 2rem;
    }
    .index__activity-slider__item,
    .index__dining-slider__item,
    .index__environment__leed__item {
        min-width: 60rem;
        min-height: 30rem;
        margin-bottom: 5.5rem
    }
    .index__activity-slider__section--info {
        padding-top: 3.5rem;
    }
    .index__activity-slider__activity__name {
        margin-bottom: 4.6rem;
        font-size: 3.54rem;
        font-weight: normal;
    }
    .index__activity-slider__activity__date {
        margin-bottom: 3rem;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 2.2rem;
    }
    .index__activity-slider__activity__intro {
        line-height: 2;
        font-size: 2.2rem;
    }
    .index__shopping-slider__container {
        background: url(../assets/images/background_dot_index_new_activity.png) 1rem 4.5rem/16.5rem auto no-repeat;
    }
    .index__shopping-slider__item {
        min-width: 62rem;
        margin-bottom: 2rem;
        background: transparent;
    }
    .index__shopping-slider__section--image {
        padding: 0 0 2rem 2rem;
    }
    .index__shopping-slider__image-box__background::before {
        top: 2rem;
        left: -2rem;
    }
    .index__shopping-slider__section--info {
        padding: 3rem 2rem;
    }
    .index__shopping-slider__shop__name {
        margin-bottom: 4rem;
        font-size: 3.6rem;
        font-weight: normal;
    }
    .index__shopping-slider__icon {
        width: 3rem;
    }
    .index__shopping-slider__text {
        line-height: 2.5;
        font-size: 2.2rem;
    }
    .index__brand-slider__container {
        height: 70rem;
        row-gap: 2rem;
        column-gap: 2rem;
    }
    .index__brand-slider__item {
        max-width: 20rem;
    }
    .index__brand-slider__item img {
        width: 20rem;
    }
    .index__dining-slider__shop__name {
        margin: 3rem 3rem 9rem;
        font-size: 3.6rem;
    }
    .index__dining-slider__shop__location {
        margin: 0 0 2rem 3rem;
        font-size: 2.4rem;
    }
    .index__dining-slider__shop__category {
        margin: 0 3rem 2rem 0;
        font-size: 2.4rem;
    }
    .index__environment__background {
        background-size: 100% auto;
    }
    .index__environment__text {
        padding: 8rem 0 4rem;
        font-size: 2.2rem;
    }
    .index__environment__leed__info-section {
        padding: 6rem 1rem;
    }
    .index__environment__leed__year {
        margin-bottom: 2rem;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 3.6rem;
    }
    .index__eco-activity__container {
        padding: 8rem 8% 12rem;
    }
    .index__eco-activity__image {
        border-width: 2rem;
        object-fit: initial;
    }
    .index__eco-activity__title {
        padding: 5rem 0 3rem;
        font-size: 3.6rem;
    }
    .index__eco-activity__button {
        padding-top: 6rem;
    }
    .index__about-us__background {
        height: 48.5rem;
		filter: brightness(0.7);
    }
    .index__about-us__title {
        margin-bottom: 2rem;
        font-size: 4rem;
    }
    .index__about-us__text {
        margin-bottom: 7rem;
        font-size: 2.2rem;
        text-align: left;
    }
    .index__about-us__row {
        column-gap: 3rem;
    }
    .index__about-us__item--how-to-go,
    .index__about-us__item--mall-directory {
        padding: 6rem 0 8rem;
    }
    .index__about-us__item__icon img {
        height: 5.6rem;
    }
    .index__about-us__item__title {
        margin: 4rem 0 1rem;
        font-size: 2.8rem;
    }
    .index__about-us__item__sub-title {
        margin-bottom: 3.5rem;
        font-size: 2rem;
    }
    /* shopping */
    .shopping__heading__description {
        padding: 4rem 0 12rem;
    }
    .hotel__lower-section__button {
        padding-top: 8rem;
    }
    .shopping__middle-section__container {
        padding-top: 16rem;
        padding-bottom: 16rem;
    }
    .shopping__middle-section__container picture .img-fluid {
        width: 27rem;
    }
    .shopping__middle-section__title {
        margin: 11rem 0 3rem;
        font-size: 4.8rem;
    }
    .shopping__middle-section__text {
        margin-bottom: 7rem;
    }
    .shopping__qr-code__size {
        width: 16rem;
        height: auto;
    }
    .shopping-slider-single__container {
        padding: 16rem 0 16rem 8%;
    }
    .shopping-slider-single__item {
        min-width: 62rem;
        min-height: 30rem;
        margin-bottom: 6rem;
    }
    .shopping-slider-single__section--image {
        padding: 2rem 0 0 2rem;
    }
    .shopping-slider-single__image-box--left-top::before {
        top: -2rem;
        left: -2rem;
    }
    .shopping-slider-single__section--info {
        padding: 5rem 2rem 0;
    }
    .shopping-slider-single__shop__name {
        margin-bottom: 4rem;
        font-size: 3.5rem;
    }
    .shopping-slider-single__row__shop-info {
        margin-bottom: 2.5rem;
    }
    .shopping-slider-single__shop__icon {
        width: 3rem;
    }
    .shopping-slider-single__shop__location,
    .shopping-slider-single__shop__opening-hours,
    .shopping-slider-single__shop__phone {
        font-size: 2rem;
    }
    .shop__content {
        padding: 8% !important;
    }
    .shop__content .g-3,
    .shop__content .gy-3 {
        --bs-gutter-x: 3rem;
        --bs-gutter-y: 6rem;
    }
    .shop__logo {
        max-height: 30rem;
    }
    .shop__content .col:first-of-type .shop__item {
        border-bottom: 2px solid #88704C !important;
    }
    .shop__item .card-body {
        padding: 2rem;
    }
    .shop__name {
        height: 7.712rem;
		padding-bottom: 0;
		font-size: 2rem;
    }
    .shop__location {
        font-size: 1.5rem;
    }
    .shop__category {
        font-size: 1.4rem;
        font-weight: normal;
    }
    .shop-detail__upper-section__container {
        margin-bottom: 8rem;
    }
    .shop-detail__logo {
        max-height: 26rem;
    }
    #shopInfo p.collapse[aria-expanded="false"] {
        height: 12rem !important;
    }
    .shop-detail__spacing {
        height: 7rem;
    }
    .shop-detail__info__box {
        padding: 8rem 6rem;
        line-height: 5rem;
    }
    .shop-detail__icon {
        width: 3rem;
        margin-right: 2rem;
    }
    .shop-detail__middle-section__container {
        height: 16rem;
    }
    .shop-detail__middle-section__first-line {
        margin-bottom: 1.5rem;
        font-size: 3rem;
    }
    .shop-detail__middle-section__second-line {
        font-size: 2rem;
    }
    .shop-detail__lower-section__container {
        margin: 9rem 0;
    }
    /* dining */
    .dining-eatogether-section__container {
        padding: 0 0 6rem;
    }
    .dining-eatogether-section__container .row {
        --bs-gutter-x: 0;
    }
    .dining-eatogether-section__area--image {
        padding: 11.7rem 0;
    }
    .dining-eatogether-section__image {
        width: 50rem;
    }
    .dining-eatogether-section__title {
        padding: 2.5rem 8% 0;
        font-size: 4.8rem;
    }
    .dining-eatogether-section__intro-text {
        padding: 3rem 8% 7.6rem;
    }
    .dining-eatogether-section__container .common__button {
        margin-left: 8%;
    }
    .dining-slider-single__margin-background {
        top: -1rem;
        height: 29rem;
    }
    .dining-slider-single__background {
        left: -9%;
        width: 118.5%;
        height: 95rem;
        box-shadow: 0px 1rem 2rem 0px rgb(136 112 76 / 10%);
    }
    .dining-slider-single__item {
        min-width: 62rem;
        min-height: 30rem;
        margin-bottom: 5rem;
    }
    .dining-slider-single__section--image {
        padding: 6rem 0 0 18rem;
    }
    .dining-slider-single__storefront-image {
        width: 44rem;
        height: 44rem;
        padding: 0.6rem;
        border: 0.3rem solid #b4986d;
        border-radius: 50%;
        background: transparent;
    }
    .dining-slider-single__storefront-image img {
        position: initial;
        border-radius: 50%;
        transform: none;
    }
    .dining-slider-single__section--info {
        padding: 3rem 0 0;
    }
    .dining-slider-single__shop__name {
        margin: 0 0 4rem;
        font-size: 3.7rem;
    }
    .dining-slider-single__row__shop-info {
        margin-bottom: 2rem;
    }
    .dining-slider-single__shop__icon {
        width: 3rem;
    }
    .dining-slider-single__shop__location,
    .dining-slider-single__shop__opening-hours,
    .dining-slider-single__shop__phone {
        font-size: 2.2rem;
    }
    .dining-garden-section__container {
        padding-top: 27rem;
        padding-bottom: 16rem;
    }
    .dining-garden-section__title {
        font-size: 4.8rem;
    }
    .dining-garden-section__intro-text {
        padding: 7rem 0;
		font-size: 2.2rem;
    }
    .dining-slider__container {
        margin-bottom: 16rem;
        padding-bottom: 10rem;
    }
    .dining-slider__background {
        height: 44rem;
    }
    .dining-slider__item {
        min-width: 60rem;
        min-height: 30rem;
        margin-bottom: 6rem;
    }
    .dining-slider__shop__info-section {
        padding: 3.4rem 4rem;
    }
    .dining-slider__shop__name {
        margin-bottom: 9rem;
        font-size: 3.6rem;
    }
    .dining-slider__shop__location,
    .dining-slider__shop__category {
        font-size: 2.4rem;
    }
    /* activity */
    .activity__background--image {
        margin-bottom: 3rem;
        background-image: url(../assets/images/background_activity2.png);
        background-size: auto 63%;
        background-position: 27% 135%;
    }
    .page-content__container .card:nth-of-type(even) .activity__background--image {
        background-position: 75% 135%;
    }
    .activity__background--image .card-body {
        padding: 4rem 2rem;
    }
    .activity__date {
        padding-bottom: 1rem;
        font-size: 2rem;
    }
    .activity__title {
        padding-bottom: 2rem;
        font-size: 3.5rem;
    }
    .activity__sub-title {
        font-size: 2rem;
    }
    .activity-detail__upper-section__background {
        height: 21.5rem;
        background-image: url(../assets/images/background_activity2.png);
        background-size: auto 180%;
        background-position: 54% 42%;
    }
    .activity-detail__upper-section__container {
        height: 89rem;
        margin-bottom: 8rem;
    }
    .activity-detail__heading {
        padding-top: 11.3rem;
        padding-bottom: 7rem;
        font-size: 4.75rem;
    }
    .activity-detail__icon {
        width: 3.3rem;
    }
    .activity-detail__text {
        line-height: 1.7;
        font-size: 2rem;
    }
    .calendar__box__container {
        max-width: 100%;
    }
    .calendar__box__background {
        top: -8rem;
        width: 22rem;
        right: -4.2rem;
    }
    .calendar__box__background .img-fluid {
        width: 100%;
    }
    .calendar__box {
        max-width: 100%;
        line-height: 7rem;
        margin: 7rem 0 0;
        padding: 3rem 2rem 5.5rem;
    }
    .calendar__text--month {
        font-size: 3rem;
    }
    .calendar__text--weekday,
    .calendar__text--day,
    .calendar__text--day--active,
    .calendar__text--day--other {
        line-height: 5.4rem;
        font-size: 1.8rem;
    }
    .calendar__text--day--active {
        width: 4rem;
        height: 4rem;
    }
    .container-fluid.common__padding.activity {
        margin-bottom: 12.5rem;
    }
    /* building */
    .building__feature .content__section__title {
        margin-bottom: 1.6rem;
        font-size: 2.4rem;
    }
    .building__middle-section__background {
        margin-bottom: 12rem;
        background-size: 281% auto;
        background-position: 14% -115%;
    }
    .building__middle-section__container {
        padding: 11.5rem 8%;
    }
    .building__middle-section__title {
        margin-bottom: 7rem;
        font-size: 5rem;
    }
    .building__middle-section__text {
        margin-bottom: 3.7rem;
    }
	.building__middle-section__text p {
        font-size:2.2rem;
    }
    .building__middle-section__spacing {
        height: 4rem;
    }
    .building__qr-code__size {
        width: 16rem;
        height: auto;
    }
    .floor__container {
        margin: 7rem 0 14rem;
    }
    .floor__item {
        margin-bottom: 7.5rem;
    }
    .floor__menu__item--selected {
        line-height: 8rem;
        padding: 0 4.5rem;
        font-size: 2.8rem;
    }
    .floor__menu__item {
        line-height: 7rem;
        padding: 0 2.8rem;
        font-size: 2.8rem;
    }
    .floor__image {
        max-width: 70%;
        padding: 16rem 0 2rem;
		height: auto;
    }
    .floor__text {
        line-height: 4.8rem;
        font-size: 2rem;
    }
    .building__block__container {
        margin-top: 3.7rem;
        margin-bottom: 12rem;
    }
    .building__block__icon {
        width: 7rem;
        margin: 2.5rem 0 0 3rem;
    }
    .building__block__box {
        margin-top: 6rem;
        padding: 5.7rem 4rem;
    }
    .building__block__title {
        margin-bottom: 2rem;
        font-size: 2.5rem;
    }
    .building__block__box p {
        line-height: 5.5rem;
    }
    .environment__section__title {
        margin-bottom: 1rem;
        font-size: 3.95rem;
    }
    .environment__section__text--larger {
        margin-bottom: 4rem;
        font-size: 2rem;
    }
    .leed__item {
        min-width: 63rem;
        min-height: 30rem;
        margin-bottom: 6rem;
    }
    .leed__year {
        padding: 3rem 0 1.5rem;
        font-size: 3.5rem;
    }
    .leed__text {
        line-height: 4rem;
        margin-bottom: 5rem;
        font-size: 2rem;
    }
    .environment__middle-section__background {
        margin-top: 16rem;
        background-size: 100% auto;
    }
    .environment__middle-section__container {
        padding: 7rem 8% 8.5rem;
    }
    .environment__section__title--white {
        font-size: 4rem;
        margin-bottom: 5rem;
    }
    .environment__lower-section__container {
        padding: 16rem 8%;
    }
    .eco-activity__container {
        margin: 8rem 0;
    }
    .eco-activity__grid {
        row-gap: 6.5rem;
    }
    .eco-activity__thumbnail {
        border: 2rem solid #F1EEEB;
    }
    .eco-activity__title {
        padding: 2rem 0 1rem;
        font-size: 3.6rem;
    }
    .eco-activity__text {
        font-size: 2rem;
    }
    .eco-activity-detail__upper-section__container {
        margin-bottom: 11rem;
    }
    .eco-activity-detail__upper-section__background {
        height: 112.2rem;
    }
    .eco-activity-detail__upper-section__overlapping-text-area {
        padding-right: 3.5rem;
    }
    .eco-activity-detail__text-area {
        position: absolute;
        top: -8rem;
        width: 110%;
        height: 125%;
        background-color: rgba(180, 152, 109, 0.9);
    }
    .eco-activity-detail__overlay-title {
        line-height: 5.5rem;
        margin-bottom: 4.5rem;
        padding-left: 4rem;
        font-size: 4.7rem;
    }
    .eco-activity-detail__overlay-text {
        margin-bottom: 8.5rem;
        padding-left: 4rem;
    }
    .eco-activity-detail__middle-section__container {
        padding: 16.3rem 0;
    }
    .eco-activity-detail__lower-section__container {
        margin: 11.5rem 0 0;
        padding: 0;
    }
    .eco-activity-detail__lower-section__container .row {
        --bs-gutter-x: 0;
    }
    .eco-activity-detail__lower-section__container .img-fluid {
        width: 100%;
    }
    .eco-activity-detail__lower-section__title {
        margin: 7rem 8% 3.4rem;
        font-size: 3.5rem;
    }
    .eco-activity-detail__lower-section__container p {
        line-height: 4rem;
        padding: 0 8% 12rem;
        font-size: 2rem;
    }
    .we-all-count__upper-section__container {
        padding: 25rem 8%;
    }
    .we-all-count__upper-section__box {
        padding: 4rem;
    }
    .we-all-count__upper-section__quotation-mark {
        width: 2.8rem;
    }
    .we-all-count__upper-section__text {
        margin: 8rem 3rem;
    }
    .we-all-count__middle-section__container {
        margin: 11.5rem 0 7.3rem;
    }
    .we-all-count__middle-section__year,
    .we-all-count__middle-section__text {
        font-size: 4.8rem;
    }
    .we-all-count__slider__container .gap-3 {
        gap: 2rem !important;
    }
    .we-all-count__item {
        min-width: 60rem;
        margin-bottom: 6rem;
    }
    .we-all-count__item__section--top {
        padding: 0 4rem;
    }
    .we-all-count__item__title {
        font-size: 3.8rem;
    }
    .we-all-count__item__image {
        width: 20rem;
    }
    .we-all-count__item__section--bottom {
        height: 26rem;
        padding: 4rem;
    }
    .we-all-count__lower-section__container {
        margin: 12rem 0;
    }
    .office-list__container {
        margin: 10.5rem 0;
    }
    .office-list__table__heading {
        font-size: 2.5rem;
        padding-bottom: 0 !important;
    }
    .office-list__table__heading th {
        padding-bottom: 2rem !important;
    }
    .office-list__table__content {
        padding: 2rem 0;
        font-size: 2rem;
    }
    .office-list__table__content td {
        height: 14.5rem !important;
        color: #3e3221;
    }
    .office-list__table__page-control {
        margin-top: 9rem;
        font-size: 2rem;
    }
    /* hotel */
    .hotel__upper-section__background {
        height: 64.5rem;
    }
    .hotel__upper-section__container {
        padding: 8rem 8%;
    }
    .hotel__section__image {
        max-width: 100%;
    }
    .hotel__lower-section__background {
        height: 43rem;
        margin: 0 0 7rem;
        background-size: auto 90%;
    }
    .hotel__lower-section__container {
        margin: 14rem 0 12rem;
    }
    .hotel__lower-section__image-box {
        margin-top: 2rem;
    }
    .hotel__lower-section__image-box::before {
        top: -2rem;
        left: 2rem;
    }
    .hotel__lower-section__image {
        max-width: 100%;
    }
    .hotel__ul {
        margin: 6rem 0 12rem;
    }
    .hotel__ul .content__spacing {
        height: 6rem;
    }
    /* about */
    .about-us__upper-section__container {
        margin: 7.6rem 0 16rem;
        padding-bottom: 4rem;
    }
    .about-us__upper-section__background,
    .about-us__lower-section__background {
        top: 20.3%;
        width: 76%;
        height: 80%;
    }
    .about-us__section__image--left {
        padding-right: 0;
        margin-bottom: 2rem;
    }
    .about-us__image-box--right-bottom::before {
        top: 2rem;
        left: 2rem;
    }
    .about-us__section__image {
        max-height: 68rem;
    }
    .about-us__section__title {
        font-size: 4rem;
        margin-top: 7.3rem;
        margin-bottom: 3.4rem;
    }
    .about-us__upper-section__container p {
        padding-bottom: 4.5rem;
    }
    .about-us__middle-section__container {
        margin-bottom: 17rem;
    }
    .about-us__middle-section__background {
        top: 18.5%;
        height: 34.4rem;
    }
    .about-us__section__image--right {
        margin-bottom: 2rem;
        padding-left: 0;
    }
    .about-us__image-box--left-bottom::before {
        top: 2rem;
        left: -2rem;
    }
    .about-us__middle-section__container .content__section__text {
        text-align: left;
    }
    .about-us__lower-section__container {
        margin-bottom: 12rem;
        padding-bottom: 9rem;
    }
    .media__year {
        line-height: 0;
        font-size: 3.8rem;
    }
    #mediaCenter .accordion-button {
        margin: 8rem 0 1.2rem;
    }
    #mediaCenter .accordion-body {
        padding: 4rem 0 0 !important;
    }
    #mediaCenter .accordion-body .gy-3 {
        --bs-gutter-x: 3rem;
        --bs-gutter-y: 3rem;
    }
    .media__title {
        padding: .5rem 0;
        font-size: 2rem;
    }
    .media__text {
        font-size: 1.5rem;
    }
    .about-us__section__button {
        padding-top: 8rem;
    }
    .about_us__contact_us .content__spacing,
    .about_us__how_to_go .content__spacing {
        height: 5.8rem;
    }
    .about_us__contact_us .content__section__title {
        margin-bottom: 3rem;
        font-size: 3.9rem;
    }
    .about_us__how_to_go .img-fluid {
        width: 100%;
    }
    .about-us__section__icon img {
        max-width: 4rem;
        width: 4rem;
        margin: 0 1.3rem;
    }
    .about_us__how_to_go .content__section__title {
        margin-top: -.5rem;
        margin-bottom: 3.5rem;
        font-size: 4rem;
    }
    .about-us__how-to-go__container {
        margin-top: 10rem;
    }
    .about-us__section__legend-icon img {
        height: 3.8rem;
        margin: 2rem auto;
        display: block;
    }
    .about-us__section__legend-text {
        padding-right: 0;
        font-size: 1.85rem;
    }
    .recruitment__group__title {
        margin-bottom: 3rem;
        font-size: 3.2rem;
    }
    .recruitment__job__title {
        font-size: 2.5rem;
    }
    .recruitment__job__text {
        line-height: 3.8rem;
        margin-top: 2rem;
    }
    .recruitment__info__spacing {
        height: 6rem;
    }
    /* service */
    .service__section__container:nth-child(odd),
    .service__section__container:nth-child(even) {
        margin-bottom: 6rem;
    }
    .service__section__image--left {
        margin-bottom: 2rem;
        padding-right: 7rem;
    }
    .service__image-box--right-bottom::before {
        top: 2rem;
        left: 2rem;
    }
    .service__section__image {
        max-width: 100%;
    }
    .service__section__background--rental-car,
    .service__section__background--baby,
    .service__section__background--umbrella,
    .service__section__background--locker {
        min-height: 36rem;
        margin-top: 2rem;
        padding: 0 1rem;
        background-position-y: top;
        background-size: 56% auto;
        justify-content: start !important;
    }
    .service__section__background--rental-car {
        min-height: 32rem;
        background-size: 49% auto;
    }
    .service__section__background--locker {
        background-size: 41% auto;
    }
    .service__section__title {
        margin: 5rem 0 3.3rem;
        font-size: 4rem;
    }
    .service__section__image--right {
        margin-bottom: 2rem;
        padding-left: 7rem;
    }
    .service__image-box--right-top::before {
        top: 2rem;
        left: -2rem;
    }
    .service__section__background--baby .content__section__text,
    .service__section__background--locker .content__section__text {
        text-align: left;
    }
    .service__section__background--locker P {
        margin-bottom: 3.5rem;
    }
    .service__section__background--locker P:last-of-type {
        margin-bottom: 0;
    }
    .parking__upper-section__container {
        margin: 8rem 0 16rem;
    }
    .parking__upper-section__background {
        height: 34rem;
    }
    .parking__sub-title {
        line-height: 3.8rem;
        margin: 8rem 0 3.5rem;
        font-size: 2.4rem;
    }
    .parking__text-box {
        max-width: 44rem;
        margin-bottom: 4rem;
        padding: 8rem 0 9rem;
    }
    .parking__group-title {
        line-height: 3.8rem;
        margin-bottom: 3.5rem;
        font-size: 2.4rem;
    }
    .parking__image {
        width: 5rem;
        height: auto;
        margin: 3rem 0 1rem;
    }
    .parking__content-text {
        line-height: 3.8rem;
    }
    .parking__content-text:first-of-type {
        margin-bottom: 2rem;
    }
    .parking__upper-section__container P {
        padding: 0 12%;
    }
    .parking__middle-section__container {
        margin-bottom: 16rem;
    }
    .parking__middle-section__background,
    .parking__lower-section__background {
        width: 84%;
        height: 34rem;
    }
    .parking__title {
        margin-bottom: 4rem;
        padding-top: 8rem;
        font-size: 3.9rem;
    }
    .parking__lower-section__container {
        margin-bottom: 12rem;
    }
    .service__valet_parking .content__spacing {
        height: 5.8rem;
    }
    .service__valet_parking .content__section__title {
        margin-bottom: 3.2rem;
        font-size: 4rem;
    }
    /* digital */
    .digital__section__container {
        padding: 7rem 0 8rem;
    }
    .digital__section__title {
        padding-bottom: 8rem;
        font-size: 3.8rem;
    }
    .digital__qr-code__area {
        padding-top: 8rem;
    }
    .digital__qr-code__size {
        max-height: 16rem;
    }
}



/** Index - Building Activity Section **/