@charset "UTF-8";
.mv__slider-item img {
  width: 100%;
}

.mv__slider-prev, .mv__slider-next {
  z-index: 100;
  position: absolute;
  top: 50%;
  width: 30px;
  height: 30px;
  transform: translateY(-50%);
  background: url(/medicalwel/img/icon_arrow.svg) no-repeat center/contain;
  transition: transform .3s;
  cursor: pointer;
}

.mv__slider-prev {
  left: 10px;
  transform: translateY(-50%) rotate(180deg);
}

.mv__slider-next {
  right: 10px;
}

.mv__slider-pagination {
  z-index: 100;
  position: absolute;
  text-align: center;
}

.mv__slider-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0 10px !important;
  background: transparent;
  border: 1px solid #444;
  opacity: 1;
}

.mv__slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #444;
}

.facility.facility-medical {
  background: rgba(142, 191, 228, 0.2);
}

.facility.facility-welfare {
  background: rgba(255, 209, 84, 0.2);
}

.facility .l-contents {
  position: relative;
  padding-bottom: 5%;
}

.facility__ttl {
  position: relative;
  display: inline-block;
  width: 60%;
  padding: 10px 0;
}

.facility__ttl::before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  width: 100vw;
  height: 100%;
}

.facility-medical .facility__ttl::before {
  background: #8ebfe4;
}

.facility-welfare .facility__ttl::before {
  background: #f8cb16;
}

.facility__ttl img {
  width: 60%;
  max-width: 230px;
}

.facility__img {
  transform: translateY(16px);
  transition: all 1.5s .8s;
  opacity: 0;
}

.is-visible .facility__img {
  transform: translateY(0);
  opacity: 1;
}

.facility__menu {
  z-index: +1;
  position: relative;
}

.facility__menu-item {
  position: absolute;
  transform: translateY(-16px);
  transition: opacity 1s, transform 1s;
  transition-delay: 1.6s;
  opacity: 0;
}

.is-visible .facility__menu-item {
  transform: translateY(0);
  opacity: 1;
}

.facility__menu-item.is-01 {
  top: 0%;
  left: 14%;
  width: 41.05%;
}

.facility-welfare .facility__menu-item.is-01 {
  top: -6%;
  left: 48.3%;
  width: 30.31%;
}

.facility__menu-item.is-02 {
  top: 5.8%;
  left: 54%;
  width: 31.506%;
}

.facility-welfare .facility__menu-item.is-02 {
  top: 3.8%;
  left: 24.2%;
  width: 20.765%;
}

.facility__menu-item.is-03 {
  top: 18.3%;
  left: 72.6%;
  width: 27.925%;
}

.facility-welfare .facility__menu-item.is-03 {
  top: 8.4%;
  left: 71.4%;
  width: 31.98%;
}

.facility__menu-item.is-04 {
  top: 42.9%;
  left: 75.4%;
  width: 20.765%;
}

.facility-welfare .facility__menu-item.is-04 {
  top: 23.4%;
  left: 50.6%;
  width: 20.765%;
}

.facility__menu-item.is-05 {
  top: 24.1%;
  left: 36.6%;
  width: 20.765%;
}

.facility-welfare .facility__menu-item.is-05 {
  top: 25.5%;
  left: 6.39%;
  width: 26.97%;
}

.facility__menu-item.is-06 {
  top: 37%;
  left: -3.1%;
  width: 44.63%;
  transition-delay: 2s;
}

.facility-welfare .facility__menu-item.is-06 {
  top: 49.2%;
  left: 2%;
  width: 20.765%;
}

.facility__menu-item.is-07 {
  top: 49.6%;
  left: 20.4%;
  width: 41.05%;
  transition-delay: 2s;
}

.facility-welfare .facility__menu-item.is-07 {
  top: 53.8%;
  left: 74.6%;
  width: 20.765%;
}

.facility__menu-item.is-08 {
  top: 62.5%;
  left: 48%;
  width: 32.7%;
  transition-delay: 2s;
}

.facility-welfare .facility__menu-item.is-08 {
  top: 61.8%;
  left: 37.3%;
  width: 31.98%;
}

.facility__menu-item.is-09 {
  top: 63.6%;
  left: -3.1%;
  width: 32.7%;
  transition-delay: 2s;
}

.facility-welfare .facility__menu-item.is-09 {
  top: 71.8%;
  left: 6.3%;
  width: 32.7%;
}

.facility__menu-item.is-10 {
  top: 74.6%;
  left: 28%;
  width: 20.765%;
  transition-delay: 2s;
}

.facility__bg-txt {
  position: absolute;
  bottom: 0;
  left: 5%;
  color: #fff;
  font-size: 10vw;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  line-height: .7;
}

.contents-box {
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 40px;
  overflow: hidden;
  box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.03);
}

.contents-box__wrap {
  background: #F5F5F5;
  padding: 40px 0;
}

.contents-box__inr {
  display: flex;
}

.contents-box__unit {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 32px 32px 53px 32px;
}

.contents-box__unit-inner {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.contents-box__unit .m-btn-01 {
  max-width: 200px;
}

.contents-box__ttl {
  font-weight: 700;
}

.contents-box__ttl .en {
  display: flex;
  align-items: center;
  gap: 17px;
  font-family: "Poppins", sans-serif;
  font-size: 2.0rem;
  letter-spacing: .05em;
  line-height: 2;
  margin-bottom: 8px;
}

.contents-box__ttl .en::after {
  content: '';
  display: block;
  width: 49px;
  height: 3px;
  background-color: #8ec231;
}

.contents-box__ttl .jp {
  display: block;
  margin-bottom: 14px;
  font-size: 2.4rem;
}

.contents-box__txt {
  flex-grow: 1;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2;
  margin-bottom: 32px;
}

.banner__link-inactive {
  position: relative;
}

.banner__link-inactive::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-color: #444;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
}

.banner__link-inactive::after {
  content: 'ただいま準備中です。';
  display: block;
  width: 100%;
  font-weight: bold;
  font-size: 2.0rem;
  letter-spacing: 0.01em;
  line-height: 1.4;
  color: #fff;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

@media screen and (min-width: 768px) {
  .mv__slider-prev, .mv__slider-next {
    width: 40px;
    height: 40px;
  }
  .mv__slider-prev {
    left: 20px;
  }
  .mv__slider-prev:hover {
    transform: translateY(-50%) rotate(180deg) scale(1.1);
  }
  .mv__slider-next {
    right: 20px;
  }
  .mv__slider-next:hover {
    transform: translateY(-50%) scale(1.1);
  }
  .mv__slider-pagination {
    margin-bottom: 10px;
  }
  .mv__slider-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    margin: 0 16px !important;
  }
  .facility .l-contents {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .facility__ttl {
    z-index: +1;
    position: absolute;
    top: 12%;
    left: 0;
    width: 49%;
    padding: 20px;
  }
  .facility__ttl img {
    width: 45%;
  }
  .facility__menu-item.is-01 {
    left: 26%;
    width: 31.273%;
  }
  .facility-welfare .facility__menu-item.is-01 {
    top: 0%;
    left: 51.3%;
    width: 23.091%;
  }
  .facility__menu-item.is-02 {
    top: 10.95%;
    left: 51.36%;
    width: 24.819%;
  }
  .facility-welfare .facility__menu-item.is-02 {
    top: 6.8%;
    left: 28.2%;
    width: 15.82%;
  }
  .facility__menu-item.is-03 {
    top: 22.3%;
    left: 74.6%;
    width: 21.27%;
  }
  .facility-welfare .facility__menu-item.is-03 {
    top: 13.4%;
    left: 75.4%;
    width: 24.365%;
  }
  .facility__menu-item.is-04 {
    top: 44.9%;
    left: 77.4%;
    width: 15.82%;
  }
  .facility-welfare .facility__menu-item.is-04 {
    top: 34.4%;
    left: 63.6%;
    width: 15.82%;
  }
  .facility__menu-item.is-05 {
    top: 31.1%;
    left: 38.6%;
    width: 15.82%;
  }
  .facility-welfare .facility__menu-item.is-05 {
    top: 31.5%;
    left: 13.39%;
    width: 20.55%;
  }
  .facility__menu-item.is-06 {
    top: 38.3%;
    left: -3.1%;
    width: 34%;
  }
  .facility-welfare .facility__menu-item.is-06 {
    top: 53.2%;
    left: 6%;
    width: 15.82%;
  }
  .facility__menu-item.is-07 {
    top: 49.6%;
    left: 20.4%;
    width: 31.273%;
  }
  .facility-welfare .facility__menu-item.is-07 {
    top: 55.8%;
    left: 61.6%;
    width: 15.82%;
  }
  .facility__menu-item.is-08 {
    top: 61.5%;
    left: 47%;
    width: 24.91%;
  }
  .facility-welfare .facility__menu-item.is-08 {
    top: 66.8%;
    left: 39.3%;
    width: 24.365%;
  }
  .facility__menu-item.is-09 {
    top: 63.6%;
    left: 0.31%;
    width: 24.91%;
  }
  .facility-welfare .facility__menu-item.is-09 {
    top: 73.8%;
    left: 11.3%;
    width: 24.91%;
  }
  .facility__menu-item.is-10 {
    top: 74.6%;
    left: 28%;
    width: 15.82%;
  }
  .facility__bg-txt {
    left: revert;
    right: -75px;
    font-size: 12.2rem;
  }
  .contents-box__wrap {
    padding: 127px 0 132px;
  }
  .contents-box__inr {
    justify-content: space-between;
    gap: 3.64%;
  }
  .contents-box__ttl .jp {
    margin-bottom: 20px;
    font-size: 4rem;
  }
  .contents-box__txt {
    font-size: 2.2rem;
  }
  .banner__link-inactive::after {
    font-size: 3.6rem;
  }
}

@media screen and (max-width: 767px) {
  .facility {
    padding-top: 5%;
  }
  .facility__menu {
    margin: 0 -3vw;
    top: -3vw;
    left: 3vw;
  }
  .facility-welfare .facility__menu {
    top: -7vw;
    left: 0;
  }
  .contents-box__inr {
    flex-direction: column;
    gap: 32px;
  }
}