@charset "UTF-8";
/*
$jpG: 'YakuHanJP', 'Noto Sans JP', sans-serif;
$jpM: 'YakuHanMP', 'Noto Serif JP', serif;
$jpH: 'YakuHanMP', 'Shippori Mincho B1', serif;
$en:  'EB Garamond', serif; // サイト独自のフォントを指定
$enG: 'Roboto', sans-serif;
$enM: 'EB Garamond', serif;
*/
/* line 12, footer.scss */
footer { background: #efedee; padding-bottom: 40px; }
/* line 13, footer.scss */
footer #footer { display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; align-items: center; /*.snsWrap { width: 880px;*/ /*}*/ }
/* line 14, footer.scss */
footer #footer .developer { width: 590px; font-family: "FOT-筑紫明朝 Pr6N M"; display: flex; justify-content: flex-start; flex-wrap: wrap; margin-top: -.25em; margin-bottom: auto; }
/* line 15, footer.scss */
footer #footer .developer .developerTWrap { width: 280px; }
/* line 16, footer.scss */
footer #footer .developer .developerT { font-size: 13px; margin-bottom: 1em; }
/* line 17, footer.scss */
footer #footer .developer .logo { width: 280px; }
/* line 18, footer.scss */
footer #footer .developer .logo a { display: block; }
/* line 20, footer.scss */
footer #footer .developer small { font-size: 12px; display: block; line-height: 1.8; /*margin-top: 1em;*/ margin-left: 2em; margin-top: 3em; }
/* line 23, footer.scss */
footer #footer .linelink { width: 590px; margin-left: auto; margin-bottom: 1.25em; }
/* line 26, footer.scss */
footer #footer ul.bnrs { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; margin-bottom: 40px; }
/* line 27, footer.scss */
footer #footer ul.bnrs li { width: calc(100% / 4 - 15px); }
/* line 28, footer.scss */
footer #footer ul.bnrs li a { /*border: 1px solid rgba(#000, .25);*/ background: #fff; }
/* line 31, footer.scss */
footer #footer ul.bnrs li.uc a { opacity: .5; }
/* line 35, footer.scss */
footer #footer .privacypolicy { font-size: 13px; font-family: "FOT-筑紫明朝 Pr6N M"; /*position: absolute;*/ /*bottom: -10px;*/ /*top: 152px; left: 0;*/ }
/* line 36, footer.scss */
footer #footer .privacypolicy a { position: relative; padding: .5em 1em; padding-right: 1.5em; color: inherit; }
/* line 37, footer.scss */
footer #footer .privacypolicy a i { line-height: 1; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; left: 0; transition: .4s all; color: #a48b78; padding-top: .25em; }
/* line 39, footer.scss */
footer #footer .privacypolicy a:hover i { left: 4px; }
/* line 43, footer.scss */
footer #footer .copyright { font-family: "FOT-筑紫明朝 Pr6N M"; font-size: 12px; letter-spacing: .05em; /*text-align: center; padding: 40px 0; width: 100%;*/ /*position: absolute; top: 28px; left: 321px;*/ }
@media only screen and (max-width: 750px) { /* line 12, footer.scss */
  footer { padding-bottom: 75px; }
  /* line 50, footer.scss */
  footer #footer { width: 90%; margin: auto; /*.snsWrap { width: 100%; margin-top: 2em;*/ /*}*/ }
  /* line 51, footer.scss */
  footer #footer .developer { width: 100%; text-align: center; justify-content: center; margin-top: 0; margin-bottom: 2em; }
  /* line 53, footer.scss */
  footer #footer .developer .developerT { font-size: 14px; margin-bottom: 1em; }
  /* line 54, footer.scss */
  footer #footer .developer .logo { width: 270px; margin: 0 auto; }
  /* line 55, footer.scss */
  footer #footer .developer .logo a { display: block; }
  /* line 57, footer.scss */
  footer #footer .developer small { font-size: 12px; display: block; line-height: 1.8; margin: 1em auto 0; }
  /* line 60, footer.scss */
  footer #footer .linelink { width: 92%; margin: 0 auto 1em; }
  /* line 63, footer.scss */
  footer #footer ul.bnrs { width: 92%; margin: 0 auto; }
  /* line 64, footer.scss */
  footer #footer ul.bnrs li { width: 100%; }
  /* line 65, footer.scss */
  footer #footer ul.bnrs li:not(:last-child) { margin-bottom: 1em; }
  /* line 73, footer.scss */
  footer #footer .privacypolicy { position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; font-size: 13.5px; margin-top: 2em; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; }
  /* line 74, footer.scss */
  footer #footer .privacypolicy a { padding: .5em 1em; padding-right: 1.25em; }
  /* line 75, footer.scss */
  footer #footer .privacypolicy a i { left: 0; }
  /* line 77, footer.scss */
  footer #footer .privacypolicy a:hover i { left: 0; }
  /* line 81, footer.scss */
  footer #footer .copyright { position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; text-align: center; font-size: 10px; padding: 3em 0 3em; width: 100%; } }
/* line 88, footer.scss */
footer #footerMenu { background: url("../img/cmn/bg01.webp") repeat center; background-size: 1920px auto; color: #fff; }
/* line 89, footer.scss */
footer #footerMenu ul { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-bottom: 50px; }
/* line 90, footer.scss */
footer #footerMenu ul li { position: relative; font-size: 14px; font-family: "FOT-筑紫明朝 Pr6N M"; }
/* line 91, footer.scss */
footer #footerMenu ul li::after { content: ""; width: 1px; height: 20px; background: rgba(255, 255, 255, 0.25); position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; left: calc(100% - 0px); }
/* line 93, footer.scss */
footer #footerMenu ul li:last-child::after { content: none; }
/* line 95, footer.scss */
footer #footerMenu ul li a { padding: 1.4em 15px; color: #fff; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
/* line 96, footer.scss */
footer #footerMenu ul li a span { display: none; }
/* line 108, footer.scss */
footer #footerMenu ul li.uc a { opacity: .4; }
@media only screen and (max-width: 750px) { /* line 117, footer.scss */
  footer #footerMenu ul { margin: 0 auto 30px; width: 90%; border-bottom: none; display: flex; justify-content: space-between; flex-wrap: wrap; overflow: hidden; }
  /* line 118, footer.scss */
  footer #footerMenu ul li { width: 50%; border-bottom: 1px solid rgba(255, 255, 255, 0.25); /*&:nth-of-type(even){
&::after{ content: none;}
}*/ }
  /* line 120, footer.scss */
  footer #footerMenu ul li:last-child::after { content: ""; }
  /* line 125, footer.scss */
  footer #footerMenu ul li a { padding: .5em 10px; }
  /* line 127, footer.scss */
  footer #footerMenu ul li a em { font-size: 13px; } }

@media only screen and (max-width: 750px) { /* line 145, footer.scss */
  #home #footerMenu .home, #concept #footerMenu .concept, #location #footerMenu .location, #landplan #footerMenu .landplan, #design #footerMenu .design, #innerspace #footerMenu .innerspace, #equipment #footerMenu .equipment, #afterservice #footerMenu .afterservice, #map #footerMenu .map, #outline #footerMenu .outline { display: none; } }
/* line 159, footer.scss */
#page-top { position: fixed; /*bottom: 52px;*/ bottom: 430px; right: 20px; z-index: 10; width: 60px; height: 60px; border-radius: 50%; overflow: hidden; text-indent: 100%; white-space: nowrap; }
/* line 160, footer.scss */
#page-top a { display: block; width: 100%; height: 100%; background: #1c7b9d; }
/* line 161, footer.scss */
#page-top a:hover { opacity: 0.7; }
/* line 162, footer.scss */
#page-top a:after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; top: calc(50% - 4px); width: 12px; height: 12px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(-45deg); }

@media only screen and (max-width: 750px) { /* line 171, footer.scss */
  #page-top { bottom: 65px; right: 5px; width: 40px; height: 40px; } }
