@charset "utf-8";

/*-------------- 医院ごとのパーツ -----------------*/
/**採用情報バナー*/
.recruit-banner {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0 auto;
  width: calc(100% - 40px);
}

.recruit-banner-item {
  width: 240px;
}

@media screen and (min-width:429px) and ( max-width:980px) {
  #footer-info-inner {
    display: inline-block;
    width: 334px;
  }
}

.reserve-banner_sec-2 {
  display: flex;
  justify-content: center;
}

/*-- 診療時間背景 --*/
.wrapper.hour {
  background-image: url(../img/c1/bg-hour.jpg);
}
/*--採用ページの電話ボタンの端はみ出し防止--*/
.recruit-tell-button {
  width: auto;
  max-width: 260px;
}
.global-navi {
  height: auto;
}
.global-navi ul {
  width: auto;
  margin: 0 auto;
  list-style: none;
  text-align: center;
}
.global-navi ul li {
  margin: 5px 0;
}

#footer-info {
  width: 1080px;
  margin: 25px auto 20px auto;
  text-align: center;
}

/*--YouTube--*/
.yt-wrapper {
  width: 520px;
}

@media only screen and (max-width: 1080px) {
  #footer-info {
  width: 100%;
  }
}

@media only screen and (max-width: 980px) {
  .global-navi ul {
    width: 100%;
    text-align: center;
  }
}

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