@charset "utf-8";

@media screen and (min-width:768px){
/*pc・タブレットcss*/
/*---page_medical---*/

#maincolumn h3 {
	margin: 0 0 15px 0;
}
#maincolumn .block {
	width:720px;
	line-height:180%;
	letter-spacing:0.2em;
	color:#6a6a6a;
}
#maincolumn #room {
	width: 664px;
	padding:25px 27px;
	margin-bottom:47px;
	border: 1px solid #CECECE;
}
#maincolumn #about {
	width: 720px;
	background: url(../images/medical/img.jpg) no-repeat right top;
}
#maincolumn #about table,
#maincolumn #about table th,
#maincolumn #about table td {
	border:1px solid #BECCBF;
}
#maincolumn #about table {
	margin:0 0 23px 0;
}
#maincolumn #about table th,
#maincolumn #about table td {
	padding:10px 13px;
	line-height:120%;
}
#maincolumn #about table th {
	background: #E1F2E2;
	text-align:left;
	font-weight:normal;
}
#maincolumn #about #outpat {
	width: 720px;
	padding:25px 0 50px 0;
}
#maincolumn #about #outpat table,
#maincolumn #about #outpat table th,
#maincolumn #about #outpat table td {
letter-spacing:0px;
	border:1px solid #858585;
}
#maincolumn #about #outpat table {
	float:left;
	display:block;
	margin:0;
	border:0;
}
#maincolumn #about #outpat table th,
#maincolumn #about #outpat table td {
	padding:8px;
	line-height:120%;
}
#maincolumn #about #outpat table th {
	text-align:left;
	font-size:14px;
	color:#FFF;
	background: #289850;
}
#maincolumn #about #outpat table td {
	background: #FFF;
	text-align:center;
}
#maincolumn #about #outpat table td.bgc {
	background: #E7F7B9;
}
#maincolumn #about #outpat table td.icon {
	padding:0;
}
#maincolumn #about #outpat .boxR {
	width: 303px;
	float:right;
	display:block;
}
#maincolumn #about #outpat dl {
	clear:both;
	width:303px;
	padding:0 0 3px 0;
	margin:0;
	font-size:14px;
}
#maincolumn #about #outpat dt {
	width:16px;
	float:left;
	display:block;
}
#maincolumn #about #outpat dd {
	width:270px;
	float:right;
	display:block;
}
#maincolumn .google_map {
	width: 718px;
	height: 411px;
	margin-bottom: 10px;
	border: 1px solid #C5C5C5;
}
#maincolumn .box {
	width: 679px;
	padding: 20px 17px 10px 22px;
	border: 1px solid #CECECE;
	background-image: url(../images/medical/img03.jpg);
	background-repeat: no-repeat;
	background-position: 20px 20px;
}

#maincolumn .dx-bx {
	width: 679px;
	margin: 50px auto 50px;
}

#maincolumn .dx-bx .dx-ttl {
	font-size: 20px;
	line-height: 180%;
    letter-spacing: 0.2em;
    color: #6a6a6a;
	font-weight: bold;
	margin-bottom: 30px;
	border: 1px solid #6a6a6a;
	padding: 10px 0;
	text-align: center;
}


}
@media screen and (max-width:767px){
/*pc・タブレット用cssを丸々コピーしたものを編集していく（スマホ用css）*/

	/*---page_medical---*/
	
	#maincolumn h3 {
	}
	#maincolumn .block {
		line-height:180%;
		letter-spacing:0.2em;
		color:#6a6a6a;
	}
	#maincolumn #room {
		padding:5vw;
		margin-bottom:10vw;
		border: 1px solid #CECECE;
	}
	#maincolumn #about {
		background: url(../images/medical/img.jpg) no-repeat center top;
		background-size:100% auto;
		padding-top:100%;
	}
	#maincolumn #about table{
		border-bottom:1px solid #BECCBF;
	}
	#maincolumn #about table th,
	#maincolumn #about table td {
		border:1px solid #BECCBF;
		border-bottom:none;
	}
	
	#maincolumn #about table.about-outline {
		margin:0 0 5vw 0;
		width:100%;
	}
	#maincolumn #about table.about-outline th,
	#maincolumn #about table.about-outline td {
		display:block;
		padding:3vw;
		text-align:center;
	}
	#maincolumn #about table.about-outline th {
	}
	
	#maincolumn #about table {
		margin:0 0 5vw 0;
		width:100%;
	}
	#maincolumn #about table th,
	#maincolumn #about table td {
		padding:3vw;
		line-height:120%;
	}
	#maincolumn #about table th {
		background: #E1F2E2;
		font-weight:normal;
	}
	#maincolumn #about #outpat {
		padding:10vw 0 10vw 0;
	}
	#maincolumn #about #outpat table,
	#maincolumn #about #outpat table th,
	#maincolumn #about #outpat table td {
		letter-spacing:0px;
		border:1px solid #858585;
	}
	#maincolumn #about #outpat table {
		float:left;
		display:block;
		margin:0;
		border:0;
	}
	#maincolumn #about #outpat table th,
	#maincolumn #about #outpat table td {
		padding:8px;
		line-height:120%;
	}
	#maincolumn #about #outpat table th {
		text-align:left;
		font-size:14px;
		color:#FFF;
		background: #289850;
	}
	#maincolumn #about #outpat table td {
		background: #FFF;
		text-align:center;
	}
	#maincolumn #about #outpat table td.bgc {
		background: #E7F7B9;
	}
	#maincolumn #about #outpat table td.icon {
		padding:0;
	}
	#maincolumn #about #outpat .boxR {
		display:block;
	}
	#maincolumn #about #outpat dl {
		clear:both;
		padding:0 0 3px 0;
		margin:0;
		font-size:14px;
	}
	#maincolumn #about #outpat dt {
		display:block;
		float:left;
		width:5%;
		margin-right:2%;
		padding-top:5px;
	}
	#maincolumn #about #outpat dd {
		display:block;
		float:left;
		width:93%;
	}
	#maincolumn .google_map {
		margin-bottom: 10px;
		border: 1px solid #C5C5C5;
	}
	#maincolumn .google_map iframe {
		width:100%;
		height:300px;
	}
	
	
	
	
	#maincolumn .box {
		padding: 5vw;
		border: 1px solid #CECECE;
		background-image: url(../images/medical/img03.jpg);
		background-repeat: no-repeat;
	}

	#maincolumn .dx-bx {
		width: 90%;
		margin: 5vw auto 5vw;
	}
	
	#maincolumn .dx-bx .dx-ttl {
		font-size: 3.6vw;
		line-height: 180%;
		letter-spacing: 0.2em;
		color: #6a6a6a;
		font-weight: bold;
		margin-bottom: 5vw;
		border: 1px solid #6a6a6a;
		padding: 3vw 0;
		text-align: center;
	}


}