@charset "utf-8";

.feels .item:nth-of-type(1) .img,
.feels .item:nth-of-type(2) .img{
  bottom: -.3%;
  margin-bottom: -1%;
}
.feels .item .text{
  top: initial;
  left: initial;
}
.feels .item:nth-of-type(1) .text{
  top: 26%;
  left: 17.5%;
}
.feels .item:nth-of-type(2) .text{
  top: 33.5%;
  left: 59%;
}
.feels .item:nth-of-type(3) .text{
  top: 20%;
  right: 64%;
}
.feels .item:nth-of-type(4) .text{
  top: 20%;
  left: 0;
  text-align: center;
  width: 100%;
}
.body{
  margin-top: 170px;
}
.body .modal_btn:nth-of-type(1){
  top: -20%;
  left: 41.9%;
}
.body .modal_btn:nth-of-type(2){
  top: -4.4%;
  right: 11.9%;
}
.body .modal_btn:nth-of-type(3){
  bottom: 15.5%;
  left: -4.5%;
}
.body .modal_btn:nth-of-type(4){
  bottom: -12%;
  right: 5%;
}
.foods.food-main .box-shadow .box-title:nth-of-type(1){
  background: none;
  padding-left: 40px;
  text-align: left;
}
.foods.food-main .box-shadow .box-title:nth-of-type(1)::before{
  background: #FFF;
  border-radius: 28px 28px 0 0;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: calc(7em + 80px);
  z-index: -1;
}
.foods.food-main .box-shadow .box-title:nth-of-type(2){
  left: 50%;
}
.foods.food-main .box-shadow .img{
  margin-top: 40px;
}
.food-sub .box-shadow .img{
  width: 100%;
}
.house{
  padding-block: 55px;
}
.house::before{
  width: 10.12%;
}
.house .modal_btn:nth-of-type(1){
  top: 13%;
  left: 12%;
}
.house .modal_btn:nth-of-type(2){
  top: 3%;
  left: 44%;
}
.house .modal_btn:nth-of-type(3){
  top: 35%;
  left: 12%;
}
.house .modal_btn:nth-of-type(4),.house .modal_btn:nth-of-type(5){
  font-size: 18px;
}
.house .modal_btn:nth-of-type(4){
  top: 26%;
  right: 38%;
}
.house .modal_btn:nth-of-type(5){
  top: 28.7%;
  right: 11%;
}
.house .modal_btn:nth-of-type(6){
  top: 49%;
  left: 31%;
}
.house .modal_btn:nth-of-type(7){
  bottom: 28%;
  right: 11%;
}
.house .modal_btn:nth-of-type(8){
  bottom: 11.5%;
  left: 36%;
}
.house .modal_btn:nth-of-type(9){
  bottom: 4%;
  left: 21.5%;
  line-height: 1.3;
}
.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");
}
@media screen and (min-width: 768px) {
  .foods.food-main .box-shadow .inner{
    display: flex;
    flex-wrap: wrap;
  }
  .foods.food-main .box-shadow .img:nth-of-type(1){
    margin-left: 0;
    width: 38.2%;
  }
  .foods.food-main .box-shadow .img:nth-of-type(2){
    width: 46.75%;
  }
  .foods.food-main .box-shadow .label,
  .foods .box-shadow .text{
    margin-top: 0;
  }
  .foods.food-main .box-shadow .text-box{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    margin-top: 50px;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .sec_mv .mv_text{
    margin-bottom: 25px;
  }
  .feels .item:nth-of-type(1) .img, .feels .item:nth-of-type(2) .img{
    margin-bottom: -.5%;
  }
  .body{
    margin-top: 105px;
  }
  .body .modal_btn:nth-of-type(1){
    top: -27%;
    left: 37.9%;
  }
  .body .modal_btn:nth-of-type(2){
    top: -0.4%;
    right: 14.9%;
  }
  .body .modal_btn:nth-of-type(3){
    bottom: 7.5%;
    left: -0.5%;
  }
  .body .modal_btn:nth-of-type(4){
    bottom: -13%;
    right: 7%;
  }
  .foods.food-main .box-shadow .box-title:nth-of-type(1){
    padding: 10px 15px 20px;
  }
  .foods.food-main .box-shadow .box-title:nth-of-type(1)::before{
    border-radius: 15px 15px 0 0;
    width: calc(7em + 30px);
  } 
  .foods.food-main .box-shadow .box-title:nth-of-type(2){
    padding-block: 20px 15px;
    position: initial;
    max-width: fit-content;
    margin-left: -5%;
    text-align: left;
  }
  .foods.food-main .box-shadow .img{
    margin-top: 30px;
    width: 88%;
  }
  .foods.food-main .box-shadow .img:nth-of-type(2){
    margin-top: 0;
  }
  .foods.food-main .box-shadow .label{
    margin-top: 30px;
  }
  .food-sub .foods .box-shadow .img img{
    width: 90%;
  }
  .food-sub .foods .item:nth-of-type(1) .img img{
    width: 76%;
  }
  .box-caution .morecaution_item .list{
    width: 92%;
  }
  .house{
    padding-block: 24px;
    text-align: center;
  }
  .house::before{
    width: 14.5%;
  }
  .house .inner img{
    width: 95%;
  }
  .house .modal_btn:nth-of-type(1){
    top: 10%;
    left: 2%;
  }
  .house .modal_btn:nth-of-type(2){
    top: 1%;
    left: 28%;
  }
  .house .modal_btn:nth-of-type(3){
    left: 2%;
  }
  .house .modal_btn:nth-of-type(4){
    top: 10%;
    right: 30%;
  }
  .house .modal_btn:nth-of-type(5){
    top: 29.7%;
    right: 2%;
  }
  .house .modal_btn:nth-of-type(6){
    top: 46%;
    left: 25%;
  }
  .house .modal_btn:nth-of-type(7){
    bottom: 2%;
    right: 2%;
  }
  .house .modal_btn:nth-of-type(8){
    bottom: 10.5%;
    left: 34%;
  }
  .house .modal_btn:nth-of-type(9){
    bottom: 2%;
    left: 13.5%;
  }
}