@charset "utf-8";

.feels{
  margin-top: 45px;
}
.feels .item:nth-of-type(1) .img{
  bottom: -1%;
}
.feels .item:nth-of-type(2) .img{
  right: -1.8%;
}
.feels .item .text{
  top: initial;
  left: initial;
}
.feels .item:nth-of-type(1) .text{
  top: 38%;
  left: 19.5%;
}
.feels .item:nth-of-type(2) .text{
  top: 33.5%;
  left: 14%;
}
.feels .item:nth-of-type(3) .text{
  top: 28%;
  left: 10%;
  letter-spacing: .2em;
}
.feels .item:nth-of-type(4) .text{
  top: 28%;
  left: 70%;
}

.body{
  margin-block: 145px 30px;
  padding-left: 25px;
}
.body .modal_btn:nth-of-type(1){
  top: -7%;
  left: -1.1%;
}
.body .modal_btn:nth-of-type(1) .text{
  font-size: 25px;
  letter-spacing: -.08em;
}
.body .modal_btn:nth-of-type(2){
  top: -18%;
  right: 8.4%;
}
.body .modal_btn:nth-of-type(3){
  bottom: -14%;
  left: 15.9%;
}
.body .modal_btn:nth-of-type(4){
  bottom: -14%;
  right: 22%;
}

.house{
  padding-block: 130px 110px;
}
.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;
  bottom: 99.6%;
  left: 18%;
  width: 10.72%;
}
.no-webp .house::before{
  background-image: url("../img/sec4_animal.png");
}
.house .inner{
  padding-left: 50px;
  max-width: 695px;
}
.house .modal_btn:nth-of-type(1){
  top: 7.5%;
  left: 16%;
}
.house .modal_btn:nth-of-type(1) .text{
  font-size: 18px;
  letter-spacing: -.05em;
}
.house .modal_btn:nth-of-type(2){
  top: 7.5%;
  left: 44%;
}
.house .modal_btn:nth-of-type(3){
  top: 7.5%;
  right: 9%;
}
.house .modal_btn:nth-of-type(4){
  top: 27%;
  left: 8%;
}
.house .modal_btn:nth-of-type(5){
  top: 27%;
  left: 47%;
  line-height: 1.3;
}
.house .modal_btn:nth-of-type(5) .text{
  line-height: .8;
}
.house .modal_btn:nth-of-type(6){
  top: 52%;
  left: 8%;
}
.house .modal_btn:nth-of-type(6) .text{
  font-size: 18px;
  letter-spacing: -.05em;
}
.house .modal_btn:nth-of-type(7){
  top: 52%;
  right: 9%;
  line-height: 1.2;
}
.house .modal_btn:nth-of-type(7) .text{
  font-size: 18px;
  letter-spacing: -.05em;
}
.house .modal_btn:nth-of-type(8){
  bottom: 7%;
  left: 15.5%;
  line-height: 1.3;
}
.house .modal_btn:nth-of-type(9){
  bottom: 10.5%;
  left: 32%;
}
.house .modal_btn:nth-of-type(10){
  bottom: 10.5%;
  right: 39.5%;
}
.house .modal_btn:nth-of-type(11){
  bottom: 10.5%;
  right: 22.5%;
}
.accordion .label_inner .text{
  min-width: 230px;
}
@media screen and (min-width: 768px) {
  .feels{
    margin-top: 100px;
    row-gap: 100px;
  }
  .foods.box-shadow-col2{
    gap: 100px 50px;
    justify-content: center;
  }
  .foods.box-shadow-col2 .item:nth-of-type(3){
    max-width: 490px;
    width: calc(100% - 25px);
  }
  .foods.box-shadow-col2 .item:nth-of-type(3) .box-title{
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .mv2{
    margin-top: 30px;
  }
  .feels .item:nth-of-type(1) .text{
    top: 42%;
    left: 15.5%;
  }
  .feels .item:nth-of-type(2) .text{
    left: 8%;
  }
  .feels .item:nth-of-type(3) .text{
    top: 34%;
    left: 8%;
  }
  .feels .item:nth-of-type(4) .text {
    top: 38%;
    left: 73%;
  }
  .feels .item:nth-of-type(4) img{
    bottom: -5%;
  }
  .body {
    margin-block: 120px 20px;
    padding-left: 0;
  }
  .body .modal_btn:nth-of-type(1){
    top: -29%;
    left: 8.9%;
  }
  .body .modal_btn:nth-of-type(1) .text{
    font-size: 15px;
  }
  .body .modal_btn:nth-of-type(2){
    top: -29%;
    right: 5.4%;
  }
  .body .modal_btn:nth-of-type(3){
    bottom: -16%;
    left: 8.9%;
  }
  .body .modal_btn:nth-of-type(4){
    bottom: -16%;
    right: 24%;
  }
  .foods .box-shadow:nth-of-type(3) .img{
    width: 100%;
  }
  .house{
    padding-block: 83px 66px;
  }
  .house::before{
    width: 14.72%;
  }
  .house .inner{
    padding: 0;
  }
  .house .modal_btn:nth-of-type(1) .text,
  .house .modal_btn:nth-of-type(6) .text,
  .house .modal_btn:nth-of-type(7) .text{
    font-size: 11px;
  }
  .house .modal_btn:nth-of-type(1) {
    top: 3.5%;
    left: 19%;
  }
  .house .modal_btn:nth-of-type(2){
    left: 42%;
  }
  .house .modal_btn:nth-of-type(3) {
    top: 13.5%;
    right: 8%;
  }
  .house .modal_btn:nth-of-type(4) {
    top: 17%;
    left: 1%;
  }
  .house .modal_btn:nth-of-type(5) {
    top: 30%;
    left: 43%;
  }
  .house .modal_btn:nth-of-type(6) {
    top: 45%;
    left: 1%;
  }
  .house .modal_btn:nth-of-type(7){
    top: 50%;
    right: 3%;
  }
  .house .modal_btn:nth-of-type(8){
    bottom: 7%;
    left: 1%;
  }
  .house .modal_btn:nth-of-type(9){
    bottom: 10.5%;
    left: 23%;
  }
  .house .modal_btn:nth-of-type(10){
    bottom: 10.5%;
  }
  .house .modal_btn:nth-of-type(11){
    bottom: 10.5%;
    right: 18%;
  }
  .accordion .label_inner .text{
    min-width: 145px;
  }
}