@charset "utf-8";

.box-shadow .box-title{
  display: flex;
  justify-content: center;
}
.box-shadow .box-title .fontS-S{
  font-size: .84em;
}
.box-title_inner{
  text-align: left;
}
.foods:nth-of-type(n+2){
  margin-top: 115px;
}
.foods .box-shadow .img{
  width: 98%;
}

.feels .item:nth-of-type(1) .img{
  margin-bottom: -3.7%;
  top: -1%;
  right: -3.2%;
}
.feels .item:nth-of-type(2) .img{
  margin-bottom: -3.7%;
}
.feels .item:nth-of-type(4) .img{
  margin-bottom: -.7%;
  bottom: -.2%;
}
.feels .item:nth-of-type(5) .img{
  margin-bottom: -1%;
}
.feels .item .text{
  left: inherit;
  top: inherit;
}
.feels .item:nth-of-type(1) .text{
  bottom: 10%;
  right: 53%;
}
.feels .item:nth-of-type(2) .text{
  top: 36.5%;
  left: 60%;
}
.feels .item:nth-of-type(3) .text{
  top: 26%;
  left: 64%;
}
.feels .item:nth-of-type(4) .text{
  top: 25%;
  right: 64%;
}
.feels .item:nth-of-type(5) .text{
  top: 25%;
  left: 53%;
}
.body{
  margin-top: 120px;
}
.body .modal_btn:nth-of-type(1){
  top: -10.2%;
  left: 5.4%;
}
.body .modal_btn:nth-of-type(2){
  top: 13.6%;
  right: 8.7%;
}
.body .modal_btn:nth-of-type(3){
  bottom: -4.5%;
  left: 6.8%;
}
.body .modal_btn:nth-of-type(4){
  bottom: -13.5%;
  right: 9.4%;
}
.house{
  padding-bottom: 70px;
}
.house .modal_btn:nth-of-type(1){
  top: 15%;
  left: 12.5%;
}
.house .modal_btn:nth-of-type(2){
  top: 3%;
  left: 44%;
}
.house .modal_btn:nth-of-type(3){
  top: 3%;
  right: 28%;
}
.house .modal_btn:nth-of-type(4){
  top: 40%;
  left: 12.5%;
}
.house .modal_btn:nth-of-type(4) .text{
  font-size: 18px;
}
.house .modal_btn:nth-of-type(5){
  bottom: 35.2%;
  left: 34.8%;
}
.house .modal_btn:nth-of-type(6){
  bottom: 34.6%;
  right: 11.8%;
}
.house .modal_btn:nth-of-type(7){
  bottom: 4.8%;
  left: 21%;
}
.house .modal_btn:nth-of-type(8){
  bottom: 13%;
  left: 36%;
}
.house .modal_btn:nth-of-type(9){
  bottom: 13%;
  right: 29%;
}
.house::before{
  background: url("../img/webp/sec4_animal.webp") center bottom / contain no-repeat;
  width: 10.4%;
}
.no-webp .house::before{
  background-image: url("../img/sec4_animal.png");
}
.accordion .label_inner .text{
  min-width: 160px;
}
@media screen and (min-width: 768px) {
  .foods .box-shadow .inner{
    padding-bottom: 32px;
  }
  .foods .box-shadow .text{
    padding-bottom: 8px;
  }
}
@media screen and (max-width: 767px) {
  .sec_mv .mv_text{
    margin-bottom: 18px;
  }
  
  .feels .item:nth-of-type(1) .img{
    margin-top: -2%;
  }
  .feels .item:nth-of-type(1) .text{
    bottom: 17%;
    right: 51%;
  }
  .feels .item:nth-of-type(2) .img{
    width: 90%;
    margin: 4% 0 -3.4% 2%;
  }
  .feels .item:nth-of-type(2) .text{
    top: 40.5%;
    left: 56%;
  }
  .feels .item:nth-of-type(4) .img{
    right: -7%;
    margin-top: -5%;
    width: 103%;
    max-width: inherit;
  }
  .feels .item:nth-of-type(4) .text{
    top: 29%;
    right: 62%;
  }
  .feels .item:nth-of-type(5) .img{
    margin-top: -4%;
  }
  .foods + .intro_text{
    width: initial;
  }
  .sec2 .sec_wrapper{
    padding-bottom: 150px;
  }
  .sec2 .inner{
    width: 96%;
  }
  .body{
    margin-top: 90px;
    width: 95%;
  }
  .body .modal_btn:nth-of-type(1) {
    top: -16.2%;
    left: 3.4%;
  }
  .body .modal_btn:nth-of-type(2){
    top: 11.6%;
    right: 9.9%;
  }
  .body .modal_btn:nth-of-type(3){
    bottom: -7.5%;
    left: 5%;
  }
  .body .modal_btn:nth-of-type(4){
    bottom: -14.5%;
    right: 10.4%;
  }
  .house::before{
    width: 14.4%;
  }
  .house{
    padding: 37px 0 38px;
  }
  .house .inner{
    width: 88%;
  }
  .house .modal_btn:nth-of-type(1){
    top: 13%;
    left: 2.5%;
  }
  .house .modal_btn:nth-of-type(2){
    top: 2%;
    left: 37%;
  }
  .house .modal_btn:nth-of-type(3){
    top: 2%;
  right: 18%;
  }
  .house .modal_btn:nth-of-type(4) .text,
  .house .modal_btn:nth-of-type(9) .text{
    font-size: 11px;
    font-size: 2.933vw;
  }
  .house .modal_btn:nth-of-type(4){
    top: 37%;
    left: 2.5%;
  }
  .house .modal_btn:nth-of-type(5){
    bottom: 37%;
    left: 31%;
  }
  .house .modal_btn:nth-of-type(6){
    bottom: 42%;
    right: 2%;
  }
  .house .modal_btn:nth-of-type(7){
    bottom: 4%;
    left: 10%;
  }
  .house .modal_btn:nth-of-type(8){
    bottom: 13%;
    left: 29%;
  }
  .house .modal_btn:nth-of-type(9){
    bottom: 13%;
    right: 25%;
  }
  .accordion .label_inner .text{
    min-width: 102px;
  }
}