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

/* top・アクセスページの外観画像と「所在地」の余白が無くなるのを防止 */
.access-img-A,
.access-img-B {
  margin-bottom: 20px;
}

/* ロゴの大きさ調整 */
.header-logo {
  height: 40px;
  width: auto;
}
.logo-footer {
  margin-bottom: 20px;
  width: 35%;
}

@media only screen and (max-width : 980px) {
  /* 画面幅の拡大によりメインスライドの画像が足りなくなるのを防止 */
  .slide-images {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center center;
  }
}

@media only screen and (min-width: 981px) and (max-width: 1016px) {
  /* 981px以降ヘッダー部分の左右余白が無くなるため修正 */
  header {
    width: calc(100% - 40px);
  }

  /* 981px以降グロナビやコンテンツエリアの左右余白が無くなるため修正 */
  #main {
    width: calc(100% - 32px);
  }
}

@media screen and (max-width: 1024px) {
  /* top・下層ページメイン画像の幅調整 */
  #main-image,
  #sec-main-image {
    height: 37vw;
  }
}

/*-------------- SP版（767px以下）--------------*/
@media only screen and (min-width: 601px) and (max-width: 767px) {
  /* ヘッダーロゴの大きさ調整 */
  .header-logo {
    margin: 8px 0 4px 8px;
    max-height: 32px;
    width: auto;
  }
  /* ロゴ調整 */
  .logo-footer {
    margin-bottom: 20px;
    width: 40%;
  }
}

@media screen and (min-width: 401px) and (max-width: 600px) {
  /* topページメイン画像の大きさ調整 */
  #main-image {
    height: calc(232px + (100vw - 601px) * 0.313);
  }
  /* ロゴ調整 */
  .logo-footer {
    width: 50%;
  }
}

@media screen and (min-width: 376px) and (max-width: 400px) {
  /* 下層ページメイン画像の大きさ調整 */
  #sec-main-image {
    height: calc(150px + (100vw - 441px) * 0.411);
  }
  /* ロゴ調整 */
  .logo-footer {
    width: 60%;
  }
}

@media screen and (max-width: 375px) {
  /* ロゴ調整 */
  .header-logo {
    height: auto;
    max-height: none;
    width: 80%;
  }
  .logo-footer {
    width: 70%;
  }
}

/*-------------- 文字幅を調整　-----------------*/
@media screen and (max-width: 423px) and (min-width: 320px) {
  h1.sec span {
    letter-spacing: 0.1em;
  }
}