@charset "utf-8";

.feels .item:nth-of-type(4) .img{
  bottom: -1%;
  right: -5%;
}
.feels .item:nth-of-type(5) .img{
  bottom: -.6%;
}
.feels .item .text{
  top: initial;
  left: initial;
}
.feels .item:nth-of-type(1) .text{
  top: 20%;
  right: 62.5%;
}
.feels .item:nth-of-type(2) .text{
  top: 45.5%;
  right: 66%;
}
.feels .item:nth-of-type(3) .text{
  top: 23%;
  left: 61%;
}
.feels .item:nth-of-type(4) .text{
  top: 26%;
  right: 65%;
}
.feels .item:nth-of-type(5) .text{
  top: 26%;
  right: 54%;
}
.body{
  margin-top: 125px;
}
.body .modal_btn:nth-of-type(1){
  top: -14%;
  left: 15.4%;
}
.body .modal_btn:nth-of-type(2){
  bottom: 23%;
  left: -2.6%;
}
.body .modal_btn:nth-of-type(3){
  top: 32%;
  left: 44.9%;
}
.body .modal_btn:nth-of-type(4){
  top: 36%;
  right: -.5%;
}
.body .modal_btn:nth-of-type(5){
  bottom: -15%;
  left: 12.8%;
}
.body .modal_btn:nth-of-type(6){
  bottom: -15%;
  left: 59%;
}
.foods .box-shadow .img{
  width: 100%;
}
.food-sub .foods .box-shadow:nth-of-type(1) .inner{
  width: 95%;
}
.box-caution .morecaution_item{
  max-width: 640px;
}
.box-caution .morecaution_item .list{
  padding-inline: 15px 7px;
}
/* .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: 50px 47px;
}
.house::before{
  bottom: 99.6%;
  left: 17%;
  width: 10%;
}
.house .modal_btn:nth-of-type(1){
  top: 22.6%;
  left: 11.8%;
}
.house .modal_btn:nth-of-type(2){
  top: 10%;
  left: 31%;
}
.house .modal_btn:nth-of-type(3){
  top: 10%;
  left: 49.6%;
}
.house .modal_btn:nth-of-type(4){
  top: 47%;
  left: 11.8%;
}
.house .modal_btn:nth-of-type(4) .text{
  font-size: 18px;
}
.house .modal_btn:nth-of-type(5){
  top: 60.4%;
  right: 31.5%;
}
.house .modal_btn:nth-of-type(6){
  top: 60.4%;
  right: 12%;
}
.house .modal_btn:nth-of-type(7){
  bottom: 1.5%;
  left: 21%;
  line-height: 1.3;
}
.house .modal_btn:nth-of-type(8){
  bottom: 8.2%;
  left: 37.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: 370px;
}
@media screen and (min-width: 768px) {
  .box-shadow-col2{
    gap: 100px 50px;
    justify-content: center;
  }
  .allergy-wrapper{
    margin-top: 120px;
  }
  .body .modal_btn:nth-of-type(3) .text{
    font-size: 25px;
  }
  .food-sub .foods .box-shadow:nth-of-type(2) .inner{
    padding-top: 30px;
  }
  .food-sub .foods .box-shadow:nth-of-type(3) .box-title{
    background: none;
    padding-left: 40px;
    text-align: left;
  }
  .food-sub .foods .box-shadow:nth-of-type(3) .box-title::before{
    background: #FFF;
    border-radius: 28px 28px 0 0;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: calc(6em + 80px);
    z-index: -1;
  }
}
@media screen and (max-width: 767px) {
  .sec_mv .mv_text{
    margin-bottom: 30px;
  }
  .feels .item:nth-of-type(4) .img, .feels .item:nth-of-type(5) .img{
    margin-bottom: -.5%;
  }
  .feels .item:nth-of-type(1) .text{
    top: 19%;
    right: 66.5%;
  }
  .body{
    margin-top: 92px;
    margin-bottom: 15px;
  }
  .body .modal_btn:nth-of-type(1){
    top: -12%;
    left: 31.9%;
  }
  .body .modal_btn:nth-of-type(2){
    top: -1%;
    left: -1.1%;
  }
  .body .modal_btn:nth-of-type(3){
    top: 33.5%;
    left: 39.9%;
  }
  .body .modal_btn:nth-of-type(4){
    top: 36.5%;
    right: -0.5%;
  }
  .body .modal_btn:nth-of-type(5){
    bottom: -1%;
    left: 2%;
  }
  .body .modal_btn:nth-of-type(6){
    bottom: -11%;
    left: 68%;
  }
  .food-sub .foods .box-shadow:nth-of-type(1) .img img{
    width: 80%;
  }
  .food-sub .foods .box-shadow:nth-of-type(2) .img img{
    width: 81%;
  }
  .food-sub .foods .box-shadow:nth-of-type(3) .img img{
    width: 65%;
  }
  /* .food-sub .foods .box-shadow:nth-of-type(3) .box-title{
    padding: 10px 15px 20px;
  }
  .food-sub .foods .box-shadow:nth-of-type(3) .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) .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: 23px 24px;
  }
  .house::before{
    width: 15.5%;
  }
  .house .inner img{
    width: 93%;
  }
  .house .modal_btn:nth-of-type(1){
    top: 14%;
    left: 2%;
  }
  .house .modal_btn:nth-of-type(2){
    top: 5%;
    left: 22%;
  }
  .house .modal_btn:nth-of-type(3){
    top: 5%;
    left: 46.9%;
  }
  .house .modal_btn:nth-of-type(4){
    top: 41.5%;
    left: 1.5%;
  }
  .house .modal_btn:nth-of-type(4) .text{
    font-size: 11px;
  }
  .house .modal_btn:nth-of-type(5){
    top: 63%;
    right: 25%;
  }
  .house .modal_btn:nth-of-type(6){
    top: 63%;
    right: 3%;
  }
  .house .modal_btn:nth-of-type(7){
    bottom: 4%;
    left: 15%;
  }
  .house .modal_btn:nth-of-type(8){
    bottom: 4%;
    left: 37%;
  }
  .accordion .label_inner .text{
    min-width: initial;
    max-width: 238px;
    width: 100%;
  }
}

