@charset "UTF-8";
/*aa102d　7d0000*/
/*"Bellefair", serif;*/
/* ----------------------------------------------------------------------------------------------------------------------------
 header設定

---------------------------------------------------------------------------------------------------------------------------- */
/* line 15, header.scss */
header { width: 100%; position: fixed; top: 0; left: 0; z-index: 10000; min-width: 1100px; }
/* line 16, header.scss */
header::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.75); backdrop-filter: blur(15px); z-index: 0; }
/* line 17, header.scss */
header #header { margin: auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; justify-content: space-between; /*max-width: 1500px;*/ width: calc(100% - 60px); height: 110px; position: relative; z-index: 1; }
/* line 18, header.scss */
header #header h1, header #header #h01 { width: 360px; margin-top: -.75em; }
/* line 19, header.scss */
header #header h1 a, header #header #h01 a { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; justify-content: space-between; }
/* line 20, header.scss */
header #header h1 a span, header #header #h01 a span { width: 35px; }
/* line 21, header.scss */
header #header h1 a em, header #header #h01 a em { width: 260px; }
/* line 22, header.scss */
header #header h1 a em i, header #header #h01 a em i { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
/* line 23, header.scss */
header #header h1 a em i:nth-of-type(1), header #header #h01 a em i:nth-of-type(1) { width: 100%; }
/* line 24, header.scss */
header #header h1 a em i:nth-of-type(2), header #header #h01 a em i:nth-of-type(2) { width: 82%; margin: 8px auto 0; }
@media only screen and (max-width: 750px) { /* line 15, header.scss */
  header { width: 100%; min-width: 100%; top: 0; left: 0; /*position: static !important;*/ position: absolute; /*background: #999;*/ }
  /* line 33, header.scss */
  header #header { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; height: 75px; padding-top: 5px; align-items: flex-start; }
  /* line 34, header.scss */
  header #header h1, header #header #h01 { width: 280px; margin-left: -5%; margin-top: 0; }
  /* line 35, header.scss */
  header #header h1 a, header #header #h01 a { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; justify-content: space-between; }
  /* line 36, header.scss */
  header #header h1 a span, header #header #h01 a span { width: 10.77%; }
  /* line 37, header.scss */
  header #header h1 a em, header #header #h01 a em { width: 84.62%; }
  /* line 38, header.scss */
  header #header h1 a em i, header #header #h01 a em i { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
  /* line 39, header.scss */
  header #header h1 a em i:nth-of-type(1), header #header #h01 a em i:nth-of-type(1) { width: 100%; }
  /* line 40, header.scss */
  header #header h1 a em i:nth-of-type(2), header #header #h01 a em i:nth-of-type(2) { width: 88%; margin: 10px auto 0; } }

@media print, screen and (min-width: 751px) { /* line 53, header.scss */
  #grovalNav { position: relative; z-index: 1; }
  /* line 54, header.scss */
  .drawer-nav { width: 100% !important; right: 0 !important; overflow: visible !important; border-top: 1px solid rgba(255, 255, 255, 0.15); }
  /* line 55, header.scss */
  ul.drawer-menu { width: calc(100% - 60px); margin: auto; transition: .4s all; } }
@media screen and (min-width: 751px) and (min-width: 751px) and (max-width: 1220px) { /* line 55, header.scss */
  ul.drawer-menu { width: 100%; flex-wrap: nowrap !important; justify-content: space-between !important; } }
@media print, screen and (min-width: 751px) { /* line 59, header.scss */
  ul.drawer-menu li { width: calc(100% / 10); height: 70px; transition: .4s all; } }
@media screen and (min-width: 751px) and (min-width: 751px) and (max-width: 1220px) { /* line 59, header.scss */
  ul.drawer-menu li { /* width: auto;*/ }
  /* line 62, header.scss */
  ul.drawer-menu li.home { width: 90px; }
  /* line 63, header.scss */
  ul.drawer-menu li.concept { width: 106px; }
  /* line 64, header.scss */
  ul.drawer-menu li.access { width: 87px; }
  /* line 65, header.scss */
  ul.drawer-menu li.location { width: 114px; }
  /* line 66, header.scss */
  ul.drawer-menu li.landplan { width: 117px; }
  /* line 67, header.scss */
  ul.drawer-menu li.design { width: 88px; }
  /* line 68, header.scss */
  ul.drawer-menu li.innerspace { width: 130px; }
  /* line 69, header.scss */
  ul.drawer-menu li.plan { width: 125px; }
  /* line 70, header.scss */
  ul.drawer-menu li.equipment { width: 135px; }
  /* line 71, header.scss */
  ul.drawer-menu li.afterservice { width: 146px; } }
@media print, screen and (min-width: 751px) { /* line 73, header.scss */
  ul.drawer-menu li em { /*font-family: $jpZ; font-weight: 500;*/ }
  /* line 74, header.scss */
  ul.drawer-menu li span { font-family: "EB Garamond", serif; }
  /* line 75, header.scss */
  ul.drawer-menu li button { display: none; }
  /* line 76, header.scss */
  ul.drawer-menu li.gNav { font-size: 13px; font-size: 0.8125rem; line-height: 1.3rem; position: relative; }
  /* line 77, header.scss */
  ul.drawer-menu li.gNav a { padding: 0px 15px; display: flex; flex-direction: column; flex-wrap: wrap; flex-direction: column-reverse; position: relative; text-align: center; }
  /* line 78, header.scss */
  ul.drawer-menu li.gNav a em { font-size: 10px; line-height: 1; margin-top: 10px; font-family: "YakuHanJP", "Zen Kaku Gothic New", sans-serif; letter-spacing: 0; margin-top: auto; margin-bottom: 17px; }
  /* line 79, header.scss */
  ul.drawer-menu li.gNav a span { font-size: 16px; line-height: 1; letter-spacing: .0em; position: absolute; left: 0; right: 0; margin: auto; z-index: 10; z-index: 0; left: -50%; right: -50%; top: 17px; width: 100%; }
  /* line 80, header.scss */
  ul.drawer-menu li.gNav a:hover { opacity: .5; }
  /* line 93, header.scss */
  ul.drawer-menu li.gNav.uc { opacity: 1; }
  /* line 94, header.scss */
  ul.drawer-menu li.gNav.uc em, ul.drawer-menu li.gNav.uc span { opacity: .35; }
  /* line 95, header.scss */
  ul.drawer-menu li.gNav.uc::before { content: "COMING SOON"; font-family: "EB Garamond", serif; background: rgba(255, 255, 255, 0.8); color: #00326c; font-size: 10px; line-height: 1; padding: 5px 0 2px; letter-spacing: 0; position: absolute; left: 0; right: 0; margin: auto; z-index: 10; bottom: 7px; width: 90px; display: none; }
  /* line 98, header.scss */
  ul.drawer-menu li.map, ul.drawer-menu li.outline, ul.drawer-menu li.request, ul.drawer-menu li.reserve { position: absolute !important; z-index: 120; }
  /* line 99, header.scss */
  ul.drawer-menu li.map, ul.drawer-menu li.outline { right: 370px; /*bottom: 107px;*/ width: 260px; height: auto; font-family: "YakuHanJP", "Zen Kaku Gothic New", sans-serif; }
  /* line 100, header.scss */
  ul.drawer-menu li.map a, ul.drawer-menu li.outline a { color: #333; padding: 12px 15px; padding-right: 25px; position: relative; justify-content: flex-start !important; }
  /* line 101, header.scss */
  ul.drawer-menu li.map a::before, ul.drawer-menu li.outline a::before { content: "\f054"; font-family: "Font Awesome 6 Pro"; font-weight: 600; font-size: 77%; color: #00326c; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; left: 0; transition: .5s; line-height: 0; padding-top: .25em; }
  /* line 103, header.scss */
  ul.drawer-menu li.map a:hover::before, ul.drawer-menu li.outline a:hover::before { left: 3px; }
  /* line 106, header.scss */
  ul.drawer-menu li.map span, ul.drawer-menu li.outline span { display: none; }
  /* line 107, header.scss */
  ul.drawer-menu li.map em, ul.drawer-menu li.outline em { font-size: 14px; line-height: 1; }
  /* line 109, header.scss */
  ul.drawer-menu li.map { bottom: 120px; }
  /* line 110, header.scss */
  ul.drawer-menu li.map b { display: inline-block; letter-spacing: -.05em; }
  /* line 112, header.scss */
  ul.drawer-menu li.outline { bottom: 90px; } }
@media screen and (min-width: 751px) and (min-width: 751px) and (max-width: 1200px) { /* line 114, header.scss */
  ul.drawer-menu li.map, ul.drawer-menu li.outline { right: 510px; width: 180px; }
  /* line 115, header.scss */
  ul.drawer-menu li.map { bottom: 110px; }
  /* line 116, header.scss */
  ul.drawer-menu li.map b { display: block; margin-bottom: .25em; }
  /* line 118, header.scss */
  ul.drawer-menu li.outline { bottom: 85px; } }
@media print, screen and (min-width: 751px) { /* line 121, header.scss */
  ul.drawer-menu li.request, ul.drawer-menu li.reserve { width: 325px; height: 60px; bottom: 95px; }
  /* line 122, header.scss */
  ul.drawer-menu li.request a, ul.drawer-menu li.reserve a { justify-content: flex-start !important; padding-left: 1.5em; }
  /* line 123, header.scss */
  ul.drawer-menu li.request span, ul.drawer-menu li.reserve span { font-size: 11px; /*-webkit-text-stroke-width: .25px;*/ margin-left: 1em; }
  /* line 124, header.scss */
  ul.drawer-menu li.request em, ul.drawer-menu li.reserve em { font-size: 18px; /*-webkit-text-stroke-width: .5px;*/ }
  /* line 125, header.scss */
  ul.drawer-menu li.request i, ul.drawer-menu li.reserve i { width: 30px; right: 15px; }
  /* line 126, header.scss */
  ul.drawer-menu li.request i::after, ul.drawer-menu li.reserve i::after { width: 10px; bottom: calc(100% + .15em); right: -4px !important; }
  /* line 129, header.scss */
  ul.drawer-menu li.request:hover span, ul.drawer-menu li.request:hover em, ul.drawer-menu li.reserve:hover span, ul.drawer-menu li.reserve:hover em { /*-webkit-text-stroke-width: 0px;*/ }
  /* line 130, header.scss */
  ul.drawer-menu li.request:hover span, ul.drawer-menu li.reserve:hover span { letter-spacing: .05em; }
  /* line 131, header.scss */
  ul.drawer-menu li.request:hover i, ul.drawer-menu li.reserve:hover i { right: 9px; width: 36px; }
  /* line 134, header.scss */
  ul.drawer-menu li.request { right: 50px; }
  /* line 135, header.scss */
  ul.drawer-menu li.reserve { right: 15px; }
  /* line 139, header.scss */
  ul.drawer-menu li.uc em, ul.drawer-menu li.uc i { opacity: .6; }
  /* line 141, header.scss */
  ul.drawer-menu li a { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; color: #333; }
  /* line 144, header.scss */
  ul.drawer-menu li a:hover span { letter-spacing: .075em; white-space: nowrap; } }
@media print, screen and (min-width: 751px) { /* line 164, header.scss */
  #home ul li.home span, #concept ul li.concept span, #access ul li.access span, #location ul li.location span, #design ul li.design span, #landplan ul li.landplan span, #innerspace ul li.innerspace span, #plan ul li.plan span, #equipment ul li.equipment span, #menuplan ul li.menuplan span, #selectplan ul li.selectplan span { color: #b9a45e; letter-spacing: .075em; } }
@media only screen and (max-width: 750px) { /* line 174, header.scss */
  ul.btns.sp { position: fixed; bottom: 0; left: 0; z-index: 100; display: flex; justify-content: space-between; flex-wrap: wrap; justify-content: flex-start; width: 100%; height: 60px; display: flex !important; backdrop-filter: blur(15px); filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.25)); }
  /* line 175, header.scss */
  ul.btns.sp::before, ul.btns.sp::after { content: ""; position: absolute; width: 100%; height: 60px; position: absolute; bottom: 0; left: 0; }
  /* line 176, header.scss */
  ul.btns.sp::before { background: linear-gradient(90deg, #84c29a 0%, #50a8bd 100%); z-index: 0; opacity: .8; }
  /* line 177, header.scss */
  ul.btns.sp::after { /*background: $grd;*/ background: #fff; z-index: 1; opacity: .8; display: none; }
  /* line 178, header.scss */
  ul.btns.sp li { width: calc(100% / 5); font-family: "YakuHanJP", "Zen Kaku Gothic New", sans-serif; font-size: 500; height: 100%; /*border-right: 1px solid rgba($white, .6);*/ box-sizing: border-box; z-index: 10; position: relative; }
  /* line 179, header.scss */
  ul.btns.sp li::after { content: ""; width: 1px; height: 70%; background: rgba(255, 255, 255, 0.5); position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; left: calc(100% - 0px); }
  /* line 180, header.scss */
  ul.btns.sp li a { color: #fff; width: 100%; height: 100%; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: center; position: relative; }
  /* line 181, header.scss */
  ul.btns.sp li i { position: absolute; left: 0; right: 0; margin: auto; z-index: 10; font-size: 24px; top: 9px; color: #fff; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
  /* line 182, header.scss */
  ul.btns.sp li i.arrow { display: none; }
  /* line 184, header.scss */
  ul.btns.sp li em { font-family: "YakuHanJP", "Zen Kaku Gothic New", sans-serif; font-size: 10px; font-weight: 500; line-height: 1; margin-top: auto; margin-bottom: 8px; }
  /* line 185, header.scss */
  ul.btns.sp li span { display: none; }
  /* line 187, header.scss */
  ul.btns.sp li.telNav i { top: 9px; }
  /* line 188, header.scss */
  ul.btns.sp li.map i { top: 9px; }
  /* line 191, header.scss */
  ul.btns.sp li.uc { opacity: 1; }
  /* line 192, header.scss */
  ul.btns.sp li.uc a { opacity: .4; } }
@media print, screen and (min-width: 751px) { /* line 204, header.scss */
  header, #header, #header h1, #header h1 span, #header h1 em, #header #h01, #header #h01 span, #header #h01 em, #header h1 a, #header #h01 a, #grovalNav .drawer-nav, #grovalNav .drawer-nav ul li, #grovalNav .drawer-nav ul li a, #grovalNav .drawer-nav ul li a em, #grovalNav .drawer-nav ul li a span { transition: .5s; }
  /* line 207, header.scss */
  header.fixed { top: -50px; }
  /* line 208, header.scss */
  header.fixed #header { height: 50px; }
  /* line 209, header.scss */
  header.fixed #header h1, header.fixed #header #h01 { width: 320px; }
  /* line 211, header.scss */
  header.fixed #header h1 a span, header.fixed #header #h01 a span { width: 26px; }
  /* line 212, header.scss */
  header.fixed #header h1 a em, header.fixed #header #h01 a em { width: 260px; }
  /* line 215, header.scss */
  header.fixed ul.drawer-menu li { height: 50px; }
  /* line 216, header.scss */
  header.fixed ul.drawer-menu li.gNav { font-size: 13px; font-size: 0.8125rem; line-height: 1.3rem; }
  /* line 218, header.scss */
  header.fixed ul.drawer-menu li.gNav a em { font-size: 10px; /*margin-top: 5px;*/ margin-bottom: 9px; }
  /* line 219, header.scss */
  header.fixed ul.drawer-menu li.gNav a span { font-size: 16px; padding-top: 0px; top: 9px; }
  /* line 222, header.scss */
  header.fixed ul.drawer-menu li.gNav.uc::before { font-size: 10px; padding: 5px 0 2px; bottom: 5px; }
  /* line 225, header.scss */
  header.fixed ul.drawer-menu li.map, header.fixed ul.drawer-menu li.outline { bottom: 61px; }
  /* line 226, header.scss */
  header.fixed ul.drawer-menu li.map a, header.fixed ul.drawer-menu li.outline a { padding: 12px 15px; padding-right: 25px; }
  /* line 227, header.scss */
  header.fixed ul.drawer-menu li.map a::before, header.fixed ul.drawer-menu li.outline a::before { /*width: 7px; height: 14px;*/ }
  /* line 229, header.scss */
  header.fixed ul.drawer-menu li.map em, header.fixed ul.drawer-menu li.outline em { /*font-size: 13px;*/ }
  /* line 231, header.scss */
  header.fixed ul.drawer-menu li.request, header.fixed ul.drawer-menu li.reserve { height: 45px; bottom: 57px; } }
/* line 240, header.scss */
#breadlist { text-align: left; margin: 30px auto 0px; position: absolute; left: 0; right: 0; margin: auto; z-index: 10; top: 150px; z-index: 50; }
@media screen and (min-width: 601px) and (max-width: 750px) { /* line 240, header.scss */
  #breadlist { padding: 0 20px; } }
/* line 242, header.scss */
#breadlist li { font-size: 11px; font-size: 0.6875rem; line-height: 1.375rem; position: relative; }
/* line 243, header.scss */
#breadlist li:not(:last-child)::after { content: "\f054"; font-family: "Font Awesome 6 Pro"; font-weight: 400; padding: 0 3px 0 8px; font-size: 80%; }
/* line 244, header.scss */
#breadlist li:first-child { font-family: "EB Garamond", serif; }

@media only screen and (max-width: 750px) { /* line 248, header.scss */
  #breadlist { width: 90%; position: relative; top: auto; left: auto; right: auto; margin: auto; padding: 10px 0 0; } }
@media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 248, header.scss */
  #breadlist { width: calc(100% - 40px); padding-top: 15px; } }
@media only screen and (max-width: 750px) { /* line 249, header.scss */
  #breadlist li { font-size: 10px; font-size: 0.625rem; line-height: 1.25rem; }
  /* line 250, header.scss */
  #breadlist li:not(:last-child)::after { padding: 0 3px 0 8px; font-size: 80%; } }