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

#top-img img{
width: 100%;
}
#contents{
margin-top: 50px;
max-width: 1130px;
margin: 0 auto;
padding: 0 15px;

}
#contents h2{
margin-top: 50px;
text-align: center;
color: #8A8A8A;
font-weight: 300;
}
#contents hr{
margin-top: 50px;
}
h3 span{
font-size: 70%;
font-weight: 300;
letter-spacing: 0;
}
.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}
.magin-top0{
margin-top: 0;
}

/*overview*/
#president{
margin-top: 50px;
text-align: center;
}
#president h3{
color: #8A8A8A;
font-weight: 300;
font-size: 120%;
margin-top: 20px;
}
#president p{
text-align: left;
margin-top: 40px;
}
#overview{
margin-top: 50px;
}
#overview table{
font-weight: 500;
line-height: 1.3em;
margin: 0 auto;
}
#overview th{
padding: 7px 10px;
}
#overview td{
padding: 7px 10px;
}
#overview th{
text-align: left;
color: #8A8A8A;
}

/*doctor*/
.doctor{
margin-top: 50px;
}
.doctor h3,#o-doctor h3{
font-weight: 500;
font-size: 150%;
}
.doctor img{
width: 200px;
}
.doctor table{
width: 100%;
line-height: 1.3em;
}
.doctor th{
padding: 5px 10px;
}
.doctor td{
padding: 5px 10px;
}
.doctor th{
text-align: left;
color: #8A8A8A;
vertical-align: top;
white-space: nowrap;
}
.doctor th p{
background-color: #8A8A8A;
padding: 5px 3px;
color: #fff;
text-align: center;
}
.doctor td p{
font-weight: 500;
font-size: 120%;
}
.doctor .row{
border-bottom: 1px #808080 solid;
padding-bottom: 50px;
}
#o-doctor{
margin-top: 20px;
}
#o-doctor .box{
width: 100%;
background-color: #F0F0F0;
padding: 10px 15px;
margin-top: 30px;
}
#o-doctor p{
color: #8A8A8A;
margin: 0;
}
#o-doctor h3{
margin-top: 0;
}
#o-doctor table{
width: 100%;
line-height: 1.3em;
}
#o-doctor td{
padding: 5px 10px;
}
#o-doctor th{
padding: 5px 10px;
}
#o-doctor th{
text-align: left;
color: #8A8A8A;
vertical-align: top;
white-space: nowrap;
}
#o-doctor th p{
background-color: #8A8A8A;
padding: 5px 3px;
color: #fff;
text-align: center;
}

/*guide*/
#subject h2,#time h2,#surgery h2,#scan h2{
padding: 0;
margin-top: 50px;
background:#e8f5f8;
color: #333333;
font-size: 150%;
letter-spacing: 0.3em;
line-height: 1em;
text-align: left;
padding-left: 10px;
font-weight: 700;
}
#subject h2 p,#time h2 p,#surgery h2 p,#scan h2 p{
margin: 0;
border-left: 6px solid #1e92a7;
margin-left: 10px;
padding: 10px 0 10px 15px;
}

/*dialysis*/
#dialysis{
margin-top: 50px;
}
.free{
margin-top: 40px;
text-align: center;
}
.free p{
background-color: #AA1F26;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
padding: 10px 20px;
font-size: 130%;
color: #fff;
letter-spacing: 0.4em;
font-weight: 700;
box-shadow: 0px 3px 15px rgba(0,0,0,0.4);
transition: .3s;
}
#dialysis img{
width: 100%;
margin-top: 30px;
}
#dialysis .box{
background-color: #efeeef;
padding: 15px;
margin-top: 30px;
}
#dialysis .box div{
width: 80%;
margin: 0 auto;
}
#dialysis h2{
margin-top: 0;
text-align: center;
color: #000;
font-weight: 700;
vertical-align: middle;
padding: 0;
font-size: 150%;
}
#dialysis h2 img{
width: auto;
margin-right: 20px;
vertical-align: middle;
margin-top: 0;
}

/*facilties*/
#ct{
margin-top: 50px;
}
#ct img{
width: 100%;
}
#ct h3{
font-weight: 500;
font-size: 120%;
padding-bottom: 10px;
border-bottom: 1px solid #1e92a7;
}
#ct h3 i{
color: #1e92a7;
}
#ct .box{
background-color: #ececec;
padding: 10px 0 15px 0;
margin-top: 30px;
}
#ct .box p{
margin:15px 15px 0; 
}
#ct .box img{
height: 200px;
width: auto;
margin: 15px 15px 0;
}
#ct h2{
padding: 0;
background:#fff;
color: #000;
font-size: 120%;
letter-spacing: 0.1em;
text-align: left;
padding-left: 10px;
font-weight: 300;
margin-top: 0;
}
#ct h2 p{
margin: 0;
border-left: 6px solid #1e92a7;
margin-left: 10px;
padding: 7px 0 7px 15px;
}
#ct .col-md-4 {
margin-top: 30px;
}
#ct .col-md-4 img{
width: 100%;
}
#ct .boxtext{
font-size: 90%;
line-height: 1.4em;
margin-top: 10px;
}

/*sick*/
#sick a{
text-decoration: underline;
}
.sick-title {
margin-top: 0;
}
.sick-btn{
text-align: center;
font-size: 85%;
}
.square_btn35{
    display: inline-block;
    position: relative;
    padding: 0.3em 1em;
    text-decoration: none;
    color: #000;
    transition: .4s;
	margin-top: 15px;
}
.square_btn35:hover {
    color:#1e92a7;
}
.square_btn35:before,.square_btn35:after{
  position: absolute;
  top: 0;
  content:'';
  width: 8px;
  height: 100%;
  display: inline-block;
}
.square_btn35:before{
  border-left: solid 1px #1e92a7;
  border-top: solid 1px #1e92a7;
  border-bottom: solid 1px #1e92a7;
  left: 0;
}
.square_btn35:after{
  content: '';
  border-top: solid 1px #1e92a7;
  border-right: solid 1px #1e92a7;
  border-bottom: solid 1px #1e92a7;
  right: 0;
}
.sick-active{
background-color: #e7f2f3;
}
.sick-link {
margin-top: 30px;
}
.sick-link2 {
margin-top: 0;
}
.sick-link a{
display: inline-block;
margin-right: 10px;
}
#sick h2{
margin-top: 50px;
margin-bottom: 40px;
text-align: center;
color: #8A8A8A;
font-weight: 300;
display: block;
border-bottom: double 5px #1e92a7;
padding-bottom: 15px;
}
#sick h3{
padding: 0;
background:#fff;
color: #000;
font-size: 120%;
letter-spacing: 0.1em;
text-align: left;
font-weight: 300;
margin-top: 0;
}
#sick h3 p{
margin: 0;
border-left: 6px solid #1e92a7;
margin-left: 10px;
padding: 7px 0 7px 15px;
}
#sick .col-md-4 img{
width: 100%;
}
#sick .row{
margin-top: 30px;
}
#sick q-a{
text-align: center;
margin: 0 auto;
padding: 10px 0 50px 0;
width: 100%;
}
#sick h4{
font-size: 120%;
padding: 10px 15px 0;
color: #7d1d20;
display: block;
text-align: center;
}
#sick .q-abox{
text-align: center;
background-color: #F1E6E8;
margin-top: 50px;
margin-bottom: 30px;
padding: 20px 0 30px;
}
#sick font{
font-weight: 700;
}
#sick .sick-img{
text-align: center;
}
#sick .sick-img img{
width: auto;
height: 100%;
}
.q-abox button{
 	position: relative;
	display: inline-block;
 	margin: 30px 20px 0;
	padding: 10px 20px;
	min-width: 120px;
 	max-width: 100%;
 	color: #555;
	font-size: 16px;
	background: #fff;
	border-radius: 20px;
	border: none;
}
.q-abox button:before{
	content: "";
	position: absolute;
	top: 50%;
	left: -30px;
 	margin-top: -15px;
	border: 15px solid transparent;
	border-right: 15px solid #fff;
}
.q-abox button:hover{
	filter:alpha(opacity=80);
	opacity:0.8;
text-decoration: underline;
}
.q-abox button p {
	margin: 0;
	padding: 0;
}
.modal {
display: none;
position: fixed;
left: 0;
top: 0;
z-index: 9996;
width: 100%;
height: 100%;
}
.modal h5 font{
color: #1e92a7;
}
.modal p{
border-top: 1px solid #9B9B9B;
margin-top: 15px;
padding-top: 15px;
}
.modal_wall {
position: fixed;
z-index: 9998;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2);
}
.modal_body {
position: absolute;
top: 0;
right: 0;
z-index: 9999;
bottom: 0;
left: 0;
box-sizing: border-box;
width: 90%;
max-width: 1000px;
height: 90%;
margin: auto;
background: #fff;
}
.modal_inner {
position: relative;
padding: 30px;
}
.modal_close {
position: absolute;
top: 0;
right: 0;
display: table;
width: 30px;
height: 30px;
}
.modal_close > span {
display: table-cell;
width: 100%;
color: #fff;
vertical-align: middle;
text-align: center;
background: #333;
cursor: pointer;
}
.modal_close > span:hover {
background: #555;
}
.modal_content {
text-align: left;
overflow-y: auto;
height: 100%;
}
.modal_content hr{
margin: 0;
padding: 0;
}
.meal{
font-size: 120%;
color: #555;
font-weight: 500;
letter-spacing: 0.1em;
}
.meal i{
color: #1e92a7;
}
.dock img{
float: right;
margin: 0 0 10px 20px;
}
.pde5{
max-width: 650px; 
}

/*kidney*/
#kidney{
}
#kidney h2{
margin-top: 50px;
margin-bottom: 40px;
text-align: center;
color: #8A8A8A;
font-weight: 300;
display: block;
border-bottom: double 5px #1e92a7;
padding-bottom: 15px;
}
.kid-link {
margin-top: 30px;
}
.kid-link a{
display: inline-block;
margin-right: 10px;
}
#kidney table{
width: 100%;
text-align: left;
font-weight: 400;
margin-top: 20px;
}
#kidney td{
border: solid 1px #9FA0A0;
padding: 5px 10px;
}
#kidney th{
border: solid 1px #9FA0A0;
background: #E5F4F7;
padding: 5px 10px;
}
#kidney img{
float: right;
margin: 0 0 10px 20px;
}
#kidney h3{
margin-top: 50px;
margin-bottom: 40px;
text-align: center;
background:linear-gradient(#1BB1B0, #178FBC);
color: #fff;
font-size: 150%;
padding: 5px 0;
letter-spacing: 0.3em;
line-height: 1em;
}

/*study*/
#study{}
#study .time{
width: 100%;
padding: 0.4em 0.8em;/*文字の上下 左右の余白*/
color: #494949;/*文字色*/
background: #f4f4f4;/*背景色*/
border-left: solid 5px #1e92a7;/*左線*/
border-bottom: solid 3px #d7d7d7;
float: left;
margin-top: 30px;
font-weight: 500;
}
#study .time span{
display: inline-block;
float: none;
clear: both;
margin-left: 15px;
}
#study p{
clear: both;
margin: 0 20px 0;
padding-top: 15px;
}

/*book*/
#book{}
#book .row{
margin-top: 50px;
}
#book .row img{
width: 100%;
}
#book h3{
font-size: 150%;
color: #1e92a7;
font-weight: 700;
}
#book h4{
font-size: 110%;
font-weight: 500;
background-color: #F0F0F0;
border-left: 3px solid #1e92a7;
padding: 10px 15px;
margin-top: 20px;
line-height: 1.5em;
}
#book span{
display: block;
margin-top: 15px;
font-size: 80%;
line-height: 1.3em;
}