@charset "UTF-8";
.page_hotspring {
  /*インナー幅のあたり背景*/
}
.page_hotspring .inner {
  /*background: rgba(0, 0, 0, 0.02);*/
}
.page_hotspring .under_mv {
  background-image: url(/assets/img/main_hotspring.webp);
}
.page_hotspring .anc_box {
  margin-top: 152rem;
}
.page_hotspring .hotspring_content {
  position: relative;
  z-index: 0;
}
.page_hotspring .hotspring_content + .hotspring_content {
  margin-top: 200rem;
}
.page_hotspring .hotspring_content .content_wrap {
  display: flex;
  justify-content: center;
}
.page_hotspring .hotspring_content .content_wrap .swiper_outer {
  /*overflow: hidden;*/
  /*width: 1281rem;*/
  /*width: 960rem;*/
  width: 50vw;
}
.page_hotspring .hotspring_content .content_wrap .swiper_outer .photo-cont img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 500rem;
  /* max-width: none; */
}
.page_hotspring .hotspring_content .content_wrap .swiper_outer .swiper-pagination {
  justify-content: flex-end;
}
.page_hotspring .hotspring_content .content_wrap .text_wrap {
  margin-left: 100rem;
  /*margin-right: 95rem;*/
  width: auto;
}
.page_hotspring .hotspring_content .content_wrap .text_wrap h2 {
  /*margin: 0 auto;*/
  font-size: 32rem;
  letter-spacing: 0.07em;
}
.page_hotspring .hotspring_content .content_wrap .text_wrap h2 span {
  font-size: 22rem;
}
.page_hotspring .hotspring_content .content_wrap .text_wrap .text {
  width: 412rem;
  /*height: 100%;*/
}
.page_hotspring .hotspring_content .content_wrap .text_wrap .text p.t_description {
  font-size: 16rem;
  margin-top: 1.5em;
}
.page_hotspring .hotspring_content .content_wrap .text_wrap .text p.btn_more {
  margin-top: 1.7em;
}
.page_hotspring .hotspring_content .content_wrap .text_wrap .text p.btn_more a {
  width: 200rem;
  font-size: 16rem;
  padding: 0.5em 0;
}
.page_hotspring .hotspring_content .content_wrap .tbl01 {
  margin-top: 2.5em;
  letter-spacing: 0.05em;
  width: 100%;
}
.page_hotspring .hotspring_content .content_wrap .tbl01 tr {
  border-top: 1px solid #836F60;
  border-bottom: 1px solid #836F60;
}
.page_hotspring .hotspring_content .content_wrap .tbl01 tr th,
.page_hotspring .hotspring_content .content_wrap .tbl01 tr td {
  border: none;
  padding: 1em 2em;
  vertical-align: middle;
}
.page_hotspring .hotspring_content .content_wrap .tbl01 tr th {
  background-color: #fff;
}
.page_hotspring .hotspring_content .content_wrap .tbl01 tr td span {
  font-size: 12rem;
}
.page_hotspring .hotspring_content .content_wrap .tbl01 tr + tr {
  border-top: none;
}
.page_hotspring .hotspring_content.intro {
  margin-top: 158rem;
}
.page_hotspring .hotspring_content.intro .content_wrap .ph {
  margin-left: -254rem;
  width: 474rem;
}
.page_hotspring .hotspring_content.intro .content_wrap .text_wrap .text {
  width: 640rem;
}
.page_hotspring .hotspring_content.intro .content_wrap .text_wrap .text h2 {
  display: flex;
  font-size: 36rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.15em;
}
.page_hotspring .hotspring_content.intro .content_wrap .text_wrap .text h2 span {
  color: #836F60;
  font-size: 18rem;
  margin-left: 2.5em;
  margin-top: 0.7em;
}
.page_hotspring .hotspring_content.intro .content_wrap .text_wrap .text p.t_description {
  margin-top: 2.5em;
}
.page_hotspring .hotspring_content.type_a .content_wrap {
  display: block;
  position: relative;
}
.page_hotspring .hotspring_content.type_a .content_wrap .deco {
  position: absolute;
  left: -295rem;
  top: 295rem;
  width: 390rem;
  z-index: -1;
}
.page_hotspring .hotspring_content.type_a .content_wrap .swiper_outer {
  margin-top: 65rem;
  width: 1200rem;
}
.page_hotspring .hotspring_content.type_a .content_wrap .swiper_outer .swiper-container .swiper-slide {
  /*width: calc(960 / 1920 * 100vw);*/
  width: 1200rem;
}
.page_hotspring .hotspring_content.type_a .content_wrap .swiper_outer .swiper-container .swiper-slide img {
  /*height: calc(524 / 1920 * 100vw);*/
  height: 524rem;
}
.page_hotspring .hotspring_content.type_a .content_wrap .swiper_outer .swiper-pagination {
  justify-content: center;
}
.page_hotspring .hotspring_content.type_a .content_wrap .text_wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 108rem;
  margin-left: auto;
  margin-right: auto;
  width: 960rem;
}
.page_hotspring .hotspring_content.type_a .content_wrap .text_wrap .text {
  width: 516rem;
}
.page_hotspring .hotspring_content.type_a .content_wrap .text_wrap .text h2 span.harare {
  font-size: 24rem;
}
.page_hotspring .hotspring_content.type_a .content_wrap .text_wrap .text p.t_description {
  margin-top: 0.5em;
}
.page_hotspring .hotspring_content.type_a .inner {
  position: relative;
}
.page_hotspring .hotspring_content.type_a .bg_yama01 {
  top: auto;
  bottom: -5.2083333333vw;
  right: -1.0416666667vw;
  width: 41.6666666667vw;
}
.page_hotspring .hotspring_content.hotspring01 {
  margin-top: 200rem;
}
.page_hotspring .hotspring_content.hotspring02 {
  margin-top: 160rem;
}
.page_hotspring .hotspring_content.hotspring02 .content_wrap .text_wrap h2 span.tsuji {
  display: block;
  margin-top: 0.8em;
  margin-left: auto;
  margin-right: auto;
  width: 192rem;
}
.page_hotspring .hotspring_content.hotspring02 .content_wrap .tbl01 {
  margin-left: auto;
  margin-right: auto;
  width: 960rem;
}
.page_hotspring .hotspring_content.type_b .content_wrap {
  justify-content: flex-start;
}
.page_hotspring .hotspring_content.type_b .content_wrap .swiper_outer .swiper-container {
  overflow: visible;
}
.page_hotspring .hotspring_content.type_b .content_wrap .swiper_outer .swiper-container .swiper-slide {
  width: 960rem;
}
.page_hotspring .hotspring_content.type_b .content_wrap .swiper_outer .swiper-container .swiper-slide img {
  height: 540rem;
}
.page_hotspring .hotspring_content.type_b .content_wrap .swiper_outer .swiper-container .swiper-slide .slide_ttl {
  position: absolute;
  top: 65rem;
  /*left: 1040rem;*/
  left: 54.1666666667vw;
  font-size: 32rem;
  letter-spacing: 0.2em;
  width: -moz-max-content;
  width: max-content;
}
.page_hotspring .hotspring_content.type_b .content_wrap .swiper_outer .swiper-container .swiper-slide .slide_ttl_sub {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 1.3em;
  right: 1.3em;
  color: #fff;
  font-size: 24rem;
  letter-spacing: 0.2em;
  padding: 0.1em 1.5em;
}
.page_hotspring .hotspring_content.type_b .content_wrap .text_wrap {
  width: 412rem;
}
.page_hotspring .hotspring_content.type_b .content_wrap .text_wrap .text p.t_description {
  margin-top: 5.5em;
}
.page_hotspring .hotspring_content.type_b .content_wrap .text_wrap .tbl01 {
  margin-top: 3.5em;
}
.page_hotspring .hotspring_content.type_b .content_wrap .text_wrap .tbl01 tr th {
  padding: 1.5em 0.5em;
}
.page_hotspring .hotspring_content.type_b .content_wrap .text_wrap .tbl01 tr td {
  padding: 1.5em 0em 1.5em 1em;
}
.page_hotspring .hotspring_content.hotspring03 {
  margin-top: 160rem;
}
.page_hotspring .hotspring_content.hotspring04 {
  margin-top: 200rem;
}
.page_hotspring .hotspring_content.hotspring04 .bg_yama02 {
  top: -7.2916666667vw;
  left: -8.8541666667vw;
  width: 33.3333333333vw;
}
.page_hotspring .hotspring_content.hotspring04 .content_wrap {
  flex-direction: row-reverse;
}
.page_hotspring .hotspring_content.hotspring04 .content_wrap .swiper_outer .swiper-container .swiper-slide .slide_ttl {
  left: -500rem;
}
.page_hotspring .hotspring_content.hotspring04 .content_wrap .swiper_outer .swiper-container .swiper-slide .slide_ttl_sub {
  right: auto;
  left: 1.3em;
}
.page_hotspring .hotspring_content.hotspring04 .content_wrap .swiper_outer .swiper-pagination {
  justify-content: flex-start;
}
.page_hotspring .hotspring_content.hotspring04 .content_wrap .text_wrap {
  margin-left: 0;
  margin-right: 68rem;
}
.page_hotspring .hotspring_content.hotspring04 .content_wrap .text_wrap .tbl01 tr td {
  letter-spacing: 0;
}
.page_hotspring .hotspring_content.type_c .content_wrap .ph {
  margin-left: -240rem;
  width: 720rem;
}
.page_hotspring .hotspring_content.type_c .content_wrap .ph img {
  height: 480rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.page_hotspring .hotspring_content.type_c .content_wrap .text_wrap {
  margin-left: 68rem;
  width: 412rem;
}
.page_hotspring .hotspring_content.type_c .content_wrap .text_wrap h2 {
  line-height: 2;
}
.page_hotspring .hotspring_content.type_c .content_wrap .text_wrap .text p.t_description {
  margin-top: 1em;
}
.page_hotspring .hotspring_content.type_c .content_wrap .text_wrap .tbl01 {
  margin-top: 3em;
}
.page_hotspring .hotspring_content.type_c .content_wrap .text_wrap .tbl01 tr th {
  padding: 1.5em 0.5em;
}
.page_hotspring .hotspring_content.type_c .content_wrap .text_wrap .tbl01 tr td {
  padding: 1.5em 0em 1.5em 1em;
}
.page_hotspring .hotspring_content.hotspring05 {
  margin-top: 200rem;
}
.page_hotspring .hotspring_content.hotspring05 .bg_yama01 {
  top: -8.0729166667vw;
  right: -3.125vw;
  width: 33.3333333333vw;
}
.page_hotspring .hotspring_content.hotspring06 {
  margin-top: 160rem;
  padding-bottom: 160rem;
}
.page_hotspring .hotspring_content.hotspring06 .content_wrap {
  flex-direction: row-reverse;
}
.page_hotspring .hotspring_content.hotspring06 .content_wrap .ph {
  margin-left: 0;
  margin-right: -240rem;
}
.page_hotspring .hotspring_content.hotspring06 .content_wrap .text_wrap {
  margin-left: 0;
  margin-right: 68rem;
}
.page_hotspring .hotspring_content.hotspring06 .bg_yama02 {
  top: auto;
  left: 0vw;
  bottom: 3.125vw;
  width: 41.6666666667vw;
}
.page_hotspring {
  /*/hotspring_content*/
}

/*/#page_hotspring*/
/*@media screen and (max-width: 1279px) {}*/
/*-------------------------
ここからSP
-------------------------*/
@media screen and (max-width: 680px) {
  #page_hotspring .under_mv {
    background-image: url(/assets/img/main_hotspring_sp.webp);
  }
  #page_hotspring .anc_box {
    margin-top: 80rem;
  }
  #page_hotspring .hotspring_content {
    margin-top: 20rem;
  }
  #page_hotspring .hotspring_content + .hotspring_content {
    margin-top: 95rem;
  }
  #page_hotspring .hotspring_content .content_wrap {
    flex-direction: column;
  }
  #page_hotspring .hotspring_content .content_wrap .swiper_outer {
    /*width: auto;*/
    margin: 0 calc(50% - 50vw);
    width: 100vw;
  }
  #page_hotspring .hotspring_content .content_wrap .swiper_outer .photo-cont img {
    /*height: auto;*/
    height: 250rem;
    width: auto;
  }
  #page_hotspring .hotspring_content .content_wrap .swiper_outer {
    /*.thumbs-cont {
      margin-top: 10rem;

      .swiper-wrapper {
        margin-left: auto;
        margin-right: auto;
        justify-content: flex-start;
        width: 94%;
      }

      .swiper-slide {
        width: calc(100% / 6) !important;

        & + .swiper-slide {
          margin-left: 10rem;
        }

      }

      .swiper-slide-thumb-active {

        &::before {
          border: 3px solid #e57e24;
        }

      }

    }*/
  }
  #page_hotspring .hotspring_content .content_wrap .swiper_outer .swiper-pagination {
    justify-content: center;
  }
  #page_hotspring .hotspring_content .content_wrap .text_wrap {
    display: block;
    margin-top: 3em;
    margin-left: auto;
    margin-right: auto;
    width: auto;
  }
  #page_hotspring .hotspring_content .content_wrap .text_wrap h2 {
    font-size: 21rem;
  }
  #page_hotspring .hotspring_content .content_wrap .text_wrap h2 span {
    font-size: 14rem;
  }
  #page_hotspring .hotspring_content .content_wrap .text_wrap .text {
    width: auto;
  }
  #page_hotspring .hotspring_content .content_wrap .text_wrap .text p.t_description {
    font-size: 14rem;
  }
  #page_hotspring .hotspring_content .content_wrap .text_wrap .text p.btn_more a {
    font-size: 14rem;
    padding: 1.1em 0;
    width: 280rem;
    margin-left: auto;
    margin-right: auto;
  }
  #page_hotspring .hotspring_content .content_wrap .tbl01 {
    font-size: 12rem;
  }
  #page_hotspring .hotspring_content .content_wrap .tbl01 tr th {
    padding: 1em 0;
    width: 75rem;
  }
  #page_hotspring .hotspring_content .content_wrap .tbl01 tr td {
    padding: 1em 0.5em;
  }
  #page_hotspring .hotspring_content .content_wrap .tbl01 tr td span {
    /*font-size: 10rem;*/
  }
  #page_hotspring .hotspring_content {
    /*/.content_wrap*/
  }
  #page_hotspring .hotspring_content.intro {
    margin-top: 30rem;
  }
  #page_hotspring .hotspring_content.intro .content_wrap .ph {
    margin-left: 0;
    width: auto;
  }
  #page_hotspring .hotspring_content.intro .content_wrap .text_wrap .text h2 {
    font-size: 21rem;
    line-height: 1;
    display: block;
    letter-spacing: 0.07em;
  }
  #page_hotspring .hotspring_content.intro .content_wrap .text_wrap .text h2 span {
    font-size: 16rem;
    margin-left: 1em;
    margin-top: 0em;
  }
  #page_hotspring .hotspring_content.intro .content_wrap .text_wrap .text p.t_description {
    margin-top: 2em;
  }
  #page_hotspring .hotspring_content.type_a {
    margin-top: 60rem;
  }
  #page_hotspring .hotspring_content.type_a .content_wrap .deco {
    top: 190rem;
    right: -30rem;
    left: auto;
    width: 140rem;
  }
  #page_hotspring .hotspring_content.type_a .content_wrap .swiper_outer {
    margin-top: 20rem;
  }
  #page_hotspring .hotspring_content.type_a .content_wrap .swiper_outer .swiper-container .swiper-slide img {
    /*height: 220rem;*/
  }
  #page_hotspring .hotspring_content.type_a .content_wrap .text_wrap {
    margin-top: 50rem;
  }
  #page_hotspring .hotspring_content.type_a .content_wrap .text_wrap .text h2 span.harare {
    font-size: 20rem;
  }
  #page_hotspring .hotspring_content.type_a .content_wrap .text_wrap .text p.t_description {
    margin-top: 1em;
  }
  #page_hotspring .hotspring_content.type_a .bg_yama01 {
    bottom: -45rem;
    right: -20rem;
  }
  #page_hotspring .hotspring_content.hotspring01 {
    margin-top: 60rem;
  }
  #page_hotspring .hotspring_content.hotspring02 {
    margin-top: 60rem;
  }
  #page_hotspring .hotspring_content.hotspring02 .content_wrap .deco {
    top: 210rem;
  }
  #page_hotspring .hotspring_content.hotspring02 .content_wrap .text_wrap h2 span.tsuji {
    width: 140rem;
    margin-top: 0.5em;
    margin-left: 0;
  }
  #page_hotspring .hotspring_content.hotspring02 .content_wrap .tbl01 {
    width: 100%;
  }
  #page_hotspring .hotspring_content.hotspring02 .bg_yama01 {
    bottom: -90rem;
    right: -50rem;
  }
  #page_hotspring .hotspring_content.type_b .content_wrap {
    margin-left: auto;
    margin-right: auto;
    width: 335rem;
  }
  #page_hotspring .hotspring_content.type_b .content_wrap .swiper_outer .swiper-container .swiper-slide .slide_ttl {
    top: 335rem;
    left: 10rem;
    font-size: 21rem;
  }
  #page_hotspring .hotspring_content.type_b .content_wrap .swiper_outer .swiper-container .swiper-slide .slide_ttl_sub {
    bottom: 1em;
    left: 1em;
    right: auto;
    font-size: 14rem;
    letter-spacing: 0.1em;
    padding: 0.1em 1em;
  }
  #page_hotspring .hotspring_content.type_b .content_wrap .text_wrap {
    margin-top: 4em;
  }
  #page_hotspring .hotspring_content.type_b .content_wrap .text_wrap .text p.t_description {
    margin-top: 4em;
  }
  #page_hotspring .hotspring_content.type_b .content_wrap .text_wrap .tbl01 {
    margin-top: 2.5em;
  }
  #page_hotspring .hotspring_content.type_b .content_wrap .text_wrap .tbl01 tr th {
    padding: 1em 0;
  }
  #page_hotspring .hotspring_content.type_b .content_wrap .text_wrap .tbl01 tr td {
    padding: 1em 0.5em;
  }
  #page_hotspring .hotspring_content.hotspring03 {
    margin-top: 60rem;
  }
  #page_hotspring .hotspring_content.hotspring04 {
    margin-top: 60rem;
  }
  #page_hotspring .hotspring_content.hotspring04 .bg_yama02 {
    top: 160rem;
    left: -50rem;
  }
  #page_hotspring .hotspring_content.type_c .content_wrap .ph {
    margin-left: auto;
    margin-right: auto;
    /*width: auto;*/
    margin: 0 calc(50% - 50vw);
    width: 100vw;
  }
  #page_hotspring .hotspring_content.type_c .content_wrap .ph img {
    /*height: auto;*/
    height: 250rem;
  }
  #page_hotspring .hotspring_content.type_c .content_wrap .text_wrap {
    margin-top: 1.5em;
  }
  #page_hotspring .hotspring_content.type_c .content_wrap .text_wrap h2 {
    line-height: 1.7;
  }
  #page_hotspring .hotspring_content.type_c .content_wrap .text_wrap .text p.t_description {
    margin-top: 1em;
  }
  #page_hotspring .hotspring_content.type_c .content_wrap .text_wrap .tbl01 {
    margin-top: 2em;
  }
  #page_hotspring .hotspring_content.hotspring05 {
    margin-top: 60rem;
  }
  #page_hotspring .hotspring_content.hotspring05 .bg_yama01 {
    top: 180rem;
    right: -100rem;
  }
  #page_hotspring .hotspring_content.hotspring06 {
    margin-top: 60rem;
    padding-bottom: 80rem;
  }
  #page_hotspring .hotspring_content.hotspring06 .bg_yama02 {
    top: 330rem;
    left: -70rem;
  }
  #page_hotspring .hotspring_content .bg_yama01,
  #page_hotspring .hotspring_content .bg_yama02 {
    width: 283.5rem;
  }
  #page_hotspring {
    /*/.hotspring_content*/
  }
  /*/#page_hotspring*/
}/*# sourceMappingURL=hotspring.css.map */