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

/*429px以上のハンバーガーメニュー表示させる*/
#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: #4b7bce;
}

.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;
}

/*ヘッダー・フッターロゴのサイズ調整*/
.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%;
  }
}

/* 768px以下 */
@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%;
  }
}

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

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

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

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