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

/*---ロゴ上下幅調整---*/
.header-logo {
  margin-top: 2px;
  margin-bottom: 2px;
}

@media only screen and ( max-width : 980px ) {
  /*---ロゴ上下幅調整---*/
  .header-logo {
    margin-bottom: 4px;
    width: 50%;
  }

  /*-- 診療時間の調整 --*/
  table.hours_table {
    margin: 0 20px 50px auto;
  }

  .flex-box-item-2col {
    width: 100%;
    margin: 0 5px;
  }

  .destination {
    width: auto;
  }

  /*アクセス画像サイズ調整*/
  .access-img-A {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 20px;
  }
  .access-img-B {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 20px;
  }

  @media only screen and ( max-width : 440px ) {
    /*横幅396～413pxでメインスライド画像の端が切れないようにする*/
    .slide-images {
      width: 100%;
    }
    .recruit-tell-button {
      max-width: 230px;
    }

    /*-- 画像を横幅いっぱいに調整 --*/
    .img-box-300px {
      width: auto;
    }

    @media only screen and ( max-width : 430px ) {
      /*---ロゴ上下幅調整---*/
      .header-logo {
        margin-bottom: 0;
        margin: 8px 0 4px 10px;
        width: 50%;
        height: auto;
      }

      /*---スティッキー2個---*/
      .reserve-banner {
        display: none;
      }
      .sticky-btns-area a.two-btns {
        display: inline-block;
        width: calc(100% / 2 - 35px);
        border: 1px solid;
        margin: 10px 5px 0 9px;
        font-size: 15px;
      }
      .sticky-btns-area a.web-btn:before {
        content: none;
      }

      #lower-sticky-area {
        display: block;

      }

      /*---h2見出し(2~3行) 左右の装飾調整---*/
      h2.lines2:before, h2.lines2:after {
        top: 25%;
      }

      /*スティッキーの表示範囲の調整*/
      .sticky-btns-area {
        display: block;
      }

      /*---ロゴ上下幅調整---*/
      @media only screen and ( max-width : 375px ) {
        .header-logo {
          margin-bottom: 0;
          margin: 8px 0 4px 10px;
          width: 60%;
          height: auto;
        }

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

/*---youtube動画---*/
.youtube {
  display: flex;
  width: 600px;
  height: 310px;
  margin-right: auto;
  margin-left: auto;
}

.flex-box-C {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 10px;
}

/*--採用ページの電話ボタンの端はみ出し防止--*/
.recruit-tell-button {
  width: auto;
  max-width: 260px;
}


a.initiatives-link {
  color: #D5AD58;
}