/* 医院様専用のCSS */
.top .swiper-container .swiper-wrapper .swiper-slide .text .item1 {
  position: absolute;
  top: 20%;
  left: auto;
  right: 15%;
  color: #fff;
  text-shadow: 0 0 8px rgb(0 0 0 / 1), 0 0 12px rgb(0 0 0 / 0.8), 0 0 16px rgb(0 0 0 / 0.65);
}

.top .swiper-container .swiper-wrapper .swiper-slide .text .item2 {
  position: absolute;
  top: 25%;
  left: auto;
  right: 18%;
  color: #fff;
  text-shadow: 0 0 8px rgb(0 0 0 / 1), 0 0 12px rgb(0 0 0 / 0.8), 0 0 16px rgb(0 0 0 / 0.65);
}

.top .swiper-container .swiper-wrapper .swiper-slide .text .item3 {
  position: absolute;
  top: 30%;
  right: 21%;
  color: #fff;
  text-shadow: 0 0 8px rgb(0 0 0 / 1), 0 0 12px rgb(0 0 0 / 0.8), 0 0 16px rgb(0 0 0 / 0.65);
}

.greeting-sum,
.equioment-sum {
  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) {
  .top .swiper-container .swiper-wrapper .swiper-slide .text .item3 {
    display: none;
  }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
  .top .swiper-container .swiper-wrapper .swiper-slide .text .item3 {
    display: none;
  }
}