@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/*変数 */
@font-face {
  font-family: 'BebasNeue';
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/bebasneue-regular.otf) format("opentype"), url("../fonts/bebasneue-regular.woff") format("woff");
}

#main-eyecatch {
  background-image: url(https://zazie-developments.tokyo/common/img/realestate/eyecatch-bg.png);
  background-size: cover;
}

.realestate-box {
  margin-bottom: 60px;
}

.realestate-box h3 {
  font-size: 1.375em;
  color: #E2007E;
  line-height: 1.6;
}

@media screen and (max-width: 767px) {
  .realestate-box {
    margin-bottom: 0;
  }
  .realestate-box p {
    margin-bottom: 30px;
  }
}

.realestate-box.bg {
  background: url(https://zazie-developments.tokyo/common/img/realestate/realestate-img04.png) #EFEFEF no-repeat bottom left;
}

.bg {
  width: 93%;
  background: #EFEFEF;
  padding: 90px 0;
}

.bg#investment {
  background: url(https://zazie-developments.tokyo/common/img/realestate/investment-bg.png) #EFEFEF no-repeat bottom right;
}

.bg#family {
  background: url(https://zazie-developments.tokyo/common/img/realestate/realestate-img06.png) #EFEFEF no-repeat bottom right;
}

@media screen and (max-width: 1199px) {
  .bg {
    width: 100%;
  }
  .realestate-box, .bg#investment {
    min-height: 500px;
  }
}

@media screen and (max-width: 991px) {
  .bg {
    padding: 30px 0;
  }
}

@media screen and (max-width: 767px) {
  .bg {
    padding: 15px 0;
  }
}

.bg p {
  font-size: 1.125em;
}

.bg.r {
  float: right;
}

#sub-menu-bottom {
  margin-top: 100px;
}

.realestate-box-inner2 {
  margin: 0px 30px 0px 50%;
}

.realestate-box-inner3 {
  margin: 0px auto 0px 30px;
}

@media screen and (max-width: 1199px) {
  .bg-img.bg {
    padding: 0;
  }
  .realestate-box-inner2,
  .realestate-box-inner3 {
    margin: 0;
    padding: 30px 20px 15px 20px;
    background-color: #EFEFEF;
  }
  div.realestate-box-inner2 p,
  div.realestate-box-inner3 p {
    margin-bottom: 0;
    text-align: justify;
  }
}

@media (min-width: 992px) {
  .realestate-box-h {
    height: 70px;
  }
}

@media (max-width: 900px) {
  .bg#investment, .bg#family,
  .realestate-box.bg {
    background-size: 110% auto;
    min-height: 400px;
  }
}
#main-eyecatch.realestate {
  padding-top: 130px;
}