.lbl-note {text-align:left; font-family:var(--font-family-body); color:var(--color-black); font-size:var(--font-sm); margin-bottom:var(--spacing-sm);}
body {background-color:var(--color-white);}
.sec0 h1 {text-align:center; color:var(--color-dark); left:50%; top:calc(50% - 10vw); 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-softblack);}
.sec2 .sec-prlx {background-image:url(../img/marum-square/banner_sec2.webp);}
.sec2 h2 {text-align:left; font-family:var(--font-family-heading); color:var(--color-white); font-size:var(--font-lg); margin-bottom:var(--spacing-sm); text-transform:none;}
.sec2 h2 span, .sec2 p {color:var(--color-lightgold);}
.sec2 .sm-logo {display:block; width:1.9vw; height:auto; margin:0 auto; margin-bottom:var(--spacing-sm);}
.sec2 .cnt-wrapper {width:100%; padding:var(--spacing-md) var(--spacing-sm); display:inline-block;}
.sec2 .cnt-row {display:inline-block;}
.sec2 .container-sm p {text-align:center;}
.sec2 .col1, .sec2 .col2 {width:50%; display:block; float:left;}
.sec2 .col1 {padding-right:var(--spacing-md);}
.sec2 .cnt-banner {margin-bottom:var(--spacing-md);}
.sec2 .cnt-title {margin-bottom:var(--spacing-sm); float:left; margin-left:auto; margin-right:auto; display:block; padding-top:var(--spacing-sm);}
.sec2 .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;}
.sec2 .cnt-title h2 span {color:var(--color-lightgold);}
.sec2 .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);}
.sec2 .cnt-wrapper ul {display:flex; gap:1vw;}
.sec2 .cnt-wrapper ul h3 {color:var(--color-white); 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;}
.sec2 .cnt-wrapper ul li {font-size:var(--font-body); display:inline-block; width:100%; padding:0 10px; text-align:left; position:relative; margin-bottom:var(--spacing-sm); border-left:1px solid rgba(255, 255, 255, 0.5);}
.sec2 .tab__content .img-abs {position:absolute; top:0; left:0; z-index:1;}
.tab {display:flex; flex-direction:column; gap:2vw;}
.tab__content-wrapper {position:relative;}
.tab__content {position:relative; margin-bottom:var(--spacing-sm); z-index:2; min-height:35vw;}
.tab__list {display:flex; gap:0.7vw; margin-bottom:var(--spacing-sm); align-items:center; justify-content:center; order:2;}
.tab__item {border:none; color:var(--color-white); background-color:transparent; font-weight:500; padding:0 10px; cursor:pointer; font-size:calc(var(--font-body) - 15%); text-align:center; position:relative; white-space:nowrap; font-family:var(--font-family-body); line-height:1.2;}
.tab__item.view-all {display:none;}
.tab__item:hover, .tab__item.is--active {color:var(--color-lightgold);}
.sec2 .tab__content .tab__content-item {display:none;}
.sec2 .tab__content .tab__content-item img {z-index:2;}
.sec2 .tab__content .tab__content-item.is--active {display:flex;}
.sec2 .tab__content .tab__content-item.is--active img {animation:hotspotfadeIn 1s;}
.sec2 .lbl-wrapper {margin:var(--spacing-sm) auto; display:flex; align-items:center; justify-content:center;}
.sec2 .lbl-wrapper a {color:var(--color-black); display:inline-block; margin:0 5px; border:none; text-decoration:none; cursor:none; font-size:calc(var(--font-body) * 0.8); padding:0.7vw 3vw;}
.sec2 .m-square {background-color:#d6bd89;}
.sec2 .m-walk {background-color:#6787a6;}
.sec3 {display:inline-block; width:100%; position:relative; background-color:var(--color-lightsilver); text-align:left; padding:var(--spacing-lg) 0;}
.sec3 .cnt-title {margin-bottom:var(--spacing-md); padding:0 var(--spacing-sm); text-align:center;}
.sec3 .cnt-title h2 {font-family:var(--font-family-heading); text-transform:none; font-size:var(--font-lg); color:var(--color-dark); display:block; margin-bottom:calc(var(--spacing-sm) * 1.5); text-align:left;}
.sec3 .cnt-title h2 br {display:none;}
.sec3 p {font-family:var(--font-family-body); text-transform:none; font-size:var(--font-body); display:block;}
.sec3 .hr-slider {width:100%; position:relative;}
.sec3 .hr-slider .cnt-slide {padding:1.5vw 1.5vw var(--spacing-sm) 1.5vw; position:relative; min-height:25vw; font-weight:400;}
.sec3 .hr-slider .title {font-family:var(--font-family-heading); text-transform:none; font-size:calc(var(--font-body) * 1.3); color:var(--color-dark); display:block; margin-bottom:calc(var(--spacing-sm) - 5%);}
.sec3 .hr-slider .desc {font-family:var(--font-family-body); text-transform:none; font-size:var(--font-body); color:var(--color-black); margin-bottom:var(--spacing-md); display:block;}
.sec3 .hr-slider img {width:3vw; height:auto; position:absolute; bottom:var(--spacing-sm);}
.Mwrap {width:fit-content; display:flex; flex-wrap:nowrap; gap:0; border:1px solid rgba(000, 000, 000, 0.1);}
.sm-hide .panel {width:calc(25vw - 5px); color:white; display:flex; justify-content:center; align-items:center; margin-left:5px; border-right:1px solid rgba(000, 000, 000, 0.1);}
.panel:first-child {margin-left:0;}
.progressBar, .progressBar-wrap {width:calc(100% - 5vw); height:1px; position:fixed; display:inline-block; background-color:#e6e6e6; bottom:-3vw; left:2.5vw;}
.progressBar {background-color:#000000;}
.drag-proxy {visibility:hidden; position:absolute;}
.sec4 {width:100%; padding:var(--spacing-lg) 0 0 0; background:var(--color-white); display:block;}
.sec4 h2 {font-family:var(--font-family-heading); text-transform:none; font-size:var(--font-md); color:var(--color-dark); text-align:center; margin-top:calc(var(--spacing-sm) * 2); margin-bottom:var(--spacing-sm);}
.sec4 .cnt-row h2 {text-align:left;}
.sec4 .cnt-col-wrapper {display:flex; gap:0; margin-bottom:var(--spacing-md);}
.sec4 .col1, .sec4 .col2 {margin-top:var(--spacing-md);}
.sec4 .cnt-col img {margin-bottom:var(--spacing-xs);}
.sec4 .cnt-col.col3 img {width:50%; margin:0 auto;}
.sec4 .col2 {padding:0 var(--spacing-md);}
.sec4 p {font-family:var(--font-family-body); text-transform:none; font-size:var(--font-body); color:var(--color-black); line-height:1.5; text-align:left;}
.sec4 .col2 p {text-align:center;}
.sec4 .cnt-row {margin-bottom:var(--spacing-md); position:relative; padding-right:var(--spacing-sm); padding-left:var(--spacing-sm); display:flex;}
.sec4 .cnt-row.cr-2 {padding-left:calc(var(--spacing-lg) * 1.5); padding-right:var(--spacing-sm); margin-bottom:calc(var(--spacing-lg) * 2);}
.sec4 .cnt-desc {width:calc(50% - 5vw); margin-right:5vw; margin-top:var(--spacing-md); display:inline-block; vertical-align:top;}
.sec4 .cnt-desc.alt {margin-right:0; margin-left:5vw;}
.sec4 .cnt-desc img {width:23%; margin-bottom:var(--spacing-md); display:block;}
.sec4 .cnt-desc p {width:100%; margin-bottom:var(--spacing-xs); display:inline-block; font-family:var(--font-family-body); text-transform:none; font-size:var(--font-body); color:var(--color-black);}
.sec4 .cr-3 .cnt-desc h2, .sec4 .cr-3 .cnt-desc p {text-align:right;}
.sec4 .cnt-img {width:49.6%; display:inline-block;}
.sec4 .grow-wrapper {overflow:hidden;}
.sec4 .img-abs {position:absolute; left:5%; top:50%; width:35%;}
.sec4 .cr-3 .cnt-list {padding-left:var(--spacing-md); padding-right:var(--spacing-sm);}
.sec4 .cnt-list li {display:inline-block; width:100%; padding:0 10px; text-align:left; position:relative; margin-bottom:var(--spacing-sm); border-right:1px solid rgba(000, 000, 000, 0.5);}
.sec4 .ani-floating {position:absolute; top:0; right:0; width:13%;}
.sec4 .ani-floating.ani2 {width:20%; top:-35%; right:15%;}
.sec4 .ani-floating.ani1 {top:0; right:25%;}
.sec5 {width:100%; display:inline-block; background:var(--color-cream);}
.sec5 .cnt-wrapper {width:100%; padding:0 0 var(--spacing-md) 0; display:inline-block; padding-top:var(--spacing-sm);}
.sec5 .sec-prlx {background-image:url(../img/marum-square/banner_sec5.webp);}
.sec5 .cnt-title {margin-bottom:var(--spacing-sm); width:45%; float:left; margin-left:auto; margin-right:auto; display:block; padding-top:var(--spacing-sm);}
.sec5 .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;}
.sec5 .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);}
.sec5 .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-sm);}
.sec5 .cnt-wrapper .cnt-list {width:50%; margin-left:5%; float:right;}
.sec5 .cnt-wrapper ul {padding-left:var(--spacing-sm);}
.sec5 .cnt-wrapper ul li {width:100%; padding:0 10px; text-align:left; position:relative; margin-bottom:var(--spacing-sm); border-left:1px solid rgba(000, 000, 000, 0.5);}
.sec5 .cnt-row {width:100%; padding:var(--spacing-md) 0; margin:0 auto; display:flex;}
.sec5 .cnt-row .cnt-img {width:60%; display:inline-block; vertical-align:top;}
.sec5 .cnt-row .cnt-desc {width:calc(40% - 3vw); margin-left:3vw; margin-top:calc(50% - 25%); display:inline-block;}
.sec5 .cnt-row.row2 .cnt-desc {margin-top:calc(50% - 35%); margin-right:3vw; text-align:right;}
.sec5 .cnt-row .cnt-desc h2 {font-family:var(--font-family-heading); text-transform:none; font-size:var(--font-md); color:var(--color-softdarkgreen); line-height:1.2; margin-bottom:var(--spacing-sm);}
.sec5 .cnt-row .cnt-desc p {font-family:var(--font-family-body); text-transform:none; font-size:var(--font-body); color:var(--color-dark); margin-bottom:var(--spacing-xs); line-height:1.3;}
.sec5 .cnt-row.row2 .cnt-desc p {text-align:right;}
.sec5 .cnt-row .cnt-bottom {margin-top:var(--spacing-sm);}
.sec5 .cnt-row .cnt-bottom img {display:inline-block; width:35%;}
.sec5 .cnt-row .cnt-bottom span {display:inline-block; width:calc(65% - 2vw); padding-left:2vw; font-family:var(--font-family-body); text-transform:none; font-size:var(--font-body); color:var(--color-dark);}
.sec5 .cnt-row .btn-discover {display:inline-block !important;}
.sec5 .grow-wrapper {overflow:hidden;}

@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_comp2_bg.webp); background-size:cover;}
.sec0 h1 {text-align:center; left:0; top:calc(50% - 30vw); width:100%; 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; overflow:hidden !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 .cnt-row {display:flex; flex-direction:column; margin-bottom:var(--spacing-lg);}
.sec3 .cnt-title h2 br {display:block;}
.sec2 .container-sm p {text-align:center;}
.sec2 .col1, .sec2 .col2 {width:100%; display:block; float:left;}
.sec2 .col1 {padding-right:0;}
.sec2 .cnt-wrapper ul {flex-direction:column; margin-left:var(--spacing-sm);}
.sec2 .cnt-wrapper ul h3 {font-size:var(--font-body);}
.sec2 .lbl-wrapper a {font-size:calc(var(--font-body) * 0.7);}
.tab__content-wrapper {position:relative; order:2;}
.tab__list {order:1;}
.tab__list.flex-box {display:flex; flex-direction:column; margin-bottom:var(--spacing-sm);}
.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__item.view-all {display:block;}
.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;}
.tab__content img {width:200%;}
.img-abs {top:unset; bottom:0; width:200%;}
._iconpan {width:10vw; bottom:10vw; left:calc(50% - 5vw); -webkit-animation:hotspotfadeIn 2s linear infinite; -moz-animation:hotspotfadeIn 2s linear infinite; -ms-animation:hotspotfadeIn 2s linear infinite; -o-animation:hotspotfadeIn 2s linear infinite; animation:hotspotfadeIn 2s linear infinite;}
.sec3 .hr-slider {padding-left:6vw; padding-right:6vw;}
.sec3 .cnt-title {padding:0; margin-bottom:0;}
.sec3 .hr-slider .cnt-slide {border:1px solid rgba(000, 000, 000, 0.1); border-bottom:0; padding:5vw; min-height:40vh; padding-left:20vw;}
.sec3 .last-slide {border-bottom:1px solid rgba(000, 000, 000, 0.1);}
.sec3 .hr-slider img {width:10vw; top:7vw; left:5vw;}
.sec3 .hr-slider .desc {margin-bottom:0;}
.sec4 {width:100%;}
.sec4 h2 {margin-top:0;}
.sec4 .cnt-col-wrapper {flex-direction:column; gap:var(--spacing-md);}
.sec4 .col1, .sec4 .col2 {margin-top:0;}
.sec4 .cnt-col img {width:75%;}
.tab__content-wrapper {position:relative; order:2;}
.tab__list {order:1;}
.tab__list.flex-box {display:flex; flex-direction:column; margin-bottom:var(--spacing-sm);}
.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.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;}
.tab__content img {width:200%;}
.sec4 .cnt-col.col3 img {width:60%; padding:0; margin-left:30%;}
.sec4 .col2 {padding:0;}
.sec4 .col2 p {text-align:center;}
.sec4 .cnt-row {margin-bottom:var(--spacing-lg); display:flex; flex-direction:column; gap:6vw; padding-left:0; padding-right:0;}
.sec4 .cnt-row.cr-2 {padding-left:0; padding-right:0; margin-bottom:var(--spacing-md);}
.sec4 .cnt-desc {width:100%; margin-right:0; margin-top:0;}
.sec4 .cnt-desc.alt {margin-left:0;}
.sec4 .cnt-desc img {width:100%; margin-bottom:var(--spacing-md);}
.sec4 .cnt-desc p {width:100%; margin-bottom:var(--spacing-sm);}
.sec4 .cr-3 .cnt-desc h2, .sec4 .cr-3 .cnt-desc p {text-align:left;}
.sec4 .cnt-img {width:100%;}
.sec4 .cr-2 .cnt-img {width:75%; margin-left:25%; height:103vw;}
.sec4 .img-abs {width:75%; left:-6vw; top:20%;}
.sec4 .ani-floating.ani1 {top:10%; right:70%; width:30%;}
.sec4 .ani-floating.ani2 {width:40%; top:-20%; right:55%;}
.sec4 .cr-3 .cnt-desc {order:2;}
.sec4 .cr-3 .cnt-list {padding-left:var(--spacing-sm); padding-right:0;}
.sec4 .cnt-list li {margin-bottom:var(--spacing-sm); border-left:1px solid rgba(000, 000, 000, 0.5); border-right:0;}
.sec4 .cnt-list li p {margin-bottom:0;}
.btn-discover, .btn-discover.alt {margin:2vh 0;}
.sec5 .cnt-title {width:100%;}
.sec5 .cnt-wrapper .cnt-list {width:100%;}
.sec5 .cnt-row {flex-direction:column; gap:var(--spacing-md);}
.sec5 .cnt-row.row2 {padding-top:0;}
.sec5 .cnt-row .cnt-img {width:100%;}
.sec5 .cnt-row .cnt-desc {width:100%; margin-left:0; margin-top:0;}
.sec5 .cnt-row.row2 .cnt-desc {margin-right:0; text-align:left; margin-top:0; order:2;}
.sec5 .cnt-row .cnt-desc p {margin-bottom:var(--spacing-sm);}
.sec5 .cnt-row.row2 .cnt-desc p {text-align:left;}
.sec5 .cnt-row .cnt-bottom {}
.sec5 .cnt-row .cnt-bottom img {width:100%;}
.sec5 .cnt-row .cnt-bottom span {width:100%; padding-left:0;}
.sec5_2 {background-image:url(../img/marum-square/img_sec5_2.webp); background-size:cover; position:relative;}
}

@media (max-width: 479px) {
.sec3 .hr-slider .cnt-slide {min-height:unset;}
}