/* ドクター経歴追加：modal open用テキストリンク
------------------------------------------------------------ */

.modal_btn_position {
position: absolute;
width: 370px ;
}

@media screen and (max-width: 750px){
.modal_btn_position {
position: absolute;
width: 90% ;
margin: 0 auto ;
}
}

.introduction_name {
  font-size: 24px;
}


@media screen and (max-width: 750px){
.introduction_name {
font-size: 20px;
}
}

.introduction_name span {
font-size: 16px;
}


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

}

.introduction_text_subtutle {
  color: #fe8ca7 ;
  margin-top: 20px ;
  font-weight: bold ;
  margin-bottom: 5px ;
}

.introduction_text {
  margin-bottom: 100px ;
  line-height: 1.6 ;
}

@media screen and (max-width: 750px){
.footer.f_clinic {
  margin-top:450px
}
}



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

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

.modal__bg {
background: rgba(82, 70, 66, .8);
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: #DB806B;
text-decoration: underline;
}

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

.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; }

@media screen and (max-width: 750px) {
.modal__inner__text {
padding: 0;
margin: 0;
}
}

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: 20px;
font-weight: normal;
margin-bottom: 1.2rem;
padding-bottom: 0.3rem;
}

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

}


.doctor__box-history{
font-size: 15px ;
line-height: 2.4rem;
}

@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: -2.6rem;
right: -2.6rem; }

.js-modal-open {
/* margin-top: 5px; */
display: block;
position: absolute;
top: 1px ;
left: 118px ;
font-size: 19px;
}

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

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

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

.close span::before,
.close span::after,
.close_2 span::before,
.close_2 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,
.close_2 span::before{
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }

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

@media screen and (max-width: 750px) {
.modal__content {
overflow: scroll;
overflow-y: scroll;
width: 90%;
height: 155vw;
background: none;
top: 48%;
padding: 1rem;
}
.modal__inner {
width: 100%;
display: block;
background: #FFF;
padding: 0;
}

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

.doctor__box-area {
margin-bottom: 5px ;
font-size: 15px;
}


@media screen and (max-width: 750px) {
.doctor__box-area {
font-size: 14px;
margin-bottom: 3px ;
/* margin-bottom: 4px ; */
}
}

@media screen and (max-width: 750px) {
.m_contents_doctor {
max-width: 100% ;
}
}



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