@charset "UTF-8";


/*path
-----------------------------------------------------------------------------------------*/
#path{
	position:absolute;
	top:70px;
	left:0;
	color:#FFF;
	padding:15px;
	font-size:14px;
	text-align:left;
	z-index:10;
}
#path a{
	color:#FFF;
}
#path a:hover{
	text-decoration:underline;
}
#siteinfo #path{top:0;}
@media screen and (max-width: 739px) {
	#path{display:none;}
}


/*localnav
-----------------------------------------------------------------------------------------*/
#localnav{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:70px;
	padding:15px;
	background:#F4F4F0;
}
#localnav h2{
	display:none;
}
#localnav li{
	float:left;
	font-size:16px;
	line-height:40px;
	position:relative;
}
#localnav li + li{
	border-left:1px solid #CCC;
}
#localnav li a{
	display:block;
	color:#000;
	letter-spacing:1px;
	padding:0 25px;
}
#localnav li a::after{
	content:"";
	display:block;
	position:absolute;
	left:0;
	bottom:-15px;
	width:0%;
	height:7px;
	background:#009A44;
}
#localnav li a.current::after,
#localnav li a:hover::after{
	width:100%;
	transition: 0.3s;
}
@media screen and (max-width: 739px) {
	#localnav{position:static;height:auto;padding:15px;background:#009A44;}
	#localnav h2{display:block;color:#FFF;margin-bottom:5px;}
	#localnav ul{background:#FFF;width:85%;margin:0 auto;}
	#localnav li{float:none;font-size:14px;}
	#localnav li + li{border-left:none;border-top:1px solid #CCC;}
	#localnav li a{display:block;color:#000;letter-spacing:1px;padding:0;}
	#localnav li a::after{display:none;}
	#localnav li a.current{background:#F4F4F0;}
}



/*article
-----------------------------------------------------------------------------------------*/
article{
	width:1200px;
	padding:400px 120px 80px 120px;
	text-align:left;
	margin:0 auto;
}
article section{
	margin-top:50px;
}
article h1{
	font-size:40px;
	line-height:1.5;
	font-weight:bold;
	letter-spacing:10px;
	color:#FFF;
	text-align:center;
	padding-top:110px;
}
article h1 span{
	display:block;
	font-size:20px;
	font-weight:normal;
	letter-spacing:2px;
}
article h1,
article h1::after{
	content:"";
	display:block;
	position:absolute;
	top:70px;
	left:0;
	width:100%;
	height:320px;
	background:url(images/title.jpg);
	background-size:cover;
	z-index:-1;
}
#patient article h1{background-image:url(images/title_patient.jpg);}
#medical article h1{background-image:url(images/title_medical.jpg);}
#about article h1{background-image:url(images/title_about.jpg);}
#siteinfo article{padding-top:210px;}
#siteinfo article h1{padding-top:70px;}
#siteinfo article h1,
#siteinfo article h1::after{top:0px;height:200px;}
article h1::after{
	top:0;
	background:rgba(0,0,0,0.6);
	z-index:-1;
}
article h1 + p{
	margin-top:50px;
}
article h2{
	position:relative;
	text-align:center;
	font-size:30px;
	line-height:1.5;
	font-weight:bold;
	letter-spacing:5px;
	margin:50px 0;
}
article h2 span{
	font-size:16px;
	font-weight:normal;
	display:block;
}
article h2::after{
	content:"";
	display:block;
	position:absolute;
	left:50%;
	bottom:-10px;
	margin-left:-80px;
	width:160px;
	height:3px;
	background:#F29600
}
article h3{
	background:#E6E6E6;
	padding:12px 20px;
	font-size:18px;
	line-height:1.5;
	letter-spacing:1px;
	margin:15px -20px;
	font-weight:bold;
	border-left:3px solid #009A44
}
article h4{
	margin:15px -20px 5px -20px;
	background:#009A44;
	color:#FFF;
	padding:3px 20px;
	border-radius:20px;
	display:inline-block;
}
article h5{
	margin:15px 0 5px 0;
	font-weight:bold;
	line-height:1.66;
	padding-left:1.2em;
}
article h5::before{
	content:"";
	width:0.8em;
	height:0.8em;
	background:#D0A677;
	border-radius:0.4em;
	float:left;
	margin:5px 0;
	position:relative;
	top:0.1em;
	margin-left:-1.2em;
}
article p + p{
	margin-top:30px;
}
article a{
	text-decoration:underline;
}
article a[target],
article a[href$='.doc'],
article a[href$='.docx'],
article a[href$='.xls'],
article a[href$='.xlsx'],
article a[href$='.pdf']{
	padding-left:28px;
	background:url(images/icon_blank.png) left no-repeat;
}
article a[href$='.doc'],
article a[href$='.docx']{background-image:url(images/icon_word.png);}
article a[href$='.xls'],
article a[href$='.xlsx']{background-image:url(images/icon_excel.png);}
article a[href$='.pdf']{background-image:url(images/icon_pdf.png);}
article a[href$='.pptx'],
article a[href$='.ppt']{background-image:url(images/icon_ppt.png);}
@media screen and (max-width: 739px) {
	article{width:auto;padding:120px 20px 20px 20px;}
	article section{margin-top:30px;}
	article h1{font-size:21px;letter-spacing:1px;padding-top:35px;}
	article h1 span{font-size:14px;}
	article h1,
	article h1::after{top:0;left:0;width:100%;height:120px;}
	#siteinfo article{padding-top:80px;}
	#siteinfo article h1{padding-top:25px;}
	#siteinfo article h1,
	#siteinfo article h1::after{height:80px;}
	article h1 + p{margin-top:30px;}
	article h2{font-size:20px;letter-spacing:3px;margin:30px 0;}
	article h2::after{margin-left:-50px;width:100px;}
	article h3{font-size:16px;letter-spacing:0;padding:8px 15px;margin:15px 0;}
	article h4{margin:15px 0 5px 0;}
}
/*-------------------------googlemap*/
article .googlemap{
	margin:0 -20px;
}
article iframe{
	width:100%;
	height:500px;
}
@media screen and (max-width: 739px) {
	article .googlemap{margin:0;}
	article iframe{height:400px}
}
/*-------------------------free*/
article .free,
article .free a{
	text-align:left;
	font-weight:normal;
	background:none;
	padding:0;
	border:none;
}
article .free::before,
article .free::after{
	display:none;
}
/*-------------------------table*/
table {
	empty-cells:show; 
	border-collapse:collapse; 
	border-spacing:0;
	background:#FFF;
	margin:30px auto;
}
table caption{
	background:#009A44;
	color:#FFF;
	padding:3px 30px;
	letter-spacing:3px;
	text-align:center;
	margin-bottom:-1px;
}
table th,
table td{
	line-height:1.66;
	padding:15px 20px;
	border:1px solid #CCCCCC;
	text-align:left;
}
table th{
	background:rgba(0,0,0,0.05);
	text-align:center;
}
@media screen and (max-width: 739px) {
	table{width:100%;}
	table th,
	table td{font-size:14px;padding:10px;}
	table th{background:rgba(0,0,0,0.05);text-align:center;white-space:nowrap;}
	table strong{display:block;}
}
/*-------------------------face*/
figure.face{
	float:right;
	width:250px;
	margin-top:10px;
	text-align:center;
}
figure.face img{
	border-radius:10px;
}
figure.face figcaption{
	display:block;
	margin-top:10px;
	font-size:14px;
	line-height:1.66;
}
figure.face figcaption strong{
	display:block;
	font-size:18px;
}
figure.face figcaption span{
	display:block;
	color:#555555;
}
figure.face figcaption a{
	display:block;
	text-decoration:none;
	width:130px;
	padding:2px;
	margin:5px auto;
	background:#F29600;
	color:#FFF;
	border-radius:20px;
}
figure.face figcaption a:hover{
	background:#996600;
}
@media screen and (max-width: 739px) {
	figure.face{float:none;margin:20px auto;}
	figure.face img{max-width:200px;}
}
/*-------------------------figure位置*/
figure.center{
	text-align:center;
	margin:30px auto;
}
figure.right{
	float:right;
}
figure.left{
	float:left;
}
@media screen and (max-width: 739px) {
	figure.center,figure.right,figure.right{float:none;margin:20px auto;text-align:center;}
}
/*-------------------------pcc（PCのみセンターぞろえ）*/
@media screen and (min-width: 740px) {
	.pcc{text-align:center;}
}
/*-------------------------waku*/
.waku{
	margin:20px 0;
	padding:15px 30px;
	border:3px double #E6E6E6;
}
@media screen and (max-width: 739px) {
	.waku{padding:15px;}
}
/*-------------------------dot*/
ul.dot{
	margin:20px 0;
}
ul.dot li{
	margin:10px 0;
	line-height:1.66;
	padding-left:1.2em;
}
ul.dot li::before{
	content:"";
	width:0.8em;
	height:0.8em;
	background:#000;
	border-radius:0.4em;
	float:left;
	margin:5px 0;
	position:relative;
	top:0.1em;
	margin-left:-1.2em;
}
ul.dot ul li::before{
	background:#FFF;
	width:0.5em;
	height:0.5em;
	border:1px solid #000;
	background:none;
	top:0.25em;
	margin-left:-1em;
}


/*-------------------------番号*/
#jisseki ol li {
list-style:decimal

}

#jisseki ol li{
	margin:10px 0;
	line-height:1.66;
	padding-left:1.2em;
}

#jisseki ol li::before {

}


/*-------------------------telfax*/
.telfax{
	margin:40px auto 0 auto;
	max-width:800px;
	border:2px solid #009A44;
	border-radius:10px;
	overflow:hidden;
}
.telfax h3{
	background:#009A44;
	color:#FFF;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	line-height:40px;
	padding:0;
	margin:0;
	letter-spacing:1px;
}
.telfax dt{
	float:left;
	width:80px;
	background:#009A44;
	color:#FFF;
	border-radius:13px;
	font-size:14px;
	line-height:25px;
	text-align:center;
}
.telfax dl{
	width:50%;
	float:left;
	padding:20px;
}
.telfax dd{
	text-align:left;
	padding-left:90px;
	font-size:14px;
	line-height:25px;
}
.telfax dt + dd{
	font-size:28px;
	line-height:1;
	font-weight:bold;
	letter-spacing:2px;
	margin-bottom:5px;
}
.telfax dd span{
	float:left;
	width:130px;
	overflow:hidden;
	white-space:nowrap;
	margin-right:5px;
}
@media screen and (max-width: 739px) {
	.telfax{margin-top:20px;}
	.telfax dl{width:310px;float:none;margin:0 auto;padding:20px 0;background:#F1F1F1¡}
	.telfax dl + dl{padding-top:0px;}
	.telfax dt + dd{font-size:24px;}
	.telfax dd span{width:100px;}
}

/*goaisatsu
-----------------------------------------------------------------------------------------*/
#goaisatsu h2{
	border:none;
	padding:0;
	background:none;
	font-size:36px;
	font-weight:normal;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	text-align:center;
	color:#009A44;
	margin-bottom:30px;
}
#goaisatsu p{
	margin-right:300px;
}
@media screen and (max-width: 739px) {
	#goaisatsu h2{font-size:24px;}
	#goaisatsu p{margin-right:0;}
}

/*staff
-----------------------------------------------------------------------------------------*/
#stafflist{
	width:auto;
	max-width:1400px;
}
#stafflist p{
	margin-top:0;
}
.staff{
	padding:50px 30px;
	position:relative;
}
.staff + .staff{
	border-top:1px solid #DDD;
}
.staff .face{
	float:left;
	width:330px;
	text-align:center;
	padding-right:30px;
	border-right:1px solid #DDD;
}
.staff .face figure{
	height:150px;
	margin:0 auto;
	overflow:hidden;
	background:#e9e7da;
	line-height:150px;
	color:rgba(0,0,0,0.3);
	font-size:30px;
	font-weight:bold;
	margin-bottom:15px;
	border-radius:5px;
}
.staff .face figure img{
	max-height:200px;
}
.staff .kana{
	font-size:14px;
	line-height:1.5;
	letter-spacing:3px;
}
.staff .name{
	font-size:26px;
	font-weight:bold;
	letter-spacing:5px;
	margin-bottom:5px;
}
.staff .post{
	line-height:1.5;
	color:#009A44;
	padding-bottom:10px;
}
.staff .day{
	background:#FDEFD9;
	text-align:center;
	padding:10px 0;
	border-radius:5px;
}
.staff .post.aki{
	letter-spacing:12px;
}
.staff dl{
	margin-left:360px;
}
.staff dt{
	font-size:14px;
	line-height:26px;
	background:rgba(0,154,68,0.15);
	width:100px;
	text-align:center;
	border-radius:15px;
	color:#009A44;
	letter-spacing:2px;
	float:left;
}
.staff dd{
	line-height:26px;
	padding-left:120px;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #E6E6E6;
}
.staff dd:last-child{
	padding-bottom:none;
	margin-bottom:none;
	border-bottom:none;
}
@media screen and (max-width: 739px) {
	.staff{padding:30px 0 0 0;}
	.staff .face{float:none;width:auto;padding-right:0;border-right:none;}
	.staff dl{margin:20px 0 0 0;padding:0;}
	.staff .day{margin-top:10px;padding:10px 0;width:100%;border-radius:5px;position:static;}
	.staff dt{font-size:12px;letter-spacing:0;width:80px;}
	.staff dd{padding-left:90px;}
}

/*josei
-----------------------------------------------------------------------------------------*/
#josei .waku{
	font-size:14px;
	line-height:1.66;
	margin:30px 0 70px 0;
}
#josei p{
	margin-right:300px;
}
@media screen and (max-width: 739px) {
	#josei .waku{margin:20px 0;}
	#josei p{margin-right:0;}
}

/*jisseki
-----------------------------------------------------------------------------------------*/
#jisseki section + section{
	padding-top:5px;
}
#jisseki table {
	margin:2px auto;
	width:800px;
}
#jisseki table caption{
	letter-spacing:1px;
	text-align:left;
	padding:3px 15px;
}
#jisseki table th,
#jisseki table td{
	text-align:left;
	line-height:1.66;
	padding:8px 15px;
	white-space:normal;
}
#jisseki table tr th:nth-last-child(-n+5),
#jisseki table tr td:nth-last-child(-n+5){
	text-align:center;
	width:100px;
}
#jisseki table th.goukei{
	background:#FFFF99;
	font-weight:bold;
	text-align:center;
}
@media screen and (max-width: 800px) {
	#jisseki table{width:100%;}
}
@media screen and (max-width: 600px) {
	#jisseki table th,
	#jisseki table td{font-size:14px;line-height:1.33;padding:8px 4px;}
	#jisseki table tr th:nth-last-child(-n+3),
	#jisseki table tr td:nth-last-child(-n+3){width:50px;}
}

/*links
-----------------------------------------------------------------------------------------*/
#links li{
	margin-top:10px;
	line-height:1.5;
}

/*sitemap
-----------------------------------------------------------------------------------------*/
#sitemap h4{
	display:block;
	margin-top:20px;
}
#sitemap p + p{
	margin-top:6px;
}
#sitemap li{
	width:50%;
	float:left;
	padding:3px;
}
#sitemap a{
	display:block;
	text-decoration:none;
	text-align:left;
	border:1px solid #CCC;
	background:url(images/index_ya.png) right no-repeat;
	color:#000;
	font-weight:bold;
	letter-spacing:1px;
	padding:8px 15px;
	border-radius:5px;
}
#sitemap a:hover{
	background-color:rgba(0,154,68,0.1);
}
@media screen and (max-width: 739px) {
	#sitemap li{width:auto;float:none;}
}