@charset "utf-8";

.bodycare_sec {
    max-width: 1000px;
    margin: auto;
}

.open_time_txt_bodycare {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #4d4012;
    margin-top: .5em;
}

.open_time_img_bodycare {
    margin-top: 1em;
}

.open_time_img_bodycare img {
    width: 360px;
}

.open_time_txt_bodycare h4 {
    border-bottom: 2px solid #387f39;
    padding: .3em 1em .2em;
    display: inline;
    font-size: clamp(15px, 2vw, 18px);
}

#tenku_open_time {
    margin-bottom: 150px;
}

.tenku_open_time_txt {
    margin: 50px auto 30px;
    padding: 0 .5em;
}

.tenku_open_time_txt p {
    text-align: left;
    margin: 0 auto;
}

.tenku_img_box {
    display: flex;
    justify-content: center;
    gap: 15px;
}

.tenku_img_box img {
    border-radius: 30px;
    object-fit: cover;
    aspect-ratio: 490 / 300;
}

.tenku_img01, .tenku_img02 {
    position: relative;
    width: 49%;
}

.tenku_img01::before {
    position: absolute;
    content: "";
    bottom: -20px;
    left: -40px;
    width: 167px;
    z-index: 999;
    background-image: url(../img/bodycare/bodycare_icon01.png);
    background-size: contain;
    aspect-ratio: 167/115;
    background-repeat: no-repeat;
    filter: drop-shadow(0px 0px 4px #fff);
}

.tenku_img02::before {
    position: absolute;
    content: "";
    bottom: -20px;
    right: -40px;
    width: 179px;
    z-index: 999;
    background-image: url(../img/bodycare/bodycare_icon02.gif);
    background-size: contain;
    aspect-ratio: 167/115;
    background-repeat: no-repeat;
}

.tenku-opentime-weekday,.tenku-opentime-weekends {
    margin-top: 1em;
}

.tenku-opentime-weekday p,.tenku-opentime-weekends p {
    line-height: 1.3;
    letter-spacing: .5px;
}

.tenku-opentime-ttl {
    margin-bottom: .2em;
}

/* ボディケア表 */
.bodycare .subtitle {
    border-bottom: 2px solid #387f39;
    padding: 0 1.2rem;
}

.bodycare-table-sentence {
    margin-top: 0;
    text-align: center;
    margin-bottom: .5em;
}

.bodycare-table-sentence span {
    position: relative;
}

.bodycare-table-sentence .subcomment::before,.bodycare-table-sentence .subcomment::after {
    position: absolute;
    content: "";
    width: 1.4em;
    height: 1.4em;
    background-size: contain;
    background-repeat: no-repeat;
}

.bodycare-table-sentence .subcomment::before {
    background-image: url(../img/bodycare/hukidasi_left.png);
    bottom: -0.3px;
    left: -2em;
}

.bodycare-table-sentence .subcomment::after {
    background-image: url(../img/bodycare/hukidasi_right.png);
    bottom: -0.3px;
    right: -2em;
}

.bodycare-table-sentence .comment {
    display: block;
     font-size: 1.17em;
}

.bodycare-table-sentence .subcomment {
    font-size: 1.3rem
}


.bodycare-table {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    max-width: 1000px;
}

.bodycare-table table {
    width: 100%;
}

.footcare,.hand-massage,.handmassage-and-footcare,.aroma,.option {
    margin: 50px auto;
}

.bodycare-table th {
    background-color: #f6e96b;
  }


  .bodycare-table thead {
    background-color: #f6e96b;
  }

  .bodycare-table th,
  .bodycare-table td {
    border: 1px solid #4d4012;
    padding: 8px;
    text-align: center;
    color: #4d4012;
  }

  .bodycare-table th {
    font-weight: bold;
  }

  .bodycare-table tbody tr td:first-child {
    background-color: #f4f3ef;
  }

  .bodycare-table tbody tr td:nth-child(n+2) {
    background-color: #fff;
    vertical-align: middle;
}

.bodycare-table td {
    vertical-align: middle;
    width: 22%;
}

.bodycare-table td:last-child {
    width: 34%;
}

.option .bodycare-table td {
    width: 33%;
}

.appointment .bodycare-table td {
    width: 50%;
}

.bodycare .note ul li {
  margin-bottom: .6em;
}
.bodycare .note ul li::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 10vw;
  background-color: #387f39;
  margin-right: 6px;
  display: inline-block;
}

/* テーブルスクロール */
  .bodycare-table {
    overflow-x: scroll;
  }

  .bodycare-table::-webkit-scrollbar {
    height: 6px;
  }

  /* SimpleBarのカスタムスタイル */
  .bodycare-table .simplebar-scrollbar {
    background-color: #4d4012 !important;
    border-radius: 13px;
    height: 6px;
  }

  .bodycare-table .simplebar-track {
    background-color: #fff;
  }

  .bodycare-table .simplebar-track.simplebar-horizontal {
    height: 6px !important;
  }



.bodycare-ttl {
    margin: 80px auto 50px;
}

.bodycare .appointment h3,.bodycare .other h3 {
    margin-bottom: 20px;
}


/* bodycare-menu_btn */
.bodycare-menu_btn {
    text-align: center;
  margin: 50px;
}

.bodycare-menu_btn a {
    color: #fff;
}

.bodycare-menu_btn a:hover {
    color: #8bb220;
  }

  .bodycare-menu_btn a {
    position: relative;
    padding: 1.5rem 4rem;
    border: 2px solid #8bb220;
    border-radius: 0;
    border-radius: 100vh;
    background-color: #8bb220;
  }

  .bodycare-menu_btn a:before {
    position: absolute;
    top: 2px;
    left: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    content: '';
    -webkit-transition: all .3s;
    transition: all .3s;
    border: 2px dashed #fff;
    border-radius: 100vh;
  }

  .bodycare-menu_btn a:hover {
    position: relative;
    padding: 1.5rem 4rem;
    border: 2px solid #8bb220;
    border-radius: 0;
    border-radius: 100vh;
    background-color: #fff;
  }

  .bodycare-menu_btn a:hover:before {
    border: 2px dashed #8bb220;
  }

/* tenku_hp_btn */
  .tenku_hp_btn {
    text-align: center;
  margin: 70px 50px 50px;
}

.tenku_hp_btn a {
    color: #4d4012;
}

  .tenku_hp_btn a {
    position: relative;
    padding: 1.5rem 4rem;
    border: 2px solid #f6e96b;
    border-radius: 0;
    border-radius: 100vh;
    background-color: #f6e96b;
  }

  .tenku_hp_btn a:hover {
    position: relative;
    padding: 1.5rem 4rem;
    border: 2px solid #f6e96b;
    border-radius: 0;
    border-radius: 100vh;
    background-color: #fff;
  }


/* ------------------------
coupon
------------------------- */

.coupon_txt {
    width: 60%;
    margin: 0px auto 50px;
}

.coupon_sec .txt h2 {
    text-align: center;
    margin-bottom: 1.2em;
    font-size: clamp(18px, 2vw, 32px);
    width: 100%;
}

.coupon_sec .txt p {
    max-width: 650px;
    margin: auto;
}

.coupon_sec .txt h2 span {
    font-size: clamp(13px, 1.2vw, 17px);
    display: block;
}

#coupon-list .gray {
    background-color: #f4f3ef96;
    padding: 3em;
    display: flex;
    justify-content: center;
    gap: 7em;
    border-radius: 30px;
    width: 85%;
    margin: auto;
}

.coupon-item h4 {
    font-size: clamp(18px, 1.8vw, 24px);
    text-align: center;
    margin-bottom: .3em;
}

.coupon-item h4 span {
    display: block;
    font-size: clamp(13px, 1.4vw, 16px);
}

.coupon-item {
    width: 30%;
}
.coupon-item a img{
    width: 100%;
    height: auto;
}

.coupon-item-jaran {
    margin-top: 11%;
    display: block;
}

.coupon_ttl {
    position: relative;
    margin-bottom: 4em;
}


.coupon_ttl h2 {
    position: absolute;
    top: 42%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-text-stroke: 20px #fffbf6;
    paint-order: stroke;
}

.coupon_ttl .open_time_img img {
    display: block;
    margin: auto;
    padding-left: 8%;
}


/* thermotherapy */

#bedrock-bath h2 {
    text-align: center;
  }

  #bedrock-bath {
    margin: 20px auto;
  }

  .bedrock-bath_en,
  .bedrock-bath_raku,
  .bedrock-bath_ryo {
    text-align: center;
    position: relative;
    display: flex;
    margin: 50px auto 30px;
    gap: 30px;
  }

  .bedrock-bath_img_box,
  .relaxation_hot-bath_box,
  .relaxation_body-care_txt,
  .relaxation_heat_box,
  .bedrock-bath_img_box_raku {
    width: calc(100% / 2 - 30px);
    position: relative;
}

.relaxation_hot-bath_box .bedrock-bath-en_img,
.relaxation_body-care_txt .bedrock-bath-en_img,
.relaxation_heat_box .relaxation_heat_img02 {
  text-align: center;
}

figure.bedrock-bath-en_img, figure.bedrock-bath-ryo_img {
    display: flex;
    flex-direction: column;
}

.bedrock-bath_en_box,
.bedrock-bath_raku_box,
.bedrock-bath_ryo_box {
  padding: 32px;
  width: calc(100% / 2 - 30px);
}


.bedrock-bath-en_img img, .bedrock-bath-raku_img img,
.bedrock-bath-ryo_img img, .relaxation-space-reclining_img img,
.relaxation-space-magazine_img img {
    border-radius: 30px;
}

.bedrock-bath_en .bedrock-bath_img_box::after {
    content: "";
    position: absolute;
    background-image: url(../img/thermotherapy/thermotherapy-en-icon.gif);
    width: 270px;
    background-repeat: no-repeat;
    bottom: 0;
    right: -25%;
    z-index: 999;
    aspect-ratio: 270 / 192;
    background-size: contain;
}

.bedrock-bath_img_box_raku::after {
    content: "";
    position: absolute;
    background-image: url(../img/thermotherapy/thermotherapy-raku-icon.gif);
    width: 312px;
    background-repeat: no-repeat;
    bottom: -10px;
    left: -200px;
    z-index: 999;
    aspect-ratio: 312 / 201;
    background-size: contain;
}

.bedrock-bath_ryo .bedrock-bath_img_box::after {
    content: "";
    position: absolute;
    background-image: url(../img/thermotherapy/thermotherapy-ryo-icon.gif);
    width: 249px;
    background-repeat: no-repeat;
    bottom: -10px;
    right: -200px;
    z-index: 999;
    aspect-ratio: 249 / 201;
    background-size: contain;
}

.bedrock-bath_en_txt h3,
.bedrock-bath_raku_txt h3,
.bedrock-bath_ryo_txt h3 {
  font-size: clamp(18px, 2vw, 1.5em);
}

.bedrock-bath_en_txt,
.bedrock-bath_raku_txt,
.bedrock-bath_ryo_txt {
  text-align: left;
  max-width: 415px;
  margin-top: 4.5em;
}

.bedrock-bath_raku {
    margin: 80px auto;
}

.bedrock-bath_raku_txt {
    margin: 0 0 0 auto;
    margin-top: 4.5em;
}

.figure.relaxation_heat_img02 {
    text-align: center;
}



/* relaxation-space */
#relaxation-space h2 {
    text-align: center;
  }

  #relaxation-space {
    margin: 150px auto;
  }

  .relaxation-space-reclining,
  .relaxation-space-magazine {
    text-align: center;
    position: relative;
    display: flex;
    margin: 50px auto 30px;
    gap: 30px;
  }

  .relaxation-space_img_box_magazine,
  .relaxation_hot-bath_box,
  .relaxation_body-care_txt,
  .relaxation_heat_box,
  .relaxation-space_img_box_reclining {
    width: calc(100% / 2 - 30px);
    position: relative;
}

.relaxation_hot-bath_box .bedrock-bath-en_img,
.relaxation_body-care_txt .bedrock-bath-en_img,
.relaxation_heat_box .relaxation_heat_img02 {
  text-align: center;
}

figure.relaxation-space-magazine_img {
    display: flex;
    flex-direction: column;
}

.relaxation-space-magazine_box,
.relaxation-space-reclining_box,
.carbonatedbath_box {
  padding: 32px;
  width: calc(100% / 2 - 30px);
}

.relaxation-space_img_box_reclining::after {
    content: "";
    position: absolute;
    background-image: url(../img/thermotherapy/reclining-icon.gif);
    width: 249px;
    background-repeat: no-repeat;
    bottom: 0px;
    left: -180px;
    z-index: 999;
    aspect-ratio: 249 / 184;
    background-size: contain;
}

.relaxation-space_img_box_magazine::after {
    content: "";
    position: absolute;
    background-image: url(../img/thermotherapy/magazine-icon.png);
    width: 177px;
    background-repeat: no-repeat;
    bottom: 10px;
    right: -130px;
    z-index: 999;
    aspect-ratio: 177 / 153;
    background-size: contain;
}

.relaxation-space-magazine_txt h3,
.relaxation-space-reclining_txt h3,
.carbonatedbath_txt h3 {
  font-size: clamp(18px, 2vw, 1.5em);
}

.relaxation-space-magazine_txt,
.relaxation-space-reclining_txt {
  text-align: left;
  max-width: 415px;
  margin-top: 4.5em;
}

.relaxation-space-reclining {
    margin: 80px auto;
}

.relaxation-space-reclining_txt {
    margin: 0 0 0 auto;
    margin-top: 4.5em;
}

.figure.relaxation_heat_img02 {
    text-align: center;
}

#relaxation-space .sentence {
    max-width: 1060px;
    margin: 1em auto 0;
}

/* use-of-facilities */
#use-of-facilities h2 {
    text-align: center;
}

#use-of-facilities ul {
    padding-left: 1em;
}

#use-of-facilities li {
    position: relative;
    margin-bottom: .4em;
    font-weight: 500;
}

#use-of-facilities li::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 10vw;
    background-color: #387f39;
    margin-right: 6px;
    display: inline-block;
    position: absolute;
    top: .6em;
    left: -1em;
}

#use-of-facilities {
    margin: 150px auto;
    max-width: 1000px;
}

#use-of-facilities h3 {
    margin-top: 1.5em;
    margin-bottom: .3em;
}


/* bedrock-bath video */
#bedrock-bath-manner {
    max-width: 1000px;
    margin: auto;
}

#bedrock-bath-manner h2 {
    text-align: center;
    margin-bottom: 1em;
}

#bedrock-bath-manner img {
    width: 100%;
    height: auto;
    border-radius: 30px;
}

#bedrock-bath-manner .manner-wrapper {
    max-width: 900px;
    margin: auto;
}


/* ------------------------
training
------------------------- */

.training_imgbox {
    display: flex;
    gap: 22px;
    justify-content: center;
    width: 80%;
    max-width: 1000px;
    margin: 0 auto;
}

#training h2, #studio h2 {
    text-align: center;
    line-height: 1.4;
    margin-bottom: .5em;
}

#training {
    margin: 20px auto;
}

#studio {
    margin: 150px auto;
}

#training .training-intro-sentence {
    /* max-width: 530px; */
    margin: 1em auto 3em;
    width: 70%;
}

#studio .training-intro-sentence {
    max-width: 600px;
    margin: 1em auto 3em;
}

#training .training-note, #studio .training-note {
    max-width: 1000px;
    margin: auto;
    margin-top: 5em;
}

#training .training-note ul, #studio .training-note ul {
    padding-left: 1em;
}

#training .training-note ul li, #studio .training-note ul li {
    position: relative;
    margin-bottom: .4em;
    font-weight: 500;
}

#training .training-note ul li::before, #studio .training-note ul li::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 10vw;
    background-color: #387f39;
    margin-right: 6px;
    display: inline-block;
    position: absolute;
    top: .6em;
    left: -1em;
}

#training .training-note h3 {
    margin-bottom: .3em;
}

.training-note-lesson {
    margin: 1.5em 0 0.3em;
}

figure.training_img {
    display: flex;
    flex-direction: column;
    position: relative;
}

figure.training_img img {
    border-radius: 20px;
}


.training-icon1::before {
    position: absolute;
    bottom: -20px;
    left: -50px;
    width: 101px;
    z-index: 999;
    aspect-ratio: 101 / 94;
    content: "";
    background-image: url(../img/training/training-icon1.gif);
    background-repeat: no-repeat;
    background-size: contain;
}

.training-icon2::before {
    position: absolute;
    content: "";
    background-image: url(../img/training/training-icon2.gif);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -30px;
    right: -70px;
    width: 133px;
    z-index: 999;
    aspect-ratio: 133 / 145;
}

.training-icon3::before {
    position: absolute;
    content: "";
    background-image: url(../img/training/training-icon3.gif);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -25px;
    left: -45px;
    width: 94px;
    z-index: 999;
    aspect-ratio: 94 / 133;
}

.training-icon4::before {
    position: absolute;
    content: "";
    background-image: url(../img/training/training-icon4.gif);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -20px;
    right: -80px;
    width: 138px;
    z-index: 999;
    aspect-ratio: 138 / 109;
}


/* ------------------------
森林セラピー
------------------------- */

/* 森林セラピーとは */
.forest_intro_imgbox {
    display: flex;
    gap: 22px;
    justify-content: center;
    width: 80%;
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
}

.forest_intro_imgbox::before {
    position: absolute;
    width: 464px;
    z-index: 999;
    position: absolute;
    left: 50%;
    bottom: -130px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-image: url(../img/forest-therapy/about-forest-therapy-icon3.gif);
    background-size: contain;
    background-repeat: no-repeat;
    aspect-ratio: 464/96;
    content: "";
}

#about-forest-therapy h2, #studio h2 {
    text-align: center;
}

#about-forest-therapy h2 span {
    position: relative;
}

#about-forest-therapy h2 span::before {
    position: absolute;
    content: "";
    width: 55px;
    left: -3.5em;
    bottom: -.5em;
    background-image: url(../img/forest-therapy/about-forest-therapy-ttl1.png);
    background-size: contain;
    background-repeat: no-repeat;
    aspect-ratio: 55/73;
}
#about-forest-therapy h2 span::after {
    position: absolute;
    content: "";
    width: 52px;
    right: -3.5em;
    bottom: -.5em;
    background-image: url(../img/forest-therapy/about-forest-therapy-ttl2.png);
    background-size: contain;
    background-repeat: no-repeat;
    aspect-ratio: 52/73;
}

#about-forest-therapy {
    margin: 20px auto 250px;
}

#studio {
    margin: 150px auto;
}

#about-forest-therapy .forest-intro-sentence, #studio .forest-intro-sentence {
    /* max-width: 530px; */
    margin: 1em auto 3em;
    width: 70%;
}

#about-forest-therapy .training-note, #studio .training-note {
    max-width: 1000px;
    margin: auto;
    margin-top: 5em;
}

#about-forest-therapy .training-note ul, #studio .training-note ul {
    padding-left: 1em;
}

#about-forest-therapy .training-note ul li, #studio .training-note ul li {
    position: relative;
    margin-bottom: .4em;
    font-weight: 500;
}

#about-forest-therapy .training-note ul li::before, #studio .training-note ul li::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 10vw;
    background-color: #387f39;
    margin-right: 6px;
    display: inline-block;
    position: absolute;
    top: .6em;
    left: -1em;
}

#about-forest-therapy .training-note h3 {
    margin-bottom: .3em;
}

.training-note-lesson {
    margin: 1.5em 0 0.3em;
}

figure.forest_intro_img {
    display: flex;
    flex-direction: column;
    position: relative;
}



.forest_intro_icon1::before {
    position: absolute;
    bottom: -10px;
    left: -50px;
    width: 126px;
    z-index: 999;
    content: "";
    background-image: url(../img/forest-therapy/about-forest-therapy-icon1.png);
    background-size: contain;
    background-repeat: no-repeat;
    aspect-ratio: 126/127;
}

.forest_intro_icon2::before {
    position: absolute;
    bottom: -20px;
    right: -70px;
    width: 103px;
    z-index: 999;
    content: "";
    background-image: url(../img/forest-therapy/about-forest-therapy-icon2.png);
    background-size: contain;
    background-repeat: no-repeat;
    aspect-ratio: 103/139;
}

.forest_intro_imgbox img {
    border-radius: 20px;
}


/* セラピーロード */
.therapy-road-intro {
    max-width: 1000px;
    margin: auto;
}

.therapy-road-intro h2 {
    text-align: center;
}

.therapyroad-fabre-wrapper,
.therapyroad-waterfront-wrapper {
  margin: 80px auto;
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  justify-content: space-between;
}

.therapyroad_img,
.therapyroad_fabre_box,
.relaxation_body-care_txt,
.therapyroad_waterfront_box,
.therapyroad_img_waterfront {
  width: calc(100% / 2 - 30px);
}

.therapyroad_fabre_box .menu_btn,
.rrelaxation_body-care_txt .menu_btn {
  text-align: left;
  margin: 50px 0;
}

.therapyroad_waterfront_box .menu_btn {
  text-align: right;
  margin: 50px 0;
}

.therapyroad_fabre_box,
.relaxation_body-care_txt,
.therapyroad_waterfront_box {
  padding: 30px;
}

.therapyroad_fabre_box .therapyroad_fabre_img,
.relaxation_body-care_txt .therapyroad_fabre_img,
.therapyroad_waterfront_box .therapyroad_waterfront_img02 {
  text-align: center;
}

.therapyroad_fabre_txt,
.therapyroad_waterfront_txt {
  max-width: 455px;
  width: 95%;
}

.figure.therapyroad_fabre_img02 {
  text-align: center;
}

.therapyroad_fabre_box,
.relaxation_body-care_txt {
  padding: 20px;
}

.therapyroad_waterfront_txt .menu_btn {
  text-align: left;
  margin: 50px auto;
}

.therapyroad_waterfront_txt {
  margin: 0 0 0 auto;
}

.therapyroad_fabre_img02 {
    text-align: left;
    margin-top: 4em;
}
.therapyroad_waterfront_img02 {
    margin-top: 4em;
}

#healing-forest-btn {
    text-align: center;
    margin-top: 6em;
}

#healing-forest-btn a {
    background-color: #f6e96b;
    border: 2px solid #f6e96b;
    padding: 1em 2em;
    border-radius: 100px;
}

#healing-forest-btn a:hover {
    background-color: #fffbf6;
    border: 2px solid #f6e96b;
}

.therapyroad_fabre_img img, .therapyroad_waterfront_img img {
    border-radius: 25px;
    width: 100%;
}


@media only screen and (max-width:1800px) {
/* 温熱　アイコン画像位置調整 */
    .bedrock-bath_en_txt, .bedrock-bath_raku_txt, .bedrock-bath_ryo_txt {
        margin-top: 0;
    }
    .bedrock-bath_en .bedrock-bath_img_box::after {
        width: 35%;
        right: -15%;
    }
    .bedrock-bath_raku_txt {
        margin-top: 0em;
    }
    .bedrock-bath_img_box_raku::after {
        width: 45%;
        bottom: -5%;
        left: -25%;
    }
    .bedrock-bath_ryo .bedrock-bath_img_box::after {
        width: 33%;
        bottom: 0%;
        right: -25%;
    }
    .relaxation-space_img_box_reclining::after {
        width: 35%;
        bottom: -5%;
        left: -25%;
    }
    .relaxation-space_img_box_magazine::after {
        width: 25%;
        bottom: 3%;
        right: -20%;
    }
    .relaxation-space-magazine_txt, .relaxation-space-reclining_txt {
        margin-top: 0;
    }
}


@media only screen and (max-width:1500px) {
    .training-icon1::before {
        width: 40%;
        left: -20%;
        bottom: -10%;
    }
    .training-icon2::before {
        bottom: -12%;
        right: -25%;
        width: 48%;
    }
    .training-icon3::before {
        bottom: -15%;
        left: -15%;
        width: 37%;
    }
    .training-icon4::before {
        bottom: -10%;
        right: -28%;
        width: 50%;
    }

    /* 森林セラピーアイコン位置調整 */
    .forest_intro_icon1::before {
        bottom: -6%;
        left: -20%;
        width: 40%;
    }

    .forest_intro_icon2::before {
        bottom: -10%;
        right: -23%;
        width: 35%;
    }
    .forest_intro_imgbox::before {
        width: 60%;
        bottom: -95%;
    }

    .therapyroad-fabre-wrapper, .therapyroad-waterfront-wrapper {
        gap: 5px;
    }
    .therapyroad_img, .therapyroad_fabre_box, .relaxation_body-care_txt, .therapyroad_waterfront_box, .therapyroad_img_waterfront {
        width: calc(100% / 2 - 5px);
    }

    .therapyroad_fabre_img02 {
        margin-top: 0;
        width: 70%;
    }
    .therapyroad_waterfront_img02 {
        margin-top: 1em;
        margin-left: 1em;
        width: 80%;
    }
    #about-forest-therapy h2 span::before {
        width: 20%;
        left: -30%;
    }
    #about-forest-therapy h2 span::after {
        width: 20%;
        right: -30%;
    }

    /* 温熱 */
    .relaxation-space-reclining, .relaxation-space-magazine {
        gap: 1em;
    }
    .bedrock-bath_en_box, .bedrock-bath_raku_box, .bedrock-bath_ryo_box {
        padding: 1em;
    }
    .relaxation-space-magazine_box, .relaxation-space-reclining_box, .carbonatedbath_box {
        padding: 1em;
    }
    #use-of-facilities {
        margin: 100px auto;
    }
}

@media only screen and (min-width:1400px) and (min-width:1700px) {
  .hot-bath_largebath, .hotbath_open-airbath, .hot-bath_carbonatedbath {
      gap: 10px;
  }
  .relaxation-space-magazine_box, .relaxation-space-reclining_box, .carbonatedbath_box {
    padding: 1em;
    width: calc(100% / 2 - 10px);
}
}

@media only screen and (max-width:1350px) {
  .training_imgbox {
    width: 90%;
  }
  #training .training-intro-sentence, #studio .training-intro-sentence {
    margin: 1em auto 1em;
  }
  #studio {
    margin: 100px auto;
  }

  .therapyroad-fabre-wrapper, .therapyroad-waterfront-wrapper {
    margin: 50px auto;
  }

    .coupon_ttl {
        margin-bottom: 3em;
    }

  .forest_intro_imgbox {
    gap: 10px;
  }
  .natural-hot-spring {
    margin: 20px auto 50px;
    }

    /* ボディケア　アイコン画像位置調整 */
  .tenku_img01::before {
    left: -8%;
    width: 40%;
    }
    .tenku_img02::before {
    bottom: -20px;
    right: -15%;
    width: 40%;
    }
}

@media only screen and (max-width:900px) {
    #bedrock-bath-manner .manner-wrapper {
    width: 100%;
    }

    /* ボディケア */
    .bodycare-table {
        overflow-y: scroll;
    }
    .bodycare-table table {
        width: 800px;
    }
}

@media only screen and (max-width:860px) {
    .relaxation-space_img_box_reclining::after {
        left: -6%;
    }
    .relaxation-space_img_box_magazine::after {
        right: -5%;
    }
}

@media only screen and (max-width:767px) {
    .bodycare h3 {
        margin-bottom: 1.5em;
        text-align: center;
    }
    .note {
        margin-top: 5px;
    }

    /* くつろぐ */
    .relaxation_hot-bath_box,  .relaxation_heat_box,.relaxation_body-care_txt {
        width: 100%;
    }
    .relaxation_hot-bath_box .relaxation_hot-bath_img, .relaxation_body-care_txt .relaxation_hot-bath_img, .relaxation_heat_box .relaxation_heat_img02 {
        margin-left: auto;
    }

    /* 温熱 */
    .relaxation-space-reclining, .relaxation-space-magazine {
        flex-direction: column;
        align-items: center;
        gap: 2em;
    }
    .relaxation-space-reclining {
        flex-direction: column-reverse;
    }
    .relaxation-space-magazine_box, .relaxation-space-reclining_box, .carbonatedbath_box {
        width: 90%;
    }
    .relaxation-space-magazine_txt, .relaxation-space-reclining_txt {
        max-width: 100%;
    }
    .relaxation-space-reclining_txt {
        margin: 0;
    }

    .relaxation-space_img_box_magazine, .relaxation-space_img_box_reclining {
        width: 90%;
    }

    .bedrock-bath_en, .bedrock-bath_raku, .bedrock-bath_ryo {
        gap: 1em;
        flex-direction: column;
        align-items: center;
        margin: 30px auto;
    }
    .bedrock-bath_raku {
        flex-direction: column-reverse;
    }
    .bedrock-bath_img_box, .bedrock-bath_img_box_raku {
        width: 90%;
    }
    .bedrock-bath_en_box, .bedrock-bath_raku_box, .bedrock-bath_ryo_box {
        width: 90%;
    }
    .bedrock-bath_en .bedrock-bath_img_box::after {
        right: -5%;
        bottom: -5%;
    }
    .bedrock-bath_img_box_raku::after {
        bottom: -5%;
        left: -5%;
    }
    .bedrock-bath_ryo .bedrock-bath_img_box::after {
        bottom: -5%;
        right: -8%;
    }
    #relaxation-space {
        margin: 80px auto;
    }
    .relaxation-space-reclining {
        margin: 30px auto;
    }

    /* クーポン */
    .coupon_txt {
        width: 70%;
    }

    #coupon-list .gray {
        background-color: #f4f3ef96;
        padding: 3em;
        display: flex;
        justify-content: space-around;
        gap: 3em;
        border-radius: 10px;
        flex-direction: column;
        align-items: center;
    }
    .coupon-item {
        width: 60%;
    }
    .coupon-item-jaran {
        margin-top: 0;
    }


    #about-forest-therapy .forest-intro-sentence, #studio .forest-intro-sentence {
        width: 80%;
    }
      #training .training-intro-sentence {
    width: 90%;
}
}

@media only screen and (max-width:600px) {
/* 鍛えるページ　画像並び */
  .training_imgbox {
    flex-wrap: wrap;
    width: 80%;
  }


  .training-icon1::before {
        width: 30%;
        left: -10%;
  }
  .training-icon2::before {
        right: -13%;
        width: 33%;
   }
   .training-icon3::before {
        bottom: -5%;
        left: -10%;
        width: 30%;
   }
   .training-icon4::before {
        bottom: -5%;
        right: -10%;
        width: 35%;
   }

  /* 森林セラピーページ　画像並び */
  .forest_intro_imgbox {
    flex-wrap: wrap;
    width: 80% !important;
    justify-content: space-between !important;
    gap: 20px;
  }

  figure.forest_intro_img {
    width: 100%;
    }

   figure.forest_intro_img img {
    width: 100%;
   }
  .forest_intro_imgbox::before {
        bottom: -20%;
  }
  #about-forest-therapy {
    margin: 20px auto 150px;
  }

  .therapyroad-fabre-wrapper {
    flex-direction: column;
  }
  .therapyroad_img, .therapyroad_fabre_box, .relaxation_body-care_txt, .therapyroad_waterfront_box, .therapyroad_img_waterfront {
    width: 100%;
  }
  .therapyroad_fabre_txt, .therapyroad_waterfront_txt {
    width: 100%;
  }
  .therapyroad-waterfront-wrapper {
    flex-direction: column-reverse;
  }
  .therapyroad_fabre_img02 {
        width: 45%;
        margin-left: auto;
        position: relative;
        top: -1em;
   }
    .therapyroad_waterfront_img02 {
        width: 47%;
        margin-left: auto;
        top: -1em;
        position: relative;
        right: -1em;
    }
    #healing-forest-btn {
        margin-top: 3em;
    }
  .forest_intro_icon2::before {
        bottom: -10%;
        right: -13%;
        width: 25%;
    }
    .forest_intro_icon1::before {
        bottom: -6%;
        left: -10%;
        width: 30%;
    }
    .forest_intro_imgbox::before {
        bottom: -12%;
        width: 90%;
    }

  .relaxation-space-magazine_box, .relaxation-space-reclining_box, .carbonatedbath_box {
        padding: 0;
  }

  .tenku_img_box img {
    border-radius: 20px;
  }
  .bedrock-bath-en_img img, .bedrock-bath-raku_img img, .bedrock-bath-ryo_img img, .relaxation-space-reclining_img img, .relaxation-space-magazine_img img {
    border-radius: 20px;
  }
}

@media only screen and (max-width:500px) {
    .coupon-item {
        width: 75%;
    }
}


@media only screen and (max-width:550px) {
    .coupon_txt {
        width: 90%;
    }
}


@media only screen and (max-width:450px) {
    .bodycare-menu_btn {
         margin: 0;
    }
    .tenku_img_box {
        gap: 35px;
        flex-direction: column;
        align-items: center;
    }
    .tenku_img01, .tenku_img02 {
        width: 80%;
    }
    .tenku_hp_btn {
        margin: 70px 0px 50px;
    }

    .coupon_txt {
        width: 330px;
        margin: 0px auto 20px;
    }

    #coupon-list .gray {
        width: 100%;
    }
}

@media only screen and (max-width:400px) {
.tenku_hp_btn a {
    padding: 1.5rem 2rem;
    display: block;
    width: 100%;
}
}

@media only screen and (max-width:320px) {
  .open_time_txt_bodycare {
      font-size: 13px;
  }
}

@supports (-moz-appearance: none) {
  .coupon_ttl h2 {
    -webkit-text-stroke: 5px #fffbf6;
  }
}