@charset "UTF-8";
/* CSS Document */


#container { padding-top: 160px!important;}

#clinic-info-flex {display: flex; justify-content: space-between; margin-top: 3rem;}

.top-txt {text-align: center; border: 1px solid #c90420; box-sizing: border-box; border-radius: 10px; width: 80rem; margin: 0 auto 10rem; padding: 3rem 0;}

.mb2 {margin-bottom: 2rem;}

#clinic-info-flex address {font-style: normal;}

.clinic-info-txt ul {text-indent: -1em; padding-left: 1em;}

.mapBox {width: 60%;}

.mapBox iframe {width: 100%;}

.sub-rest { margin: 30px 0 15px!important;}

.head-flex {display: flex; align-items: end; margin: 0 0 1rem;}

.comImgBox {margin: 0 0 5rem;}

.comImgBox .photoBox { margin-top: -4.5rem; width: 42.58%;}

.point {display: flex; flex-direction: column; align-items: center; font-size: 3rem; margin: 0 16px 0 0; color: #C90420; line-height: 1;}

.point em {font-size: 1rem; font-style: normal;}


#main .sec02 {margin: 0 0 30px;}


.red-box {display: flex; width: 100%; flex-direction: row; gap: 8px; margin: 3rem 0;}

.red-box li {background-color: #C90420; padding: 16px; color: #fff; width: 50%; text-align: center;}



.doctor-name {display: flex; flex-direction: column; margin: 0 0 3rem; font-size: 2rem;}

.doctor-name span {font-size: 3rem; margin: 0 0 0 16px;}


.kitahamaTxt {margin: 0 0 80px;}

.sec03 {margin: 0 0 20rem;}






@media all and (max-width: 896px) {
    
.top-txt {width: 100%;}
    
#clinic-info-flex {flex-direction: column;}
    
.mapBox {width: 100%; margin: 5rem 0;}

#container { padding-top: 0!important;}

.sub-rest { margin-left: 24px!important;}

.comImgBox{ display: flex; flex-direction: column-reverse}

.comImgBox .photoBox { margin: 1rem auto 3rem; width: 90%;}

.red-box {font-size: 1rem;}


.doctor-name {align-items: center;}

#main .sec02 {margin: 0 0 95px;}
}