@charset "UTF-8";
/* ===================================================================
CSS information

file name  : facilities.css
author     : Abilive
style info : コピー
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 汎用設定
=================================================================== */
.c-intro {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .c-intro {
    padding-bottom: calc(80 / var(--parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .c-intro {
    padding-bottom: calc(60 / var(--parent-font-size) * 1rem);
  }
}
.c-intro::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin-inline: auto;
  top: calc(-160 / var(--parent-font-size) * 1rem);
  width: 100%;
  height: calc(100% + (160 / var(--parent-font-size) * 1rem));
  background: url(./../../facilities/images/bg_intro-pc.webp) no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .c-intro::before {
    top: -8rem;
  }
}

.p-moment {
  --title-en-color: var(--color-acc2);
  --slider-pagination-color: rgba(27, 27, 27, 0.3);
  --slider-pagination-active-color: #1b1b1b;
  max-width: calc(1400 / 1440 * 100%);
  width: 100%;
  margin-left: 0;
  position: relative;
  background: #fff url(./../../facilities/images/bg-places.webp) center top no-repeat;
}
.p-moment .c-table {
  --th-width: auto;
}
@media only screen and (min-width: 1025px) {
  .p-moment {
    padding: calc(126 / var(--parent-font-size) * 1rem) 0 calc(120 / var(--parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-moment {
    padding: calc(80 / var(--parent-font-size) * 1rem) 0;
  }
}
@media only screen and (max-width: 767px) {
  .p-moment {
    padding: calc(60 / var(--parent-font-size) * 1rem) 0;
  }
}
@media only screen and (min-width: 1441px) {
  .p-moment {
    --child-width: var(--content-0);
    max-width: calc(var(--child-width) * 1px * ((12 + 3 + 0) / 12));
  }
}
@media only screen and (max-width: 767px) {
  .p-moment {
    max-width: 100%;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
  }
}
.p-moment::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: calc(340 / var(--parent-font-size) * 1rem);
  aspect-ratio: 340/771;
  background: url(./../../facilities/images/pt_tree.svg) top right no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .p-moment::before {
    width: calc(250 / var(--parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .p-moment .c-intro__anc {
    margin-bottom: calc(120 / var(--parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-moment .c-intro__anc {
    margin-bottom: calc(100 / var(--parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-moment .c-intro__anc {
    margin-bottom: calc(80 / var(--parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .p-moment .inner {
    width: calc(1240 / 1440 * 100%);
    margin-right: auto;
    margin-left: auto;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .p-moment .inner {
    max-width: calc(1240px * ((12 + 3 + 0) / 12));
  }
}

.p-moment .slide-item {
  display: grid;
  grid-template-columns: 100%;
  gap: calc(20 / var(--parent-font-size) * 1rem);
}
.p-moment .slide-item__img-small {
  width: calc(1100 / 1440 * 100%);
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1441px) {
  .p-moment .slide-item__img-small {
    max-width: calc(1100px * ((12 + 3 + 0) / 12));
  }
}
@media only screen and (min-width: 1025px) {
  .p-moment .slide-item__img-small {
    margin-top: calc(60 / var(--parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-moment .slide-item__img-small {
    margin-top: calc(50 / var(--parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-moment .slide-item__img-small {
    margin-top: calc(40 / var(--parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .p-moment .slide-item__img-small {
    margin-bottom: calc(60 / var(--parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-moment .slide-item__img-small {
    margin-bottom: calc(50 / var(--parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-moment .slide-item__img-small {
    margin-bottom: calc(40 / var(--parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) {
  .p-moment .slide-item__img-small {
    grid-template-columns: calc(450 / 1100 * 100%) calc(610 / 1100 * 100%);
    gap: calc(20 / var(--parent-font-size) * 1rem) calc(40 / 1100 * 100%);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    grid-template-areas: 'image title' 'image info';
  }
}
@media only screen and (max-width: 767px) {
  .p-moment .slide-item__img-small {
    width: calc(1240 / 1440 * 100%);
    margin-right: auto;
    margin-left: auto;
  }
}
@media only screen and (max-width: 767px) and (min-width: 1441px) {
  .p-moment .slide-item__img-small {
    max-width: calc(1240px * ((12 + 3 + 0) / 12));
  }
}

.p-moment .slide-item__img-small .c-table caption {
  margin-bottom: calc(20 / var(--parent-font-size) * 1rem);
}
@media only screen and (min-width: 1025px) {
  .p-moment .slide-item__img-large {
    margin-top: calc(120 / var(--parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-moment .slide-item__img-large {
    margin-top: calc(100 / var(--parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-moment .slide-item__img-large {
    margin-top: calc(40 / var(--parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .p-moment .slide-item__img-large {
    margin-bottom: calc(120 / var(--parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-moment .slide-item__img-large {
    margin-bottom: calc(100 / var(--parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-moment .slide-item__img-large {
    margin-bottom: calc(40 / var(--parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) {
  .p-moment .slide-item__img-large {
    width: calc(1270 / 1440 * 100%);
    margin-left: auto;
    grid-template-columns: calc(340 / 1270 * 100%) calc(860 / 1270 * 100%);
    gap: calc(30 / var(--parent-font-size) * 1rem) calc(70 / 1270 * 100%);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    grid-template-areas: 'title image' 'info image';
  }
}
@media only screen and (max-width: 767px) {
  .p-moment .slide-item__img-large {
    width: calc(1240 / 1440 * 100%);
    margin-right: auto;
    margin-left: auto;
  }
}
@media only screen and (max-width: 767px) and (min-width: 1441px) {
  .p-moment .slide-item__img-large {
    max-width: calc(1240px * ((12 + 3 + 0) / 12));
  }
}

@media only screen and (min-width: 1025px) {
  .p-moment .slide-item__img-large .c-table caption {
    margin-bottom: calc(30 / var(--parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-moment .slide-item__img-large .c-table caption {
    margin-bottom: calc(20 / var(--parent-font-size) * 1rem);
  }
}
.p-moment .slide-item__img-large .c-slider__dots_pause {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media only screen and (min-width: 768px) {
  .p-moment .slide-item__title {
    grid-area: title;
    margin-top: auto;
  }
}
.p-moment .slide-item__title .c-title__jp {
  color: var(--color-title);
}
.p-moment .slide-item__title .c-title__en {
  -webkit-box-ordinal-group: unset;
      -ms-flex-order: unset;
          order: unset;
  margin: calc(16 / var(--parent-font-size) * 1rem) 0 0;
}
.p-moment .slide-item__title .c-title--gold {
  color: var(--color-acc1);
}
@media only screen and (min-width: 768px) {
  .p-moment .slide-item__img {
    grid-area: image;
    margin-top: auto;
    margin-bottom: auto;
  }
}
@media only screen and (min-width: 768px) {
  .p-moment .slide-item__info {
    grid-area: info;
    margin-bottom: auto;
  }
}

.p-cultural {
  --title-en-color: var(--color-acc1);
  --slider-pagination-color: rgba(183, 183, 183, 0.3);
  --slider-pagination-active-color: white;
}
.p-cultural .c-table {
  --th-width: auto;
}
@media only screen and (min-width: 1025px) {
  .p-cultural {
    padding: calc(80 / var(--parent-font-size) * 1rem) 0 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-cultural {
    padding: calc(80 / var(--parent-font-size) * 1rem) 0;
  }
}
@media only screen and (max-width: 767px) {
  .p-cultural {
    padding: calc(60 / var(--parent-font-size) * 1rem) 0 0;
  }
}
.p-cultural .c-title__en {
  -webkit-box-ordinal-group: unset;
      -ms-flex-order: unset;
          order: unset;
  margin: calc(15 / var(--parent-font-size) * 1rem) 0 calc(20 / var(--parent-font-size) * 1rem);
  letter-spacing: 0.25em;
}
.p-cultural .slide-item {
  display: grid;
  grid-template-columns: 100%;
  gap: calc(20 / var(--parent-font-size) * 1rem);
}
.p-cultural .slide-item__img-medium {
  width: calc(1100 / 1440 * 100%);
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1441px) {
  .p-cultural .slide-item__img-medium {
    max-width: calc(1100px * ((12 + 3 + 0) / 12));
  }
}
@media only screen and (min-width: 1025px) {
  .p-cultural .slide-item__img-medium {
    margin-top: calc(60 / var(--parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-cultural .slide-item__img-medium {
    margin-top: calc(50 / var(--parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-cultural .slide-item__img-medium {
    margin-top: calc(40 / var(--parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .p-cultural .slide-item__img-medium {
    margin-bottom: calc(60 / var(--parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-cultural .slide-item__img-medium {
    margin-bottom: calc(50 / var(--parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-cultural .slide-item__img-medium {
    margin-bottom: calc(40 / var(--parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) {
  .p-cultural .slide-item__img-medium {
    grid-template-columns: calc(540 / 1100 * 100%) calc(514 / 1100 * 100%);
    gap: calc(20 / var(--parent-font-size) * 1rem) calc(46 / 1100 * 100%);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    grid-template-areas: 'image title' 'image info';
  }
}
@media only screen and (max-width: 767px) {
  .p-cultural .slide-item__img-medium {
    width: calc(1240 / 1440 * 100%);
    margin-right: auto;
    margin-left: auto;
  }
}
@media only screen and (max-width: 767px) and (min-width: 1441px) {
  .p-cultural .slide-item__img-medium {
    max-width: calc(1240px * ((12 + 3 + 0) / 12));
  }
}

.p-cultural .slide-item__img-medium .c-table caption {
  margin-bottom: calc(20 / var(--parent-font-size) * 1rem);
}
.p-cultural .slide-item__title {
  font-weight: 500;
}
@media only screen and (min-width: 768px) {
  .p-cultural .slide-item__title {
    grid-area: title;
    margin-top: auto;
  }
}
@media only screen and (min-width: 768px) {
  .p-cultural .slide-item__img {
    grid-area: image;
    margin-top: auto;
    margin-bottom: auto;
  }
}
@media only screen and (min-width: 768px) {
  .p-cultural .slide-item__info {
    grid-area: info;
    margin-bottom: auto;
  }
}