@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;
}
.accordion .label_inner .text .fontS-S{
  font-size: .9em;
}

.feels .item .text{
  left: inherit;
  top: inherit;
}
.feels .item:nth-of-type(2) .img,
.feels .item:nth-of-type(3) .img,
.feels .item:nth-of-type(5) .img{
  bottom: -1.1%;
}
.feels .item:nth-of-type(1) .img{
  right: -.9%;
}
.feels .item:nth-of-type(1) .text{
  top: 26.5%;
  left: 12.5%;
}
.feels .item:nth-of-type(2) .text{
  top: 31.5%;
  right: 17.2%;
}
.feels .item:nth-of-type(3) .text{
  top: 22.5%;
  left: 12.5%;
}
.feels .item:nth-of-type(4) .text{
  bottom: 6.5%;
  left: 18%;
}
.feels .item:nth-of-type(5) .text{
  top: 24.5%;
  left: 10%;
}
.body .modal_btn:nth-of-type(1){
  top: -21%;
  left: 5.3%;
}
.body .modal_btn:nth-of-type(2){
  top: -3.8%;
  right: 40.7%;
}
.body .modal_btn:nth-of-type(3){
  top: 28.5%;
  right: 14.6%;
}
.body .modal_btn:nth-of-type(4){
  bottom: 29.5%;
  left: 7.5%;
}
.body .modal_btn:nth-of-type(5){
  bottom: -11%;
  right: 42.5%;
}
.box-caution .morecaution_item .list{
  letter-spacing: -.05em;
}
.house .modal_btn:nth-of-type(1){
  top: 18%;
  left: 10.5%;
}
.house .modal_btn:nth-of-type(2){
  top: 7%;
  left: 30%;
}
.house .modal_btn:nth-of-type(3){
  top: 18%;
  right: 24.5%;
}
.house .modal_btn:nth-of-type(4){
  top: 28.5%;
  left: 26.8%;
}
.house .modal_btn:nth-of-type(5){
  top: 28.5%;
  left: 46.7%;
}
.house .modal_btn:nth-of-type(6){
  top: 49.5%;
  left: 10.5%;
}
.house .modal_btn:nth-of-type(7){
  bottom: 5.8%;
  left: 30%;
}
.house .modal_btn:nth-of-type(8){
  bottom: 16%;
  left: 43%;
}
.house .modal_btn:nth-of-type(9){
  bottom: 16%;
  right: 13%;
}
.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: 270px;
}
@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: 295px;
  }
  .body{
    margin-top: 154px;
  }
  .food-main:nth-of-type(n+2){
    margin-top: 158px;
  }
  .house{
    padding-top: 100px;
    padding-bottom: 50px;
  }
  .house::before{
    width: 8.75%;
  }
}
@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: 29.5%;
    right: 12%;
  }
  .feels .item:nth-of-type(3) .text{
    top: 20.5%;
    left: 12.5%;
  }
  .feels .item:nth-of-type(4) .text{
    bottom: 6%;
    left: 17%;
  }
  .feels .item:nth-of-type(5) .text{
    top: 24%;
    left: 8%;
  }
  .foods:nth-of-type(n+2){
    margin-top: 95px;
  }
  .foods + .intro_text{
    width: initial;
  }
  .sec2 .inner{
    width: 92%;
  }
  .body{
    margin-top: 78px;
  }
  .body .modal_btn:nth-of-type(1) {
    top: -12%;
    left: 10.7%;
  }
  .body .modal_btn:nth-of-type(2){
    top: -5.4%;
    right: 33.7%;
  }
  .body .modal_btn:nth-of-type(3){
    top: initial;
    bottom: 42.5%;
    right: 10%;
  }
  .body .modal_btn:nth-of-type(4){
    bottom: 26.5%;
    left: -0.5%;
  }
  .body .modal_btn:nth-of-type(5){
    right: 34.5%;
  }
  .sec4 .ttl-img{
    width: 94%;
  }
  .house{
    padding: 37px 0 24px;
  }
  .house::before{
    width: 13%;
  }
  .house .inner{
    width: 94%;
  }
  .house .modal_btn:nth-of-type(1){
    top: 14.5%;
    left: -0.5%;
  }
  .house .modal_btn:nth-of-type(2){
    top: 2%;
    left: 21.5%;
  }
  .house .modal_btn:nth-of-type(3){
    top: 14.5%;
    right: 15%;
  }
  .house .modal_btn:nth-of-type(4){
    top: 25%;
    left: 21.5%;
  }
  .house .modal_btn:nth-of-type(5){
    top: 25%;
    left: 47%;
  }
  .house .modal_btn:nth-of-type(5) .text{
    font-size: 11px;
    font-size: 2.933vw;
  }
  .house .modal_btn:nth-of-type(6){
    top: 45.8%;
    left: -0.5%;
  }
  .house .modal_btn:nth-of-type(7){
    bottom: 4.5%;
    left: 21.5%;
  }
  .house .modal_btn:nth-of-type(8){
    bottom: 13.8%;
    left: 44%;
  }
  .house .modal_btn:nth-of-type(9){
    bottom: 13.8%;
    right: 4%;
  }
  .accordion .label_inner .text{
    padding-inline: 0;
    min-width: 172px;
  }
  .accordion .label .note{
    font-size: 10px;
    margin-left: 3px;
    transform: scale(.8);
    transform-origin: left;
    margin-right: -7%;
  }
}