@charset "utf-8";

.feels .item:nth-of-type(2) .img,
.feels .item:nth-of-type(3) .img{
  bottom: -.3%;
  margin-bottom: -1%;
}
.feels .item:nth-of-type(2) .text{
  top: 26.5%;
  left: 19%;
}
.feels .item:nth-of-type(3) .text{
  top: 31%;
  left: 57%;
}
.feels .item:nth-of-type(4) .text{
  top: 67%;
  /*left: 8.5%;*/
  left: inherit;
  right: 71%;
}
.feels .item:nth-of-type(5) .text{
  top: 48%;
  /*left: 18%;*/
  left: inherit;
  right: 57%;
}
.body .modal_btn:nth-of-type(1){
  top: -6%;
  left: 56.9%;
}
.body .modal_btn:nth-of-type(2){
  top: 51.6%;
  left: -3.1%;
}
.body .modal_btn:nth-of-type(3){
  top: 39.5%;
  left: 40.9%;
}
.body .modal_btn:nth-of-type(4){
  top: 21.5%;
  right: 2%;
}
.body .modal_btn:nth-of-type(5){
  bottom: 9.5%;
  left: 70%;
}
.house .modal_btn:nth-of-type(1){
  top: 15%;
  left: 11%;
}
.house .modal_btn:nth-of-type(2){
  top: 4%;
  left: 46%;
}
.house .modal_btn:nth-of-type(3){
  top: 15%;
  right: 23%;
}
.house .modal_btn:nth-of-type(4){
  top: 37%;
  left: 28%;
}
.house .modal_btn:nth-of-type(5){
  top: 28.7%;
  left: 46.5%;
}
.house .modal_btn:nth-of-type(6){
  top: 36%;
  right: 9%;
}
.house .modal_btn:nth-of-type(7){
  bottom: 18%;
  left: 36%;
}
.house .modal_btn:nth-of-type(8){
  bottom: 18%;
  right: 27%;
}
.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%;
  }
  .feels .item:nth-of-type(2) .text{
    left: 12%;
  }
  .feels .item:nth-of-type(5) .text{
    right: 61%;
  }
  .body .modal_btn:nth-of-type(1) {
    top: -9.5%;
    left: 55.5%;
  }
  .body .modal_btn:nth-of-type(2){
    top: 62.6%;
    left: 0.9%;
  }
  .body .modal_btn:nth-of-type(4){
    top: 21.2%;
    right: 4.2%;
  }
  .body .modal_btn:nth-of-type(5){
    bottom: 10.5%;
    left: 67.5%;
  }
  .foods .box-shadow .img img{
    width: 70%;
  }
  .food-sub .box-shadow .img img{
    width: 90%;
  }
  .house .modal_btn:nth-of-type(1){
    top: 13%;
    left: 1.5%;
  }
  .house .modal_btn:nth-of-type(2){
    top: 4%;
    left: 44%;
  }
  .house .modal_btn:nth-of-type(3){
    top: 13%;
    right: 15%;
  }
  .house .modal_btn:nth-of-type(3) .text{
    font-size: 11px;
    font-size: 2.933vw;
  }
  .house .modal_btn:nth-of-type(4){
    top: 26%;
    left: 23%;
  }
  .house .modal_btn:nth-of-type(5){
    top: 26%;
    left: 44%;
  }
  .house .modal_btn:nth-of-type(6){
    top: 35%;
    right: 1%;
  }
  .house .modal_btn:nth-of-type(7){
    bottom: 7%;
    left: 29%;
  }
  .house .modal_btn:nth-of-type(8){
    bottom: 7%;
    right: 28%;
  }
}