@charset "utf-8";
/*-------------- 医院ごとのパーツ -----------------*/

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

/*ヘッダー・フッターロゴのサイズ調整*/
.header-logo {
  margin: 22px 0px 7px 0px;
  width: 77%;
}

.logo-footer {
  margin: 0px 8px 15px 0px;
  width: 21%;
}

/* 980px以下 */
@media (max-width: 980px) {
  .logo-footer {
    margin: 0px 7px 15px 0px;
    width: 22%;
  }
  .header-logo {
    margin: 14px 0px 7px 4px;
    width: 69%;
  }
}

@media (max-width: 768px) {
  .logo-footer {
    margin: 0px 5px 13px 0px;
    width: 26%;
  }
  .header-logo {
    margin: 15px 0px 6px 1px;
    width: 68%;
  }
}

/* 550px以下 */
@media (max-width: 550px) {
  .header-left {
    margin-bottom: 8px;
  }
  .logo-footer {
    margin: 0px 6px 13px 0px;
    width: 29%;
  }
  /*---ロゴ上下幅調整---*/
  .header-logo {
    margin: 16px 0 4px 5px;
    width: 67%;
  }
}

/* 428px以下 */
@media (max-width: 428px) {
  .logo-footer {
    margin: 0px 7px 12px 0px;
    width: 35%;
  }
  .header-logo {
    margin: 5px 0px 5px 7px;
    width: 41%;
  }
}


/* 375px以下 */
@media (max-width: 375px) {
  .logo-footer {
    margin: 0px 7px 10px 0px;
    width: 38%;
  }
  .header-logo {
    margin: 4px 0px 7px 5px;
    width: 46%;
  }
}

/* 320px以下 */
@media (max-width: 320px) {
  .logo-footer {
    padding-bottom: 6px;
    width: 42%;
  }
  .header-logo {
    margin: 5px 0px 0px 6px;
    width: 55%;
  }
}