@charset "utf-8";
/* 共通部分 */
@media print, screen and (min-width: 769px) {
  .search-input .m-example-form-check-icon {
    padding-left: 0;
    margin-right: 0;
    top: 0;
  }
}
@media screen and (max-width: 768px) {
  .search-input .m-example-form-check-icon {
    padding-left: 0;
    margin-right: 0;
    top: 0;
  }
}
@media print, screen and (min-width: 769px) {
  .search-input .m-example-form-check-icon::before {
    position: static;
    width: 16px;
    height: 16px;
    box-sizing: border-box;
    border-radius: 4px;
  }
}
@media screen and (max-width: 768px) {
  .search-input .m-example-form-check-icon::before {
    position: static;
    width: 2.666666666666667vw;
    height: 2.666666666666667vw;
    box-sizing: border-box;
  }
}
.search-input .m-example-form-check:checked + .m-example-form-check-icon::after {
  border: none;
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
  background: transparent url("/zehplus-kaishu07/img/example_search_open_house/icon_check.png") top left no-repeat;
  background-size: 100% 100%;
}
@media print, screen and (min-width: 769px) {
  .search-input .m-example-form-check:checked + .m-example-form-check-icon::after {
    width: 12px;
    height: 10px;
    top: 3px;
    left: 2px;
  }
}
@media screen and (max-width: 768px) {
  .search-input .m-example-form-check:checked + .m-example-form-check-icon::after {
    width: 1.866666666666667vw;
    height: 1.6vw;
    top: 0.533333333333333vw;
    left: 0.4vw;
  }
}
.input_device {
  background: #fff;
  position: relative;
  box-sizing: border-box;
}
@media print, screen and (min-width: 769px) {
  .input_device {
    width: 100%;
    height: 508px;
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .input_device {
    width: 76vw;
    height: 57.86666666666667vw;
    margin-top: 2.666666666666667vw;
  }
}
.input_device .map-bg {
  position: absolute;
}
.input_device .btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  position: absolute;
  z-index: 10;
  background: #fff6e5;
  border: 2px solid #f4b02e;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
  box-sizing: border-box;
  color: #f4b02e;
}
@media print, screen and (min-width: 769px) {
  .input_device .btn {
    padding: 10px 17px 10px 15px;
    border-radius: 4px;
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .input_device .btn {
    font-size: 2.933333333333333vw;
    padding: 1.333333333333333vw 1.466666666666667vw;
    border-radius: 4px;
  }
}
@media print, screen and (min-width: 769px) {
  .input_device .btn:hover {
    opacity: 0.5;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    text-decoration: none;
  }
}
.input_device .btn.is-active {
  opacity: 0.5;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  text-decoration: none;
}
.input_device .btn .count {
  font-weight: normal;
}
@media print, screen and (min-width: 769px) {
  .input_device .btn .count {
    font-size: 1.2rem;
    margin: 3px 0 0 7px;
  }
}
@media screen and (max-width: 768px) {
  .input_device .btn .count {
    font-size: 2.666666666666667vw;
    margin-left: 1.2vw;
  }
}
@media print, screen and (min-width: 769px) {
  .input_device .btn .area {
    font-size: 1.4rem;
    margin: 3px 0 0 3px;
  }
}
@media screen and (max-width: 768px) {
  .input_device .btn .area {
    font-size: 2.933333333333333vw;
    margin: 0 0 0 1.2vw;
  }
}
#area-imagemap {
  position: relative;
  margin: 0;
  z-index: 0;
}
@media print, screen and (min-width: 769px) {
  #area-imagemap {
    width: 602px;
    height: 508px;
    background: transparent url("/zehplus-kaishu07/img/example_search_open_house/map_all_pc.png") top left no-repeat;
    background-size: 100% 100%;
  }
}
@media screen and (max-width: 768px) {
  #area-imagemap {
    background: transparent url("/zehplus-kaishu07/img/example_search_open_house/map_all_sp.png") top left no-repeat;
    background-size: 100% 100%;
    width: 76vw;
    height: 57.86666666666667vw;
  }
}
/* エリア */
@media print, screen and (min-width: 769px) {
  #map_area1 {
    top: 48px;
    left: 297px;
  }
}
@media screen and (max-width: 768px) {
  #map_area1 {
    top: 4.133333333333333vw;
    left: 33.46666666666667vw;
  }
}
@media print, screen and (min-width: 769px) {
  #map_area2 {
    top: 239px;
    right: 36px;
  }
}
@media screen and (max-width: 768px) {
  #map_area2 {
    top: 25.6vw;
    right: 1.466666666666667vw;
  }
}
@media print, screen and (min-width: 769px) {
  #map_area3 {
    top: 331px;
    right: 82px;
  }
}
@media screen and (max-width: 768px) {
  #map_area3 {
    top: 34.53333333333333vw;
    right: 4.266666666666667vw;
  }
}
@media print, screen and (min-width: 769px) {
  #map_area4 {
    top: 153px;
    left: 245px;
  }
}
@media screen and (max-width: 768px) {
  #map_area4 {
    top: 15.466666666666667vw;
    left: 25.733333333333334vw;
  }
}
@media print, screen and (min-width: 769px) {
  #map_area5 {
    top: 222px;
    left: 172px;
  }
}
@media screen and (max-width: 768px) {
  #map_area5 {
    top: 24.4vw;
    left: 20.8vw;
  }
}
@media print, screen and (min-width: 769px) {
  #map_area6 {
    top: 256px;
    left: 40px;
  }
}
@media screen and (max-width: 768px) {
  #map_area6 {
    top: 32.13333333333333vw;
    left: 1.066666666666667vw;
  }
}
@media print, screen and (min-width: 769px) {
  #map_area7 {
    bottom: 84px;
    left: 222px;
  }
}
@media screen and (max-width: 768px) {
  #map_area7 {
    top: 42.4vw;
    left: 30vw;
  }
}
@media print, screen and (min-width: 769px) {
  #map_area8 {
    bottom: 50px;
    left: 40px;
  }
}
@media screen and (max-width: 768px) {
  #map_area8 {
    top: 49.6vw;
    left: 1.066666666666667vw;
  }
}
@media print, screen and (min-width: 769px) {
  #map_areaall {
    top: 48px;
    left: 40px;
  }
}
@media screen and (max-width: 768px) {
  #map_areaall {
    top: 3.2vw;
    left: 2.933333333333333vw;
  }
}
@media print, screen and (min-width: 769px) {
  #map_area1_bg {
    background: url("/zehplus-kaishu07/img/example_search_open_house/map_hokkaido_pc.png") no-repeat;
    background-size: 100% 100%;
    width: 223px;
    height: 137px;
    top: 39px;
    right: 0;
  }
}
@media screen and (max-width: 768px) {
  #map_area1_bg {
    background: url("/zehplus-kaishu07/img/example_search_open_house/map_hokkaido_sp.png") no-repeat;
    background-size: 100% 100%;
    width: 27.066666666666666vw;
    height: 16.266666666666666vw;
    top: 3.6vw;
    right: 0;
  }
}
@media print, screen and (min-width: 769px) {
  #map_area2_bg {
    background: url("/zehplus-kaishu07/img/example_search_open_house/map_tohoku_pc.png") no-repeat;
    background-size: 100% 100%;
    width: 88px;
    height: 138px;
    top: 165px;
    right: 166px;
  }
}
@media screen and (max-width: 768px) {
  #map_area2_bg {
    background: url("/zehplus-kaishu07/img/example_search_open_house/map_tohoku_sp.png") no-repeat;
    background-size: 100% 100%;
    width: 10.4vw;
    height: 16.266666666666666vw;
    top: 18.53333333333333vw;
    right: 20.4vw;
  }
}
@media print, screen and (min-width: 769px) {
  #map_area3_bg {
    background: url("/zehplus-kaishu07/img/example_search_open_house/map_kanto_pc.png") no-repeat;
    background-size: 100% 100%;
    width: 64px;
    height: 70px;
    top: 285px;
    left: 323px;
  }
}
@media screen and (max-width: 768px) {
  #map_area3_bg {
    background: url("/zehplus-kaishu07/img/example_search_open_house/map_kanto_sp.png") no-repeat;
    background-size: 100% 100%;
    width: 7.733333333333333vw;
    height: 8.266666666666666vw;
    bottom: 16.8vw;
    right: 26.13333333333333vw;
  }
}
@media print, screen and (min-width: 769px) {
  #map_area4_bg {
    background: url("/zehplus-kaishu07/img/example_search_open_house/map_chubu_pc.png") no-repeat;
    background-size: 100% 100%;
    width: 124px;
    height: 113px;
    top: 247px;
    left: 252px;
  }
}
@media screen and (max-width: 768px) {
  #map_area4_bg {
    background: url("/zehplus-kaishu07/img/example_search_open_house/map_chubu_sp.png") no-repeat;
    background-size: 100% 100%;
    width: 14.666666666666666vw;
    height: 13.333333333333334vw;
    top: 28.26666666666667vw;
    right: 27.46666666666667vw;
  }
}
@media print, screen and (min-width: 769px) {
  #map_area5_bg {
    background: url("/zehplus-kaishu07/img/example_search_open_house/map_kinki_pc.png") no-repeat;
    background-size: 100% 100%;
    width: 60px;
    height: 70px;
    top: 304px;
    left: 220px;
  }
}
@media screen and (max-width: 768px) {
  #map_area5_bg {
    background: url("/zehplus-kaishu07/img/example_search_open_house/map_kinki_sp.png") no-repeat;
    background-size: 100% 100%;
    width: 7.066666666666667vw;
    height: 8.133333333333333vw;
    top: 34.93333333333333vw;
    left: 30.4vw;
  }
}
@media print, screen and (min-width: 769px) {
  #map_area6_bg {
    background: url("/zehplus-kaishu07/img/example_search_open_house/map_chugoku_pc.png") no-repeat;
    background-size: 100% 100%;
    width: 94px;
    height: 46px;
    top: 293px;
    left: 140px;
  }
}
@media screen and (max-width: 768px) {
  #map_area6_bg {
    background: url("/zehplus-kaishu07/img/example_search_open_house/map_chugoku_sp.png") no-repeat;
    background-size: 100% 100%;
    width: 11.066666666666666vw;
    height: 5.466666666666667vw;
    top: 33.733333333333334vw;
    left: 20.933333333333334vw;
  }
}
@media print, screen and (min-width: 769px) {
  #map_area7_bg {
    background: url("/zehplus-kaishu07/img/example_search_open_house/map_shikoku_pc.png") no-repeat;
    background-size: 100% 100%;
    width: 70px;
    height: 38px;
    bottom: 135px;
    left: 155px;
  }
}
@media screen and (max-width: 768px) {
  #map_area7_bg {
    background: url("/zehplus-kaishu07/img/example_search_open_house/map_shikoku_sp.png") no-repeat;
    background-size: 100% 100%;
    width: 8.133333333333333vw;
    height: 4.533333333333333vw;
    top: 38.666666666666664vw;
    left: 22.8vw;
  }
}
@media print, screen and (min-width: 769px) {
  #map_area8_bg {
    background: url("/zehplus-kaishu07/img/example_search_open_house/map_kyusyu_okinawa_pc.png") no-repeat;
    background-size: 100% 100%;
    width: 117px;
    height: 81px;
    bottom: 98px;
    left: 42px;
  }
}
@media screen and (max-width: 768px) {
  #map_area8_bg {
    background: url("/zehplus-kaishu07/img/example_search_open_house/map_kyusyu_okinawa_sp.png") no-repeat;
    background-size: 100% 100%;
    width: 13.733333333333334vw;
    height: 9.6vw;
    top: 37.86666666666667vw;
    left: 9.333333333333334vw;
  }
}
@media print, screen and (min-width: 769px) {
  .area-box-pdf {
    text-align: right;
    margin-top: 15px;
  }
}
@media screen and (max-width: 768px) {
  .area-box-pdf {
    margin-top: 1.333333333333333vw;
  }
}
.area-box-pdf-link {
  color: #04c;
  text-decoration: none;
}
@media print, screen and (min-width: 769px) {
  .area-box-pdf-link {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .area-box-pdf-link {
    font-size: 3.733333333333334vw;
  }
}
@media print, screen and (min-width: 769px) {
  .area-box-pdf-link:hover {
    text-decoration: underline;
  }
}
.area-box-pdf-link::before {
  display: inline-block;
  content: "";
  background: url("/zehplus-kaishu07/img/example_search_open_house/icon_pdf.png") no-repeat;
  background-size: contain;
  vertical-align: middle;
}
@media print, screen and (min-width: 769px) {
  .area-box-pdf-link::before {
    width: 13px;
    height: 17px;
    margin-right: 6px;
  }
}
@media screen and (max-width: 768px) {
  .area-box-pdf-link::before {
    width: 3.466666666666666vw;
    height: 4.266666666666667vw;
    margin-right: 1.6vw;
  }
}
