/*
  nihonbashi.css
  日本橋院固有のスタイル上書き
  共通スタイルは clinic-common.css を参照
*/

/*================= 再生医療CTAバナー =================*/
.nihonbashi-services-cta {
  display: block;
  margin: 0 1.5rem 1.5rem;
}

.nihonbashi-services-cta picture {
  display: block;
  width: 100%;
}

.nihonbashi-services-cta img {
  display: block;
  width: 70%;
  height: auto;
  margin: 0 auto;
  transition: opacity 0.2s;
}

.nihonbashi-services-cta:hover img {
  opacity: 0.85;
}

@media screen and (max-width: 690px) {
  .nihonbashi-services-cta img {
    width: 100%;
  }
}
/*=============== END 再生医療CTAバナー ===============*/

/* 診療科目ボックス間のマージン */
/* .page-nihonbashi .clinic-services-inner > .clinic-services-box + .clinic-services-box {
  margin-top: 2rem;
} */

/* 診療科目カラムを広めに */
.page-nihonbashi .clinic-services-col.-derma,
.page-nihonbashi .clinic-services-col.-surgery {
  flex: 1.5;
}

/* 医師カード：2名でも4名時と同じサイズ（各25%幅）に固定 */
@media screen and (min-width: 691px) {
  .page-nihonbashi .clinic-doctors-swiper .swiper-wrapper {
    justify-content: center;
  }
  .page-nihonbashi .clinic-doctors-swiper .swiper-slide {
    flex: 0 0 calc(25% - 0.9375rem) !important;
    max-width: calc(25% - 0.9375rem) !important;
  }
}
/* END 医師カードサイズ固定 */