/* -----------------------------------------------
  Variables
--------------------------------------------------*/
:root {
  --color-text: #000;
  --color-bg: #ffffff;
  --color-base: #004098;
  --color-base2: #1b73ec;
  --color-base3: #619edb;
  --color-link: #004098;
  --color-hover: #004098;
  --color-visited: #012659;
  --color-error: #dd0000;
  --swiper-theme-color: #004098;
}

/* -----------------------------------------------
  Mixins
--------------------------------------------------*/
.facility__div {
  display: flex;
  align-items: flex-start;
  gap: min(6rem, 4.6153846154vw);
}
.facility__div-l {
  flex: 0 0 min(64rem, 49.2307692308vw);
}
.facility__title {
  margin-block: 4rem 3rem;
  font-size: 3rem;
  color: var(--color-base);
}
.facility__image img {
  object-fit: cover;
  aspect-ratio: 16/9;
}
.facility__gallery {
  margin-top: min(6rem, 4.6153846154vw);
  overflow: hidden;
}
@media all and (min-width: 769px) {
  .facility__gallery {
    margin-right: calc((min(110rem, 84.6153846154vw) - 100vw) / 2);
  }
}
@media all and (min-width: 769px) {
  .facility__gallery-item {
    width: min(50rem, 38.4615384615vw);
  }
}
.facility__gallery-item img {
  object-fit: cover;
  aspect-ratio: 3/2;
}
.facility__gallery-navi {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  column-gap: 2rem;
  margin-top: 2rem;
}
.facility .swiper-pagination-bullets {
  width: auto;
}
.facility .swiper-pagination-bullet {
  margin: 0 0.5rem;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 0;
}
.facility [class^=m-slider__btn--prev] {
  margin-right: 1rem;
}
.facility [class^=m-slider__btn--prev] .c-icon {
  transform: rotate(180deg);
}
.facility .m-slider__btns {
  display: flex;
  flex-wrap: nowrap;
}
.facility .m-slider__btns button {
  padding-inline: 0;
}
.facility .m-slider__btns .button__link:hover {
  background: var(--color-base);
}
.facility .m-slider__btns .button__link:hover .c-icon {
  fill: #fff;
}