@charset "UTF-8";
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/* line 11, header.scss */
header { position: fixed; top: 0; left: 0; width: 100%; background: rgba(255, 255, 255, 0.85); webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); z-index: 10000; }
/* line 12, header.scss */
header #header { max-width: 80%; height: 170px; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 13, header.scss */
header #header h1, header #header #h01, header #header #navid { width: 335px; margin: 1.5em 0 0em; }
/* line 14, header.scss */
header #header h1 a, header #header #h01 a, header #header #navid a { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 15, header.scss */
header #header h1 a span, header #header #h01 a span, header #header #navid a span { line-height: 0; width: 25%; }
/* line 16, header.scss */
header #header h1 a em, header #header #h01 a em, header #header #navid a em { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: column; width: 68%; }
/* line 17, header.scss */
header #header h1 a em strong, header #header #h01 a em strong, header #header #navid a em strong { line-height: 0; width: 100%; margin-bottom: 1em; }
/* line 18, header.scss */
header #header h1 a em b, header #header #h01 a em b, header #header #navid a em b { line-height: 0; width: 82%; }
@media print, screen and (min-width: 751px) { /* line 24, header.scss */
  header #spMenu { display: none; } }

@media only screen and (max-width: 750px) { /* line 31, header.scss */
  header { position: absolute; width: 100%; background: white; backdrop-filter: none; }
  /* line 32, header.scss */
  header #header { max-width: 100%; height: 65px; }
  /* line 33, header.scss */
  header #header h1, header #header #h01, header #header #navid { width: 220px; margin: .5em auto; position: relative; left: -5%; }
  /* line 35, header.scss */
  header #header h1 a span, header #header #h01 a span, header #header #navid a span { width: 25%; }
  /* line 36, header.scss */
  header #header h1 a em, header #header #h01 a em, header #header #navid a em { width: 68%; }
  /* line 37, header.scss */
  header #header h1 a em strong, header #header #h01 a em strong, header #header #navid a em strong { width: 100%; margin-bottom: .75em; }
  /* line 38, header.scss */
  header #header h1 a em b, header #header #h01 a em b, header #header #navid a em b { width: 82%; } }
@media print, screen and (min-width: 751px) { /* line 53, header.scss */
  nav#grobalNav { width: 100%; margin: auto 0 0; }
  /* line 64, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.gNav { position: relative; flex: 1 1 auto; }
  /* line 65, 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: 20px; background: rgba(0, 0, 0, 0.25); position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; }
  /* line 66, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.gNav::before { left: 0; }
  /* line 67, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.gNav::after { right: 0; }
  /* line 68, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.gNav:not(.afterservice)::after { content: none; }
  /* line 69, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.gNav a { color: inherit; padding: 1em 0em; position: relative; }
  /* line 70, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.gNav a::before { content: ""; width: 100%; height: 4px; background: #5ba8d8; background: -webkit-linear-gradient(90deg, #5ba8d8, #af84b3); background: linear-gradient(90deg, #5ba8d8, #af84b3); /*background: $sC2;*/ position: absolute; left: 0; bottom: 0; transition: transform .5s; transform: scaleX(0); transform-origin: right; opacity: .75; }
  /* line 71, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.gNav a em { font-size: 16px; transition: .4s all; }
  /* line 72, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.gNav a:hover { opacity: 1; }
  /* line 73, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.gNav a:hover em { opacity: .7; }
  /* line 74, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.gNav a:hover::before { width: 100%; transform: scaleX(1); transform-origin: left; }
  /* line 78, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.home { display: none; }
  /* line 89, 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.area, nav#grobalNav .drawer-nav ul.drawer-menu li.entry { position: absolute; font-family: "YakuHanJP", "Noto Sans JP", sans-serif; }
  /* line 90, 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.area { bottom: calc(100% + 16px); }
  /* line 91, 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, nav#grobalNav .drawer-nav ul.drawer-menu li.area::before, nav#grobalNav .drawer-nav ul.drawer-menu li.area::after { content: none; }
  /* line 92, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.map a, nav#grobalNav .drawer-nav ul.drawer-menu li.outline a, nav#grobalNav .drawer-nav ul.drawer-menu li.area a { color: #4281a5; }
  /* line 93, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.map a i, nav#grobalNav .drawer-nav ul.drawer-menu li.outline a i, nav#grobalNav .drawer-nav ul.drawer-menu li.area a i { font-size: 16px; margin-left: .25em; position: relative; right: 0; transition: .4s all; }
  /* line 94, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.map a em, nav#grobalNav .drawer-nav ul.drawer-menu li.outline a em, nav#grobalNav .drawer-nav ul.drawer-menu li.area a em { font-size: 15px; letter-spacing: .05em; }
  /* line 96, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.map a:hover i, nav#grobalNav .drawer-nav ul.drawer-menu li.outline a:hover i, nav#grobalNav .drawer-nav ul.drawer-menu li.area a:hover i { right: -.25em; }
  /* line 100, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.map { right: 310px; }
  /* line 101, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.outline { right: 200px; }
  /* line 102, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.area { right: 200px; }
  /* line 103, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.entry { bottom: calc(100% + 30px); right: 0; }
  /* line 104, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.entry { width: 180px; height: 36px; }
  /* line 105, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.entry a { background: #968223; color: #fff; border-radius: 20px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; height: 100%; padding: 0; position: relative; overflow: hidden; }
  /* line 106, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.entry a i { margin-right: .5em; width: 24px; height: 24px; position: relative; /*&::after { content:"\e158"; font-family: 'Material Icons'; @include center; color: #fff; opacity: 0; transition: .4s all;}*/ }
  /* line 108, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.entry a i::after { content: "\e158"; font-family: "Material Symbols Sharp"; font-variation-settings: "FILL" 1; font-weight: 200; line-height: 1; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; color: #fff; opacity: 0; transition: .4s all; }
  /* line 110, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.entry a em { letter-spacing: .075em; }
  /* line 111, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.entry a::before { content: ""; position: absolute; top: 0; left: -120%; width: 100%; height: 100%; background: #fff; transform: skewX(-30deg); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%); }
  /* line 113, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.entry a:hover { opacity: .8; }
  /* line 114, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.entry a:hover::before { animation: shine .8s; }
  @keyframes shine { 100% { left: 100%; } }
  /* line 120, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.entry a:hover i { font-family: "Poppins", sans-serif; color: transparent; }
  /* line 121, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.entry a:hover i::after { opacity: 1; transition: .4s all; }
  /* line 127, header.scss */
  nav#grobalNav .drawer-nav ul.drawer-menu li.uc a { pointer-events: none; opacity: .35; }
  /* line 131, header.scss */
  nav#grobalNav .drawer-nav .telSec { display: none; }
  /* line 132, header.scss */
  nav#grobalNav .drawer-nav #navId { display: none; } }
/* line 141, header.scss */
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 { transition: .4s all; }

@media print, screen and (min-width: 751px) { /* line 144, header.scss */
  header.fixed #header { height: 100px; }
  /* line 145, header.scss */
  header.fixed #header h1, header.fixed #header #h01 { width: 250px; margin: .75em 0 0em; }
  /* line 147, header.scss */
  header.fixed #header h1 a span, header.fixed #header #h01 a span { width: 22%; }
  /* line 148, header.scss */
  header.fixed #header h1 a em, header.fixed #header #h01 a em { width: 72%; }
  /* line 149, header.scss */
  header.fixed #header h1 a em strong, header.fixed #header #h01 a em strong { margin-bottom: .75em; }
  /* line 150, header.scss */
  header.fixed #header h1 a em b, header.fixed #header #h01 a em b { width: 84%; }
  /* line 167, 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: 18px; }
  /* line 168, header.scss */
  header.fixed nav#grobalNav .drawer-nav ul.drawer-menu li.gNav a { padding: .25em 0em; }
  /* line 169, header.scss */
  header.fixed nav#grobalNav .drawer-nav ul.drawer-menu li.gNav a em { font-size: 14px; }
  /* line 173, header.scss */
  header.fixed nav#grobalNav .drawer-nav ul.drawer-menu li.map, header.fixed nav#grobalNav .drawer-nav ul.drawer-menu li.outline, header.fixed nav#grobalNav .drawer-nav ul.drawer-menu li.area { bottom: calc(100% + 6px); }
  /* line 175, header.scss */
  header.fixed nav#grobalNav .drawer-nav ul.drawer-menu li.map a i, header.fixed nav#grobalNav .drawer-nav ul.drawer-menu li.outline a i, header.fixed nav#grobalNav .drawer-nav ul.drawer-menu li.area a i { font-size: 15px; }
  /* line 176, 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, header.fixed nav#grobalNav .drawer-nav ul.drawer-menu li.area a em { font-size: 14px; }
  /* line 185, header.scss */
  header.fixed nav#grobalNav .drawer-nav ul.drawer-menu li.entry { bottom: calc(100% + 10px); }
  /* line 186, header.scss */
  header.fixed nav#grobalNav .drawer-nav ul.drawer-menu li.entry { width: 180px; height: 36px; }
  /* line 189, header.scss */
  header.fixed nav#grobalNav .drawer-nav ul.drawer-menu li.entry a em { font-size: 15px; } }
@media screen and (min-width: 751px) and (max-width: 1480px) { /* line 204, header.scss */
  header #header { max-width: calc(100% - 120px); }
  /* line 205, header.scss */
  header #header h1, header #header #h01 { width: 335px; margin: 1.5em 0 0em; }
  /* line 207, header.scss */
  header #header h1 a span, header #header #h01 a span { width: 25%; }
  /* line 208, header.scss */
  header #header h1 a em, header #header #h01 a em { width: 68%; }
  /* line 209, header.scss */
  header #header h1 a em strong, header #header #h01 a em strong { margin-bottom: 1em; }
  /* line 210, header.scss */
  header #header h1 a em b, header #header #h01 a em b { width: 82%; } }
@media screen and (min-width: 751px) and (max-width: 1280px) { /* line 217, header.scss */
  header #header { max-width: calc(100% - 100px); }
  /* line 218, header.scss */
  header #header h1, header #header #h01 { width: 300px; margin: 1.5em 0 0em; }
  /* line 220, header.scss */
  header #header h1 a span, header #header #h01 a span { width: 25%; }
  /* line 221, header.scss */
  header #header h1 a em, header #header #h01 a em { width: 68%; }
  /* line 222, header.scss */
  header #header h1 a em strong, header #header #h01 a em strong { margin-bottom: 1em; }
  /* line 223, header.scss */
  header #header h1 a em b, header #header #h01 a em b { width: 82%; }
  /* line 230, header.scss */
  header nav#grobalNav .drawer-nav ul.drawer-menu li.gNav a { padding: 1em 0em; }
  /* line 231, header.scss */
  header nav#grobalNav .drawer-nav ul.drawer-menu li.gNav a em { font-size: 15px; }
  /* line 234, header.scss */
  header nav#grobalNav .drawer-nav ul.drawer-menu li.map, header nav#grobalNav .drawer-nav ul.drawer-menu li.outline, header nav#grobalNav .drawer-nav ul.drawer-menu li.area { bottom: calc(100% + 16px); }
  /* line 236, header.scss */
  header nav#grobalNav .drawer-nav ul.drawer-menu li.map a i, header nav#grobalNav .drawer-nav ul.drawer-menu li.outline a i, header nav#grobalNav .drawer-nav ul.drawer-menu li.area a i { font-size: 15px; margin-left: .25em; }
  /* line 237, header.scss */
  header nav#grobalNav .drawer-nav ul.drawer-menu li.map a em, header nav#grobalNav .drawer-nav ul.drawer-menu li.outline a em, header nav#grobalNav .drawer-nav ul.drawer-menu li.area a em { font-size: 14px; }
  /* line 243, header.scss */
  header nav#grobalNav .drawer-nav ul.drawer-menu li.map { right: 410px; }
  /* line 244, header.scss */
  header nav#grobalNav .drawer-nav ul.drawer-menu li.outline { right: 310px; }
  /* line 245, header.scss */
  header nav#grobalNav .drawer-nav ul.drawer-menu li.area { right: 200px; }
  /* line 247, header.scss */
  header nav#grobalNav .drawer-nav ul.drawer-menu li.entry { width: 180px; height: 36px; }
  /* line 250, header.scss */
  header nav#grobalNav .drawer-nav ul.drawer-menu li.entry a em { font-size: 15px; } }
@media screen and (min-width: 751px) and (max-width: 1180px) { /* line 257, header.scss */
  header #header { max-width: calc(100% - 60px); } }
@media screen and (min-width: 751px) and (max-width: 1080px) { /*header{ #header { max-width: calc(100% - 0px); h1, #h01 { a { span {} em { strong {} b {} }}}}}*/ }
/* line 296, 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, #zeh #grobalNav .drawer-nav ul.drawer-menu li.zeh a::before, #design #grobalNav .drawer-nav ul.drawer-menu li.design a::before, #security #grobalNav .drawer-nav ul.drawer-menu li.security a::before, #plan #grobalNav .drawer-nav ul.drawer-menu li.plan a::before, #modelroom #grobalNav .drawer-nav ul.drawer-menu li.modelroom a::before, #equipment #grobalNav .drawer-nav ul.drawer-menu li.equipment a::before, #selectorder #grobalNav .drawer-nav ul.drawer-menu li.selectorder a::before, #afterservice #grobalNav .drawer-nav ul.drawer-menu li.afterservice a::before { width: 100%; transform: scaleX(1); transform-origin: left; }