html { font-size: 62.5%; } 
body *{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.5rem;
    text-decoration: none;
}
.spOnly{display: none;}
.pcOnly{display: block;}
li{margin: 0;padding: 0;list-style-type: none;}
p{margin-bottom: 0.8rem;}
rt{font-size: 50%;}
iframe{width: 100%;}
table{border-collapse: collapse;}

/*----*/

.page{
    width: 1024px;
    margin: 0 auto;
    position: relative;
}

h1{font-size: 4rem;font-family: 'Zen Maru Gothic', sans-serif;}
h2{font-size: 3rem;margin-bottom: 2rem;}
h3{font-size: 2rem;margin-bottom: 2rem;}
section{margin-top: 5rem;}
article{margin-top: 3rem;}
h1,h2,h3,.baseColor{color: #135740;}
.baseColor_bk{background-color: #135740;;}


header nav{margin-top: 3rem;}
header li{display: inline-block;}
header li a{
    display: block;
    padding: 1.5rem 3rem;
    color: #fff;
    text-decoration: none;
    font-size: 2rem;
}

header li a:hover{background-color: #197556;}
header .telno{
    position: absolute;
    top:1rem;
    right: 1rem;
}
header .telno a{
    display: block;
    background-color: #135740;
    color: #fff;
    text-decoration: none;
    padding: 1rem 2rem 1rem 5rem;
    font-size: 2rem;
    border-radius: 10px;
    background-image: url(../img/ifn0811.png);
    background-repeat: no-repeat;
    background-size: contain;
}
header .telno a:hover{background-color: #197556;}

footer{text-align: center;padding-top: 5rem;}
footer nav ul li{
    display: inline-block;
    padding: 0.5rem 2rem;
}
footer a{color: #333;}
footer a:hover{text-decoration: underline;}
.copyright{margin-top: 3rem;font-size: 1rem;}






#mainimg{width: 100%;margin-top: 0;}
#mainimg img{width: 100%;}


#news li{
    border-bottom:1px solid #ccc;
    margin-bottom: 1rem;
}


.calendar{width: 90%;margin: 0 auto;}
.calendar table{width: 100%;margin-bottom: 0.8rem;}
.calendar table th{color: #fff;}
.calendar table th,.calendar table td{
    padding: 2rem;
    text-align: center;
    border: 1px solid #333;
}

#doctor article{display: flex; }
#doctor article img{width: 45%;margin-right: 5%;height: 100%;}
#doctor article dt rb{
    font-size: 2rem;
    font-weight: bold;
}
#doctor article dd{line-height: 1.75em;margin-bottom: 2rem;}

#equip div{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#equip div dl{
    width: 48%;
    margin-bottom: 4rem;   
}
#equip div dl img{width: 100%;}
#equip .name{font-weight: bold;font-size: 2rem;}

#access table{
    width: 90%;
    margin: 2rem auto;
}
#access table th,#access table td{
    padding: 1rem;
    text-align: center;
    border: 1px solid #333;
    font-weight: normal;
}
#access .access_info dt{font-weight: bold;}
#access .access_info dd{padding-left: 1em;}


#about table{
    width: 90%;
    margin: 2rem auto;
}
#about table th,#about table td{
    padding: 1rem;
    text-align: center;
    border: 1px solid #333;
    font-weight: normal;
}

#about>div{
    margin-bottom: 3rem;
}
#about .board div{
    font-weight: bold;
}
#about .board li{
    margin-bottom: 1rem;
}
#about .board dl{
    padding-left: 1.5rem;
    margin-bottom: 1rem;
}
#about .board dd{
    padding-left: 1.5rem;
}





#message{
    padding: 2.5rem;
    border: 1px solid #135740;
}

@media screen and (max-width: 900px){
    .page{width: 96%;}
    .spOnly{display: block;}
    .pcOnly{display: none;}
    header nav ul{display: flex;flex-wrap: wrap;}
    header li{display: block;width: 50%;}
    header li a{text-align: center;}

    header .telno{
        display: none;
    }

    footer nav ul li{
        display: block;
        padding: 0.5rem 2rem;
        border-bottom: 1px solid #333;
        text-align: left;
    }
    footer div a{
        display: block;
        background-color: #135740;
        color: #fff;
        text-decoration: none;
        padding: 1rem 2rem 1rem 5rem;
        font-size: 2rem;
        border-radius: 10px;
        background-image: url(../img/ifn0811.png);
        background-repeat: no-repeat;
        background-size: contain;
        margin-top: 3rem;
    }
    .calendar{margin-bottom: 2rem;}
    .calendar table th,.calendar table td{
        padding: 0.5rem;
        font-size: 1.5rem;
    }
    .calendar p{
        font-size: 1.5rem;
        margin-bottom: 0rem;
    }    
    #doctor article{
        display: block; 
    }
    #doctor article img{
        width: 100%;
        margin-right: 0;
    }
    #equip div{
        display: block;
    }
    #equip div dl{
        width: 100%;
        margin-bottom: 2rem;
        
    }
    #equip div dl img{
        width: 100%;
    }
    #access table{
        width: 96%;
        margin: 2rem auto;
    }
    #access table th,#access table td{
        padding: 0.5rem;
        font-size: 1.5rem;
    }
}


.schedule{
    width: 100%;
}
.schedule table{
        width: 100%;
}
.schedule th,.schedule td{
    padding:1rem;
    text-align: center;
    border: 1px solid #333;
}

@media screen and (max-width: 900px){
    .schedule{
        width:100%;
        overflow-x:scroll ;
    }

}