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

body{
	background: #E2F4EF;
}
a:hover{
	text-decoration: none;
}
.outer-wrap{
	overflow: hidden;
}
.subpage h2{
	font-size:25px;
	padding:20px 0;
}
.subpage_info{
	margin-bottom:30px;
}
section.kakari{
	padding-bottom: 100px;
}


#kakaritsukeimg{
    width:90px;
    position:absolute;
    bottom:0;
    right:0px;
}
#kakaritext{
    background: white;
    padding:80px 100px;
    margin-top:40px;
    border-radius:25px;
}
.kakari li{
    font-size:17px;
    padding-bottom:20px;
}
.kakari h2{
    text-align: center;
}
.kakari h3{
    background: none;
    font-size:18px;
    text-align: center;
    margin-top:0;
}
.kakari p{
    text-align: right;
}
.kakari table{
    overflow: hidden;
    width:85%;
    margin:0 auto;
  	border: solid 1px #0068B7;
	background: white;
	color: black;
	table-layout: fixed;
	border-radius: 10px;
	border-collapse: separate;
	border-spacing: 0;
	text-align: center;
    font-size:15px;
}
.kakari .table > tbody > tr > td{
    padding:15px;
}
.kakari mark{
    	font-family: "ヒラギノ丸ゴ W6 JIS2004", "Hiragino Maru Gothic W6 JIS2004";
}
#midashi{
    background: #E2F4EF;
}
.kakari table td {
	vertical-align: middle !important;
}
.kakari table th {
	vertical-align: middle !important;
	font-family: "ヒラギノ丸ゴ W6 JIS2004", "Hiragino Maru Gothic W6 JIS2004";
}
.kakri table th.time {
	width: 40%
}
.kakari th{
	border-bottom: #0068B7 solid 1px;
	color: black;
}
.kakari td{
  	color: black;
}
@media (max-width:1024px) {
    .kakari p{
        text-align: left;
    }
    .kakari h2{
        line-height: 40px;
    }
    .kakari h3{
        line-height: 30px;
    }
    #kakaritext{
        padding:30px 20px;
    }
    .kakari ul{
        padding-inline-start:20px;
    }
}
@media (max-width:764px) {
    .kakari li{
        font-size:14px;
    }
    .kakari h3{
        font-size:15px;
    }
    .kakari table{
        font-size: 12px;
    }
    .kakari .table > tbody > tr > td{
    padding:5px;
}
}

.clinic_photos img{
	margin:40px 0;
}
section#examine_img{
	background: url(../images/e_main.jpg) no-repeat center 90%;
	background-size: cover;
}
section#staff_img{
	background: url(../images/../images/photo-5.jpg) no-repeat center 60%;
	background-size: cover;
}
section#clinic_img{
	background: url(../images/../images/clinic/main.jpg) no-repeat center 60%;
	background-size: cover;
}
section.subpage_img{
	height: 400px;
}
@media (max-width:768px) {
section.subpage_img{
	height: 200px;
}
}

section.dr_3,section.ex_2{
	background: repeating-linear-gradient(90deg, #FEFFF5, 10px, #FDFFED 0, #FDFFED 20px);
	padding:70px 0;
	border-top: #0068B7 dashed 1px;
}
section.qanda{
	background:  repeating-linear-gradient(90deg, #FEFFF5, 10px, #FDFFED 0, #FDFFED 20px);
	padding-bottom: 200px;
}
section.qanda dt{
	color:#0068B7;
	font-size:15px;
	margin-top:60px;
	margin-bottom: 20px;
}
section.dr_3 h2,section.ex_2 h2{
	text-align: center;
	font-weight: bold;
	border-top:1px solid #4792CB;
}

section.dr_3 h2 span,section.ex_2 h2 span{
	position: relative;
	padding:0 20px;
	top:-35px;
	background:#FEFFF5;
	
}
section.qanda h2 span{
		text-align: center;
	font-weight: bold;
/*	border-top:1px solid #4792CB;*/
}
section.qanda h2{
	text-align: center;
}
section.qanda h2 span{
	position: relative;
	padding:0 20px;
	top:-15px;
	background:#FEFFF5;
}

@media (max-width:768px) {
section.ex_2 h2{
font-size:18px;
}

section.ex_2 h2 span{
	top:-27px;
}
}
section.dr_3 img{
	margin-bottom:70px;
}
section.ex_1{
	padding-bottom: 100px;
}
section.ex_1 .row{
	margin-top:100px;
}
section.ex_1 .row:nth-child(1){
	margin-top:0;
}

section.ex_1 .subpage_box{
	border-radius:25px;
	margin-top:0;
}
.allergy h4{
	color:#0065BA;
	font-size:15px;
	text-align: left;
	margin-bottom: 0px;
	margin-top:40px;
}
.allergy h4:nth-child(1){
	margin-top: 0;
}
section.ex_1 .subpage_box h4{
	color:#63BAFF;
	font-size:18px;
	margin-top:0;
	margin-bottom:20px;
}
section.ex_1 a,.ex_2 a{
	color:#FF9300;
	text-decoration: underline;
	font-weight: bold;
	margin-bottom:10px;
	font-size:16px;
	margin-top:40px;
}
section.ex_1 .subpage_box p,section.ex_2 .subpage_box p{
	margin-top:10px;
}
h3{
	background:white;
	padding:10px 20px;
	text-align: left;
	color:#0068B7;
	font-size: 15px;
	margin-top:70px;
	margin-bottom:20px;

}
.ex_1 h3{
	background: none;
	margin:0;
	padding:0;
	padding-left:10px;
	margin-bottom:30px;
}
h4{
	color:#FF970C;
	text-align: center;
	font-weight: bold;
	margin-bottom: 50px;
}
h4 span{
	border-bottom: solid 1px #FF970C;
	padding-bottom:4px;
}
.subpage .pen{
	width:60px;
	float: right;
	margin-right:20px;
}
.dr_1 .pen{
	float:left;
	bottom:0;
}
section.dr_1 h4{
	margin-bottom: 22px;
	font-size:15px;
	line-height: 2;
}
section.dr_1 h4 a{
	color:#FF970C;
}

.wpf p{
	margin-bottom: 50px;
}
.wpf p:last-child{
	margin-bottom: 0;
}
.subpage_box{
	background: white;
	padding:30px 30px;
	margin-top: 50px;
}
.subpage_box h3{
	margin-top:0;
	padding:0px;
	padding-left:10px;
}
.ex_1 .subpage_box p,.ex_2 .subpage_box p{
	margin-bottom:40px;
}
.dr_2{
	background:#FDFBD3;
}
.dr_2 img{
	margin-bottom:50px;
}
.ex_menu{
	text-align: center;
	margin-bottom: 150px;	
}
.ex_menu a div{
	background:#90D7E0;
	color:white;
	font-size: 20px;
	height:150px;	
}
.ex_menu_table{
	display:table;
	padding:0;
}
div.ex_menu_1{
	display: table-cell;
	vertical-align: middle;
}
div.ex_menu_2{
	background:#82DD52 !important;
	display: table-cell;
	vertical-align: middle;
}
#normal,#vaccination,#allergy,#baby{
	margin-top:-100px;
padding-top:100px;
}
@media (min-width:900px) {
	section.dr_1 h4{
		font-size: 18px;
	}

	.subpage h2{
		margin-top:80px;
		font-size:30px;
	}
.subpage .pen{
	width:100px;
}
	.subpage_info{
		margin-top:100px;
	margin-bottom:100px;
}
h3{
	font-size:20px;
}
.subpage_box{
	padding:50px 50px;
	}
.wpf{
	padding:60px;
}
	.subpage_box h3{
		margin-bottom:40px;
	}
	
	section.dr_3{
	padding:50px 0;
}
section.dr_3 h2{
	text-align: center;
	font-weight: bold;
	border-top:1px solid #4792CB;
}
section.dr_3 h2 span{
	position: relative;
	padding:0 20px;
	top:-35px;
	background:#FEFFF5;
	
}
section.dr_3 img{
	margin-bottom:100px;
}
.ex_1 h3{
	font-size:20px;
	padding-left: 20px;
}
section.ex_1 h4{
		font-size:20px;
		text-align: left;
}
	section.ex_1 a{
		font-size:18px;
	}
section.ex_1{
	padding-bottom: 250px;
	padding-top: 100px;
}
section.qanda dt{
		font-size:20px;
}
}