/* 医院様専用のCSS */
.top .swiper-container .swiper-wrapper .swiper-slide .text {
  writing-mode: horizontal-tb;
  -webkit-writing-mode: horizontal-tb;
}

.top .swiper-container .swiper-wrapper .swiper-slide .text .item1 {
  top: 39%;
  left: 8%;
  color: #fff;
  text-shadow: 0 0 5px rgba(20, 20, 20, 0.7), 0 0 10px rgba(20, 20, 20, 0.8), 0 0 15px rgba(20, 20, 20, 0.9), 0 0 20px rgba(20, 20, 20, 0.9);
}

.top .swiper-container .swiper-wrapper .swiper-slide .text .item2 {
  top: 45%;
  left: 8%;
  color: #fff;
  text-shadow: 0 0 5px rgba(20, 20, 20, 0.7), 0 0 10px rgba(20, 20, 20, 0.8), 0 0 15px rgba(20, 20, 20, 0.9), 0 0 20px rgba(20, 20, 20, 0.9);
}

.top .swiper-container .swiper-wrapper .swiper-slide .text .item3 {
  position: absolute;
  top: 51%;
  left: 8%;
  color: #fff;
  text-shadow: 0 0 5px rgba(20, 20, 20, 0.7), 0 0 10px rgba(20, 20, 20, 0.8), 0 0 15px rgba(20, 20, 20, 0.9), 0 0 20px rgba(20, 20, 20, 0.9);
}

.greeting-sum {
  position: static;
  text-align: center;
}

.equioment-sum {
  position: static;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .top .swiper-container .swiper-wrapper .swiper-slide .text {
    font-size: 14px;
  }

  .top .swiper-container .swiper-wrapper .swiper-slide .text .item1 {
    display: block;
    top: 34%;
    left: 4%;
    text-shadow: 0 0 4px rgba(20, 20, 20, 0.4), 0 0 8px rgba(20, 20, 20, 0.5), 0 0 12px rgba(20, 20, 20, 0.5), 0 0 16px rgba(20, 20, 20, 0.6);
  }

  .top .swiper-container .swiper-wrapper .swiper-slide .text .item2 {
    display: block;
    top: 45%;
    left: 4%;
    text-shadow: 0 0 4px rgba(20, 20, 20, 0.4), 0 0 8px rgba(20, 20, 20, 0.5), 0 0 12px rgba(20, 20, 20, 0.5), 0 0 16px rgba(20, 20, 20, 0.6);
  }

  .top .swiper-container .swiper-wrapper .swiper-slide .text .item3 {
    display: block;
    top: 56%;
    left: 4%;
    text-shadow: 0 0 4px rgba(20, 20, 20, 0.4), 0 0 8px rgba(20, 20, 20, 0.5), 0 0 12px rgba(20, 20, 20, 0.5), 0 0 16px rgba(20, 20, 20, 0.6);
  }
}

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

  .top .swiper-container .swiper-wrapper .swiper-slide .text .item1 {
    display: block;
    top: 36%;
    left: 6%;
    text-shadow: 0 0 4px rgba(20, 20, 20, 0.4), 0 0 8px rgba(20, 20, 20, 0.5), 0 0 12px rgba(20, 20, 20, 0.5), 0 0 16px rgba(20, 20, 20, 0.6);
  }

  .top .swiper-container .swiper-wrapper .swiper-slide .text .item2 {
    display: block;
    top: 45%;
    left: 6%;
    text-shadow: 0 0 4px rgba(20, 20, 20, 0.4), 0 0 8px rgba(20, 20, 20, 0.5), 0 0 12px rgba(20, 20, 20, 0.5), 0 0 16px rgba(20, 20, 20, 0.6);
  }

  .top .swiper-container .swiper-wrapper .swiper-slide .text .item3 {
    display: block;
    top: 54%;
    left: 6%;
    text-shadow: 0 0 4px rgba(20, 20, 20, 0.4), 0 0 8px rgba(20, 20, 20, 0.5), 0 0 12px rgba(20, 20, 20, 0.5), 0 0 16px rgba(20, 20, 20, 0.6);
  }
}