@charset "UTF-8";
img {
  vertical-align: bottom;
  width: 100%;
}

/*==================================
fv
==================================*/
.fv .fv-slider {
  width: 100%;
}
.fv .fv-slider img {
  margin: 0 auto;
}
.fv .fv-slider span.s-fade-text {
  position: absolute;
  top: 20%;
  writing-mode: vertical-rl;
  text-align: left;
  right: 360px;
  width: 100%;
  line-height: 1.5;
  color: white;
  font-size: clamp(28px, 2.2vw, 32px);
}
.fv .textarea {
  margin: 1vw 29vw 0.8vw 27vw;
  color: #000;
}
.fv .textarea h2 {
  font-size: 15px;
}
.fv .swiper-button-prev:after,
.fv .swiper-rtl .swiper-button-next:after {
  color: #000;
  font-size: 30px;
}
.fv .swiper-button-next:after,
.fv .swiper-rtl .swiper-button-prev:after {
  color: #000;
  font-size: 30px;
}
.fv .swiper-button-prev,
.fv .swiper-rtl .swiper-button-next {
  left: 5vw;
}
.fv .swiper-button-next,
.fv .swiper-rtl .swiper-button-prev {
  right: 5vw;
}

.fv_deco {
  margin-bottom: -18vw;
}
.fv_deco .fv_deco01 {
  position: relative;
  z-index: 6;
  bottom: 9vh;
}
.fv_deco .fv_deco02 {
  position: relative;
  z-index: 5;
  bottom: 51vh;
}

@media screen and (min-width: 1280px) and (max-width: 1550px) {
  .fv_deco {
    margin-bottom: -18vw;
  }
  .fv_deco .fv_deco01 {
    position: relative;
    z-index: 6;
    bottom: 4vh;
  }
  .fv_deco .fv_deco02 {
    position: relative;
    z-index: 5;
    bottom: 38vh;
  }
}
@media screen and (min-width: 751px) and (max-width: 1279px) {
  .fv .fv-slider {
    width: 100%;
  }
  .fv .fv-slider img {
    margin: 0 auto;
  }
  .fv .fv-slider span.s-fade-text {
    right: 19%;
    font-size: clamp(22px, 1.73vw, 26px);
  }
  .fv .textarea {
    margin: 1vw 29vw 0.8vw 27vw;
    color: #000;
  }
  .fv .textarea h2 {
    font-size: 15px;
  }
  .fv .swiper-button-prev:after,
  .fv .swiper-rtl .swiper-button-next:after {
    color: #000;
    font-size: 30px;
  }
  .fv .swiper-button-next:after,
  .fv .swiper-rtl .swiper-button-prev:after {
    color: #000;
    font-size: 30px;
  }
  .fv .swiper-button-prev,
  .fv .swiper-rtl .swiper-button-next {
    left: 5vw;
  }
  .fv .swiper-button-next,
  .fv .swiper-rtl .swiper-button-prev {
    right: 5vw;
  }
  .fv_deco {
    margin-bottom: -18vw;
  }
  .fv_deco .fv_deco01 {
    position: relative;
    z-index: 6;
    bottom: 3vh;
  }
  .fv_deco .fv_deco02 {
    position: relative;
    z-index: 5;
    bottom: 15vh;
  }
}
@media screen and (min-width: 750px) and (max-width: 1000px) {
  .fv_deco .fv_deco01 {
    bottom: 0vh;
  }
  .fv_deco .fv_deco02 {
    bottom: 11vh;
  }
}
@media screen and (max-width: 750px) {
  .fv .fv-slider {
    width: 100%;
  }
  .fv .fv-slider img {
    margin: 0 auto;
  }
  .fv .fv-slider span.s-fade-text {
    top: 26%;
    display: flex;
    right: 0;
    width: 100%;
    line-height: 1.8;
    align-items: center;
  }
  .fv .textarea {
    margin: 1vw 29vw 0.8vw 27vw;
    color: #000;
  }
  .fv .textarea h2 {
    font-size: 15px;
  }
  .fv .swiper-button-prev:after,
  .fv .swiper-rtl .swiper-button-next:after {
    color: #000;
    font-size: 30px;
  }
  .fv .swiper-button-next:after,
  .fv .swiper-rtl .swiper-button-prev:after {
    color: #000;
    font-size: 30px;
  }
  .fv .swiper-button-prev,
  .fv .swiper-rtl .swiper-button-next {
    left: 5vw;
  }
  .fv .swiper-button-next,
  .fv .swiper-rtl .swiper-button-prev {
    right: 5vw;
  }
  .fv_deco {
    margin-bottom: -50vw;
  }
  .fv_deco .fv_deco01 {
    bottom: 13vw;
  }
  .fv_deco .fv_deco02 {
    bottom: 40vw;
  }
}
/*==================================
sec1
==================================*/
.sec1 {
  background: url(../images/sec1_bg.jpg);
  margin-top: -20.6vw;
  position: relative;
  z-index: 6;
}
.sec1 .sec1_intro {
  position: relative;
  padding: 1vw 0 6vw;
}
.sec1 .sec1_intro_wrap {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  padding: 0.5vw 0 0 0;
}
.sec1 .sec1_intro_wrap_tit {
  writing-mode: vertical-rl;
  font-size: clamp(22px, 1.73vw, 26px);
  line-height: 1.5;
  margin: 0 0 0 3vw;
  z-index: 3;
}
.sec1 .sec1_intro_wrap_exp {
  line-height: 2.3;
  z-index: 3;
  writing-mode: vertical-rl;
  font-size: clamp(16px, 1.26vw, 18px);
  line-height: 2.3;
}
.sec1 .sec1_intro_wrap::before {
  z-index: 1;
  width: 55%;
  height: 55%;
  left: 0vw;
  top: 3vw;
  position: absolute;
  display: block;
  content: "";
  background: url(../images/mate_mt03.png) center center/contain no-repeat;
}
.sec1 .sec1_intro_wrap::after {
  z-index: 2;
  width: 50%;
  height: 25%;
  right: 1vw;
  top: 5vw;
  position: absolute;
  display: block;
  content: "";
  background: url(../images/mate_mt02.png) center center/contain no-repeat;
}
.sec1 .sec1_slide .sec1-slider {
  width: 100%;
}
.sec1 .sec1_slide .sec1-slider img {
  margin: 0 auto;
}
.sec1 .sec1_video iframe {
  width: 100%;
  aspect-ratio: 16/9;
}

@media screen and (min-width: 1280px) and (max-width: 1550px) {
  .sec1 .sec1_intro_wrap::before {
    height: 52%;
    width: 20%;
    left: 11vw;
  }
  .sec1 .sec1_intro_wrap::after {
    width: 20%;
    height: 36%;
    right: 11vw;
    top: 5vw;
  }
}
@media screen and (min-width: 751px) and (max-width: 1279px) {
  .sec1 .sec1_intro_wrap::before {
    height: 42%;
    width: 30%;
    left: 0vw;
    top: 13vw;
  }
  .sec1 .sec1_intro_wrap::after {
    width: 24%;
    height: 26%;
    right: 1vw;
    top: 12vw;
  }
}
@media screen and (max-width: 750px) {
  .sec1 {
    background: url(../images/sec1_bg_sp.jpg);
    background-size: 100%;
  }
  .sec1 .sec1_intro {
    position: relative;
    padding: 10vw 0 20vw;
  }
  .sec1 .sec1_intro_wrap {
    display: flex;
    flex-direction: column;
    padding: 0.5vw 0 0 0;
    align-items: center;
  }
  .sec1 .sec1_intro_wrap_tit {
    writing-mode: vertical-rl;
    font-size: clamp(22px, 1.73vw, 26px);
    line-height: 1.5;
    margin: 0 0 0 3vw;
    z-index: 3;
  }
  .sec1 .sec1_intro_wrap_exp {
    margin: 10vw 0 0 0;
  }
  .sec1 .sec1_intro_wrap::before {
    z-index: 1;
    width: 40%;
    height: 40%;
    left: -3vw;
    top: 3vw;
    background: url(../images/mate_mt03_sp.png) center center/contain no-repeat;
  }
  .sec1 .sec1_intro_wrap::after {
    width: 35%;
    height: 35%;
    right: 0vw;
    background: url(../images/mate_mt02_sp.png) center center/contain no-repeat;
  }
  .sec1 .sec1_slide .sec1-slider {
    width: 100%;
  }
  .sec1 .sec1_slide .sec1-slider img {
    margin: 0 auto;
  }
  .sec1 .sec1_video iframe {
    width: 100%;
    aspect-ratio: 16/9;
  }
}
/*==================================
sec2
==================================*/
.sec2 {
  background: url(../images/sec2_bg.jpg);
  padding: 10vw 0 10vw 0;
}
.sec2_onsen {
  position: relative;
}
.sec2_room {
  position: relative;
  margin: 12vw 0 0 0;
}
.sec2_meal {
  position: relative;
  margin: 12vw 0 0 0;
}
.sec2 .p-media-content__thumbnail {
  width: 72%;
  height: 680px;
}
.sec2 .sec2_meal .right_layout .right_layout_inner .right_layout_body,
.sec2 .sec2_onsen .right_layout .right_layout_inner .right_layout_body {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 2vw 6vw 0px 6.1vw;
  z-index: 1;
  margin-top: 50px;
}

@media screen and (min-width: 1280px) and (max-width: 1550px) {
  .sec2 .p-media-content__thumbnail {
    height: 52vh;
  }
  .sec2 .sec2_meal .right_layout .right_layout_inner .right_layout_body,
  .sec2 .sec2_onsen .right_layout .right_layout_inner .right_layout_body {
    margin-top: 3%;
  }
}
@media screen and (min-width: 751px) and (max-width: 1279px) {
  .sec2 .p-media-content__thumbnail {
    height: 52vh;
  }
  .sec2 .sec2_meal .right_layout .right_layout_inner .right_layout_body,
  .sec2 .sec2_onsen .right_layout .right_layout_inner .right_layout_body {
    margin-top: 3%;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  .sec2 .p-media-content__thumbnail {
    height: 36vh;
  }
}
@media screen and (max-width: 750px) {
  .sec2 {
    padding: 20vw 0 20vw;
  }
  .sec2_onsen {
    position: relative;
  }
  .sec2_room {
    position: relative;
    margin: 15vh 0 0 0;
  }
  .sec2_meal {
    position: relative;
    margin: 15vh 0 10vh 0;
  }
  .sec2 .p-media-content__thumbnail {
    width: 100%;
    height: 32vh;
  }
  .sec2 .sec2_meal .right_layout .right_layout_inner .right_layout_body,
  .sec2 .sec2_onsen .right_layout .right_layout_inner .right_layout_body {
    margin-top: -15%;
  }
}
/*==================================
sec3
==================================*/
.sec3 {
  padding: 7vw 0 7vw 0;
}
.sec3_int {
  position: relative;
}
.sec3_int::before {
  width: 6%;
  height: 11%;
  left: 28vw;
  top: 3vw;
  position: absolute;
  display: block;
  content: "";
  background: url(../images/mate_mt07.png) center center/contain no-repeat;
}
.sec3_int::after {
  width: 40%;
  height: 38%;
  left: 50vw;
  top: 1vw;
  position: absolute;
  display: block;
  content: "";
  background: url(../images/mate_mt06.png) center center/contain no-repeat;
}
.sec3_course_tit {
  display: flex;
  gap: 9vw;
  justify-content: center;
  margin-bottom: 2.7vw;
}

@media screen and (min-width: 751px) and (max-width: 1279px) {
  .sec3_int::after {
    left: 78vw;
    top: 9vw;
    width: 21%;
    height: 29%;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1550px) {
  .sec3_int::after {
    left: 56.3vw;
  }
}
@media screen and (max-width: 750px) {
  .sec3 {
    padding: 15vw 0 15vw 0;
  }
  .sec3_int {
    margin: 5vw;
  }
  .sec3_course_tit {
    gap: 6vw;
    margin: 4vw;
    flex-direction: column;
    align-items: center;
  }
  .sec3_int::before {
    width: 32%;
    height: 21%;
    left: -2vw;
    top: 5vw;
    background: url(../images/mate_mt06_sp.png) center center/contain no-repeat;
  }
  .sec3_int::after {
    width: 39%;
    height: 24%;
    left: 60vw;
    top: 21vw;
    background: url(../images/mate_mt07_sp.png) center center/contain no-repeat;
  }
  .sec3 .box_stay {
    margin: 0 0 11vw;
  }
}
/*==================================
sec4
==================================*/
.sec4 {
  position: relative;
  padding: 5vw 0 7vw 0;
}
.sec4::before {
  z-index: -1;
  width: 25%;
  height: 25%;
  left: 0vw;
  top: 33vw;
  position: absolute;
  display: block;
  content: "";
  background: url(../images/mate_mt04.png) center center/contain no-repeat;
}
.sec4::after {
  z-index: -1;
  width: 19%;
  height: 43%;
  right: 0vw;
  top: 24vw;
  position: absolute;
  display: block;
  content: "";
  background: url(../images/mate_mt05.png) center center/contain no-repeat;
}
.sec4_insta_bg {
  position: absolute;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 20vw;
  padding: 6vw 0 6vw 0;
  background-image: url(../images/sec4_bg.jpg);
}
.sec4_insta span.insta_mk {
  background-color: #FFF;
  color: #1c2322;
  padding: 0.4% 0.3%;
  margin: 0 0.4%;
}
.sec4_insta_imgs article {
  text-align: center;
  padding: 1.5vw 13vw;
}
.sec4_insta_imgs article .popup-modal {
  display: inline-block;
  margin: 1.5%;
}
.sec4_insta_imgs article aside.mv_pop {
  text-align: center;
  position: relative;
  width: 70%;
  margin: 0 auto;
}
.sec4_insta_imgs article aside.mv_pop img {
  width: 100%;
}
.sec4_insta_imgs article aside.mv_pop video {
  width: 78%;
  position: absolute;
  left: 0;
  bottom: 33%;
  right: 0;
  margin: auto;
}
.sec4_insta_imgs article .end {
  color: white !important;
  font-size: 4rem;
}

@media screen and (min-width: 1280px) and (max-width: 1550px) {
  .sec4 {
    position: relative;
    padding: 7vw 0 7vw 0;
  }
  .sec4::before {
    width: 20%;
    height: 20%;
    top: 49vw;
  }
  .sec4::after {
    width: 14%;
    height: 35%;
    right: 0vw;
    top: 39vw;
  }
  .sec4_insta {
    margin: -3vw 0 0 0;
  }
  .sec4_insta_imgs article {
    padding: 1.5vw 6vw;
  }
}
@media screen and (max-width: 750px) {
  .sec4 {
    padding: 13vw 0 13vw 0;
  }
  .sec4::before {
    display: none;
  }
  .sec4::after {
    display: none;
  }
  .sec4_insta {
    margin: -3vw 0 0 0;
  }
  .sec4_insta_imgs article {
    padding: 2.5vw 4.5vw;
  }
  .sec4_insta_imgs article .popup-modal {
    display: inline-block;
    margin: 1.5%;
    width: 44%;
  }
  .sec4_insta_imgs article .popup-modal img {
    width: 100%;
  }
  .sec4_insta_bg {
    width: 100%;
    height: 61vw;
    padding: 6vw 0 6vw 0;
  }
}
/*==================================
sec5
==================================*/
.sec5 {
  padding: 5vw 0 5vw 0;
  background-color: #f0f6f4;
}
.sec5 .access_inner {
  display: flex;
  flex-direction: row-reverse;
  width: 75vw;
  gap: 2vw;
  margin: 2vw auto;
  justify-content: center;
}
.sec5 .access_text_area img {
  margin: 0 0 0.5vw 0;
  width: 50%;
}
.sec5 .access_means {
  display: flex;
  margin: 2vw 0 0 0;
}
.sec5 .access_means_tit {
  font-size: clamp(16px, 1.26vw, 18px);
  color: #FFF;
  width: 10vw;
  height: 2vw;
  background-color: #396961;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.5vw;
}
.sec5 .access_means_car {
  margin: 0 1vw 0 0;
}
.sec5 .access_means_bus {
  margin: 0 1vw 0 0;
}

@media screen and (min-width: 1280px) and (max-width: 1550px) {
  .sec5 .access_inner {
    width: 100vw;
    gap: 3vw;
  }
  .sec5 .access_text_area img {
    margin: 0 0 0.5vw 0;
    width: 50%;
  }
  .sec5 .access_means_tit {
    width: 13vw;
    height: 3vw;
  }
}
@media screen and (min-width: 751px) and (max-width: 1279px) {
  .sec5 .access_means_tit {
    font-size: clamp(12px, 1.23vw, 16px);
    width: 14vw;
    height: 3vw;
  }
}
@media screen and (max-width: 750px) {
  .sec5 {
    padding: 15vw 0 10vw 0;
  }
  .sec5 .access_inner {
    flex-direction: column-reverse;
    width: 100vw;
    padding: 4vw;
  }
  .sec5 .access_text_area img {
    margin: 0 0 0.5vw 0;
    width: 50%;
  }
  .sec5 .access_means {
    margin: 3vw auto;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .sec5 .access_means_tit {
    font-size: clamp(17px, 1.54vw, 22px);
    width: 39vw;
    height: 9vw;
  }
  .sec5 .access_means_car {
    margin: 0 3vw 0 0;
  }
}
/*==================================
sec6
==================================*/
.sec6 {
  padding: 5vw 0 5vw 0;
  background: url(../images/sec6_bg.jpg) center/cover;
}
.sec6_plan_slider {
  margin-top: 2vw;
  /* 前へ次への矢印カスタマイズ */
  /* 前への矢印カスタマイズ */
  /* 次への矢印カスタマイズ */
  /* 画像サイズ調整 */
}
.sec6_plan_slider .plan-slider {
  width: 100%;
}
.sec6_plan_slider .plan-slider img {
  margin: 0 auto;
}
.sec6_plan_slider .plan-slider a.plan_link {
  text-decoration-color: #fff;
}
.sec6_plan_slider .plan-slider a.plan_link span.s-plan-text {
  font-family: Yu Gothic, 游ゴシック, yugothic, 游ゴシック体, meiryo;
  position: relative;
  text-align: left;
  width: 100%;
  line-height: 1.5;
  color: white;
  font-size: clamp(16px, 1.26vw, 18px);
}
.sec6_plan_slider .textarea {
  margin: 1vw 29vw 0.8vw 27vw;
  color: #000;
}
.sec6_plan_slider .textarea h2 {
  font-size: 15px;
}
.sec6_plan_slider .swiper-button-prev,
.sec6_plan_slider .swiper-button-next {
  width: 36vw;
  top: 6vw;
}
.sec6_plan_slider .swiper-button-prev::after,
.sec6_plan_slider .swiper-button-next::after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 50px;
  margin: auto;
  width: 50px;
}
.sec6_plan_slider .swiper-button-prev::after {
  background-image: url(../images/plan_prev.png);
}
.sec6_plan_slider .swiper-button-next::after {
  background-image: url(../images/plan_next.png);
}
.sec6_plan_slider .swiper-slide img {
  height: auto;
  width: 100%;
}

@media screen and (max-width: 750px) {
  .sec6 {
    padding: 15vw 0 15vw 0;
    background: url(../images/sec6_bg.jpg) center/cover;
  }
  .sec6_plan_slider {
    margin-top: 6vw;
    /* 画像サイズ調整 */
  }
  .sec6_plan_slider .plan-slider {
    width: 100%;
  }
  .sec6_plan_slider .plan-slider img {
    margin: 0 auto;
  }
  .sec6_plan_slider .plan-slider a.plan_link {
    text-decoration-color: #fff;
  }
  .sec6_plan_slider .plan-slider a.plan_link span.s-plan-text {
    font-family: Yu Gothic, 游ゴシック, yugothic, 游ゴシック体, meiryo;
    position: relative;
    text-align: left;
    width: 100%;
    line-height: 1.5;
    color: white;
    font-size: clamp(16px, 1.26vw, 18px);
  }
  .sec6_plan_slider .textarea {
    margin: 1vw 29vw 0.8vw 27vw;
    color: #000;
  }
  .sec6_plan_slider .textarea h2 {
    font-size: 15px;
  }
  .sec6_plan_slider .swiper-button-prev::after,
  .sec6_plan_slider .swiper-button-next::after {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 9vw;
    margin: auto;
  }
  .sec6_plan_slider .swiper-button-prev,
  .sec6_plan_slider .swiper-button-next {
    width: 34.6vw;
    right: 0vw;
    top: 20vw;
  }
  .sec6_plan_slider .swiper-slide img {
    height: auto;
    width: 100%;
  }
}
/*==================================
sec7
==================================*/
.sec7 .sec7_villa_details {
  padding: 5vw 0 5vw 0;
  background: url(../images/sec7_bg.jpg) center/cover;
}
.sec7 .my-villa-detail-item {
  flex-basis: 16.6vw;
  width: 12vw;
}
.sec7 .my-villa-detail-item_flex {
  display: flex;
  gap: 3vw 3vw;
  justify-content: center;
  flex-wrap: wrap;
  margin: 3vw auto;
  width: 61%;
  padding: 0 0 0 2.5vw;
}
.sec7 .my-villa-detail-item__header {
  line-height: var(--line-height-sm);
  display: flex;
  gap: 0.6vw;
  align-items: center;
}
.sec7 .my-villa-detail-item__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.sec7 .my-villa-detail-item__name {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  margin: 0;
  font-size: clamp(16px, 1.26vw, 18px);
  font-weight: var(--font-weight-medium);
  line-height: 2;
}
.sec7 .my-villa-detail-item__body {
  padding-left: 3vw;
  width: 12vw;
}
.sec7 .my-villa-detail-item__body ul {
  list-style: disc;
  list-style-type: "・";
}
.sec7 .my-villa-detail_other {
  width: 50%;
  margin: 0 auto;
}
.sec7 .my-villa-detail_other_facility, .sec7 .my-villa-detail_other_amenity, .sec7 .my-villa-detail_other_rental {
  margin-bottom: 1vw;
}

@media screen and (min-width: 1280px) and (max-width: 1550px) {
  .sec7 .my-villa-detail-item {
    flex-basis: 16.8vw;
    width: 12vw;
  }
  .sec7 .my-villa-detail-item_flex {
    gap: 4vw 3vw;
    width: 70%;
    padding: 0 0 0 6.5vw;
  }
}
@media screen and (max-width: 750px) {
  .sec7 .sec7_villa_details {
    padding: 15vw 0 10vw 0;
    background: url(../images/sec7_bg.jpg) center/cover;
  }
  .sec7 .my-villa-detail-item {
    flex-basis: 31vw;
    width: 12vw;
  }
  .sec7 .my-villa-detail-item_flex {
    display: flex;
    gap: 6vw 10vw;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 7vw auto;
    width: 85%;
    padding: 0 0 0 4.5vw;
  }
  .sec7 .my-villa-detail-item__header {
    line-height: var(--line-height-sm);
    display: flex;
    gap: 2vw;
    align-items: center;
  }
  .sec7 .my-villa-detail-item__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
  }
  .sec7 .my-villa-detail-item__name {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    margin: 0;
    font-size: clamp(16px, 1.26vw, 18px);
    font-weight: var(--font-weight-medium);
    line-height: 1.2;
  }
  .sec7 .my-villa-detail-item__body {
    padding-left: 5.4vh;
    width: 35vw;
  }
  .sec7 .my-villa-detail-item__body ul {
    list-style: disc;
    list-style-type: "・";
  }
  .sec7 .my-villa-detail_other {
    width: 92%;
    margin: 0 auto;
  }
  .sec7 .my-villa-detail_other_facility, .sec7 .my-villa-detail_other_amenity, .sec7 .my-villa-detail_other_rental {
    margin-bottom: 5vw;
  }
}
@media (width < 750px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
}