img {
  vertical-align: bottom;
  width: 100%;
}

.stay_contents_wrap {
  background-image: url(../images/l-content__body_bg.jpg);
  margin-top: -6vw;
  padding: 0 0 15vw 0;
}
.stay_contents_wrap #stay_case01 {
  margin-bottom: 5vw;
}
.stay_contents_wrap #stay_case02 {
  margin-bottom: 5vw;
}
.stay_contents_wrap #stay_case03 {
  margin-bottom: 5vw;
}
.stay_contents_wrap #stay_pickup .hr1 {
  margin: 5vw auto;
  border-bottom: 5vw;
  border-color: #9fb1ae;
  width: 80vw;
}
.stay_contents_wrap #stay_pickup .stay_pickup_tit {
  text-align: center;
  margin: 0 0 5vw 0;
}
.stay_contents_wrap #stay_pickup .stay_pickup_tit h2.area_tit {
  font-size: clamp(22px, 1.73vw, 26px);
  margin: 0 0 1vw;
}
.stay_contents_wrap #stay_pickup .stay_pickup_tit p {
  font-size: clamp(16px, 1.26vw, 18px);
}
.stay_contents_wrap #stay_pickup .stay_pickup_area {
  margin: 0 15vw;
}
.stay_contents_wrap #stay_pickup .stay_pickup_area .stay_pickup_area_onsen {
  margin-top: 10vw;
}
.stay_contents_wrap #stay_pickup .stay_pickup_area .stay_pickup_area_eat {
  margin-top: 10vw;
}
.stay_contents_wrap #stay_pickup .stay_pickup_area h3.area_contents_tit {
  margin: 0 0 1.5vw 0;
  padding: 0 0 0 1.5vw;
  font-size: clamp(22px, 1.73vw, 26px);
  background-image: url(../images/h2_tit_img.png);
  background-position: 0.5% 58%;
  background-repeat: no-repeat;
}
.stay_contents_wrap #stay_pickup .stay_pickup_area .stay_pickup_area_wrap {
  display: flex;
  gap: 5vw 3vw;
  flex-wrap: wrap;
}
.stay_contents_wrap #stay_pickup .stay_pickup_area .stay_pickup_area_wrap .stay_pickup_area_detail {
  width: 30%;
}
.stay_contents_wrap #stay_pickup .stay_pickup_area .stay_pickup_area_wrap .stay_pickup_area_detail .tit {
  font-size: clamp(17px, 1.54vw, 22px);
}

@media screen and (min-width: 751px) and (max-width: 1279px) {
  .stay_contents_wrap {
    margin-top: -6%;
    padding: 0 0 15% 0;
  }
  .stay_contents_wrap #stay_case01 {
    margin-bottom: 5vw;
  }
  .stay_contents_wrap #stay_case02 {
    margin-bottom: 5vw;
  }
  .stay_contents_wrap #stay_case03 {
    margin-bottom: 5vw;
  }
  .stay_contents_wrap #stay_pickup .hr1 {
    margin: 5vw auto;
    border-bottom: 5vw;
    border-color: #9fb1ae;
    width: 80vw;
  }
  .stay_contents_wrap #stay_pickup .stay_pickup_tit {
    text-align: center;
    margin: 0 0 5vw 0;
  }
  .stay_contents_wrap #stay_pickup .stay_pickup_tit h2.area_tit {
    font-size: clamp(22px, 1.73vw, 26px);
    margin: 0 0 1.5vw;
  }
  .stay_contents_wrap #stay_pickup .stay_pickup_tit p {
    font-size: clamp(12px, 1.23vw, 16px);
  }
  .stay_contents_wrap #stay_pickup .stay_pickup_area {
    margin: 0 5vw;
  }
  .stay_contents_wrap #stay_pickup .stay_pickup_area h3.area_contents_tit {
    padding: 0 0 0 2.3vw;
    font-size: clamp(17px, 1.54vw, 22px);
    background-size: 2%;
  }
}
@media screen and (max-width: 750px) {
  .stay_contents_wrap {
    padding: 9% 0 8vh 0;
    margin: 60% 0 0 0;
  }
  .stay_contents_wrap #stay_case01 {
    margin-bottom: 15vw;
  }
  .stay_contents_wrap #stay_case02 {
    margin-bottom: 15vw;
  }
  .stay_contents_wrap #stay_case03 {
    margin-bottom: 10vw;
  }
  .stay_contents_wrap #stay_pickup .hr1 {
    width: 90vw;
  }
  .stay_contents_wrap #stay_pickup .stay_pickup_tit {
    margin: 14vw 0 9vw 0;
  }
  .stay_contents_wrap #stay_pickup .stay_pickup_tit h2.area_tit {
    font-size: clamp(22px, 1.73vw, 26px);
    margin: 0 0 1vw;
  }
  .stay_contents_wrap #stay_pickup .stay_pickup_tit p {
    font-size: clamp(16px, 1.26vw, 18px);
    margin: 6vw 0 0 0;
  }
  .stay_contents_wrap #stay_pickup .stay_pickup_area {
    margin: 0 10vw;
  }
  .stay_contents_wrap #stay_pickup .stay_pickup_area .stay_pickup_area_onsen {
    margin-top: 20vw;
  }
  .stay_contents_wrap #stay_pickup .stay_pickup_area .stay_pickup_area_eat {
    margin-top: 20vw;
  }
  .stay_contents_wrap #stay_pickup .stay_pickup_area h3.area_contents_tit {
    margin: 0 0 1.5vw 0;
    padding: 0 0 0 5.2vw;
    background-position: 0% 89%;
  }
  .stay_contents_wrap #stay_pickup .stay_pickup_area .stay_pickup_area_wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 10vw;
  }
  .stay_contents_wrap #stay_pickup .stay_pickup_area .stay_pickup_area_wrap .stay_pickup_area_detail {
    width: 100%;
  }
  .stay_contents_wrap #stay_pickup .stay_pickup_area .stay_pickup_area_wrap .stay_pickup_area_detail .tit {
    font-size: clamp(22px, 1.73vw, 26px);
  }
}
@media screen and (max-width: 375px) {
  .stay_contents_wrap {
    margin-top: 28vh;
    padding: 3vh 0 10vh 0;
  }
  .stay_contents_wrap #stay_case01 {
    margin-bottom: 15vw;
  }
  .stay_contents_wrap #stay_case02 {
    margin-bottom: 15vw;
  }
  .stay_contents_wrap #stay_case03 {
    margin-bottom: 10vw;
  }
  .stay_contents_wrap #stay_pickup .hr1 {
    width: 90vw;
  }
  .stay_contents_wrap #stay_pickup .stay_pickup_tit {
    margin: 14vw 12vw 9vw;
    line-height: 1.5;
  }
  .stay_contents_wrap #stay_pickup .stay_pickup_tit h2.area_tit {
    font-size: clamp(22px, 1.73vw, 26px);
    margin: 0 0 1vw;
  }
  .stay_contents_wrap #stay_pickup .stay_pickup_tit p {
    font-size: clamp(16px, 1.26vw, 18px);
    margin: 6vw 0 0 0;
  }
  .stay_contents_wrap #stay_pickup .stay_pickup_area {
    margin: 0 10vw;
  }
  .stay_contents_wrap #stay_pickup .stay_pickup_area .stay_pickup_area_onsen {
    margin-top: 20vw;
  }
  .stay_contents_wrap #stay_pickup .stay_pickup_area .stay_pickup_area_eat {
    margin-top: 20vw;
  }
  .stay_contents_wrap #stay_pickup .stay_pickup_area h3.area_contents_tit {
    margin: 0 0 1.5vw 0;
    padding: 0 0 0 5.2vw;
    background-position: 0% 89%;
  }
  .stay_contents_wrap #stay_pickup .stay_pickup_area .stay_pickup_area_wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 10vw;
  }
  .stay_contents_wrap #stay_pickup .stay_pickup_area .stay_pickup_area_wrap .stay_pickup_area_detail {
    width: 100%;
  }
  .stay_contents_wrap #stay_pickup .stay_pickup_area .stay_pickup_area_wrap .stay_pickup_area_detail .tit {
    font-size: clamp(17px, 5.94vw, 22px);
  }
}