@charset "UTF-8";
/*
====>> 再利用可能なパーツのデフォルトスタイリング <<====

・このファイルはベースのスタイルになるので、原則オーバーライド(上書き)はしない事
・タグに依存しないベースのコンポーネントパーツ
・単体、あるいはパーツ単位で独立した仕様のスタイル

*/
/*---------------------------------------
メディアクエリ関連
---------------------------------------*/
/*---------------------------------------
レイアウト関連
---------------------------------------*/
/*---------------------------------------
テキスト関連
---------------------------------------*/
/*---------------------------------------
コンポーネント関連
---------------------------------------*/
/*自動でベンダープレフィックスをつける*/
/*		見出し
-----------------------------------------------------*/
.pcnone {
  display: none;
}
@media screen and (max-width: 600px) {
  .pcnone {
    display: block;
  }
}

.c-title_l {
  font-size: 3.6rem;
}

.c-title_m {
  font-size: 2.8rem;
}

.c-title_s {
  font-size: 2rem;
}

@media (max-width: 600px) {
  .c-title_l {
    font-size: 2rem;
  }
  .c-title_m {
    font-size: 1.8rem;
  }
  .c-title_s {
    font-size: 1.6rem;
  }
}
.c-heading_h2, .c-heading_h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 5px;
  margin-bottom: 50px;
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict;
  text-align: left;
  line-height: 1.5;
}
@media screen and (max-width: 600px) {
  .c-heading_h2, .c-heading_h3 {
    margin-bottom: 30px;
    gap: 0;
    line-height: 1.4;
  }
}
.c-heading_h2 .lang_en, .c-heading_h3 .lang_en {
  color: var(--c-accent);
  font-size: 4.8rem;
  overflow-y: hidden;
  letter-spacing: 7px;
  line-height: 1;
}
@media screen and (max-width: 600px) {
  .c-heading_h2 .lang_en, .c-heading_h3 .lang_en {
    font-size: 2.6rem;
  }
}
.c-heading_h2 .lang_en span, .c-heading_h3 .lang_en span {
  display: block;
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform 1.2s var(--ease-custom-out);
  transition: -webkit-transform 1.2s var(--ease-custom-out);
  transition: transform 1.2s var(--ease-custom-out);
  transition: transform 1.2s var(--ease-custom-out), -webkit-transform 1.2s var(--ease-custom-out);
}
@media screen and (max-width: 600px) {
  .c-heading_h2 .lang_en span, .c-heading_h3 .lang_en span {
    text-align: left;
  }
}
.c-heading_h2 .lang_jp, .c-heading_h3 .lang_jp {
  position: relative;
  padding-left: 25px;
  font-size: 1.6rem;
}
@media screen and (max-width: 600px) {
  .c-heading_h2 .lang_jp, .c-heading_h3 .lang_jp {
    font-size: 1.2rem;
  }
}
.c-heading_h2 .lang_jp:before, .c-heading_h2 .lang_jp:after, .c-heading_h3 .lang_jp:before, .c-heading_h3 .lang_jp:after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 15px;
  height: 1px;
  background-color: var(--c-text);
}
.c-heading_h2 .lang_jp:before, .c-heading_h3 .lang_jp:before {
  left: 5px;
}
.c-heading_h2 .lang_jp:after, .c-heading_h3 .lang_jp:after {
  right: -25px;
}
.c-heading_h2.--center, .c-heading_h3.--center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-heading_h2.--center .lang_jp, .c-heading_h3.--center .lang_jp {
  padding-left: 0;
}
.c-heading_h2.--center .lang_jp:before, .c-heading_h3.--center .lang_jp:before {
  left: -25px;
}
/*		リスト
-----------------------------------------------------*/
.c-list li {
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

ul.c-list_plain > li {
  position: relative;
  padding-left: 2rem;
}
ul.c-list_plain > li::before {
  content: "・";
  position: absolute;
  left: 0;
  font-size: inherit;
}

ol.c-list_plain > li {
  counter-increment: mycounter;
}
ol.c-list_plain > li::before {
  content: counter(mycounter, decimal-leading-zero) ".";
  display: inline-block;
  font-size: inherit;
  margin-right: 0.3em;
}

/*		ボタン
-----------------------------------------------------*/
.c-btn {
  max-width: 443px;
  margin: 80px auto;
}
@media screen and (max-width: 600px) {
  .c-btn {
    margin: 32px auto;
  }
}
.c-btn a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 15px;
  padding: 35px 0;
}
@media screen and (max-width: 600px) {
  .c-btn a {
    padding: 22px 0;
  }
}
.c-btn a p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px;
  line-height: 1;
}
.c-btn a p span {
  overflow: hidden;
}
.c-btn a p .lang_en {
  font-size: 2rem;
}
.c-btn a p .lang_jp {
  font-size: 1.4rem;
}
.c-btn a svg {
  fill: var(--c-white);
}
.c-btn.--accent a {
  background-color: var(--c-accent);
}
.c-btn.--accent a span {
  color: transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-shadow: 0 1.5em 0 var(--c-white), 0 0 0 var(--c-white);
}
.c-btn.--accent a svg {
  fill: var(--c-white);
}
.c-btn.--accent a:hover span {
  text-shadow: 0 0 0 var(--c-white), 0 -1.5em 0 var(--c-white);
}
.c-btn.--f-link {
  margin-top: 0;
}
.c-btn.--f-link a span {
  color: transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-shadow: 0 1.5em 0 var(--c-white), 0 0 0 var(--c-white);
}
.c-btn.--f-link a svg {
  fill: var(--c-white);
}
.c-btn.--f-link a:hover span {
  text-shadow: 0 0 0 var(--c-white), 0 -1.5em 0 var(--c-white);
}

.c-more-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
@media screen and (max-width: 600px) {
  .c-more-btn {
    width: 180px;
    margin-left: auto;
    margin-bottom: 50px;
  }
}
.c-more-btn.--pcnone {
  display: none;
}
@media screen and (max-width: 600px) {
  .c-more-btn.--pcnone {
    display: block;
  }
}
@media screen and (max-width: 600px) {
  .c-more-btn.--spnone {
    display: none;
  }
}
.c-more-btn .c-arrow-link {
  position: relative;
  padding: 15px 100px 15px 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#707070), to(#707070));
  background-image: linear-gradient(#707070, #707070);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 100% 1px;
  -webkit-transition: background-size 0.3s;
  transition: background-size 0.3s;
  font-size: 2rem;
}
@media screen and (max-width: 600px) {
  .c-more-btn .c-arrow-link {
    padding: 5px 110px 5px 0;
  }
}
@media screen and (max-width: 600px) {
  .c-more-btn .c-arrow-link {
    background-position: bottom right;
    background-size: 100% 1px;
    font-size: 1.4rem !important;
  }
}
.c-more-btn .c-arrow-link:focus {
  background-position: bottom right;
  background-size: 0 1px;
}
@media (hover: hover) and (pointer: fine) {
  .c-more-btn .c-arrow-link:hover {
    background-position: bottom right;
    background-size: 0 1px;
  }
}
.c-more-btn .c-arrow-link--icon {
  overflow: hidden;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  width: 12px;
  height: 14px;
  margin: auto 0;
  line-height: 1;
}
.c-more-btn .c-arrow-link--icon:before, .c-more-btn .c-arrow-link--icon:after {
  content: "";
  background-image: url(../img/common/icon_arrow_more.svg);
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  width: 12px;
  height: 14px;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
}
.c-more-btn .c-arrow-link--icon:after {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.c-more-btn .c-arrow-link.is-hover .c-arrow-link--icon:before {
  -webkit-animation-name: transformLeftRight;
          animation-name: transformLeftRight;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.c-more-btn .c-arrow-link.is-hover .c-arrow-link--icon:after {
  -webkit-animation-name: transformRightLeft;
          animation-name: transformRightLeft;
}
.c-more-btn .c-arrow-link.is-hover:hover .c-arrow-link--icon:before {
  -webkit-animation-name: transformRightLeft;
          animation-name: transformRightLeft;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.c-more-btn .c-arrow-link.is-hover:hover .c-arrow-link--icon:after {
  -webkit-animation-name: transformLeftRight;
          animation-name: transformLeftRight;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
@-webkit-keyframes transformLeftRight {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes transformLeftRight {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes transformRightLeft {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
@keyframes transformRightLeft {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

.guest-room_contents_img.is-hover .circle-icon--icon:before {
  -webkit-animation-name: transformLeftRight;
          animation-name: transformLeftRight;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.guest-room_contents_img.is-hover .circle-icon--icon:after {
  -webkit-animation-name: transformRightLeft;
          animation-name: transformRightLeft;
}
.guest-room_contents_img.is-hover:hover .circle-icon--icon:before {
  -webkit-animation-name: transformRightLeft;
          animation-name: transformRightLeft;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.guest-room_contents_img.is-hover:hover .circle-icon--icon:after {
  -webkit-animation-name: transformLeftRight;
          animation-name: transformLeftRight;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.guest-room_contents_img .circle-icon {
  position: absolute;
  right: 40px;
  bottom: 40px;
  width: clamp(7rem, 8.3832335329vw, 14rem);
  height: clamp(7rem, 8.3832335329vw, 14rem);
  border: 1px solid var(--c-white);
  border-radius: 100%;
}
@media screen and (max-width: 600px) {
  .guest-room_contents_img .circle-icon {
    right: 10px;
    bottom: 10px;
    width: 60px;
    height: 60px;
  }
}
.guest-room_contents_img .circle-icon--icon {
  overflow: hidden;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  left: 50%;
  width: 18.72px;
  height: 22.73px;
  margin: auto 0;
  line-height: 1;
}
@media screen and (max-width: 600px) {
  .guest-room_contents_img .circle-icon--icon {
    width: 8.79px;
    height: 8.5px;
  }
}
.guest-room_contents_img .circle-icon--icon:before, .guest-room_contents_img .circle-icon--icon:after {
  content: "";
  background-image: url(../img/common/icon_arrow_circle.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
  width: 18.72px;
  height: 22.73px;
  position: absolute;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
}
@media screen and (max-width: 600px) {
  .guest-room_contents_img .circle-icon--icon:before, .guest-room_contents_img .circle-icon--icon:after {
    width: 8.79px;
    height: 8.5px;
  }
}
.guest-room_contents_img .circle-icon--icon:after {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

.tourist_item.is-hover .circle-icon--icon:before {
  -webkit-animation-name: transformLeftRight;
          animation-name: transformLeftRight;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.tourist_item.is-hover .circle-icon--icon:after {
  -webkit-animation-name: transformRightLeft;
          animation-name: transformRightLeft;
}
.tourist_item.is-hover:hover .circle-icon--icon:before {
  -webkit-animation-name: transformRightLeft;
          animation-name: transformRightLeft;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.tourist_item.is-hover:hover .circle-icon--icon:after {
  -webkit-animation-name: transformLeftRight;
          animation-name: transformLeftRight;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.tourist_item .circle-icon {
  position: absolute;
  right: 20px;
  top: clamp(18rem, 25.748502994vw, 50rem);
  width: clamp(3.7rem, 4.4311377246vw, 7.4rem);
  height: clamp(3.7rem, 4.4311377246vw, 7.4rem);
  border: 1px solid var(--c-white);
  border-radius: 100%;
}
@media screen and (max-width: 600px) {
  .tourist_item .circle-icon {
    top: clamp(23.5rem, 83.3333333333vw, 60rem);
    width: 56px;
    height: 56px;
  }
}
@media screen and (max-width: 414px) {
  .tourist_item .circle-icon {
    top: 300px;
  }
}
.tourist_item .circle-icon--icon {
  overflow: hidden;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  left: 50%;
  width: 11.17px;
  height: 12.09px;
  margin: auto 0;
  line-height: 1;
}
@media screen and (max-width: 600px) {
  .tourist_item .circle-icon--icon {
    width: 10.19px;
    height: 12.09px;
  }
}
.tourist_item .circle-icon--icon:before, .tourist_item .circle-icon--icon:after {
  content: "";
  background-image: url(../img/common/icon_arrow_circle.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: block;
  width: 11.49px;
  height: 12.09px;
  position: absolute;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
}
@media screen and (max-width: 600px) {
  .tourist_item .circle-icon--icon:before, .tourist_item .circle-icon--icon:after {
    width: 10.19px;
    height: 12.09px;
  }
}
.tourist_item .circle-icon--icon:after {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

.other-room_item {
  position: relative;
}
.other-room_item.is-hover .circle-icon--icon:before {
  -webkit-animation-name: transformLeftRight;
          animation-name: transformLeftRight;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.other-room_item.is-hover .circle-icon--icon:after {
  -webkit-animation-name: transformRightLeft;
          animation-name: transformRightLeft;
}
.other-room_item.is-hover:hover .circle-icon--icon:before {
  -webkit-animation-name: transformRightLeft;
          animation-name: transformRightLeft;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.other-room_item.is-hover:hover .circle-icon--icon:after {
  -webkit-animation-name: transformLeftRight;
          animation-name: transformLeftRight;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.other-room_item .circle-icon {
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 74px;
  height: 74px;
  border: 1px solid var(--c-white);
  border-radius: 100%;
}
@media screen and (max-width: 600px) {
  .other-room_item .circle-icon {
    width: 56px;
    height: 56px;
  }
}
.other-room_item .circle-icon--icon {
  overflow: hidden;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  left: 50%;
  width: 11.49px;
  height: 12.09px;
  margin: auto 0;
  line-height: 1;
}
@media screen and (max-width: 600px) {
  .other-room_item .circle-icon--icon {
    width: 10.19px;
    height: 12.09px;
  }
}
.other-room_item .circle-icon--icon:before, .other-room_item .circle-icon--icon:after {
  content: "";
  background-image: url(../img/common/icon_arrow_circle.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: block;
  width: 11.49px;
  height: 12.09px;
  position: absolute;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
}
@media screen and (max-width: 600px) {
  .other-room_item .circle-icon--icon:before, .other-room_item .circle-icon--icon:after {
    width: 10.19px;
    height: 12.09px;
  }
}
.other-room_item .circle-icon--icon:after {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

/*		パンくずリスト
-----------------------------------------------------*/
.breadcrumbs-container {
  overflow-x: scroll;
}

.breadcrumbs {
  padding-left: 38px;
  padding: 0 0 90px 40px;
  font-size: 1.4rem;
}
@media screen and (max-width: 600px) {
  .breadcrumbs {
    padding: 0 0 40px 10px;
    font-size: 1.2rem;
    width: 100%;
    border-collapse: collapse;
    white-space: nowrap;
  }
}
.breadcrumbs a {
  color: var(--c-accent);
  text-decoration: underline;
}
@media screen and (max-width: 600px) {
  .breadcrumbs a {
    font-size: 1.2rem;
  }
}

/*		ページャー
-----------------------------------------------------*/
/* 複数ページタイプ */
.c-pagination,
.wp-pagenavi {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px 10px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 30px auto;
  text-align: center;
}
@media (max-width: 600px) {
  .c-pagination .c-pagination,
  .c-pagination .wp-pagenavi,
  .wp-pagenavi .c-pagination,
  .wp-pagenavi .wp-pagenavi {
    gap: 10px;
  }
}
.c-pagination .c-pagination_prev,
.c-pagination .c-pagination_page,
.c-pagination .c-pagination_next,
.c-pagination .c-pagination_first,
.c-pagination .c-pagination_last,
.c-pagination .previouspostslink,
.c-pagination .prev,
.c-pagination .nextpostslink,
.c-pagination .next,
.c-pagination .page,
.c-pagination .page-numbers,
.c-pagination .is-current,
.c-pagination .current,
.c-pagination .first,
.c-pagination .last,
.wp-pagenavi .c-pagination_prev,
.wp-pagenavi .c-pagination_page,
.wp-pagenavi .c-pagination_next,
.wp-pagenavi .c-pagination_first,
.wp-pagenavi .c-pagination_last,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .prev,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .next,
.wp-pagenavi .page,
.wp-pagenavi .page-numbers,
.wp-pagenavi .is-current,
.wp-pagenavi .current,
.wp-pagenavi .first,
.wp-pagenavi .last {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10px 5px;
  min-width: 50px;
  min-height: 50px;
  padding: 3px 5px;
  border: 1px solid currentColor;
  color: var(--color-base);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-decoration: none;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
@media (max-width: 600px) {
  .c-pagination .c-pagination_prev,
  .c-pagination .c-pagination_page,
  .c-pagination .c-pagination_next,
  .c-pagination .c-pagination_first,
  .c-pagination .c-pagination_last,
  .c-pagination .previouspostslink,
  .c-pagination .prev,
  .c-pagination .nextpostslink,
  .c-pagination .next,
  .c-pagination .page,
  .c-pagination .page-numbers,
  .c-pagination .is-current,
  .c-pagination .current,
  .c-pagination .first,
  .c-pagination .last,
  .wp-pagenavi .c-pagination_prev,
  .wp-pagenavi .c-pagination_page,
  .wp-pagenavi .c-pagination_next,
  .wp-pagenavi .c-pagination_first,
  .wp-pagenavi .c-pagination_last,
  .wp-pagenavi .previouspostslink,
  .wp-pagenavi .prev,
  .wp-pagenavi .nextpostslink,
  .wp-pagenavi .next,
  .wp-pagenavi .page,
  .wp-pagenavi .page-numbers,
  .wp-pagenavi .is-current,
  .wp-pagenavi .current,
  .wp-pagenavi .first,
  .wp-pagenavi .last {
    width: 38px;
    height: 38px;
  }
}
.c-pagination .c-pagination_prev:hover,
.c-pagination .c-pagination_next:hover,
.c-pagination .c-pagination_page:hover,
.c-pagination .c-pagination_first:hover,
.c-pagination .c-pagination_last:hover,
.c-pagination .previouspostslink:hover,
.c-pagination .prev:hover,
.c-pagination .nextpostslink:hover,
.c-pagination .next:hover,
.c-pagination .page:hover,
.c-pagination .page-numbers:hover,
.c-pagination .current:hover,
.c-pagination .first:hover,
.c-pagination .last:hover,
.wp-pagenavi .c-pagination_prev:hover,
.wp-pagenavi .c-pagination_next:hover,
.wp-pagenavi .c-pagination_page:hover,
.wp-pagenavi .c-pagination_first:hover,
.wp-pagenavi .c-pagination_last:hover,
.wp-pagenavi .previouspostslink:hover,
.wp-pagenavi .prev:hover,
.wp-pagenavi .nextpostslink:hover,
.wp-pagenavi .next:hover,
.wp-pagenavi .page:hover,
.wp-pagenavi .page-numbers:hover,
.wp-pagenavi .current:hover,
.wp-pagenavi .first:hover,
.wp-pagenavi .last:hover {
  opacity: 0.7;
  color: #fff;
  background-color: var(--color-base);
}
.c-pagination .page-numbers.dots,
.wp-pagenavi .page-numbers.dots {
  border: none;
  pointer-events: none;
}
.c-pagination .is-current,
.c-pagination .current,
.wp-pagenavi .is-current,
.wp-pagenavi .current {
  color: #fff;
  background-color: var(--color-base);
}
.c-pagination .is-current:hover,
.c-pagination .current:hover,
.wp-pagenavi .is-current:hover,
.wp-pagenavi .current:hover {
  opacity: 1;
}
.c-pagination .previouspostslink,
.c-pagination .prev,
.c-pagination .nextpostslink,
.c-pagination .next,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .prev,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .next {
  position: relative;
  border: none;
  overflow: hidden;
  text-indent: -999%;
  color: transparent;
}
.c-pagination .previouspostslink::before,
.c-pagination .prev::before,
.c-pagination .nextpostslink::before,
.c-pagination .next::before,
.wp-pagenavi .previouspostslink::before,
.wp-pagenavi .prev::before,
.wp-pagenavi .nextpostslink::before,
.wp-pagenavi .next::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  position: absolute;
  top: calc(50% - 2px);
  border-top: solid 2px;
  border-right: solid 2px;
  -webkit-transform-origin: center;
          transform-origin: center;
  color: inherit;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.c-pagination .previouspostslink::before,
.c-pagination .prev::before,
.wp-pagenavi .previouspostslink::before,
.wp-pagenavi .prev::before {
  -webkit-transform: rotate(45deg) translateY(-50%);
          transform: rotate(45deg) translateY(-50%);
}
.c-pagination .nextpostslink::before,
.c-pagination .next::before,
.wp-pagenavi .nextpostslink::before,
.wp-pagenavi .next::before {
  -webkit-transform: rotate(-135deg) translateY(-50%);
          transform: rotate(-135deg) translateY(-50%);
}
.c-pagination .c-pagination_first,
.c-pagination .c-pagination_last,
.wp-pagenavi .c-pagination_first,
.wp-pagenavi .c-pagination_last {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

/* 前後ページナビゲーション */
.c-pagination_adjacent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 540px;
  margin: 0 auto;
  margin-top: 60px;
  padding: 0 5%;
}
.c-pagination_adjacent .c-pagination_prev,
.c-pagination_adjacent .c-pagination_next {
  min-width: 80px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  letter-spacing: 0.06em;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.c-pagination_adjacent .c-pagination_prev {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.c-pagination_adjacent .c-pagination_next {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.c-pagination_adjacent .c-pagination_prev::before,
.c-pagination_adjacent .c-pagination_next::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 1px;
  border-right: solid 1px;
  -webkit-transform-origin: center;
          transform-origin: center;
  color: var(--accent);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.c-pagination_adjacent .c-pagination_prev::before {
  position: relative;
  left: 0;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.c-pagination_adjacent .c-pagination_next::after {
  position: relative;
  right: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.c-pagination_adjacent .c-pagination_back {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: bold;
  text-align: center;
  min-width: 80px;
}
.c-pagination_adjacent .c-pagination_prev:hover,
.c-pagination_adjacent .c-pagination_next:hover,
.c-pagination_adjacent .c-pagination_back:hover {
  color: var(--color-base);
}
.c-pagination_adjacent .c-pagination_prev:hover::before {
  left: -5px;
}
.c-pagination_adjacent .c-pagination_next:hover::after {
  right: -5px;
}
.c-pagination_adjacent .c-pagination_empty {
  min-width: 100px;
}

/*		詳細
---------------------------
--------------------------*/
.c-pagination_single {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-pagination_single .c-pagination_prev {
  text-align: left;
}
.c-pagination_single .c-pagination_back {
  text-align: center;
}
.c-pagination_single .c-pagination_next {
  text-align: right;
}

.c-pagination_btn span {
  display: inline-block;
  width: 300px;
  padding: 20px 5%;
  background: #878A63;
  color: #FFF;
  text-align: center;
}
@media screen and (max-width: 600px) {
  .c-pagination_btn span {
    width: 150px;
    padding: 10px;
  }
}

/*		テーブル
-----------------------------------------------------*/
.c-table_plain {
  width: 100%;
}
.c-table_plain th {
  background: #efefef;
  width: 20%;
  padding: 20px;
  border-bottom: solid 1px #ccc;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
}
.c-table_plain td {
  padding: 20px 30px;
  border-bottom: solid 1px #ccc;
}

@media (max-width: 600px) {
  .c-table_plain thead, .c-table_plain tbody, .c-table_plain tfoot, .c-table_plain tr {
    display: block;
    width: 100%;
  }
  .c-table_plain th, .c-table_plain td {
    width: 100%;
    padding: 20px;
    display: block;
  }
}
.c-table_two_tone {
  width: 100%;
}
.c-table_two_tone th {
  width: 30%;
  padding: 20px;
  border-bottom: solid 1px var(--color-border-pale);
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
}
.c-table_two_tone tr:nth-child(2n) > th {
  background: var(--color-base);
  width: 30%;
  padding: 20px;
  border-bottom: solid 1px var(--color-border-pale);
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
}
.c-table_two_tone td {
  width: 70%;
  padding: 20px 30px;
  border-bottom: solid 1px var(--color-border-pale);
}
.c-table_two_tone tr:nth-child(2n) > td {
  background: var(--color-base);
  width: 70%;
  padding: 20px 30px;
  border-bottom: solid 1px var(--color-border-pale);
}

@media (max-width: 600px) {
  .table_two_tone th,
  table.two_tone td {
    width: 100%;
    padding: 20px 0px;
    display: block;
  }
}
/*		googlemap
-----------------------------------------------------*/
.c-gmap {
  position: relative;
  aspect-ratio: 100/75; /* 比率を4:3に固定 */
  overflow: hidden;
}
.c-gmap iframe, .c-gmap object, .c-gmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*		movie  iframeのwidthとheightは削除すること！
-----------------------------------------------------*/
.c-movie {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9; /* 比率を16:9に固定 */
  overflow: hidden;
}
.c-movie iframe, .c-movie object, .c-movie embed, .c-movie video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*		定義リスト
-----------------------------------------------------*/
.c-dl-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5px 2%;
}
.c-dl-flex dt {
  float: left;
  font-weight: bold;
  width: 80px;
}
.c-dl-flex dd {
  width: calc(98% - 80px);
}

/*		アコーディオンコンテンツ .scratch.jsに記述あり
-----------------------------------------------------*/
.c-accordion {
  list-style: none;
  /*アコーディオンで現れるエリア*/
}
.c-accordion .c-accordion_label {
  position: relative; /*+マークの位置基準とするためrelative指定*/
  cursor: pointer;
  font-size: 2rem;
  text-align: left;
  font-weight: normal;
  background-color: #ddd;
  padding: 20px 50px 20px 20px;
  margin-bottom: 20px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  /*　is-openというクラスがついたら形状変化　*/
}
.c-accordion .c-accordion_label::before, .c-accordion .c-accordion_label::after {
  position: absolute;
  content: "";
  width: 15px;
  height: 2px;
  background-color: #333;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.c-accordion .c-accordion_label::before {
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%) rotate(0deg);
          transform: translateY(-50%) rotate(0deg);
}
.c-accordion .c-accordion_label::after {
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
}
.c-accordion .c-accordion_label.is-open::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.c-accordion .c-accordion_label.is-open::after {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
.c-accordion .c-accordion_box {
  pointer-events: none;
  visibility: hidden;
  line-height: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  margin: 0;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.c-accordion .is-open + .c-accordion_box {
  pointer-events: all;
  visibility: visible;
  line-height: 1.75;
  opacity: 1;
  padding: 20px 0;
  margin: 20px 0;
}

/*		フォーム
-----------------------------------------------------*/
.c-form {
  margin: auto;
  -webkit-transform: unset;
          transform: unset;
}

/*フォームステップ*/
.c-form_step {
  position: relative;
  width: 300px;
  margin: 0 auto 61px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.c-form_step::before {
  content: "";
  width: 250px;
  height: 1px;
  background-color: var(--color-base);
  position: absolute;
  z-index: -1;
  top: 31px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.c-form_step .c-form_step_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5px;
  color: var(--color-base);
  font-size: 1.6rem;
}
.c-form_step .c-form_step_item.active .c-form_step_item_number span {
  opacity: 1;
  color: #fff;
  background-color: var(--color-base);
}
.c-form_step .c-form_step_item.active .c-form_step_title {
  opacity: 1;
}
.c-form_step .c-form_step_item .c-form_step_item_number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #fff;
}
.c-form_step .c-form_step_item .c-form_step_item_number span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  opacity: 0.5;
  border-radius: 50%;
  border: 2px solid var(--color-base);
  background-color: #fff;
  font-weight: 500;
  letter-spacing: 0;
}
.c-form_step .c-form_step_item .c-form_step_item_number .c-form_step_title {
  opacity: 0.5;
  letter-spacing: 0.06em;
}

/*.c-form_step*/
/*フォームレイアウト*/
.c-form_row {
  margin-bottom: 30px;
}

.c-form dt {
  display: block;
  margin-bottom: 12px;
}

.c-form dd {
  display: block;
  margin-bottom: 15px;
}

.c-form dd + dt {
  margin-top: 38px;
}

.c-form_input_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px 40px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.c-form_input_row.is-col-2 > * {
  max-width: calc(50% - 20px);
}
.c-form_input_row + .c-form_input_row {
  margin-top: 15px;
}

@media (max-width: 600px) {
  /*SP以下 表示*/
  .c-form_input_row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .c-form_input_row.is-col-2 > * {
    max-width: 100%;
  }
} /*END SP以下 表示*/
.c-form select,
.c-form option,
.c-form textarea,
.c-form input[type=text],
.c-form input[type=tel],
.c-form input[type=email],
.c-form input[type=search],
.c-form input[type=url] {
  font-size: 1.6rem;
  font-weight: 400;
  width: 100%;
  min-height: 50px;
  padding: 15px;
  border: none;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  background-color: #fff;
  outline: 0;
}

::-webkit-input-placeholder {
  color: #aaa;
}

::-moz-placeholder {
  color: #aaa;
}

:-ms-input-placeholder {
  color: #aaa;
}

::-ms-input-placeholder {
  color: #aaa;
}

::placeholder {
  color: #aaa;
}

.c-form_input_l {
  width: 100%;
}

.c-form_input_m {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 400px;
}

.c-form_input_s {
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  max-width: 120px;
}

.c-form input[type=text] {
  min-width: 80px;
  min-height: 50px;
}

.c-form input[type=radio] {
  margin-right: 5px;
}

.form__input-container--checkbox,
.form__input-container--radio {
  gap: 10px 39px;
}

.form__input-container--col-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

@media screen and (max-width: 767px) {
  .form__input-container--col-2 {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}
.c-form_checkbox-item,
.c-form_radio-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 20px;
}

.c-form input[type=checkbox],
.c-form input[type=radio] {
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0 0.2em 0 0;
}

.c-form input[type=checkbox]::before,
.c-form input[type=radio]::before {
  content: "";
  position: absolute;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background: #fff;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.c-form input[type=checkbox]::after,
.c-form input[type=radio]::after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.c-form input[type=checkbox]::before {
  border: 1px solid #f6f5f3;
  background: #fff;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
}

.c-form input[type=checkbox]:checked::after {
  content: "✔";
  font-size: 1.8rem;
  line-height: 1em;
}

@media screen and (max-width: 767px) {
  .c-form input[type=checkbox]:checked::after {
    font-size: 12px;
  }
}
.c-form input[type=radio]::before {
  border: 1px solid #d5d5d5;
  border-radius: 50%;
}

.c-form input[type=radio]:checked::after {
  content: "";
  background: #666;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  border-radius: 50%;
}

.c-form .check_close {
  display: none;
}

.c-form option:focus,
.c-form textarea:focus,
.c-form input[type=text]:focus,
.c-form input[type=tel]:focus,
.c-form input[type=email]:focus,
.c-form input[type=search]:focus,
.c-form input[type=url]:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgb(225, 236, 251) inset;
          box-shadow: 0 0 0 2px rgb(225, 236, 251) inset;
}

.c-form label:has(input[type=radio]) {
  display: inline-block;
}

.c-form label select {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.c-form label:has(select) {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.c-form label:has(select)::after {
  position: absolute;
  right: 15px;
  width: 10px;
  height: 7px;
  background-color: #535353;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%);
  content: "";
  pointer-events: none;
}

.c-form_label {
  display: block;
  margin-bottom: 10px;
}

/*必須or任意ラベル*/
.c-form_label span {
  display: inline-block;
  color: #fff;
  background-color: #c4c4c4;
  background-color: var(--color-gray);
  font-size: 1.2rem;
  letter-spacing: 0.05em;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  padding: 2px 8px;
  margin-left: 8px;
}
.c-form_label span.is-required {
  background-color: #f00;
  background-color: var(--color-red);
}

.c-form label > select {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  min-width: 230px;
  height: 2.8em;
  padding: 8px;
  border: 1px solid #c4c4c4;
  background-color: #fff;
  color: #2e2e2e;
  font-size: 1rem;
  cursor: pointer;
}

/*プライバシー同意チェック*/
.c-form_privacy {
  max-width: 434px;
  width: 100%;
  min-height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 20px;
  background-color: #f6f6f6;
  padding: 18px 40px;
  margin: 30px auto 40px;
}
.c-form_privacy .c-form_privacy_link {
  text-decoration: underline;
}
.c-form_privacy .c-form_privacy_link:hover {
  text-decoration: none;
}
.c-form_privacy .c-form_privacy_consent label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.c-form_agreement {
  background: #fff5f8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 15px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 80%;
  font-size: 1.5rem;
  padding: 25px 45px;
  margin: 45px auto;
}
.c-form_agreement a {
  color: var(--color-red);
  text-decoration: underline;
}
.c-form_agreement a:hover {
  text-decoration: none;
  opacity: 0.7;
}

/*フォームボタン*/
.c-form input[type=submit],
.c-form input[type=button],
.c-form button {
  border-color: transparent;
  cursor: pointer;
}

/*		相対幅ボックス
-----------------------------------------------------*/
.c-block {
  width: var(--w-liquid);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /*  END .c-block_2 */
  /*  END &.c-block_3 */
  /*  END &.c-block_4 */
  /*  END &.c-block_5 */
  /*  END &.c-block_6 */
  /*  END &.c-block_7 */
  /*  END &.c-block_8 */
}
.c-block.c-block_2 > * {
  width: 48%;
}
.c-block.c-block_3 > * {
  width: 33.3333333333%;
}
.c-block.c-block_4 > * {
  width: 25%;
}
.c-block.c-block_5 > * {
  width: 20%;
}
.c-block.c-block_6 > * {
  width: 16.6666666667%;
}
.c-block.c-block_7 > * {
  width: 14.2857142857%;
}
.c-block.c-block_8 > * {
  width: 12.5%;
}

/*  END .c-block */
/*		GLIDカード
-----------------------------------------------------*/
.c-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 15px 2%;
  /* END .c-card-grid_item */
}
.c-card-grid > *,
.c-card-grid .c-card-grid_item {
  display: grid;
  grid-row: span 4;
  gap: 0.65rem;
  grid-template-rows: subgrid;
}
.c-card-grid > * .c-card-grid_image,
.c-card-grid .c-card-grid_item .c-card-grid_image {
  width: 100%;
  text-align: center;
}
.c-card-grid > * .c-card-grid_title,
.c-card-grid .c-card-grid_item .c-card-grid_title {
  font-size: 2.4rem;
}
.c-card-grid > * .c-card-grid_title,
.c-card-grid > * .c-card-grid_text,
.c-card-grid .c-card-grid_item .c-card-grid_title,
.c-card-grid .c-card-grid_item .c-card-grid_text {
  margin-top: 20px;
  text-align: justify;
}
.c-card-grid.c-card_2 {
  grid-template-columns: repeat(auto-fit, minmax(435px, 1fr));
}
@media (max-width: 600px) {
  .c-card-grid.c-card_2 {
    grid-template-columns: none;
  }
}
.c-card-grid.c-card_3 {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}
@media (max-width: 500px) {
  .c-card-grid.c-card_3 {
    grid-template-columns: none;
  }
}
.c-card-grid.c-card_4 {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
@media (max-width: 400px) {
  .c-card-grid.c-card_4 {
    grid-template-columns: none;
  }
}
.c-card-grid.c-card_5 {
  grid-template-columns: repeat(auto-fit, minmax(156px, 1fr));
}
@media (max-width: 300px) {
  .c-card-grid.c-card_5 {
    grid-template-columns: none;
  }
}
.c-card-grid.c-card_6 {
  grid-template-columns: repeat(auto-fit, minmax(125px, 1fr));
}
@media (max-width: 200px) {
  .c-card-grid.c-card_6 {
    grid-template-columns: none;
  }
}
.c-card-grid.c-card_7 {
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}
@media (max-width: 200px) {
  .c-card-grid.c-card_7 {
    grid-template-columns: none;
  }
}
.c-card-grid.c-card_8 {
  grid-template-columns: repeat(auto-fit, minmax(85px, 1fr));
}
@media (max-width: 150px) {
  .c-card-grid.c-card_8 {
    grid-template-columns: none;
  }
}

/* END .c-card-grid */
@media (max-width: 600px) {
  .c-card-grid {
    /* END .c-card-grid_item */
  }
  .c-card-grid .c-card-grid_item .c-card-grid_title {
    font-size: 2rem;
  }
  .c-card-grid .c-card-grid_item .c-card-grid_title,
  .c-card-grid .c-card-grid_item .c-card-grid_text {
    margin-top: 15px;
  }
} /*  END Break Point  */
/*		FLEXカード
-----------------------------------------------------*/
.c-card-flex {
  width: var(--w-liquid);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  /* END c-card_2 */
  /* END c-card_3 */
  /* END c-card_4 */
  /* END c-card_5 */
  /* END c-card_6 */
  /* END c-card_7 */
  /* END c-card_8 */
}
.c-card-flex.c-card_2 .c-card-flex_item {
  width: 48%;
}
.c-card-flex.c-card_3 .c-card-flex_item {
  width: 30.6666666667%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.c-card-flex.c-card_4 .c-card-flex_item {
  width: 22%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.c-card-flex.c-card_5 .c-card-flex_item {
  width: 17.2%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.c-card-flex.c-card_6 .c-card-flex_item {
  width: 14%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.c-card-flex.c-card_7 .c-card-flex_item {
  width: 11.7142857143%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.c-card-flex.c-card_8 .c-card-flex_item {
  width: 10.3125%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.c-card-flex .c-card-flex_image {
  width: 100%;
  text-align: center;
}
.c-card-flex .c-card-flex_title {
  font-size: 2.4rem;
}
.c-card-flex .c-card-flex_title,
.c-card-flex .c-card-flex_text {
  margin-top: 20px;
  text-align: justify;
}

/* END .c-card_flex */
@media (max-width: 768px) {
  .c-card-flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .c-card-flex.c-card_2 .c-card-flex_item, .c-card-flex.c-card_3 .c-card-flex_item, .c-card-flex.c-card_4 .c-card-flex_item, .c-card-flex.c-card_5 .c-card-flex_item, .c-card-flex.c-card_6 .c-card-flex_item, .c-card-flex.c-card_7 .c-card-flex_item, .c-card-flex.c-card_8 .c-card-flex_item {
    width: 45%;
  }
} /*  END Break Point  */
@media (max-width: 600px) {
  .c-card-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .c-card-flex.c-card_2 .c-card-flex_item,
  .c-card-flex .c-card_3 .c-card-flex_item,
  .c-card-flex .c-card_4 .c-card-flex_item,
  .c-card-flex .c-card_5 .c-card-flex_item,
  .c-card-flex .c-card_6 .c-card-flex_item,
  .c-card-flex .c-card_7 .c-card-flex_item,
  .c-card-flex .c-card_8 .c-card-flex_item {
    width: 100%;
  }
} /*  END Break Point  */
/*		ユニットコンテンツ
-----------------------------------------------------*/
.c-unit {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-unit > * {
  width: 48%;
}

@media (max-width: 600px) {
  .c-unit {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .c-unit > * {
    width: 100%;
  }
} /*  END Break Point  */
.hamburger-menu {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: var(--c-base-01);
  z-index: -1;
}
.hamburger-menu.is-open {
  display: block;
  z-index: 2;
}

.reservation-area .c-btn a span {
  font-size: 20px;
}
@media screen and (max-width: 600px) {
  .reservation-area .c-btn a span {
    font-size: 14px;
  }
}/*# sourceMappingURL=component.css.map */