@charset "UTF-8";

.medical-txt dl {
justify-content:space-between;
-ms-flex-pack:justify;
align-items:center;}
.medical-txt dt {
padding:6px 0;
width:80px;}
.medical-txt dt .ttl {
text-align:center;
line-height:2;
color:#fff;
background:#33bb00;
border-radius:5px;}
.medical-txt dd {
padding:6px 0;
width:calc(100% - 100px);}
.medical-txt dd span {
display:inline-block;
margin:0 1em 0 0;}
.medical-txt .notice {
margin-top:1.0em;
font-size:92%;
line-height:1.55;}

@media only screen and (max-width:640px) {

.medical-txt dd {
width:100%;}

}

/* medical ==================== */

.main-medical {
text-align:left;
margin-top:20px;
width:74%;
max-width:850px;}
.main-medical p {
margin-bottom:1.0em;}
.sidebar-medical {
text-align:left;
margin-top:20px;
width:21.5%;
max-width:245px;}
.sidebar-medical-menu {
position:sticky;
top:120px;}
.sidebar-medical h2 {
margin:0.25em 0 0.7em 0;
font-size:108%;
line-height:1.2;
font-weight:bold;
color:#2e9b00;}
.sidebar-medical ul {
padding:0 0 3px 0;}
.sidebar-medical ul li {
padding:0 0 15px 0;
width:100%;}
.sidebar-medical ul li a {
text-align:center;
display:block;
font-size:84%;
line-height:38px;
font-weight:bold;
white-space:nowrap;
color:#2e9b00;
background:#fff;
box-shadow:0 0 0 2px #33bb00;
border-radius:20px;
transition:0.25s;}
.sidebar-medical ul li a:hover {
color:#fff;
background:#33bb00;}
.sidebar-medical ul li a.btn-chart {
color:#fff;
background:#33bb00;}
.sidebar-medical ul li a.btn-chart:hover {
color:#2e9b00;
background:#fff;}

.medical-time {
padding:20px;
border-radius:15px;
background:#e6fee1;}
.medical-time table {
text-align:center !important;
font-weight:bold;}
.medical-time .notice {
margin:10px 0 0 0;
text-align:right;
font-size:84%;
line-height:1.3;}

.medical-consult {
justify-content:space-between;
-ms-flex-pack:justify;
margin:0 auto;}
.medical-consult li.img {
margin-top:0.5%;
width:29.5%;}
.medical-consult li.img img {
border-radius:15px;}
.medical-consult li.txt {
width:67%;}

@media only screen and (max-width:1023px) {

.main-medical {
margin:6% auto 0;
width:100%;
max-width:800px;}
.sidebar-medical {
margin:0 auto;
width:100%;
max-width:800px;}
.sidebar-medical-menu {
position:relative;
top:0;}
.sidebar-medical ul {
justify-content:space-between;
-ms-flex-pack:justify;}
.sidebar-medical ul::after{
content:"";
display:block;
width:32%;}
.sidebar-medical ul li {
width:32%;}

.medical-consult li.img {
text-align:center;
margin-top:0;
width:100%;}
.medical-consult li.img img {
max-width:84%;}
.medical-consult li.txt {
margin-top:35px;
width:100%;}

}

@media only screen and (max-width:800px) {

.sidebar-medical ul.col-02 li {
width:48.5%;}

}

@media only screen and (max-width:640px) {

.main-medical {
margin:40px auto 0;}

.medical-time {
padding:12px;
border-radius:6px;}

}

/* about ================= */

.about01 {
text-align:left;}
.about01 p {
margin-bottom:1.0em;}
.about02 {
text-align:left;}
.about02 p {
margin-bottom:1.0em;}

/* contact =============== */

.contact01 {
text-align:left;}

/* recruit =============== */

.recruit01 {}
.recruit01 .vision {
line-height:1.65;}
.recruit01 .vision .num {
text-align:center;
max-width:50%;
margin:35px auto 0;}
.recruit01 .vision .num img {
border-radius:50%;}
.recruit01 .vision h3 {
font-family:"M PLUS 1",sans-serif;
text-align:center;
font-size:180%;
line-height:1.3;
color:#2e9b00;
font-weight:500;
margin:1.0em 0;}
.recruit02 {}
.recruit02 ul {
text-align:left;
justify-content:space-between;
-ms-flex-pack:justify;
margin:0 auto;
width:100%;}
.recruit02 ul li {
padding:4% 0;
width:31%;
font-size:92%;}
.recruit02 ul li .img {
text-align:center;
width:84%;
max-width:300px;
margin:0 auto 1.1em;}
.recruit02 ul li .img img {
width:100%;
background:#fff;
border:2px solid #33bb00;
border-radius:50%;}
.recruit02 .tel a img {
border-radius:50%;}
.recruit02 .tel a:hover img {
transform:scale(1.03);
transition:transform 0.25s;}

@media only screen and (max-width:800px) {

.recruit01 {
text-align:left;}
.recruit01 br {
display:none;}
.recruit02 ul {
max-width:640px;}
.recruit02 ul li {
width:100%;}

}

/* doctor ==================== */

.doctor01 {
text-align:left;}
.doctor01 .director {
justify-content:space-between;
-ms-flex-pack:justify;
flex-direction:row-reverse;}
.doctor01 .director .img {
text-align:center;
margin-top:0.5%;
width:35%;}
.doctor01 .director .img img {
width:100%;
border-radius:20px;}
.doctor01 .director .txt {
/*width:60%;*/
width:100%;}
.doctor01 .director p {
margin-bottom:1.0em;}
.doctor01 .director h3 {
position:relative;
font-family:"M PLUS 1",sans-serif;
margin:0 0 0.7em 0;
font-size:204%;
line-height:1.35;
letter-spacing:-0.01em;
color:#2e9b00;}
.doctor01 .director h4 {
font-family:"M PLUS 1",sans-serif;
margin:0.8em 0 0 0;
font-size:156%;
line-height:1.35;}
.doctor01 .profile {
position:relative;
margin:33px 0 0 0;
padding:40px 25px 25px;
font-size:92%;
line-height:1.55;
background:rgba(255,255,255,0.75);
border-radius:20px;}
.doctor01 .profile .ttl {
position:absolute;
padding:0 10px;
left:0;
top:-5px;
display:inline-block;
font-size:84%;
line-height:30px;
color:#fff;
white-space:nowrap;
background:#555545;
border-radius:10px;}
.doctor01 .profile .txt-img {
justify-content:space-between;
-ms-flex-pack:justify;
align-items:flex-end;}
.doctor01 .profile .txt-img .img {
text-align:center;
width:30%;}
.doctor01 .profile .txt-img .img img {
width:100%;
border-radius:15px;}
.doctor01 .profile .txt-img .txt {
width:65%;}

@media only screen and (max-width:1023px) {

.doctor01 .director .img {
width:84%;
max-width:480px;
margin:0 auto 35px;}
.doctor01 .director .txt {
width:100%;}

.doctor01 .profile .txt-img .img {
width:100%;
max-width:480px;
margin:25px auto 0;}
.doctor01 .profile .txt-img .txt {
width:100%;}

}

.doctor02 {
text-align:left;}
.doctor02 dt {
margin:0 0 32px 0;
width:60px;}
.doctor02 dt .num {
font-size:63px;
line-height:1.15;}
.doctor02 dd {
margin:0 0 32px 0;
width:calc(100% - 60px);
line-height:1.55;}
.doctor02 dd h3 {
position:relative;
margin:0.25em 0 0.65em 0;
padding:0 0 0.18em 0;
font-size:172%;
line-height:1.25;
font-weight:bold;
color:#2e9b00;
overflow:hidden;}
.doctor02 dd h3::before {
content:"";
position:absolute;
width:100%;
bottom:0;
border-bottom:2px solid #33bb00;}
.doctor02 dd h3::after {
content:"";
position:absolute;
width:100%;
bottom:0;
border-bottom:2px solid #222;}