@charset "utf-8";

/* */
*		{ margin:0; padding:0; font-family:'ヒラギノ 角ゴ pro W3','hiragino kaku Gothic Pro','メイリオ',meiryo,'MS Pゴシック',sans-self;
		box-sizing: border-box;
}
ul,ol,dl	{ list-style:none; }
a			{ color: #00f; text-decoration: none;}
a:link		{ color: #000;}
a:visited	{ color: #96f;}
a:hover		{ color: #66f;}
a:active	{ color: #000;}

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/* [firefoxで表示時画像なしがわかるように] */
img:-moz-broken {
	-moz-force-broken-image-icon:1;
	width:24px;
	height:24px;
}

img { vertical-align: bottom; }


/* ----------------------------------------------

 * reset

---------------------------------------------- */
body { background-color: #daf0da; }
.wrapper { width: 1000px; margin: auto; }
.blk { display: flex; gap: 1em;  }


header { text-align: right; height: 12px; }
header h1 { font-size: 11px; font-weight: normal; }

.obi { background-color: #fff; margin-top: 100px; margin-bottom: 20px; padding-top: 30px; padding-bottom: 30px; }
.obi_flex {
	display:grid;
}

.obi_flex img { place-self:center; }


.main { border: 1px #c6c6c6 solid; background-color: #fff; border-radius: 10px; margin-bottom: 1em;
		width: calc( (100% - 1em) / 2 );
}

@media(max-width:750px){

	header { text-align: center; }
	.wrapper { width: 96%; margin: auto; }
	.blk { gap: 1em; flex-direction: column; }

	.main { width: 100%; }

	.obi { margin-top: 50px; height: auto; }
	.obi_flex { display: block; }
	.obi_flex img { width: 100%; }
	.obi_day { width: 40%; margin: auto; }		/* 開院日 */
}


.contents { margin: 25px; font-size:20px; color: #666; line-height:28px; }
.contents h2 { color:#6eb56e; font-size:110%; margin-bottom: .5em; text-align: center; }
.contents h3 { color:#6eb56e; margin-bottom: .5em; }
.contents ul { margin-bottom: 2em; }
.contents li {  }

.opstaff { width: 100%; /*margin: 0 2em 2em; text-align: center;*/ }
.opstaff strong {  font-weight: bold; color: #666; font-size: 32px; padding: 5px 0; }
.caveat { color:#f00; font-size: 100%;}



.map_canvas { width: 100%; height: 400px; }
footer { height:40px; text-align: center; }

.sp { display: none; }

@media(max-width:750px){

	.contents { margin: 10px; /*margin-left:1em;*/ }
	.contents li { padding-left: 10px; font-size:80%;}
/*
	.contents h2 { font-size:94%; }
	.contents h3 { font-size:90%; }
*/

	.opstaff { width: 100%; margin: 0; }
	.opstaff strong { font-size: 22px; padding: 5px 0; }
	.opstaff p { font-size: 80%;  padding: 0; }

	.caveat { font-size: 80%;}
	.map_canvas { height:250px; }
	.sp { display: block; }
}

/* 診療時間 */
.timetbl { width: 100%; color: #666; background: #fff; }
.timetbl th {
	text-align: center;
	border-top: solid #ccc 1px;
	border-bottom: solid #ccc 1px;
	font-weight: normal;
	padding:.5em 0;
 }

.timetbl td {
	text-align: center;
	border-bottom: solid #ccc 1px;
}
.timetbl tr {
	border-bottom: solid #ccc 1px;
}
.timetbl tr th:last-of-type {
	background: #fff;
}
.timetbl tr th:first-of-type {
	width: 28%;
	text-align: center;
}
.timetbl tr td {
	width: 10%;
	font-size: 90%;
}

@media (max-width: 750px) {
	.timetbl { font-size: 70%; }
}


@media (max-width: 750px) {

}