@charset "utf-8";

.balloon-line{
  z-index: 1;
}
.feels .item:nth-of-type(1) .img{
  right: -.5%;
}
.feels .item:nth-of-type(2) .img{
  bottom: -1%;
}
.feels .item:nth-of-type(3) .img{
  left: -.5%;
}
.feels .item .text{
  top: initial;
  left: initial;
}
.feels .item:nth-of-type(1) .text{
  top: 19%;
  left: 7.5%;
}
.feels .item:nth-of-type(2) .text{
  top: 20.5%;
  left: 7%;
  letter-spacing: .1em;
}
.feels .item:nth-of-type(3) .text{
  top: 20%;
  right: 12%;
}

.body{
  margin-top: 205px;
}
.body .modal_btn:nth-of-type(1){
  top: -39%;
  left: 5.9%;
}
.body .modal_btn:nth-of-type(2){
  top: -28%;
  right: 34%;
}
.body .modal_btn:nth-of-type(3){
  bottom: 45%;
  right: -2.1%;
}
.body .modal_btn:nth-of-type(4){
  bottom: -24%;
  left: 36%;
}

.box-shadow .box-title-multi::before{
  width: calc(16em + 60px);
}

.house{
  padding-block: 130px 110px;
  padding-left: 67px;
}
.house::before{
  bottom: 99.6%;
  left: 16%;
  width: 9.32%;
}
.house .modal_btn:nth-of-type(1){
  top: 23%;
  left: 8%;
}
.house .modal_btn:nth-of-type(2){
  top: 10%;
  left: 43%;
}
.house .modal_btn:nth-of-type(3){
  top: 27%;
  left: 38%;
}
.house .modal_btn:nth-of-type(3) .text{
  line-height: .8;
}
.house .modal_btn:nth-of-type(4){
  top: 27%;
  right: 30%;
}
.house .modal_btn:nth-of-type(4) .text{
  font-size: 18px;
  letter-spacing: -.05em;
}
.house .modal_btn:nth-of-type(5){
  top: 49%;
  left: 8%;
}
.house .modal_btn:nth-of-type(6){
  top: 52%;
  right: 8%;
}
.house .modal_btn:nth-of-type(6) .text{
  font-size: 18px;
  letter-spacing: -.05em;
}
.house .modal_btn:nth-of-type(7){
  bottom: 12.5%;
  left: 18%;
}
.house .modal_btn:nth-of-type(8){
  bottom: 17.5%;
  left: 31.5%;
}
.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;
}
.no-webp .house::before{
  background-image: url("../img/sec4_animal.png");
}
.accordion .label_inner .text{
  min-width: 321px;
}
@media screen and (min-width: 768px) {
  .food-main .flex_pc{
    justify-content: space-around;
  }
}
@media screen and (max-width: 767px) {
  .ttl-img{
    width: 100%;
  }
  .sec_mv .mv_text{
    margin-bottom: 30px;
  }
  .feels .item:nth-of-type(2) .text{
    top: 18.5%;
    left: 6%;
  }
  .body{
    margin-top: 126px;
    margin-bottom: 30px;
  }
  .body .modal_btn:nth-of-type(1){
    top: -52%;
    left: 4.9%;
  }
  .body .modal_btn:nth-of-type(2){
    top: -36%;
    right: 31.9%;
  }
  .body .modal_btn:nth-of-type(3){
    bottom: 49.5%;
    right: 3.9%;
  }
  .body .modal_btn:nth-of-type(4){
    bottom: -45.5%;
    left: 33.5%;
  }

  .box-shadow .box-title-multi::before{
    width: calc(5.5em + 30px);
  }
  .foods .box-shadow .inner{
    padding-top: 55px;
  }
  .foods .box-shadow .img{
    width: 80%;
  }
  .house{
    padding: 60px 0 50px;
  }
  .house::before{
    width: 13.8%;
    left: 18%;
  }
  .house .inner{
    width: 88%;
    margin-right: 4%;
  }
  .house .modal_btn:nth-of-type(1){
    top: 4%;
    left: 5%;
  }
  .house .modal_btn:nth-of-type(2){
    top: 4%;
    left: 47%;
  }
  .house .modal_btn:nth-of-type(3){
    top: 23%;
    left: 30%;
  }
  .house .modal_btn:nth-of-type(4){
    top: 23%;
    right: 22%;
  }
  .house .modal_btn:nth-of-type(4) .text{
    font-size: 11px;
  }
  .house .modal_btn:nth-of-type(5){
    top: 37%;
    left: 5%;
  }
  .house .modal_btn:nth-of-type(6){
    top: inherit;
    bottom: 4%;
    right: 19%;
  }
  .house .modal_btn:nth-of-type(6) .text{
    font-size: 11px;
  }
  .house .modal_btn:nth-of-type(7){
    bottom: 4%;
    left: 5%;
  }
  .house .modal_btn:nth-of-type(8){
    bottom: 10.5%;
    left: 25%;
  }
  .accordion .label_inner .text{
    min-width: 206px;
  }
}