@charset "UTF-8";
/* ===============================================
# ブラウザ幅でフォントサイズを変える関数
=============================================== */
/* ===============================================
# remのclamp
=============================================== */
/* ===============================================
# medical
=============================================== */
#medical .sv-mv {
  background: url(../img/medical_bg001.webp) no-repeat center center/cover;
}
@media (max-width: 767px) {
  #medical .sv-mv {
    background: url(../img/sp_medical_bg001.webp) no-repeat center center/cover;
  }
}
@media (max-width: 767px) {
  #medical .sv-mv .sv-mv__text {
    font-size: 6.9333333333vw;
  }
}
@media (max-width: 767px) {
  #medical .sv-why .inner {
    width: 100%;
  }
}
#medical .sv-why__ttl {
  margin-bottom: 0.8571428571em;
}
@media (max-width: 767px) {
  #medical .sv-why__ttl {
    font-size: 2.2rem;
    margin-bottom: 30px;
  }
}
#medical .sv-why__box {
  padding: max(4.1666666667vw, 60px) 0 max(5.2083333333vw, 80px);
}
@media (max-width: 767px) {
  #medical .sv-why__box {
    padding: 0 0 50px;
  }
}
#medical .sv-why__txt {
  margin-top: 40px;
}
@media (max-width: 767px) {
  #medical .sv-why__txt {
    margin-top: 30px;
  }
}/*# sourceMappingURL=page.css.map */