@charset "utf-8";

.feels .item:nth-of-type(1) .text{
  top: inherit;
  bottom: 18%;
  left: inherit;
  right: 67%;
}
.feels .item:nth-of-type(2) .img,
.feels .item:nth-of-type(5) .img{
  bottom: -1.2%;
}
.feels .item:nth-of-type(2) .text{
  top: 30%;
  left: inherit;
  right: 49%;
}
.feels .item:nth-of-type(3) .text{
  top: 31%;
  left: 57%;
}
.feels .item:nth-of-type(4) .text{
  top: 22%;
  left: 59%;
}
.feels .item:nth-of-type(5) .text{
  top: 28%;
  left: inherit;
  right: 55%;
}
.list-num li:nth-of-type(3) .text{
  letter-spacing: 0;
}
.body{
  margin-top: 175px;
}
.body .modal_btn:nth-of-type(1){
  top: -20%;
  left: 12.6%;
}
.body .modal_btn:nth-of-type(2){
  top: -12.4%;
  left: 53.5%;
}
.body .modal_btn:nth-of-type(3){
  top: 47%;
  left: -2.1%;
}
.body .modal_btn:nth-of-type(4){
  bottom: -5%;
  left: 7.2%;
}
.body .modal_btn:nth-of-type(5){
  top: 26.5%;
  right: 1%;
}
.allergy-wrapper{
  margin-top: 150px;
}
.house{
  padding: 108px 0 85px;
}
.house::before{
  width: 9%;
}
.house .modal_btn:nth-of-type(1){
  top: 19.2%;
  left: 12%;
}
.house .modal_btn:nth-of-type(2){
  top: 6%;
  left: 34%;
}
.house .modal_btn:nth-of-type(3){
  top: 6%;
  right: 29%;
}
.house .modal_btn:nth-of-type(4){
  top: 19%;
  right: 12%;
}
.house .modal_btn:nth-of-type(5){
  top: 47.7%;
  left: 12%;
}
.house .modal_btn:nth-of-type(6){
  bottom: 5%;
  left: 27%;
}
.house .modal_btn:nth-of-type(7){
  bottom: 16%;
  right: 32%;
}
.house::before{
  background: url("../img/webp/sec4_animal.webp") center bottom / contain no-repeat;
}
.no-webp .house::before{
  background-image: url("../img/sec4_animal.png");
}
@media screen and (max-width: 767px) {
  .feels .item:nth-of-type(2) .img, .feels .item:nth-of-type(3) .img{
    margin-bottom: -.5%;
  }
  .body{
    margin-top: 95px;
  }
  .body .modal_btn:nth-of-type(1) {
    top: -21.5%;
    left: 11.5%;
  }
  .body .modal_btn:nth-of-type(2){
    top: -15.4%;
    left: 52.5%;
  }
  .body .modal_btn:nth-of-type(3){
    top: 47%;
    left: -.7%;
  }
  .body .modal_btn:nth-of-type(4){
    bottom: -11.8%;
    left: 4%;
  }
  .body .modal_btn:nth-of-type(5){
    top: 21.5%;
    right: 2.5%;
  }
  .foods .box-shadow .img img{
    width: 80%;
  }
  .allergy-wrapper{
    margin-top: 60px;
  }
  .house{
    padding: 42px 0 44px;
  }
  .house::before{
    width: 13.5%;
  }
  .house .inner{
    margin-inline: 0;
    width: 97%;
  }
  .house .modal_btn:nth-of-type(1){
    top: 14%;
    left: 1.5%;
  }
  .house .modal_btn:nth-of-type(2){
    top: 4%;
    left: 27%;
  }
  .house .modal_btn:nth-of-type(3){
    top: 4%;
    right: 26%;
  }
  .house .modal_btn:nth-of-type(4){
    top: 14%;
    right: 3%;
  }
  .house .modal_btn:nth-of-type(5){
    top: 50%;
    left: 1.5%;
  }
  .house .modal_btn:nth-of-type(6){
    bottom: 3%;
    left: 19%;
  }
  .house .modal_btn:nth-of-type(7){
    bottom: 15%;
    right: 34%;
  }
}