@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;
}

.feels .item:nth-of-type(3) .img,
.feels .item:nth-of-type(4) .img,
.feels .item:nth-of-type(5) .img{
  bottom: -1.1%;
}
.feels .item .text{
  left: inherit;
  top: inherit;
}
.feels .item:nth-of-type(1) .img{
  right: -.9%;
}
.feels .item:nth-of-type(1) .text{
  top: 29.5%;
  left: 11.5%;
}
.feels .item:nth-of-type(2) .text{
  top: 29.5%;
  right: 18%;
}
.feels .item:nth-of-type(3) .img{
  margin-top: -10.5%;
}
.feels .item:nth-of-type(3) .text{
  top: 42.5%;
  left: 13.5%;
}
.feels .item:nth-of-type(4) .text{
  top: 28%;
  right: 14%;
}
.feels .item:nth-of-type(5) .text{
  top: 30%;
  right: 9%;
}
.body .modal_btn:nth-of-type(1){
  top: -11.5%;
  left: 7.9%;
}
.body .modal_btn:nth-of-type(2){
  top: 8.8%;
  left: 54%;
}
.body .modal_btn:nth-of-type(3){
  top: 5.5%;
  right: 10.2%;
  letter-spacing: -.1em;
}
.body .modal_btn:nth-of-type(4){
  bottom: -.5%;
  left: 13.8%;
}
.body .modal_btn:nth-of-type(5){
  bottom: -7%;
  right: 4.5%;
}
.box-caution .morecaution_item .list{
  letter-spacing: -.05em;
}
.house .modal_btn:nth-of-type(1){
  top: 19.5%;
  left: 11%;
}
.house .modal_btn:nth-of-type(2){
  top: 8%;
  left: 26%;
}
.house .modal_btn:nth-of-type(3){
  top: 19.5%;
  left: 40%;
}
.house .modal_btn:nth-of-type(4){
  top: 8%;
  right: 21.4%;
}
.house .modal_btn:nth-of-type(5){
  top: 44%;
  left: 11%;
}
.house .modal_btn:nth-of-type(6){
  top: 44%;
  right: 34.6%;
}
.house .modal_btn:nth-of-type(7){
  bottom: 15.8%;
  left: 11%;
}
.house .modal_btn:nth-of-type(8){
  bottom: 4.8%;
  left: 26%;
}
.house .modal_btn:nth-of-type(9){
  bottom: 15.8%;
  left: 41%;
}
.house .modal_btn:nth-of-type(10){
  bottom: 15.8%;
  right: 27%;
}
.house::before{
  background: url("../img/webp/sec4_animal.webp") center bottom / contain no-repeat;
  background-image: url("../img/sec4_animal.png");
}
.no-webp .house::before{
  background-image: url("../img/sec4_animal.png");
}
.accordion .label_inner .text{
  padding-inline: 3px;
  min-width: 185px;
}
@media screen and (min-width: 768px) {
  .foods .box-shadow .inner{
    padding-bottom: 32px;
  }
  .foods .box-shadow .text{
    padding-bottom: 8px;
  }
  .sec2 .sec_wrapper{
    padding-bottom: 300px;
  }
  .body{
    margin-top: 143px;
  }
  .food-main:nth-of-type(n+2){
    margin-top: 158px;
  }
  .food-sub .foods .box-shadow:nth-of-type(1) .inner{
    padding-top: 32px;
  }
  .house{
    padding-top: 110px;
    padding-bottom: 85px;
  }
}
@media screen and (max-width: 767px) {
  .feels .item:nth-of-type(1) .text{
    top: 25.5%;
    left: 10.5%;
  }
  .feels .item:nth-of-type(2) .text{
    top: 23.5%;
    right: 14%;
  }
  .feels .item:nth-of-type(4) .text{
    top: 24%;
    right: 6%;
  }
  .feels .item:nth-of-type(5) .text{
    top: 27%;
    right: 8%;
  }
  .foods:nth-of-type(n+2){
    margin-top: 95px;
  }
  .foods + .intro_text{
    width: initial;
  }
  .sec2.sec .sec_wrapper{
    padding-bottom: 165px;
  }
  .sec2 .inner{
    width: 100%;
  }
  .body{
    margin-top: 88px;
  }
  .body .modal_btn:nth-of-type(1) {
    top: -25%;
    left: 6.8%;
  }
  .body .modal_btn:nth-of-type(2){
    top: 10.6%;
    right: 28.9%;
    left: initial;
  }
  .body .modal_btn:nth-of-type(3){
    top: -15.5%;
    right: 7%;
  }
  .body .modal_btn:nth-of-type(4){
    bottom: -5.5%;
    left: 6.8%;
  }
  .body .modal_btn:nth-of-type(5){
    bottom: -21%;
    right: 7%;
  }
  .house{
    padding: 40px 0 43px;
  }
  .house .inner{
    width: 92%;
  }
  .house .modal_btn:nth-of-type(1){
    top: 13%;
    left: 0.5%;
  }
  .house .modal_btn:nth-of-type(2){
    top: 3%;
    left: 18%;
  }
  .house .modal_btn:nth-of-type(3){
    top: 13%;
    left: 37%;
  }
  .house .modal_btn:nth-of-type(3) .text,
  .house .modal_btn:nth-of-type(5) .text{
    font-size: 11px;
    font-size: 2.933vw;
  }
  .house .modal_btn:nth-of-type(4){
    top: 3%;
    right: 11%;
  }
  .house .modal_btn:nth-of-type(5){
    top: 41%;
    left: 0.5%;
  }
  .house .modal_btn:nth-of-type(6){
    top: 41%;
    right: 30%;
  }
  .house .modal_btn:nth-of-type(7){
    bottom: 23%;
    left: 0.5%;
  }
  .house .modal_btn:nth-of-type(8){
    bottom: 2.8%;
    left: 19%;
  }
  .house .modal_btn:nth-of-type(9){
    bottom: 15.8%;
    left: 37%;
  }
  .house .modal_btn:nth-of-type(10){
    bottom: 15.8%;
    right: 21%;
  }
  .accordion .label_inner .text{
    padding-inline: 2px;
    min-width: 125px;
  }
}