@charset "UTF-8";
/******************************************
  住まいをさがす #residence
******************************************/
#residence #contentWrap #mv {
  background-image: url(../img/residence/mv_sp.jpg);
  background-position: 25% 85%;
}
@media (min-width: 768px) {
  #residence #contentWrap #mv {
    background-image: url("../img/residence/mv.jpg");
    background-image: image-set(url("../img/residence/mv.webp") type("image/webp"), url("../img/residence/mv.jpg") type("image/jpeg"));
    background-position: 64% 43%;
  }
}
#residence #contentWrap #mv #mvTitle_en img {
  max-width: 300px;
}
@media (min-width: 768px) {
  #residence #contentWrap #mv #mvTitle_en img {
    max-width: 500px;
  }
}
#residence #contentWrap .lead {
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  #residence #contentWrap .lead {
    margin-bottom: 60px;
  }
}
#residence #contentWrap section .btnLink {
  margin-top: 35px;
  max-width: 320px;
}
@media (min-width: 768px) {
  #residence #contentWrap section .btnLink {
    margin: 45px 0 0 0;
  }
}
#residence #contentWrap {
  /*----------------------------------
  　空き家バンク #bank
  ------------------------------------*/
}
#residence #contentWrap #bank h2 img {
  max-width: 380px;
}
@media (min-width: 768px) {
  #residence #contentWrap #bank h2 img {
    max-width: 580px;
  }
}
#residence #contentWrap #bank .chart {
  margin: 0 auto 50px;
  max-width: 350px;
}
@media (min-width: 768px) {
  #residence #contentWrap #bank .chart {
    margin: 0 auto 70px;
    max-width: 1000px;
  }
}
#residence #contentWrap {
  /*----------------------------------
  　公営住宅 #public-housing
  ------------------------------------*/
}
#residence #contentWrap #public-housing h2 img {
  max-width: 450px;
}
@media (min-width: 768px) {
  #residence #contentWrap #public-housing h2 img {
    max-width: 680px;
  }
}
@media (min-width: 768px) {
  #residence #contentWrap #public-housing .flexWrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}
@media (min-width: 768px) {
  #residence #contentWrap #public-housing .flexWrap .textArea {
    width: 59%;
  }
}
#residence #contentWrap #public-housing .flexWrap .ph {
  margin: 40px auto 0;
  max-width: 350px;
}
@media (min-width: 768px) {
  #residence #contentWrap #public-housing .flexWrap .ph {
    margin: 0;
    width: 36%;
  }
}
@media (min-width: 1280px) {
  #residence #contentWrap .announce {
    text-align: center;
  }
}
#residence #contentWrap {
  /*----------------------------------
  　#nextNavi
  ------------------------------------*/
}
#residence #contentWrap #nextNavi {
  margin-top: 10px;
}

/*# sourceMappingURL=residence.css.map */