/****************
アーカイブ
****************/
.modelhouse-archive {
  padding-bottom: clamp(40px, 9.375vw, 150px);
}

.modelhouse__swiper {
  position: static;
}

.swiper-pagination.--type2 {
  display: flex;
  position: static;
  padding-top: 34px;
  align-items: center;
  font-size: 0;
}

.swiper-pagination.--center {
  justify-content: center;
}

.swiper-pagination.--type2 .swiper-pagination-bullet {
  width: 60px;
  max-width: 100%;
  height: 1px;
  background: #64625e;
  border-radius: 0;
  opacity: 1;
}

.swiper-pagination.--type2 .swiper-pagination-bullet-active {
  background: #64625e;
  height: 3px;
}

.swiper-pagination.--type2 .swiper-pagination-bullet {
  margin: 0 5px;
}

.modelhouse-single__gallery {
  padding-top: clamp(30px, 3.125vw, 50px);
  padding-bottom: clamp(60px, 8.125vw, 130px);
}

.modelhouse-archive__inner {
  max-width: 1382px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.swiper-slide__thum-ph {
  background-position: center center;
  background-size: cover;
}

.modelhouse__swiper .swiper-slide img,
.modelhouse-gallery .swiper-slide img {
  border-radius: 20px;
  display: block;
}

.modelhouse-list__inner {
  width: 100%;
  max-width: 1050px;
  margin: 0 auto;
}

.modelhouse-list__wrap {
  position: relative;
}

/* 前への矢印 */
.modelhouse__button-prev {
  left: 0;
}

/* 次への矢印 */
.modelhouse__button-next {
  right: 0;
}

/* 前へ次への矢印カスタマイズ */
.modelhouse__button-prev,
.modelhouse__button-next {
  width: clamp(31px, 7.142vw, 70px);
  height: clamp(63px, 13.265vw, 130px);
  top: 40%;
  z-index: 1;
}

/* 前へ次への矢印カスタマイズ */
.modelhouse__button-prev:after,
.modelhouse__button-next:after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  width: clamp(23px, 6.326vw, 62px);
  height: clamp(55px, 12.448vw, 122px);
  margin: auto;
}

/* 前への矢印カスタマイズ */

.modelhouse__button-prev:after {
  background-image: url("../imgs_new/common/slide_arrow_prev.png");
}

/* 次への矢印カスタマイズ */
.modelhouse__button-next:after {
  background-image: url("../imgs_new/common/slide_arrow_next.png");
}

.modelhouse-list__item {
  padding-bottom: clamp(40px, 7.5vw, 120px);
}
.modelhouse-list__item:not(:last-child) {
  /* padding-bottom: clamp(40px, 7.5vw, 120px); */
  margin-bottom: clamp(40px, 7.5vw, 120px);
}

.modelhouse-list__item-title {
  text-align: center;
  font-size: clamp(20px, 2.0625vw, 33px);
  font-weight: bold;
  margin-bottom: 30px;
}

.modelhouse-list__desc {
  text-align: center;
  font-size: clamp(14px, 1.0625vw, 17px);
  margin-top: clamp(25px, 3.125vw, 50px);
  line-height: 1.6;
}

.modelhouse-list__btnWrap {
  margin-top: clamp(25px, 3.125vw, 50px);
  display: flex;
  justify-content: center;
  gap: 20px 48px;
}

.modelhouse-btn1,
.modelhouse-btn2 {
  font-size: clamp(16px, 2.244vw, 22px);
  font-weight: 700;
  text-align: center;
  pointer-events: all;
  position: relative;
  display: block;
  width: 100%;
  max-width: 326px;
  padding-top: clamp(15px, 9.1%, 29px);
  padding-bottom: clamp(15px, 9.1%, 29px);
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 10px;
  transition: all 0.3s;
}

.modelhouse-btn1 {
  border: 1px solid #fff;
  background-color: #fff;
}

.modelhouse-btn2 {
  color: #fff;
  border: 1px solid #b7a958;
  background-color: #b7a958;
}

.modelhouse-btn1:hover {
  color: #fff;
  background-color: #181818;
}

.modelhouse-btn2:hover {
  color: #b7a958;
  background-color: #fff;
}

.modelhouse-btn1::after,
.modelhouse-btn2::after {
  content: "";
  display: block;
  width: 30px;
  height: 14px;
  position: absolute;
  top: 50%;
  right: 15px;
  z-index: 1;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transition: all 0.3s;
}

.modelhouse-btn1::after {
  background: url("../imgs_new/index/arrow_login_bl.png") center center / cover
    no-repeat;
}

.modelhouse-btn2::after {
  background: url("../imgs_new/index/arrow_login_wh.png") center center / cover
    no-repeat;
}

.modelhouse-btn1:hover::after {
  background: url("../imgs_new/index/arrow_login_wh.png") center center / cover
    no-repeat;
}

.modelhouse-btn2:hover::after {
  background: url("../imgs_new/index/arrow_login_bw.png") center center / cover
    no-repeat;
}

.modelhouse-single__list-item {
  display: flex;
}

/****************
シングル
****************/
.modelhouse-single {
  padding-bottom: clamp(20px, 3.562vw, 57px);
}

.modelhouse-single__space-l {
  padding-left: 5vw;
}

.modelhouse-single__title {
  padding-top: clamp(20px, 1.875vw, 30px);
  padding-bottom: clamp(20px, 1.875vw, 30px);
  font-family: century-gothic, sans-serif;
  font-weight: 400;
  font-size: clamp(26px, 2vw, 32px);
  position: relative;
}
.modelhouse-single__title-sml {
  font-size: clamp(16px, 1.125vw, 18px);
}

.modelhouse-single__title::after {
  display: block;
  content: "";
  height: 100%;
  width: 1px;
  background-color: #cccccc;
  position: absolute;
  left: clamp(270px, 27.5vw, 440px);
  top: 0;
  bottom: 0;
}

.modelhouse-single__list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.modelhouse-single__list-thum {
  padding-top: 66.5%;
  background-size: cover;
  background-position: center center;
  border-radius: 3%;
}

.modelhouse-single__list-item {
  width: 50%;
  border-bottom: 1px solid #cccccc;
}

/* .modelhouse-single__list-item:not(:last-child) {
  border-bottom: 1px solid #cccccc;
} */

.modelhouse-single__list-item:nth-child(2n + 1) {
  border-right: 1px solid #cccccc;
}

.modelhouse-single__list-link {
  display: block;
  width: 78%;
  margin-top: 6.5%;
  margin-bottom: 6.5%;
  margin-left: auto;
  margin-right: auto;
}

.modelhouse-single__list-title {
  font-size: clamp(14px, 1vw, 16px);
  line-height: 1.75;
  margin-top: clamp(14px, 1.75vw, 28px);
}

/* メイン */
.modelhouse__intro {
  width: calc(81.3% - 40px);
  padding-bottom: clamp(40px, 4.5vw, 72px);
  margin: 0 auto;
}
.modelhouse__intro-title {
  text-align: left;
  margin-bottom: 21px;
}
.modelhouse__intro-img {
  margin-bottom: 15px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 20px;
}
.modelhouse__intro-text {
  font-size: clamp(14px, 1vw, 16px);
  line-height: 1.75;
}
.modelhouse__introContents {
  padding-top: clamp(36px, 3.5vw, 56px);
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.column-1 .post-single__detail {
  width: 65%;
  margin-bottom: 0;
}
.modelhouse__introContents-rgt {
  width: 28.3%;
}
.modelhouse__introContents-btn {
  max-width: 100%;
  margin-bottom: 9px;
}
.modelhouse__introContents-box {
  text-align: center;
  padding-top: 16px;
  padding-bottom: 12px;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
}
.modelhouse__introContents-tel01 {
  font-size: 13px;
  line-height: 1.75;
}
.modelhouse__introContents-tel02 {
  font-size: clamp(28px, 2.6875vw, 43px);
  font-family: century-gothic, sans-serif;
  font-weight: 700;
  line-height: 1.1;
  /* cursor: pointer; */
}
.modelhouse__introContents-tel03 {
  font-size: 15px;
  line-height: 1.75;
}

/* 担当からのポイント */
.modelhouse-inCharge {
  width: calc(100% - 16vw);
  padding-top: 1.5%;
  padding-bottom: 2.8%;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.modelhouse-inCharge__thum {
  /* width: 278px; */
  width: 17.375vw;
  padding-top: 0.6%;
}
.modelhouse-inCharge__thum img {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 10px;
}
.modelhouse-inCharge__contents {
  width: calc(100% - 17.375vw);
  max-width: 62.5vw;
}
.modelhouse-inCharge__contents-text {
  font-size: clamp(14px, 1vw, 16px);
  margin-bottom: clamp(35px, 4.7%, 47px);
  line-height: 1.75;
}
.modelhouse-inCharge__contents-intro {
}
.modelhouse-inCharge__contents-occupation,
.modelhouse-inCharge__contents-name {
  display: block;
}
.modelhouse-inCharge__contents-occupation {
  font-size: clamp(14px, 0.9375vw, 15px);
  line-height: 1.75;
}
.modelhouse-inCharge__contents-name {
  font-size: clamp(17px, 1.1875vw, 19px);
  line-height: 1.75;
}
.modelhouse-single__map {
  width: 90%;
  padding-top: clamp(30px, 3.125vw, 50px);
  margin: 0 auto;
}
.modelhouse-single__map iframe {
  width: 100%;
}

@media screen and (max-width: 1080px) {
  /* 担当からのポイント */
  .modelhouse-inCharge {
    padding-top: 16px;
    padding-bottom: 30px;
  }
  .modelhouse-inCharge__thum {
    width: 188px;
    padding-top: 5px;
  }
  .modelhouse-inCharge__contents {
    width: calc(100% - 228px);
    max-width: 675px;
  }
}

@media screen and (max-width: 980px) {
  .modelhouse__swiper .swiper-slide img,
  .modelhouse-gallery .swiper-slide img {
    border-radius: 15px;
  }
  /* メイン */
  .modelhouse__intro {
    width: calc(100% - 40px);
  }
  .modelhouse__intro-img {
    border-radius: 15px;
  }
  .modelhouse__introContents {
    display: block;
  }
  .column-1 .post-single__detail {
    width: 100%;
    margin-bottom: 30px;
  }
  .modelhouse__introContents-rgt {
    width: 100%;
    max-width: 357px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 750px) {
  .swiper-pagination.--type2 .swiper-pagination-bullet {
    width: 30px;
  }

  .modelhouse-list__btnWrap {
    flex-direction: column;
  }

  .modelhouse-btn1,
  .modelhouse-btn2 {
    max-width: 100%;
  }

  .modelhouse-single__space-l {
    padding-left: 20px;
  }

  .modelhouse-single__title::after {
    display: none;
  }

  /* 担当からのポイント */
  .modelhouse-inCharge {
    display: block;
  }
  .modelhouse-inCharge__thum {
    padding-top: 0;
    margin: 0 auto 25px;
  }
  .modelhouse-inCharge__contents {
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: flex-end; /* 子要素を右寄せ */
    flex-direction: column;
  }
  .modelhouse-inCharge__contents-intro {
    text-align: left; /* テキストを左寄せ */
    display: inline-block; /* テキスト幅に合わせてボックスを縮める */
    margin-left: auto; /* ボックスを右寄せ */
  }
}