@charset "utf-8";
/*-------------- 医院ごとのパーツ -----------------*/
/*---ロゴ上下幅調整---*/
.header-logo-e {
  margin: 40px auto 20px auto;
}

.logo-footer {
  margin-bottom: 20px;
  width: 240px;
}

@media only screen and ( max-width : 440px ) {
  /*---ロゴ調整---*/
  .header-logo {
    margin: 10px 0 4px 12px;
    height: auto;
    width: 50%;
  }

  /*---429～440　電話アイコンを表示させる---*/
  #sp-menu-hbm-area nav {
    background-color: #0c7ae9;
  }

  #sp-menu-hbm-area nav .inner ul li {
    border-bottom-color: #4d4d4d;
  }

  #sp-menu-hbm-area nav .inner ul li a {
    color: #4d4d4d;
  }

  #sp-menu-hbm-area nav .inner ul li a:hover {
    background-color: #e4e4e4;
  }

  .sp-menu-hbm-btn span {
    background-color: #0c7ae9;
  }

  .sp-menu-hbm-btn > div {
    color: #407ee7;
  }

  .open#sp-menu-hbm-area {
    background-color: #0c7ae9;
  }

  .open .sp-menu-hbm-btn span {
    background-color: #fff;
  }

  .open .sp-menu-hbm-btn > div {
    color: #fff;
  }

  .open #mask {
    background-color: #fff;
  }
}

/*---ロゴ調整---*/
@media only screen and ( max-width : 375px ) {
  .header-logo {
    margin: 12px 0 4px 8px;
    width: 60%;
  }

  @media ( max-width : 320px ) {
    .header-logo {
      margin: 10px 0 4px 8px;
      width: 80%;
    }
  }
}

/*429～587表示の電話番号 崩れ修正*/
@media only screen and (max-width: 980px) {
  .header-right .tell-number {
    width: auto;
    padding-left: 28px;
    padding-right: 10px;
  }
}

@media only screen and (max-width: 542px) {
  .header-right .tell-number {
    width: auto;
    padding-right: 11px;
  }
}

@media only screen and (max-width: 497px) {
  .header-right .tell-number {
    width: auto;
    padding-left: 37px;
    /* padding-right: 11px; */
  }
}

/*料金表の表示崩れ修正*/
.price-desc-right {
  width: auto;
  margin-left: auto;
}