@charset "UTF-8";
/* ===============================================================
  共通（検索前）   ■ BEGIN ■
=============================================================== */
.main-common-margin{
  margin: var(--main-mar-last);
}

/* .s-scroll-nav {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(135px, 1fr));
  gap: 8px 24px;
  line-height: normal;
} */

.s-scroll-nav {
  line-height: normal;
}

.s-scroll-nav .route-group {
  display: flex;
  border-radius: var(--base-radius);
}

.s-scroll-nav .route-group:nth-child(2n + 1) {
  background: var(--mstyle-light-green-color);
}

.s-scroll-nav .route-group h2 {
  display: grid;
  place-items: center;
  width: 20%;
  font-weight: 700;
}

.s-scroll-nav .route-group .route-group-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 8px 24px;
  width: 80%;
  padding: 45px 30px 20px 0;
}


.s-scroll-nav .wrapper {
  transition: var(--transition-main);
}

@media (hover: hover) {
  .s-scroll-nav .wrapper:hover {
    opacity: .7;
    transform: translate(0, 1.5px);
  }
}

.s-scroll-nav .upper {
  display: block;
  color: var(--white-color);
  font-size: var(--fz-14);
  font-weight: 500;
  text-align: center;
  padding: 8px 24px;
  background: var(--mstyle-main-color);
  border-radius: var(--base-radius);
}

.s-scroll-nav .upper .sp-svg {
  display: none;
}

.s-scroll-nav .lower {
  --svg-width: 24px;
  --svg-color: var(--mstyle-main-color);
  display: block;
  text-align: center;
}

.s-scroll-nav.pref-nav {
  display: flex;
  gap: 0 15px;
  margin: 0 0 100px 0;
}

.s-scroll-nav.pref-nav > div {
  min-width: 150px;
}

:is(.wpq-list, .s-station-list) .prefecture-group {
  margin: 0 0 100px 0;
}

:is(.wpq-list, .s-station-list) .line-group {
  line-height: normal;
  border-top: 2px solid var(--mstyle-main-color);
  padding: 45px 60px 55px 60px;
}

:is(.wpq-list, .s-station-list) form > .line-group:nth-last-of-type(2) {
  margin: 0 0 100px 0;
}

:is(.wpq-list, .s-station-list) form > div:nth-last-of-type(2) {
  border-bottom: 2px solid var(--mstyle-main-color);
}

:is(.wpq-list, .s-station-list) .pref-title {
  font-size: var(--fz-22);
  font-weight: 700;
  background: var(--mstyle-light-green-color);
  border-radius: 8px 8px 0 0;
  padding: 10px 20px;
}


:is(.wpq-list, .s-station-list) .line-group h3 {
  --svg-width: 24px;
  --svg-va: -5px;
  font-size: var(--fz-20);
  font-weight: 600;
  padding: 0 0 4px 0;
  margin: 0 0 12px -4px;
}

:is(.wpq-list, .s-station-list) .line-group .wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 16px 32px;
}

:is(.wpq-list, .s-station-list) .line-group .wrapper a {
  font-size: calc(1em * (15 / 16));
  font-weight: 500;
}

:is(.wpq-list, .s-station-list) .line-group .wrapper .count {
  font-size: var(--fz-12);
  vertical-align: -.5px;
  margin: 0 0 0 -3px;
}

/* ----- カーソルを当てた時のスタイリング ----- */
input:focus,
textarea:focus {
  border: 2px solid var(--mstyle-main-color) !important;
  background: var(--mstyle-light-green-color) !important;
  outline: none;
}
input[type="submit"]:focus {
  border: none !important;
}

/* -----  一応、入力後の元々ついているスタイリングをはずす ----- */
input:-internal-autofill-selected,
textarea:-internal-autofill-selected {
  color: var(--mstyle-text-color) !important;
}

/* ----- 入力後のスタイリング ----- */
input:-webkit-autofill,
textarea:-webkit-autofill {
  /* box-shadow: 0 0 0px 1000px var(--white-color) inset; */
  -webkit-box-shadow: 0 0 0px 1000px var(--white-color) inset;
  -webkit-text-fill-color: var(--mstyle-text-color);
  border: 2px solid var(--mstyle-main-color);
  /* transition: background-color 5000s ease-in-out 0s; */
}

input:not(:placeholder-shown),
textarea:not(:placeholder-shown) {
  background: var(--white-color) !important;
  border: 2px solid var(--mstyle-main-color) !important;
}


/* ----- 入力前のスタイリング ----- */
input[type="text"] {
  width: 373px;
  height: 42px;
  color: var(--mstyle-text-color);
  font-size: var(--fz-14);
  font-family: var(--font-family-nsjp);
  font-weight: 400;
  letter-spacing: .04em;
  border: 2px solid var(--mstyle-sub-grey-color);
  background: var(--white-color);
  border-radius: var(--base-radius);
}

input[type="checkbox"],
input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  display: inline-block;
  width: 16px;
  aspect-ratio: 1;
  color: var(--mstyle-text-color);
  font-size: var(--fz-14);
  font-family: var(--font-family-nsjp);
  font-weight: 400;
  border: 2px solid var(--mstyle-sub-grey-color) !important;   /* input:not(:placeholder-shown)と競合するため */
  background: var(--white-color) !important;
  border-radius: 3px;
  padding: 0;
  cursor: pointer;
  vertical-align: -2px;
  margin: 0 2px 0 0;
  position: relative;
}

input[type="checkbox"]:checked,
input[type="radio"]:checked {
  background-color: var(--mstyle-main-color) !important;
  border-color: var(--mstyle-main-color) !important;
}

input[type="checkbox"]:checked::after,
input[type="radio"]:checked::after {
  content: '';
  position: absolute;
  left: 3.6px;
  top: 1.5px;
  width: 5px;
  height: 8px;
  border: 2px solid var(--white-color);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

select {
  color: var(--mstyle-text-color);
  font-size: var(--fz-14);
  font-family: var(--font-family-nsjp);
  font-weight: 500;
  text-align: center;
  letter-spacing: .04em;
  border: 2px solid var(--mstyle-light-grey-color);
  box-shadow: var(--box-shadow-n1);
  background: var(--white-color);
  border-radius: var(--base-radius);
  padding: 8px 20px 8px 50px;
}

textarea {
  width: 373px;
  height: 200px;
  color: var(--mstyle-text-color);
  font-size: var(--fz-14);
  font-family: var(--font-family-nsjp);
  font-weight: 400;
  line-height: 150%;
  letter-spacing: .04em;
  border: 2px solid var(--mstyle-sub-grey-color);
  background: var(--white-color);
  border-radius: var(--base-radius);
}

.btn-confirm {
  --svg-color: var(--white-color);
  --svg-stroke-color: var(--white-color);
  --svg-va: -3px;
  display: inline-block;
  min-width: 316px;
  color: var(--white-color);
  font-size: var(--fz-14);
  font-family: var(--font-family-nsjp);
  font-weight: 500;
  line-height: normal;
  text-align: center;
  background: var(--mstyle-sub-color) !important;
  border-radius: 38px 58px 5px 38px;
  box-shadow: var(--box-shadow-btn);
  cursor: pointer;
  padding: 20px 52px 20px 52px;
  transition: var(--transition-main);
}

.btn-confirm svg {
  margin: 0 0 0 15px;
}

@media (hover: hover) {
  .btn-confirm:hover {
    opacity: .85;
    transform: translate(1px, 1px);
    box-shadow: var(--box-shadow-btn-hov);
  }
}
  
@media screen and (max-width:980px) {
  .main-page-by-area .page-header-title,
  .main-page-by-station .page-header-title,
  .main-page-by-type-by-area .page-header-title,
  .main-page-by-type-by-station .page-header-title,
  .main-page-by-payment .page-header-title,
  .main-page-by-payment-by-area .page-header-title,
  .main-page-by-payment-by-station .page-header-title {
    margin: 0 0 30px 0;
  }

  .s-scroll-nav {
    gap: 10px 13px;
  }
  .s-scroll-nav .route-group .route-group-wrapper {
   padding: 35px 35px 35px 0; 
  }
  .s-scroll-nav .route-group h2 {
    font-size: var(--fz-14)
  }
  .s-scroll-nav .upper {
    display: flex;
    justify-content: space-between;
    font-size: var(--fz-12);
    text-align: start;
    padding: 8px 17px;
  }
  .s-scroll-nav .upper .sp-svg {
    --svg-color: var(--white-color);
    display: inline;
    margin: 1px 0 0 0;
  }
  .s-scroll-nav .lower {
    display: none;
  }
  :is(.wpq-list, .s-station-list) .line-group {
    padding: 30px 25px;
  }
  :is(.wpq-list, .s-station-list) .line-group h3 {
    --svg-width: 22px;
    --svg-va: -5px;
    font-size: var(--fz-16);
    margin: 0 0 14px -3px;
  }
  :is(.wpq-list, .s-station-list) .line-group .wrapper {
    gap: 16px 16px;
    font-size: calc(1em * (14 / 15));
  }



  input[type="text"],
  select {
    width: 100%;
  }
  input[type="checkbox"] {
    width: 16px;
  }
  textarea {
    width: 100%;
  }
  input[type="submit"] {
    display: block;
    width: 90%;
    margin-inline: auto;
  }
  .btn-confirm {
    min-width: 280px;
  }
  .form-confirm-area .btn-wrap input[type="submit"],
  .form-confirm-area .btn-wrap .btn-back  {
    min-width: 280px;
  }
  input[type="checkbox"]:checked::after {
    left: 3px;
    top: 1px;
  }
}

@media screen and (max-width: 768px) {
  .main-page-by-area .page-header-title,
  .main-page-by-station .page-header-title,
  .main-page-by-type-by-area .page-header-title,
  .main-page-by-type-by-station .page-header-title,
  .main-page-by-payment .page-header-title {
    margin: 0 0 20px 0;
  }
  .s-scroll-nav .route-group {
    display: block;
    margin: 0 0 35px 0;
  }
  .s-scroll-nav .route-group:nth-child(2n + 1) {
    background: none;
  }
  .s-scroll-nav .route-group .route-group-wrapper {
    display: flex;
    flex-direction: column;
    gap: 12px 24px;
    width: auto;
    padding: 0;
  }
  .s-scroll-nav .route-group h2 {
    display: inline-block;
    width: auto;
    font-size: var(--fz-18);
    padding: 0 0 0 28px;
    margin: 0 0 8px 0;
    position: relative;
  }
  .s-scroll-nav .route-group h2::before {
    position: absolute;
    content: "";
    display: block;
    width: 20px;
    aspect-ratio: 1;
    background: var(--mstyle-sub-color);
    border-radius: var(--base-radius);
    bottom: 50%;
    left: 2px;
    transform: translate(0, 55%);
  }
  .s-scroll-nav .route-group h2::after {
    position: absolute;
    content: "";
    display: block;
    width: calc(92vw - 100% - 8px);
    height: 2px;
    background: var(--mstyle-text-color);
    bottom: 50%;
    left: calc(100% + 5px);
    transform: translate(0, 50%);
  }
  :is(.wpq-list, .s-station-list) .pref-title {
    font-size: var(--fz-16);
    padding: 5px 20px;
  }
  .s-scroll-nav .upper {
    font-size: var(--fz-14);
  }
  .s-scroll-nav .lower {
    --svg-color: var(--white-color);
    position: absolute;
    display: block;
    bottom: 1px;
    right: 12px;
  }
  .s-scroll-nav.pref-nav {
    display: flex;
    gap: 0 15px;
    margin: 0 0 50px 0;
  }
  .s-scroll-nav.pref-nav > div {
    flex: 1;
    min-width: 140px;
    position: relative;
  }
  .scroll-btn {
    bottom: 10px;
    right: 15px;
  }
}

/* ===============================================================
  共通（検索前）   ■ END ■
=============================================================== */


/* ===============================================================
  共通（検索後）   ■ BEGIN ■
=============================================================== */
.page-template-page-search-by-area-results,
.page-template-page-search-by-station-results,
.page-template-page-search-by-type-by-area-results,
.page-template-page-search-by-type-by-station-results,
.page-template-page-search-by-payment-results,
.page-template-page-search-by-payment-by-area-results,
.page-template-page-search-by-payment-by-station-results,
.page-template-page-rent-search-by-area-results,
.page-template-page-rent-search-by-station-results {
  background: var(--mstyle-light-grey-color);
}

.sec-change-conditions {
  background: var(--mstyle-light-grey-color);
  padding: 0 0 50px 0;
}

.sec-change-conditions .sec-h2-title {
  --svg-width: 28px;
  display: flex;
  gap: 0 5px;
  font-size: var(--fz-20);
  margin: 0 0 60px 0;
}

.sec-change-conditions .sec-h2-title svg {
  margin: 0 0 -1.5px 0;
}

.sec-change-conditions .sec-h2-title .wrapper {
  display: flex;
  align-items: flex-end;
  gap: 0 6px;
}

.sec-change-conditions .sec-h2-title .wrapper .upper {
  color: var(--mstyle-main-color);
}

.sec-change-conditions .sec-h2-title .wrapper .lower {
  font-size: var(--fz-16);
  font-weight: 400;
  margin: 0 0 .5px 0;
}

.sec-change-conditions .sec-h2-title .facetwp-facet {
  margin: 0;
}

.sec-change-conditions .conditions-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0 100px;
  background: var(--white-color);
  border-radius: var(--base-radius);
  padding: 30px 50px;
  position: relative;
}

.sec-change-conditions .conditions-area .title {
  position: absolute;
  font-weight: 700;
  background: var(--white-color);
  border-radius: var(--base-radius);
  padding: 12px 20px;
  top: -26px;
  left: 26px;
}

.sec-change-conditions .conditions-area .title svg {
  --svg-width: 24px;
  --svg-va: -5px;
  margin: 0 8px 0 0;
}

.sec-change-conditions .conditions-area .selected {
  font-size: var(--fz-14);
}

.sec-change-conditions .conditions-area .selected .facetwp-selections ul {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 32px;
  position: relative;
  z-index: 10;
}

.sec-change-conditions .conditions-area .selected .facetwp-selections ul li {
  line-height: inherit;
}

/* ↓このスタイルはモーダル内にも適用している。当ファイルの下の方で同じ記述している */
.sec-change-conditions .conditions-area .selected .facetwp-selections .facetwp-selection-value {
  --svg-color: var(--white-color);
  display: inline-block;
  color: var(--white-color);
  font-size: var(--fz-14);
  line-height: 180%;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="%23FFFFFF" d="M16 17.405l-6.764 6.764q-0.277 0.277-0.696 0.283t-0.709-0.283-0.29-0.703 0.29-0.703l6.764-6.764-6.764-6.764q-0.277-0.277-0.283-0.696t0.283-0.709 0.703-0.29 0.703 0.29l6.764 6.764 6.764-6.764q0.277-0.277 0.696-0.283t0.709 0.283 0.29 0.703-0.29 0.703l-6.764 6.764 6.764 6.764q0.277 0.277 0.283 0.696t-0.283 0.709-0.703 0.29-0.703-0.29l-6.764-6.764z"/></svg>');
  background-size: 14px 14px;
  background-position: right 8px bottom 5.5px;
  background-color: var(--mstyle-sub-color);
  border-radius: 100px;
  padding: 1px 27px 2px 16px;
  margin: 0 8px 0 0;
}

.sec-change-conditions .conditions-area .btn {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 8px;
  color: var(--white-color);
  font-weight: 700;
  background: var(--mstyle-sub-color);
  border-radius: 38px 58px 5px 38px;
  padding: 8px 36px 8px 30px;
  position: relative;
  cursor: pointer;
}

.sec-change-conditions .conditions-area .btn-sp {
  display: none;
}

.sec-change-conditions .conditions-area .btn::before {
  position: absolute;
  content: "";
  display: block;
  width: 2px;
  height: 60px;
  background: var(--mstyle-light-grey-color);
  top: 50%;
  left: -50px;
  transform: translate(0, -50%);
}

.sec-change-conditions .conditions-area .btn svg {
  --svg-width: 24px;
  --svg-color: var(--white-color);
  margin: 3px 0 0 0;
}

/* FacetWPのチェックボックス共通スタイリング */
.facet-wrap .facet-label {
  font-weight: 700;
  line-height: normal;
  padding: 4px 0 4px 20px;
  margin: 0 0 10px 0;
  position: relative;
}

.facet-wrap .facet-label::before {
  position: absolute;
  content: "";
  display: block;
  width: 10px;
  height: 100%;
  background: var(--mstyle-main-color);
  border-radius: var(--base-radius);
  bottom: 50%;
  left: 0;
  transform: translate(0, 50%);
}

.facet-wrap .facetwp-type-checkboxes {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 20px 40px;
}

.facet-wrap .facetwp-checkbox {
  font-size: var(--fz-14);
  background: none;
  position: relative;
}

.facet-wrap .facetwp-checkbox::before {
  position: absolute;
  content: "";
  display: block;
  width: 14px;
  aspect-ratio: 1;
  background: var(--white-color);
  border-radius: 3px;
  border: 2px solid var(--mstyle-sub-grey-color);
  left: 0;
  bottom: 50%;
  transform: translate(0, 50%);
}

.facet-wrap .facetwp-checkbox.checked {
  background-image: none;
  position: relative;
}

.facet-wrap .facetwp-checkbox.checked::before {
  background: var(--mstyle-main-color);
  border: 2px solid var(--mstyle-main-color);
}

.facet-wrap .facetwp-checkbox.checked::after {
  content: '';
  position: absolute;
  left: 5px;
  top: 9px;
  width: 5px;
  height: 8px;
  border: 2px solid var(--white-color);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.facet-wrap .facetwp-route-title {
  font-size: var(--fz-14);
  font-weight: 500;
}

/* 物件カード上のボタンスタイリング */
.results-btn-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 25px 0;
}

:is(.results-btn-area .left, .bottom-btn-area) {
  display: flex;
  align-items: center;
  gap: 0 30px;
}

:is(.results-btn-area .left, .bottom-btn-area) .request-docs-btn {
  --svg-width: 20px;
  --svg-color: var(--white-color);
  --svg-va: -4px;
  display: block;
  color: var(--white-color);
  background: var(--mstyle-sub-color);
  border-radius: 38px 58px 5px 38px;
  padding: 12px 60px;
  cursor: pointer;
}

:is(.results-btn-area .left, .bottom-btn-area)  .favorite-btn {
  --svg-width: 24px;
  --svg-va: -5px;
  display: block;
  background: var(--white-color);
  border: 2px solid var(--mstyle-main-color);
  border-radius: 38px 58px 5px 38px;
  padding: 12px 60px;
}

.bottom-btn-area {
  justify-content: center;
  margin: 0 0 200px 0;
}

.results-btn-area .right .facetwp-facet {
  margin: 0;
  position: relative;
}

.results-btn-area .right .facetwp-facet::before {
  position: absolute;
  content: "";
  display: block;
  width: 20px;
  aspect-ratio: 1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='currentColor'%3E%3Cpath d='M16 27.667q-0.425 0-0.712-0.288t-0.287-0.712v-5.333q0-0.425 0.288-0.712t0.713-0.288 0.712 0.288 0.287 0.712v1.667h9.667q0.425 0 0.712 0.288t0.288 0.713-0.288 0.712-0.712 0.287h-9.667v1.667q0 0.425-0.288 0.712t-0.713 0.288zM5.333 25q-0.425 0-0.712-0.288t-0.288-0.713 0.288-0.712 0.712-0.287h5.333q0.425 0 0.712 0.288t0.288 0.713-0.288 0.712-0.712 0.287h-5.333zM10.666 19.667q-0.425 0-0.712-0.288t-0.287-0.712v-1.667h-4.333q-0.425 0-0.712-0.288t-0.288-0.713 0.288-0.712 0.712-0.287h4.333v-1.667q0-0.425 0.288-0.712t0.713-0.288 0.712 0.288 0.287 0.712v5.333q0 0.425-0.288 0.712t-0.713 0.288zM16 17q-0.425 0-0.712-0.288t-0.288-0.713 0.288-0.712 0.712-0.287h10.667q0.425 0 0.712 0.288t0.288 0.713-0.288 0.712-0.712 0.287h-10.667zM21.333 11.667q-0.425 0-0.712-0.288t-0.287-0.712v-5.333q0-0.425 0.288-0.712t0.713-0.288 0.712 0.288 0.287 0.712v1.667h4.333q0.425 0 0.712 0.288t0.288 0.713-0.288 0.712-0.712 0.287h-4.333v1.667q0 0.425-0.288 0.712t-0.713 0.288zM5.333 9q-0.425 0-0.712-0.288t-0.288-0.713 0.288-0.712 0.712-0.287h10.667q0.425 0 0.712 0.288t0.288 0.713-0.288 0.712-0.712 0.287h-10.667z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  bottom: 50%;
  left: 26px;
  transform: translate(0, 50%);
}

/* no-resultのスタイリング */
.results-wrapper .no-results {
  --svg-width: 32px;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 20px 0;
  font-size: var(--fz-18);
  font-weight: 500;
  line-height: normal;
  background: white;
  border: 2px solid var(--mstyle-red-color);
  border-radius: 8px;
  padding: 30px 50px;
}

.results-wrapper .no-results span {
  display: block;
  margin: 0 0 3px 0;
}

@media screen and (max-width: 768px) {
  .results-wrapper .no-results {
    --svg-width: 30px;
    gap: 10px 0;
    font-size: var(--fz-14);
    padding: 25px 10px;
  }
}

.pager {
  margin: 0 0 150px 0;
}

.facetwp-pager {
  --svg-width: 24px;
  --svg-va: -6px;
  font-weight: 500;
  font-family: var(--font-family-lato);
  text-align: center;
}

.facetwp-pager .facetwp-page {
  line-height: normal;
  border-radius: 5px;
  border: 2px solid var(--mstyle-light-grey-color);
  padding: 12px 14px;
}

.facetwp-pager .facetwp-page.active {
  color: var(--white-color);
  background: var(--mstyle-main-color);
  border-color: var(--mstyle-main-color);
}

.facetwp-pager .facetwp-page.prev,
.facetwp-pager .facetwp-page.dots,
.facetwp-pager .facetwp-page.next {
  border: none;
}

.facetwp-pager .prev-svg {
  rotate: 180deg;
}

.facetwp-pager .prev {
  margin: 0 35px 0 0;
}

.facetwp-pager a.facetwp-page {
  margin: 0 9px 0 9px;
}

.facetwp-pager .next {
  margin: 0 0 0 35px;
}

.facetwp-pager .prev.active,
.facetwp-pager .next.active {
  background: none;
}

.other-way {
  --btn-large-any-color: var(--white-color);
  --btn-large-any-bgcolor: var(--mstyle-sub-color);
  background: var(--mstyle-light-grey-color);
  padding: 90px 0 300px 0;
}

.other-way .modal-btn {
  --svg-va: -2.5px;
  min-width: 316px;
  position: relative;
}

main > .only-sp {
  display: none;
}

.modal-content .wrapper .hidden-element {
  display: none;
}

.follow-btn-pc {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: var(--white-color);
  font-size: var(--fz-16);
  font-weight: 700;
  line-height: normal;
  background: rgb(51, 51, 51, .9);
  backdrop-filter: blur(5px);
  padding: 8px 0;
  bottom: -100px;
  left: 0;
  z-index: 500;
  transition: var(--transition-main);
}

.follow-btn-pc svg {
  --svg-width: 24px;
  --svg-color: var(--white-color);
  --svg-va: -5.5px;
  margin: 0 0 0 5px;
}

.follow-btn-pc.visible {
  bottom: 0;
}

.scroll-btn.inactive {
  opacity: 0;
}

@media screen and (max-width:980px) {
  .page-header-title {
    margin: 0;
  }
  .sec-change-conditions {
    background: var(--mstyle-light-green-color);
    padding: 30px 0 50px 0;
  }
  .sec-change-conditions .sec-h2-title {
    margin: 0 0 45px 0;
  }
  .sec-change-conditions .sec-h2-title .wrapper {
    gap: 0 3px;
  }
  .sec-change-conditions .sec-h2-title .wrapper .upper {
    margin: 0 0 2.5px 0;
  }
  .sec-change-conditions .conditions-area .title {
    font-size: var(--fz-14);
    padding: 8px 16px;
    top: -20px;
    left: 17px;
  }
  .sec-change-conditions .conditions-area .title svg {
    --svg-width: 20px;
  }
  .sec-change-conditions .conditions-area {
    align-items: flex-start;
    flex-direction: column;
    gap: 15px 0;
    padding: 27px 20px 15px 20px;
  }
  .sec-change-conditions .conditions-area .selected {
    font-size: var(--fz-12);
  }
  .sec-change-conditions .conditions-area .selected .facetwp-selections ul {
    gap: 0 16px;
  }
  .sec-change-conditions .conditions-area .selected .facetwp-selections .facetwp-selection-value {
    font-size: var(--fz-14);
    background-size: 12px 12px;
    background-position: right 8px bottom 6px;
    padding: 2px 26px 3px 15px;
    margin: 0 5px 0 0;
  }
  .sec-change-conditions .conditions-area .btn::before {
    content: none;
  }
  .sec-change-conditions .conditions-area .btn-pc {
    display: none;
  }
  .sec-change-conditions .conditions-area .btn-sp {
    display: grid;
    place-items: center;
    width: 100%;
    color: var(--white-color);
    font-size: var(--fz-12);
    font-weight: 500;
    background: var(--mstyle-sub-color);
    border-radius: var(--base-radius);
    padding: 4px 0;
    position: relative;
  }
  .sec-change-conditions .conditions-area .btn-sp svg {
    --svg-width: 20px;
    --svg-color: var(--white-color);
    position: absolute;
    right: 17px;
    bottom: 50%;
    transform: translate(0, 50%);
  }
  .results-btn-area {
    align-items: flex-end;
    flex-direction: column;
    gap: 30px 0;
    margin: 0 0 10px 0;
  }
  :is(.results-btn-area .left, .bottom-btn-area) {
    align-self: stretch;
    gap: 0 15px;
  }
  :is(.results-btn-area .left, .bottom-btn-area) .request-docs-btn,
  :is(.results-btn-area .left, .bottom-btn-area) .favorite-btn {
    flex: 1;
    font-size: var(--fz-12);
    text-align: center;
    border-radius: var(--base-radius);
    padding: 8px 0;
  }
  :is(.results-btn-area .left, .bottom-btn-area) .request-docs-btn {
    --svg-width: 15px;
    --svg-va: -3px;
  }
  :is(.results-btn-area .left, .bottom-btn-area) .favorite-btn {
    --svg-width: 20px;
  }
  .pager {
    margin: 0 0 100px 0;
  }
  .facetwp-pager .facetwp-page {
    padding: 8px 13px;
  }
  .facetwp-pager a.facetwp-page {
    margin: 0 4px 0 4px;
  }
  .facetwp-pager span.facetwp-page {
    margin: 0 4px 0 4px;
  }
  .facetwp-pager span.facetwp-page:first-child {
    margin: 0 4px 0 0;
  }
  .facetwp-pager span.facetwp-page:last-child {
    margin: 0 0 0 4px;
  }
  .facetwp-pager .prev {
    padding: 0 6px 0 0;
  }
  .facetwp-pager .next {
    padding: 0 0 0 6px;
  }
  .bottom-btn-area {
    margin: 0;
  }
  .other-way {
    background: var(--white-color);
    padding: 75px 0 0 0;
  }
  .other-way .lined-btn-area {
    gap: 48px 0;
  }
  .other-way .modal-btn {
    min-width: 280px;
    line-height: 58px;
    padding: 0 52px;
  }
  main > .only-sp {
    display: flex;
  }
  .follow-btn-pc {
    display: none;
  }
  .follow-btn {
    --svg-width: 16px;
    --svg-color: var(--white-color);
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    line-height: 123%;
    z-index: 100;
  }
  .follow-btn .tel,
  .follow-btn .docs {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 15px;
    color: var(--white-color);
    font-size: var(--fz-14);
    background: var(--mstyle-red-color);
    padding: 13.5px 0;
  }
  .follow-btn .tel .left,
  .follow-btn .docs .left {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 2px 0;
  }
  .follow-btn .tel .left .lower,
  .follow-btn .docs .left .lower {
    --svg-va: -3px;
    font-weight: 700;
    letter-spacing: .03em;
  }
  .follow-btn .tel .left .lower svg,
  .follow-btn .docs .left .lower svg {
    margin: 0 3px 0 0;
  }
  .follow-btn .docs {
    background: var(--mstyle-sub-color);
  }
}


/* ===============================================================
  共通（検索後）   ■ END ■
=============================================================== */

/* ===============================================================
  物件カード property-boxes   ■ BEGIN ■
=============================================================== */
.property-boxes {
  margin: 0 0 100px 0;
}

@media screen and (max-width:980px) {
  .property-boxes {
    margin: 0 0 60px 0;
  }
}

/* ----------------------  資料請求ボタン  ---------------------- */
.property-box {
  position: relative;
  background: var(--mstyle-light-grey-color);
  border-radius: var(--base-radius);
  padding: 35px 45px 35px 75px;
  margin: 0 0 60px 0;
  overflow: hidden;
}

.property-box .request-docs-checkbox {
  position: absolute;
  display: grid;
  place-items: center;
  color: var(--white-color);
  font-size: var(--fz-14);
  line-height: 150%;
  writing-mode: vertical-lr;
  width: 30px;
  height: 100%;
  top: 0;
  left: 0;
  background: var(--mstyle-main-color);
  transition: var(--transition-main);
}

.property-box .request-docs-checkbox label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 14px;
}

.property-box .request-docs-checkbox input {
  margin: 0 0 0 .5px;
}

.property-box .request-docs-checkbox:has(input:checked) {
  background-color: var(--mstyle-red-color);
}

@media screen and (max-width:980px) {
  .property-box {
    background: var(--white-color);
    padding: 60px 17px 20px 17px;
    margin: 0 0 50px 0;
  }
  .property-box .request-docs-checkbox {
    width: 100%;
    height: 30px;
    font-size: var(--fz-12);
    writing-mode: horizontal-tb;
  }
  .property-box .request-docs-checkbox label {
    flex-direction: row-reverse;
    gap: 0 8px;
  }
  .property-box .request-docs-checkbox input {
    width: 14px;
  }
}

/* -------------------  タイトルと価格  -------------------- */
.property-box .only-sp {
  display: none;
}

.property-box .title-price-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0 30px;
  line-height: normal;
  margin: 0 0 35px 0;
}

.property-box .title-price-area .type {
  display: inline-block;
  color: var(--white-color);
  font-size: var(--fz-14);
  background: var(--mstyle-main-color);
  border-radius: var(--base-radius);
  padding: 5px 20px;
  margin: 0 0 5px 0;
}

.property-box .title-price-area .property-name {
  font-size: var(--fz-24);
  font-weight: 700;
  line-height: 110%;
  margin: 0 0 7px 0;
}

.property-box .title-price-area .construction-date svg {
  --svg-width: 20px;
  --svg-va: -3.5px;
  margin: 0 4px 0 0;
}

.property-box .title-price-area .right {
  flex-shrink: 0;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 0 20px;
}

.property-box .title-price-area .price-title {
  display: inline-block;
  color: var(--mstyle-sub-color);
  font-weight: 700;
  line-height: 105%;
  letter-spacing: .05em;
  background: var(--white-color);
  border-radius: var(--base-radius);
  border: 2px solid var(--mstyle-sub-color);
  padding: 10px 10px;
}

.property-box .title-price-area .price {
  color: var(--mstyle-sub-color);
  font-size: var(--fz-56);
  font-family: var(--font-family-lato);
  font-weight: 700;
  line-height: normal;
  border-bottom: 2px solid var(--mstyle-sub-color);
  padding: 0 0 0 20px;
}

.property-box .title-price-area .price-unit {
  color: var(--mstyle-text-color);
  font-weight: 400;
  font-size: .5em;
  padding: 0 0 0 4px;
}

/* -------------------  写真部分  -------------------- */
.pic-info-area {
  display: flex;
  gap: 0 35px;
}

.pic-info-area .left {
  width: 38%;
}

.pic-info-area .right {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 16px 0;
}

.pic-info-area .main-pic {
  aspect-ratio: 3 / 2;
  border-radius: var(--base-radius);
  background: var(--white-color);
  box-shadow: var(--box-shadow-n1);
  margin: 0 0 16px 0;
  overflow: hidden;
}

.pic-info-area .main-pic img {
  transition: var(--transition-main);
}

.pic-info-area .sub-pic {
  display: flex;
  justify-content: space-between;
  gap: 0 20px;
  margin: 0 0 16px 0;
}

.pic-info-area .sub-pic > figure {
  flex: 1;
  border-radius: var(--base-radius);
  overflow: hidden;
}

.pic-info-area .sub-pic img {
  aspect-ratio: 3 / 2;
  background: var(--white-color);
  box-shadow: var(--box-shadow-n1);
  transition: var(--transition-main);
}

@media (hover: hover) {
  .pic-info-area .main-pic:hover img {
    transform: scale(1.02);
  }
  .pic-info-area .sub-pic > figure:hover img {
    transform: scale(1.03);
  }
}

.pic-info-area .main-pic .no-image {
  padding: 8%;
}

.pic-info-area .sub-pic .no-image {
  padding: 4%;
}

.pic-info-area .single-request-btn {
  --svg-width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 8px;
  width: 100%;
  line-height: normal;
  background: var(--mstyle-sub-grey-color);
  border-radius: var(--base-radius);
  box-shadow: var(--box-shadow-n1);
  padding: 8px;
  cursor: pointer;
  transition: var(--transition-main);
}

.pic-info-area .single-request-btn svg {
  margin: 1.5px 0 0 0;
}

@media (hover: hover) {
  .pic-info-area .single-request-btn:hover {
    opacity: .7;
    box-shadow: var(--box-shadow-n1-hov);
  }
}

/* -------------------  物件情報部分  -------------------- */
.pic-info-area .comment {
  font-size: var(--fz-14);
  line-height: 160%;
  background: var(--mstyle-light-green-color);
  border-radius: var(--base-radius);
  padding: 12px 20px;
  margin: 0 0 16px 0;
}

.pic-info-area .comment span {
  display: -webkit-box; 
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.pic-info-area .detail {
  line-height: normal;
  background: var(--white-color);
  border-radius: var(--base-radius);
  padding: 20px 0 20px 38px;
  position: relative;
}

.pic-info-area .detail .info {
  display: flex;
  flex-direction: column;
  gap: 10px 0;
}

.pic-info-area .detail .info svg {
  --svg-width: 28px;
  --svg-color: var(--mstyle-main-color);
  --svg-va: -8px;
  margin: 0 12px 0 0;
}

.pic-info-area .detail .info .bus-line {
  margin: -5px 0 0 40px;
}

/* -------------------  物件カードレスポンシブ  -------------------- */
@media screen and (max-width: 980px) {
  .property-box .only-pc {
    display: none;
  }
  .property-box .only-sp {
    display: block;
  }
  .only-sp .type {
    font-size: var(--fz-12);
    font-weight: 500;
    line-height: normal;
    padding: 0 0 0 15px;
    margin: 0 0 8px 0;
    position: relative;
  }
  .only-sp .type::before {
    position: absolute;
    content: "";
    display: block;
    width: 8px;
    height: 16px;
    background: var(--mstyle-main-color);
    border-radius: 3px;
    left: 0;
    bottom: 50%;
    transform: translate(0, 50%);
  }
  .only-sp .property-name {
    font-weight: 700;
    line-height: 110%;
    margin: 0 0 18px 0;
  }
  .only-sp .p-i-layout {
    display: flex;
    gap: 0 15px;
    margin: 0 0 25px 0;
  }
  .only-sp .p-i-layout .left {
    flex: 1;
    border-radius: var(--base-radius);
    overflow: hidden;
  }
  .only-sp .p-i-layout .right {
    flex: 1;
    line-height: normal;
  }
  .only-sp .p-i-layout .right .price-area {
    border-bottom: 2px solid var(--mstyle-sub-color);
    padding: 0 0 1px 0;
    margin: 0 0 10px 0;
  }
  .only-sp .p-i-layout .right .price-title {
    display: block;
    font-size: var(--fz-12);
    font-weight: 700;
  }
  .only-sp .p-i-layout .right .price {
    color: var(--mstyle-sub-color);
    font-size: var(--fz-24);
    font-weight: 700;
  }
  .only-sp .p-i-layout .right .price-unit {
    color: var(--mstyle-text-color);
    font-size: var(--fz-10);
    font-weight: 500;
    margin: 0 0 0 3px;
  }
  .only-sp .p-i-layout .right .info {
    --svg-width: 20px;
    --svg-color: var(--mstyle-main-color);
    --svg-va: -4px;
    font-size: var(--fz-14);
  }
  .only-sp .info-list {
    --svg-width: 20px;
    --svg-color: var(--mstyle-main-color);
    --svg-va: -4px;
    font-size: var(--fz-14);
    line-height: 150%;
    margin: 0 0 15px 0;
  }
  .only-sp .info-list .bus-line{
    margin: -5px 0 0 24px;
  }
  .only-sp .comment {
    font-size: var(--fz-12);
    line-height: 135%;
    background: var(--mstyle-light-green-color);
    border-radius: var(--base-radius);
    padding: 10px 20px;
    margin: 0 0 15px 0;
  }
  .only-sp .comment span {
    display: -webkit-box; 
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .only-sp .p-b-layout {
    display: flex;
    align-items: center;
    gap: 0 20px;
  }
  .only-sp .p-b-layout .left {
    width: 36%;
    aspect-ratio: 3 / 2;
    background: var(--mstyle-light-grey-color);
    border-radius: var(--base-radius);
    padding: 2px 0;
    overflow: hidden;
  }
  .only-sp .p-b-layout .right {
    flex: 1;
    text-align: center;
  }
  .only-sp .p-b-layout .right a {
    --svg-width: 24px;
    --svg-color: var(--white-color);
    --svg-va: -7px;
    display: block;
    color: var(--white-color);
    font-size: var(--fz-14);
    font-weight: 700;
    line-height: 100%;
    background: var(--mstyle-sub-color);
    border-radius: 23px 23px 5px 23px;
    padding: 8px 0;
  }
  .only-sp .p-b-layout .right a .small {
    font-size: .71em;
    margin: 0 0 0 2px;
  }
  .only-sp .p-b-layout .right a svg {
    margin: 0 0 0 5px;
  }
}

/* -------------------  Favorites お気に入り  -------------------- */
.favorite {
  position: absolute;
  top: 10px;
  right: 10px;
}

.favorite button {
  --svg-width: 40px;
  --svg-color: var(--white-color);
  width: 48px;
  height: 48px;
  background: var(--mstyle-sub-grey-color);
  border-radius: var(--base-radius);
  cursor: pointer;
  transition:  var(--transition-main);
}

.favorite button span {
  display: grid;
  place-items: center;
}

.favorite button svg {
  transition: var(--transition-main);
}

.favorite button.active {
  background: var(--mstyle-orange-color);
  opacity: 1;
}


@media screen and (max-width: 980px) {
  .favorite {
    top: 40px;
  }
  .favorite button {
    --svg-width: 25px;
    width: 36px;
    height: 36px;
  }
}

/* -------------------  内見予約ボタン  -------------------- */
.viewing-reserve {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 16px;
  background: var(--white-color);
  border-radius: var(--base-radius);
  padding: 15px 25px;
}

.viewing-reserve .icon {
  flex-shrink: 0;
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  color: var(--white-color);
  font-size: var(--fz-12);
  line-height: 1.3;
  letter-spacing: .07em;
  background: var(--mstyle-main-color);
  border-radius: var(--base-radius);
  padding: 8px 8px;
}

.viewing-reserve .tel {
  --svg-color: var(--mstyle-red-color);
  --svg-width: 22px;
  --svg-va: -3px;
}

.viewing-reserve .tel span {
  display: block;
  font-size: var(--fz-10);
  line-height: 123%;
  padding: 0 0 0 26px;
  margin: 0 0 2px 0;
}

.viewing-reserve .tel a {
  color: var(--mstyle-red-color);
  font-size: 23.14px;
  font-weight: 700;
  line-height: normal;
}

.viewing-reserve .btn a {
  --svg-color: var(--white-color);
  --svg-width: 24px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  color: var(--white-color);
  font-size: var(--fz-14);
  font-weight: 700;
  line-height: normal;
  background: var(--mstyle-red-color);
  padding: 8px 35px 8px 20px;
  border-radius: 23px;
  position: relative;
  transition: var(--transition-main);
}

.viewing-reserve .btn a .small {
  font-size: .71em;
  padding: 0 7px 1px 1px;
}

.viewing-reserve .btn a svg {
  position: absolute;
  top: 5px;
  right: 12px;
}

@media (hover: hover) {
  .viewing-reserve .btn a:hover {
    opacity: .75;
  }
}

@media screen and (max-width:980px) {
  .viewing-reserve {
    position: absolute;
    gap: 0 8px;
    width: 100vw;
    border-radius: 0;
    padding: 15px 4%;
    left: calc(100vw * .04 * -1);
    bottom: -50px;
  }
  .viewing-reserve .icon {
    width: 34px;
    height: 34px;
    font-size: .5em;
    padding: 0;
  }
  .viewing-reserve .tel {
    --svg-width: 14px;
    --svg-va: -2px;
    text-align: right;
  }
  .viewing-reserve .tel a {
    font-size: var(--fz-14);
  }
  .viewing-reserve .tel span {
    padding: 0;
    margin: 0;
  }
  .viewing-reserve .btn a {
    --svg-width: 16px;
    padding: 8px 28px 8px 20px;
  }
  .viewing-reserve .btn a svg {
    top: 10px;
    right: 13px;
  }
}

/* ===============================================================
  物件カード property-boxes   ■ END ■
=============================================================== */

/* ===============================================================
  駅から検索   ■ BEGIN ■
=============================================================== */
.main-page-by-station {
  margin: var(--main-mar-last);
}

.sec-btn {
  margin: 0 0 100px 0;
}

.sec-list .lined-btn-area .btn-area .btn-large-any {
  --svg-color: var(--mstyle-text-color);
  --svg-stroke-color: transparent;
  border: 2px solid var(--mstyle-text-color);
}

.sec-list .lined-btn-area .btn-area .btn-large-any svg {
  margin: 2.5px 0 0 0;
}

.results-wrapper {
  background: var(--white-color);
  padding: 50px 0 50px 0;
}
  
@media screen and (max-width:980px) {
  .page-template-page-search-by-station-results {
    background: var(--white-color);
  }
  .sec-btn {
    margin: 0 0 50px 0;
  }
  .results-wrapper {
    background: var(--mstyle-light-grey-color);
    padding: 30px 0 50px 0;
  }
}

/* ===============================================================
  駅から検索   ■ END ■
=============================================================== */


/* ===============================================================
  検索結果後の「検索条件の変更モーダル」スタイル   ■ BEGIN ■
=============================================================== */
/* --------------------- モーダル全体 --------------------- */
.modal-content h2 {
  background: var(--mstyle-light-green-color);
  border-radius: var(--base-radius);
  padding: 15px 19px;
  margin: 0 0 25px 0;
}

@media (max-width: 1023px) and (min-width: 769px) {
  .modal-content {
    width: 90%;
  }
}

@media screen and (max-width: 768px) {
  .modal-content {
    padding: 10% 5% 7% 5%;
  }
  .modal-close-1 {
    top: 7px;
    right: 10px;
  }
  .modal-content h2 {
    padding: 10px 15px;
    margin: 0 0 15px 0;
  }
} 

/* --------------------- スライダー（doshortcodeの部分をfacetwp-facetで囲う） --------------------- */
.modal-content .ele-mar {
  --mb: 0 0 50px 0;
  margin: var(--mb);
}
@media screen and (max-width: 980px) {
  .modal-content .ele-mar {
    --mb: 0 0 60px 0;
  }
}
.modal-content .ele-slider-mar {
  --mb: 0 0 60px 0;
  margin: var(--mb);
}
@media screen and (max-width: 980px) {
  .modal-content .ele-slider-mar {
    --mb: 0 0 100px 0;
  }
}
.modal-content .facet-slider-modify .facetwp-facet {
  position: relative;
  margin: 30px 0 0 0;
}
.facet-slider-modify .noUi-value-horizontal {
  transform: translate(-50%, -3%);
}
/* :is(.facetwp-facet-buy_construction_age) .noUi-value-horizontal:last-of-type {
  transform: translate(-50%, -156%);
} */
.facet-slider-modify .noUi-pips-horizontal {
  font-size: var(--fz-14);
  height: 48px;
  padding: 5px 0 0 0;
}
.facet-slider-modify .noUi-pips-horizontal .unit {
  font-size: var(--fz-12);
  margin: 0 0 0 1px;
}
.facet-slider-modify .noUi-target {
  width: 75%;
  height: 8px;
  background: var(--mstyle-light-grey-color);
  border: 1px solid var(--mstyle-sub-grey-color);
  padding: 0;
  margin: 0 0 0 auto;
}
.facet-slider-modify .noUi-connect {
  background: var(--mstyle-main-color);
}
.facet-slider-modify .noUi-horizontal .noUi-handle {
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="10" cy="10" r="9" stroke="white" stroke-width="1.5"/></svg>');
  background-color: var(--mstyle-sub-color);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
  border-radius: 50%;
  border: none;
  top: -9px;
  cursor: grab;
}
.facet-slider-modify .noUi-handle-lower {
  display: none;
}
.facet-slider-modify.facetwp-original-max-fixed .noUi-handle-lower {
  display: block;
}
.facetwp-original-max-fixed .noUi-handle-upper {
  display: none;
}
.facet-slider-modify .noUi-marker-large {
  display: none;
}
.facet-slider-modify .noUi-marker-normal {
  display: none;
}
.facet-slider-modify .facetwp-slider-label {
  position: absolute;
  top: -12px;
  left: 22px;
  font-weight: 500;
  line-height: normal;
  background: var(--mstyle-light-green-color);
  border-radius: 8px;
  border: 2px solid var(--mstyle-main-color);
  padding: 5px 22px;
}
.facet-slider-modify .facetwp-slider-label .unit {
  font-size: var(--fz-12);
}
.facet-slider-modify .facetwp-slider-label .no-choice {
  font-size: var(--fz-14);
}
.facet-slider-modify .facetwp-slider-label + div {
  position: absolute;
  left: 49px;
  cursor: pointer;
}
.facet-slider-modify .facetwp-slider-label + div input {
  font-size: var(--fz-12);
  text-decoration-line: underline;
  text-underline-offset: 3px;
  background: none !important;
  border: none !important;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
}

.modal-content .other-conditions .other-conditions-title {
  --svg-width: 22px;
  --svg-va: -4.5px;
  font-size: var(--fz-18);
  font-weight: 500;
  background: var(--mstyle-light-green-color);
  border-radius: 8px 8px 0 0;
  padding: 12px 22px;
}

.modal-content .other-conditions .facet-wrap {
  display: flex;
  margin: 0;
}

.modal-content .other-conditions .facet-wrap .facet-label {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  width: 20%;
  font-size: var(--fz-14);
  font-weight: 500;
  border-bottom: 2px solid var(--white-color);
  background: var(--mstyle-light-grey-color);
  padding: 5px 22px;
  margin: 0;
}

.modal-content .other-conditions .facet-wrap .facet-label::before {
  content: none;
}

.modal-content .other-conditions .facet-wrap .facetwp-facet {
  flex-shrink: 0;
  width: 80%;
  border-right: 2px solid var(--mstyle-light-grey-color);
  border-bottom: 2px solid var(--mstyle-light-grey-color);
  padding: 22px 22px;
}

.modal-content .other-conditions > div:nth-child(2) .facetwp-facet {
  border-top: 2px solid var(--mstyle-light-grey-color);
}

.modal-content .other-conditions > div:last-child .facet-label {
  border-bottom: 2px solid var(--mstyle-light-grey-color);
  border-radius: 0 0 0 8px;
}

.modal-content .other-conditions > div:last-child .facetwp-facet {
  border-radius: 0 0 8px 0;
}

.modal-content .other-conditions .facet-slider-modify .facetwp-slider-label {
  top: 50%;
  transform: translate(0, -50%);
}
.modal-content .other-conditions .facet-slider-modify .facetwp-facet {
  padding: 45px 22px;
  margin: 0;
}

@media screen and (max-width: 980px) {
  .modal-content .facet-slider-modify .facetwp-facet {
    margin: 80px 0 0 0;
  }
  .facet-slider-modify .noUi-target {
    width: 92%;
    margin: 0 auto;
  }
  .facet-slider-modify .facetwp-slider-label {
    top: -64px;
    left: 50%;
    transform: translate(-50%,0);
  }
  .facet-slider-modify .facetwp-slider-label + div {
    bottom: -40px;
    left: 50%;
    transform: translate(-50%, 0);
  }
  .modal-content .other-conditions .facet-wrap .facet-label {
    width: 21%;
  }
}

@media screen and (max-width: 768px) {
  .facet-slider-modify .facetwp-slider-label {
    white-space: nowrap;
    border: none;
  }
  .modal-content .other-conditions {
    position: absolute;
    width: 100%;
    left: 0;
  }
  .modal-content .other-conditions .other-conditions-title {
    font-size: var(--fz-16);
    text-align: center;
    border-radius: 0;
  }
  .modal-content .other-conditions .facet-wrap {
    flex-direction: column;
  }
  .modal-content .other-conditions .facet-wrap .facet-label {
    width: 100%;
    border: none;
    padding: 8px 22px;
  }
  .modal-content .other-conditions .facet-wrap .facetwp-facet {
    width: 100%;
    border: none;
  }
  .modal-content .other-conditions > div:nth-child(2) .facetwp-facet {
    border: none;
  }
  .modal-content .other-conditions > div:last-child .facet-label {
    border-radius: 0;
    border: none;
  }
  .modal-content .other-conditions > div:last-child .facetwp-facet {
    border-radius: 0;
  } 
}

/* --------------------- Number Range Common Style --------------------- */
.facetwp-type-number_range {
  display: flex;
  gap: 0 32px;
  margin: 15px 0 0 0 !important;
}

.facetwp-type-number_range .input-wrapper {
  position: relative;
}

.facetwp-type-number_range .input-wrapper input {
  width: 80px;
  font-family: var(--font-family-lato);
  font-size: var(--fz-16);
  text-align: center;
}

.facetwp-type-number_range .input-wrapper input::placeholder {
  font-size: var(--fz-12);
  line-height: normal;
}

.facetwp-type-number_range .input-wrapper .area-unit {
  font-size: var(--fz-14);
  line-height: normal;
  letter-spacing: .03em;
  margin: 0 0 0 4px;
}

.facetwp-type-number_range .facetwp-submit {
  display: none;
}

@media screen and (max-width: 768px) {
  .facetwp-type-number_range {
    gap: 0 16px;
  }
  .facetwp-type-number_range .input-wrapper .area-unit {
    font-size: var(--fz-12);
  }
}

/* --------------------- 物件種別（radioの部分はcheckboxに変えたので不要） --------------------- */
.modal-content .type_property_fwp_wrapper {
  --mb: 35px 0 60px 0;
}

.modal-content .facet-wrap .facetwp-facet-buy_type_property {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 25px;
  line-height: normal;
}

.facetwp-facet-buy_type_property .facetwp-checkbox.checked::after {
  top: 5px;
}

.modal-content .facetwp-facet-buy_type_property .facetwp-radio {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 15%;
  min-width: 128px;
  aspect-ratio: 1;
  color: var(--white-color);
  font-size: var(--fz-16);
  font-weight: 700;
  background-image: var(--btn-icon);
  background-repeat: no-repeat;
  background-size: 30px;
  background-position: center top 26px;
  background-color: var(--mstyle-sub-color);
  border-radius: 8px;
  box-shadow: var(--box-shadow-btn);
  padding: 32px 0 0 0;
  margin: 0;
}

.modal-content .facetwp-facet-buy_type_property .facetwp-radio[data-value=""] {
  --btn-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23FFFFFF'><path d='M212.31-140q-29.92 0-51.12-21.19Q140-182.39 140-212.31v-535.38q0-29.92 21.19-51.12Q182.39-820 212.31-820h492.84q12.77 0 21.39 8.62 8.61 8.61 8.61 21.38t-8.61 21.38q-8.62 8.62-21.39 8.62H212.31q-5.39 0-8.85 3.46t-3.46 8.85v535.38q0 5.39 3.46 8.85t8.85 3.46h535.38q5.39 0 8.85-3.46t3.46-8.85v-261.92q0-12.77 8.62-21.39 8.61-8.61 21.38-8.61t21.38 8.61Q820-487 820-474.23v261.92q0 29.92-21.19 51.12Q777.61-140 747.69-140H212.31Zm249.07-238.15 339.24-339.23q8.3-8.31 20.26-8.31 11.97 0 20.89 8.31 8.92 8.3 8.92 20.88 0 12.58-8.92 21.5L486.31-319.54q-10.85 10.85-25.31 10.85-14.46 0-25.31-10.85L278-477.23q-8.31-8.31-8.5-20.88-.19-12.58 8.5-21.27 8.69-8.7 21.08-8.7 12.38 0 21.07 8.7l141.23 141.23Z'/></svg>");
}
.modal-content .facetwp-facet-buy_type_property .facetwp-radio[data-value^="11"] {
  --btn-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23FFFFFF'><path d='M480-179.46q117.38-105.08 179.65-201.58 62.27-96.5 62.27-169.04 0-109.38-69.5-179.84-69.5-70.46-172.42-70.46-102.92 0-172.42 70.46-69.5 70.46-69.5 179.84 0 72.54 62.27 169.04 62.27 96.5 179.65 201.58Zm0 57.07q-11.69 0-23.38-4.03-11.7-4.04-21.16-12.5-53.84-49.62-100.77-102.2-46.92-52.57-81.57-105.11-34.66-52.54-54.85-104.15-20.19-51.62-20.19-99.7 0-138.46 89.57-224.19Q357.23-860 480-860t212.35 85.73q89.57 85.73 89.57 224.19 0 48.08-20.19 99.5-20.19 51.43-54.65 104.16-34.47 52.73-81.39 105.11-46.92 52.39-100.77 102-9.32 8.46-21.19 12.69-11.86 4.23-23.73 4.23Zm0-435.3Zm.07 72.3q29.85 0 51.04-21.26 21.2-21.26 21.2-51.11 0-29.85-21.26-51.05Q509.79-630 479.93-630q-29.85 0-51.04 21.26-21.2 21.26-21.2 51.12 0 29.85 21.26 51.04 21.26 21.19 51.12 21.19Z'/></svg>");
}
.modal-content .facetwp-facet-buy_type_property .facetwp-radio[data-value^="12"] {
  --btn-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23FFFFFF'><path d='M286.15-180q-29.92 0-51.11-21.19-21.19-21.2-21.19-51.12v-291.77L120-473.46q-10.54 7.31-22.31 6.19-11.77-1.12-19.46-11.65-7.69-10.54-6.27-22.31 1.43-11.77 11.96-19.46L436-787.23q9.85-7.23 21-10.65 11.15-3.43 23-3.43t23 3.43q11.15 3.42 21 10.65l122.92 92.69v-36.61q0-20.39 14.23-34.62Q675.38-780 695.77-780q20.38 0 34.61 14.23t14.23 34.62v110.92l131.85 99.54q9.92 7.69 11.65 19.46 1.73 11.77-5.96 22.31-7.69 10.53-19.46 11.65-11.77 1.12-22.31-6.19l-93.84-70.62v291.77q0 29.92-21.19 51.12Q704.15-180 674.23-180h-77.31q-29.92 0-51.11-21.19-21.19-21.2-21.19-51.12v-140q0-5.38-3.47-8.84-3.46-3.47-8.84-3.47h-64.62q-5.38 0-8.84 3.47-3.47 3.46-3.47 8.84v140q0 29.92-21.19 51.12Q393-180 363.08-180h-76.93Zm0-60h76.93q5.38 0 8.84-3.46 3.47-3.46 3.47-8.85v-140q0-29.92 21.19-51.11 21.19-21.19 51.11-21.19h64.62q29.92 0 51.11 21.19 21.19 21.19 21.19 51.11v140q0 5.39 3.47 8.85 3.46 3.46 8.84 3.46h77.31q5.39 0 8.85-3.46t3.46-8.85v-337L487.31-739q-3.08-2.31-7.31-2.31-4.23 0-7.31 2.31L273.85-589.31v337q0 5.39 3.46 8.85t8.84 3.46Zm117.7-319.38h152.3q0-30.08-22.84-49.43-22.85-19.34-53.31-19.34t-53.31 19.34q-22.84 19.35-22.84 49.43ZM363.08-240q5.38 0 8.84-3.46 3.47-3.46 3.47-8.85v-140q0-29.92 21.19-51.11 21.19-21.19 51.11-21.19h64.62q29.92 0 51.11 21.19 21.19 21.19 21.19 51.11v140q0 5.39-3.47 8.85-3.46 3.46-8.84 3.46-5.38 0-8.84-3.46-3.47-3.46-3.47-8.85v-140q0-29.92-21.19-51.11-21.19-21.19-51.11-21.19h-64.62q-29.92 0-51.11 21.19-21.19 21.19-21.19 51.11v140q0 5.39-3.47 8.85-3.46 3.46-8.84 3.46Z'/></svg>");
}
.modal-content .facetwp-facet-buy_type_property .facetwp-radio[data-value^="13"] {
  --btn-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23FFFFFF'><path d='M190.77-136.92q-25.31 0-43.04-17.73Q130-172.39 130-197.69v-418.47q0-25.3 17.73-43.03t43.04-17.73H290v-99.24q0-25.3 17.73-43.03t43.04-17.73h258.46q25.31 0 43.04 17.73T670-776.16v259.24h99.23q25.31 0 43.04 17.73T830-456.16v258.47q0 25.3-17.73 43.04-17.73 17.73-43.04 17.73H530v-160H430v160H190.77Zm-.77-60h100v-100H190v100Zm0-160h100v-100H190v100Zm0-160h100v-100H190v100Zm160 160h100v-100H350v100Zm0-160h100v-100H350v100Zm0-160h100v-100H350v100Zm160 320h100v-100H510v100Zm0-160h100v-100H510v100Zm0-160h100v-100H510v100Zm160 480h100v-100H670v100Zm0-160h100v-100H670v100Z'/></svg>");
}
.modal-content .facetwp-facet-buy_type_property .facetwp-radio[data-value^="14"] {
  --btn-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%231F1F1F'><path d='M900-747.69v535.38q0 29.83-21.24 51.07Q857.52-140 827.69-140H690q-12.75 0-21.38-8.63-8.62-8.63-8.62-21.38 0-12.76 8.62-21.37Q677.25-200 690-200h137.69q5.39 0 8.85-3.46t3.46-8.85v-535.38q0-5.39-3.46-8.85t-8.85-3.46H480q-5.39 0-8.85 3.46t-3.46 8.85v33.46q0 12.75-8.63 21.38-8.63 8.62-21.38 8.62-12.76 0-21.37-8.62-8.62-8.63-8.62-21.38v-34.69q0-29.16 20.96-50.12Q449.61-820 478.77-820h348.92q29.83 0 51.07 21.24Q900-777.52 900-747.69ZM60-472.85q0-17.69 8.04-33.34 8.04-15.66 22.5-25.5l187.69-133.77q9.98-7.18 20.41-10.32 10.43-3.14 21.32-3.14t21.35 3.14q10.45 3.14 20.46 10.32l187.69 133.77q14.46 9.84 22.5 25.5 8.04 15.65 8.04 33.34v260.54q0 29.83-21.24 51.07Q537.52-140 507.69-140h-70q-29.82 0-51.06-21.24-21.24-21.24-21.24-51.07V-330h-90.78v117.69q0 29.83-21.24 51.07Q232.13-140 202.31-140h-70q-29.83 0-51.07-21.24Q60-182.48 60-212.31v-260.54Zm60-.61v261.15q0 5.39 3.46 8.85t8.85 3.46h70q5.38 0 8.84-3.46 3.47-3.46 3.47-8.85v-116.92q0-25.31 17.73-43.04T275.38-390h89.24q25.3 0 43.03 17.73t17.73 43.04v116.92q0 5.39 3.47 8.85 3.46 3.46 8.84 3.46h70q5.39 0 8.85-3.46t3.46-8.85v-261.15q0-3.08-1.35-5.77-1.34-2.69-4.04-4.62L326.92-616.23q-3.07-2.31-6.92-2.31t-6.92 2.31L125.39-483.85q-2.7 1.93-4.04 4.62-1.35 2.69-1.35 5.77Zm510.08-98.23ZM425.38-200v-190H214.62v190-190h210.76v190Zm277.31-404.62h34.62q7.23 0 12.65-5.42t5.42-12.65v-34.62q0-7.23-5.42-12.65t-12.65-5.42h-34.62q-7.23 0-12.65 5.42t-5.42 12.65v34.62q0 7.23 5.42 12.65t12.65 5.42Zm0 160h34.62q7.23 0 12.65-5.42t5.42-12.65v-34.62q0-7.23-5.42-12.65t-12.65-5.42h-34.62q-7.23 0-12.65 5.42t-5.42 12.65v34.62q0 7.23 5.42 12.65t12.65 5.42Zm0 160h34.62q7.23 0 12.65-5.42t5.42-12.65v-34.62q0-7.23-5.42-12.65t-12.65-5.42h-34.62q-7.23 0-12.65 5.42t-5.42 12.65v34.62q0 7.23 5.42 12.65t12.65 5.42Z'/></svg>");
}
.modal-content .facetwp-facet-buy_type_property .facetwp-radio[data-value^="15"] {
  --btn-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%231F1F1F'><path d='M900-747.69v535.38q0 29.83-21.24 51.07Q857.52-140 827.69-140H690q-12.75 0-21.38-8.63-8.62-8.63-8.62-21.38 0-12.76 8.62-21.37Q677.25-200 690-200h137.69q5.39 0 8.85-3.46t3.46-8.85v-535.38q0-5.39-3.46-8.85t-8.85-3.46H480q-5.39 0-8.85 3.46t-3.46 8.85v33.46q0 12.75-8.63 21.38-8.63 8.62-21.38 8.62-12.76 0-21.37-8.62-8.62-8.63-8.62-21.38v-34.69q0-29.16 20.96-50.12Q449.61-820 478.77-820h348.92q29.83 0 51.07 21.24Q900-777.52 900-747.69ZM60-472.85q0-17.69 8.04-33.34 8.04-15.66 22.5-25.5l187.69-133.77q9.98-7.18 20.41-10.32 10.43-3.14 21.32-3.14t21.35 3.14q10.45 3.14 20.46 10.32l187.69 133.77q14.46 9.84 22.5 25.5 8.04 15.65 8.04 33.34v260.54q0 29.83-21.24 51.07Q537.52-140 507.69-140h-70q-29.82 0-51.06-21.24-21.24-21.24-21.24-51.07V-330h-90.78v117.69q0 29.83-21.24 51.07Q232.13-140 202.31-140h-70q-29.83 0-51.07-21.24Q60-182.48 60-212.31v-260.54Zm60-.61v261.15q0 5.39 3.46 8.85t8.85 3.46h70q5.38 0 8.84-3.46 3.47-3.46 3.47-8.85v-116.92q0-25.31 17.73-43.04T275.38-390h89.24q25.3 0 43.03 17.73t17.73 43.04v116.92q0 5.39 3.47 8.85 3.46 3.46 8.84 3.46h70q5.39 0 8.85-3.46t3.46-8.85v-261.15q0-3.08-1.35-5.77-1.34-2.69-4.04-4.62L326.92-616.23q-3.07-2.31-6.92-2.31t-6.92 2.31L125.39-483.85q-2.7 1.93-4.04 4.62-1.35 2.69-1.35 5.77Zm510.08-98.23ZM425.38-200v-190H214.62v190-190h210.76v190Zm277.31-404.62h34.62q7.23 0 12.65-5.42t5.42-12.65v-34.62q0-7.23-5.42-12.65t-12.65-5.42h-34.62q-7.23 0-12.65 5.42t-5.42 12.65v34.62q0 7.23 5.42 12.65t12.65 5.42Zm0 160h34.62q7.23 0 12.65-5.42t5.42-12.65v-34.62q0-7.23-5.42-12.65t-12.65-5.42h-34.62q-7.23 0-12.65 5.42t-5.42 12.65v34.62q0 7.23 5.42 12.65t12.65 5.42Zm0 160h34.62q7.23 0 12.65-5.42t5.42-12.65v-34.62q0-7.23-5.42-12.65t-12.65-5.42h-34.62q-7.23 0-12.65 5.42t-5.42 12.65v34.62q0 7.23 5.42 12.65t12.65 5.42Z'/></svg>");
}

.modal-content .facetwp-facet-buy_type_property .facetwp-radio .facetwp-counter {
  font-size: var(--fz-14);
  font-weight: 500;
  margin: -1px 0 0 0;
}

.modal-content .facetwp-facet-buy_type_property .facetwp-radio .facetwp-display-value {
  padding: 0;
}

@media screen and (max-width: 768px) {
  .modal-content .facetwp-facet-buy_type_property .facetwp-radio {
    justify-content: start;
    flex-direction: row;
    gap: 0 5px;
    width: 100%;
    min-width: auto;
    height: 50px;
    background-size: 28px;
    background-position: left 17px top 50%;
    padding: 0 0 0 55px;
  }
  .modal-content .facetwp-facet-buy_type_property .facetwp-radio .facetwp-counter {
    font-size: var(--fz-12);
  }
}

/* --------------------- 最寄駅 & 所在地 --------------------- */
.modal-content .wrapper :is(.station-change .station-wrapper, .location-change .location-wrapper) {
  display: flex;
  align-items: center;
  gap: 0 50px;
  margin: 15px 0 0 0;
}

.modal-content .wrapper :is(.station-change .station-wrapper, .location-change .location-wrapper) .left {
  font-size: var(--fz-14);
}

.modal-content .wrapper :is(.station-change .station-wrapper, .location-change .location-wrapper) .facetwp-selection-label {
  display: none;
}

.modal-content .wrapper :is(.station-change .station-wrapper, .location-change .location-wrapper) .facetwp-selections {
  display: inline-block;
}

.modal-content .wrapper .station-change .station-wrapper .facetwp-selections li:not([data-facet="buy_train_station_1"]) {
  display: none;
}

.modal-content .wrapper .location-change .location-wrapper .facetwp-selections li:not([data-facet="buy_location_code"]) {
  display: none;
}

.modal-content .wrapper :is(.station-change .station-wrapper, .location-change .location-wrapper) .facetwp-selection-value{
  --svg-color: var(--white-color);
  display: inline-block;
  color: var(--white-color);
  font-size: var(--fz-14);
  line-height: 180%;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="%23FFFFFF" d="M16 17.405l-6.764 6.764q-0.277 0.277-0.696 0.283t-0.709-0.283-0.29-0.703 0.29-0.703l6.764-6.764-6.764-6.764q-0.277-0.277-0.283-0.696t0.283-0.709 0.703-0.29 0.703 0.29l6.764 6.764 6.764-6.764q0.277-0.277 0.696-0.283t0.709 0.283 0.29 0.703-0.29 0.703l-6.764 6.764 6.764 6.764q0.277 0.277 0.283 0.696t-0.283 0.709-0.703 0.29-0.703-0.29l-6.764-6.764z"/></svg>');
  background-size: 14px 14px;
  background-position: right 8px bottom 5.5px;
  background-color: var(--mstyle-sub-color);
  border-radius: 100px;
  padding: 1px 27px 2px 16px;
  margin: 0 8px 1px 0;
}

.modal-content .wrapper :is(.station-change .station-wrapper, .location-change .location-wrapper) .btn {
  flex-shrink: 0;
  font-size: var(--fz-14);
  border: 2px solid var(--mstyle-sub-color);
  border-radius: var(--base-radius);
  padding: 4px 16px 4px 28px;
  position: relative;
  transition: var(--transition-main);
}

.modal-content .wrapper :is(.station-change .station-wrapper, .location-change .location-wrapper) .btn::before {
  position: absolute;
  content: "※選択した他の条件は引き継がれます";
  display: block;
  width: 100%;
  font-size: var(--fz-10);
  white-space: nowrap;
  bottom: -25px;
  left: 0;
}

@media (hover: hover) {
  .modal-content .wrapper :is(.station-change .station-wrapper, .location-change .location-wrapper) .btn:hover {
    opacity: .7;
  }
}

.modal-content .wrapper :is(.station-change .station-wrapper, .location-change .location-wrapper) .btn svg {
  --svg-width: 20px;
  --svg-va: -4.5px;
  margin: 0 0 0 5px;
}

@media screen and (max-width: 768px) {
  .modal-content .wrapper :is(.station-change .station-wrapper, .location-change .location-wrapper) {
    align-items: flex-start;
    flex-direction: column;
    gap: 30px 50px;
  }
  .modal-content .wrapper :is(.station-change .station-wrapper, .location-change .location-wrapper) .btn {
    width: 100%;
    text-align: center;
    padding: 2px 16px 2px 28px;
  }
}

/* --------------------- 価格 --------------------- */
.facetwp-facet-buy_property_price .noUi-pips-horizontal .noUi-value-horizontal {
  font-size: var(--fz-12);
}

.facetwp-facet-buy_property_price .noUi-pips-horizontal > div:nth-child(4) {
  display: none;
}

.facetwp-facet-buy_property_price .noUi-pips-horizontal > .noUi-value-horizontal:last-of-type {
  top: -37px;
}

.facetwp-facet-buy_property_price .noUi-pips-horizontal .noUi-value-horizontal .price-unit {
  font-size: var(--fz-10);
}

.facetwp-facet-buy_property_price .noUi-target {
  width: 70%;
}

@media screen and (max-width: 768px) {
  .modal-content .property_price_fwp_wrapper {
    --mb: 0 0 80px 0;
  }
  .facetwp-facet-buy_property_price .noUi-target {
    width: 97%;
  }
}

/* --------------------- 駅徒歩 --------------------- */
@media screen and (max-width: 768px) {
  .modal-content .station_1_walk_minutes_fwp_wrapper {
    --mb: 0 0 130px 0;
  }
}

/* --------------------- 土地面積 --------------------- */
.land_area_fwp_wrapper .facet-label {
  display: inline-block;
}

.land_area_fwp_wrapper .facet-label::after {
  position: absolute;
  content: "※片方のみ入力でもOK";
  display: block;
  font-size: var(--fz-10);
  font-weight: 400;
  line-height: normal;
  bottom: 5px;
  right: -113px;
}

/* --------------------- 建物面積 --------------------- */
:is(.building_area_fwp_wrapper, .rent_building_area_fwp_wrapper) .facet-label {
  display: inline-block;
}

:is(.building_area_fwp_wrapper, .rent_building_area_fwp_wrapper) .facet-label::after {
  position: absolute;
  content: "※片方のみ入力でもOK";
  display: block;
  font-size: var(--fz-10);
  font-weight: 400;
  line-height: normal;
  bottom: 5px;
  right: -113px;
}

/* --------------------- 間取り --------------------- */
.facet-wrap .facetwp-facet-buy_room_layout.facetwp-type-checkboxes {
  grid-template-columns: repeat(auto-fill, minmax(125px, 1fr));
}

@media screen and (max-width: 768px) {
  .facet-wrap .facetwp-facet-buy_room_layout.facetwp-type-checkboxes {
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  }
}

/* --------------------- 部屋階数、築年数 --------------------- */
@media screen and (max-width: 980px) {
  .facet-slider-modify.room_floor_fwp_wrapper .facetwp-slider-label + div,
    .facet-slider-modify.rent_room_floor_fwp_wrapper .facetwp-slider-label + div,
  .facet-slider-modify.construction_age_fwp_wrapper .facetwp-slider-label + div {
    bottom: 16px;
  }
  .modal-content .other-conditions .facet-slider-modify.room_floor_fwp_wrapper .facetwp-slider-label,
  .modal-content .other-conditions .facet-slider-modify.rent_room_floor_fwp_wrapper .facetwp-slider-label,
  .modal-content .other-conditions .facet-slider-modify.construction_age_fwp_wrapper .facetwp-slider-label {
    top: auto;
    bottom: 121px;
    transform: translate(-50%, 0);
  }
  .modal-content .other-conditions .facet-slider-modify.room_floor_fwp_wrapper .facetwp-facet,
  .modal-content .other-conditions .facet-slider-modify.rent_room_floor_fwp_wrapper .facetwp-facet,
  .modal-content .other-conditions .facet-slider-modify.construction_age_fwp_wrapper .facetwp-facet {
    padding: 93px 22px 65px 22px;
  }
}

/* --------------------- リセットボタン --------------------- */
.all-reset-btn .facetwp-facet {
  text-align: right;
  margin: 0;
}

.all-reset-btn .facetwp-facet button {
  display: inline-block;
  color: var(--white-color);
  font-size: var(--fz-14);
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23FFFFFF"><path d="M292.31-140q-29.83 0-51.07-21.24Q220-182.48 220-212.31V-720h-10q-12.75 0-21.37-8.63-8.63-8.63-8.63-21.38 0-12.76 8.63-21.37Q197.25-780 210-780h150q0-14.69 10.35-25.04 10.34-10.34 25.03-10.34h169.24q14.69 0 25.03 10.34Q600-794.69 600-780h150q12.75 0 21.37 8.63 8.63 8.63 8.63 21.38 0 12.76-8.63 21.37Q762.75-720 750-720h-10v507.69q0 29.83-21.24 51.07Q697.52-140 667.69-140H292.31ZM680-720H280v507.69q0 5.39 3.46 8.85t8.85 3.46h375.38q5.39 0 8.85-3.46t3.46-8.85V-720ZM406.17-280q12.75 0 21.37-8.62 8.61-8.63 8.61-21.38v-300q0-12.75-8.63-21.38-8.62-8.62-21.38-8.62-12.75 0-21.37 8.62-8.61 8.63-8.61 21.38v300q0 12.75 8.62 21.38 8.63 8.62 21.39 8.62Zm147.69 0q12.75 0 21.37-8.62 8.61-8.63 8.61-21.38v-300q0-12.75-8.62-21.38-8.63-8.62-21.39-8.62-12.75 0-21.37 8.62-8.61 8.63-8.61 21.38v300q0 12.75 8.63 21.38 8.62 8.62 21.38 8.62ZM280-720v520-520Z"/></svg>');
  background-color: var(--mstyle-text-color);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: left 21px top 50%;
  border: 2px solid var(--mstyle-sub-color);
  border-radius: var(--base-radius);
  padding: 4px 20px 4px 45px;
  transition: var(--transition-main);
}

@media (hover: hover) {
  .all-reset-btn .facetwp-facet button:hover {
    opacity: .7;
  }
}

@media screen and (max-width: 768px) {
  .all-reset-btn {
    margin: 0 0 35px 0;
  }
  .all-reset-btn .facetwp-facet button {
    color: var(--mstyle-text-color);
    font-size: var(--fz-12);
    text-decoration-line: underline;
    text-decoration-color: var(--mstyle-text-color);
    text-underline-offset: 3px;
    background: none;
    border: none;
    border-radius: 0;
    padding: 0 0 0 22px;
    position: relative;
  }
  .all-reset-btn .facetwp-facet button::before {
    position: absolute;
    content: "";
    display: block;
    width: 19px;
    aspect-ratio: 1;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23333333"><path d="M292.31-140q-29.83 0-51.07-21.24Q220-182.48 220-212.31V-720h-10q-12.75 0-21.37-8.63-8.63-8.63-8.63-21.38 0-12.76 8.63-21.37Q197.25-780 210-780h150q0-14.69 10.35-25.04 10.34-10.34 25.03-10.34h169.24q14.69 0 25.03 10.34Q600-794.69 600-780h150q12.75 0 21.37 8.63 8.63 8.63 8.63 21.38 0 12.76-8.63 21.37Q762.75-720 750-720h-10v507.69q0 29.83-21.24 51.07Q697.52-140 667.69-140H292.31ZM680-720H280v507.69q0 5.39 3.46 8.85t8.85 3.46h375.38q5.39 0 8.85-3.46t3.46-8.85V-720ZM406.17-280q12.75 0 21.37-8.62 8.61-8.63 8.61-21.38v-300q0-12.75-8.63-21.38-8.62-8.62-21.38-8.62-12.75 0-21.37 8.62-8.61 8.63-8.61 21.38v300q0 12.75 8.62 21.38 8.63 8.62 21.39 8.62Zm147.69 0q12.75 0 21.37-8.62 8.61-8.63 8.61-21.38v-300q0-12.75-8.62-21.38-8.63-8.62-21.39-8.62-12.75 0-21.37 8.62-8.61 8.63-8.61 21.38v300q0 12.75 8.63 21.38 8.62 8.62 21.38 8.62ZM280-720v520-520Z"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
  }
}
/* ===============================================================
  検索結果後の「検索条件の変更モーダル」スタイル   ■ END ■
=============================================================== */

/* ===============================================================
  物件検索（月々の支払い額から）by-payment   ■ BEGIN ■
=============================================================== */
.main-page-by-payment .title-wrapper .sec-h2-title {
  margin: 0 0 10px 0;
}

.main-page-by-payment .title-wrapper .text {
  margin: 0 0 60px 0;
}

.main-page-by-payment .title-wrapper .text .underline-deco {
  text-decoration-line: underline;
  text-underline-offset: 3px;
}

.main-page-by-payment .title-wrapper .small {
  display: block;
  color: var(--mstyle-red-color);
  font-size: var(--fz-12);
  line-height: normal;
}

.main-page-by-payment .title-wrapper .small span {
  font-weight: 700;
}

.main-page-by-payment .flow-wrapper {
  margin: 0 0 100px 0;
}

.main-page-by-payment .flow-wrapper h3 {
  --svg-width: 30px;
  --svg-va: -6px;
  font-size: var(--fz-20);
  font-weight: 700;
  margin: 0 0 5px 0;
}

.main-page-by-payment .flow-1 h3 {
  margin: 0 0 35px 0;
}

.main-page-by-payment .flow {
  display: flex;
  gap: 0 26px;
}

.main-page-by-payment .flow .left {
  width: 58px;
}

.main-page-by-payment .flow .right {
  flex: 1;
  display: flex;
  gap: 0 70px;
}

.main-page-by-payment .flow .right .wrapper {
  flex: 1;
}

.main-page-by-payment .flow .input-wrapper {
  display: flex;
  gap: 0 5px;
  margin: 18px 0 0 0;
}

.main-page-by-payment .flow .input {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.main-page-by-payment .flow .input input,
.main-page-by-payment .flow .input .loan-result {
  width: 135px;
  font-size: var(--fz-24);
  font-weight: 700;
  text-align: center;
  border: 2px solid var(--mstyle-main-color);
  border-radius: var(--base-radius);
  padding: 5px 10px;
}

.main-page-by-payment .flow .input input:not(:placeholder-shown),
.main-page-by-payment .flow .input .loan-result:not(:placeholder-shown) {
  background: var(--mstyle-light-green-color) !important;
}

.main-page-by-payment .flow .input-wrapper .unit {
  width: 64px;
  font-weight: 700;
  margin: 38px 0 0 0;
}

.main-page-by-payment .flow .input-wrapper .only-sp {
  display: none;
}

.main-page-by-payment .flow-1 .monthly-payment-sp {
  display: none;
}

.main-page-by-payment .flow-2 .input-wrapper {
  margin: 0;
}

.main-page-by-payment .flow-2 .input-wrapper .lower {
  font-size: var(--fz-12);
}

.main-page-by-payment .flow-3 .wrapper .only-sp {
  display: none;
}

.main-page-by-payment .flow-3 .wrapper .attention {
  display: block;
  font-size: var(--fz-12);
  line-height: 16px;
  margin: 0 0 8px 0;
  opacity: .85;
}

.main-page-by-payment .flow-3 .wrapper button {
  display: block;
  font-size: var(--fz-14);
  font-weight: 700;
  padding: 0 0 0 8px;
  position: relative;
}

.main-page-by-payment .flow-3 .wrapper button::before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: var(--mstyle-text-color);
  bottom: 0;
  left: 0;
}

.main-page-by-payment .flow-3 .wrapper button svg {
  --svg-width: 24px;
  margin: 0 0 -6px 5px;
}

.main-page-by-payment .lined-btn-area .btn-large-any {
  --btn-large-any-color: var(--white-color);
  --btn-large-any-bgcolor: var(--mstyle-sub-color);
}

@media screen and (max-width: 768px) {
  .main-page-by-payment .title-wrapper .text {
    margin: 0 0 30px 0;
  }
  .main-page-by-payment .title-wrapper .small {
    margin: 8px 0 0 0;
  }
  .main-page-by-payment .flow {
    align-items: center;
    gap: 0 18px;
  }
  .main-page-by-payment .flow .right {
    flex-direction: column;
  }
  .main-page-by-payment .flow .right .wrapper {
    flex: 0 1 auto;
  }
  .main-page-by-payment .flow-wrapper h3 {
    --svg-width: 30px;
    font-size: var(--fz-16);
    margin: 0 0 5px 0;
  }
  .main-page-by-payment .slider-wrapper {
    display: none;
  }
  .main-page-by-payment .flow .input-wrapper {
    align-items: flex-end;
    margin: 0;
  }
  .main-page-by-payment .flow .input input, .main-page-by-payment .flow .input .loan-result {
    height: 55px;
  }
  .main-page-by-payment .flow-1 .input {
    display: none;
  }
  .main-page-by-payment .flow-1 .monthly-payment-sp {
    display: block;
  }
  .main-page-by-payment .flow-1 .select-tag-wrapper {
    position: relative;
  }
  .main-page-by-payment .flow-1 .select-tag-wrapper::before {
    position: absolute;
    content: "";
    display: block;
    width: 24px;
    aspect-ratio: 1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%235A9C6E' d='M17.262 16l-5.431-5.431q-0.277-0.277-0.283-0.696t0.283-0.709 0.703-0.29 0.703 0.29l5.992 5.992q0.187 0.187 0.264 0.395t0.077 0.449-0.077 0.449-0.264 0.395l-5.992 5.992q-0.277 0.277-0.696 0.283t-0.709-0.283-0.29-0.703 0.29-0.703l5.431-5.431z'/%3E%3C/svg%3E");
    bottom: 15px;
    right: 12px;
    rotate: 90deg;
    z-index: 10;
    pointer-events: none;
    transition: var(--transition-main);
  }
  .main-page-by-payment .flow-1 .select-tag-wrapper::after {
    position: absolute;
    content: "";
    display: block;
    width: 2px;
    height: 30px;
    background: var(--mstyle-main-color);
    bottom: 50%;
    right: 45px;
    transform: translate(0, 50%);
    pointer-events: none;
  }
  .main-page-by-payment .flow-1 .select-tag-wrapper select {
    width: 180px;
    height: 55px;
    font-size: var(--fz-20);
    font-family: var(--font-family-nsjp);
    font-weight: 700;
    text-align: start;
    background: var(--mstyle-light-green-color);
    border: 2px solid var(--mstyle-main-color);
    box-shadow: none;
    padding: 0 0 0 25px;
    position: relative;
  }
  .main-page-by-payment .flow-1 .select-tag-wrapper.open::before {
    rotate: -90deg;
  }

/* 






.select-tag-wrapper .wpcf7-form-control-wrap::after {
  position: absolute;
  content: "";
  display: block;
  width: 2px;
  height: 30px;
  background: var(--mstyle-sub-grey-color);
  bottom: -4px;
  right: 45px;
  pointer-events: none;
} */


  .main-page-by-payment .flow-2 .wrapper p {
    display: none;
  }
  .main-page-by-payment .flow-2 .right {
    margin: 0 0 28px 0;
  }
  .main-page-by-payment .flow-2 .input-wrapper {
    position: relative;
  }
  .main-page-by-payment .flow-2 .input-wrapper::after {
    position: absolute;
    content: "※「0万円」のまま検索することも可能です！";
    display: block;
    font-size: var(--fz-10);
    white-space: nowrap;
    bottom: -24px;
    left: 0;
  }
  .main-page-by-payment .flow-2 .input-wrapper .upper {
    display: none;
  }
  .main-page-by-payment .flow-2 .input-wrapper .lower {
    display: none;
  }
  .main-page-by-payment .flow .input-wrapper .unit {
    display: none;
  }
  .main-page-by-payment :is(.flow-2, .flow-3) .input-wrapper .unit {
    display: inline-block;
    margin: 0 0 6px 0;
  }
  .main-page-by-payment .flow .input-wrapper .only-sp {
    display: inline;
    font-weight: 700;
    margin: 0 0 6px 0;
  }
  .main-page-by-payment .flow-3 .right {
    display: flex;
    flex-direction: column;
  }
  .main-page-by-payment .flow-3 h3 {
    order: 1;
  }
  .main-page-by-payment .flow-3 .input-wrapper {
    order: 2;
  }
  .main-page-by-payment .flow-3 .attention {
    order: 3;
  }
  .main-page-by-payment .flow-3 .additional-cost-btn {
    order: 4;
  }
  .main-page-by-payment .flow-3 .wrapper {
    display: contents;
  }
  .main-page-by-payment .flow-3 .wrapper .only-sp {
    display: inline;
    font-size: var(--fz-12);
    font-weight: 500;
  }
  .main-page-by-payment .flow-3 .wrapper p {
    display: none;
  }
  .main-page-by-payment .flow-3 .wrapper .attention {
    font-size: var(--fz-10);
    line-height: normal;
  }
  .main-page-by-payment .flow-3 .wrapper button {
    width: 132px;
  }
  .main-page-by-payment .flow-3 .wrapper button svg {
    --svg-width: 20px;
    margin: 0 0 -4.5px 5px;
  }
  .main-page-by-payment .flow-3 .input-wrapper {
    margin: 0 0 3px 0;
  }
  .main-page-by-payment .flow-3 .input-wrapper .budget {
    display: none;
  }
  .main-page-by-payment .flow-3 .input .loan-result {
    display: grid;
    place-items: center;
  }
}


/* ---------------- by-paymentページのmodal ■ BEGIN ■---------------- */
.by-payment-modal .modal-content {
  --btn-large-any-color: var(--white-color);
  --btn-large-any-bgcolor: var(--mstyle-sub-color);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 65%;
  height: auto;
  padding: 35px 65px 50px 65px;
  margin: 0;
  overflow: visible;
}

.by-payment-modal .title {
  display: flex;
  align-items: center;
  gap: 0 5px;
}

.by-payment-modal .title figure {
  width: 65px;
}

.by-payment-modal .title h2 {
  background: none;
  padding: 0;
  margin: 0;
}

.by-payment-modal .para1 {
  line-height: 150%;
  margin: 0 0 20px 0;
}

.by-payment-modal .para2 {
  line-height: 150%;
}

.by-payment-modal .para3 {
  font-size: var(--fz-12);
  line-height: normal;
  margin: 0 0 30px 0;
}

.by-payment-modal .lined-btn-area {
  flex-wrap: wrap;
  gap: 15px 35px;
}

@media (max-width: 1023px) and (min-width: 769px) {
  .by-payment-modal .lined-btn-area {
    flex-wrap: wrap;
    gap: 15px 35px;
  }
}

@media screen and (max-width: 768px) {
  .by-payment-modal .modal-content {
    width: 92%;
    padding: 20px 30px 45px 30px;
  }
  .by-payment-modal .title {
    flex-direction: column;
    margin: 0 0 20px 0;
  }
  .by-payment-modal .title figure {
    width: 96px;
  }
  .by-payment-modal .title h2 {
    font-size: var(--fz-16);
  }
  .by-payment-modal .para1 {
    font-size: var(--fz-14);
    line-height: 170%;
  }
  .by-payment-modal .para2 {
    font-size: var(--fz-14);
    background: var(--mstyle-light-brown-color);
    border-radius: var(--base-radius);
    padding: 10px 16px;
    margin: 0 0 3px 0;
  }
  .by-payment-modal .lined-btn-area .modal-close {
    min-width: 250px;
  }
  .by-payment-modal .lined-btn-area a {
    width: 250px;
    min-width: 250px;
  }
}

/* ---------------- by-paymentページのmodal ■ END ■---------------- */

/* ---------------- Slider ■ BEGIN ■---------------- */
.main-page-by-payment .slider-wrapper {
  position: relative;
  margin: 0 0 0 27px;
}

.main-page-by-payment .ui-widget.ui-widget-content {
  font-family: var(--font-family-nsjp);
  border: 2px solid var(--mstyle-light-grey-color);
  border-radius: 0;
}

.main-page-by-payment .ui-slider-horizontal {
  height: 10px;
}

.main-page-by-payment .ui-widget-header {
  background: var(--mstyle-main-color);
}

.main-page-by-payment .ui-widget-content .ui-state-default {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="10" cy="10" r="9" stroke="white" stroke-width="1.5"/></svg>');
  background-color: var(--mstyle-sub-color);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
  border-radius: 50%;
  border: none;
  top: -9px;
  cursor: grab;
  position: relative;
  z-index: 100;
}

.main-page-by-payment .slider-labels {
  position: absolute;
  width: 100%;
  bottom: -12px;
  left: -30px;
}

.main-page-by-payment .slider-labels .pips {
  position: absolute;
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 60px;
  font-weight: 700;
  line-height: normal;
  white-space: nowrap;
}

.main-page-by-payment .slider-labels .pips::before {
  position: absolute;
  content: "";
  display: block;
  width: 5px;
  height: 20px;
  background: var(--mstyle-sub-color);
  border-radius: var(--base-radius);
  top: -27px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 50;
}

.main-page-by-payment .slider-labels .unit {
  font-size: var(--fz-12);
  font-weight: 400;
}

/* ---------------- Slider ■ END ■---------------- */


@media (max-width: 1023px) and (min-width: 769px) {
  .main-page-by-payment .lined-btn-area {
    gap: 25px 35px;
    flex-wrap: wrap;
  }
  .main-page-by-payment .lined-btn-area::after {
    content: "";
    display: inline-block;
    width: 316px;
    height: 60px;
  }
}

@media screen and (max-width: 768px) {
  .main-page-by-payment .lined-btn-area {
    flex-wrap: wrap;
    gap: 45px 0;
  }
  .main-page-by-payment .lined-btn-area::after {
    content: none;
  }
}

/* ===============================================================
  検索結果（予算＞エリア）search-by-payment-by-area-results
=============================================================== */
.facetwp-facet-buy_property_price_monthly {
  display: none;
}

.property_price_by_monthly_fwp_wrapper .facet-wrap {
  margin: 0;
}

.property_price_by_monthly_fwp_wrapper .facet-label {
  display: inline-block;
  position: relative;
}

.property_price_by_monthly_fwp_wrapper .facet-label::after {
  position: absolute;
  content: "※月々の支払額と頭金から購入の目安となる物件価格を算出";
  display: block;
  font-size: var(--fz-12);
  font-weight: 500;
  white-space: nowrap;
  right: -5px;
  bottom: 4.5px;
  transform: translate(100%, 0);
}

.property_price_by_monthly_fwp_wrapper .layout {
  display: flex;
  gap: 0 30px;
}

.property_price_by_monthly_fwp_wrapper .input-wrapper {
  display: flex;
  align-items: flex-end;
  gap: 0 5px;
  text-align: center;
  margin: 0 0 25px 0;
}

.property_price_by_monthly_fwp_wrapper .input-wrapper .title {
  font-size: var(--fz-12);
}

.property_price_by_monthly_fwp_wrapper .input-wrapper input {
  display: grid;
  place-items: center;
  width: 135px;
  font-size: var(--fz-20);
  font-family: var(--font-family-lato);
  font-weight: 500;
}

.property_price_by_monthly_fwp_wrapper .input-wrapper .unit {
  font-size: var(--fz-14);
  font-weight: 500;
}

.property_price_by_monthly_fwp_wrapper .input-wrapper .loan-result {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 3px;
  width: 180px;
  height: 42px;
  font-size: var(--fz-20);
  font-weight: 500;
  background: var(--mstyle-light-green-color);
  border-radius: var(--base-radius);
}

.property_price_by_monthly_fwp_wrapper .input-wrapper .loan-result .unit {
  font-size: var(--fz-12);
  margin: 6px 0 0 0;
}

.property_price_by_monthly_fwp_wrapper .attention {
  font-size: var(--fz-12);
  line-height: 120%;
  padding: 0 0 0 14px;
  opacity: .85;
  position: relative;
}

.property_price_by_monthly_fwp_wrapper .attention::before {
  position: absolute;
  content: "※";
  display: block;
  left: 0;
  top: 0;
}

.property_price_by_monthly_fwp_wrapper .re-search {
  display: block;
  width: 100%;
  color: var(--white-color);
  font-weight: 700;
  text-align: center;
  background: var(--mstyle-sub-color);
  border-radius: var(--base-radius);
  padding: 5px 0;
  margin: 0 0 8px 0;
}

.property_price_by_monthly_fwp_wrapper .re-search svg {
  --svg-width: 20px;
  --svg-color: var(--white-color);
  --svg-va: -4.5px;
  margin: 0 3px 0 0;
}

@media (max-width: 1023px) and (min-width: 769px) {
  .property_price_by_monthly_fwp_wrapper .layout {
    justify-content: center;
    gap: 0 20px;
  }
}

@media screen and (max-width: 768px) {
  .property_price_by_monthly_fwp_wrapper .facet-label::after {
    content: none;
  }
  .property_price_by_monthly_fwp_wrapper .layout {
    flex-wrap: wrap;
  }
  .property_price_by_monthly_fwp_wrapper .layout {
    gap: 0 20px;
  }
  .property_price_by_monthly_fwp_wrapper .input-wrapper {
    flex: 1;
    min-width: 40%;
    margin: 0 0 15px 0;
  }
  .property_price_by_monthly_fwp_wrapper .input-wrapper:last-child {
    margin: 0 0 25px 0;
  }
  .property_price_by_monthly_fwp_wrapper .input-wrapper > div {
    flex: 1;
  }
  .property_price_by_monthly_fwp_wrapper .input-wrapper input {
    width: 100%;
  }
  .property_price_by_monthly_fwp_wrapper .input-wrapper .unit {
    font-size: var(--fz-12);
    white-space: nowrap;
  }
  .property_price_by_monthly_fwp_wrapper .input-wrapper .loan-result {
    width: 100%;
  }
  .property_price_by_monthly_fwp_wrapper .re-search {
    font-weight: 500;
  }
}

/* ===============================================================
  ★賃貸★ 検索結果（エリア）rent-search-by-area-results
=============================================================== */
.rent-property-box {
  background: var(--white-color);
  box-shadow: var(--box-shadow-card);
  padding: 0;
  margin: 0 0 100px 0;
  overflow: initial;
  position: initial;
}

.rent-property-box .only-sp {
  display: none;
}

.rent-property-box .building-summary {
  background: var(--mstyle-light-grey-color);
  border-radius: 8px 8px 0 0;
  padding: 35px 45px 40px 76px;
  position: relative;
}

.rent-property-box .request-docs-checkbox {
  border-radius: 8px 0 0 0;
}

.rent-property-box .building-summary .title-area {
  display: flex;
  align-items: center;
  gap: 0 22px;
  line-height: normal;
  margin: 0 0 20px 0;
}

.rent-property-box .building-summary .title-area .type {
  color: var(--white-color);
  font-size: var(--fz-14);
  background: var(--mstyle-sub-brown-color);
  border-radius: var(--base-radius);
  padding: 5px 20px;
}

.rent-property-box .building-summary .title-area .property-name {
  font-size: var(--fz-24);
  font-weight: 700;
}

.rent-property-box .building-summary .pic-info-area .main-pic {
  margin: 0;
}

.rent-property-box .building-summary .pic-info-area .right {
  display: block;
}

.rent-property-box .building-summary .pic-info-area .right .wrapper {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 16px 0;
  height: 100%;
}

.rent-property-box .building-summary .pic-info-area .detail .info svg {
  --svg-width: 22px;
  --svg-va: -5px;
  margin: 0 5px 0 0;
}

.rent-property-box .building-summary .pic-info-area .comment {
  flex-grow: 1;
  display: flex;
  align-items: center;
  background: var(--mstyle-light-brown-color);
  margin: 0;
}

.rent-property-box .room-cards .room-card {
  line-height: normal;
  border-top: 2px solid var(--white-color);
  position: relative;
}

.rent-property-box .room-cards .room-card:last-child {
  border-radius: 0 0 8px 8px;
}

.rent-property-box .room-cards .room-card .rq-docs-btn {
  display: grid;
  place-items: center;
  min-width: 30px;
  background: var(--mstyle-main-color);
  border-top: 2px solid var(--white-color);
  transition: var(--transition-main);
}

.rent-property-box .room-cards .room-card .rq-docs-btn input {
  margin: 0 0 0 .5px;
}

.rent-property-box .room-cards .room-card .rq-docs-btn:has(input:checked) {
  background-color: var(--mstyle-red-color);
}

.rent-property-box .room-cards .room-card:last-child .rq-docs-btn {
  border-radius: 0 0 0 8px;
}

.rent-property-box .room-cards .room-card .overlay-link {
  position: absolute;
  display: block;
  width: calc(100% - 30px);
  height: 100%;
  top: 0;
  right: 0;
  z-index: 10;
}

.rent-property-box .room-cards .room-card:nth-child(2n+1) {
  background: var(--white-color);
}

.rent-property-box .room-cards .room-card {
  display: flex;
}

.rent-property-box .room-cards .room-card:nth-child(2n) {
  background: var(--mstyle-light-grey-color);
}

.rent-property-box .room-cards .room-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 16px 45px;
  transition: var(--transition-main);
}
@media (hover: hover) {
  .rent-property-box .room-cards .room-card:hover .room-info {
    background: var(--mstyle-light-brown-color);
  }
}

.rent-property-box .room-cards .room-info .left {
  display: flex;
  align-items: center;
  gap: 0 45px;
  text-align: center;
}

.rent-property-box .room-cards .room-info .left > * {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 3px 0;
}

.rent-property-box .room-cards .room-info .left .floor .lower {
  font-size: var(--fz-12);
}

.rent-property-box .room-cards .room-info .left .square .upper .small {
  font-size: calc(1em * (10 / 14));
}

.rent-property-box .room-cards .room-info .left .square .lower {
  font-size: var(--fz-12);
}

.rent-property-box .room-cards .room-info .center {
  display: flex;
  align-items: center;
  gap: 0 56px;
}

.rent-property-box .room-cards .room-info .center .pic {
  flex-shrink: 0;
  width: 150px;
  aspect-ratio: 3 / 2;
  background: var(--white-color);
  border-radius: var(--base-radius);
  overflow: hidden;
}

.rent-property-box .room-cards .room-info .center .rent {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 5px 0;
  min-width: 79.5px;
}

.rent-property-box .room-cards .room-info .center .rent .upper {
  font-size: var(--fz-14);
  font-weight: 700;
}

.rent-property-box .room-cards .room-info .center .rent .lower .num {
  color: var(--mstyle-main-color);
  font-size: var(--fz-32);
  font-weight: 700;
  margin: 0 -3px 0 0;
}

.rent-property-box .room-cards .room-info .center .cost {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 8px 0;
}

.rent-property-box .room-cards .room-info .center .cost li {
  display: flex;
  align-items: center;
  gap: 0 15px;
}

.rent-property-box .room-cards .room-info .center .cost .icon {
  display: grid;
  place-items: center;
  width: 24px;
  aspect-ratio: 1;
  font-size: var(--fz-12);
  background: var(--mstyle-light-green-color);
  border-radius: calc(var(--base-radius) / 2);
}

.rent-property-box .room-cards .room-info .center .cost .item {
  font-weight: 500;
}

.rent-property-box .room-cards .room-info .center .cost .ff-lato {
  font-size: var(--fz-14);
}

.rent-property-box .room-cards .room-info .center .cost .ff-noto {
  font-size: var(--fz-14);
}

.rent-property-box .room-cards .room-info .center .cost .unit {
  font-size: var(--fz-10);
  font-weight: 400;
  margin: 0 0 0 3px;
  vertical-align: 1.3px;
}

.rent-property-box .room-cards .room-info .right .upper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0 8px;
  margin: 0 0 7px 0;
  position: relative;
  z-index: 20;
}

.rent-property-box .room-cards .room-info .right .upper > * {
  --svg-width: 24px;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  background: var(--mstyle-light-grey-color);
  border-radius: var(--base-radius);
}

.rent-property-box .room-cards .room-info .right .upper .favorite {
  position: initial;
}

.rent-property-box .room-cards .room-info .right .upper .favorite button {
  --svg-width: 32px;
  --svg-color: var(--mstyle-sub-grey-color);
  width: auto;
  height: auto;
  background: none;
}

.rent-property-box .room-cards .room-card:nth-child(2n) .room-info .right .upper > * {
  background: var(--white-color);
}

.rent-property-box .room-cards .room-info .right .upper .favorite:has(button.active) {
  opacity: 1;
  background: var(--mstyle-orange-color);
}
.rent-property-box .room-cards .room-info .right .upper .favorite button.active {
  --svg-color: var(--white-color);
}

.rent-property-box .room-cards .room-info .right .lower a {
  --svg-width: 16px;
  --svg-color: var(--white-color);
  --svg-va: -3px;
  display: block;
  width: 100%;
  color: var(--white-color);
  font-size: var(--fz-12);
  text-align: center;
  background: var(--mstyle-sub-color);
  border-radius: var(--base-radius);
  padding: 8px 0;
}

/* モーダル内 */
.main-page-rent-search-results .modal-content .wrapper .station-change .station-wrapper .facetwp-selections li:not([data-facet="buy_train_station_1"]) {
  display: initial;
}

.main-page-rent-search-results .modal-content .wrapper .station-change .station-wrapper .facetwp-selections li:not([data-facet="rent_train_station_1"]) {
  display: none;
}

.main-page-rent-search-results .modal-content .wrapper .location-change .location-wrapper .facetwp-selections li:not([data-facet="buy_location_code"]) {
  display: initial;
}

.main-page-rent-search-results .modal-content .wrapper .location-change .location-wrapper .facetwp-selections li:not([data-facet="rent_location_code"]) {
  display: none;
}


@media screen and (max-width: 980px) {
  .rent-property-box {
    margin: 0 0 50px 0;
  }
  .rent-property-box .only-pc {
    display: none;
  }
  .rent-property-box .only-sp {
    display: block;
  }
  .rent-property-box  .only-sp .type::before {
    content: none;
  }
  .rent-property-box .building-summary {
    background: var(--white-color);
    padding: 0;
  }
  .rent-property-box .building-summary .title-area {
    padding: 55px 16px 0 16px;
    margin: 0 0 18px 0;
    position: relative;
  }
  .rent-property-box .building-summary .title-area .type {
    position: absolute;
    top: 0;
    left: 0;
    display: grid;
    place-items: center;
    width: 100%;
    height: 30px;
    color: var(--white-color);
    font-size: var(--fz-12);
    line-height: normal;
    background: var(--mstyle-main-color);
    border-radius: 8px 8px 0 0;
  }
  .rent-property-box .building-summary .title-area .property-name {
    font-size: var(--fz-16);
    margin: 0;
  }
  .rent-property-box .building-summary .pic-info-area {
    display: block;
    padding: 0 16px 25px 16px;
  }
  .rent-property-box .building-summary .pic-info-area .layout {
    display: flex;
    align-items: stretch;
    gap: 0 20px;
    margin: 0 0 25px 0;
  }
  .rent-property-box .building-summary .pic-info-area .layout > * {
    flex: 1;
    display: flex;
    flex-direction: column;
  }
  .rent-property-box .building-summary .pic-info-area .layout .comment span {
    -webkit-line-clamp: 4;
  }
  .rent-property-box .building-summary .pic-info-area .detail {
    font-size: var(--fz-14);
    padding: 0;
  }
  .rent-property-box .building-summary .pic-info-area .detail .info {
    gap: 6px 0;
  }
  .rent-property-box .building-summary .pic-info-area .detail .info svg {
    margin: 0 3px 0 0;
  }
  .rent-property-box .room-cards .room-card {
    flex-direction: column;
    border-top: none;
  }
  .rent-property-box .room-cards .room-card:nth-child(2n) {
    background: var(--white-color);
  }
  .rent-property-box .room-cards .room-card .overlay-link {
    width: 100%;
    height: calc(100% - 30px);
    top: auto;
    bottom: 0;
  }
  .rent-property-box .room-card .card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--mstyle-light-green-color);
    border-top: 2px solid var(--mstyle-main-color);
    padding: 4px 12px 4px 18px;
  }
  .rent-property-box .room-cards .room-card .rq-docs-btn:has(input:checked) {
    background-color: initial;
  }
  .rent-property-box .room-card .card-header .rq-docs-btn input:checked {
    background-color: var(--mstyle-red-color) !important;
    border: none !important;
    border-radius: 3px;
  }
  .rent-property-box .room-card .card-header .rq-docs-btn input[type="checkbox"]:checked::after {
    left: 6.4px;
    top: 3px;
  }
  .rent-property-box .room-card .card-header .info-area {
    display: flex;
    align-items: flex-end;
    gap: 0 12px;
  }
  .rent-property-box .room-card .card-header .info-area .floor {
    font-weight: 700;
  }
  .rent-property-box .room-card .card-header .info-area .floor .main {
    font-size: var(--fz-12);
  }
  .rent-property-box .room-card .card-header .info-area .floor .sub {
    display: inline-block;
    font-size: var(--fz-10);
    margin: 0 -6px 0 -6px;
    vertical-align: -.5px;
  }
  .rent-property-box .room-card .card-header .info-area .ldk {
    font-size: var(--fz-12);
    margin: 0 0 1px 0;
    position: relative;
  }
  .rent-property-box .room-card .card-header .info-area .ldk::before {
    position: absolute;
    content: "";
    display: block;
    width: 1px;
    height: 13px;
    background: var(--mstyle-text-color);
    bottom: 1.5px;
    left: -6px;
    rotate: 20deg;
  }
  .rent-property-box .room-card .card-header .info-area .ldk::after {
    position: absolute;
    content: "";
    display: block;
    width: 1px;
    height: 12px;
    background: var(--mstyle-text-color);
    bottom: 1.5px;
    right: -7px;
    rotate: 20deg;
  }
  .rent-property-box .room-card .card-header .info-area .square {
    font-size: var(--fz-12);
    margin: 0 0 1px 0;
  }
  .rent-property-box .room-card .card-header .info-area .square :is(.small, .unit) {
    font-size: calc(1em * (10 / 12));
  }
  .rent-property-box .room-card .card-header .btn-area {
    display: flex;
    align-items: center;
    gap: 0 16px;
  }
  .rent-property-box .room-cards .room-card .card-header .rq-docs-btn {
    min-width: auto;
    border-radius: 0;
    background: none;
    border-top: none;
  }
  .rent-property-box .room-cards .room-card .card-header .rq-docs-btn input {
    width: 18px;
  }
  .rent-property-box .room-cards .room-card .card-header .favorite {
    position: initial;
  }
  .rent-property-box .room-cards .room-card .card-header .favorite button {
    --svg-width: 14px;
    width: 18px;
    height: 18px;
    border-radius: 3px;
  }
  .rent-property-box .room-cards .room-info {
    gap: 0 6%;
    padding: 10px 12px;
  }
  .rent-property-box .room-cards .room-info .center {
    flex: 1;
    justify-content: space-between;
    gap: 0 10%;
  }
  .rent-property-box .room-cards .room-info .center .pic {
    width: 90px;
    background: var(--mstyle-light-grey-color);
  }
  .rent-property-box .room-cards .room-info .center .rent {
    font-size: var(--fz-10);
    gap: 0;
    min-width: initial;
  }
  .rent-property-box .room-cards .room-info .center .rent .num {
    color: var(--mstyle-sub-color);
    font-size: calc(1em * (18 / 10));
    font-weight: 700;
  }
  .rent-property-box .room-cards .room-info .center .cost {
    gap: 2px 0;
  }
  .rent-property-box .room-cards .room-info .center .cost li {
    gap: 0 8px;
  }
  .rent-property-box .room-cards .room-info .center .cost .icon {
    width: 18px;
    font-size: var(--fz-10);
    padding: 0 0 1.5px 0;
  }
  .rent-property-box .room-cards .room-info .center .cost .item {
    display: grid;
    place-items: center;
  }
  .rent-property-box .room-cards .room-info .center .cost .ff-noto {
    font-size: var(--fz-12);
    font-weight: 400;
  }
  .rent-property-box .room-cards .room-info .center .cost .unit {
    vertical-align: .25px;
  }
  .rent-property-box .room-cards .room-info .right a {
    --svg-width: 12px;
    --svg-color: var(--white-color);
    display: grid;
    place-items: center;
    width: 14px;
    height: 14px;
    background: var(--mstyle-sub-color);
    border-radius: 50px;
  }
}

@media (max-width: 980px) and (min-width: 768px) {
  .rent-property-box .room-cards .room-info .center .rent {
    font-size: var(--fz-14);
    align-items: flex-end;
    flex-direction: row;
    gap: 0 3px;
    min-width: initial;
  }
  .rent-property-box .room-cards .room-info .center .rent .num {
    margin: 0 0 -1px 0;
  }
  .rent-property-box .room-cards .room-info .center .cost {
    gap: 2px 25px;
    flex-direction: initial;
  }
}


/* ===============================================================
  エリアや最寄駅を選択した時に検索ボタンを表示する
=============================================================== */
@media (max-width: 768px) {
  .fixed-search-button {
    position: fixed;
    bottom: -80px;
    left: 0;
    width: 100%;
    text-align: center;
    background: var(--mstyle-light-grey-color);
    padding: 12px 12px;
    box-shadow: var(--box-shadow-n1);
    transition: var(--transition-main);
    z-index: 1000;
  }
  .fixed-search-button.show {
    bottom: 0;
  }
  .fixed-search-button button {
    width: 100%;
    max-width: 320px;
    border-radius: 8px;
    padding: 16px 0;
  }
}