@charset "utf-8";
/*-------------- 医院ごとのパーツ -----------------*/
/*-- 診療時間背景 --*/
.wrapper.hour {
  background-image: url(../img/bg-hour.jpg);
}
/*--採用ページの電話ボタンの端はみ出し防止--*/
.recruit-tell-button {
  width: auto;
  max-width: 260px;
}

@media only screen and (max-width: 428px) {
/*アクセス画像サイズ調整*/
  .access-img-A {
    width: 100%;
    margin: 0 0 20px 0;
  }
  .access-img-B {
    width: 100%;
    margin: 0 0 20px 0;
  }
/*横幅396～413pxでメインスライド画像の端が切れないようにする*/
  .slide-images {
    width: 100%;
  }
  .recruit-tell-button {
    max-width: 230px;
  }
}

/*TOPページ　>　お知らせセクション　>　750px以下の崩れ修正*/
@media screen and (max-width:750px) {
  .wrapper.infomation {
    background-size: cover;
  }
}

/*---ロゴ上下幅調整---*/
.header-logo {
  margin: 0 0 4px 8px;
  width: 65%;
}

.header-left {
  float: left;
  text-align: left;
}

.logo-footer {
  margin: 0 0 20px 70px;
  width: 30%;
}

/*-------------- 文字幅を調整　-----------------*/
.h1-lead h1 span {
  font-feature-settings: "palt";
  letter-spacing: 0.3em;
}

.h1-lead h1 p {
  margin-top: 4px;
}

/*-------------- 医院ごとのパーツ -----------------*/
@media only screen and (min-width: 981px) {
  .header-inner {
    padding: 20px 0 6px 0;
  }
}

@media only screen and (max-width: 980px) {
  .header-right {
    padding-top: 10px;
  }
  /* top/アクセスページの外観画像2枚の位置調整 */
  .access-text {
    margin-right: 0px;
  }

  /* 768～980px範囲でtop「医院の特徴」欄の各ナンバーの見切れを防止 */
  @media screen and (min-width: 768px) {
    .feature .box-920px {
      padding-left: 75px;
    }

    .feature .box-920px::before {
      left: -20px;
    }
  }

  /* top・アクセスページの外観画像2枚の間隔を調整 */
  .flex-box.access {
    justify-content: flex-start;
  }

  /* top・アクセスページの外観画像2枚のサイズを画面100%にする */
  .access-img-A,
  .access-img-B {
    margin-right: 0;
    width: 100%;
  }


  /* 画面幅の拡大によりメインスライドの画像が足りなくなるのを防止 */
  .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-inner {
      width: calc(100% - 40px);
    }
  }

  /* main画像の大きさ調整 */
  @media screen and (min-width: 768px) and (max-width: 1125px) {
    #main-image,
    #sec-main-image {
      height: calc(350px + (100vw - 768px) * 0.28);
    }
  }
}


@media only screen and ( max-width : 767px ) {
  .header-logo {
    margin: 10px 0 4px 8px;
    width: auto;
    max-height: 32px;
  }
  .header-left {
    width: 58%;
    padding-right: 4px;
  }
  .header-right {
    padding-top: 0;
  }
  .logo-footer {
    margin: 0 0 20px 70px;
    width: 45%;
  }
  /* 下層ページメイン画像の大きさ調整 */
  @media screen and (min-width: 441px) and (max-width: 767px) {
    #sec-main-image {
      height: 35vw;
    }
  }

  /* 診療時間・アクセスページにある「お電話でのお問合せ」欄の電話番号を中央揃えにする */
  .tell-number-B {
    margin: 0 auto 0;
    width: fit-content;
  }

  /* topページ「お知らせ」欄の背景が途切れるのを防止 */
  .wrapper.infomation {
    background-size: cover;
  }

  .link-in-page-list ul {
    text-align: center;
  }

  .flex-box-item-2col {
    margin: 0;
  }

  /* topページメイン画像の大きさ調整 */
  #main-image {
    height: 350px;
  }

  /* top・アクセスページの外観画像2枚のサイズを画面100%にする */
  .access-img-A,
  .access-img-B {
    margin-right: 0;
    width: 100%;
  }

  /* 料金表や採用情報ページのリスト欄を中央揃えに変更 */
  .link-in-page-list ul {
    text-align: center;
  }
}

 /* 下層ページメイン画像の大きさ調整 */
@media screen and (min-width: 441px) and (max-width: 767px) {
  #sec-main-image {
    height: 35vw;
  }
}