@charset "UTF-8";
/*reset*/
*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*::before,*::after{box-sizing:border-box}a,button{cursor:revert}ol,ul,menu{list-style:none}img{display: block;}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}:where(pre){all:revert}::placeholder{color:unset}::marker{content:initial}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable="false"])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable="true"]){-webkit-user-drag:element}:where(dialog:modal){all:revert}
/*reset end*/
:root {--color-black1: #000;--color-gray1: #efefef;--color-gray2: #ccc;--color-orange1: #fd5a2a;--color-yellow1: #f4f10a;--color-blue1: #48bcc6;--color-blue2: #2053e0;--color-blue3: #095467;--color-purple1: #9a70cb;--color-green1: #51de72;--color-green2: #3e865a;--color-green4: #4caf43;--color-red: #e84a5c;--color-beige: #c7ac8d;}
body,html {font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
body {font-size: var(--fontsize-16);line-height: 1.5;overflow-x: hidden;position: relative;/*-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;*/font-feature-settings: "palt";}
img {width: 100%;height: auto;display: block;}
body,a {color: var(--color-01);}
a {display: block; text-decoration: none; }
ul {list-style: none; }
h1,h2,h3,h4,div,p,ul,li,a,span,p,th,td {font-weight: normal;box-sizing: border-box;}
input:focus {outline: none;}
iframe {border: none;}
select {outline: none;}
figure {position: relative;}
.btn {transition: 0.4s; }
.pc {display: block !important;}
.sp {display: none !important;}
br.sp {line-height: 0;}
.gothic {font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;}
.mincho {font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
.object-fit {object-fit: cover;font-family: 'object-fit: cover;'}
.mw-1700 {width: 90%;max-width: 1700px;margin: auto;}
.mw-1600 {width: 90%;max-width: 1600px;margin: auto;}
.mw-1500 {width: 90%;max-width: 1500px;margin: auto;}
.mw-1400 {width: 90%;max-width: 1400px;margin: auto;}
.mw-1300 {width: 90%;max-width: 1300px;margin: auto;}
.mw-1200 {width: 90%;max-width: 1200px;margin: auto;}
.mw-1100 {width: 90%;max-width: 1100px;margin: auto;}
.mw-1000 {width: 90%;max-width: 1000px;margin: auto;}
.mw-900 {width: 90%;max-width:  900px;margin: auto;}
.mw-800 {width: 90%;max-width:  800px;margin: auto;}
.mw-700 {width: 90%;max-width:  700px;margin: auto;}
.mw-600 {width: 90%;max-width:  600px;margin: auto;}
.mw-500 {width: 90%;max-width:  500px;margin: auto;}
.radius-full {border-radius: 50%;overflow: hidden;}
.radius-list-10 > *,
.radius-10 {border-radius: 10px;overflow: hidden;}
.radius-list-15 > *,
.radius-15 {border-radius: 15px;overflow: hidden;}
.radius-list-20 > *,
.radius-20 {border-radius: 20px;overflow: hidden;}
.radius-list-25 > *,
.radius-25 {border-radius: 25px;overflow: hidden;}
.radius-list-30 > *,
.radius-30 {border-radius: 30px;overflow: hidden;}
.radius-list-35 > *,
.radius-35 {border-radius: 35px;overflow: hidden;}
.radius-list-40 > *,
.radius-40 {border-radius: 40px;overflow: hidden;}
.radius-list-45 > *,
.radius-45 {border-radius: 45px;overflow: hidden;}
.radius-list-50 > *,
.radius-50 {border-radius: 50px;overflow: hidden;}
.radius-list-55 > *,
.radius-55 {border-radius: 55px;overflow: hidden;}
.radius-list-60 > *,
.radius-60 {border-radius: 60px;overflow: hidden;}
.loader-wrap {position: fixed;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;background: #fff;z-index: 10001;}
.loader,.loader:after {border-radius: 50%;width: 7em;height: 7em;}
.loader {margin: 60px auto;font-size: var(--fontsize-10);position: relative;text-indent: -9999em;border-top: 0.5em solid rgba(0,121,51, 1);border-right: 0.5em solid rgba(0,121,51, 1);border-bottom: 0.5em solid rgba(0,121,51, 1);border-left: 0.5em solid rgba(0,121,51, 0.2);-webkit-transform: translateZ(0);-ms-transform: translateZ(0);transform: translateZ(0);-webkit-animation: load8 1.1s infinite linear;animation: load8 1.1s infinite linear;}
@-webkit-keyframes load8 {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@keyframes load8 {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
.invert {filter: brightness(0) invert(1);}
figure {position: relative;}
figure figcaption {display: block;content: attr(data-cap);color: rgba(255,255,255,0.7);font-size: 10px;line-height: 1;padding: 0.3em 0.5em 0.28em;background: rgba(0,0,0,0.5);position: absolute;right: 0;bottom: 0;z-index: 100;}
.observe {opacity: 0;}
.observe.staging {opacity: 1;transition-duration: 0.1s;}
.comingsoon a {pointer-events: none;opacity: 0.3;}
.billboard-style-01 {position: relative;}
.billboard-style-01::after {display: block;content: '';width: 100%;height: 70%;background: linear-gradient(to top,rgba(0,0,0,0.5),transparent);position: absolute;left: 0;bottom: 0;z-index: 1;}
.billboard-style-01 .container {margin: 0 auto;position: absolute;left: 0;right: 0;bottom: 0;z-index: 2;}
.billboard-style-01 .container div {color: #fff;position: absolute;left: 0;bottom: 3em;z-index: 1;}
.billboard-style-01 h2 {font-size: 150%;font-family: 'EB Garamond',"游明朝", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";margin-bottom: 0.25em;}
.billboard-style-01 p {font-size: 250%;font-weight: bold;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.billboard-style-01 figure img {height: 30em;object-fit: cover;}
.billboard-style-02 {position: relative;}
.billboard-style-02::after {display: block;content: '';width: 100%;height: 70%;background: linear-gradient(to top,rgba(0,0,0,0.5),transparent);position: absolute;left: 0;bottom: 0;z-index: 1;}
.billboard-style-02 .container {margin: 0 auto;position: absolute;left: 0;right: 0;bottom: 0;z-index: 2;}
.billboard-style-02 .container div {color: #fff;position: absolute;left: 0;bottom: 2.5em;z-index: 1;}
.billboard-style-02 h2 {font-size: 250%;font-family: 'EB Garamond',"游明朝", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";margin-bottom: 0.25em;}
.billboard-style-02 figure img {height: 30em;object-fit: cover;}
#breadCrumb ul {display: flex;flex-wrap: wrap;justify-content: flex-start;}
#breadCrumb ul li {position: relative;}
#breadCrumb ul li + li {margin-left: 0.75em;padding-left: 1em;}
#breadCrumb ul li + li a::before {display: inline-block;content: '';width: 0.5em;height: 0.5em;border-right: 1px solid #666;border-bottom: 1px solid #666;transform: rotate(-45deg) translateY(-50%);position: absolute;top: 48%;left: 0;z-index: 1;}
#breadCrumb ul li a {font-size: 87.5%;line-height: 1;padding: 0.75em 0;}
#breadCrumb ul li:last-child a {pointer-events: none;}
/* ------------------------------------------------------------------- */
#globalHeader {padding: 1em 1em 0.5em;background: #fff;position: fixed;top: 0;left: 0;right: 0;z-index: 9999; visibility: hidden; opacity: 0; transform: translateY(-20px); transition :visibility 0.3s ease, opacity 0.3s ease, transform 0.3s ease}
#globalHeader.on {visibility: visible; opacity: 1; transform: translateY(0);}
#globalHeader h1 {display: inline-block;position: relative;z-index: 2;}
#globalHeader h1 a {display: flex;align-items: center;}
#globalHeader h1 a img {width: auto;height: 2em;margin-right: 1em;}
#globalHeader h1 a p {font-size: 93.75%;max-width: 14em;transform: translateY(6px);}
#globalHeader h1 a p span {display: inline-block;}
#primaryNavigation ul:nth-of-type(1) {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;position: absolute;top: 1em;right: 1em;z-index: 2;}
#primaryNavigation ul:nth-of-type(1) li a {display: block;font-size: 93.75%;padding: 0.5em 0.75em;margin: 0 0.25em;}
#primaryNavigation ul:nth-of-type(1) li.btn.first {margin-left: 1em;}
#primaryNavigation ul:nth-of-type(1) li.btn a {color: #fff;letter-spacing: 0.2em;padding: 0.5em 2.5em 0.45em;background: var(--color-beige);}
#primaryNavigation ul:nth-of-type(1) li:not(.btn) a::before {display: inline-block;content: '';padding-right: 0.5em;width: 0;height: 0;border: 0.35em solid transparent;border-left: 0.5em solid #000;}
#utilityNavigation .container {max-width: 1500px;margin: 1em auto 0;}
#utilityNavigation .container ul {text-align: center;letter-spacing: -0.4em;}
#utilityNavigation .container ul li {display: inline-block;letter-spacing: 0;position: relative;}
#utilityNavigation .container ul li + li::before {display: block;content: '';width: 1px;height: 1em;background: #c3c3c3;position: absolute;top: calc(50% - 0.5em);left: 0;z-index: 1;}
#utilityNavigation .container ul li a {padding: 0 2.5em;}
#utilityNavigation .container ul li.no_link a {pointer-events: none; opacity: 0.5;}
#utilityNavigation .container ul:nth-child(1) li::after {display: block;content: '';width: 0;height: 1px;margin: 0.25em 0 0;background: #fff;}
#utilityNavigation .container ul:nth-child(1)  li.no_link::after {display: none;}
#utilityNavigation .container ul li a span {font-size: 93.75%;letter-spacing: 0.15em;}
#utilityNavigation .container ul li a span::before {display: block;content: attr(data-title);font-size: 80%;letter-spacing: 0;opacity: 0.7;}
#navTile ul {display: flex;flex-wrap: wrap;justify-content: flex-start;}
#navTile ul li {flex: 1 1 33.33%;max-width: 33.33%;height: 15em;aspect-ratio: 1 / 1;background: #ccc;display: flex;align-items: center;justify-content: center;font-weight: bold;color: #fff;}
#navTile ul[data-column="4"] li {flex: 1 1 25%;max-width: 25%;}
#navTile ul[data-column="5"] li {flex: 1 1 20%;max-width: 20%;}
#navTile ul[data-column="6"] li {flex: 1 1 16.66%;max-width: 16.66%;}
#navTile ul[data-column="7"] li {flex: 1 1 14.28%;max-width: 14.28%;}
#navTile ul[data-column="8"] li {flex: 1 1 12.5%;max-width: 12.5%;}
#navTile ul[data-column="9"] li {flex: 1 1 11.11%;max-width: 11.11%;}
#navTile ul[data-column="10"] li {flex: 1 1 10%;max-width: 10%;}
#navTile ul li a {width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: 120% auto;position: relative;transition: 0.8s;}
#navTile ul li a::after {display: block;content: '';width: 100%;height: 100%;background: #000;opacity: 0.4;position: absolute;top: 0;left: 0;z-index: 0;transition: 0.4s;}
#navTile ul li a span {color: #fff;font-size: 125%;text-align: center;position: absolute;top: 50%;left: 50%;z-index: 2;transform: translate(-50%,-50%);}
#navTile ul li a[href="concept"] {background-image: url("../img/index/index_nav01_concept.jpg");}
#navTile ul li a[href="access"] {background-image: url("../img/index/index_nav01_access.jpg");}
#navTile ul li a[href="location"] {background-image: url("../img/index/index_nav01_location.jpg");}
#navTile ul li a[href="design"] {background-image: url("../img/index/index_nav01_design.jpg");}
#navTile ul li a[href="plan"] {background-image: url("../img/index/index_nav01_plan.jpg");}
#navTile ul li a[href="equipment"] {background-image: url("../img/index/index_nav01_equipment.jpg");}
#navTile ul li a[href="leasehold"] {background-image: url("../img/index/index_nav01_leasehold.jpg");}
#navTile ul li a.noLink {pointer-events: none; filter: saturate(50%);}
#navTile ul li a.noLink::after {display: block;content: '';width: 100%;height: 100%;background: rgb(112 112 112);position: absolute;top: 0;left: 0;z-index: 1;}
/*body#page-concept #navTile ul li a[href="concept"],
body#page-location #navTile ul li a[href="location"],
body#page-access #navTile ul li a[href="access"],
body#page-design #navTile ul li a[href="design"],
body#page-plan #navTile ul li a[href="plan"],
body#page-equipment #navTile ul li a[href="equipment"] {border: 5px solid var(--color-green2);pointer-events: none;}
body#page-concept #navTile ul li a[href="concept"]::after,
body#page-location #navTile ul li a[href="location"]::after,
body#page-access #navTile ul li a[href="access"]::after,
body#page-design #navTile ul li a[href="design"]::after,
body#page-plan #navTile ul li a[href="plan"]::after,
body#page-equipment #navTile ul li a[href="concept"]::after {opacity: 0.55;z-index: 2;}*/
.block-note {padding: 3em 0;background: var(--color-gray1);}
.block-note ul li {font-size: 12px;text-indent: -1em;padding-left: 1em;}
#colophon address {text-align: center;padding: 6em 0;border-top: 1px solid var(--color-gray1);}
#colophon address h3 {font-size: 112.5%;}
#colophon address h3 span {display: inline-block;font-weight: bold;}
#colophon address a[href^="tel:"] {margin: 1em 0 0;}  
#colophon address a[href^="tel:"] span:nth-child(1) {display: inline-block;font-size: 300%;letter-spacing: 0.05em;line-height: 1;padding-left: 1.25em;position: relative;}
#colophon address a[href^="tel:"] span:nth-child(1)::before {display: block;content: '';width: 1em;height: 0.5em;background: url("../img/common/icon_free.svg") no-repeat center/contain;position: absolute;top: 52%;left: 0;z-index: 1;transform: translateY(-50%);}
#colophon address .note {font-size: 12px;text-align: center;margin-top: 0.5em;}
#colophon address .hours {margin-top: 1em;}
#colophon address .hours span {display: inline-block;margin: 0 0.5em;}
#colophon address .agent {display: flex;justify-content:center;margin-top: 3em;}
#colophon address .agent a {margin: 0 1em;}
#colophon address .agent a img {width: auto;height: 3.5em;}
#colophon .feature {padding: 6em 0;}
#colophon .feature .container {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;box-shadow: 0 0 15px #ccc;overflow: hidden;}
#colophon .feature .container figure {width: 45%;padding-top: 27%;overflow: hidden;}
#colophon .feature .container figure img {width: 100%;height: 100%;object-fit: cover;position: absolute;top: 50%;left: 50%;z-index: 1;transform: translate(-50%,-50%);}
#colophon .feature .container div {text-align: center;width: 55%;}
#colophon .feature .container div h2 {font-size: 175%;font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
#colophon .feature .container div h2 strong {display: block;content: attr(data-title);color: var(--color-green2);font-size: 125%;font-family: 'EB Garamond',"游明朝", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";font-weight: normal;margin-bottom: 0.5em;}
#colophon .recommend .headerEnttl,
#colophon .other h3 {font-size: 200%;font-family: 'EB Garamond',"游明朝", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";text-align: center;margin-bottom: 1em;}
#colophon .recommend {padding: 6em 0;background: var(--color-green2);overflow: hidden;}
#colophon .recommend .headerEnttl {color: #fff;}
#colophon .recommend #recommend_slider {width: 90%;margin: 0 auto;overflow: visible;}
#colophon .recommend .swiper-recommend::before,
#colophon .recommend .swiper-recommend::after {background: var(--color-green2) !important;}
#colophon .other {padding: 6em 0;background: var(--color-gray1);}
#colophon .other ul {display: flex;flex-wrap: wrap;justify-content: flex-start;margin: 0 -0.75em;}
#colophon .other ul li {width: calc(25% - 1.5em);margin: 0.75em;}
#colophon .other ul li a {}
#colophon .other ul li a p {margin-top: 0.5em;}
#colophon .navLegal {padding: 1.5em 0;border-top: 1px solid var(--color-gray1);}
#colophon .navLegal ul {text-align: center;}
#colophon .navLegal ul li {display: inline-block;}
#colophon .navLegal ul li a {font-size: 75%;padding: 0 1em;}
#colophon #copyRight {color: #fff;font-size: 75%;text-align: center;padding: 1.5em 0.5em;background: #000;}
#colophon #copyRight span {display: inline-block;}
@media only screen and (max-width: 1350px) {
  #utilityNavigation .container {margin-top: 1em;}
  #utilityNavigation .container ul li a {font-size: 87.5%;padding: 0 1.5em;}
  #primaryNavigation ul:nth-of-type(1) li.btn.first {margin-left: 0;}
  #primaryNavigation ul:nth-of-type(1) li.btn a {letter-spacing: 0.1em;padding: 0.4em 1.5em 0.35em;}
}
@media only screen and (max-width: 1100px) {
  body {font-size: 1.4vw;}
  #navTile ul {justify-content: flex-start;}
  #navTile ul li {flex: 1 1 33.33% !important;max-width: 33.33% !important;}  
}
@media only screen and (min-width: 768px) and (max-width: 1300px) {
  .billboard-style-01 .container div {bottom: 2em;}
  .billboard-style-01 h2 {font-size: 2vw;}
  .billboard-style-01 p {font-size: 3vw;}
  .billboard-style-01 figure img {height: 22em;}
  .billboard-style-02 h2 {font-size: 3vw;}
  .billboard-style-02 figure img {height: 22em;}
}
@media only screen and (min-width: 768px) {
  a[href*="tel:"] {pointer-events: none;cursor: default;text-decoration: none;}
  .btn:hover {opacity: 0.7;transition: 0.4s;}
  #utilityNavigation .container ul:nth-child(1) li::after {margin-left: 10%;transition: 0.4s ease-in-out 0s;}
  #utilityNavigation .container ul:nth-child(1) li:hover::after,
  #utilityNavigation .container ul:nth-child(1) li.active::after {width: 80%;background: #000;}
  #primaryNavigation ul:nth-of-type(2) {display: none;}
  #navTile ul li a:hover {background-size: 136% auto;}
  #navTile ul li a:hover::after {opacity: 0;}
}
@media only screen and (max-width: 767px) {
  .pc {display: none !important;}
  .sp {display: block !important;}
  body {font-size: 1.89vw;}
  #globalHeader {height: 100%;padding: 1em 1em 4em;background: transparent;transition: 0.4s;pointer-events: none;}
  #globalHeader h1 a {pointer-events: auto;}
  #globalHeader h1 a img {height: 1.5em;margin-right: 0.5em;}
  #globalHeader h1 a p {font-size: 75%;transform: translateY(5px);}
  #menuBtn {width: 3.75em;height: 3.75em;border-radius: 0;border: none;box-shadow: none;background: #fff;position: fixed;top: 0;right: 0;pointer-events: auto;}
  #menuBtn::after {display: block;content: '';width: 100vw;height: 100%;background: #fff;position: absolute;top: 0;right: 0;z-index: -1;}
  #menuBtn .line {display: block;width: 2em;height: 1.25em;margin: 0 auto;position: absolute;top: 50%;left: 50%;z-index: 1;transform: translate(-50%,-50%);}
  #menuBtn .line span {display: block;width: 100%;height: 1px;background: #222;position: absolute;top: calc(50% - 1px);transition: 0.4s;}
  #menuBtn .line span:nth-child(1) {transform: translateY(-0.5em) rotate(0deg);}
  #menuBtn .line span:nth-child(3) {transform: translateY(0.5em) rotate(0deg);}
  #menuBtn .txt {display: block;font-size: 67.5%;font-weight: bold;text-align: center;line-height: 1;margin-top: 0.5em;}  
  #utilityNavigation {height: 90%;overflow-y: scroll;opacity: 0;pointer-events: none;transition: 0.4s;}
  #utilityNavigation .container {margin-top: 2em;}
  #utilityNavigation .container ul {display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0;}
  #utilityNavigation .container ul li {width: 48%;margin: 0.5em 0 0;}
  #utilityNavigation .container ul li + li::before {display: none;}
  #utilityNavigation .container ul li a {padding: 0.75em 0;overflow: hidden;}
  #utilityNavigation .container ul li a span {display: block;font-size: 125%;position: relative;}
  #utilityNavigation .container ul:nth-child(1) li::after {width: 0%;margin: 0.25em 0 0;transition: 0.4s ease-in-out 0.4s;}
  #utilityNavigation .container ul:nth-child(1) li a {color: #fff;text-align: left;padding: 0.75em 0 0.25em;}
  #utilityNavigation .container ul:nth-child(1) li a span {opacity: 0;transform: translateY(100%);transition: opacity 0.8s, transform 0.8s;}
  #utilityNavigation .container ul:nth-child(1) li a span::before {display: block;content: attr(data-title);font-size: 70%;font-weight: normal;}
  #utilityNavigation .container ul:nth-child(2) {margin-top: 1em;}
  #utilityNavigation .container ul:nth-child(2) li {color: #fff;width: 100%;opacity: 0;transform: translateY(100%);transition: opacity 0.8s, transform 0.8s;}
  #utilityNavigation .container ul:nth-child(2) li a {background: var(--color-beige);}
  #primaryNavigation {display: flex;position: fixed;left: 0;right: 0;bottom: 0;z-index: 1;}
  #primaryNavigation::before {display: block;content: '';width: 100%;height: 4em;background: linear-gradient(to bottom,transparent,rgba(0,0,0,0.05));position: absolute;left: 0;bottom: calc(100% - 1.5em);z-index: -1;pointer-events: none;}
  #primaryNavigation ul:nth-of-type(1) {display: none;}
  #primaryNavigation ul:nth-of-type(2) {display: flex;width: 100%;}
  #primaryNavigation ul:nth-of-type(2) li {flex: 1;text-align: center;position: relative;}
  #primaryNavigation ul:nth-of-type(2) li a {height: 4em;background: #fff;position: relative;}
  #primaryNavigation ul:nth-of-type(2) li + li::before {display: block;content: '';width: 1px;height: 100%;background: rgba(0,0,0,0.2);position: absolute;top: 0;left: 0;z-index: 1;pointer-events: none;}
  #primaryNavigation ul:nth-of-type(2) li a span {font-size: 68.75%;font-weight: bold;line-height: 1.1;width: 100%;position: absolute;top: 50%;left: 50%;z-index: 1;transform: translate(-50%,-50%);}
  #primaryNavigation ul:nth-of-type(2).icon li a span::before {display: block;content: '';width: 2.2em;height: 2.2em;margin: 0 auto 0.25em;}
  #primaryNavigation ul:nth-of-type(2) li.request a span::before {background: url("../img/common/icon_request.svg") no-repeat center/80%;}
  #primaryNavigation ul:nth-of-type(2) li.reserve a span::before {background: url("../img/common/icon_reserve.svg") no-repeat center/contain;}
  #primaryNavigation ul:nth-of-type(2) li.map a span::before {background: url("../img/common/icon_map.svg") no-repeat center/contain;}
  #primaryNavigation ul:nth-of-type(2) li.online a span::before {background: url("../img/common/icon_online.svg") no-repeat center/contain;}
  body.menuOpen #globalHeader {background: rgba(0, 0, 0, 1);backdrop-filter: blur(15px);pointer-events: auto;}
  body.menuOpen #menuBtn .line span:nth-child(2) {opacity: 0;}
  body.menuOpen #menuBtn .line span:nth-child(1) {transform: translateY(0) rotate(150deg);}
  body.menuOpen #menuBtn .line span:nth-child(3) {transform: translateY(0) rotate(-150deg);}
  body.menuOpen #utilityNavigation {opacity: 1;pointer-events: auto;}
  body.menuOpen #utilityNavigation .container ul:nth-child(1) li.active::after {width: 100%;}
  body.menuOpen #utilityNavigation .container ul:nth-child(1) li a span {opacity: 1;transform: translateY(0);}
  body.menuOpen #utilityNavigation .container ul:nth-child(2) li {opacity: 1;transform: translateY(0);}
  /* body#index #primaryNavigation ul:nth-of-type(2) {opacity: 0;transition: 0.4s;pointer-events: none;} */
  body#index.scrolled #primaryNavigation ul:nth-of-type(2) {opacity: 1;transition: 0.4s;pointer-events: auto;}
  #navTile ul li {flex: 1 1 50% !important;max-width: 50% !important;height: 7em;}
  #navTile ul li a span {font-size: 112.5%;}
  .billboard-style-01 .container div {bottom: 1.25em;}
  .billboard-style-01 h2 {font-size: 125%;margin-bottom: 0;}
  .billboard-style-01 p {font-size: 125%;line-height: 1.25;}
  .billboard-style-01 figure img {height: 13em;}
  .billboard-style-01 .container div {bottom: 1.5em;}
  .billboard-style-02 h2 {font-size: 175%;margin-bottom: 0;}
  .billboard-style-02 figure img {height: 13em;}
  .billboard-style-02 .container div {bottom: 1.5em;}
  .block-note {padding: 1.5em 0;}
  .block-note ul li {font-size: 10px;}
  #breadCrumb ul li a {font-size: 75%;}
  #colophon address {padding: 3em 0;}
  #colophon address h3 {font-size: 100%;}
  #colophon address a[href^="tel:"] {display: inline-block;}
  #colophon address a[href^="tel:"] span:nth-child(1) {font-size: 250%;}  
  #colophon address a[href^="tel:"] span:nth-child(2) {font-weight: bold;margin-top: 0.5em;padding: 0.3em 0 0.25em;border: 1px solid #000;}
  #colophon address .hours {font-size: 87.5%;margin-top: 2em;}
  #colophon address .hours span {display: inline-block;margin: 0 0.5em;}
  #colophon address .agent {margin-top: 2em; flex-flow: column; align-items: center;}
  #colophon address .agent a {margin: 1% 2%;}
  #colophon address .agent a:nth-child(1) {max-width: 155px; width: 212px;}
  #colophon address .agent a:nth-child(2) {max-width: 180px; width: 228px;}
  #colophon address .agent a:nth-child(3) {max-width: 155px; width: 227px;}
  #colophon address .agent a img {width: 100%;height: auto;}
  #colophon .feature {padding: 1em 0 3em;}
  #colophon .feature .container figure {width: 100%;padding-top: 12em;}
  #colophon .feature .container div {width: 100%;padding: 2em 0;}
  #colophon .feature .container div h2 {font-size: 112.5%;letter-spacing: 0;}
  #colophon .feature .container div h2 strong {margin-bottom: 0;}
  #colophon .recommend .headerEnttl,
  #colophon .other h3 {font-size: 150%;margin-bottom: 0.25em;}
  #colophon .recommend {padding: 3em 0;}
  #colophon .other {padding: 3em 0 2em;}
  #colophon .other ul {margin: 0 -0.5em;}
  #colophon .other ul li {width: calc(50% - 1em);margin: 0.5em;}
  #colophon .other ul li a p {font-size: 87.5%;}
  #colophon .navLegal {padding: 1em 0;}
  #colophon .navLegal ul li a {padding: 0 0.5em;}
  #colophon #copyRight {font-size: 10px;padding: 1em 0;}
}
@media only screen and (max-width: 550px) {
  body {font-size: 2.9vw;}
}
@media only screen and (max-width: 450px) {
  body {font-size: 4.2vw;}
}