.page-btn-color-jjn {
  border-color: #97D525;
  color: #97D525;
}
#container .page-btn-color-jjn .icon--arrow {
  border-color: #97D525;
}
.page-btn-color-jun {
  border-color: #E55540;
  color: #E55540;
}
#container .page-btn-color-jun .icon--arrow {
  border-color: #E55540;
}
.page-btn-color-sk {
  border-color: #F3AB4F;
  color: #F3AB4F;
}
#container .page-btn-color-sk .icon--arrow {
  border-color: #F3AB4F;
}
.page-btn-color-hif {
  border-color: #F8C66B;
  color: #F8C66B;
}
#container .page-btn-color-hif .icon--arrow {
  border-color: #F8C66B;
}

.page-btn-color-tny {
  border-color: #C48DBE;
  color: #C48DBE;
}
#container .page-btn-color-tny .icon--arrow {
  border-color: #C48DBE;
}

@media screen and (min-width: 751px) {
  .p-doctor {
    min-width: 1100px;
  }

  #container.container .p-doctor.is-r .p-doctor__text {
    float: right;
    width: 50%;
  }
  #container.container .p-doctor.is-r .p-doctor__text {
    float: right;
    width: 50%;
  }
  #container.container .p-doctor.is-r .p-doctor__text.w55 {
    float: right;
    width: 55%;
  }
  #container.container .c-home-unit--4 {
    padding-top: 0;
  }
}

.page-sec-ttl {
  text-align: center;
  font-size: 5.4rem;
  margin: 130px 0 170px 0;
}
.page-sec-ttl img {
  position: relative;
  margin-right: 20px;
  top: -5px;
}

@media screen and (max-width: 750px) {
  #container .page-sec-ttl {
    font-size: 7vw;
    margin: 20vw 0 12vw 0;
  }
  .page-sec-ttl img {
    margin-right: 2vw;
    width: 8vw;
    top: .8vw;
    margin-left: -8vw;
  }
  .page-sec-ttl img.nml {
    margin-left: 0;
  }
  #container.container .p-doctor__lead p {
    font-size: 5vw;
  }
}

.p-doctor__img {
  z-index: 1;
}

@media screen and (min-width: 751px) {
  .page-doctor-cont {
    margin-top: -10px;
    max-width: 584px;
  }
}

.page-msg {
  margin: 2em 0 3em 0;
  line-height: 2;
}
.page-msg p {
  font-size: 1.8rem;
}

.page-modal-wrap {
  display: none;
  position: relative;
  z-index: 1001;
}

.page-modal {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10000;
  width: 100%;
  height: 100vh;
  overflow: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  overscroll-behavior: contain;
  background: rgba(0,0,0,.3);
}

.page-modal__cont {
  background: #fff;
  padding: 5%;
  max-height: 85vh;
  overflow: auto;
}
@media screen and (max-width: 750px) {
  .page-modal__cont {
    width: 86%;
  }
}
@media screen and (min-width: 751px) {
  .page-modal__cont {
    width: 845px;
    padding: 45px;
  }
}

#container .wrap-site-header .visual .item {
  width: 100%;
}