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

/*428でハンバーガーの1番下の線が細く見えてしまう修正*/
.sp-menu-hbm-btn {
  height: 29px;
}

/*429～440でハンバーガーが表示されるようcssを割り当てる*/
@media only screen and (max-width: 440px) {
  .sp-menu-hbm-btn span {
    background-color: #a96d4b;
  }
}

/*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 {
    padding-left: 37px;
  }
}

/*---ヘッダーロゴ調整---*/
.header-logo {
  margin: 4px 0px 2px 10px;
  width: 49%;
}

@media only screen and ( max-width : 980px ) {
  .header-logo {
    margin: 5px 0 6px 10px;
    width: 32%;
  }
}

@media ( max-width : 768px ) {
  .header-logo {
    margin: 10px 0 5px 8px;
    width: 40%;
  }
}

@media ( max-width : 600px ) {
  .header-logo {
    margin: 10px 0 6px 0px;
    width: 51%;
  }
}

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

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

@media only screen and ( max-width : 375px ) {
  .header-logo {
    margin: 10px 0 4px 7px;
    width: 47%;
  }
}

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

/*---フッターロゴ調整---*/
.logo-footer {
  width: 18%;
  margin-right: 20px;
}

@media only screen and ( max-width : 980px ) {
  .logo-footer {
    height: auto;
    width: 19%;
  }
}

@media ( max-width : 768px ) {
  .logo-footer {
    margin: 7px 10px 7px 0px;
    width: 23%;
  }
}

@media ( max-width : 600px ) {
  .logo-footer {
    margin: 10px 17px 8px 0px;
    width: 31%;
  }
}

@media ( max-width : 440px ) {
  .logo-footer {
    margin: 4px 15px 10px 0px;
    width: 38%;
  }
}

@media ( max-width : 428px ) {
  .logo-footer {
    margin: 10px 13px 4px 0px;
    width: 36%;
  }
}

@media only screen and ( max-width : 375px ) {
  .logo-footer {
    margin: 10px 0 4px 7px;
    width: 47%;
  }
}

@media ( max-width : 320px ) {
  .logo-footer {
    margin: 8px 0 4px 7px;
    width: 59%;
  }
}