@charset "utf-8";
/* CSS Document */

body {font-size: 16px; background-image: url(../img/common/common_bg.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;}

/* ===============================
	mv
 =============================== */
#mv {
  background-image: url(../img/special/mv_bg.jpg);
}
@media screen and (max-width: 750px) {
  #mv {
    background-image: url(../img/special/mv_bg_sp.jpg);
  }
}

/* ===============================
	special
 =============================== */
#special {
  margin-top: 80px;
  margin-bottom: 146px;
}
#special ul {
  display: flex;
  flex-wrap: wrap;
  gap: 80px 40px;
  margin-bottom: 80px;
}
#special li {
  width: calc((100% - 40px) / 2);
  display: none;
}
#special li:nth-child(-n+10) {
  display: block;
}
#special .special_img {
  max-width: 620px;
  max-height: 350px;
  background: var(--C-black);
  aspect-ratio: 620 / 350;
  transition: .6s;
}
#special li:hover .special_img {
  opacity: .6;
}
#special .special_img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#special h2 {
  margin-top: 12px;
}
@media screen and (max-width: 750px) {
  #special {
    margin-top: 10.66666666666667vw;
    margin-bottom: 19.2vw;
  }
  #special ul {
    gap: 10.66666666666667vw 0;
    margin-bottom: 12.8vw;
  }
  #special li {
    width: 100%;
  }
  #special .special_img {
    max-height: 350px;
  }
  #special h2 {
    margin-top: 4.26666666666667vw;
  }
}

/* ===============================
	special_detail_con
 =============================== */
#special_detail_con {
  background-image: none;
}
#special_detail_con #mv {
  background-image: none;
}
#special_detail {
  margin-top: 71px;
  margin-bottom: 160px;
}
@media screen and (max-width: 750px) {
  #special_detail {
    margin-top: 16.8vw;
    margin-bottom: 17.06666666666667vw;
  }
}

/* ===============================
	property
 =============================== */
#property {
  background: var(--C-sub);
  padding-top: 120px;
  padding-bottom: 160px;
}
#property > .wrap {
  container-type: inline-size;
}
#property .title-04 {
  margin-bottom: 40px;
}
@media screen and (max-width: 750px) {
  #property {
    padding-top: 17.06666666666667vw;
    padding-bottom: 21.33333333333333vw;
  }
  #property .title-04 {
    margin-bottom: 6.4vw;
  }
  /* #property .pickup_list li {
    display: none;
  }
  #property .pickup_list li:nth-child(-n+3) {
    display: block;
  } */
}

/* ===============================
	btn_area
 =============================== */
.btn_area {
  margin-top: 80px;
  margin-bottom: 160px;
}
@media screen and (max-width: 750px) {
  .btn_area {
    margin-top: 12.8vw;
    margin-bottom: 21.33333333333333vw;
  }
}