@charset "utf-8";

.feels .item:nth-of-type(2) .img,
.feels .item:nth-of-type(3) .img{
  bottom: -1%;
}
.feels .item .text{
  top: initial;
  left: initial;
}
.feels .item:nth-of-type(1) .text{
  top: 29%;
  left: 10.5%;
}
.feels .item:nth-of-type(2) .text{
  top: 18.5%;
  left: 10%;
  letter-spacing: .1em;
}
.feels .item:nth-of-type(3) .text{
  top: 27%;
  left: 10%;
}

.body{
  margin-top: 185px;
}
.body .modal_btn:nth-of-type(1){
  top: -39%;
  left: 14.9%;
}
.body .modal_btn:nth-of-type(2){
  top: -19%;
  left: 45%;
}
.body .modal_btn:nth-of-type(2) .text{
  font-size: 27px;
  line-height: .8;
  width: calc(100% + 40px);
}
.body .modal_btn:nth-of-type(3){
  top: 15%;
  right: 7.9%;
}
.body .modal_btn:nth-of-type(4){
  bottom: 5%;
  left: 2.5%;
}

.foods .box-shadow .img{
  width: 100%;
}
.food-sub .box-shadow :nth-of-type(1) .img{
  width: 90%;
}

.house{
  padding-block: 95px 110px;
}
.house::before{
  background: url("../img/webp/sec4_animal.webp") center bottom / contain no-repeat;
  background: url("../img/sec4_animal.png") center bottom / contain no-repeat;
  bottom: 99.6%;
  left: 16%;
  width: 10.4%;
}
.no-webp .house::before{
  background-image: url("../img/sec4_animal.png");
}
.house .modal_btn:nth-of-type(1){
  top: 22%;
  left: 8%;
}
.house .modal_btn:nth-of-type(2){
  top: 21%;
  left: 44%;
}
.house .modal_btn:nth-of-type(2) .text{
  line-height: .8;
}
.house .modal_btn:nth-of-type(3){
  top: 8%;
  right: 33%;
}
.house .modal_btn:nth-of-type(4){
  top: 8%;
  right: 7%;
}
.house .modal_btn:nth-of-type(5){
  top: 51%;
  left: 8%;
}
.house .modal_btn:nth-of-type(6){
  top: 38%;
  right: 10%;
}
.house .modal_btn:nth-of-type(7){
  bottom: 8.5%;
  left: 19%;
}
.house .modal_btn:nth-of-type(8){
  bottom: 11.5%;
  left: 34.5%;
}
.house .modal_btn:nth-of-type(9){
  bottom: 11.5%;
  right: 31%;
}
.accordion .label_inner .text{
  min-width: 190px;
}
@media screen and (max-width: 767px) {
  .body{
    margin-top: 120px;
    margin-bottom: 24px;
  }
  .body .modal_btn:nth-of-type(2) .text{
    font-size: 15px;
  }
  .body .modal_btn:nth-of-type(1){
    top: -56%;
    left: 9.9%;
  }
  .body .modal_btn:nth-of-type(2){
    top: -36%;
    left: 44%;
  }
  .body .modal_btn:nth-of-type(3){
    top: 4%;
    right: 7.9%;
  }
  .body .modal_btn:nth-of-type(4){
    bottom: -31%;
    left: 1%;
  }

  .house{
    padding-block: 43px 60px;
  }
  .house::before{
    width: 16.4%;
  }
  .house .inner{
    width: 85%;
  }
  .house .modal_btn:nth-of-type(1){
    top: 17%;
    left: 1%;
  }
  .house .modal_btn:nth-of-type(2){
    top: 19%;
    left: 41%;
  }
  .house .modal_btn:nth-of-type(3){
    top: 3%;
    right: 27%;
  }
  .house .modal_btn:nth-of-type(4){
    top: 6.5%;
    right: 1%;
  }
  .house .modal_btn:nth-of-type(5){
    top: initial;
    bottom: 30%;
    left: 1%;
  }
  .house .modal_btn:nth-of-type(6){
    top: 33%;
    right: 1%;
  }
  .house .modal_btn:nth-of-type(7){
    bottom: 4.5%;
    left: 10%;
  }
  .house .modal_btn:nth-of-type(8){
    bottom: 10%;
    left: 33.5%;
  }
  .house .modal_btn:nth-of-type(9){
    bottom: 10%;
    right: 25%;
  }
  .accordion .label_inner .text{
    min-width: 120px;
  }
}