/* 医院様専用のCSS */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 64px;
}

.reservation {
  font-weight: bold;
}

.feature-text {
  background-color: rgb(255 255 255 / 0.8);
  margin-bottom: 24px;
  padding: 24px;
  font-size: 90%;
  line-height: 1.5;
  border-radius: 30px;
}

.feature-content-title {
  font-size: 26px;
}

.top .swiper-container .swiper-wrapper .swiper-slide .text .item1,
.top .swiper-container .swiper-wrapper .swiper-slide .text .item2 {
  text-shadow: 0 0 8px rgb(255 255 255 / 1), 0 0 12px rgb(255 255 255 / 0.8), 0 0 16px rgb(255 255 255 / 0.65);
}

@media screen and (max-width: 767px) {
  html {
    scroll-padding-top: 18vw;
  }

  .feature-text {
    margin-bottom: 6vw;
    padding: 6vw;
  }

  .feature-content-title {
    font-size: 22px;
  }

  .list-item a {
    font-weight: bold;
  }

  .sp-btn {
    font-weight: bold;
  }
}