@charset "utf-8";
/* housing_plan
---------------------------------------------- */
.housing_plan_kukaku {
  margin-top: 80px;
}
.housing_plan_list {
  display: flex;
  flex-wrap: wrap;
  /*justify-content: center;*/
  margin-top: 80px;
  gap: 30px;
}
.housing_plan_list li {
  width: calc(calc(100% - 30px) / 2);
}
@media screen and (max-width:768px) {
  .housing_plan_kukaku {
    margin-top: 40px;
  }
  .housing_plan_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 40px;
    gap: 20px;
  }
  .housing_plan_list li {
    width: 100%;
  }
}
/* 詳細 */
.p-page-plan-details {
  padding: 80px 0 0;
  text-align: center;
}
.plan-details_blue {
  background: linear-gradient(0deg, rgba(255, 255, 255, 1) 5%, rgba(227, 239, 246, 1) 100%);
}
.plan-details_ttl {
  font-size: 32px;
  font-weight: 700;
}
.plan-details_ttl_no {
  margin-top: 20px;
}
.plan-details_ttl02 {
  max-width: 800px;
  margin-inline: auto;
  margin-top: 75px;
}
.l-madori {
  max-width: 800px;
  margin-inline: auto;
  margin-top: 60px;
}
.p-madori {
  position: relative;
}
.p-madori-point {
  max-width: 700px;
  margin-inline: auto;
  margin-top: 35px;
}
.madori-ttl03 {
  text-align: center;
  margin-top: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.madori-ttl03 .madori-ttl03_en {
  font-size: 20px;
  font-family: "dico-slab", serif;
  font-weight: 700;
  letter-spacing: .15em;
  position: relative;
}
.madori-ttl03 .madori-ttl03_en::after {
  content: "";
  display: block;
  width: 6.5em;
  height: 2.5px;
  background: #111;
  margin: 5px auto 0;
}
.madori-ttl03 .madori-ttl03_jp {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .15em;
  margin-top: 0.4em;
}
.madori_point_btn {
  position: absolute;
  width: 2.1%;
  height: 1em;
}
.madori_point_btn a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 1;
}
.madori_point_btn a:hover {
  background: #fff;
}
.madori_point_btn a:hover img {
  opacity: 0.7;
}
.madori_nav {
  width: 700px;
  margin-inline: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 40px;
  gap: 30px 3.1%;
}
.madori_nav li {
  width: calc(calc(100% - 6.2%) / 3);
}
.madori-cta {
  max-width: 477px;
  margin-inline: auto;
  margin-top: 40px;
}
@media screen and (max-width:768px) {
  .p-page-plan-details {
    padding: 50px 0 0;
    text-align: center;
  }
  .plan-details_ttl {
    font-size: 23px;
    font-weight: 700;
  }
  .plan-details_ttl_no {
    margin-top: 20px;
  }
  .plan-details_ttl_no img {
    height: 110px;
    width: auto;
  }
  .plan-details_ttl02 {
    width: 90%;
    margin-inline: auto;
    margin-top: 40px;
  }
  .l-madori {
    width: 95%;
    margin-inline: auto;
    margin-top: 40px;
  }
  .p-madori-point {
    width: 90%;
    margin-inline: auto;
    margin-top: 45px;
  }
  .madori-ttl03 {
    text-align: center;
    margin-top: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .madori-ttl03 .madori-ttl03_en {
    font-size: 20px;
    font-family: "dico-slab", serif;
    font-weight: 700;
    letter-spacing: .15em;
    position: relative;
  }
  .madori-ttl03 .madori-ttl03_en::after {
    content: "";
    display: block;
    width: 6.5em;
    height: 2.5px;
    background: #111;
    margin: 5px auto 0;
  }
  .madori-ttl03 .madori-ttl03_jp {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .15em;
    margin-top: 0.4em;
  }
  .madori_point_btn {
    position: absolute;
    width: 4.1%;
    height: 1em;
  }
  .madori_nav {
    width: 90%;
    margin-inline: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 30px;
    gap: 20px 3.1%;
  }
  .madori_nav li {
    width: 100%;
  }
  .madori-cta {
    width: 75%;
    margin-inline: auto;
    margin-top: 40px;
  }
}
.modal-contets {
  max-width: 450px;
  padding: 50px 40px 80px;
  border-bottom: 10px solid #10618d;
}
.modal-contets.modal-contets-green {
  border-bottom: 10px solid #007780;
}
.modal-ttl01 {
  text-align: center;
}
.modal-txt01 {
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  color: #10618d;
  margin-top: 1em;
}
.modal-contets-green .modal-txt01 {
  color: #007780;
}
.modal-txt02 {
  text-align: justify;
  font-size: 15px;
  line-height: 1.7;
  font-weight: 400;
  margin-top: 1.4em;
}
@media screen and (max-width:768px) {
  .modal-contets {
    padding: 55px 10% 80px;
  }
  .modal-ttl01 img {
    height: 60px;
    width: auto;
  }
  .modal-txt01 {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #10618d;
    margin-top: 1em;
  }
  .modal-txt02 {
    text-align: justify;
    font-size: 14px;
    line-height: 1.7;
    font-weight: 400;
    margin-top: 1.4em;
  }
}
/* No13 */
.madori13_point_btn01 {
  top: 43%;
  left: 54%;
}
.madori13_point_btn02 {
  top: 44.5%;
  left: 31%;
}
.madori13_point_btn03 {
  top: 51%;
  left: 17.5%;
}
.madori13_point_btn04 {
  top: 16%;
  left: 17%;
}
.madori13_point_btn05 {
  top: 40%;
  left: 13%;
}
.madori13_point_btn06 {
  top: 32%;
  left: 78%;
}
.madori13_point_btn07 {
  top: 42%;
  left: 92%;
}
@media screen and (max-width:768px) {
  .madori13_point_btn01 {
    top: 25%;
    left: 78%;
  }
  .madori13_point_btn02 {
    top: 26%;
    left: 44%;
  }
  .madori13_point_btn03 {
    top: 30%;
    left: 23%;
  }
  .madori13_point_btn04 {
    top: 7%;
    left: 22.5%;
  }
  .madori13_point_btn05 {
    top: 21%;
    left: 16%;
  }
  .madori13_point_btn06 {
    top: 67%;
    left: 25%;
  }
  .madori13_point_btn07 {
    top: 73%;
    left: 46%;
  }
}

/* No14 */
.madori14_point_btn01 {
  top: 29%;
  left: 51%;
}
.madori14_point_btn02 {
  top: 20%;
  left: 28%;
}
.madori14_point_btn03 {
  top: 55%;
  left: 28.5%;
}
.madori14_point_btn04 {
  top: 31.5%;
  left: 21%;
}
.madori14_point_btn05 {
  top: 19%;
  left: 14%;
}
.madori14_point_btn06 {
  top: 31.5%;
  left: 80%;
}
.madori14_point_btn07 {
  top: 53%;
  left: 93%;
}
@media screen and (max-width:768px) {
  .madori14_point_btn01 {
    top: 14.5%;
    left: 74%;
  }
  .madori14_point_btn02 {
    top: 10%;
    left: 38%;
  }
  .madori14_point_btn03 {
    top: 30%;
    left: 38.5%;
  }
  .madori14_point_btn04 {
    top: 16.5%;
    left: 27%;
  }
  .madori14_point_btn05 {
    top: 9%;
    left: 17%;
  }
  .madori14_point_btn06 {
    top: 67%;
    left: 26%;
  }
  .madori14_point_btn07 {
    top: 78.5%;
    left: 46.5%;
  }
}

/* No15 */
.madori15_point_btn01 {
  top: 30%;
  left: 55%;
}
.madori15_point_btn02 {
  top: 50%;
  left: 32%;
}
.madori15_point_btn03 {
  top: 45%;
  left: 12%;
}
.madori15_point_btn04 {
  top: 13.5%;
  left: 22.5%;
}
.madori15_point_btn05 {
  top: 35%;
  left: 19.5%;
}
.madori15_point_btn06 {
  top: 17%;
  left: 70.5%;
}
.madori15_point_btn07 {
  top: 20%;
  left: 83.5%;
}
@media screen and (max-width:768px) {
  .madori15_point_btn01 {
    top: 14.5%;
    left: 78%;
  }
  .madori15_point_btn02 {
    top: 28%;
    left: 45%;
  }
  .madori15_point_btn03 {
    top: 26%;
    left: 15%;
  }
  .madori15_point_btn04 {
    top: 5%;
    left: 30%;
  }
  .madori15_point_btn05 {
    top: 18%;
    left: 27%;
  }
  .madori15_point_btn06 {
    top: 57%;
    left: 13%;
  }
  .madori15_point_btn07 {
    top: 60%;
    left: 32.5%;
  }
}

/* No17 */
.madori17_point_btn01 {
  top: 47%;
  left: 48%;
}
.madori17_point_btn02 {
  top: 56%;
  left: 19%;
}
.madori17_point_btn03 {
  top: 40%;
  left: 23%;
}
.madori17_point_btn04 {
  top: 20%;
  left: 19.5%;
}
.madori17_point_btn05 {
  top: 35.5%;
  left: 12.5%;
}
.madori17_point_btn06 {
  top: 58%;
  left: 72.5%;
}
.madori17_point_btn07 {
  top: 59%;
  left: 85%;
}
@media screen and (max-width:768px) {
  .madori17_point_btn01 {
    top: 26%;
    left: 72%;
  }
  .madori17_point_btn02 {
    top: 32%;
    left: 31%;
  }
  .madori17_point_btn03 {
    top: 21%;
    left: 36.5%;
  }
  .madori17_point_btn04 {
    top: 8%;
    left: 31%;
  }
  .madori17_point_btn05 {
    top: 20%;
    left: 21%;
  }
  .madori17_point_btn06 {
    top: 82%;
    left: 20%;
  }
  .madori17_point_btn07 {
    top: 82%;
    left: 39%;
  }
}

/* No23 */
.madori23_point_btn01 {
  top: 16%;
  left: 36%;
}
.madori23_point_btn02 {
  top: 23%;
  left: 19.0%;
}
.madori23_point_btn03 {
  top: 63.5%;
  left: 18%;
}
.madori23_point_btn04 {
  top: 43%;
  left: 18%;
}
.madori23_point_btn05 {
  top: 54%;
  left: 23.5%;
}
.madori23_point_btn06 {
  top: 30.5%;
  left: 74.3%;
}
.madori23_point_btn07 {
  top: 60%;
  left: 35.9%;
}
@media screen and (max-width:768px) {
  .madori23_point_btn01 {
    top: 10%;
    left: 62.5%;
  }
  .madori23_point_btn02 {
    top: 15%;
    left: 32%;
  }
  .madori23_point_btn03 {
    top: 39%;
    left: 30%;
  }
  .madori23_point_btn04 {
    top: 27%;
    left: 30.5%;
  }
  .madori23_point_btn05 {
    top: 34%;
    left: 41%;
  }
  .madori23_point_btn06 {
    top: 70.3%;
    left: 46%;
  }
  .madori23_point_btn07 {
    top: 36%;
    left: 62%;
  }
}


/* No24 */
.madori24_point_btn01 {
  top: 18%;
  left: 49%;
}
.madori24_point_btn02 {
  top: 18%;
  left: 31%;
}
.madori24_point_btn03 {
  top: 66%;
  left: 29%;
}
.madori24_point_btn04 {
  top: 53%;
  left: 32%;
}
.madori24_point_btn05 {
  top: 38%;
  left: 41%;
}
.madori24_point_btn06 {
  top: 39%;
  left: 9%;
}
.madori24_point_btn07 {
  top: 67%;
  left: 73%;
}
.madori24_point_btn08 {
  top: 38%;
  left: 88%;
}
@media screen and (max-width:768px) {
  .madori24_point_btn01 {
    top: 14%;
    left: 85%;
  }
  .madori24_point_btn02 {
    top: 14%;
    left: 55%;
  }
  .madori24_point_btn03 {
    top: 46%;
    left: 51%;
  }
  .madori24_point_btn04 {
    top: 38%;
    left: 57%;
  }
  .madori24_point_btn05 {
    top: 27.5%;
    left: 73%;
  }
  .madori24_point_btn06 {
    top: 28%;
    left: 14%;
  }
  .madori24_point_btn07 {
    top: 90%;
    left: 44%;
  }
  .madori24_point_btn08 {
    top: 71%;
    left: 73%;
  }
}

/* No25 */
.madori25_point_btn01 {
  top: 24.8%;
  left: 13.8%;
}
.madori25_point_btn02 {
  top: 11%;
  left: 33.6%;
}
.madori25_point_btn03 {
  top: 39%;
  left: 14%;
}
.madori25_point_btn04 {
  top: 39%;
  left: 22.2%;
}
.madori25_point_btn05 {
  top: 29%;
  left: 37.1%;
}
.madori25_point_btn06 {
  top: 44%;
  left: 33.2%;
}
.madori25_point_btn07 {
  top: 16.5%;
  left: 70.8%;
}
.madori25_point_btn08 {
  top: 39%;
  left: 67.2%;
}
@media screen and (max-width:768px) {
  .madori25_point_btn01 {
    top: 16%;
    left: 26%;
  }
  .madori25_point_btn02 {
    top: 7.5%;
    left: 60.5%;
  }
  .madori25_point_btn03 {
    top: 25%;
    left: 26.5%;
  }
  .madori25_point_btn04 {
    top: 25%;
    left: 40.8%;
  }
  .madori25_point_btn05 {
    top: 18%;
    left: 66.8%;
  }
  .madori25_point_btn06 {
    top: 28%;
    left: 59.2%;
  }
  .madori25_point_btn07 {
    top: 73.8%;
    left: 40.3%;
  }
  .madori25_point_btn08 {
    top: 88.5%;
    left: 34.2%;
  }
}
/* No26 */
.madori26_point_btn01 {
  top: 65%;
  left: 33%;
}
.madori26_point_btn02 {
  top: 30.5%;
  left: 26.5%;
}
.madori26_point_btn03 {
  top: 45.5%;
  left: 18%;
}
.madori26_point_btn04 {
  top: 20%;
  left: 30%;
}
.madori26_point_btn05 {
  top: 24%;
  left: 38%;
}
.madori26_point_btn06 {
  top: 20.5%;
  left: 79.5%;
}
.madori26_point_btn07 {
  top: 37.5%;
  left: 78.5%;
}
@media screen and (max-width:768px) {
  .madori26_point_btn01 {
    top: 42%;
    left: 59%;
  }
  .madori26_point_btn02 {
    top: 21%;
    left: 45.5%;
  }
  .madori26_point_btn03 {
    top: 31%;
    left: 30%;
  }
  .madori26_point_btn04 {
    top: 13.7%;
    left: 52.5%;
  }
  .madori26_point_btn05 {
    top: 16%;
    left: 68%;
  }
  .madori26_point_btn06 {
    top: 72.5%;
    left: 60%;
  }
  .madori26_point_btn07 {
    top: 84%;
    left: 58%;
  }
}
.madori_point_btn img {
  animation: blinking 2.5s ease-in-out infinite alternate;
}
@keyframes blinking {
  0% {
    opacity: .1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: .1;
  }
}

/* No17にモデルハウスのEQUIPMENTを移動 */
.p-modele-eq {
  padding: 37px 29px;
  background: #94a1a8;
  margin-top: 100px;
}

.modele-eq_ttl01 {
  font-size: 18px;
  font-family: "dico-slab", serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-align: center;
  color: #fff;
}

.modele-eq_ttl02 {
  font-size: 23px;
  text-align: center;
  color: #fff;
  margin-top: 0.5em;
}

.modele-eq_set {
  display: flex;
  gap: 10px;
  margin-top: 2em;
}

.modele-eq_set_item {
  width: calc(calc(100% - 20px) / 3);
  background: #fff;
  padding: 20px 12px;
  display: flex;
  flex-direction: column;
}

.modele-eq_item_ttl01 {
  background: #707f86;
  color: #fff;
  text-align: center;
  font-size: 13px;
  padding: .3em;
  border-radius: 100px;
}

.modele-eq_item_ttl02 {
  text-align: center;
  color: #707f86;
  font-size: 18px;
  margin-top: .3em;
  border-bottom: 1px solid #000;
  padding-bottom: .5em;
}

.modele-eq_item_txt {
  text-align: justify;
  font-size: 12px;
  line-height: 1.6;
  font-weight: 400;
  margin-top: 1em;
  margin-bottom: 2em;
}

.modele-eq_item_img {
  margin-top: auto;
}
@media screen and (max-width:768px) {
  .p-modele-eq {
    padding: 27px 5%;
    background: #94a1a8;
    margin-top: 60px;
  }

  .modele-eq_ttl01 {
    font-size: 18px;
    font-family: "dico-slab", serif;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-align: center;
    color: #fff;
  }

  .modele-eq_ttl02 {
    font-size: 23px;
    text-align: center;
    color: #fff;
    margin-top: 0.5em;
  }

  .modele-eq_set {
    display: flex;
    gap: 10px;
    margin-top: 1.5em;
    flex-direction: column;
  }

  .modele-eq_set_item {
    width: 100%;
    background: #fff;
    padding: 20px 12px;
    display: flex;
    flex-direction: column;
  }

  .modele-eq_item_ttl01 {
    background: #707f86;
    color: #fff;
    text-align: center;
    font-size: 15px;
    padding: .3em;
    border-radius: 100px;
  }

  .modele-eq_item_ttl02 {
    text-align: center;
    color: #707f86;
    font-size: 22px;
    margin-top: .3em;
    border-bottom: 1px solid #000;
    padding-bottom: .5em;
  }

  .modele-eq_item_txt {
    text-align: justify;
    font-size: 13px;
    line-height: 1.6;
    font-weight: 400;
    margin-top: 1em;
    margin-bottom: 2em;
  }

  .modele-eq_item_img {
    margin-top: auto;
  }

}