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

/*ヘッダー・フッターロゴのサイズ調整*/

@media screen and (min-width: 769px) {
  .header-left.flex_row .recruit-header-logo {
    margin: 16px 0 0 20vw;
  }
}

.header-left {
  max-width: 700px;
}

.header-logo {
  margin: 5px 0px 7px 0px;
  width: 28%;
}

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

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

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

/* 550px以下 */
@media (max-width: 550px) {
  .header-left {
    margin-bottom: 8px;
  }
  .logo-footer {
    margin: 0px 9px 12px 0px;
    width: 35%;
  }
  /*---ロゴ上下幅調整---*/
  .header-logo {
    margin: 6px 0 4px 8px;
    width: 32%;
  }
}

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

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

/* 320px以下 */
@media (max-width: 320px) {
  .logo-footer {
    width: 44%;
  }
  .header-logo {
    margin: 8px 0px 0px 7px;
    width: 54%;
  }
}


/*--診療時間　曜日修正--*/
dl.recep-time:nth-child(3) > dd {
    margin-bottom: 1.3em;
}

@media only screen and ( min-width : 980px) {
  .lead-copy h1 {
    letter-spacing: 0.18em;
  }
  .address-title {
    margin-top: 10px;
  }
}

@media only screen and ( max-width : 550px ) {
/*--カラー表示--*/
  #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;
  }

/*--メイン画像調整--*/
  #sec-main-image {
    height: 200px;
  }
}