@charset "utf-8";
/*================================
ここから全サイズ適用
================================*/
/*共通
--------------------------------*/
.bottom_dotted {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 2px dotted #c1bab8;
}

/*当院の特長
--------------------------------*/
/*特長タイトル*/
.features_title {
  margin-bottom: 40px;
}
.features_num {
  /*flex*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /*others*/
  position: relative;
  z-index: 2;
  margin-bottom: -5rem;
  width: 10.6rem;
  height: 10.6rem;
  background: #fff;
  border: 4px solid #fff;
  -webkit-box-shadow: 0 0 0 6px #3b7099 inset, 0 0 0 9px #fff inset,
    0 0 0 11px #604c29 inset;
  box-shadow: 0 0 0 6px #3b7099 inset, 0 0 0 9px #fff inset,
    0 0 0 11px #604c29 inset;
  font-size: 4.6rem;
  text-align: center;
  line-height: 1;
  color: #4c3a1b;
}
.features_jp {
  position: relative;
  z-index: 1;
  background: url(../img/pattern02.jpg) top center;
  padding: 30px 40px;
  font-size: 3rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.4;
  text-align: center;
}
.features_jp::before {
  position: absolute;
  z-index: -1;
  content: "";
  top: 1rem;
  left: 1rem;
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
  background: #fff;
  border: 5px solid #fff;
  -webkit-box-shadow: 0 0 0 1px #3b7099 inset;
  box-shadow: 0 0 0 1px #3b7099 inset;
}

/*院内紹介
--------------------------------*/
.facility_pic {
  max-width: 85%;
}
.facility_pic.-right {
  margin-left: auto;
}
.facility_frame {
  position: relative;
  z-index: 1;
  margin-top: -7rem;
  width: 480px;
  padding: 30px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #604c29;
}
.facility_frame.-right {
  margin-left: auto;
}

/*設備紹介
--------------------------------*/

/*施設基準について
--------------------------------*/
/*数字リスト*/
.facilitystandards .u-li-number {
  display: inline-block;
}
.facilitystandards .u-li-number > li {
  padding-left: 1em;
  text-indent: -1em;
  text-align: left;
}
.facilitystandards .u-li-number > li:not(:last-child) {
  margin-bottom: 16px;
}
.facilitystandards .u-li-number > li .num {
  color: #3b7099;
}

/*================================
ノートPC 1366px～0px
================================*/
@media (max-width: 1366px) {
}

/*================================
TABLET横 1080px～0px
================================*/
@media (max-width: 1080px) {
}

/*================================
TABLET縦 834px～0px
================================*/
@media (max-width: 834px) {
  /*共通
  ------------------------------*/
  .bottom_dotted {
  }

  /*当院の特長
  ------------------------------*/
  /*特長タイトル*/
  .features_title {
  }
  .features_num {
  }
  .features_jp {
  }
  .features_jp::before {
  }

  /*院内紹介
  ------------------------------*/
  .facility_pic {
    max-width: 100%;
    max-width: calc(100% - 40px);
  }
  .facility_pic.-right {
  }
  .facility_frame {
  }
  .facility_frame.-right {
  }

  /*設備紹介
  ------------------------------*/

  /*施設基準について
  ------------------------------*/
}

/*================================
SP表示 667px～0px
================================*/
@media (max-width: 667px) {
  /*共通
  ------------------------------*/
  .bottom_dotted {
  }

  /*当院の特長
  ------------------------------*/
  /*特長タイトル*/
  .features_title {
  }
  .features_num {
    margin-bottom: -3rem;
    width: 8rem;
    height: 8rem;
    border: 3px solid #fff;
    -webkit-box-shadow: 0 0 0 4px #3b7099 inset, 0 0 0 6px #fff inset,
      0 0 0 7px #604c29 inset;
    box-shadow: 0 0 0 4px #3b7099 inset, 0 0 0 6px #fff inset,
      0 0 0 7px #604c29 inset;
    font-size: 3.5rem;
  }
  .features_jp {
    padding: 26px 16px 20px;
    font-size: 2.4rem;
  }
  .features_jp::before {
    top: 6px;
    left: 6px;
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    border: 2px solid #fff;
  }

  /*院内紹介
  ------------------------------*/
  .facility_pic {
    max-width: 100%;
    margin-bottom: 20px;
  }
  .facility_pic.-right {
  }
  .facility_frame {
    width: auto;
    margin-top: 0;
    padding: 20px;
  }
  .facility_frame.-right {
  }

  /*設備紹介
  ------------------------------*/

  /*施設基準について
  ------------------------------*/
}