@charset "UTF-8";
/*@mixin nav-on{
  background:    -moz-linear-gradient(left,#433f29,#787048);
  background: -webkit-linear-gradient(left,#433f29,#787048);
  background:         linear-gradient(to right,#433f29,#787048);
}*/
/*
@mixin reserve-off{
    background: #9d1720;
}
@mixin reserve-on{
    background: #bf5e65;
}
@mixin sp-reserve-off{
    background: #9d1720;
}
@mixin sp-reserve-on{
    background: #bf5e65;
}*/
/* subwin */
#head #gNav,
#head #HumMenu,
footer .txtlink,
footer .bnr-mutual {
  display: none;
}

#head {
  border-bottom: thin solid #e9e9e9;
}

#footer {
  border-top: thin solid #e9e9e9;
}

.contents-inner {
  width: 92%;
  max-width: 920px;
}
@media screen and (max-width: 1024px) {
  .contents-inner {
    padding-top: 0;
  }
}

.page-sttl {
  width: 100%;
  text-align: center;
  padding: 1em 0;
  font-size: 1.2em;
}
.page-sttl p {
  font-family: "游明朝", "Noto Serif JP", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "palt";
  font-weight: normal;
  color: #9e9e9e;
}

.subbtn-container {
  width: 80%;
  max-width: 960px;
  margin: 0 auto 0px;
  text-align: center;
}
.subbtn-container ul {
  display: block;
  padding-top: 5%;
}
.subbtn-container li {
  font-family: "Noto Sans JP", "Helvetica Neue", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  -webkit-font-smoothing: antialiased;
  font-weight: normal;
  display: inline-block;
  width: 48%;
  max-width: 224px;
  margin: 0 5px 5px;
  border: 1px solid #e9e9e9;
  transition: 0.3s ease 0s background;
  /*      &.subbtn-print{
  		  a{
  			  background-color: #616161;
  		  }
  	  }
        &.subbtn-close{
  		  a{
  			  background-color: #212121;
  		  }
  		  }*/
}
.subbtn-container li a {
  width: 100%;
  text-align: center;
  text-decoration: none;
  background-color: #212121;
  color: #fff;
  padding: 1em 0;
  display: block;
  font-size: 0.8em;
}
.subbtn-container li a:hover {
  background-color: #a3a3a3;
  color: #212121;
}
@media screen and (max-width: 1024px) {
  .subbtn-container {
    width: 90%;
    max-width: 300px;
  }
  .subbtn-container li {
    margin: 0 0px 0px;
  }
  .subbtn-container li.subbtn-print {
    display: none;
  }
  .subbtn-container li.subbtn-close {
    display: none;
  }
}

#map .contents-inner:first-of-type {
  padding-top: 80px;
}
@media screen and (max-width: 768px) {
  #map .contents-inner:first-of-type {
    padding-top: 64px;
  }
}

.map-container {
  width: 100%;
  margin: auto auto 2rem;
}

.map-list {
  width: 100%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.map-list div, .map-list li {
  min-height: 0;
}
.map-list li {
  margin-bottom: 1rem;
  text-align: center;
}
.map-list li.map1 {
  width: 100%;
}
.map-list li.map2 {
  width: 61%;
  margin: auto auto 1rem;
}
@media screen and (max-width: 834px) {
  .map-list li.map2 {
    width: 100%;
  }
}

.map-img img {
  width: 100%;
  height: auto;
}

.googlemap {
  width: 88%;
  max-width: 320px;
  margin: auto;
}
.googlemap a {
  display: block;
  width: 100%;
  background-color: #a3a3a3;
  color: #212121;
  text-align: center;
  padding: 1rem 0.5rem;
  line-height: 1;
}
.googlemap a:hover {
  background-color: #212121;
  color: #fff;
}

.mgimg {
  width: 100%;
  max-width: 800px;
  margin: 1rem auto;
  text-align: center;
}
.mgimg .txt {
  margin-bottom: 1rem;
  font-size: 1.4rem;
  text-align: center;
  font-family: "游明朝", "Noto Serif JP", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "palt";
  font-weight: normal;
}
.mgimg .box {
  display: inline-block;
  /*width: percentage(396/800);
  max-width: 396px;*/
}
.mgimg .box:first-child {
  /*margin-right: percentage(8/800);*/
}
.mgimg img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 834px) {
  .mgimg .box {
    width: 100%;
    max-width: 100%;
  }
  .mgimg .box:first-child {
    margin: 0 0 1rem 0;
  }
}

#Google-maps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
  max-width: 800px;
  margin: 2rem auto 0;
}
#Google-maps div, #Google-maps li {
  min-height: 0;
}
#Google-maps .btn {
  width: 49.5%;
  font-family: "游明朝", "Noto Serif JP", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "palt";
  font-weight: normal;
  margin-left: auto;
  margin-right: auto;
}
#Google-maps .btn a {
  display: block;
  width: 100%;
  font-size: 0.875em;
  background-color: #fff;
  color: #090c2a;
  text-align: center;
  padding: 0.5rem;
  line-height: 1.5;
  border: thin solid #090c2a;
}
#Google-maps .btn a:hover {
  background-color: #090c2a;
  color: #fff;
}
@media screen and (max-width: 768px) {
  #Google-maps {
    flex-direction: column;
    justify-content: center;
  }
  #Google-maps .btn {
    width: 94%;
    max-width: 360px;
    margin: 0 auto 0.4rem;
  }
}

.outline-table .data {
  width: 100%;
  font-size: 0.875em;
  border-collapse: collapse;
  font-family: "游明朝", "Noto Serif JP", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "palt";
  font-weight: normal;
}
.outline-table .data:not(:first-of-type) {
  margin-top: 3.5rem;
}
.outline-table .data caption {
  font-weight: bold;
  margin-bottom: 1rem;
}
.outline-table .data th, .outline-table .data td {
  padding: 1.25rem;
  border: thin solid #ccc;
  line-height: 1.6;
  vertical-align: middle;
}
.outline-table .data th {
  background-color: #eceff1;
  font-weight: normal;
  min-width: 12.5rem;
  width: 12.5rem;
}
.outline-table .data td {
  background-color: #fff;
}
.outline-table .data td .notice {
  font-size: 1.1428571429em;
}
.outline-table .update {
  text-align: right;
  margin: 0.5rem 0 3.5rem;
  font-size: 0.75em;
  line-height: 1.6;
  color: #555;
}
@media screen and (max-width: 1024px) {
  .outline-table .data {
    font-size: 0.75em;
  }
}
@media screen and (max-width: 834px) {
  .outline-table .data th, .outline-table .data td {
    display: block;
    width: 100%;
  }
  .outline-table .data th {
    padding: 0.5rem 0;
    border-top: none;
    border-bottom: none;
  }
  .outline-table .data tr:first-of-type th {
    border-top: thin solid #ccc;
  }
}

.floor-plan-detail {
  width: 100%;
  margin: 4rem auto 1.5rem;
}

.exp-box {
  margin-bottom: 3.5rem;
}
.exp-box dt {
  color: #998852;
  font-size: 1.25em;
  padding-bottom: 0.25rem;
  border-bottom: thin solid #252525;
  margin-bottom: 0.4rem;
  line-height: 1.4;
}
.exp-box dt .sub-head {
  font-size: 0.7em;
  color: #000;
  display: block;
}
.exp-box dd .lead {
  font-size: 1em;
  line-height: 1.6;
  text-align: left;
  margin-top: 0;
}
.exp-box dd .img {
  margin-top: 0.5rem;
}
.exp-box dd.wiz-pic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.exp-box dd.wiz-pic div, .exp-box dd.wiz-pic li {
  min-height: 0;
}
.exp-box dd.wiz-pic .lead {
  width: 48.6111111111%;
  align-self: flex-start;
}
.exp-box dd.wiz-pic .img {
  width: 48.6111111111%;
  align-self: flex-start;
}
.exp-box dd.pic-pic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.exp-box dd.pic-pic div, .exp-box dd.pic-pic li {
  min-height: 0;
}
.exp-box dd.pic-pic .img {
  width: 47.2222222222%;
}

.img-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.img-list div, .img-list li {
  min-height: 0;
}

.spec-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  font-family: "游明朝", "Noto Serif JP", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "palt";
  font-weight: normal;
  margin-bottom: 2.5rem;
}
.spec-txt div, .spec-txt li {
  min-height: 0;
}
.spec-txt .type-name {
  width: 8%;
  background: #898989;
  position: relative;
  padding: 2.75rem 0;
  overflow: hidden;
  align-self: center;
}
.spec-txt .type-name .txt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  margin: auto;
  color: #fff;
  line-height: 1;
  text-align: center;
  font-size: 1em;
}
.spec-txt .type-name .txt .capital {
  font-size: 3em;
}
.spec-txt .type-layout {
  width: 42.1818181818%;
  font-size: 2em;
  text-align: center;
  align-self: center;
  line-height: 1;
}
.spec-txt .type-layout .capital {
  font-size: 1.75em;
}
.spec-txt .type-lotsize {
  width: 49.8181818182%;
  padding-bottom: 0.25em;
  text-align: right;
  border-left: 2px dashed #898989;
}
.spec-txt .type-lotsize > p {
  padding: 0;
  margin: 0;
  line-height: 1.2;
}
.spec-txt .type-lotsize .privately-size {
  font-size: 1.5em;
  margin-bottom: 0.5rem;
  line-height: 0.9;
}
.spec-txt .type-lotsize .privately-size .value {
  font-size: 2em;
  padding-left: 0.25em;
}
.spec-txt .type-lotsize .privately-size .tsubo {
  font-size: 0.8333333333em;
}
.spec-txt .type-lotsize .note {
  font-size: 0.75em;
  padding-bottom: 0;
  margin-bottom: 0.5em;
}
.spec-txt .type-lotsize .eacharea-size {
  font-size: 1em;
}

.spec-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  font-family: "游明朝", "Noto Serif JP", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "palt";
  font-weight: normal;
  margin-bottom: 1rem;
}
.spec-detail div, .spec-detail li {
  min-height: 0;
}
.spec-detail .exp {
  width: 25.8181818182%;
  align-self: center;
}
.spec-detail .fig {
  width: 46.9090909091%;
  align-self: center;
  text-align: center;
}

.spec-column {
  font-family: "游明朝", "Noto Serif JP", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "palt";
  font-weight: normal;
  background: #eeefef;
  width: 100%;
  max-width: 976px;
  margin: 0 auto;
  padding: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.spec-column div, .spec-column li {
  min-height: 0;
}
.spec-column li {
  width: 48%;
}
.spec-column .exp-box {
  margin-bottom: 0;
}

.storage .img-list {
  margin-top: 0.5rem;
}
.storage .img-list li {
  width: 32.380952381%;
  margin-bottom: 0.75rem;
}
.storage .img-list li .img {
  margin-top: 0;
}
.storage .img-list li .caption {
  font-size: 0.875em;
  text-align: center;
  padding: 0.25rem 0;
  line-height: 1.12;
}

@media screen and (max-width: 900px) {
  .exp-box {
    margin-bottom: 0;
  }
  .exp-box dt {
    font-size: 0.955em;
  }
  .exp-box dt .sub-head {
    font-size: 0.85em;
  }
  .exp-box dd .lead {
    font-size: 0.875em;
  }
  .spec-txt .type-layout {
    font-size: 1.6em;
  }
  .spec-txt .type-lotsize .privately-size {
    font-size: 1em;
  }
  .spec-txt .type-lotsize .eacharea-size {
    font-size: 0.85em;
  }
  .spec-detail .exp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
  }
  .spec-detail .exp div, .spec-detail .exp li {
    min-height: 0;
  }
  .spec-detail .exp .exp-box {
    align-self: flex-start;
    width: 32%;
    /*				dd{
    					&.wiz-pic{
    						.lead, .img{
    							width: 100%;
    						}
    					}
    				} */
  }
  .spec-detail .fig {
    width: 56%;
    margin: 1rem auto 2rem;
  }
}
@media screen and (max-width: 600px) {
  .exp-box {
    width: 100% !important;
    margin-bottom: 2rem;
  }
  .exp-box dt {
    font-size: 1.4em;
  }
  .exp-box dt .sub-head {
    font-size: 0.7em;
  }
  .exp-box dd .lead {
    font-size: 1.1em;
    line-height: 2;
  }
  .spec-txt {
    margin-bottom: 1rem;
  }
  .spec-txt .type-name {
    width: 24%;
  }
  .spec-txt .type-layout {
    width: 68%;
  }
  .spec-txt .type-lotsize {
    width: 100%;
    padding-top: 0.8rem;
    margin: 1rem auto 0;
    text-align: center;
    border-left: none;
    border-top: 2px dashed #898989;
  }
  .spec-txt .type-lotsize .privately-size {
    font-size: 1.25em;
  }
  .spec-txt .type-lotsize .note {
    line-height: 1.5;
  }
  .spec-txt .type-lotsize .eacharea-size {
    font-size: 1em;
  }
  .spec-detail .exp:nth-of-type(1) {
    order: 2;
  }
  .spec-detail .exp:nth-of-type(3) {
    order: 3;
  }
  .spec-detail .exp:nth-of-type(3) .exp-box:last-of-type dd .lead {
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .spec-detail .exp:nth-of-type(3) .exp-box:last-of-type dd .img {
    width: 100%;
  }
  .spec-detail .fig {
    width: 88%;
    order: 1;
  }
  .spec-column {
    padding: 2.4rem 1.6rem;
  }
  .spec-column li {
    width: 100%;
    margin-bottom: 2rem;
  }
  .spec-column li:last-of-type {
    margin-bottom: 0;
  }
  .storage .img-list li {
    width: 49%;
  }
}
/*==========================*/
.legend {
  width: 100%;
  margin: 1rem auto 0;
}
.legend ul.note {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  padding-bottom: 0;
  margin-bottom: 0;
  width: 100%;
}
.legend ul.note div, .legend ul.note li {
  min-height: 0;
}
.legend ul.note li {
  font-size: 0.75rem;
  align-self: center;
  margin-right: 1rem;
  margin-bottom: 0.25rem;
}
.legend ul.note li img {
  vertical-align: baseline;
}
.legend p.note {
  margin: 0 auto;
}/*# sourceMappingURL=subwin.css.map */