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

@media only screen and ( max-width : 428px ) {
  .header-logo {
    margin: 12px 0 4px 8px;
    height: auto;
    width: 65%;
  }

  @media only screen and ( max-width : 375px ) {
    .header-logo {
      width: 75%;
    }

    @media ( max-width : 320px ) {
      .header-logo {
        width: 90%;
      }
    }
  }
}

/*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; */
  }
}

/*フッターロゴのサイズ調整*/
.logo-footer {
  margin: 0px 0px 13px 2px;
  width: 18%;
}

/* 428px以下 */
@media (max-width: 768px) {
  .logo-footer {
    margin: 0px 0px 12px 4px;
    width: 29%;
  }
}

/* 428px以下 */
@media (max-width: 428px) {
  .logo-footer {
    margin: 0px 1px 10px 0px;
    width: 44%;
  }
}

/* 375px以下 */
@media (max-width: 375px) {
  .logo-footer {
    margin: 0px 1px 10px 0px;
    width: 54%;
  }
}

/* 320px以下 */
@media (max-width: 320px) {
  .logo-footer {
    width: 61%;
  }
}