@charset "UTF-8";

/*---------------------------------------------

	全ページ共通

---------------------------------------------*/
/* ↓ 色とテキストの定義 ------------------------*/
html {
  scroll-behavior: smooth;
  font-size: 14px;
}

@media screen and (min-width: 1200px) {
  html {
    font-size: 15px;
  }
}

@media screen and (min-width: 1400px) {
  html {
    font-size: 16px;
  }
}

@media screen and (max-width: 600px) {
  html {
    font-size: 3.5vw;
    /*文字量L-3.3vw/文字量M-3.5vw  */
  }
}

body {
  color: #333333;
  letter-spacing: 0.08rem;
  line-height: 1.5;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  position: relative;
  background: white;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.zenkaku {
  font-family: "Zen Kaku Gothic New", sans-serif;
}

.roboto {
  font-family: "Roboto Flex", sans-serif;
}

.avenir {
  font-family: Avenir;
}

footer {
  margin-top: auto;
}

/*imgタグトリミング*/
.object-fit-img {
  object-fit: cover;
  font-family: "object-fit: contain;";
}

/* ↓ 共通アニメーション------------------------*/
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* ↓ 共通コンテンツ横幅とマージン ------------------------*/
/*pcの横幅*/
.pcWidth-xl {
  width: 1200px;
  max-width: 98%;
  margin: 0 auto;
}

.pcWidth-l {
  width: 960px;
  max-width: 98%;
  margin: 0 auto;
}

.pcWidth-m {
  width: 900px;
  max-width: 98%;
  margin: 0 auto;
}

.pcWidth-s {
  width: 760px;
  max-width: 98%;
  margin: 0 auto;
}

@media screen and (min-width: 1450px) {
  .pcWidth-xl {
    width: 1216px;
  }

  .pcWidth-l {
    width: 1152px;
  }

  .pcWidth-m {
    width: 1080px;
  }

  .pcWidth-s {
    width: 912px;
  }
}

/*spの横幅*/
@media screen and (max-width: 600px) {
  .spWidth-max {
    max-width: 100%;
  }

  .spWidth-l {
    max-width: 94%;
  }

  .spWidth-m {
    max-width: 88%;
  }

  .spWidth-s {
    max-width: 85%;
  }
}

/*セクションの上下のマージン*/
.secOuter-s {
  padding: 4rem 0px 5rem 0px;
}

.secOuter-m {
  padding: 5rem 0px 6.5rem 0px;
}

.secOuter-l {
  padding: 7rem 0px 8rem 0px;
}

@media screen and (max-width: 600px) {
  .secOuter-s {
    padding: 3rem 0px 4.2rem 0px;
  }

  .secOuter-m {
    padding: 3.5rem 0px 4.8rem 0px;
  }

  .secOuter-l {
    padding: 4.2rem 0px 4.8rem 0px;
  }
}

/* ↓ リンクと共通パーツ ------------------------*/
.textalign-center {
  text-align: center;
}

.textalign-left {
  text-align: left;
}

.textalign-right {
  text-align: right;
}

a {
  color: #333333;
  text-decoration: none;
}

a:hover {
  opacity: 0.7;
}

.btn-area {
  margin-top: 1.5rem;
}

.btn-area-l {
  margin-top: 3rem;
}

@media screen and (max-width: 600px) {
  .btn-area {
    margin-top: 1rem;
  }

  .btn-area-l {
    margin-top: 1.5rem;
  }
}

/* ↓ ナビゲーションバー ------------------------*/
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}

#not-top-pag .sec-gnabv {
  background-color: #231815;
}

.sec-gnabv.color__change {
  background-color: #231815;
  transition: 0.3s;
}

.globalmenu {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 1.3125rem 1.5rem;
  line-height: normal;
  min-height: 6rem;
  width: 100%;
  z-index: 5;
}

@media screen and (max-width: 600px) {
  .globalmenu {
    padding: 0.9rem;
  }
}

.globalmenu-left {
}

.globalmenu-center {
  display: flex;
  align-items: center;
}

.globalmenu-right {
  display: flex;
  align-items: center;
  /* column-gap: 16px; */
}

@media screen and (max-width: 600px) {
  .globalmenu-right {
    column-gap: 0px;
  }
}

/* .globalmenu-left img,
.globalmenu-right img,
.globalmenu-center img {
  height: 1.5rem;
}

@media screen and (max-width: 600px) {
  .globalmenu-left img,
  .globalmenu-right img,
  .globalmenu-center img {
    height: 1.2rem;
  }
} */

/*　ハンバーガーボタン　*/
.hamburger {
  display: block;
  position: relative;
  z-index: 3;
  right: 0;
  top: 0;
  width: 28px;
  height: 24px;
  margin-right: 2.25rem;
  cursor: pointer;
  text-align: center;
}

@media screen and (max-width: 600px) {
  .hamburger {
    margin-right: 0;
  }
}

.hamburger span {
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  background: #fff;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin-bottom: 0.5rem;
}

.hamburger span:nth-child(1) {
  top: 0px;
}

.hamburger span:nth-child(2) {
  top: 9.5px;
}

.hamburger span:nth-child(3) {
  top: 19.5px;
}

.hamburger.active span:nth-child(1) {
  top: 11px;
  /*    left: 6px;*/
  background: #fff;
  -webkit-transform: rotate(-25deg);
  -moz-transform: rotate(-25deg);
  transform: rotate(-25deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  top: 11px;
  background: #fff;
  -webkit-transform: rotate(25deg);
  -moz-transform: rotate(25deg);
  transform: rotate(25deg);
}

/*  */
/* #glt-translate-trigger {
  margin-right: 1.25rem;
} */

/*  */
.translation {
  display: flex;
  width: 162px;
  margin-right: 2.375rem;
  text-align: center;
  color: #fff;
}

@media screen and (max-width: 600px) {
  .translation {
    width: 94px;
    margin-right: 13px;
  }
}

.translation p {
  line-height: 1;
}

.translation .translation-j {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  padding: 0.745rem 1.875rem;
  background-color: #000000;
  border: solid #5c5c5c 1px;
  font-size: 1.25rem;
  color: #fff;
}

.translation .translation-e {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.625rem 1.875rem;
  background-color: #cdcdcd;
  width: 50%;
  font-size: 1.25rem;
  color: #626262;
}

@media screen and (max-width: 600px) {
  .translation .translation-j {
    width: 50%;
    padding: 0.5rem 1rem;
    background-color: #000000;
    border: solid #5c5c5c 1px;
    font-size: 1.25rem;
    color: #fff;
  }

  .translation .translation-e {
    width: 50%;
    padding: 0.5rem 1rem;
    background-color: #cdcdcd;
    font-size: 1.25rem;
    color: #626262;
  }
}

.sec-gnabv .reservation__button {
  margin-right: 1.25rem;
}

@media screen and (max-width: 600px) {
  .sec-gnabv .reservation__button {
    margin-right: 1rem;
  }
}

.sec-gnabv .reservation__button a {
  padding: 0.7rem 1.5rem;
  font-size: 1rem;
  color: #fff;
}

@media screen and (max-width: 600px) {
  .sec-gnabv .reservation__button a {
    font-size: 0.9rem;
  }
}

.globalmenu-logo {
  display: none;
  width: 80px;
}

.globalmenu-logo img {
  width: 100%;
}

/* ↓ メニュー ------------------------*/
nav.globalmenu__pcsp {
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  color: #fff;
  background: #231815;
  text-align: center;
  width: 100%;
  display: none;
  opacity: 0;
  transition: opacity 0.6s ease, visibility 0.6s ease;
  height: 100vh;
}

.globalmenu-inner {
  display: flex;
  justify-content: space-between;
  height: 100%;
  text-align: left;
  margin-left: 6rem;
  margin-top: 6rem;
}

@media screen and (max-width: 600px) {
  .globalmenu-inner {
    margin-left: 3rem;
    margin-top: 5rem;
  }
}

nav.globalmenu__pcsp.active {
  display: block;
  opacity: 10;
}

.globalmenu__open--right {
  padding: 1.25rem 1.875rem;
  width: 30vw;
  overflow: auto;
}

@media screen and (max-width: 1300px) {
  .globalmenu__open--right {
    width: 38vw;
  }
}

@media screen and (max-width: 880px) {
  .globalmenu__open--right {
    width: 80%;
  }
}

@media screen and (max-width: 600px) {
  .globalmenu__open--right {
    width: 100%;
  }
}

.globalmenu__open--right .items {
  /* display: flex;
  flex-wrap: wrap;
  margin-bottom: 1.25rem; */
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1.25rem;
  flex-direction: column;
  height: 26rem;
}

.globalmenu__open--right .item {
  margin-bottom: 1.875rem;
  width: 50%;
  text-align: left;
}

.globalmenu__open--right .item a {
  font-size: 0.95rem;
  color: #fff;
}

.globalmenu__open--right .buttonArea {
  padding-bottom: 1.875rem;
  margin-bottom: 1.75rem;
  border-bottom: solid 1px #fff;
}

.globalmenu__open--right .button {
  padding: 0.9375rem 3.125rem;
  border: solid #fff 1px;
  font-size: 14px;
  color: #fff;
  text-align: center;
}

.globalmenu__open--right .button a {
  color: #fff;
}

.globalmenu__open--right .address {
  margin-bottom: 1.25rem;
  line-height: 1.5;
}

.globalmenu__open--right .address a {
  color: #fff;
}

.globalmenu__open--right .contact__link.form {
  padding: 0.5rem 2rem;
  border: solid 1px #fff;
  text-align: center;
  margin-bottom: 1.25rem;
}

.globalmenu__open--right .address .address__title {
  width: 6rem;
  margin-bottom: 1rem;
}

.globalmenu__open--right .address .address__title img {
  width: 100%;
}

.globalmenu__open--right .address .address__text {
  font-size: 0.8125rem;
  line-height: 1.6;
  margin-bottom: 1rem;
}

/*---------------------------------------------

	共通化パーツ

---------------------------------------------*/
/* タイトル */
.title__style--A {
  width: auto;
  height: 3.125rem;
  margin-bottom: 4rem;
  text-align: left;
}

@media screen and (max-width: 600px) {
  .title__style--A {
    height: 2.4rem;
    margin-bottom: 3rem;
  }
}

.title__style--A h2,
.title__style--A h2 img,
.title__style--A img {
  width: auto;
  height: 100%;
}

.title__style--B {
  margin-bottom: 5.3125rem;
}

@media screen and (max-width: 600px) {
  .title__style--B {
    margin-bottom: 3rem;
  }
}

/* 角丸背景茶ボタン */
.button__style--round a {
  display: block;
  padding: 0.8rem 1.5rem;
  border-radius: 6px;
  color: #fff;
  background-color: #75693b;
}

@media screen and (max-width: 600px) {
  .button__style--round a {
    padding: 1rem 1rem;
  }
}

/* 背景茶色 */
.bg__brown {
  background-color: #f4f1e2;
}

/* 背景ベージュ */
.bg__beige {
  background-color: #e7e3bf;
}

/* 共通セクション-丈夫の角丸画像とテキスト*/
.sec-shared {
  position: relative;
  padding: 6.25rem 0 8.25rem 0;
  z-index: 0;
}

@media screen and (max-width: 600px) {
  .sec-shared {
    padding: 4.25rem 0 4.25rem 0;
  }
}

.sec-shared .guide {
  display: flex;
  justify-content: flex-end;
  column-gap: 6.5vw;
  margin-bottom: 5.5rem;
}

@media screen and (min-width: 1800px) {
  .sec-shared .guide {
    justify-content: center;
  }
}

@media screen and (max-width: 600px) {
  .sec-shared .guide {
    flex-direction: column;
    align-items: flex-end;
    margin-bottom: 2rem;
  }
}

.sec-shared .guide .guide__photo {
  width: 50%;
}
@media screen and (min-width: 1800px) {
  .sec-shared .guide .guide__photo {
    width: 40%;
  }
}

@media screen and (max-width: 600px) {
  .sec-shared .guide .guide__photo {
    width: 85%;
  }
}

.sec-shared .guide .guide__photo .pc-l {
  display: none;
}

@media screen and (min-width: 1800px) {
  .sec-shared .guide .guide__photo .pc-m {
    display: none;
  }
  .sec-shared .guide .guide__photo .pc-l {
    display: block;
  }
}

.sec-shared .guide__photo img {
  width: 100%;
}

.sec-shared .guide__description {
  width: 35%;
}

@media screen and (max-width: 600px) {
  .sec-shared .guide__description {
    width: 90%;
    margin: 0 auto 3.3rem auto;
    padding: 0 3rem 0 2rem;
    text-align: left;
  }
}

.sec-shared .guide__description .guide__subtitle {
  width: 40vw;
  max-width: 476px;
  margin-bottom: 3.125rem;
}

@media screen and (max-width: 600px) {
  .sec-shared .guide__description .guide__subtitle {
    width: 80vw;
    margin-bottom: 3.125rem;
  }
}

.sec-shared .guide__description .guide__subtitle h3 img {
  width: 100%;
}

.sec-shared .guide__catch {
  margin-bottom: 2.5rem;
}

@media screen and (max-width: 600px) {
  .sec-shared .guide__catch {
    margin-bottom: 2rem;
  }
}

.sec-shared .guide__catch .guide__text--medium {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 1.8;
  color: #796a31;
}

@media screen and (max-width: 600px) {
  .sec-shared .guide__catch .guide__text--medium {
    font-size: 1.2rem;
  }
}

.sec-shared .guide__text--small {
  font-size: 1.125rem;
  line-height: 2;
  color: #3c3c3c;
}

@media screen and (max-width: 600px) {
  .sec-shared .guide__catch .guide__text--small {
    font-size: 0.9rem;
  }
}

/* 共通セクション-詳細*/
.sec-shareddetail__container {
  /* border: solid #000; */
}

.sec-shared .shareddetail {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 0 1.6rem;
  border-bottom: solid 1.1px #cdb291;
}

@media screen and (max-width: 540px) {
  .sec-shared .shareddetail {
    border-bottom: none;
  }
}

.sec-shared .shareddetail.last {
  border-bottom: none;
}

/* .sec-shared.totonou .shareddetail.first {
  border-bottom: none;
} */

/* 公開後表示 */
/* .sec-shared .shareddetail:nth-child(2) {
  border-bottom: none;
} */
/*  */

@media screen and (max-width: 600px) {
  .sec-shared .shareddetail {
    flex-direction: column;
  }
}

.sec-shared .shareddetail:before {
  content: "";
  position: absolute;
  left: 49.9%;
  top: 0; /*線の上下位置*/
  display: inline-block;
  width: 1.1px; /*線の長さ*/
  height: 100%; /*線の太さ*/
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); /*位置調整*/
  background-color: #cdb291; /*線の色*/
  border-radius: 2px; /*線の丸み*/
}
@media screen and (max-width: 600px) {
  .sec-shared .shareddetail:before {
    content: none;
  }
}

.sec-shared .shareddetail::after {
  content: "";
  background-image: url(../img/bg_square01.svg);
  background-repeat: no-repeat;
  position: absolute;
  left: 50%;
  bottom: -25px;
  display: inline-block;
  width: 52px;
  height: 52px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1;
}

.sec-shared .shareddetail:last-child::after {
  display: none;
}

@media screen and (max-width: 600px) {
  .sec-shared .shareddetail:after {
    content: none;
  }
}

.sec-shared.bg__beige .shareddetail::after {
  content: "";
  background-image: url(../img/bg_square03.svg);
  background-repeat: no-repeat;
  position: absolute;
  left: 50%;
  bottom: -25px;
  display: inline-block;
  width: 52px;
  height: 52px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1;
}
@media screen and (max-width: 600px) {
  .sec-shared.bg__beige .shareddetail:after {
    content: none;
  }
}

.sec-shared .shareddetail .shareddetail__item {
  position: relative;
  width: 43%;
  padding-top: 3.3125rem;
  padding-bottom: 2.1875rem;
}
.sec-shared.bg__beige .shareddetail:last-child::after {
  display: none;
}

@media screen and (max-width: 600px) {
  .sec-shared .shareddetail .shareddetail__item {
    width: 100%;
    padding-bottom: 2.5rem;
    border-bottom: solid 1.1px #cdb291;
  }
}

.sec-shared .shareddetail.first .shareddetail__item {
  padding-top: 1rem;
}

@media screen and (max-width: 600px) {
  .sec-shared .shareddetail.first .shareddetail__item {
    padding-top: 2.8rem;
  }
}

@media screen and (max-width: 600px) {
  .sec-shared .shareddetail.last .shareddetail__item {
    padding-bottom: 2.5rem;
  }

  .sec-shared .shareddetail.last .shareddetail__item:last-child {
    border-bottom: none;
  }
}

/* .sec-shared .shareddetail .shareddetail__item:before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  display: inline-block;
  width: 100%;
  height: 1.1px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #cdb291;
  border-radius: 2px;
}

.shareddetail.last .shareddetail__item:before {
  display: none;
}

@media screen and (max-width: 600px) {
  .shareddetail.last .shareddetail__item:before {
    display: block;
  }

  .shareddetail.last .shareddetail__item:last-child::before {
    display: none;
  }
} */

.sec-shared .shareddetail .shareddetail__photo {
  margin-bottom: 1.625rem;
}

@media screen and (max-width: 600px) {
  .sec-shared .shareddetail .shareddetail__photo {
    margin-bottom: 1rem;
  }
}

.sec-shared .shareddetail .shareddetail__photo,
.sec-shared .shareddetail .shareddetail__photo img {
  width: 100%;
}

.sec-shared .shareddetail .shareddetail__text .shareddetail__title {
  margin-bottom: 1.5rem;
  font-size: 1.5rem;
  font-weight: 500;
  color: #70522e;
}

@media screen and (max-width: 600px) {
  .sec-shared .shareddetail .shareddetail__text .shareddetail__title {
    margin-bottom: 0.8rem;
  }
}

.sec-shared .shareddetail .shareddetail__text .shareddetail__description {
  font-size: 1rem;
  color: #3c3c3c;
  line-height: 2;
}

/*---------------------------------------------

	テストコード

---------------------------------------------*/
/* ↓ セクション ｜ ファーストビュー ------------------------*/

.sec-fv {
  position: relative;
  background-image: url(../img/mv_01.jpg);
  padding-top: 5.3125rem;
  height: 86vh;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

@media screen and (max-width: 1200px) {
  .sec-fv {
    background-position: 25% 25%;
  }
}

@media screen and (max-width: 830px) {
  .sec-fv {
    height: 50vh;
  }
}

@media screen and (max-width: 600px) {
  .sec-fv {
    background-image: url(../img/mv_01.jpg);
    height: 58.5vh;
    background-position: 25%;
  }
}

.sec-fv::after {
  /* position: absolute;
  bottom: 0;
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-image: url(../img/bg_wave01.svg);
  background-position: bottom;
  height: 0;
  width: 100%;
  padding-bottom: 10.55555%;  */
}

.sec-fv .catch {
  position: absolute;
  top: 35%;
  right: 5%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media screen and (max-width: 880px) {
  .sec-fv .catch {
    /* top: 55%;
    left: 50%;
    transform: translateX(-50%);
    right: unset;
    width: 100%; */
  }
}

@media screen and (max-width: 600px) {
  .sec-fv .catch {
    top: unset;
    bottom: 14%;
    left: 50%;
    right: unset;
    transform: translateX(-50%);
    justify-content: center;
    width: 100%;
  }
}

.sec-fv .catch__logo {
  margin-bottom: 2.25rem;
}

.sec-fv .catch .catch__description {
  font-size: 2rem;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.1em;
  color: #ffffff;
}

@media screen and (max-width: 880px) {
  .sec-fv .catch .catch__description {
    font-size: 1rem;
  }
}

@media screen and (max-width: 600px) {
  .sec-fv .catch .catch__description {
    font-size: 1rem;
  }
}

@media screen and (max-width: 600px) {
  .sec-fv .catch .catch__description {
    font-size: 1.5rem;
  }
}

.fv-logo {
  position: absolute;
  top: 20px;
  left: 28px;
  width: 163px;
}

@media screen and (max-width: 830px) {
  .fv-logo {
    position: absolute;
    top: 20px;
    left: 28px;
    width: 113px;
  }
}

@media screen and (max-width: 600px) {
  .fv-logo {
    top: 12px;
    left: 12px;
    width: 54px;
  }
}

.sec-gnabv.color__change .fv-logo,
#not-top-pag .fv-logo {
  top: 6%;
  width: 75px;
}

@media screen and (max-width: 600px) {
  .sec-gnabv.color__change .fv-logo,
  #not-top-pag .fv-logo {
    top: 5px;
    left: 12px;
    width: 50px;
  }
}

.fv-logo img {
  width: 100%;
}

/* ニュース */

.sec-fv .info {
  position: absolute;
  bottom: 8%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  display: flex;
  width: 71%;
  font-size: 1rem;
}

@media screen and (max-width: 600px) {
  .sec-fv .info {
    width: 100%;
    bottom: 0;
    font-size: 0.9rem;
  }
}

.sec-fv .info__item.left {
  width: 10.27vw;
  min-width: 8rem;
  padding: 0.8rem 1.5rem;
  text-align: center;
  background-color: #103928;
  color: #fff;
  border-radius: 4px 0 0 4px;
}

.sec-fv .info__item.right {
  display: flex;
  column-gap: 25px;
  padding: 0.8rem 1.5rem;
  flex: 1;
  background-color: rgb(255, 255, 255, 0.8);
  color: #34241f;
  border-radius: 0 4px 4px 0;
}

@media screen and (max-width: 600px) {
  .sec-fv .info__item.left {
    width: 4.8rem;
    padding: 0.8rem 0.5rem;
    border-radius: 0;
  }

  .sec-fv .info__item.right {
    column-gap: 1.2rem;
    padding: 0.8rem 0.8rem;
    flex: 1;
    background-color: #fff;
    color: #34241f;
    border-radius: 0;
  }
}

@media screen and (max-width: 600px) {
  .sec-fv .info__item--time {
    font-size: 0.8rem;
  }
}

/* スクロール */
.sec-fv .scroll {
  position: absolute;
  right: 100px;
  bottom: 5%;
  animation: scroll 1s ease-out infinite;
}

@media screen and (max-width: 1200px) {
  .sec-fv .scroll {
    right: 6%;
  }
}

.sec-fv .scroll p {
  writing-mode: vertical-rl;
}

@keyframes scroll {
  0% {
    transform: translateY(-7px);
  }
  70% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-7px);
  }
}

.wave {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 0;
}

.wave2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0;
}
/*---------------------------------------------

	ムービー

---------------------------------------------*/

.sec-movie {
  position: relative;
  color: #34241f;
  z-index: 0;
}

.move__body {
  position: relative;
  z-index: 2;
}
.movie__text {
  position: relative;
  z-index: 1;
}

.bg_movie {
  position: absolute;
  bottom: -30%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: 57vw;
  height: auto;
  z-index: -1;
}

@media screen and (max-width: 600px) {
  .bg_movie {
    bottom: -10%;
    width: 100%;
  }
}

.sec-movie .movie {
  padding: 5.9375rem 0 8rem 0;
}

@media screen and (max-width: 600px) {
  .sec-movie .movie {
    padding: 4rem 0 5rem 0;
  }
}

.movie__title {
  width: 65vw;
  margin: 0 auto 2rem auto;
  text-align: center;
}

@media screen and (max-width: 600px) {
  .movie__title {
    width: 100%;
  }
}

.movie__title img {
  width: 100%;
}

@media screen and (max-width: 600px) {
  .movie__text.movie__text {
    padding: 0 2rem;
  }
}

.sec-movie .movie__text--small {
  text-align: center;
  line-height: 2.2;
}

.sec-movie .movie__text--small .text {
  font-size: 1.125rem;
  font-weight: 500;
  color: #34241f;
}

.sec-movie .movie__text--small {
  margin-bottom: 4.375rem;
}

/* youtube */
.youtube {
  width: 90%;
  aspect-ratio: 16 / 9;
  margin: 0 auto;
}

@media screen and (max-width: 600px) {
  .youtube {
    width: 100%;
  }
}

.youtube iframe {
  width: 100%;
  height: 100%;
}

/*---------------------------------------------

	インスタグラム

---------------------------------------------*/

.es-footer-btn {
  padding: 1.4375rem 5rem;
  font-size: 1.5625rem;
  color: #fff;
}

.sec-photo {
  position: relative;
  background-image: url(../img/bg_inst.jpg);
  /* background-repeat: no-repeat; */
  background-size: 100%;
  padding: 8rem 0 5.25rem 0;
  text-align: center;
}

@media screen and (max-width: 600px) {
  .sec-photo {
    padding: 4.25rem 0;
  }
}

.sec-photo::after {
  position: absolute;
  top: 0;
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-image: url(../img/bg_wave02.svg);
  background-position: bottom;
  background-size: 100%;
  height: 0;
  width: 100%;
  padding-bottom: 1.25555%; /* = 152 / 1440 */
}

.photo__instagram {
  /* margin-bottom: 3.75rem; */
}

.photo__instagram .photo__text {
  width: 17rem;
  margin: 0 auto 0rem auto;
}

.photo__instagram .photo__text img {
  width: 100%;
}

.photo__button {
  display: flex;
  justify-content: center;
  align-items: center;
}

.photo__button a {
  padding: 1.4375rem 5rem;
  font-size: 1.5625rem;
  color: #fff;
}

.photo__instagram .photo__list {
  /* width: 48vw; */
  margin: 0 auto;
}

@media screen and (max-width: 600px) {
  .photo__instagram .photo__list {
    width: 100%;
    margin: 0 auto;
  }
}

.photo__instagram .photo__list img {
  width: 100%;
}
/*---------------------------------------------

	バレルサウナ

---------------------------------------------*/

.barrelsauna,
.tentsauna,
.totonou,
.cafe {
  position: relative;
}

/*---------------------------------------------

	ご利用料金

---------------------------------------------*/

.sec-usefee {
  position: relative;
  padding: 5.5rem 0 11rem 0;
}

@media screen and (max-width: 600px) {
  .sec-usefee {
    padding: 5.5rem 0;
  }
}

.sec-usefee .title {
  width: 31rem;
  margin: 0 auto 5.3rem auto;
}

@media screen and (max-width: 600px) {
  .sec-usefee .title {
    width: 100%;
    /* margin: 0 auto 2.3rem auto; */
  }
}

.sec-usefee .title img {
  width: 100%;
}

.sec-usefee .usefee__items {
  position: relative;
  display: flex;
  justify-content: space-between;
  /* column-gap: 4.3vw; */
  margin-bottom: 4rem;
}

@media screen and (max-width: 600px) {
  .sec-usefee .usefee__items {
    flex-direction: column;
    margin-bottom: 5rem;
  }
}

.sec-usefee .usefee__items::before {
  content: "";
  background-image: url(../img/bg_square02.svg);
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: inline-block;
  width: 32px;
  height: 32px;
}

@media screen and (max-width: 600px) {
  .sec-usefee .usefee__items::before {
    display: none;
  }
}

.sec-usefee .usefee__items::after {
  content: "";
  background-image: url(../img/bg_square02.svg);
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: inline-block;
  width: 32px;
  height: 32px;
}

@media screen and (max-width: 600px) {
  .sec-usefee .usefee__items::after {
    display: none;
  }
}

.sec-usefee .usefee__items .usefee__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 50%;
  /* padding: 2rem; */
}

.sec-usefee .usefee__items .usefee__item:first-child {
  padding-right: 2rem;
}

.sec-usefee .usefee__items .usefee__item:last-child {
  padding-left: 2rem;
}

@media screen and (max-width: 600px) {
  .sec-usefee .usefee__items .usefee__item:first-child {
    padding-right: 0;
  }
  .sec-usefee .usefee__items .usefee__item {
    width: 100%;
    padding: 3rem 0;
  }

  .sec-usefee .usefee__items .usefee__item:last-child {
    padding-left: 0;
    padding-bottom: 0;
  }
}

.sec-usefee .usefee__items .usefee__item:first-child {
  border-right: solid 1px #70522e;
}

@media screen and (max-width: 600px) {
  .sec-usefee .usefee__items .usefee__item:first-child {
    border-right: none;
    border-bottom: solid 1px #70522e;
    padding-top: 0;
  }
}

.sec-usefee .usefee__item .usefee__category {
  width: 100%;
  margin-bottom: 4rem;
  padding: 0.98rem 0;
  background-color: #523f2d;
  font-size: 1.5rem;
  color: #fff;
  text-align: center;
}

.sec-usefee .usefee__item .usefee__category h3 {
  font-weight: 400;
}

.sec-usefee .usefee__photo {
  margin-bottom: 2.9rem;
  width: 100%;
}

@media screen and (max-width: 600px) {
  .sec-usefee .usefee__photo {
    margin-bottom: 1.5rem;
  }
}

.sec-usefee .usefee__photo img {
  width: 100%;
}

.sec-usefee .usefee__text .usefee__description {
  margin-bottom: 3.3rem;
  font-size: 1rem;
  color: #3c3c3c;
  line-height: 2;
}

@media screen and (max-width: 600px) {
  .sec-usefee .usefee__text .usefee__description {
    margin-bottom: 2rem;
  }
}

.sec-usefee .usefee__text .usefee__subtitle {
  margin-bottom: 1.5rem;
  padding: 0rem 1rem;
  font-size: 1.25rem;
  color: #103928;
  border-left: solid 4px #103928;
}

.sec-usefee .usefee__button {
  width: 50%;
  margin: 0 auto;
  margin-bottom: 4rem;
}

.sec-usefee .usefee__button a {
  padding: 1.8rem 4.15rem 1.8rem 4.15rem;
  font-size: 1.5rem;
  text-align: center;
  color: #fff;
  letter-spacing: 0.06em;
}

.sec-usefee .usefee__button a span {
  font-size: 1rem;
}

/* 施設map */
.sec-usefee .usefee__allmap-image img {
  width: 100%;
}

.sec-usefee .usefee__allmap .usefee__allmap-title {
  margin-bottom: 2.25rem;
}

@media screen and (max-width: 600px) {
  .sec-usefee .usefee__allmap .usefee__allmap-title {
    /* width: 100%; */
  }
}

/*---------------------------------------------

	ご利用にあたって

---------------------------------------------*/
.receptionImg {
  width: 60%;
  margin: 0 auto;
}

@media screen and (max-width: 540px) {
  .receptionImg {
    width: 100%;
  }
}

.receptionImg img {
  width: 100%;
}

.sec-termsofuse {
  position: relative;
  padding: 6.25rem 0;
}

.sec-termsofuse .textArea {
}

.sec-termsofuse .textArea .text {
  font-size: 1rem;
  color: #34241f;
  margin-bottom: 2rem;
  line-height: 2;
}
/*---------------------------------------------

	お知らせ

---------------------------------------------*/
.sec-news {
  position: relative;
  padding: 4.75rem 0 7.875rem 0;
}

@media screen and (max-width: 600px) {
  .sec-news {
    padding: 4.75rem 0 5rem 0;
  }
}

.sec-news .news__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 2rem;
}

.sec-news .title__style--A {
  height: 3.75rem;
  margin-bottom: 0;
}

.sec-news .news__body .news__list--item {
  display: flex;
  padding: 2.125rem 0 2.375rem 0;
  border-top: solid #b1a393 1px;
  color: #34241f;
}

.sec-news .news__body .news__list--item:last-child {
  border-bottom: solid #b1a393 1px;
}

.sec-news .news__body .news__list--item .text {
  color: #34241f;
}

.sec-news .news__body .news__list--item .news__date {
  margin: 0 2.875rem 0 1.25rem;
  font-size: 1rem;
}

@media screen and (max-width: 600px) {
  .sec-news .news__body .news__list--item .news__date {
    margin: 0 2rem 0 1.25rem;
    font-size: 1rem;
  }
}

.sec-news .news__body .news__list--item .news__text {
  flex: 1;
  font-size: 1.125rem;
}

/*---------------------------------------------

	交通

---------------------------------------------*/
.sec-access {
  position: relative;
  padding: 6.25rem 0;
}

@media screen and (max-width: 600px) {
  .sec-access {
    padding: 5.25rem 0;
  }
}

.sec-access .title {
  margin-bottom: 2.25rem;
}

.sec-access .access {
}

.sec-access .access .access__address {
  margin-bottom: 2.25rem;
}

.sec-access .access .access__address .text {
  margin-bottom: 2.25rem;
  font-size: 1rem;
  line-height: 1.8;
}

.sec-access .access .access__map {
  margin-bottom: 5.3rem;
}

.sec-access .access .access__info {
  width: 100%;
  margin-bottom: 6rem;
}

.sec-access .access .access__info img {
  width: 100%;
}

.sec-access .access .access__timetable {
  display: flex;
  column-gap: 2.5rem;
}

@media screen and (max-width: 600px) {
  .sec-access .access .access__timetable {
    flex-direction: column;
    row-gap: 2.5rem;
  }
}

.sec-access .access .access__timetable .timetable__01 {
}

.sec-access .access .access__timetable .timetable__01,
.sec-access .access .access__timetable .timetable__02 {
  width: 40%;
}

@media screen and (max-width: 600px) {
  .sec-access .access .access__timetable .timetable__01,
  .sec-access .access .access__timetable .timetable__02 {
    width: 100%;
  }
}

.sec-access .access .access__timetable .timetable__01 img,
.sec-access .access .access__timetable .timetable__02 img {
  width: 100%;
}
/*---------------------------------------------

	よくある質問

---------------------------------------------*/

.sec-faq {
  position: relative;
  padding: 6.25rem 0;
}

@media screen and (max-width: 600px) {
  .sec-faq {
    padding: 4.25rem 0 2rem 0;
  }
}

.sec-faq .title {
  margin-bottom: 4.375rem;
}

@media screen and (max-width: 600px) {
  .sec-faq .title {
    width: 100%;
    margin-bottom: 2.375rem;
  }
}

.sec-faq .faq__title {
  margin-bottom: 1.625rem;
}

.sec-faq .faq__title .subtitle {
  font-size: 1.5rem;
  font-weight: 500;
  color: #70522e;
}

/* ↓ アコーディオン ------------------------*/

.faq__block {
  margin-bottom: 1.4375rem;
  padding: 2.625rem 2rem;
  border-radius: 9px;
  background-color: #75693b;
  color: #fff;
}

.faq__block:last-child {
  margin-bottom: 4.875rem;
}

@media screen and (max-width: 600px) {
  .faq__block:last-child {
    margin-bottom: 2.875rem;
  }
}

@media screen and (max-width: 600px) {
  .faq__block {
    padding: 1rem;
  }
}

.faq__list .faq__block .question_body {
  position: relative;
  cursor: pointer;
  transition: 0.2s;
}

.faq__list .faq__block .question_body .i_box {
  position: absolute;
  top: 50%;
  right: 2rem;
  width: 20px;
  height: 20px;
  margin-top: -10px;
}
.faq__list .faq__block .question_body .i_box:before,
.faq__list .faq__block .question_body .i_box:after {
  position: absolute;
  transition: 0.3s;
}
.faq__list .faq__block .question_body .i_box:before {
  content: "";
  width: 16px;
  height: 16px;
  margin-top: -5px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  transform: rotate(135deg);
  position: absolute;
  top: 50%;
  right: -20px;
  transition: 0.3s;
}

@media screen and (max-width: 600px) {
  .faq__list .faq__block .question_body .i_box:before {
    width: 10px;
    height: 10px;
  }
}

.faq__list .faq__block .question_body.open .i_box:before {
  display: none;
}

.faq__list .faq__block .question_body.open .i_box:after {
  content: "";
  width: 16px;
  height: 16px;
  margin-top: -5px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  transform: rotate(-45deg);
  position: absolute;
  top: 50%;
  right: -20px;
  transition: 0.3s;
}

.faq__list .faq__block .answer_body {
  display: none;
  margin-top: 2rem;
  box-sizing: border-box;
}

@media screen and (max-width: 600px) {
  .faq__list .faq__block .answer_body {
    padding: 1.5rem 1rem 1.5rem 2rem;
    margin-top: 1.5rem;
  }
}

/*---------------------------------------------

	関連施設

---------------------------------------------*/

.sec-relatedfacilities {
  position: relative;
  padding: 5.5rem 0 8.375rem 0;
  z-index: 0;
}

@media screen and (max-width: 600px) {
  .sec-relatedfacilities {
    padding: 4.5rem 0 4.375rem 0;
  }
}

.sec-relatedfacilities .title {
  width: 31rem;
  margin: 0 auto 5.3rem auto;
}

@media screen and (max-width: 600px) {
  .sec-relatedfacilities .title {
    width: 100%;
    margin: 0 auto 3.3rem auto;
  }
}

.sec-relatedfacilities .title img {
  width: 100%;
}

.sec-relatedfacilities .relatedfacilities__items {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media screen and (max-width: 600px) {
  .sec-relatedfacilities .relatedfacilities__items {
    flex-direction: column;
  }
}

.sec-relatedfacilities .relatedfacilities__items.top {
  position: relative;
}

.sec-relatedfacilities .relatedfacilities__items.top::before {
  content: "";
  background-image: url(../img/bg_square02.svg);
  background-repeat: no-repeat;
  position: absolute;
  left: 50%;
  top: -25px;
  display: inline-block;
  width: 32px;
  height: 32px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 0;
}

.sec-relatedfacilities .relatedfacilities__items.top::after {
  content: "";
  background-image: url(../img/bg_square01.svg);
  background-repeat: no-repeat;
  position: absolute;
  left: 50%;
  bottom: -25px;
  display: inline-block;
  width: 52px;
  height: 52px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1;
}

.sec-relatedfacilities .relatedfacilities__items.bottom::before {
  content: "";
  background-image: url(../img/bg_square02.svg);
  background-repeat: no-repeat;
  position: absolute;
  left: 50%;
  bottom: -25px;
  display: inline-block;
  width: 32px;
  height: 32px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 0;
}

@media screen and (max-width: 600px) {
  .sec-relatedfacilities .relatedfacilities__items.top::before {
    display: none;
  }

  .sec-relatedfacilities .relatedfacilities__items.top::after {
    display: none;
  }

  .sec-relatedfacilities .relatedfacilities__items.bottom::before {
    display: none;
  }
}

.sec-relatedfacilities .relatedfacilities__items .relatedfacilities__item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 50%;
  padding: 0rem 2rem 5.4375rem 2rem;
}

@media screen and (max-width: 600px) {
  .sec-relatedfacilities .relatedfacilities__items .relatedfacilities__item {
    width: 100%;
    padding: 4rem 0rem 3rem 0rem;
  }

  .sec-relatedfacilities .relatedfacilities__items.top .relatedfacilities__item:first-child {
    padding: 0rem 0rem 5rem 0rem;
  }
}

.sec-relatedfacilities .relatedfacilities__items.bottom .relatedfacilities__item {
  padding: 4.375rem 2rem 0rem 2rem;
}

@media screen and (max-width: 600px) {
  .sec-relatedfacilities .relatedfacilities__items.bottom .relatedfacilities__item {
    padding: 4rem 0rem 3rem 0rem;
  }

  .sec-relatedfacilities .relatedfacilities__items.bottom .relatedfacilities__item:last-child {
    border-top: solid 1px #70522e;
    padding-bottom: 0;
  }
}
.sec-relatedfacilities .relatedfacilities__items .relatedfacilities__item:first-child {
  border-right: solid 1px #70522e;
  padding-left: 0;
}

@media screen and (max-width: 600px) {
  .sec-relatedfacilities .relatedfacilities__items .relatedfacilities__item:first-child {
    border-right: none;
  }
}

.sec-relatedfacilities .relatedfacilities__items .relatedfacilities__item:last-child {
  padding-right: 0;
}

.sec-relatedfacilities .relatedfacilities__items.top .relatedfacilities__item {
  border-bottom: solid 1px #70522e;
}

.sec-relatedfacilities .relatedfacilities__items.top .relatedfacilities__item:first-child:after {
  content: "";
  background-image: url(../img/bg_square02.svg);
  background-repeat: no-repeat;
  position: absolute;
  left: -2%;
  bottom: -15px;
  display: inline-block;
  width: 32px;
  height: 32px;
}

.sec-relatedfacilities .relatedfacilities__items.top .relatedfacilities__item:last-child:after {
  content: "";
  background-image: url(../img/bg_square02.svg);
  background-repeat: no-repeat;
  position: absolute;
  right: -2%;
  bottom: -15px;
  display: inline-block;
  width: 32px;
  height: 32px;
}

@media screen and (max-width: 600px) {
  .sec-relatedfacilities .relatedfacilities__items.top .relatedfacilities__item:first-child:after {
    display: none;
  }

  .sec-relatedfacilities .relatedfacilities__items.top .relatedfacilities__item:last-child:after {
    display: none;
  }
}

.sec-relatedfacilities .relatedfacilities__item .relatedfacilities__category {
  width: 100%;
  margin-bottom: 1.125rem;
  padding: 0.98rem 0;
  background-color: #523f2d;
  font-size: 1.5rem;
  font-weight: 400;
  color: #fff;
}

.sec-relatedfacilities .relatedfacilities__item .relatedfacilities__category .category__title {
  font-size: 1.5rem;
  font-weight: 400;
  color: #fff;
  text-align: center;
}

.sec-relatedfacilities .relatedfacilities__photo {
  margin-bottom: 2.75rem;
  width: 100%;
}

.sec-relatedfacilities .relatedfacilities__photo img {
  width: 100%;
}

.sec-relatedfacilities .relatedfacilities__text {
  flex-grow: 1;
}

.sec-relatedfacilities .relatedfacilities__text .relatedfacilities__description {
  margin-bottom: 3.3rem;
  font-size: 1rem;
  color: #3c3c3c;
  line-height: 2;
}

.sec-relatedfacilities .relatedfacilities__text .relatedfacilities__subtitle {
  margin-bottom: 1.5rem;
  padding: 0rem 1rem;
  font-size: 1.25rem;
  border-left: solid 4px #103928;
}

.sec-relatedfacilities .relatedfacilities__button a {
  padding: 1.8rem 8.75rem;
  font-size: 1.5rem;
  text-align: center;
  color: #fff;
  letter-spacing: 0.06em;
}

@media screen and (max-width: 600px) {
  .sec-relatedfacilities .relatedfacilities__button {
    width: 80%;
  }

  .sec-relatedfacilities .relatedfacilities__button a {
    width: 100%;
    padding: 1.8rem 0rem;
  }
}

/*---------------------------------------------

	周辺施設

---------------------------------------------*/
.sec-surrounding {
  position: relative;
  padding: 6.25rem 0;
}

@media screen and (max-width: 600px) {
  .sec-surrounding {
    padding: 4rem 0;
  }
}

/* .sec-surrounding .title {
  margin-bottom: 4rem;
}

@media screen and (max-width: 600px) {
  .sec-surrounding .title {
    width: 100%;
  }
}
.sec-surrounding .title img {
  width: 100%;
} */
.sec-surrounding .relatedspots__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media screen and (max-width: 600px) {
  .sec-surrounding .relatedspots__items {
    flex-direction: column;
  }
}

.sec-surrounding .relatedspots__item {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 48%;
  margin-bottom: 5.625rem;
}

@media screen and (max-width: 600px) {
  .sec-surrounding .relatedspots__item {
    width: 100%;
    margin-bottom: 3rem;
  }
}

.sec-surrounding .relatedspots__item .relatedspots__photo {
  margin-bottom: 2rem;
}

@media screen and (max-width: 600px) {
  .sec-surrounding .relatedspots__item .relatedspots__photo {
    margin-bottom: 1rem;
  }
}

.sec-surrounding .relatedspots__item .relatedspots__photo img {
  width: 100%;
}

.relatedspots__content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.sec-surrounding .relatedspots__item .relatedspots__title {
  margin-bottom: 2.1rem;
  font-size: 1.5rem;
  color: #34241f;
}

@media screen and (max-width: 600px) {
  .sec-surrounding .relatedspots__item .relatedspots__title {
    margin-bottom: 1rem;
  }
}

.sec-surrounding .relatedspots__item .relatedspots__description {
  margin-bottom: 2.75rem;
  font-size: 1rem;
  color: #34241f;
  flex-grow: 1;
}

@media screen and (max-width: 600px) {
  .sec-surrounding .relatedspots__item .relatedspots__description {
    margin-bottom: 1.75rem;
  }
}

.sec-surrounding .relatedspots__item .relatedspots__buttonArea {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 540px) {
  .sec-surrounding .relatedspots__item .relatedspots__buttonArea {
    flex-direction: column;
    gap: 1rem;
  }
}

.sec-surrounding .relatedspots__item .relatedspots__button {
  width: 48%;
}

@media screen and (max-width: 540px) {
  .sec-surrounding .relatedspots__item .relatedspots__button {
    width: 100%;
  }
}

.sec-surrounding .relatedspots__item .relatedspots__button a {
  display: block;
  width: 100%;
  font-size: 1rem;
  text-align: center;
  background-color: #34241f;
  color: #fff;
}

/*---------------------------------------------

	お知らせ一覧

---------------------------------------------*/

.sec-newslist {
  padding-top: 5.625rem;
}

.sec-newslist .news {
  padding-bottom: 7.3125rem;
}
.sec-newslist .news__head {
  margin-top: 5rem;
}

@media screen and (max-width: 600px) {
  .sec-newslist .news__head {
    margin-top: 3rem;
  }
}

.sec-newslist .news__body {
  padding-bottom: 5.875rem;
}

.sec-newslist .title__style--B {
  width: 31rem;
  max-width: 100%;
  margin: 0 auto 5rem auto;
}

.sec-newslist .title__style--B img {
  width: 100%;
}

.sec-newslist .news__body .news__list--item {
  display: flex;
  padding: 2.3125rem 0;
  border-top: solid #b1a393 1px;
  color: #34241f;
}

.sec-newslist .news__body .news__list--item:hover {
  background-color: #e7e3bf;
}

.sec-newslist .news__body .news__list--item:last-child {
  border-bottom: solid #b1a393 1px;
}

.sec-newslist .news__body .news__list--item .text {
  color: #34241f;
}

.sec-newslist .news__body .news__list--item .news__date {
  margin: 0 3.75rem 0 2.5rem;
  font-size: 1rem;
}

@media screen and (max-width: 600px) {
  .sec-newslist .news__body .news__list--item .news__date {
    margin: 0 2rem 0 1.25rem;
    font-size: 1rem;
  }
}

.sec-newslist .news__body .news__list--item .news__text {
  flex: 1;
  font-size: 1.125rem;
}

.sec-newslist .pagination {
  display: flex;
  justify-content: center;
}

.sec-newslist .pagination .page {
  margin-right: 1rem;
  font-size: 1.375rem;
}

.wp-pagenavi .page,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .previouspostslink {
  margin-right: 1rem;
}

.wp-pagenavi .previouspostslink,
.wp-pagenavi .previouspostslink {
  position: relative;
}

.wp-pagenavi .nextpostslink {
  /* margin-left: 4rem; */
  position: relative;
  font-size: 1.33rem;
}

.wp-pagenavi .previouspostslink {
  color: #b5b5b5;
  font-size: 1.33rem;
}

.sec-newslist .pagination .current {
  color: #7e6240;
  border-bottom: solid 1px #7e6240;
  margin-right: 1rem;
  font-size: 1.375rem;
}

.pagination__item:nth-last-child(2) .pagination__item--link {
  margin-right: 0;
}

.wp-pagenavi .previouspostslink::after {
  content: "";
  background-image: url(../img/arrow02.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: -2rem;
  width: 22px;
  height: 8px;
  transition: 0.3s;
}

.wp-pagenavi .nextpostslink::before {
  content: "";
  background-image: url(../img/arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  right: -2rem;
  width: 22px;
  height: 8px;
  transition: 0.3s;
}

/*---------------------------------------------

	フッター

---------------------------------------------*/

.sec-post {
  padding-top: 5.625rem;
}

.sec-post .post__head {
  margin-top: 5rem;
  margin-bottom: 2.5rem;
}

.sec-post .post__day {
  margin-bottom: 1rem;
  font-size: 1rem;
}

.sec-post .ppst__title {
  font-size: 1.75rem;
}

.sec-post .post__body {
  padding-bottom: 3.75rem;
  margin-bottom: 1.56rem;
  line-height: 1.9;
  border-bottom: solid 1px #949494;
}

.sec-post .post__body p {
  margin-bottom: 3.75rem;
}

.sec-post .post__body img {
  display: block;
  width: 41vw;
  margin: 0 auto;
}

@media screen and (max-width: 600px) {
  .sec-post .post__body img {
    width: 100%;
  }
}

.entry-content img {
  width: 70%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.sec-post .pagination {
  display: flex;
  justify-content: space-between;
  padding-bottom: 6.25rem;
  width: 100%;
}

.sec-post .pagination .pagination__item a {
  position: relative;
  color: #34241f;
}

.sec-post .pagination .pagination__item.prev a::before {
  content: "";
  background-image: url(../img/arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 40%;
  right: -5%;
  width: 21px;
  height: 7.5px;
  transition: 0.3s;
}

.sec-post .pagination .pagination__item.prev a {
  padding-right: 1.8rem;
}

.sec-post .pagination .pagination__item.next a::before {
  content: "";
  background-image: url(../img/arrow02.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 40%;
  left: -5%;
  width: 21px;
  height: 7.5px;
  transition: 0.3s;
}

.sec-post .pagination .pagination__item.next a {
  padding-left: 1.8rem;
}

/*---------------------------------------------

	フッター

---------------------------------------------*/
.sec-footer {
}

.footer__top--bg {
  width: 100%;
  height: 24rem;
}

.footer__top--bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.footer__bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2.375rem 0 1rem 0;
  text-align: center;
  color: #fff;
  background-color: #231815;
}

.footer__bottom .footer__bottom--logo {
  width: 8vw;
  max-width: 130px;
  margin-bottom: 1rem;
}

@media screen and (max-width: 600px) {
  .footer__bottom .footer__bottom--logo {
    width: 20vw;
  }
}

.footer__bottom .footer__bottom--grouplogo {
  width: 12vw;
  max-width: 185px;
}

@media screen and (max-width: 600px) {
  .footer__bottom .footer__bottom--grouplogo {
    width: 30vw;
  }
}

.footer__bottom img {
  width: 100%;
}

.footer__bottom .footer__bottom--access {
  margin-bottom: 1rem;
  font-weight: 400;
}

.footer__bottom .contact__link {
  margin-bottom: 1rem;
}

.footer__bottom .contact__link:last-child {
  margin-bottom: 1.3rem;
}

.footer__bottom .contact__link.form {
  padding: 0.5rem 2rem;
  border: solid 1px #fff;
}

@media screen and (max-width: 600px) {
  .footer__bottom .footer__bottom--access {
    margin-bottom: 0.5rem;
  }

  .footer__bottom .contact__link {
    margin-bottom: 0.5rem;
  }

  .footer__bottom .contact__link:last-child {
    margin-bottom: 1rem;
  }
}

.footer__bottom .contact__link a {
  color: #fff;
}

.footer-menu {
  background: #4d4d4d;
  text-align: center;
  padding: 2rem 1rem;
}

.footerMenu-logo img {
  width: 8rem;
}

.footerMenu-menus {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  color: white;
}

.footerMenu-menus a {
  color: white;
}

.footerMenu-copy {
  font-size: 0.8rem;
  letter-spacing: normal;
  color: white;
}

/* ポップアップ */

.photo-modal-bg {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
  width: 100%;
  display: none;
  opacity: 0;
  transition: opacity 0.6s ease, visibility 0.6s ease;
  height: 100vh;
}

.photo-modal {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.photopModal-box {
  display: block;
  height: 100%;
  width: 100%;
  margin: 0 auto;
  background-color: #00000047;
}

.photopModal-box .inner {
  padding: 6rem 3rem 3rem 3rem;
  width: 90%;
  height: 100%;
  max-width: 90vw;
  margin: 0 auto;
  /* display: flex;
  justify-content: center;
  flex-direction: column; */
  text-align: left;
  position: relative;
}

@media screen and (max-width: 820px) {
  .photopModal-box .inner {
    padding: 0.5rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

.photoModal-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  margin-top: 1rem;
}

@media screen and (max-width: 600px) {
  .photoModal-image img {
    margin-top: 0.5rem;
  }
}

.photoModal-close {
  width: 1.6rem;
  position: absolute;
  top: 9%;
  right: 0;
  cursor: pointer;
}

@media screen and (max-width: 600px) {
  .photoModal-close {
    top: 30%;
  }
}

.photo-modal-bg.active {
  display: block;
  opacity: 10;
}

.photo-item {
  cursor: pointer;
}

.photoModal-image {
  height: 100%;
}

@media screen and (max-width: 820px) {
  .photoModal-image {
    width: 100%;
    height: auto;
  }
}
/* ↓ PCとSP表示切り替え（末尾に設置） ------------------------*/
.pcArea {
  display: block;
}

.spArea {
  display: none;
}

@media screen and (max-width: 600px) {
  .pcArea {
    display: none;
  }

  .spArea {
    display: block;
  }
}