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

file name  : facilities.css
author     : Abilive
style info : 館内施設
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 汎用設定
=================================================================== */
@keyframes FadeIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes FadeUp {
  0% {
    transform: translateY(-200%);
  }
  50% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.25);
  }
}
.p-fac-intro .c-text-set {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .p-fac-intro .c-text-set {
    width: calc(348 / 428 * 100%);
  }
}
.p-fac-intro .p-ryokan-map {
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.p-fac-intro .p-ryokan-map__map {
  position: relative;
  z-index: 1;
  padding-top: 3.57rem;
  margin-right: auto;
  margin-left: auto;
}
html:lang(ko) .p-fac-intro .p-ryokan-map__map {
  padding-top: 5.71rem;
}
@media only screen and (min-width: 768px) {
  .p-fac-intro .p-ryokan-map__map {
    width: 95%;
    aspect-ratio: 1200 / 650;
    max-width: 85.71rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-fac-intro .p-ryokan-map__map {
    padding-top: 4.28rem;
  }
  html:lang(ko) .p-fac-intro .p-ryokan-map__map {
    padding-top: 7.14rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-fac-intro .p-ryokan-map__map {
    width: 100%;
    padding-top: 4rem;
    overflow-x: auto;
  }
}
@media only screen and (min-width: 768px) {
  .p-fac-intro .p-ryokan-map__map__img {
    object-fit: cover;
  }
}
@media only screen and (max-width: 767px) {
  .p-fac-intro .p-ryokan-map__map__img {
    width: 1000px;
  }
}
.p-fac-intro .p-ryokan-map__list-wrp {
  position: absolute;
  z-index: 5;
  left: 0;
  right: 0;
  bottom: 0;
  aspect-ratio: 1200 / 650;
  object-fit: cover;
  width: 95%;
  max-width: 85.71rem;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 768px) and (max-width: 896px) {
  .p-fac-intro .p-ryokan-map__list-wrp {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .p-fac-intro .p-ryokan-map__list-wrp {
    min-width: 1000px;
  }
}
.p-fac-intro .p-ryokan-map__list {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.p-fac-intro .p-ryokan-map__list__link {
  background-color: #fff;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  height: fit-content;
  box-sizing: border-box;
  padding: 1.42rem 0 1.42rem;
  position: relative;
  width: 2.5em;
}
@media only screen and (min-width: 1025px) {
  .p-fac-intro .p-ryokan-map__list__link {
    font-size: 1.14rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-fac-intro .p-ryokan-map__list__link {
    font-size: 1.07rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-fac-intro .p-ryokan-map__list__link {
    font-size: 1.07rem;
  }
}
html:lang(en) .p-fac-intro .p-ryokan-map__list__link {
  padding: 1.28rem 1.07rem 1.07rem;
  flex-direction: row;
  align-items: center;
  width: fit-content;
}
.p-fac-intro .p-ryokan-map__list__link::before {
  content: "";
  width: 100%;
  height: 5px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--color-cv);
}
.p-fac-intro .p-ryokan-map__list__link .t {
  letter-spacing: 0;
  line-height: 1;
  color: var(--color-text-main);
  transition: opacity .3s ease;
}
html:not([lang=en]) .p-fac-intro .p-ryokan-map__list__link .t {
  writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -moz-writing-mode: vertical-rl;
  -o-writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  -webkit-text-orientation: upright;
  -moz-text-orientation: upright;
  -ms-text-orientation: upright;
  text-orientation: upright;
  text-align: left;
  display: inline-block;
  font-feature-settings: normal;
}
.p-fac-intro .p-ryokan-map__list__link .o-arrow {
  transition: opacity .3s ease;
  margin-top: 1.78rem;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-fac-intro .p-ryokan-map__list__link .o-arrow {
    margin-top: 1.42rem;
  }
}
html:lang(en) .p-fac-intro .p-ryokan-map__list__link .o-arrow {
  margin-left: .5rem;
  margin-top: 0;
}
.mouse .p-fac-intro .p-ryokan-map__list__link:hover .t, .mouse .p-fac-intro .p-ryokan-map__list__link:hover .o-arrow, .touch .p-fac-intro .p-ryokan-map__list__link.touchstart .t, .touch .p-fac-intro .p-ryokan-map__list__link.touchstart .o-arrow {
  opacity: .7;
}
.touch .p-fac-intro .p-ryokan-map__list__link {
  -webkit-tap-highlight-color: transparent;
}
.touch .p-fac-intro .p-ryokan-map__list__link.touchend {
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
}
.p-fac-intro .p-ryokan-map__list__link--light::before {
  background-color: var(--color-sub-2);
}
.p-fac-intro .p-ryokan-map__list__li {
  position: absolute;
}
.p-fac-intro .p-ryokan-map__list__li::before, .p-fac-intro .p-ryokan-map__list__li::after {
  content: "";
  position: absolute;
  bottom: -2.5rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  background-color: #fff;
}
@media only screen and (max-width: 1024px) {
  .p-fac-intro .p-ryokan-map__list__li::before, .p-fac-intro .p-ryokan-map__list__li::after {
    bottom: -1.79rem;
  }
}
.p-fac-intro .p-ryokan-map__list__li::before {
  width: 1px;
  height: 2.5rem;
}
@media only screen and (max-width: 1024px) {
  .p-fac-intro .p-ryokan-map__list__li::before {
    height: 1.78rem;
  }
}
.p-fac-intro .p-ryokan-map__list__li::after {
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 100px;
}
.p-fac-intro .p-ryokan-map__list__li--tenpyo {
  top: calc(70 / 1200 * 100%);
  left: calc(150 / 1200 * 100%);
}
html:lang(en) .p-fac-intro .p-ryokan-map__list__li--tenpyo {
  top: calc(300 / 1200 * 100%);
  left: calc(60 / 1200 * 100%);
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  html:lang(en) .p-fac-intro .p-ryokan-map__list__li--tenpyo {
    left: calc(30 / 1200 * 100%);
  }
}
html:lang(zh-CN) .p-fac-intro .p-ryokan-map__list__li--tenpyo {
  top: calc(170 / 1200 * 100%);
}
html:lang(zh-Hant) .p-fac-intro .p-ryokan-map__list__li--tenpyo {
  top: calc(170 / 1200 * 100%);
}
html:lang(zh-TW) .p-fac-intro .p-ryokan-map__list__li--tenpyo {
  top: calc(170 / 1200 * 100%);
}
.p-fac-intro .p-ryokan-map__list__li--manyo {
  top: calc(210 / 1200 * 100%);
  left: calc(265 / 1200 * 100%);
}
html:lang(en) .p-fac-intro .p-ryokan-map__list__li--manyo {
  top: calc(450 / 1200 * 100%);
  left: calc(200 / 1200 * 100%);
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  html:lang(en) .p-fac-intro .p-ryokan-map__list__li--manyo {
    top: calc(480 / 1200 * 100%);
  }
}
html:lang(zh-CN) .p-fac-intro .p-ryokan-map__list__li--manyo {
  top: calc(310 / 1200 * 100%);
}
html:lang(zh-Hant) .p-fac-intro .p-ryokan-map__list__li--manyo {
  top: calc(310 / 1200 * 100%);
}
html:lang(zh-TW) .p-fac-intro .p-ryokan-map__list__li--manyo {
  top: calc(310 / 1200 * 100%);
}
html:lang(ko) .p-fac-intro .p-ryokan-map__list__li--manyo {
  top: calc(230 / 1200 * 100%);
}
.p-fac-intro .p-ryokan-map__list__li--kaze {
  top: calc(-40 / 1200 * 100%);
  left: calc(400 / 1200 * 100%);
}
html:lang(en) .p-fac-intro .p-ryokan-map__list__li--kaze {
  top: calc(90 / 1200 * 100%);
  left: calc(350 / 1200 * 100%);
}
html:lang(zh-CN) .p-fac-intro .p-ryokan-map__list__li--kaze {
  top: 0;
}
html:lang(zh-Hant) .p-fac-intro .p-ryokan-map__list__li--kaze {
  top: 0;
}
html:lang(zh-TW) .p-fac-intro .p-ryokan-map__list__li--kaze {
  top: 0;
}
html:lang(ko) .p-fac-intro .p-ryokan-map__list__li--kaze {
  top: calc(-100 / 1200 * 100%);
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  html:lang(ko) .p-fac-intro .p-ryokan-map__list__li--kaze {
    top: calc(-130 / 1200 * 100%);
  }
}
.p-fac-intro .p-ryokan-map__list__li--bath {
  top: calc(270 / 1200 * 100%);
  left: calc(490 / 1200 * 100%);
}
html:lang(en) .p-fac-intro .p-ryokan-map__list__li--bath {
  top: calc(400 / 1200 * 100%);
  left: calc(460 / 1200 * 100%);
}
html:lang(zh-CN) .p-fac-intro .p-ryokan-map__list__li--bath {
  top: calc(300 / 1200 * 100%);
}
html:lang(zh-Hant) .p-fac-intro .p-ryokan-map__list__li--bath {
  top: calc(300 / 1200 * 100%);
}
html:lang(zh-TW) .p-fac-intro .p-ryokan-map__list__li--bath {
  top: calc(300 / 1200 * 100%);
}
html:lang(ko) .p-fac-intro .p-ryokan-map__list__li--bath {
  top: calc(320 / 1200 * 100%);
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-fac-intro .p-ryokan-map__list__li--bath {
    top: calc(250 / 1200 * 100%);
  }
  html:lang(ko) .p-fac-intro .p-ryokan-map__list__li--bath {
    top: calc(320 / 1200 * 100%);
    left: calc(440 / 1200 * 100%);
  }
  html:lang(zh-CN) .p-fac-intro .p-ryokan-map__list__li--bath {
    top: calc(290 / 1200 * 100%);
  }
  html:lang(zh-Hant) .p-fac-intro .p-ryokan-map__list__li--bath {
    top: calc(290 / 1200 * 100%);
  }
  html:lang(zh-TW) .p-fac-intro .p-ryokan-map__list__li--bath {
    top: calc(290 / 1200 * 100%);
  }
}
.p-fac-intro .p-ryokan-map__list__li--dining {
  top: calc(75 / 1200 * 100%);
  right: calc(565 / 1200 * 100%);
}
html:lang(en) .p-fac-intro .p-ryokan-map__list__li--dining {
  top: calc(220 / 1200 * 100%);
  right: calc(545 / 1200 * 100%);
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  html:lang(en) .p-fac-intro .p-ryokan-map__list__li--dining {
    top: calc(250 / 1200 * 100%);
    right: calc(500 / 1200 * 100%);
  }
}
html:lang(zh-CN) .p-fac-intro .p-ryokan-map__list__li--dining {
  top: calc(175 / 1200 * 100%);
}
html:lang(zh-Hant) .p-fac-intro .p-ryokan-map__list__li--dining {
  top: calc(175 / 1200 * 100%);
}
html:lang(zh-TW) .p-fac-intro .p-ryokan-map__list__li--dining {
  top: calc(175 / 1200 * 100%);
}
html:lang(ko) .p-fac-intro .p-ryokan-map__list__li--dining {
  top: calc(175 / 1200 * 100%);
}
.p-fac-intro .p-ryokan-map__list__li--tsuki {
  top: calc(380 / 1200 * 100%);
  right: calc(475 / 1200 * 100%);
}
html:lang(en) .p-fac-intro .p-ryokan-map__list__li--tsuki {
  top: calc(550 / 1200 * 100%);
  right: calc(450 / 1200 * 100%);
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-fac-intro .p-ryokan-map__list__li--tsuki {
    top: calc(360 / 1200 * 100%);
  }
  html:lang(en) .p-fac-intro .p-ryokan-map__list__li--tsuki {
    top: calc(600 / 1200 * 100%);
    right: calc(400 / 1200 * 100%);
  }
}
.p-fac-intro .p-ryokan-map__list__li--lobby {
  top: calc(200 / 1200 * 100%);
  right: calc(335 / 1200 * 100%);
}
html:lang(en) .p-fac-intro .p-ryokan-map__list__li--lobby {
  top: calc(420 / 1200 * 100%);
  right: calc(250 / 1200 * 100%);
}
html:lang(zh-CN) .p-fac-intro .p-ryokan-map__list__li--lobby {
  top: calc(250 / 1200 * 100%);
}
html:lang(zh-Hant) .p-fac-intro .p-ryokan-map__list__li--lobby {
  top: calc(250 / 1200 * 100%);
}
html:lang(zh-TW) .p-fac-intro .p-ryokan-map__list__li--lobby {
  top: calc(250 / 1200 * 100%);
}
html:lang(ko) .p-fac-intro .p-ryokan-map__list__li--lobby {
  top: calc(250 / 1200 * 100%);
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-fac-intro .p-ryokan-map__list__li--lobby {
    top: calc(170 / 1200 * 100%);
  }
  html:lang(en) .p-fac-intro .p-ryokan-map__list__li--lobby {
    top: calc(400 / 1200 * 100%);
    right: calc(230 / 1200 * 100%);
  }
  html:lang(zh-CN) .p-fac-intro .p-ryokan-map__list__li--lobby {
    top: calc(220 / 1200 * 100%);
  }
  html:lang(zh-Hant) .p-fac-intro .p-ryokan-map__list__li--lobby {
    top: calc(220 / 1200 * 100%);
  }
  html:lang(zh-TW) .p-fac-intro .p-ryokan-map__list__li--lobby {
    top: calc(220 / 1200 * 100%);
  }
  html:lang(ko) .p-fac-intro .p-ryokan-map__list__li--lobby {
    top: calc(220 / 1200 * 100%);
  }
}
.p-fac-intro__btn {
  text-align: center;
  margin-top: 1.42rem;
}
.p-fac-intro__btn .c-btn-text {
  min-width: 12.14rem;
}
.p-fac-intro__loop {
  margin-top: 4.28rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  --per-slide-duration: 3s;
  --slide-count: 18;
}
.p-fac-intro__loop__inner {
  display: flex;
  overflow: hidden;
}
@keyframes scrollLeft {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
.p-fac-intro__loop__slider {
  animation: scrollLeft calc(var(--per-slide-duration) * var(--slide-count)) infinite linear both;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 1025px) {
  .p-fac-intro__loop__item {
    width: 18.78rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-fac-intro__loop__item {
    width: 15.17rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-fac-intro__loop__item {
    width: 11.55rem;
  }
}
.p-fac-intro__loop__item .inner {
  margin-right: auto;
  margin-left: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (min-width: 1025px) {
  .p-fac-intro__loop__item .inner {
    width: 18.07rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-fac-intro__loop__item .inner {
    width: 14.45rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-fac-intro__loop__item .inner {
    width: 10.84rem;
  }
}
.p-fac-intro__loop__item .inner img {
  height: auto;
}
.p-fac-intro__loop__btn {
  padding: .5rem 1.5rem;
  display: flex;
  align-items: flex-end;
  margin-right: 0;
  margin-top: 1.42rem;
  margin-left: auto;
}
@media only screen and (min-width: 768px) {
  .p-fac-intro__loop__btn {
    font-size: 0.86rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-fac-intro__loop__btn {
    font-size: 0.93rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-fac-intro__loop__btn {
    align-items: center;
    margin-top: .75rem;
  }
}
.p-fac-intro__loop__btn .t {
  padding-right: .5rem;
}
.p-fac-intro__loop.is-stop .p-fac-intro__loop__inner .p-fac-intro__loop__slider {
  animation-play-state: paused;
}

.l-modal__fac-map__overlay {
  background-color: rgba(0, 0, 0, 0.7);
}
.l-modal__fac-map__container {
  padding: 1.42rem 0 2.85rem;
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 768px) and (max-height: 1000px) {
  .l-modal__fac-map__container {
    display: block;
    overflow-y: auto;
    height: 100%;
  }
}

@media only screen and (max-width: 767px) and (max-height: 800px) {
  .l-modal__fac-map__container {
    display: block;
    overflow-y: auto;
    height: 100%;
  }
}

.l-modal__fac-map__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: auto;
  margin-left: auto;
  width: 65.5rem;
  max-width: 90%;
}
@media only screen and (max-width: 767px) {
  .l-modal__fac-map__content {
    width: 90%;
  }
}
.l-modal__fac-map__content .inner {
  background-color: #fff;
  padding: 1.42rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .l-modal__fac-map__content .inner {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .l-modal__fac-map__content .scroll_text {
    padding-left: 1rem;
    padding-bottom: 1rem;
  }
  .l-modal__fac-map__content .scroll {
    overflow-x: scroll;
  }
  .l-modal__fac-map__content .img {
    width: 800px;
  }
}
.l-modal__fac-map__close {
  width: 5.35rem;
  height: 5.35rem;
  background-color: rgba(255, 255, 255, 0.9);
  display: block;
  border-radius: 1000px;
  position: relative;
  margin-left: auto;
  margin-bottom: -2.5rem;
  margin-right: -2.5rem;
}
@media only screen and (max-width: 767px) {
  .l-modal__fac-map__close {
    width: 5rem;
    height: 5rem;
    margin-right: -1rem;
  }
}
.l-modal__fac-map__close::before, .l-modal__fac-map__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 1rem;
  background: var(--color-text-main);
}
.l-modal__fac-map__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.l-modal__fac-map__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.p-fac {
  margin-top: 12.14rem;
}
@media only screen and (max-width: 767px) {
  .p-fac {
    margin-top: 6rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-fac .c-2columns__sidebar__link .small {
    letter-spacing: -.15rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-fac__lobby {
    margin-top: 3rem;
  }
}
.p-fac__lobby__text {
  width: 95%;
}
@media only screen and (max-width: 767px) {
  .p-fac__lobby__text {
    width: calc(388 / 428 * 100%);
    margin-right: auto;
    margin-left: auto;
  }
}
.p-fac__lobby__slider {
  margin-top: 3.21rem;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-fac__lobby__slider {
    margin-top: 2.85rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-fac__lobby__slider {
    margin-top: 2rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-fac__lobby__slider:has(> .c-swiper__inner.swiper-initialized) + .p-cuisine__menu__other {
    margin-top: 0.71rem;
  }
}
.p-fac__lobby__main {
  margin-top: 5rem;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1024px) {
  .p-fac__lobby__main {
    align-items: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .p-fac__lobby__main {
    width: calc(308 / 428 * 100%);
    margin: 3.5rem auto 0;
    flex-direction: column;
  }
}
.p-fac__lobby__main__text {
  width: calc(300 / 1170 * 100%);
  margin-right: calc(76 / 1170 * 100%);
}
@media only screen and (min-width: 1025px) and (max-width: 1365px) {
  .p-fac__lobby__main__text {
    width: calc(370 / 1170 * 100%);
    margin-right: calc(50 / 1170 * 100%);
  }
  html:lang(en) .p-fac__lobby__main__text {
    width: calc(344 / 1170 * 100%);
  }
  html:lang(zh-CN) .p-fac__lobby__main__text {
    width: calc(344 / 1170 * 100%);
  }
  html:lang(zh-Hant) .p-fac__lobby__main__text {
    width: calc(344 / 1170 * 100%);
  }
  html:lang(zh-TW) .p-fac__lobby__main__text {
    width: calc(344 / 1170 * 100%);
  }
  html:lang(ko) .p-fac__lobby__main__text {
    width: calc(344 / 1170 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-fac__lobby__main__text {
    width: calc(420 / 1170 * 100%);
    margin-right: calc(50 / 1170 * 100%);
  }
  html:lang(en) .p-fac__lobby__main__text {
    width: calc(440 / 1170 * 100%);
  }
  html:lang(zh-CN) .p-fac__lobby__main__text {
    width: calc(440 / 1170 * 100%);
  }
  html:lang(zh-Hant) .p-fac__lobby__main__text {
    width: calc(440 / 1170 * 100%);
  }
  html:lang(zh-TW) .p-fac__lobby__main__text {
    width: calc(440 / 1170 * 100%);
  }
  html:lang(ko) .p-fac__lobby__main__text {
    width: calc(440 / 1170 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-fac__lobby__main__text {
    width: 100%;
    margin: 1.5rem auto 0;
  }
}
.p-fac__lobby__main__text > * {
  max-width: 18.92rem;
  width: 88%;
  margin-right: 0;
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .p-fac__lobby__main__text > * {
    width: 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .p-fac__lobby__main__text .c-text-set__text {
    margin-top: 1rem;
  }
}
.p-fac__lobby__main__text .c-table {
  margin-top: 2.14rem;
}
@media only screen and (max-width: 767px) {
  .p-fac__lobby__main__text .c-table {
    margin-top: 1.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-fac__lobby__main__text .c-table .c-table__td {
    padding-right: 0;
  }
}
.p-fac__lobby__main__text .c-table .c-table__th {
  width: 35%;
}
@media only screen and (min-width: 768px) {
  .p-fac__lobby__main__text .c-table .c-table__th {
    width: 38%;
  }
  html:lang(ja) .p-fac__lobby__main__text .c-table .c-table__th {
    padding-left: 1rem;
  }
}
.p-fac__lobby__main__img {
  width: calc(794 / 1170 * 100%);
}
@media only screen and (min-width: 1025px) and (max-width: 1365px) {
  .p-fac__lobby__main__img {
    width: calc(750 / 1170 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-fac__lobby__main__img {
    width: calc(700 / 1170 * 100%);
  }
  html:lang(en) .p-fac__lobby__main__img {
    width: calc(680 / 1170 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-fac__lobby__main__img {
    width: 100%;
    order: -1;
  }
}
@media only screen and (min-width: 768px) {
  .p-fac__lobby__main--reverse .p-fac__lobby__main__text {
    margin-right: 0;
    margin-left: calc(76 / 1170 * 100%);
  }
}
@media only screen and (min-width: 768px) and (min-width: 1025px) and (max-width: 1365px) {
  .p-fac__lobby__main--reverse .p-fac__lobby__main__text {
    margin-left: calc(56 / 1170 * 100%);
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1024px) {
  .p-fac__lobby__main--reverse .p-fac__lobby__main__text {
    margin-left: calc(50 / 1170 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .p-fac__lobby__main--reverse .p-fac__lobby__main__text > * {
    margin-left: 0;
    margin-right: auto;
  }
}
.p-fac__lobby__main--reverse .p-fac__lobby__main__img {
  order: -1;
}
.p-fac__lobby__sub {
  margin-top: 5.71rem;
  max-width: 62.14rem;
  width: calc(870 / 1170 * 100%);
  margin-right: auto;
  margin-left: auto;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-fac__lobby__sub {
    width: 80%;
  }
}
@media only screen and (max-width: 1024px) {
  .p-fac__lobby__sub {
    align-items: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .p-fac__lobby__sub {
    width: calc(308 / 428 * 100%);
    max-width: 100%;
    flex-direction: column;
    margin-top: 3.5rem;
  }
}
.p-fac__lobby__sub__text {
  width: calc(290 / 870 * 100%);
  margin-right: calc(94 / 870 * 100%);
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-fac__lobby__sub__text {
    width: calc(350 / 870 * 100%);
    margin-right: calc(50 / 870 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-fac__lobby__sub__text {
    width: 100%;
    margin: 1.5rem auto 0;
  }
}
@media only screen and (max-width: 767px) {
  .p-fac__lobby__sub__text .c-text-set__text {
    margin-top: 1rem;
  }
}
.p-fac__lobby__sub__img {
  width: calc(486 / 870 * 100%);
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-fac__lobby__sub__img {
    width: calc(470 / 870 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-fac__lobby__sub__img {
    width: 100%;
    order: -1;
  }
}
.p-fac__lobby__sub--reverse .p-fac__lobby__sub__img {
  order: -1;
}
@media only screen and (min-width: 768px) {
  .p-fac__lobby__sub--reverse .p-fac__lobby__sub__text {
    margin-left: calc(94 / 870 * 100%);
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1024px) {
  .p-fac__lobby__sub--reverse .p-fac__lobby__sub__text {
    margin-left: calc(50 / 870 * 100%);
  }
}

.p-fac__item {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: calc(190 / 1170 * 100%);
}
@media only screen and (min-width: 768px) and (max-width: 896px) {
  html:lang(en) .p-fac__item {
    align-items: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .p-fac__item {
    margin: 5rem auto 0;
    align-items: flex-start;
    flex-direction: column;
    width: calc(348 / 428 * 100%);
  }
}
.p-fac__item__text {
  width: calc(310 / 1170 * 100%);
  margin-right: calc(77 / 1170 * 100%);
  margin-left: calc(40 / 1170 * 100%);
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-fac__item__text {
    margin-left: 0;
    width: calc(350 / 1170 * 100%);
    margin-right: calc(77 / 1170 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-fac__item__text {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}
.p-fac__item__text .c-title-sub {
  max-width: 80%;
}
@media only screen and (max-width: 767px) {
  .p-fac__item__text .c-title-sub {
    max-width: 100%;
  }
}
.p-fac__item__text .c-text-set__text {
  width: 18.57rem;
  max-width: 90%;
}
@media only screen and (max-width: 767px) {
  .p-fac__item__text .c-text-set__text {
    max-width: 100%;
    width: 100%;
  }
}
.p-fac__item__text .c-btn {
  margin-top: 2.14rem;
}
.p-fac__item__slider {
  width: calc(753 / 1170 * 100%);
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-fac__item__slider {
    width: calc(743 / 1170 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-fac__item__slider {
    width: 100%;
    margin-top: 2rem;
  }
}
.p-fac__item__slider .swiper-slide .inner {
  position: relative;
}
.p-fac__item__slider .swiper-slide .inner img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.p-fac__item__slider .swiper-slide .inner::after {
  content: "";
  width: 100%;
  display: block;
}
.p-fac__item__slider .swiper-slide .inner::after {
  padding-bottom: calc(502 / 753 * 100%);
}
@media only screen and (min-width: 768px) {
  .p-fac__item--reverse .p-fac__item__slider {
    order: -1;
  }
}
@media only screen and (min-width: 768px) {
  .p-fac__item--reverse .p-fac__item__text {
    width: calc(350 / 1170 * 100%);
    margin-left: calc(77 / 1170 * 100%);
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-fac__item--reverse .p-fac__item__text {
    margin-left: calc(77 / 1170 * 100%);
  }
}
.p-fac__item .js-move-sp {
  width: 100%;
  text-align: center;
  margin-top: 2rem;
}
.p-fac__info {
  margin-top: 12.14rem;
  width: calc(900 / 1170 * 100%);
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-fac__info {
    margin-top: 10rem;
    width: 95%;
  }
}
@media only screen and (max-width: 767px) {
  .p-fac__info {
    width: calc(388 / 428 * 100%);
    margin: 6rem auto 0;
  }
}
.p-fac__info .c-table {
  margin-top: 2.14rem;
}
@media only screen and (max-width: 767px) {
  .p-fac__info .c-table {
    margin-top: 2rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-fac__info .c-table__th {
    width: 22%;
  }
  html:lang(en) .p-fac__info .c-table__th {
    width: 28%;
  }
}