/* ドクター経歴追加
------------------------------------------------------------ */
@media print, (min-width: 740px) {
.information-list .doctor:before {
width: 28px;
height: 38px;
top: -6px;
left: -1px;
background-image: url(../img/doctor/icon_doctor.png);
}
}


@media only screen and (max-width: 739.98px) {
.information-list .doctor:before {
width: 0.24rem;
height: 0.4rem;
top: -0.05rem;
left: 0.17rem;
background-image: url(../img/doctor/icon_doctor_sp.png);
}
}



/* ドクター経歴追加：modalエリア
------------------------------------------------------------ */

.modal {
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999; }

.modal__bg {
  background: rgba(10, 51, 99, .75);
  height: 100vh;
  position: absolute;
  width: 100%; }

.modal__content {
  background: #fff;
  left: 50%;
  padding: 40px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 60%; }

a.js-modal-open {
  color: #0055B8; }

@media screen and (max-width: 750px){
a.js-modal-open {
    font-size: 3.5vw;
    font-weight: bold;
}
}

.modal__inner__docphoto {
  width: 30%; }

.modal__inner__docphoto img {
  width: 100%; }

.modal__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.modal__inner__docphoto {
  margin-right: 2rem; }

.modal__inner__text {
  color: #464646; }

h3.doctor__box-name {
font-size: 24px;
font-weight: normal;
border-bottom: 1px solid #bdbdbd;
margin-bottom: 1rem;
padding-bottom: 1rem; }

@media screen and (max-width: 750px) {
h3.doctor__box-name {
font-size: 0.5rem;
font-weight: normal;
margin-bottom: 0.1rem;
padding-bottom: 0.3rem;
}

.doctor__box-info {
  padding-top: 22px;
}

}


.doctor__box-history{
  font-size: 15px ;
}

@media screen and (max-width: 750px) {
  .doctor__box-history{
    font-size: 14px ;
  }
}

.doctor__box-history dt {
  display: block;
  float: left;
  width: 100px; }

.doctor__box-history dd {
  display: block;
  margin: 0 0 9px 100px; }

/*p.doctor__box-comment {
  border-bottom: 1px solid #bdbdbd;
  margin-bottom: 2rem;
  padding-bottom: 2rem; }*/

.doctor__box-name span {
font-size: 16px;
line-height: 2.14286;
margin: 0 5px 0 0;
}

@media screen and (max-width: 750px) {
.doctor__box-name span {
font-size: 1.4rem;
}
}

.close_btn {
  position: absolute;
  top: -1.5rem;
  right: -1.5rem; }

.js-modal-open {
  margin-top: 5px;
  display: block;
  position: absolute;
  top: -5px ;
  left: 260px ;
}

@media screen and (max-width: 750px) {
.js-modal-open {
margin-top: 5px;
display: block;
position: absolute;
top: -5px;
left: 150px;
}
}

.close {
  display: inline-block;
  width: 50px;
  height: 50px;
  position: relative;
  border: 1px solid rgba(0, 0, 0, .1);
  cursor: pointer;
  background: #002d60;
  border-radius: 120px; }

.close span::before,
.close span::after {
  display: block;
  content: "";
  position: absolute;
  top: 56%;
  left: 62%;
  width: 60%;
  height: 5%;
  margin: -8% 0 0 -42%;
  background: #FFF; }

.close span::before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.close span::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

@media screen and (max-width: 750px) {
  .modal__content {
    overflow: scroll;
    overflow-y: scroll;
    width: 100%;
    height: 80%;
    background: none;
    top: 50%;
    padding: 20px;
  }
  .modal__inner {
    width: 100%;
    display: block;
    background: #FFF;
    padding: 8%; }

  .close_btn {
position: absolute;
top: 0.2rem;
right: 0.2rem;
z-index: 9999;
  }
  .modal__inner__docphoto {
    width: 100%; }
  }