@charset "utf-8";

/* ----------------------------------------------
 ! access
 ---------------------------------------------- */

#sub-access-head { background:#F8F8F8; border:1px #D9D9D9 solid; margin:0 5.13vw 20.51vw; padding:7.69vw 4.1vw; }
#sub-access-head figure { padding:0 0 7.69vw; }
#sub-access-head figure img { width:100%; height:auto; }
#sub-access-head .txt-basic:not(:last-of-type) { border-bottom:1px #D9D9D9 solid; margin:0 0 5.13vw; padding:0 0 5.13vw; }
#sub-access-head .txt-basic:last-of-type { padding:0 0 7.69vw; }
#sub-access-head dl { text-align:center; }
#sub-access-head dt { display:flex; justify-content:center; align-items:center; width:17.43vw; height:5.89vw; background:#535050; margin:0 auto 2.56vw; font-size:3.07vw; color:#fff; font-weight:500; letter-spacing:0.04em; }
#sub-access-head dd { line-height:1.64; font-size:3.59vw; }

@media screen and (min-width:900px){
#sub-access-head { margin:0 0 2.9vw; padding:2.17vw 2.9vw; }
#sub-access-head figure { width:30.94vw; margin:0 auto; padding:0 0 2.17vw; }
#sub-access-head figure img {}
#sub-access-head .txt-basic:not(:last-of-type) { text-align:center; margin:0 auto 1.45vw; padding:0 0 2.17vw; }
#sub-access-head .txt-basic:last-of-type { padding:0 0 1.45vw; }
#sub-access-head dl { display:flex; flex-flow:row nowrap; justify-content:center; align-items:center; }
#sub-access-head dt { width:4.92vw; height:1.66vw; margin:0 0.87vw 0 0; font-size:0.94vw; }
#sub-access-head dd { font-size:1.09vw; }
}
@media screen and (min-width:1380px){
#sub-access-head { margin:0 0 40px; padding:30px 40px; }
#sub-access-head figure { width:427px; padding:0 0 30px; }
#sub-access-head figure img {}
#sub-access-head .txt-basic:not(:last-of-type) { margin:0 auto 20px; padding:0 0 30px; }
#sub-access-head .txt-basic:last-of-type { padding:0 0 20px; }
#sub-access-head dl {}
#sub-access-head dt { width:68px; height:23px; margin:0 12px 0 0; font-size:13px; }
#sub-access-head dd { font-size:15px; }
}




@media screen and (max-width:899px){
#main-art-01 .heading-h2 { margin:0 5.13vw 10.25vw; }
#main-art-01 .lay-img50 dt { margin:0 0 -12.82vw; }
#main-art-01 .medical-hour-box { margin:0 5.13vw; }
#main-art-01 .medical-hour-box table { border:5.13vw solid transparent; box-shadow:0 0 0 1px #E6DEC0; }
#main-art-01 .medical-hour-note { font-size:3.33vw; }
}
@media screen and (min-width:900px){
#main-art-01 { padding:0 0 5.8vw; }
#main-art-01 .medical-hour-box table { border:1.45vw solid transparent; box-shadow:0 0 0 1px #E6DEC0; }
}
@media screen and (min-width:1380px){
#main-art-01 { padding:0 0 80px; }
#main-art-01 .medical-hour-box table { border:20px solid transparent; }
}




#sub-access-map { background:#F8F8F8; border:1px #D9D9D9 solid; margin:0 0 15.38vw; padding:6.15vw 4.1vw 10.25vw; }
#sub-access-map .btn-directions-to-clinic a { background:#fff url(../img/common/ico_gmap_01.svg) 12.82vw center /4.82vw auto no-repeat; border:1px #0B8286 solid; }
#sub-access-map-wrap {}

@media screen and (min-width:900px){
#sub-access-map { margin:0 0 5.8vw; padding:2.17vw 2.9vw 2.9vw; }
#sub-access-map .lay-img50 { align-items:center; }
#sub-access-map .btn-directions-to-clinic a { background:#fff url(../img/common/ico_gmap_01.svg) 7.24vw center/1.45vw auto no-repeat; }
#sub-access-map-wrap { display:flex; flex-flow:row nowrap; justify-content:space-between; }
#sub-access-map-wrap .access-sec-box { width:49%; }
}
@media screen and (min-width:1380px){
#sub-access-map { margin:0 0 80px; padding:30px 40px 40px; }
#sub-access-map .btn-directions-to-clinic a { background:#fff url(../img/common/ico_gmap_01.svg) 100px center/20px auto no-repeat; }
}




#access-ritch-ul {}
#access-ritch-ul li { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center; background:#F5F4F0; padding:4.1vw; list-style:none; }
#access-ritch-ul figure { width:20.51vw; border-radius:50%; }
#access-ritch-ul figure img { width:100%; height:auto; border-radius:50%; }
#access-ritch-ul h3 { width:49.48vw; line-height:1.71; font-size:3.59vw; color:#535050; }

@media screen and (max-width:899px){
#access-ritch-ul li:not(:last-of-type) { margin:0 0 2.05vw; }
}
@media screen and (min-width:900px){
#access-ritch-ul { display:flex; flex-flow:row wrap; justify-content:space-between; }
#access-ritch-ul li { width:49%; margin:0 0 1.09vw; padding:1.09vw; }
#access-ritch-ul figure { width:9.42vw; }
#access-ritch-ul figure img {}
#access-ritch-ul h3 { width:13.98vw; font-size:1.16vw; }
}
@media screen and (min-width:1380px){
#access-ritch-ul {}
#access-ritch-ul li { margin:0 0 15px; padding:15px; }
#access-ritch-ul figure { width:130px; }
#access-ritch-ul figure img {}
#access-ritch-ul h3 { width:193px; font-size:16px; }
}