/* line 11, header.scss */
header { position: fixed; top: 0; left: 0; width: 100%; /*background: rgba(#fff, .85); webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px);*/ z-index: 1000; }
/* line 12, header.scss */
header #header { max-width: 100%; height: 90px; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; padding-left: 1.75em; background: rgba(255, 255, 255, 0.85); -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); }
/* line 13, header.scss */
header #header h1, header #header #h01 { width: 280px; }
/* line 14, header.scss */
header #header h1 a, header #header #h01 a { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; }
/* line 15, header.scss */
header #header h1 a span, header #header h1 a em, header #header h1 a strong, header #header h1 a b, header #header #h01 a span, header #header #h01 a em, header #header #h01 a strong, header #header #h01 a b { line-height: 0; transition: 0; }
/* line 16, header.scss */
header #header h1 a span, header #header #h01 a span { width: 40px; }
/* line 17, header.scss */
header #header h1 a em, header #header #h01 a em { width: calc(100% - 60px); display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; }
/* line 18, header.scss */
header #header h1 a em strong, header #header #h01 a em strong { width: 100%; }
/* line 19, header.scss */
header #header h1 a em b, header #header #h01 a em b { width: 60%; margin: .7em auto 0; }
@media print, screen and (min-width: 751px) { /* line 25, header.scss */
  header #spMenu { display: none; } }

@media only screen and (max-width: 750px) { /* line 32, header.scss */
  header { position: absolute; width: 100%; background: white; backdrop-filter: none; }
  /* line 33, header.scss */
  header #header { max-width: 100%; height: 65px; border-bottom: 1px solid rgba(0, 0, 0, 0.075); }
  /* line 34, header.scss */
  header #header h1, header #header #h01 { width: 94%; margin: .5em auto; position: relative; left: -5%; }
  /* line 36, header.scss */
  header #header h1 a span, header #header #h01 a span { width: 7%; }
  /* line 37, header.scss */
  header #header h1 a em, header #header #h01 a em { width: 88%; }
  /* line 38, header.scss */
  header #header h1 a em strong, header #header #h01 a em strong { width: 59%; }
  /* line 39, header.scss */
  header #header h1 a em b, header #header #h01 a em b { width: 35%; margin: 0; } }
@media print, screen and (min-width: 751px) { /* line 54, header.scss */
  nav#grobalNav { width: 100%; margin: auto 0 0; }
  /* line 60, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu { background: rgba(255, 255, 255, 0); backdrop-filter: blur(12px); }
  /* line 61, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .8; z-index: 0; background: #46718a; }
  /* line 62, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li { position: relative; z-index: 1; --rrW: /*300px*/ 280px; --rrM: 15px; --moM: 25px; --hrM: 12px; --rrmoM: 35px; --mW: 90px; --oW: 75px; }
  /* line 66, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.gNav { position: relative; flex: 1 1 auto; height: 60px; width: calc(100% / 9); }
  /* line 67, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.gNav::before, nav#grobalNav .drawer-nav ul.drawer-menu li.gNav::after { content: ""; width: 1px; height: 38px; background: rgba(255, 255, 255, 0.35); position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; }
  /* line 68, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.gNav::before { left: 0; }
  /* line 69, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.gNav::after { right: 0; }
  /* line 70, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.gNav:not(.afterservice)::after { content: none; }
  /* line 71, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.gNav a { color: #fff; position: relative; display: flex; flex-direction: column; flex-wrap: wrap; flex-direction: column-reverse; width: 100%; height: 100%; }
  /* line 72, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.gNav a::before { content: ""; width: 100%; height: 4px; background: #fff; position: absolute; left: 0; bottom: 0; transition: transform .5s; transform: scaleX(0); transform-origin: right; opacity: .5; display: none; }
  /* line 73, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.gNav a em { font-size: 11px; line-height: 1; transition: .4s all; margin-top: .5em; }
  /* line 74, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.gNav a span { font-family: "OptimaNovaLTPro-Light"; font-size: 15px; line-height: 1; letter-spacing: .075em; }
  /* line 75, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.gNav a:hover { /*opacity: 1;*/ /*em, span { opacity: .7;}*/ }
  /* line 76, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.gNav a:hover span { letter-spacing: .15em; }
  /* line 78, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.gNav a:hover::before { width: 100%; transform: scaleX(1); transform-origin: left; }
  /* line 95, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.map, nav#grobalNav .drawer-nav ul.drawer-menu li.outline, nav#grobalNav .drawer-nav ul.drawer-menu li.request, nav#grobalNav .drawer-nav ul.drawer-menu li.reserve { position: absolute; }
  /* line 96, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.map, nav#grobalNav .drawer-nav ul.drawer-menu li.outline { bottom: calc(100% + 16px); }
  /* line 97, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.map::before, nav#grobalNav .drawer-nav ul.drawer-menu li.map::after, nav#grobalNav .drawer-nav ul.drawer-menu li.outline::before, nav#grobalNav .drawer-nav ul.drawer-menu li.outline::after { content: none; }
  /* line 98, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.map a, nav#grobalNav .drawer-nav ul.drawer-menu li.outline a { color: inherit; padding-left: .85em; }
  /* line 99, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.map a::before, nav#grobalNav .drawer-nav ul.drawer-menu li.outline a::before { content: "\f105"; font-family: "Font Awesome 6 Pro"; font-weight: 100; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; left: 0em; transition: .4s all; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-top: .05em; font-size: 80%; color: #a5996e; }
  /* line 100, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.map a em, nav#grobalNav .drawer-nav ul.drawer-menu li.outline a em { font-size: 16px; letter-spacing: .025em; }
  /* line 101, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.map a span, nav#grobalNav .drawer-nav ul.drawer-menu li.outline a span { display: none; }
  /* line 102, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.map a:hover::before, nav#grobalNav .drawer-nav ul.drawer-menu li.outline a:hover::before { left: .25em; }
  /* line 105, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.request, nav#grobalNav .drawer-nav ul.drawer-menu li.reserve { width: var(--rrW); height: 50px; bottom: calc(100% + 20px); font-size: 18px; }
  /* line 107, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.request span, nav#grobalNav .drawer-nav ul.drawer-menu li.reserve span { font-size: 60%; }
  /* line 116, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.map { right: calc(var(--hrM) + (var(--rrW) * 2) + var(--rrM) + var(--oW) + var(--rrmoM) + var(--moM)); }
  /* line 117, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.outline { right: calc(var(--hrM) + (var(--rrW) * 2) + var(--rrM) + var(--rrmoM)); }
  /* line 118, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.request { right: calc(var(--hrM) + (var(--rrW) * 1) + var(--rrM)); }
  /* line 119, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.reserve { right: calc(var(--hrM)); }
  /* line 121, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.uc a { pointer-events: none; opacity: .35; }
  /* line 125, header.scss */
  nav#grobalNav .drawer-nav #navId { display: none; } }
/*header, #header, #header h1, #header #h01, #header h1 a span, #header #h01 a span, #header h1 a em, #header #h01 a em, #header h1 a em strong, #header #h01 a em strong, nav#grobalNav, nav#grobalNav .drawer-nav, nav#grobalNav .drawer-nav ul.drawer-menu, nav#grobalNav .drawer-nav ul.drawer-menu li, nav#grobalNav .drawer-nav ul.drawer-menu li a, nav#grobalNav .drawer-nav ul.drawer-menu li a em { @include tra;}*/
/* line 135, header.scss */
header, #header, #header *, #grobalNav, #grobalNav * { transition: .4s all; }

/* line 140, header.scss */
header #header h1 a span, header #header h1 a em, header #header h1 a strong, header #header h1 a b, header #header #h01 a span, header #header #h01 a em, header #header #h01 a strong, header #header #h01 a b { transition: 0; }

@media print, screen and (min-width: 751px) { /* line 147, header.scss */
  header.fixed #header { height: 60px; padding-left: 1em; }
  /* line 148, header.scss */
  header.fixed #header h1, header.fixed #header #h01 { width: 380px; }
  /* line 150, header.scss */
  header.fixed #header h1 a span, header.fixed #header #h01 a span { width: 30px; }
  /* line 151, header.scss */
  header.fixed #header h1 a em, header.fixed #header #h01 a em { width: calc(100% - 50px); }
  /* line 152, header.scss */
  header.fixed #header h1 a em strong, header.fixed #header #h01 a em strong { width: 60%; }
  /* line 153, header.scss */
  header.fixed #header h1 a em b, header.fixed #header #h01 a em b { width: 35%; margin-top: 0; margin-left: auto; }
  /* line 161, header.scss */
  header.fixed nav#grobalNav .drawer-nav ul.drawer-menu li { --rrW: /*250px*/ 240px; --rrM: 15px; --moM: 25px; --hrM: 12px; --rrmoM: 35px; --mW: 90px; --oW: 75px; }
  /* line 162, header.scss */
  header.fixed nav#grobalNav .drawer-nav ul.drawer-menu li.gNav { height: 50px; }
  /* line 163, header.scss */
  header.fixed nav#grobalNav .drawer-nav ul.drawer-menu li.gNav::before, header.fixed nav#grobalNav .drawer-nav ul.drawer-menu li.gNav::after { height: 30px; }
  /* line 165, header.scss */
  header.fixed nav#grobalNav .drawer-nav ul.drawer-menu li.gNav a::before { height: 4px; }
  /* line 166, header.scss */
  header.fixed nav#grobalNav .drawer-nav ul.drawer-menu li.gNav a em { font-size: 10px; margin-top: .5em; }
  /* line 167, header.scss */
  header.fixed nav#grobalNav .drawer-nav ul.drawer-menu li.gNav a span { font-size: 14px; }
  /* line 170, header.scss */
  header.fixed nav#grobalNav .drawer-nav ul.drawer-menu li.map, header.fixed nav#grobalNav .drawer-nav ul.drawer-menu li.outline { bottom: calc(100% + 8px); }
  /* line 172, header.scss */
  header.fixed nav#grobalNav .drawer-nav ul.drawer-menu li.map a::before, header.fixed nav#grobalNav .drawer-nav ul.drawer-menu li.outline a::before { margin-top: .05em; }
  /* line 173, header.scss */
  header.fixed nav#grobalNav .drawer-nav ul.drawer-menu li.map a em, header.fixed nav#grobalNav .drawer-nav ul.drawer-menu li.outline a em { font-size: 15px; }
  /* line 177, header.scss */
  header.fixed nav#grobalNav .drawer-nav ul.drawer-menu li.request, header.fixed nav#grobalNav .drawer-nav ul.drawer-menu li.reserve { width: var(--rrW); height: 42px; bottom: calc(100% + 10px); font-size: 16px; }
  /* line 179, header.scss */
  header.fixed nav#grobalNav .drawer-nav ul.drawer-menu li.request span, header.fixed nav#grobalNav .drawer-nav ul.drawer-menu li.reserve span { font-size: 55%; }
  /* line 188, header.scss */
  header.fixed nav#grobalNav .drawer-nav ul.drawer-menu li.map { right: calc(var(--hrM) + (var(--rrW) * 2) + var(--rrM) + var(--oW) + var(--rrmoM) + var(--moM)); }
  /* line 189, header.scss */
  header.fixed nav#grobalNav .drawer-nav ul.drawer-menu li.outline { right: calc(var(--hrM) + (var(--rrW) * 2) + var(--rrM) + var(--rrmoM)); }
  /* line 190, header.scss */
  header.fixed nav#grobalNav .drawer-nav ul.drawer-menu li.request { right: calc(var(--hrM) + (var(--rrW) * 1) + var(--rrM)); }
  /* line 191, header.scss */
  header.fixed nav#grobalNav .drawer-nav ul.drawer-menu li.reserve { right: calc(var(--hrM)); } }
@media screen and (min-width: 751px) and (max-width: 1550px) { /*header{ #header { max-width: calc(100% - 120px); h1, #h01 { width: 335px; margin: 1.5em 0 0em;  a { span { width: 25%;} em { width: 68%; strong { margin-bottom: 1em;} b { width: 82%;} }}}}}*/ }
@media screen and (min-width: 751px) and (max-width: 1350px) { /*header{ #header { max-width: calc(100% - 100px); h1, #h01 { width: 300px; margin: 1.5em 0 0em;  a { span { width: 25%;} em { width: 68%; strong { margin-bottom: 1em;} b { width: 82%;} }}}} nav#grobalNav { .drawer-nav { ul.drawer-menu { li { &.gNav { a { padding: 1em 0em; em { font-size: 15px;} } } &.econtract, &.quality, &.achievement, &.status, &.map, &.outline, &.area { bottom: calc(100% + 16px); a { i { font-size: 15px; margin-left: .0em;} em { font-size: 14px;} &:hover{ i {} } } } &.econtract { right: calc(560px + 130px - 110px);} &.quality { right: calc(480px + 130px - 110px);} &.achievement { right: calc(400px + 130px - 110px);} &.status { right: calc(320px + 130px - 110px);} &.map { right: calc(255px + 130px - 110px);} &.outline { right: calc(175px + 130px - 110px);} &.entry, &.reserve { width: 180px; height: 36px; a { i {} em { font-size: 15px;} }} &.entry { right: 0;} &.reserve {} }}}}}*/ }
@media screen and (min-width: 751px) and (max-width: 1180px) { /*header{ #header { max-width: calc(100% - 60px); h1, #h01 { a { span {} em { strong {} b {} }}}}}*/ }
/* line 290, header.scss */
#home #grobalNav .drawer-nav ul.drawer-menu li.home a::before, #concept #grobalNav .drawer-nav ul.drawer-menu li.concept a::before, #location #grobalNav .drawer-nav ul.drawer-menu li.location a::before, #design #grobalNav .drawer-nav ul.drawer-menu li.design a::before, #landplan #grobalNav .drawer-nav ul.drawer-menu li.landplan a::before, #innerspace #grobalNav .drawer-nav ul.drawer-menu li.innerspace a::before, #roomplan #grobalNav .drawer-nav ul.drawer-menu li.roomplan a::before, #equipment #grobalNav .drawer-nav ul.drawer-menu li.equipment a::before { width: 100%; transform: scaleX(1); transform-origin: left; }