@charset "utf-8";

.feels .item:nth-of-type(3) .img{
  right: -.5%;
}
.feels .item:nth-of-type(4) .img{
  bottom: -.3%;
  margin-bottom: -1%;
}
.feels .item .text{
  top: initial;
  left: initial;
}
.feels .item:nth-of-type(1) .text{
  top: 26%;
  left: 67.5%;
}
.feels .item:nth-of-type(2) .text{
  top: 27.5%;
  left: 69%;
}
.feels .item:nth-of-type(3) .text{
  top: 20%;
  right: 59%;
}
.feels .item:nth-of-type(4) .text{
  top: 22%;
  left: 64%;
}
.body{
  margin-top: 185px;
}
.body .modal_btn:nth-of-type(1){
  top: -12%;
  left: -1.1%;
}
.body .modal_btn:nth-of-type(2){
  top: -24%;
  right: 15.4%;
}
.body .modal_btn:nth-of-type(3){
  bottom: 7%;
  left: -1.1%;
}
.body .modal_btn:nth-of-type(4){
  bottom: 7%;
  left: 20%;
}
.body .modal_btn:nth-of-type(5){
  bottom: -13%;
  right: 23%;
}
.foods .box-shadow .img{
  width: 100%;
}
.food-main:nth-of-type(n+2){
  margin-top: 130px;
}
.foods.food-main:nth-of-type(1) .box-shadow:nth-of-type(1) .box-title{
  background: none;
  padding-left: 40px;
  text-align: left;
}
.foods.food-main:nth-of-type(1) .box-shadow:nth-of-type(1) .box-title::before{
  background: #FFF;
  border-radius: 28px 28px 0 0;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: calc(11em + 80px);
  z-index: -1;
}
.house{
  padding-block: 130px 110px;
}
.house::before{
  bottom: 99.6%;
  left: 16%;
  width: 11.32%;
}
.house .modal_btn:nth-of-type(1){
  top: 19%;
  left: 9%;
}
.house .modal_btn:nth-of-type(2){
  top: 19%;
  left: 27%;
}
.house .modal_btn:nth-of-type(3){
  top: 8%;
  left: 39%;
}
.house .modal_btn:nth-of-type(4){
  top: 28%;
  right: 42%;
}
.house .modal_btn:nth-of-type(5){
  top: 28%;
  right: 20%;
}
.house .modal_btn:nth-of-type(6){
  top: 45%;
  left: 9%;
}
.house .modal_btn:nth-of-type(7){
  bottom: 8.5%;
  left: 19%;
  line-height: 1.3;
}
.house .modal_btn:nth-of-type(8){
  bottom: 18.5%;
  left: 32.5%;
}
.house .modal_btn:nth-of-type(9){
  bottom: 18.5%;
  left: 53%;
}
.house .modal_btn:nth-of-type(10){
  bottom: 18.5%;
  right: 20.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: 230px;
}
@media screen and (min-width: 768px) {
  .allergy-wrapper{
    margin-top: 120px;
  }
}
@media screen and (max-width: 767px) {
  .sec_mv .mv_text{
    margin-bottom: 30px;
  }
  .feels .item:nth-of-type(1) .img, .feels .item:nth-of-type(2) .img{
    margin-bottom: -.5%;
  }
  .body{
    margin-top: 116px;
    margin-bottom: 15px;
  }
  .body .modal_btn:nth-of-type(1){
    top: -23%;
    left: -0.1%;
  }
  .body .modal_btn:nth-of-type(2){
    top: -23%;
    right: 12.9%;
  }
  .body .modal_btn:nth-of-type(3){
    bottom: 5.5%;
    left: -0.1%;
  }
  .body .modal_btn:nth-of-type(4){
    bottom: 5.5%;
    left: 21.5%;
  }
  .body .modal_btn:nth-of-type(5){
    bottom: -13%;
    right: 16%;
  }
  .foods.food-main:nth-of-type(1) .box-shadow:nth-of-type(1) .box-title{
    padding: 10px 15px 20px;
  }
  .foods.food-main:nth-of-type(1) .box-shadow:nth-of-type(1) .box-title::before{
    border-radius: 15px 15px 0 0;
    width: calc(11em + 30px);
  }
  .foods.food-main:nth-of-type(1) .box-shadow:nth-of-type(1) .img{
    padding-left: 5%;
  }
  .food-main:nth-of-type(n+2){
    margin-top: 80px;
  }
  .foods.food-main:nth-of-type(2) .box-shadow:nth-of-type(2) .img{
    width: 82%;
  }
  /* .food-sub .foods .box-shadow .img img{
    width: 90%;
  } */
  .house{
    padding-block: 60px 50px;
  }
  .house::before{
    width: 15.5%;
  }
  .house .modal_btn:nth-of-type(1){
    top: 18%;
    left: 1%;
  }
  .house .modal_btn:nth-of-type(2){
    top: 25%;
    left: 29%;
  }
  .house .modal_btn:nth-of-type(3){
    top: 5%;
    left: 23%;
  }
  .house .modal_btn:nth-of-type(4){
    top: 25%;
    right: 31%;
  }
  .house .modal_btn:nth-of-type(5){
    top: 25%;
    right: 3%;
  }
  .house .modal_btn:nth-of-type(6){
    top: 48%;
    left: 1%;
  }
  .house .modal_btn:nth-of-type(7){
    bottom: 4%;
    left: 14%;
  }
  .house .modal_btn:nth-of-type(8){
    bottom: 11.5%;
    left: 34%;
  }
  .house .modal_btn:nth-of-type(9){
    bottom: 11.5%;
    left: initial;
    right: 26%;
  }
  .house .modal_btn:nth-of-type(10){
    bottom: 11.5%;
    right: 3%;
  }
  .accordion .label_inner .text{
    min-width: 150px;
  }
}