@charset "UTF-8";
#index {
  /* MV
  ---------------------------------------------------------------------------- */
  /* アウトドアサウナ施設一覧
  ---------------------------------------------------------------------------- */
  /* イベント・キャンペーン情報
  ---------------------------------------------------------------------------- */
  /* アウトドアサウナを楽しむ
  ---------------------------------------------------------------------------- */
  /* オーナーたちの極上体験レポ
  ---------------------------------------------------------------------------- */
  /* 施設ブログ
  ---------------------------------------------------------------------------- */
  /* お知らせ
  ---------------------------------------------------------------------------- */
}
#index .p-fv {
  padding: 13rem 0 6rem;
  background-color: #F2F0DF;
}
@media screen and (max-width: 767px) {
  #index .p-fv {
    padding: 7rem 0 5.7rem;
  }
}
#index .p-fv .flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  #index .p-fv .flex {
    display: block;
  }
}
#index .p-fv .flex .left {
  width: 70rem;
}
@media screen and (max-width: 767px) {
  #index .p-fv .flex .left {
    width: 100%;
  }
}
#index .p-fv .flex .left .slider {
  position: relative;
  margin-bottom: 0;
}
#index .p-fv .flex .left .slider .slick-dots {
  top: 50%;
  transform: translateY(-50%);
  bottom: auto;
  right: 3.7rem;
  width: max-content;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  #index .p-fv .flex .left .slider .slick-dots {
    right: 2.5rem;
    top: 10rem;
    transform: translate(0);
    justify-content: flex-start;
  }
}
#index .p-fv .flex .left .slider .slick-dots li {
  margin: 0;
  width: 1.3rem;
  height: 1.3rem;
  padding: 0;
}
#index .p-fv .flex .left .slider .slick-dots li.slick-active button {
  background-color: #E8D6A4;
}
#index .p-fv .flex .left .slider .slick-dots li button {
  width: 1.3rem;
  height: 1.3rem;
  padding: 0;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #707070;
}
#index .p-fv .flex .left .slider .slick-dots li button::before {
  content: none;
}
#index .p-fv .flex .left .slider_item {
  position: relative;
}
#index .p-fv .flex .left .slider_item a {
  display: block;
}
@media screen and (min-width: 768px) {
  #index .p-fv .flex .left .slider_item a:hover .slider_item_img img {
    transform: scale(1.08);
  }
}
#index .p-fv .flex .left .slider_item_img-box {
  background-color: #E8D6A4;
  border: 1px solid #242020;
  padding: 1rem;
  width: calc(100% - 1px);
  height: 100%;
}
#index .p-fv .flex .left .slider_item_img {
  overflow: hidden;
  border-radius: 1rem;
  border: 1px solid #242020;
}
#index .p-fv .flex .left .slider_item_img img {
  overflow: hidden;
  width: 100%;
  aspect-ratio: 677/548;
  object-fit: cover;
  transition: 0.3s;
}
#index .p-fv .flex .left .slider_item_txt-box {
  position: absolute;
  left: 0;
  bottom: 0;
}
@media screen and (max-width: 767px) {
  #index .p-fv .flex .left .slider_item_txt-box {
    position: relative;
    left: 0;
    bottom: auto;
  }
}
#index .p-fv .flex .left .slider_item_info {
  background-color: #425742;
  border: 1px solid #242020;
  border-bottom: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: max-content;
  padding: 0.7rem 2rem;
  gap: 4rem;
}
@media screen and (max-width: 767px) {
  #index .p-fv .flex .left .slider_item_info {
    top: -3.5rem;
    position: absolute;
    gap: 2.5rem;
    padding: 0.7rem 1.4rem;
  }
}
#index .p-fv .flex .left .slider_item_info_txt {
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  position: relative;
}
@media screen and (max-width: 767px) {
  #index .p-fv .flex .left .slider_item_info_txt {
    font-size: 1.2rem;
  }
}
#index .p-fv .flex .left .slider_item_info_txt:first-child::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -2rem;
  width: 1px;
  height: 1.8rem;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  #index .p-fv .flex .left .slider_item_info_txt:first-child::before {
    right: -1.25rem;
  }
}
#index .p-fv .flex .left .slider_item_content {
  width: 38.8rem;
  background-color: #fff;
  border: 1px solid #242020;
  padding: 2rem;
}
@media screen and (max-width: 767px) {
  #index .p-fv .flex .left .slider_item_content {
    border-top: none;
    width: 100%;
    padding: 1rem 1.5rem 2rem;
  }
}
#index .p-fv .flex .left .slider_item_ttl {
  font-size: 2.4rem;
  line-height: 1.3333333333;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  #index .p-fv .flex .left .slider_item_ttl {
    font-size: 1.8rem;
  }
}
#index .p-fv .flex .left .slider_item_txt {
  font-size: 1.4rem;
  letter-spacing: 0.07em;
  margin-top: 1rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  #index .p-fv .flex .left .slider_item_txt {
    margin-top: 0.5rem;
    font-size: 1.2rem;
  }
}
#index .p-fv .flex .right {
  width: 46.3rem;
}
@media screen and (max-width: 767px) {
  #index .p-fv .flex .right {
    margin-top: 3rem;
    width: 100%;
  }
}
#index .p-fv .flex .right .slider-box {
  background-color: #425742;
  padding: 2rem 0 0;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #index .p-fv .flex .right .slider-box {
    padding: 1.5rem 0;
  }
}
#index .p-fv .flex .right .slider-box .ttl {
  display: inline-block;
  font-family: "Dela Gothic One", sans-serif;
  color: #fff;
  letter-spacing: 0.1em;
  font-size: 2.5rem;
  padding: 0 3rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  #index .p-fv .flex .right .slider-box .ttl {
    font-size: 2rem;
  }
}
#index .p-fv .flex .right .slider-box .ttl::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 2.3rem;
  height: 2.9rem;
  background: url(../img/common/icon_camp.png) no-repeat center center/contain;
}
#index .p-fv .flex .right .slider-box .ttl::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 2.3rem;
  height: 2.9rem;
  background: url(../img/common/icon_sun.png) no-repeat center center/contain;
}
#index .p-fv .flex .right .slider-box .slider {
  margin-top: 2rem;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  #index .p-fv .flex .right .slider-box .slider {
    margin-top: 1rem;
  }
}
#index .p-fv .flex .right .slider-box .slider .slick-dots {
  top: 20.5rem;
  bottom: auto;
  right: 3.7rem;
  width: max-content;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  #index .p-fv .flex .right .slider-box .slider .slick-dots {
    top: 14rem;
    right: 3rem;
  }
}
#index .p-fv .flex .right .slider-box .slider .slick-dots li {
  margin: 0;
  width: 1.3rem;
  height: 1.3rem;
  padding: 0;
}
#index .p-fv .flex .right .slider-box .slider .slick-dots li.slick-active button {
  background-color: #297929;
}
#index .p-fv .flex .right .slider-box .slider .slick-dots li button {
  width: 1.3rem;
  height: 1.3rem;
  padding: 0;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #707070;
}
#index .p-fv .flex .right .slider-box .slider .slick-dots li button::before {
  content: none;
}
#index .p-fv .flex .right .slider-box .slider .slick-arrow {
  position: absolute;
  left: 0;
  top: 10rem;
  width: 3.5rem;
  cursor: pointer;
  z-index: 10;
}
@media screen and (min-width: 768px) {
  #index .p-fv .flex .right .slider-box .slider .slick-arrow {
    transition: opacity 0.3s;
    cursor: pointer;
  }
  #index .p-fv .flex .right .slider-box .slider .slick-arrow:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 767px) {
  #index .p-fv .flex .right .slider-box .slider .slick-arrow {
    top: 7rem;
    width: 2.6rem;
  }
}
#index .p-fv .flex .right .slider-box .slider .slick-arrow.slider-prev {
  left: auto;
  right: 0;
}
#index .p-fv .flex .right .slider-box .slider .slick-arrow img {
  width: 100%;
}
#index .p-fv .flex .right .slider-box .slider_item {
  padding: 0 1.7rem;
  text-align: left;
}
@media screen and (max-width: 767px) {
  #index .p-fv .flex .right .slider-box .slider_item {
    padding: 0 1.3rem;
  }
}
#index .p-fv .flex .right .slider-box .slider_item a {
  display: block;
  padding-bottom: 2rem;
}
@media screen and (max-width: 767px) {
  #index .p-fv .flex .right .slider-box .slider_item a {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  #index .p-fv .flex .right .slider-box .slider_item a:hover .slider_item_img::before {
    opacity: 0.35;
  }
}
#index .p-fv .flex .right .slider-box .slider_item_img-box {
  position: relative;
}
#index .p-fv .flex .right .slider-box .slider_item_img {
  width: 100%;
  position: relative;
}
#index .p-fv .flex .right .slider-box .slider_item_img::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: #FFFFFF;
  border-radius: 1rem;
  transition: 0.3s;
}
#index .p-fv .flex .right .slider-box .slider_item_img img {
  width: 100%;
  aspect-ratio: 43/23;
  object-fit: cover;
  border-radius: 1rem;
  border: 1px solid #242020;
}
#index .p-fv .flex .right .slider-box .slider_item_date {
  display: inline-block;
  position: absolute;
  bottom: -1rem;
  left: 0;
  background-color: #F1F0DF;
  border: 1px solid #242020;
  padding: 0rem 1rem;
  font-size: 1.8rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  #index .p-fv .flex .right .slider-box .slider_item_date {
    margin-top: -3rem;
    font-size: 1.4rem;
  }
}
#index .p-fv .flex .right .slider-box .slider_item_ttl {
  margin-top: 2.4rem;
  width: 100%;
  color: #fff;
  font-size: 2rem;
  letter-spacing: 0.08em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  #index .p-fv .flex .right .slider-box .slider_item_ttl {
    font-size: 1.6rem;
  }
}
#index .p-fv .flex .right .slider-box .slider_item_flex {
  margin-top: 1rem;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  #index .p-fv .flex .right .slider-box .slider_item_flex {
    margin-top: 0.6rem;
  }
}
#index .p-fv .flex .right .slider-box .slider_item_flex_txt {
  font-size: 1.4rem;
  color: #fff;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  #index .p-fv .flex .right .slider-box .slider_item_flex_txt {
    font-size: 1.2rem;
  }
}
#index .p-fv .flex .right .c-seach-box {
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  #index .p-fv .flex .right .c-seach-box {
    margin-top: 6rem;
  }
}
#index .p-fv .bottom {
  margin-top: 5rem;
}
@media screen and (max-width: 767px) {
  #index .p-fv .bottom {
    margin-top: 4rem;
  }
}
#index .p-sauna {
  border-top: 1px solid #242020;
  background-color: #425742;
  padding: 12rem 0 10rem;
  position: relative;
  min-height: 142rem;
}
@media screen and (max-width: 767px) {
  #index .p-sauna {
    padding: 0 0 3rem;
    min-height: auto;
  }
}
#index .p-sauna .ttl-box {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 12rem;
  background-color: #F0EEE9;
  padding-top: 12rem;
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  #index .p-sauna .ttl-box {
    height: auto;
    width: 100%;
    position: static;
    padding: 2rem 0;
  }
}
#index .p-sauna .ttl-box .catch {
  font-family: "Dela Gothic One", sans-serif;
  letter-spacing: 0.04em;
  text-align: center;
  line-height: 1.25;
}
#index .p-sauna .ttl-box .ttl {
  padding: 6.5rem 0;
  margin: 2rem 0;
  writing-mode: vertical-rl;
  position: relative;
  letter-spacing: 0.35em;
}
@media screen and (max-width: 767px) {
  #index .p-sauna .ttl-box .ttl {
    writing-mode: horizontal-tb;
    padding: 0 2.6rem;
    margin: 0.2rem 0 0;
    letter-spacing: 0.05em;
  }
}
#index .p-sauna .ttl-box .ttl::before {
  content: "";
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  left: 50%;
  width: 4.5rem;
  height: 6rem;
  background: url(../img/common/icon_tree.png) no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
  #index .p-sauna .ttl-box .ttl::before {
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 2.3rem;
    height: 2.9rem;
  }
}
#index .p-sauna .ttl-box .ttl::after {
  content: "";
  position: absolute;
  bottom: 1rem;
  transform: translateX(-50%);
  left: 50%;
  width: 4.5rem;
  height: 6rem;
  background: url(../img/common/icon_leaf.png) no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
  #index .p-sauna .ttl-box .ttl::after {
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    bottom: auto;
    left: auto;
    width: 2.3rem;
    height: 2.9rem;
  }
}
#index .p-sauna .list {
  margin-left: 5rem;
}
@media screen and (max-width: 767px) {
  #index .p-sauna .list {
    margin-top: 4rem;
    display: block;
    margin-left: -3rem;
    width: calc(100% + 6rem);
  }
  #index .p-sauna .list .slick-list {
    padding: 0 13% 0 3rem !important;
  }
  #index .p-sauna .list .slick-track {
    display: flex;
  }
  #index .p-sauna .list .slick-slide {
    margin-right: 1.5rem;
    width: 30rem;
    height: auto !important;
  }
  #index .p-sauna .list .slick-slide > div {
    height: 100%;
  }
}
#index .p-sauna .c-link {
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  #index .p-sauna .c-link {
    margin-top: 2.5rem;
  }
}
#index .p-event {
  background-color: #6A493A;
  padding: 12rem 0 5.5rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  #index .p-event {
    padding: 0 0 5.5rem;
  }
}
#index .p-event .ttl-box {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  height: 100%;
  width: 12rem;
  background-color: #E0DCD3;
  padding-top: 10rem;
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  #index .p-event .ttl-box {
    height: auto;
    width: 100%;
    position: static;
    padding: 2rem 0;
  }
}
#index .p-event .ttl-box::before {
  content: "";
  position: absolute;
  top: 5rem;
  transform: translateX(-50%);
  left: 50%;
  width: 4.5rem;
  height: 6rem;
  background: url(../img/common/icon_event.png) no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
  #index .p-event .ttl-box::before {
    top: 4.3rem;
    width: 2.7rem;
    height: 3.5rem;
    left: 1.6rem;
    transform: translate(0);
  }
}
#index .p-event .ttl-box .catch {
  font-family: "Dela Gothic One", sans-serif;
  letter-spacing: 0.04em;
  text-align: center;
  line-height: 1.25;
}
#index .p-event .ttl-box .catch:last-child {
  padding-bottom: 6rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  #index .p-event .ttl-box .catch:last-child {
    padding-bottom: 0;
  }
}
#index .p-event .ttl-box .catch:last-child::after {
  content: "";
  position: absolute;
  bottom: 0;
  transform: translateX(-50%);
  left: 50%;
  width: 4.5rem;
  height: 6rem;
  background: url(../img/common/icon_event.png) no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
  #index .p-event .ttl-box .catch:last-child::after {
    content: none;
  }
}
#index .p-event .ttl-box .ttl {
  margin: 2rem 0;
  writing-mode: vertical-rl;
  position: relative;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 767px) {
  #index .p-event .ttl-box .ttl {
    writing-mode: horizontal-tb;
    padding-left: 3.2rem;
    margin: 1rem 0 0;
  }
}
@media screen and (max-width: 767px) {
  #index .p-event .slider-box {
    margin-top: 4rem;
    margin-left: -1.5rem;
  }
}
#index .p-event .slider-box .slick-dots {
  max-width: 96rem;
  bottom: -6.5rem;
  position: relative;
  display: flex;
}
@media screen and (max-width: 767px) {
  #index .p-event .slider-box .slick-dots {
    bottom: 0;
  }
}
#index .p-event .slider-box .slick-dots::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #fff;
}
#index .p-event .slider-box .slick-dots li {
  flex: 1;
  margin: 0;
  height: 4px;
  border-radius: 1rem;
}
#index .p-event .slider-box .slick-dots li.is-active, #index .p-event .slider-box .slick-dots li.slick-active {
  background-color: #fff;
}
#index .p-event .slider-box .slick-dots li.slick-active button {
  background-color: #fff;
}
#index .p-event .slider-box .slick-dots li button {
  width: 100%;
  height: 4px;
  margin: 0;
  border-radius: 1rem;
  padding: 0;
}
#index .p-event .slider-box .slick-dots li button::before {
  content: none;
}
#index .p-event .slider-box .list {
  padding-left: 17rem;
  padding-bottom: 7rem;
  position: relative;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  #index .p-event .slider-box .list {
    overflow: hidden;
    padding-left: 0;
    padding-bottom: 0;
    display: block;
  }
  #index .p-event .slider-box .list .slick-list {
    padding: 0 13% 0 3rem !important;
  }
}
#index .p-event .slider-box .list .slick-track {
  display: flex;
}
#index .p-event .slider-box .list .slick-slide {
  border: 1px solid #242020;
  margin-right: 2rem;
  width: 38rem;
  height: auto !important;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  #index .p-event .slider-box .list .slick-slide {
    margin-right: 1.5rem;
    width: 30rem;
  }
}
#index .p-event .slider-box .list .slick-slide > div {
  height: 100%;
}
#index .p-event .slider-box .list .slick-slide .list_item {
  border: none;
  height: 100%;
}
#index .p-event .slider-box .list .slick-slide .list_item a {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: transparent;
}
#index .p-event .slider-box .list .slick-slide .list_item_txt-box {
  flex: 1;
}
#index .p-event .c-link {
  margin-top: -3.5rem;
}
@media screen and (max-width: 767px) {
  #index .p-event .c-link {
    margin-top: 2.5rem;
  }
}
#index .p-event .txt {
  margin-top: 3rem;
  text-align: right;
  color: #fff;
}
@media screen and (max-width: 767px) {
  #index .p-event .txt {
    margin-top: 3rem;
    text-align: left;
    line-height: 2.6153846154;
    font-size: 1.3rem;
  }
}
#index .p-event .txt a {
  display: inline-block;
  padding: 0.2rem 1.3rem;
  background-color: #E7D6A4;
  border-radius: 1.6rem;
  color: #242020;
  margin-right: 0.8rem;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  #index .p-event .txt a {
    font-size: 1.2rem;
    margin-right: 0.3rem;
    padding: 0.1rem 1rem;
    line-height: 2;
  }
}
@media screen and (min-width: 768px) {
  #index .p-event .txt a:hover {
    background-color: #fff;
  }
}
#index .p-enjoy {
  padding: 11rem 0 12rem;
  background-color: #F8F8F4;
  position: relative;
}
@media screen and (max-width: 767px) {
  #index .p-enjoy {
    padding: 7rem 0 8rem;
  }
}
#index .p-enjoy .ttl-box {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  height: 100%;
  width: 12rem;
  border-right: 1px solid #242020;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 6rem;
}
#index .p-enjoy .ttl-box .catch {
  font-family: "Dela Gothic One", sans-serif;
  writing-mode: vertical-rl;
  font-size: 2.2rem;
}
#index .p-enjoy .ttl-box .catch:last-child {
  position: relative;
}
#index .p-enjoy .ttl-box .catch:last-child::after {
  content: "";
  position: absolute;
  top: -5rem;
  transform: translateX(-50%) rotate(90deg);
  left: 50%;
  width: 3rem;
  height: 3.9rem;
  background: url(../img/common/icon_piece.png) no-repeat center center/contain;
}
#index .p-enjoy .content {
  padding-left: 5rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #index .p-enjoy .content {
    padding-left: 0;
  }
}
#index .p-enjoy .content .ttl {
  display: inline-block;
  position: relative;
}
@media screen and (max-width: 767px) {
  #index .p-enjoy .content .ttl {
    font-size: 3.3rem;
    text-align: center;
    line-height: 1.2727272727;
  }
}
#index .p-enjoy .content .ttl::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -6rem;
  width: 4.4rem;
  height: 5.8rem;
  background: url(../img/common/icon_piece.png) no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
  #index .p-enjoy .content .ttl::before {
    right: 5rem;
    top: auto;
    transform: translate(0);
    bottom: -0.5rem;
    width: 3.6rem;
    height: 4.7rem;
  }
}
@media screen and (max-width: 767px) {
  #index .p-enjoy .content .catch {
    margin-top: 1rem;
    font-size: 1.6rem;
    font-family: "Dela Gothic One", sans-serif;
    text-align: center;
  }
}
#index .p-enjoy .content .list {
  margin-top: 3.5rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.8rem;
}
@media screen and (max-width: 767px) {
  #index .p-enjoy .content .list {
    margin: 3.5rem 3rem 0;
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
  }
}
#index .p-enjoy .content .list_item {
  background-color: #58450F;
  border-radius: 1rem;
  position: relative;
  text-align: center;
  transition: 0.3s;
}
@media screen and (min-width: 768px) {
  #index .p-enjoy .content .list_item:hover {
    background-color: rgba(88, 69, 15, 0.75);
  }
  #index .p-enjoy .content .list_item:hover .list_item_link::after {
    transform: scale(1, 1);
  }
}
#index .p-enjoy .content .list_item.-green {
  background-color: #2B5C49;
}
#index .p-enjoy .content .list_item.-green::before {
  background: url(../img/common/icon_book.png) no-repeat center center/contain;
}
@media screen and (min-width: 768px) {
  #index .p-enjoy .content .list_item.-green:hover {
    background-color: rgba(43, 92, 73, 0.75);
  }
}
#index .p-enjoy .content .list_item.-green02 {
  background-color: #54723A;
}
#index .p-enjoy .content .list_item.-green02::before {
  top: 3.5rem;
  width: 7.4rem;
  height: 4.7rem;
  background: url(../img/common/icon_pool.png) no-repeat center center/contain;
}
@media screen and (min-width: 768px) {
  #index .p-enjoy .content .list_item.-green02:hover {
    background-color: rgba(84, 114, 58, 0.75);
  }
}
#index .p-enjoy .content .list_item.-orange {
  background-color: #A36027;
}
#index .p-enjoy .content .list_item.-orange::before {
  background: url(../img/common/icon_sauna.png) no-repeat center center/contain;
}
@media screen and (min-width: 768px) {
  #index .p-enjoy .content .list_item.-orange:hover {
    background-color: rgba(163, 96, 39, 0.75);
  }
}
#index .p-enjoy .content .list_item::before {
  content: "";
  position: absolute;
  top: 2.5rem;
  transform: translateX(-50%);
  left: 50%;
  width: 4.2rem;
  height: 5.5rem;
  background: url(../img/common/icon_leaf.png) no-repeat center center/contain;
}
#index .p-enjoy .content .list_item a {
  display: block;
  padding: 8.5rem 0 3rem;
}
#index .p-enjoy .content .list_item_ttl {
  height: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #fff;
  font-size: 2.2rem;
  line-height: 1.5;
  letter-spacing: 0.07em;
  font-family: "Dela Gothic One", sans-serif;
}
@media screen and (max-width: 767px) {
  #index .p-enjoy .content .list_item_ttl {
    height: 9rem;
  }
}
#index .p-enjoy .content .list_item_txt {
  margin-top: 1.5rem;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #index .p-enjoy .content .list_item_txt {
    font-size: 1.6rem;
  }
}
#index .p-enjoy .content .list_item_link {
  margin-top: 2rem;
  display: inline-block;
  font-family: "Poppins", sans-serif;
  color: #fff;
  padding-right: 1.5rem;
  letter-spacing: 0.1em;
  position: relative;
}
@media screen and (max-width: 767px) {
  #index .p-enjoy .content .list_item_link {
    font-size: 1.6rem;
  }
}
#index .p-enjoy .content .list_item_link::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 1rem;
  height: 1rem;
  background: url(../img/common/arrow_right_02.svg) no-repeat center center/contain;
}
#index .p-enjoy .content .list_item_link::after {
  content: "";
  position: absolute;
  bottom: 0rem;
  left: 0;
  width: calc(100% - 1.5rem);
  height: 1px;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform 0.3s;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  #index .p-enjoy .content .list_item_link::after {
    transform: scale(1, 1);
  }
}
#index .p-repo {
  background-color: #554944;
  padding: 10rem 0;
}
@media screen and (max-width: 767px) {
  #index .p-repo {
    padding: 7rem 0 8rem;
  }
}
#index .p-repo .ttl-box .ttl {
  display: inline-block;
  color: #fff;
  position: relative;
}
@media screen and (max-width: 767px) {
  #index .p-repo .ttl-box .ttl {
    text-align: center;
    display: block;
    font-size: 3.3rem;
    line-height: 1.2727272727;
  }
}
#index .p-repo .ttl-box .ttl::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -6rem;
  width: 4rem;
  height: 5rem;
  background: url(../img/common/icon_camera.png) no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
  #index .p-repo .ttl-box .ttl::before {
    right: 2.5rem;
    bottom: 0rem;
    top: auto;
    transform: translate(0);
    width: 3.6rem;
    height: 4.7rem;
  }
}
#index .p-repo .ttl-box .txt {
  margin-top: 1.5rem;
  font-size: 1.8rem;
  color: #fff;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  #index .p-repo .ttl-box .txt {
    margin-top: 2rem;
    text-align: center;
    font-size: 1.6rem;
    letter-spacing: 0.07em;
  }
}
#index .p-repo .slider-box {
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  #index .p-repo .slider-box {
    margin-top: 4rem;
    margin-left: -1.5rem;
  }
}
#index .p-repo .slider-box .slick-dots {
  max-width: 96rem;
  bottom: -6.5rem;
  position: relative;
  display: flex;
}
@media screen and (max-width: 767px) {
  #index .p-repo .slider-box .slick-dots {
    bottom: 0;
  }
}
#index .p-repo .slider-box .slick-dots::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #fff;
}
#index .p-repo .slider-box .slick-dots li {
  flex: 1;
  margin: 0;
  height: 4px;
  border-radius: 1rem;
}
#index .p-repo .slider-box .slick-dots li.is-active, #index .p-repo .slider-box .slick-dots li.slick-active {
  background-color: #fff;
}
#index .p-repo .slider-box .slick-dots li.slick-active button {
  background-color: #fff;
}
#index .p-repo .slider-box .slick-dots li button {
  width: 100%;
  height: 4px;
  margin: 0;
  border-radius: 1rem;
  padding: 0;
}
#index .p-repo .slider-box .slick-dots li button::before {
  content: none;
}
#index .p-repo .slider-box .list {
  padding-bottom: 7rem;
  padding-left: 12rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  #index .p-repo .slider-box .list {
    overflow: hidden;
    padding-left: 0;
    padding-bottom: 0;
    display: block;
  }
  #index .p-repo .slider-box .list .slick-list {
    padding: 0 13% 0 3rem !important;
  }
}
#index .p-repo .slider-box .list .slick-track {
  display: flex;
}
#index .p-repo .slider-box .list .slick-slide {
  width: 38rem;
  height: auto !important;
  margin-right: 2rem;
  background-color: #F5F5EC;
  border: 1px solid #242020;
}
@media screen and (max-width: 767px) {
  #index .p-repo .slider-box .list .slick-slide {
    margin-right: 1.5rem;
    width: 30rem;
  }
}
#index .p-repo .slider-box .list .slick-slide > div {
  height: 100%;
}
#index .p-repo .slider-box .list .slick-slide .list_item {
  border: none;
  height: 100%;
}
#index .p-repo .slider-box .list .slick-slide .list_item a {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: transparent;
}
#index .p-repo .slider-box .list .slick-slide .list_item_txt-box {
  flex: 1;
}
#index .p-repo .c-link {
  margin-top: -3rem;
}
@media screen and (max-width: 767px) {
  #index .p-repo .c-link {
    margin-top: 4rem;
  }
}
#index .p-blog {
  background-color: #F1F0DF;
  padding: 12rem 0;
}
@media screen and (max-width: 767px) {
  #index .p-blog {
    padding: 8rem 0;
  }
}
#index .p-blog .content {
  background-color: #E7D6A4;
  border: 1px solid #242020;
  padding: 1rem;
}
#index .p-blog .content .inner {
  background-color: #FFFDF5;
  border-radius: 2rem;
  padding: 3rem 3rem 4rem 4rem;
  border: 1px solid #242020;
  min-height: 63rem;
}
@media screen and (max-width: 767px) {
  #index .p-blog .content .inner {
    min-height: auto;
    padding: 3rem 2.5rem 4rem;
  }
}
#index .p-blog .content .inner .heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 767px) {
  #index .p-blog .content .inner .heading {
    display: block;
  }
}
#index .p-blog .content .inner .heading .ttl-box {
  display: flex;
  align-items: flex-end;
  gap: 2.6rem;
}
@media screen and (max-width: 767px) {
  #index .p-blog .content .inner .heading .ttl-box {
    display: block;
  }
}
#index .p-blog .content .inner .heading .ttl-box .ttl {
  padding-left: 5rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  #index .p-blog .content .inner .heading .ttl-box .ttl {
    font-size: 3.3rem;
    padding-left: 7rem;
  }
}
#index .p-blog .content .inner .heading .ttl-box .ttl::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 3.4rem;
  height: 4.5rem;
  background: url(../img/common/icon_pen.png) no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
  #index .p-blog .content .inner .heading .ttl-box .ttl::before {
    left: 2rem;
  }
}
#index .p-blog .content .inner .heading .ttl-box .txt {
  font-size: 1.8rem;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  #index .p-blog .content .inner .heading .ttl-box .txt {
    margin-top: 2rem;
    font-size: 1.6rem;
    text-align: center;
  }
}
#index .p-blog .content .inner .list {
  margin-top: 3rem;
  padding-left: 53.5rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  #index .p-blog .content .inner .list {
    margin-top: 2rem;
    padding-left: 0;
  }
}
#index .p-blog .content .inner .list_item:first-child {
  width: 49rem;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  #index .p-blog .content .inner .list_item:first-child {
    position: static;
    width: 100%;
  }
}
#index .p-blog .content .inner .list_item:first-child a {
  display: block;
}
#index .p-blog .content .inner .list_item:first-child .list_item_img {
  width: 100%;
}
#index .p-blog .content .inner .list_item:first-child .list_item_date {
  margin-top: 2.5rem;
}
@media screen and (max-width: 767px) {
  #index .p-blog .content .inner .list_item:first-child .list_item_date {
    margin-top: 1rem;
  }
}
#index .p-blog .content .inner .list_item:first-child .list_item_ttl {
  font-size: 2.2rem;
  margin-top: 1rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  #index .p-blog .content .inner .list_item:first-child .list_item_ttl {
    margin-top: 0rem;
    font-size: 1.6rem;
  }
}
#index .p-blog .content .inner .list_item:first-child .list_item_flex_txt {
  margin-top: 1rem;
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  #index .p-blog .content .inner .list_item:first-child .list_item_flex_txt {
    font-size: 1.2rem;
    margin-top: 0.5rem;
  }
}
@media screen and (max-width: 767px) {
  #index .p-blog .content .inner .list_item:nth-child(n+2) {
    display: none;
  }
}
#index .p-blog .content .inner .list_item:nth-child(n+3) {
  margin-top: 2.6rem;
}
#index .p-blog .content .inner .list_item a {
  display: flex;
  gap: 2.6rem;
}
@media screen and (min-width: 768px) {
  #index .p-blog .content .inner .list_item a:hover .list_item_img::before {
    opacity: 0.35;
  }
  #index .p-blog .content .inner .list_item a:hover .list_item_ttl span {
    background-size: 100% 1px;
  }
}
#index .p-blog .content .inner .list_item_img {
  width: 22.7rem;
  position: relative;
}
#index .p-blog .content .inner .list_item_img::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  opacity: 0;
  background-color: #fff;
  border-radius: 1rem;
  transition: 0.3s;
}
#index .p-blog .content .inner .list_item_img img {
  width: 100%;
  border: 1px solid #242020;
  border-radius: 1rem;
  aspect-ratio: 227/139;
  object-fit: cover;
}
#index .p-blog .content .inner .list_item_txt-box {
  flex: 1;
}
#index .p-blog .content .inner .list_item_date {
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  #index .p-blog .content .inner .list_item_date {
    font-size: 1.2rem;
  }
}
#index .p-blog .content .inner .list_item_ttl {
  line-height: 1.7;
  font-size: 1.8rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  letter-spacing: 0.08em;
  font-weight: 700;
}
#index .p-blog .content .inner .list_item_ttl span {
  display: inline;
  text-decoration: none;
  background-image: linear-gradient(90deg, #242020, #242020); /* 線の色 */
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0 1px;
  transition: background-size 0.3s;
}
@media screen and (max-width: 767px) {
  #index .p-blog .content .inner .list_item_ttl {
    font-size: 1.6rem;
    letter-spacing: 0;
    -webkit-line-clamp: 2;
  }
}
#index .p-blog .content .inner .list_item_flex {
  margin-top: 0.3rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  #index .p-blog .content .inner .list_item_flex {
    margin-top: 0;
  }
}
#index .p-blog .content .inner .list_item_flex_txt {
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  #index .p-blog .content .inner .list_item_flex_txt {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 767px) {
  #index .p-blog .c-link {
    margin-top: 2rem;
    text-align: right;
  }
}
#index .p-news {
  padding: 12rem 0 10rem;
}
@media screen and (max-width: 767px) {
  #index .p-news {
    padding: 7rem 0 6rem;
  }
}
#index .p-news .flex {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  #index .p-news .flex {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  #index .p-news .flex .heading {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
}
#index .p-news .flex .heading .ttl-box {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  #index .p-news .flex .heading .ttl-box {
    flex-direction: column-reverse;
  }
}
#index .p-news .flex .heading .ttl-box .ttl {
  writing-mode: vertical-rl;
  color: #fff;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #242020;
  background-color: #F1F0DE;
  padding: 1.4rem;
  border: 1px solid #242020;
}
@media screen and (max-width: 767px) {
  #index .p-news .flex .heading .ttl-box .ttl {
    writing-mode: horizontal-tb;
    font-size: 3.3rem;
    padding: 0.5rem 2.5rem;
    letter-spacing: 0.17em;
  }
}
#index .p-news .flex .heading .ttl-box .catch {
  writing-mode: vertical-rl;
  background-color: #F8EABA;
  padding: 1rem 0.5rem;
  border: 1px solid #242020;
  border-left: none;
  font-size: 2.3rem;
  font-family: "Dela Gothic One", sans-serif;
}
@media screen and (max-width: 767px) {
  #index .p-news .flex .heading .ttl-box .catch {
    border-left: 1px solid #242020;
    border-bottom: none;
    writing-mode: horizontal-tb;
    font-size: 1.6rem;
    padding: 0.5rem 1.6rem;
    letter-spacing: 0.1em;
  }
}
#index .p-news .flex .heading .c-link {
  margin-top: 4rem;
}
#index .p-news .flex .list {
  width: 96.3rem;
}
@media screen and (max-width: 767px) {
  #index .p-news .flex .list {
    margin-top: 4rem;
    width: 100%;
  }
}
#index .c-contact {
  padding-bottom: 12.6rem;
}
@media screen and (max-width: 767px) {
  #index .c-contact {
    padding-bottom: 7rem;
  }
}/*# sourceMappingURL=index.css.map */