@charset "utf-8";
/*-------------- 医院ごとのパーツ -----------------*/
.header-logo{
	margin: 8px 0 4px 8px;
}

.staff_voice_wrap.clip-path {
  display: none;
}

.logo-footer {
  margin: 0 10px 15px 0;
  width: 35%;
}

@media only screen and (max-width : 980px) {
  /* 画面幅の拡大によりメインスライドの画像が足りなくなるのを防止 */
  .slide-images {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center center;
  }
}

/*-------------- SP版（767px以下）--------------*/
@media only screen and (max-width: 767px) {
  /* ヘッダーロゴの大きさ調整 */
  .header-logo {
    margin: 8px 0 4px 8px;
    max-height: 32px;
    width: auto;
  }

  .sp-menu-hbm-btn > div {
  /* ハンバーガーメニューのMENUの文字色を上書き */
    color: #58AD2E	;
  }

  .sp-menu-hbm-btn span {
  /* ハンバーガーメニューの色を上書き */
    background-color: #58AD2E;
  }

  /* ハンバーガーメニュー開いた時の背景色を上書き */
  #sp-menu-hbm-area nav {
    background-color: #58AD2E;
  }

  @media screen and (min-width: 601px) {
    /* topページメイン画像の大きさ調整 */
    #main-image.ptnC {
      height: calc(232px + (100vw - 601px) * 0.313);
    }
  }

  @media screen and (min-width: 401px) {
    /* 下層ページメイン画像の大きさ調整 */
    #sec-main-image.ptnC {
      height: 31.65vw;
    }
  }

  @media screen and (max-width: 400px) {
    /* 下層ページメイン画像の大きさ調整 */
    #sec-main-image.ptnC {
      height: 31.65vw;
    }
  }

  /* 料金表や採用情報ページのリスト欄を中央揃えに変更 */
  .link-in-page-list ul {
    text-align: center;
  }
}

#main-image.ptnC {
  height: 31.65vw;
  overflow: visible;
  width: 100%;
}

@media screen and (max-width: 375px) {
  /* ロゴ調整 */
  .header-logo {
    height: auto;
    max-height: none;
    width: 80%;
  }
}

  /* スライドの端切れ調整 */

#sec-main-image.ptnC {
  height: 31.65vw;
  overflow: visible;
  width: 100%;
}

@media only screen and (max-width : 980px) {
  .slide-images {
    overflow: hidden;
    position: absolute;
    width: 100vw;
  }
}

@media only screen and (max-width : 680px) {
  #main-image .slide-images {
    width: 100%;
  }
}

@media only screen and (max-width : 1280px) {
  .header-logo-e {
    height: 65px;
    margin: 10px auto 0 auto;
    width: auto;
  }

  .logo-menu-area ul li a {
    display: block;
    font-size: 12px;
    padding: 10px 20px;
  }

  .logo-menu-area {
    padding: 0;
    width: 200px;
  }
}

@media only screen and (max-width : 900px) {
  .logo-menu-area ul li a {
    display: block;
    font-size: 10px;
    padding: 10px 15px;
  }
}

@media only screen and (max-width : 858px) {
  .logo-menu-area ul li a {
    display: block;
    font-size: 10px;
    padding: 7px 15px;
  }
}

@media screen and (max-width: 480px) {
  #sec-main-image.ptnC {
    margin-bottom: 22px;
    min-height: 0;
    overflow: visible;
    position: relative;
  }
  .sec-main-image-inner.ptnC {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .index-page .slide-images{
    height: 50.8434vw;
  }
  #main-image.ptnC {
    height: 50.8434vw;
  }
}