@charset "utf-8";
/* CSS Document */
/* ==== キービジュアル ====*/
.kv_area {
  text-align: center;
  width: 100%;
  max-width: 60rem;
  margin: 5rem auto 0;
}
.kv_main {
  position: relative;
  max-width: 60rem;
}
.kv_txt {
  width: 90%;
  margin: 1rem auto;
}
.kv_seminar {
  width: 90%;
  margin: 1rem auto 0;
}
.slick-next, .slick-prev {
  display: none !important;
}
.btn_s {
  position: absolute;
  top: 2rem;
  right: 2rem;
  font-size: 1.4rem;
}
main {
  margin-top: 2rem;
}
/* ==== お知らせバナー ==== */
.bnr_notice {
  width: 90%;
		text-align: center;
  margin: 4rem auto;
}
/* ==== お知らせ欄 ==== */
#news {
  width: 100%;
  margin-bottom: 5rem;
}
#news h2 {
  text-align: center;
  background: #5291cd;
}
#news h2 span {
  padding: 0.5rem;
  color: #fff;
  display: inline-block;
}
#news dt {
  font-weight: bold;
  color: #00689D;
  padding: 0 0.5rem 0.5rem;
  margin-bottom: 0.5rem;
  width: 100%;
  border-bottom: 1px solid #CFCDCC;
}
#news dd {
  padding: 0.5rem;
  margin-bottom: 1rem;
}
#news dd *:last-child {
  margin-bottom: 0;
}
#news dl {
  margin: 1rem auto 0;
  /*max-height: 25rem;*/
  overflow: auto;
  text-align: left;
  padding: 0.5rem;
}
#news dl::-webkit-scrollbar {
  width: 1rem;
}
#news dl::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.5);
  border: none;
  border-radius: 10px;
  box-shadow: inset 0 0 2px #F5EFE1;
}
#news dl::-webkit-scrollbar-thumb {
  background: rgba(0, 104, 157, 0.3);
  border-radius: 10px;
  box-shadow: none;
}
/* ==== ご挨拶 ==== */
#greeting {
  margin-bottom: 5rem;
}
#greeting h2, #feature h2, #treatment h2 {
  text-align: center;
  background: linear-gradient(#fff 30%, #EDF6F1 70%);
  margin-bottom: 2rem;
}
#greeting h2 img, #feature h2 img, #treatment h2 img {
  height: 7rem;
}
#greeting p {
  text-align: justify;
}
/* ==== 目標 ==== */
#aim {
  border: 0.5rem solid #E3E6EF;
  border-radius: 1rem;
  margin: 1rem 2rem 5rem;
  padding: 2rem 1rem 1rem;
}
#aim h2 {
  color: #00689D;
  font-size: 1.8rem;
  margin-bottom: 1.5rem;
}
#aim li {
  text-align: justify;
}
/*  求人バナー */
.bnr_recruit {
  display: block;
  width: 80%;
  margin: 0 auto 5rem;
  padding: 4rem 4rem;
  border: 3px solid #e996cc;
  border-radius: 10px;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 600;
  background: url(../images/recruit1.png) no-repeat right 4% bottom 0/22% auto,url(../images/recruit2.png) no-repeat left 4% bottom 0/22% auto,#f5fbdc;
}
/*  medical */
#treatment ul {
  justify-content: space-around;
  margin: 1rem auto;
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
#treatment li {
  width: 30%;
  text-align: center;
  margin-bottom: 1rem;
  max-width: 16rem;
}
#treatment a {
  color: #00689D !important;
  font-size: 1.4rem;
  font-weight: bold;
}
#treatment li img {
  width: 5.8rem;
  display: block;
  margin: 1rem auto;
}
#treatment li:last-child, #treatment li:nth-child(7) {
  width: 45%;
}
/* ==== 特長 ==== */
#feature {
  margin: 3rem 0 7rem;
}
/*#feature h2 {
  margin: 1rem 0;
  text-align: center;
} */
#feature p {
  text-align: justify;
}
#feature ol {
  margin: 0.5rem auto;
  list-style: none;
  padding: 0;
}
#feature li {
  margin: 0 auto 2rem;
  max-width: 40rem;
}
#feature figcaption {
  margin-top: 1rem;
  text-align: justify;
  line-height: 1.6;
}
.sns1, .sns2 {
  padding: 0 2rem;
}
.sns1 ul, .sns2 ul {
  justify-content: center;
  display: flex;
}
.sns1 li, .sns2 li {
  margin: 1rem;
  text-align: center;
}
/* ==== 医院概要 ==== */
.overview {
  width: 100%;
  padding: 2.5rem 1.5rem;
  margin-bottom: 0;
  background: #FBFBFB;
}
.overview h2 {
  margin: 0 0 2rem;
  border-bottom: 0.2rem solid #00689D;
  font-size: 2rem;
  line-height: 1;
  padding: 0.5rem 0.5rem 1rem 0.7rem;
  color: #00689D;
  text-align: center;
}
.overview .detail {
  margin: 0 0 2rem;
}
.overview dl {
  width: 100%;
  margin: 1rem 0;
  display: flex;
  flex-wrap: wrap;
}
.overview .flex_LRTB dt, .dl_rsv dt {
  width: 100%;
  font-weight: normal;
  margin-bottom: 0.5rem;
}
.overview .flex_LRTB dt p {
  background: #00689D;
  color: #fff;
  padding: 0.4rem;
  border-radius: 5px;
  text-align: center;
}
.overview .flex_LRTB dd {
  margin: 0 0 1.5rem;
  padding: 0.2rem 0 0 1rem;
  width: 100%;
}
.overview a {
  color: #029FBE;
}
.overview .dl_rsv dt {
  text-align: center;
  background: #00689D;
  color: #fff;
  padding: 0.4rem;
  border-radius: 5px;
}
.apia ul.list_def li::before {
  color: #595757;
}
/* -----------------------------------------------------------------------------------------------------------------------------------
	PC
----------------------------------------------------------------------------------------------------------------------------------- */
@media print, screen and (min-width: 46.875em) {
  .wrapper.flex_RLTB {
    margin: 7rem auto 0;
  }
  body {
    background: url(../images/common/bg_r.png) no-repeat top 60rem center;
  }
  header {
    background: #fff;
  }
  main {
    margin-bottom: 0;
  }
  main .wrapper {
    margin: auto;
  }
  /* ==== キービジュアル ====*/
  .kv_area {
    margin: 0 auto;
    width: 100%;
    min-width: 117rem;
    max-width: 140rem;
    line-height: 0;
  }
  .kv_main {
    max-width: 140rem;
  }
  .kv_area .slider {
    margin-bottom: 0;
  }
  h1 {
    position: absolute;
    top: 1.5rem;
    min-width: 117rem;
    max-width: 140rem;
    text-align: center;
    width: 100%;
  }
  .kv_txt {
    text-align: left;
    position: absolute;
    bottom: 3rem;
    left: 5rem;
    max-width: 74.4rem;
    width: 55%;
  }
  .kv_seminar {
    bottom: 3rem;
    left:auto;
    right: 3rem;
    top: auto;
    width: 42.2rem;
    position: absolute;
      > .bnr_recruit {
          width: 100%;
          padding: 5.5rem 6rem;
          color: #395996;
      }
  }
  main {
    margin-top: 5rem;
  }
  /* ==== お知らせバナー ==== */
  .bnr_notice {
		text-align: center;
  margin: 5rem auto 2rem;
  }
  /* ==== お知らせ欄 ==== */
  #news {
    margin: 0 auto 13rem;
    width: 100%;
  }
  #news h2 {
    width: 16rem !important;
    padding: 0;
    background: #fff;
  }
  #news .wrapper {
    display: flex;
    align-items: center;
    padding: 3rem 2rem;
    border-top: 0.2rem solid #00689D;
    border-bottom: 0.2rem solid #00689D;
  }
  #news dl {
    /*max-height: 25rem;*/
    margin: 0 auto 0 2rem;
    width: calc(100% - 18rem);
    height: 55rem;
  }
  #news dt {
    font-size: 1.9rem;
  }
  #greeting {
    position: relative;
    height: 77rem;
    max-width: 140rem;
    min-width: 117rem;
  }
  #greeting .wrapper {
    margin: 0 auto;
    height: 100%;
    display: block;
  }
  #greeting h2 {
    background: linear-gradient(transparent 100%, #fff 0%);
    position: absolute;
    top: 2rem;
    z-index: -2;
    right: 0;
  }
  #greeting h2 img {
    height: auto;
  }
  #greeting .inner div {
    width: 60%;
    padding: 25rem 1rem 1rem;
    margin: 0 0 0 auto;
    position: static;
  }
  #greeting .inner p {
    text-shadow: white 2px 0px, white -2px 0px, white 0px -2px, white 0px 2px, white 2px 2px, white -2px 2px, white 2px -2px, white -2px -2px, white 1px 2px, white -1px 2px, white 1px -2px, white -1px -2px, white 2px 1px, white -2px 1px, white 2px -1px, white -2px -1px;
    font-size: 1.9rem !important;
  }
  #greeting figure {
    position: absolute;
    top: 0;
    z-index: -1;
    left: 0;
    width: 60%;
  }
  #greeting figure img {}
  #aim {
    position: static;
    width: 117rem;
    margin: 10rem auto;
    padding: 4rem 0 3rem 4rem;
  }
  #aim h2 {
    font-size: 2.8rem;
    margin-left: 20rem;
  }
  #aim li {
    font-size: 2.2rem;
    margin-left: 20rem;
  }
  /*  求人バナー */
.bnr_recruit {
  width: 75rem;
  margin: 0 auto 10rem;
  padding: 6rem 6rem;
  border: 4px solid #e996cc;
  border-radius: 10px;
  font-size: 2.8rem;
  background: url(../images/recruit1.png) no-repeat right 4% bottom 0/16% auto,url(../images/recruit2.png) no-repeat left 4% bottom 0/16% auto,#f5fbdc;
}
  #treatment {
    background: #FBFBFB;
    margin-bottom: 9rem;
  }
  #treatment h2 {
    background: linear-gradient(#fff 0%, #fff 25%, #FBFBFB 25%, #FBFBFB 100%);
    width: 100%;
    text-align: center;
  }
  #treatment h2 img {
    height: auto;
  }
  #treatment ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between
  }
  #treatment li {
    width: 25%;
    text-align: center;
    margin-bottom: 6rem;
    max-width: none;
  }
  #treatment li:last-child, #treatment li:nth-child(7) {
    width: 25%;
  }
  #treatment li img {
    display: block;
    margin: 1rem auto;
    width: 160px;
  }
  #treatment li a {
    color: #000 !important;
    font-size: 2rem;
  }
  #treatment li a::after {
    font-family: "Font Awesome 5 Free";
    content: "\f138";
    font-weight: bold;
    width: 25px;
    font-size: 2.3rem;
    display: block;
    margin: 0 auto;
    color: #0069A0;
  }
  #feature {
    background: url("../images/common/bg_l.png") no-repeat top 20rem center;
    margin: 3rem 0 10rem;
  }
  #feature .wrapper {
    position: relative;
    display: block;
    width: 100%;
    max-width: 140rem;
    min-width: 117rem;
  }
  #feature h2 {
    position: absolute;
    z-index: -1;
    left: 0;
    font-size: 2.3rem;
    top: 5rem;
  }
  #feature .feature_pl p {
    z-index: 100;
    left: 13rem;
    top: 25rem;
    line-height: 2;
    position: absolute;
    font-size: 2.3rem;
    text-shadow: white 2px 0px, white -2px 0px, white 0px -2px, white 0px 2px, white 2px 2px, white -2px 2px, white 2px -2px, white -2px -2px, white 1px 2px, white -1px 2px, white 1px -2px, white -1px -2px, white 2px 1px, white -2px 1px, white 2px -1px, white -2px -1px;
  }
  #feature .inner {
    width: 117rem;
    position: static;
  }
  #feature h2 img {
    height: auto;
  }
  #feature h2 {
    background: linear-gradient(transparent 100%, #fff 0%);
  }
  #feature ol {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #feature li:first-child {
    width: 73rem;
    max-width: 73rem;
    margin-left: 47rem;
    margin-top: 0 !important;
    margin-bottom: 5rem;
  }
  #feature li:first-child figcaption {
    text-align: right;
  }
  #feature li figcaption {
    font-size: 1.9rem;
  }
  #feature li {
    margin: 0 0 5rem;
    font-size: 1.8rem;
    width: 56.4rem;
    max-width: 56.4rem;
    padding: 0;
    margin-bottom: 0;
  }
  #feature li:nth-child(odd) {
    margin-top: 15rem;
  }
  .wrapper.sns1 {
    
    margin-bottom: 5rem;
  }
  .sns1 li {
    /*width: 30%;*/
  }
  /* ==== 医院概要 ==== */
  .overview {
    width: 100%;
    min-width: 117rem;
    margin: 10rem auto 0;
    padding: 8rem 0;
    color: #595757;
  }
  .overview .wrapper {
    margin: 0 auto;
  }
  .overview h2 {
    padding: 0 1rem 1.5rem;
    margin-bottom: 2rem;
    font-size: 2.8rem;
  }
  .overview .flex_LRTB {
    margin: 0 auto;
    justify-content: space-between;
    align-items: flex-start;
  }
  .overview .flex_LRTB dl {
    padding: 0;
    width: 57rem;
    margin: 0 0 3rem 1rem;
  }
  .overview .flex_LRTB dt {
    width: 11rem;
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
  }
  .overview .flex_LRTB dd {
    width: calc(100% - 11rem);
    padding-left: 2rem;
    font-size: 1.9rem;
    margin-bottom: 1rem;
  }
  .overview dl.dl_rsv {
    width: 100%;
    margin-bottom: 7rem;
  }
  .overview dl.dl_rsv dt {
    width: 20rem;
    align-items: center;
    display: flex;
    justify-content: center;
  }
  .overview dl.dl_rsv dd {
    width: calc(100% - 20rem);
    padding-left: 2rem;
    font-size: 1.9rem;
    margin-bottom: 1rem;
  }
  .apia h3 {
    font-size: 2.1rem;
    text-align: center;
  }
  .apia dl {
    width: 100%;
    padding: 2.5rem 0 0 8rem;
    border-top: #9c9c9c 0.2rem solid;
    border-bottom: #9c9c9c 0.2rem solid;
  }
  .apia dt {
    font-size: 1.8rem;
    width: 5em;
  }
  .apia dd {
    font-size: 1.8rem;
    width: calc(100% - 5em);
    padding: 0 0 2rem 1rem;
  }
  footer > div.wrapper {
    padding: 6rem 0;
  }
  address {
    margin: 0 auto;
  }
  .gmap iframe {
    height: 45rem;
  }
}
@media screen\0 { /* IEハック */
  figure.bnr_notice {
    margin: 8rem auto 8rem;
  }
}
/* -----------------------------------------------------------------------------------------------------------------------------------
	Tablet 73.063=1169px  60em=960px
----------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 46.875em) and (max-width: 73.063em) {}
/* -----------------------------------------------------------------------------------------------------------------------------------
	Tablet 73.063=1169px  60em=960px
----------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 46.875em) {
  .animated, .bounceIn {
    animation-duration: 0s;
    -webkit-animation-duration: 0s;
  }
}