@charset "UTF-8";
.l-sub-complex .cont-desc {
  padding: 5.85938vw 0 12.5vw;
}

.l-sub-complex .cont-desc .desc-list li {
  padding-left: 1.95312vw;
  position: relative;
}

.l-sub-complex .cont-desc .desc-list li::before {
  content: "*";
  display: block;
  position: absolute;
  left: 0;
  top: 0.46875vw;
}

.l-sub-complex .cont-img-wrap img {
  margin-bottom: 9.375vw;
}

.l-sub-complex .cont-img-wrap > ul {
  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;
}

.l-sub-complex .cont-img-wrap > ul li {
  width: calc(50% - 3.125vw);
  margin-bottom: 7.8125vw;
  padding-left: 3.51562vw;
  position: relative;
}

.l-sub-complex .cont-img-wrap > ul li::before {
  content: "";
  position: absolute;
  width: 0.625vw;
  height: 100%;
  background-color: rgba(39, 59, 60, 0.5);
  left: 0;
  top: 0;
}

.l-sub-complex .cont-img-wrap > ul li:last-of-type {
  margin-bottom: auto;
}

.l-sub-complex .cont-img-wrap > ul li .tit {
  font-size: 4.84375vw;
  line-height: 4.6875vw;
  font-weight: bold;
  color: #273b3c;
}

.l-sub-complex .cont-img-wrap > ul li .desc {
  font-size: 3.4375vw;
  line-height: 4.375vw;
  color: #555;
  font-weight: 300;
  margin-bottom: 2.34375vw;
}

.l-sub-complex-back .wrap-cont {
  background: #f7f3eb;
  position: relative;
}

.l-sub-complex-back .wrap-cont::before {
  content: "";
  position: absolute;
  background: url(../../images/sub/complex/plan_bg.jpg) no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 50vw;
}

.l-sub-complex-back .wrap-cont .inner {
  padding: 9.375vw 6.25vw 12.5vw;
}

.l-sub-complex-back .wrap-cont .inner img {
  position: relative;
  z-index: 2;
}

.l-sub-complex-back .wrap-cont .inner .cont-tit {
  margin: 0 auto 6.25vw;
}

.l-sub-complex-back .wrap-cont .inner .cont-tit > img {
  height: auto;
}

.l-sub-complex-back .wrap-cont .inner > img {
  margin-bottom: 5.85938vw;
}

.l-sub-complex-back .wrap-cont .inner .cont-img-wrap {
  border-top: 0.15625vw solid #273b3c;
  padding-top: 12.10938vw;
}

.l-sub-complex-back .cont-desc .desc-list li {
  padding-left: 3.125vw;
  position: relative;
}

.l-sub-complex-back .cont-desc .desc-list li::before {
  content: "※";
  top: 0;
  left: 0;
  position: absolute;
}

.l-sub-complex-plan .wrap-cont .inner .cont-tit {
  width: 46.25vw;
}

.l-sub-complex-plan .wrap-cont .inner .explan-list > li .tit {
  font-size: 5.3125vw;
  line-height: 5.9375vw;
  color: #273b3c;
  font-weight: 300;
  margin-bottom: 2.34375vw;
  padding-bottom: 2.73438vw;
  border-bottom: 0.3125vw solid #273b3c;
}

.l-sub-complex-plan .wrap-cont .inner .explan-list > li .tit strong {
  font-weight: bold;
}

.l-sub-complex-plan .wrap-cont .inner .explan-list > li:last-child > ul {
  margin-bottom: auto;
}

.l-sub-complex-plan .wrap-cont .inner .explan-list > li > ul {
  margin-bottom: 6.64062vw;
}

.l-sub-complex-plan .wrap-cont .inner .explan-list > li > ul li {
  font-size: 3.4375vw;
  line-height: 4.45312vw;
  color: #555;
  padding-left: 2.34375vw;
  position: relative;
  margin-bottom: 0.78125vw;
  font-weight: 300;
}

.l-sub-complex-plan .wrap-cont .inner .explan-list > li > ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2.34375vw;
  width: 0.625vw;
  height: 0.625vw;
  border-radius: 50%;
  background: #555;
}

.l-sub-complex-land .wrap-cont .inner .cont-tit {
  width: 75.39062vw;
}

.l-sub-complex-land .wrap-cont .inner .cont-img-wrap > P {
  font-size: 5.3125vw;
  line-height: 5.9375vw;
  color: #273b3c;
  font-weight: 300;
  text-align: center;
  margin-bottom: 5.85938vw;
}

.l-sub-complex-land .wrap-cont .inner .cont-img-wrap > P strong {
  display: block;
  font-weight: bold;
}

.l-sub-complex-land .wrap-cont .inner .cont-img-wrap > ul li:nth-last-of-type(2) {
  margin-bottom: auto;
}

.l-sub-complex-community .wrap-cont .inner .cont-tit {
  text-align: center;
  position: relative;
}

.l-sub-complex-community .wrap-cont .inner .cont-tit img {
  width: 36.17188vw;
  margin-bottom: 5.46875vw;
}

.l-sub-complex-community .wrap-cont .inner .cont-tit .desc {
  font-size: 3.125vw;
  line-height: 4.6875vw;
  color: #fff;
  text-align: center;
  position: relative;
}

.l-sub-complex-community .wrap-cont .inner .cont-tit .desc::before {
  content: "";
  position: absolute;
  top: -2.34375vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 18.75vw;
  height: 0.15625vw;
  background-color: rgba(255, 255, 255, 0.2);
}

.l-sub-complex-community .wrap-cont .inner .cont-img-wrap {
  padding-top: 0;
  border-top: none;
}

.l-sub-complex-community .wrap-cont .inner .cont-img-wrap h4 {
  font-weight: bold;
  font-size: 5.3125vw;
  color: #273b3c;
  margin-bottom: 1.95312vw;
  text-align: center;
}

.l-sub-complex-community .wrap-cont .inner .cont-img-wrap .txt {
  font-size: 3.125vw;
  line-height: 4.6875vw;
  color: #555;
  margin-bottom: 5.07812vw;
  text-align: center;
}

.l-sub-complex-community .wrap-cont .inner .cont-img-wrap > ul li:first-of-type::before, .l-sub-complex-community .wrap-cont .inner .cont-img-wrap > ul li:nth-of-type(5)::before {
  height: 15.625vw;
}

.l-sub-complex-place .wrap-cont .inner .info {
  margin-top: 6.25vw;
}

.l-sub-complex-place .wrap-cont .inner .info .box {
  margin: 0 auto;
  width: 31.25vw;
  height: 9.375vw;
  line-height: 9.375vw;
  text-align: center;
  background-color: #8c8983;
  font-size: 3.4375vw;
  color: #fff;
  margin-bottom: 4.6875vw;
}

.l-sub-complex-place .wrap-cont .inner .info .box .num {
  font-size: 3.75vw;
  font-family: 'scdream';
  font-weight: 500;
  margin-left: 0.78125vw;
  display: inline-block;
}

.l-sub-complex-place .wrap-cont .inner .info .wrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.l-sub-complex-place .wrap-cont .inner .info .wrap ul li {
  width: calc(100% / 3);
  position: relative;
  line-height: 4.14062vw;
  padding-left: 4.53125vw;
  font-size: 3.35938vw;
  color: #000;
  margin-bottom: 1.95312vw;
}

.l-sub-complex-place .wrap-cont .inner .info .wrap ul li:last-of-type {
  margin-bottom: auto;
}

.l-sub-complex-place .wrap-cont .inner .info .wrap ul li::before {
  content: "";
  position: absolute;
  width: 3.125vw;
  height: 3.125vw;
  left: 0;
  top: 0.54688vw;
  border-radius: 50%;
}

.l-sub-complex-place .wrap-cont .inner .info .wrap ul li.elevator::before {
  border-radius: 0;
  background: url(../../images/sub/complex/ele-icon.png) left center no-repeat;
  width: 4.6875vw;
  height: 3.125vw;
  background-size: contain;
}

.l-sub-complex-place .wrap-cont .inner .info .wrap ul li.da::before {
  background-color: #ee7700;
}

.l-sub-complex-place .wrap-cont .inner .info .wrap ul li.stairs::before {
  background-color: #005fad;
}

.l-sub-complex-place .wrap-cont .inner .info .wrap ul li.out::before {
  background-color: #77b157;
}

.l-sub-complex-place .wrap-cont .inner .info .wrap ul li.out-elevator::before {
  background-color: #e4007f;
}

.l-sub-complex-place .wrap-cont .inner .info .wrap ul li.waste::before {
  background-color: #55c3f1;
}

.l-sub-complex-place .wrap-cont .inner .info .wrap ul li.bike::before {
  background-color: #a27db7;
}

.l-sub-complex-place .wrap-cont .inner .info .wrap ul li.piloti {
  padding-left: 6.25vw;
}

.l-sub-complex-place .wrap-cont .inner .info .wrap ul li.piloti::before {
  border-radius: 0;
  background: url(../../images/sub/complex/complex-icon.png) center center no-repeat;
  width: 4.6875vw;
  height: 3.125vw;
  background-size: contain;
}

.l-sub-complex-place .wrap-cont .inner .info .wrap ul .unit {
  padding-left: 6.25vw;
}

.l-sub-complex-place .wrap-cont .inner .info .wrap ul .unit::before {
  content: "";
  width: 4.6875vw;
  height: 3.125vw;
  position: absolute;
  top: 0.54688vw;
  left: 0;
  border-radius: 0;
}

.l-sub-complex-place .wrap-cont .inner .info .wrap ul .unit .wrap {
  color: #004f51;
  width: 19.14062vw;
  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;
}

.l-sub-complex-place .wrap-cont .inner .info .wrap ul .unit-84::before {
  background-color: #fbd282;
}

.l-sub-complex-place .wrap-cont .inner .info .wrap ul .unit-98::before {
  background-color: #74b5e4;
}