body {background-color:var(--color-lightbrown);}
.sec0 h1 span {font-size:calc(var(--font-x-lg) - 55%); color:var(--colr-black); opacity:0.6;}
.sec2 {overflow:hidden; position:relative; background-color:var(--color-darkgold);}
.sec0 h1 {text-align:center; color:var(--color-white); left:0; top:calc(50% - 10vw); width:50%; transform:translate(50%, 0%);}
.sec0 h1 span {font-size:calc(var(--font-x-lg) - 55%); color:var(--colr-black); opacity:0.6;}
.sec2 {overflow:hidden; position:relative; background-color:var(--color-darkgold);}
.sec2 .sec-prlx {background-image:url(../img/facilities/banner_sec2.webp);}
.sec2 .content {text-align:center; font-size:var(--font-body); color:var(--color-white); margin:0px auto; display:block; margin-top:var(--spacing-lg); margin-bottom:var(--spacing-lg);}
.sec2 .content h3 {font-family:var(--font-family-heading); white-space:nowrap; font-size:var(--font-md-s); text-transform:none; text-wrap:wrap;}
.sec2 .content p {font-family:var(--font-family-body); font-size:var(--font-body);}
.sec2 .content ul {display:flex; gap:2vw;}
.sec2 .content ul li {float:left; width:25%; padding:0 1vw; text-align:center;}
.sec2 .content ul li img {width:30%; margin-bottom:1.5vw; text-align:center; margin-left:auto; margin-right:auto;}
.sec3 {width:100%; display:block; background:var(--color-lightcream); overflow-x:hidden;}
.sec3 .cnt-wrapper {width:100%; padding:var(--spacing-lg) var(--spacing-sm); display:inline-block;}
.sec3 .cnt-wrapper .cnt-banner {margin-bottom:calc(var(--spacing-sm) * 1.5);}
.sec3 h2 {font-family:var(--font-family-heading); text-transform:none; font-size:var(--font-lg); color:var(--color-dark); display:block; margin-bottom:var(--spacing-md); text-align:center;}
.sec3 .cnt-title {margin-bottom:var(--spacing-sm); width:45%; float:left; margin-left:auto; margin-right:auto; display:block;}
.sec3 .cnt-title h2 {font-family:var(--font-family-heading); text-transform:none; text-align:left; font-size:var(--font-lg); color:var(--color-dark); -ms-transform:translateY(-2.3vw); -webkit-transform:translateY(-2.3vw); transform:translateY(-2.3vw); width:100%; float:left;}
.sec3 .cnt-title h2 span {color:var(--color-lightgold);}
.sec3 .cnt-title p {font-family:var(--font-family-body); text-transform:none; font-size:var(--font-body); color:var(--color-white); -ms-transform:translateY(-2.3vw); -webkit-transform:translateY(-2.3vw); transform:translateY(-2.3vw);}
.sec3 .cnt-wrapper h3 {color:var(--color-dark); font-family:var(--font-family-heading); font-size:var(--font-md); text-transform:none; -ms-transform:translateY(-0.5vw); -webkit-transform:translateY(-0.5vw); transform:translateY(-0.5vw); line-height:1.2; text-align:left;}
.sec3 .cnt-wrapper p {color:#fff; font-family:var(--font-family-body); font-size:var(--font-body); -ms-transform:translateY(-0.3vw); -webkit-transform:translateY(-0.3vw); transform:translateY(-0.3vw); color:var(--color-black); text-align:left; margin-bottom:var(--spacing-md);}
.sec3 .cnt-wrapper .cnt-list {width:50%; margin-left:5%; float:right;}
.sec3 .cnt-wrapper ul li {display:inline-block; width:100%; padding:0 1vw; text-align:left; position:relative; margin-bottom:var(--spacing-sm); font-size:var(--font-body);}
.tab__content {position:relative; margin-bottom:var(--spacing-sm);}
.tab__content .grow-wrapper {overflow:hidden; margin-bottom:var(--spacing-sm);}
.tab__content ul {display:flex; gap:1vw;}
.tab__content ul li {position:relative; border-left:1px solid rgba(195, 178, 136, 0.5); padding:0 10px;}
.tab__list {display:flex; gap:0.7vw; margin-bottom:var(--spacing-sm);}
.tab__item {width:100%; border:none; color:var(--color-black); background-color:transparent; font-weight:500; padding:0 10px; cursor:pointer; font-size:var(--font-body); text-align:center; position:relative; white-space:nowrap; font-size:var(--font-md-s); font-family:var(--font-family-heading); line-height:1.2;}
.tab__item::before {content:""; position:absolute; top:5px; left:0; background-color:rgba(000, 000, 000, 0.1); width:1px; height:2vw;}
.tab__item:first-child::before {display:none;}
.tab__item:hover, .tab__item.active, .tab__item.is--active {color:var(--color-lightgold);}
.sec3 .tab__content .tab__content-item {display:none;}
.sec3 .tab__content .tab__content-item img {z-index:2;}
.sec3 .tab__content .tab__content-item.is--active {display:block;}
.sec4 {width:100%; display:inline-block; background:var(--color-white);}
.sec4 .cnt-wrapper {width:100%; padding:var(--spacing-md) var(--spacing-sm); display:inline-block;}
.sec4 .col1, .sec4 .col2 {width:50%; display:block; float:left;}
.sec4 .col1 {padding-right:var(--spacing-md); margin-top:var(--spacing-md);}
.sec4 .cnt-banner {margin-bottom:var(--spacing-md); overflow:hidden;}
.sec4 .cnt-title {margin-bottom:var(--spacing-sm); float:left; margin-left:auto; margin-right:auto; display:block; padding-top:var(--spacing-sm);}
.sec4 .cnt-title h2 {font-family:var(--font-family-heading); text-transform:none; text-align:left; font-size:var(--font-lg); color:var(--color-lightgreen); -ms-transform:translateY(-2.3vw); -webkit-transform:translateY(-2.3vw); transform:translateY(-2.3vw); width:100%; float:left;}
.sec4 .cnt-title h2 span {color:var(--color-lightgold);}
.sec4 .cnt-title p {font-family:var(--font-family-body); text-transform:none; font-size:var(--font-body); color:var(--color-white); -ms-transform:translateY(-2.3vw); -webkit-transform:translateY(-2.3vw); transform:translateY(-2.3vw);}
.sec4 .cnt-wrapper ul h3 {color:var(--color-dark); font-family:var(--font-family-heading); font-size:var(--font-md-s); text-transform:none; -ms-transform:translateY(-0.5vw); -webkit-transform:translateY(-0.5vw); transform:translateY(-0.5vw); line-height:1.2; text-align:left;}
.sec4 .cnt-wrapper p {color:#fff; font-family:var(--font-family-body); font-size:var(--font-body); -ms-transform:translateY(-0.3vw); -webkit-transform:translateY(-0.3vw); transform:translateY(-0.3vw); color:var(--color-black); text-align:left;}
.sec4 .cnt-wrapper p span {color:var(--color-dark); font-family:var(--font-family-heading); font-size:var(--font-md-s); text-transform:none;}
.sec4 .cnt-wrapper .cnt-list {float:right;}
.sec4 .cnt-wrapper ul li {display:inline-block; width:100%; padding:0 1vw; padding-left:5.5vw; text-align:center; position:relative; margin-bottom:var(--spacing-sm); border-left:1px solid; border-color:rgba(000, 000, 000, 0.2);}
.sec4 .cnt-wrapper ul li img {width:4vw; position:absolute; top:0; left:0; text-align:center; margin-left:auto; margin-right:auto; padding-left:1vw;}
.sec5 {width:100%; padding:var(--spacing-md) 0; background:var(--color-darkgold);}
.sec5 h2 {font-family:var(--font-family-heading); text-transform:none; font-size:var(--font-md); color:var(--color-gold); -ms-transform:translateY(-2.3vw); -webkit-transform:translateY(-2.3vw); transform:translateY(-2.3vw); margin-bottom:0; text-align:center; margin-top:calc(var(--spacing-sm) * 2); line-height:0;}
.sec5 .cnt-col-wrapper {display:flex; gap:0;}
.sec5 .col1, .sec5 .col2 {margin-top:var(--spacing-md);}
.sec5 .cnt-col img {margin-bottom:var(--spacing-xs);}
.sec5 .col2 {padding:0 var(--spacing-md);}
.sec5 .col2 .cnt-desc {width:75%; margin:0 auto;}
.sec5 .col3 .row2 {width:75%;}
.sec5 .col3 .row1 {padding-right:var(--spacing-sm);}
.sec5 p {font-family:var(--font-family-body); text-transform:none; font-size:var(--font-body); color:var(--color-white); line-height:1.5; text-align:left; margin-left:var(--spacing-sm);}
.sec6 {padding:var(--spacing-lg) var(--spacing-sm); background-color:var(--color-cream);}
.sec6 h2 {text-align:center; font-family:var(--font-family-heading); color:var(--color-lightgreen); font-size:var(--font-lg); margin-bottom:var(--spacing-sm); text-transform:none;}
.sec6 .note {color:var(--color-gold);}

@media (min-width: 1500px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {max-width:1440px;}
}

@media (max-width: 1023px) {
.sec0 {background-image:url(../img/teaser/mob_comp1_bg.webp); background-size:cover;}
.sec0 h1 {text-align:center; left:0; top:calc(50% - 30vw); width:100%; padding-left:6vw; padding-right:6vw; transform:unset;}
.glass-case {position:relative; height:auto !important; width:100% !important; margin-left:0; border:1px solid rgba(000, 000, 000, 0.2); overflow:hidden;}
.glass-case img {height:100vh !important; width:auto !important;}
.gc-display-area {border:none !important; background-color:transparent !important;}
.sm-zoom-img .gc-display-container, .sm-zoom-img .gc-overlay-left-icons, .sm-zoom-img .gc-overlay-right-icons {display:none !important;}
.sec2 .content ul {flex-direction:column; gap:6vw;}
.sec2 .content ul li {width:100%;}
.sec2 .content ul li img {width:5em;}
.sec3 h2 {margin-bottom:var(--spacing-sm);}
.sec3 .cnt-title {width:100%;}
.sec3 .cnt-wrapper .cnt-list {width:100%; margin-left:0;}
.sec3 .cnt-wrapper .cnt-list ul {margin-left:var(--spacing-sm); display:flex; flex-direction:column; gap:var(--spacing-sm);}
.sec3 .cnt-wrapper ul li {padding-left:2vw;}
.tab__content-wrapper {position:relative; order:2;}
.tab__list {order:1;}
.tab__list.flex-box {display:flex; flex-direction:column; margin-bottom:var(--spacing-md);}
.tab__list.flex-box .tab__item {order:1; text-align:center; position:relative; background:#fff; padding:3vw; font-size:var(--font-body); color:var(--color-dark);}
.tab__list.flex-box .tab__item br {display:none;}
.tab__list.flex-box .tab__item.is--active {order:0; color:var(--color-lightgold);}
.tab__list.flex-box .tab__item.is--active:after {width:1px; height:1px; border:5px solid transparent; border-top:5px solid #555; content:""; position:absolute; right:1.5em; top:1.3em; z-index:9999;}
.tab__list.flex-box .tab__item:not(.is--active) {position:absolute; top:-999em;}
.tab__list.flex-box.expanded .tab__item.is--active:after {border-top-color:transparent; border-bottom-color:#555; top:1em;}
.tab__list.flex-box.expanded .tab__item:not(.is--active) {position:relative; top:auto;}
.tab__item.view-all:hover, .tab__item.view-all.is--active {color:var(--color-lightgold); background:#fff;}
.tab-wrap {display:flex; flex-direction:column; gap:2vw;}
.tab__content {order:2; overflow-x:scroll; min-height:unset; margin-bottom:0;}
.sec3 .sm-zoom-img {background-size:cover; margin-bottom:var(--spacing-sm);}
.sec3 .glass-case {height:40vw !important;}
.sec3_1 {background-image:url(../img/facilities/banner_sec3_1.webp);}
.sec3_2 {background-image:url(../img/facilities/banner_sec3_2.webp);}
.sec3_3 {background-image:url(../img/facilities/banner_sec3_3.webp);}
.sec3_4 {background-image:url(../img/facilities/banner_sec3_4.webp);}
.sec3_5 {background-image:url(../img/facilities/banner_sec3_5.webp);}
.sec3_6 {background-image:url(../img/facilities/banner_sec3_6.webp);}
.sec3 .gc-display-area {width:100% !important; height:100% !important;}
.sec4 .cnt-wrapper {display:flex; flex-direction:column; gap:6vw;}
.sec4 .col1, .sec4 .col2 {width:100%; padding-right:0;}
.sec4 .cnt-wrapper ul h3, .sec4 .cnt-wrapper p span {font-size:calc(var(--font-body) * 1.3);}
.sec4 .cnt-wrapper .cnt-list ul {margin-left:calc(var(--spacing-sm) * 0.8);}
.sec4 .cnt-wrapper ul li {padding-left:4em;}
.sec4 .cnt-wrapper ul li img {width:3.5em;}
.sec5 {padding:var(--spacing-lg) 0;}
.sec5 .cnt-row-wrapper {display:flex; gap:10vw; flex-direction:column;}
.sec5 .cnt-row {display:flex; flex-direction:row; gap:6vw;}
.sec5 .cnt-row.row2 {flex-direction:column; gap:6vw;}
.sec5 .col2 {padding:var(--spacing-md) 0 0 var(--spacing-sm);}
.sec5 .col1, .sec5 .col2 {margin-top:0;}
.sec5 p {margin-left:0;}
.sec5 .row2 p {text-align:center;}
}