@charset "utf-8";

/* ----------------------------------------------
 ! doctor
 ---------------------------------------------- */

.sub-doctor-art { background:#F8F8F8; border:1px #D9D9D9 solid; margin:0 5.13vw 7.69vw; padding:7.69vw 4.1vw 0; position:relative; }
.sub-doctor-art:before { content:""; position:absolute; top:4.1vw; right:22vw; width:1.11vw; height:1.11vw; background:#F0EBD9; transform:rotate(45deg); box-shadow:2.56vw -2.56vw 0 #F0EBD9,5.13vw -5.13vw 0 #F0EBD9,7.69vw -7.69vw 0 #F0EBD9,10.25vw -10.25vw 0 #F0EBD9,12.82vw -12.82vw 0 #F0EBD9; }
.sub-doctor-head { border-bottom:1px #D9D9D9 solid; margin:0 0 7.69vw; padding:0 0 6.15vw; }
.sub-doctor-head figure { width:25.64vw; }
.sub-doctor-head figure img { width:100%; height:auto; }
.sub-doctor-head h2 { color:#535050; }
.sub-doctor-head h2 span { display:inline-block; vertical-align:bottom; border-bottom:1px #707070 solid; padding:0 4.1vw 1.54vw 0; font-size:3.85vw; font-weight:500; }
.sub-doctor-head h2 strong { display:inline-block; vertical-align:bottom; border-bottom:1px #707070 solid; padding:0 0 1.54vw 0; font-size:6.15vw; font-weight:500; }
.sub-doctor-head dl { display:flex; flex-flow:row nowrap; align-items:center; }
.sub-doctor-head dt { display:flex; justify-content:center; align-items:center; width:11.79vw; height:5.89vw; background:#535050; margin:0 2.56vw 0 0; font-size:3.33vw; color:#fff; font-weight:500; }
.sub-doctor-head dd { font-size:3.59vw; color:#535050; font-weight:500; }

@media screen and (max-width:899px){
.sub-doctor-head { display:grid; grid-template-columns:25.64vw 1fr; grid-template-rows:auto auto; gap:2.56vw 3.07vw; align-items:center; }
.sub-doctor-head figure { grid-column:1; grid-row:1/3; }
.sub-doctor-head h2 { grid-column:2; grid-row:1; }
.sub-doctor-head dl { grid-column:2; grid-row:2; }
}
@media screen and (min-width:900px){
.sub-doctor-art { margin:0 0 2.17vw; padding:2.17vw 2.53vw 0; }
.sub-doctor-art:before { top:2.9vw; right:10.14vw; width:0.58vw; height:0.58vw; box-shadow:1.09vw -1.09vw 0 #F0EBD9,2.17vw -2.17vw 0 #F0EBD9,3.26vw -3.26vw 0 #F0EBD9,4.35vw -4.35vw 0 #F0EBD9,5.43vw -5.43vw 0 #F0EBD9; }
.sub-doctor-head { display:flex; flex-flow:row nowrap; justify-content:start; align-items:center; margin:0 0 2.17vw; padding:0 0 1.74vw; }
.sub-doctor-head figure { width:11.88vw; }
.sub-doctor-head figure img {}
.sub-doctor-head h2 { margin:0 0 0 3.62vw; }
.sub-doctor-head h2 span { padding:0 1.45vw 0.43vw 0; font-size:1.3vw; }
.sub-doctor-head h2 strong { padding:0 0 0.43vw 0; font-size:1.88vw; }
.sub-doctor-head dl { margin:0 0 0 3.62vw; }
.sub-doctor-head dt { width:4.35vw; height:2.17vw; margin:0 1.16vw 0 0; font-size:1.3vw; }
.sub-doctor-head dd { font-size:1.3vw; }
}
@media screen and (min-width:1380px){
.sub-doctor-art { margin:0 0 30px; padding:30px 35px 0; }
.sub-doctor-art:before { top:40px; right:140px; width:8px; height:8px; box-shadow:15px -15px 0 #F0EBD9,30px -30px 0 #F0EBD9,45px -45px 0 #F0EBD9,60px -60px 0 #F0EBD9,75px -75px 0 #F0EBD9; }
.sub-doctor-head { display:flex; flex-flow:row nowrap; justify-content:start; align-items:center; margin:0 0 30px; padding:0 0 24px; }
.sub-doctor-head figure { width:164px; }
.sub-doctor-head figure img {}
.sub-doctor-head h2 { margin:0 0 0 50px; }
.sub-doctor-head h2 span { padding:0 20px 6px 0; font-size:18px; }
.sub-doctor-head h2 strong { padding:0 0 6px 0; font-size:26px; }
.sub-doctor-head dl { margin:0 0 0 50px; }
.sub-doctor-head dt { width:60px; height:30px; margin:0 16px 0 0; font-size:18px; }
.sub-doctor-head dd { font-size:18px; }
}




.sub-doctor-art .txt-basic { padding:0 0 6.15vw; }
.sub-doctor-art .txt-basic p {}

@media screen and (min-width:900px){
.sub-doctor-art .txt-basic { padding:0 0 1.74vw; }
.sub-doctor-art .txt-basic p {}
}
@media screen and (min-width:1380px){
.sub-doctor-art .txt-basic { padding:0 0 24px; }
.sub-doctor-art .txt-basic p {}
}




.sub-doctor-aside { border-top:1px #D9D9D9 solid; padding:7.69vw 0 0; }
.sub-doctor-aside section { padding:0 0 10.25vw;}
.sub-doctor-aside h3 { display:flex; justify-content:center; align-items:center; height:7.69vw; background:#535050; margin:0 0 6.15vw; font-size:4.1vw; color:#fff; font-weight:500; }
.sub-doctor-dl { display:flex; flex-flow:row wrap; line-height:1.46; position:relative; }
.sub-doctor-dl:before { content:""; position:absolute; top:0; left:30%; width:1px; height:100%; background:#535050; }
.sub-doctor-dl dt { width:38%; padding:0 0 2.56vw; font-size:3.33vw; }
.sub-doctor-dl dd { width:62%; padding:0 0 2.56vw; font-size:3.33vw; }
.sub-doctor-ul { margin:0 0 0 1.5rem; }
.sub-doctor-ul li { line-height:1.46; padding:0 0 2.56vw; font-size:3.33vw; }

@media screen and (min-width:900px){
.sub-doctor-aside { display:flex; flex-flow:row nowrap; justify-content:space-between; padding:2.17vw 0 0; }
.sub-doctor-aside section { width:25.65vw; padding:0 0 2.9vw;}
.sub-doctor-aside h3 { height:2.17vw; margin:0 0 1.74vw; font-size:1.16vw; }
.sub-doctor-dl {}
.sub-doctor-dl:before {}
.sub-doctor-dl dt { padding:0 0 0.72vw; font-size:1.01vw; }
.sub-doctor-dl dd { padding:0 0 0.72vw; font-size:1.01vw; }
.sub-doctor-ul {}
.sub-doctor-ul li { padding:0 0 0.72vw; font-size:1.01vw; }
}
@media screen and (min-width:1380px){
.sub-doctor-aside { padding:30px 0 0; }
.sub-doctor-aside section { width:354px; padding:0 0 40px;}
.sub-doctor-aside h3 { height:30px; margin:0 0 24px; font-size:16px; }
.sub-doctor-dl {}
.sub-doctor-dl:before {}
.sub-doctor-dl dt { padding:0 0 10px; font-size:14px; }
.sub-doctor-dl dd { padding:0 0 10px; font-size:14px; }
.sub-doctor-ul {}
.sub-doctor-ul li { padding:0 0 10px; font-size:14px; }
}