@charset "utf-8";

/* common
****************************************************/

	*{ margin:0; padding:0; word-break:break-all; }
	body{ font-size:16px; line-height:1.7; font-family:"游ゴシック", Meiryo, "Hiragino Kaku Gothic ProN", YuGothic, sans-serif; color:#000000; }
	img{ border:none; font-size:0; vertical-align:top; }
	ul{ list-style-type:none; }
	a{ text-decoration:none; color:#000000; }
	a:hover{ text-decoration:underline; }
	a:hover img{ opacity: 0.8; }
	h1{ font-size:12px; margin-top:10px; }


/* text-align
****************************************************/

	.txt_r{ text-align:right; }
	.txt_c{ text-align:center; }

/* color
****************************************************/

	.color_1{ color:#333333; }
	.color_2{ color:#ffe042; }
	.color_3{ color:#fffadf; }
	.color_4{ color:#00696c; }
	.color_5{ color:#f2a59c; }
	.color_6{ color:red; }

/* font
****************************************************/
	.fwb{ font-weight:bold; }


/* bg_color
****************************************************/

	.bg1color{ background-color:#fffadf; }
	.bg2color{ background-color:#ffffff; }

/* icon
****************************************************/

	.icon_1:before, .icon1list li:before{ content:"▶ "; }
	.icon_2:before, .icon2list li:before{ content:"● "; color:#00696c; }

/* btn
****************************************************/

	.btn_1{ background-color:#f0958a; color:#ffffff; display:block; font-size:20px; padding:.5em; text-align:center; }

/* radius
****************************************************/

	.radius_5{ border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
	.radius_10{ border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }

/* header
****************************************************/

	#header{ border-top:10px solid #ffe042; }
	#header .tel{ margin-top:20px; font-size:30px; font-weight:bold; }

/* nav
****************************************************/
	
	nav{ background-color:#fff1a8; padding-top:7px; padding-bottom:7px; margin-top:10px; }
	nav ul{ font-size:0; }

/* headline
****************************************************/

	.headline_1{ text-align:center; }
	.headline_1 span{ background-position:left center; background-repeat:no-repeat; display:inline-block; padding:0 60px; }
	.hd1icon{ background-image:url(images/icon_1.png); }
	.hd2icon, .icon_medical{ background-image:url(images/icon_2.png); }
	.hd3icon, .icon_greeting{ background-image:url(images/icon_3.png); }
	.hd4icon, .icon_guide{ background-image:url(images/icon_4.png); }
	.hd5icon, .icon_symptom{ background-image:url(images/icon_5.png); }
	.hd6icon, .icon_disease{ background-image:url(images/icon_6.png); }
	.hd7icon, .icon_access{ background-image:url(images/icon_7.png); }

/* page_headline
****************************************************/

	#page_headline{ border-bottom:2px solid #ececec; text-align:center; }
	#page_headline span{ background-position:left center; background-repeat:no-repeat; display:inline-block; padding:0 60px; }
	#page_headline{ font-size:34px; padding:60px 0 50px 0; }


/* contents
****************************************************/

	#contents .side .add{ padding:1.5em; font-size:14px; border-bottom:1px solid #bfbfbf; }

/* section
****************************************************/
	
	#notice{ background:url(images/bg_1.gif); }
	#notice .section_1{ background-color:#ffffff; border:3px solid #f5f5f5; }
	#notice h2{ text-align:center; }
	#notice h2:before, #notice h2:after{ content:"■"; color:#ffe042; margin:0 1em; }
	#notice li{ border-bottom:2px dotted #f5f5f5; margin-top:1em; padding-bottom:.5em; }
	#medical .section_1 li{ border-bottom:2px dotted #e2e2e2; font-size:18px; padding-left:1em; }
	#greeting .section_2{ border-top:2px solid #333333; }
	#greeting .section_2 h3{ color:#00696c; }
	#guide .section_1 h3:before{ content:"● "; color:#f2a59c; }
	#guide .section_2 h2{ text-align:center; }
	#guide .section_2 h3{ color:#00696c; font-size:20px; text-align:center; }
	#guide .section_2 h3 span{ font-size:14px; }

/* symptom
****************************************************/
	
	/* common */
	#symptom dt:before, #symptom2 dt:before, #symptom3 h3:before{ content:"●"; margin-right:.5em; color:#f2a59c; }
	#symptom dd a, #symptom2 li a{ text-decoration:none; }
	#symptom dd a:before, #symptom2 li a:before, #symptom3 .back:before{ content:"▶"; font-size:14px; margin-right:5px; color:#333333; }
	#symptom dd a:hover:before, #symptom2 li a:hover:before{ color:#f2a59c; text-decoration:none; }
	#symptom2 ul, #symptom3 .outline{ border:1px solid #d9d9d9; background-color:#ffffff; }
	/* symptom */
	#symptom dl{ border:1px solid #333333; padding:30px 20px 20px 20px; background-color:#ffffff; }
	#symptom dd{ padding-top:10px; line-height:150%; }
	#symptom dd a{ display:block; text-align:right; margin-top:1em; }
	/* symptom2 */
	#symptom2 ul{ padding:1em 3em 3em; }
	#symptom2 li{ margin-top:2em; }
	/* symptom3 */
	#symptom3 dt{ font-weight:bold; margin-top:1em; }
	#symptom3 dt:before{ content:"【"; margin-right:5px; }
	#symptom3 dt:after{ content:"】"; margin-left:5px; }
	#symptom3 .back{ padding-top:1em; }
	#symptom3 .outline{ padding:2em; margin-top:40px; }

/* disease
****************************************************/

	#disease li a{
		display:block;
		background-color:#ffffff;
		text-align:center;
		padding:60px 0;
		font-size:20px;
		border:1px solid #333333;
		color:#333333;
		font-weight:bold;
	}
	#disease li a:hover{ background-color:#ffe042; text-decoration:none; }
	#disease2 h3{ background-color:#ffe042; color:#333333; padding:.5em 1em; font-size:20px; }
	#disease2 dt{ margin-top:2em; font-size:20px; font-weight:bold; }
	#disease2 dt:before{ content:"●"; margin-right:.5em; color:#f2a59c; }
	#disease2 .dt_st{ margin-top:0; }
	#disease2 dd{ padding:1em 2em; }

/* footer
****************************************************/
	
	#footer .section_1, #footer .section_2{ border-top:2px solid #ececec; }
	#footer .section_1 .lef{ text-align:center; }
	#footer .section_1 .lef .tel{ margin-top:25px; font-size:30px; font-weight:bold; }
	#footer .section_1 .lef .add{ text-align:left; }
	#footer .section_1 .lef .btn{ margin-top:20px; }
	#footer .section_1 .lef .btn a{ display:block; background-color:#00696c; color:#ffffff; padding:15px 0; }
	#footer .section_1 .lef .btn a:hover{ text-decoration:none; opacity:.5; }
	#footer .section_2{ background-color:#fffadf; padding:30px 0; text-align:center; }
	#footer .section_2 a{ display:block; background-color:#ffffff; border:1px solid #333333; padding:20px 0; }
	#footer .section_2 a:hover{ background-color:#ffe042; }
	#footer .section_3{ background-color:#ffe042; }
	address{ font-style:normal; margin-top:10px; }

/* sitemap
****************************************************/

	#sitemap li{ margin-top:.5em; }
	#sitemap .parent li:before{ content:"■"; color:#00696c; margin-right:.5em; }
	#sitemap .child li:before{ content:"●"; color:#f2a59c; margin-right:.5em; }

/* 404
****************************************************/

	.error404{ text-align:center; color:red; padding:100px 0; }

/* sup, sub
****************************************************/

	sup, sub{
		height:0;
		line-height:1;
		vertical-align:baseline;
		_vertical-align:bottom;
		position:relative;
	} 
	sup{ bottom: 1ex; }
	sub{ top:.5ex; }

/* flexslider
****************************************************/
	
	.flexslider{ width:960px; margin:0 auto!important; }





/**************************************************

	600px over

**************************************************/
@media only screen and (min-width:600px), print{
	
	/* common
	****************************************************/
	
		.wrapper, .wrapper_1000, .wrapper_800{ margin-left:auto; margin-right:auto; }
		.wrapper{ width:960px; }
		.wrapper_1000{ width:1000px; }
		.wrapper_800{ width:800px; }
		.sp{ display:none!important; }
	
	
	/* space
	****************************************************/
	
		.space_1, .space1list li{ margin-top:1em; }
		.space_2{ margin-top:2em; }
		.space_3{ margin-top:3em; }
		.space_4{ padding-top:50px; }
		.space_5{ margin-top:10px; }
	
	/* width
	****************************************************/
		
		.width_1{ margin-left:25%; margin-right:25%; }

	/* float
	****************************************************/
	
		.float, .float_list{ overflow:hidden; }
		.float .lef, .float_list li{ float:left; }
		.float .rig{ float:right; }
		.float .both{ clear:both; }

	/* column
	****************************************************/
	
		.column{ letter-spacing:-0.4em; }
		.column li{ display:inline-block; letter-spacing:normal; vertical-align:top; }
		.column3rows li{ min-width:32%; margin-left:1%; }

	/* headline
	****************************************************/
		
		.headline_1, #notice h2{ font-size:30px; }

	/* header
	****************************************************/
	
		#header h1 img{ margin-top:20px; }
		#header .add{ font-size:13px; }
		
	/* nav
	****************************************************/
		
		nav li{ display:inline-block; text-align:center; }
		nav li:hover, nav .stay{ background-color:#ffffff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }
		
	/* contents
	****************************************************/
		
		#contents{ overflow:hidden; }
		#contents .side{ float:left; width:260px; }
		#contents .main{ float:right; width:960px; }
	
	/* section
	****************************************************/
	
		.section{ padding:60px 0; }
		#notice{ padding:27px; }
		#notice .section_1{ padding:20px 50px; }
		#medical .section_1 li{ width:360px; }
		#greeting .section_1 .rig{ width:540px; line-height:200%; }
		#greeting .section_2 p{ padding:0 100px; }
		#greeting .section_2 li{ width:50%; }
		#guide .section_1 .rig{ width:350px; padding-top:50px; }
		#guide .section_1 .float{ padding-bottom:50px; }
		#guide .section_2{ overflow:hidden; }
		#guide .section_2 h2{ font-size:30px; margin-bottom:50px; }
		#guide .section_2 h3{ line-height:20px; margin-top:50px; height:70px; }
		#guide .section_2 .item{ float:left; width:230px; }
		#guide .section_2 .center{ margin-left:55px; margin-right:55px; }
		#guide .section_2 .disp{ height:250px; }
		#access{ background:url(images/access2no9.png) no-repeat center bottom; padding-bottom:350px; margin-bottom:50px; }
		#access li{ margin-bottom:30px; }
		
	/* symptom
	****************************************************/
	
		/* symptom */
		#symptom{ width:840px; }
		#symptom ul{ overflow:hidden; }
		#symptom li{ float:left; width:240px; margin:20px; }
		#symptom dt{ font-size:18px; }
		#symptom dd{ height:130px; }
		/* symptom2 */
		#symptom2 .section_inner{ background:url(images/section1bg.png) no-repeat right bottom; }
		#symptom2 dt{ font-size:20px; }
		#symptom2 dd{ margin-top:30px; }
		#symptom2 ul{ margin:30px auto 0 auto; width:80%; overflow:hidden; }
		#symptom2 li{ float:left; width:32%; margin-left:1%; }
		/* symptom3 */
		#symptom3 h3{ font-size:20px; }
		#symptom3 h4{ font-size:18px; }
		#symptom3 .des{ margin-top:1em; }
		#symptom3 .back{ margin:0 1em; }

	/* disease
	****************************************************/

		#disease{ width:840px; }
		#disease ul{ overflow:hidden; }
		#disease li{ float:left; width:240px; margin:20px; }
		/* #disease2 */
		#disease2{ padding:50px 75px; }

	/* footer
	****************************************************/
		
		#footer .section_1{ padding:30px 0; }
		#footer .section_1 .lef{ width:430px; }
		#footer .section_1 .rig{ width:480px; }
		#footer .section_1 .lef .logo{ margin-top:30px; }
		#footer .section_1 .lef .add{ padding:0 25px; }
		#footer .section_2 li{ width:300px; margin:0 15px; }
		#footer .section_3{ text-align:center; padding:20px 0; font-size:12px; }
		#footer .section_3 li{ margin:0 .5em; }
		
	/* sitemap
	****************************************************/
	
		#sitemap .child{ margin-left:1.5em; overflow:hidden; width:600px; }
		#sitemap .child li{ float:left; width:33%; }

	/* gmap
	****************************************************/
		.gmap{
		width:480px;
		position: relative;
		padding-bottom:340px;
		height: 0;
		overflow: hidden;
		}
		.gmap iframe, .gmap object, .gmap embed{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 320px;
		}
}





/**************************************************

	600px under

**************************************************/
@media only screen and (max-width:599px){
	
	/* common
	****************************************************/
	
		img{ max-width:100%; height:auto; }

	/* space
	****************************************************/
	
		.space_1, .space1list li, .space_2, .space_5{ margin-top:1em; }
		.space_3{ margin-top:2em; }
		.space_4{ padding-top:2%; }

 	/* btn
	****************************************************/
	
		.btn_2{ background:none; text-align:center; }
	
	/* headline
	****************************************************/
		
		.headline_1, #notice h2{ font-size:20px; line-height:40px; }
	
	/* header
	****************************************************/
	
		#header{ text-align:center; }
		#header .lef p{ margin-top:20px; }
		#header .rig{ margin-top:20px; }

	/* nav
	****************************************************/
		
		nav ul{ text-align:center; }
		nav li{
			display:inline-table;
			width:32%;
			vertical-align:top;
		}
		nav li a{ display:table-cell; }
		nav li .on, nav li a:hover{ background-color:#ffffff; }
	
	/* flexslider
	****************************************************/
		
		.flexslider{ width:96%; margin:0 auto; }

	/* contents
	****************************************************/
		
		#contents{ margin-bottom:30px; }
		
	/* section
	****************************************************/

		.section{ padding:20px; }
		#notice{ padding:10px; }
		#notice .section_1{ padding:15px; }
		#guide .section_1 .rig{ padding-top:1em; }
		#guide .section_1 .float{ padding-bottom:25px; }
		#guide .section_2 .item{ margin-top:25px; }
		#guide .section_2 h3{ text-align:center; margin-top:.5em; }
		#guide .section_2 .photo{ text-align:center; }
		#access{ max-width:380px; margin-left:auto; margin-right:auto; }
		#access .lef, #access .rig{ background:url(images/access2no9.png) no-repeat center bottom; padding-bottom:80%; margin-bottom:50px; -moz-background-size:100% auto;
background-size:100% auto; }
		#access li{ margin-bottom:30px; }

	/* symptom
	****************************************************/
	
		/* symptom */
		#symptom ul{ margin-bottom:20px; }
		#symptom li{ margin-top:20px; }
		/* symptom2 */
		#symptom2 ul{ margin-top:30px; }
		#symptom2 dd{ margin-top:1em; }
		/* symptom3 */
		#symptom3{ padding:20px; }
		#symptom3 .des, #symptom3 dl, #symptom3 .back{ margin-top:1em; }
	
	/* disease
	****************************************************/
	
		/* disease */
		#disease ul{ padding-bottom:20px; }
		#disease li{ margin-top:20px; }
	
	/* footer
	****************************************************/
		
		#footer .section_1{ padding:15px; }
		#footer .section_1 .rig{ margin-top:15px; }
		#footer .section_2{ padding:0 15px 15px 15px; }
		#footer .section_2 li{ margin-top:15px; }
		#footer .section_3{ padding:15px; font-size:14px; }
		address{ font-size:10px; text-align:center; }

	/* gmap
	****************************************************/
	
		.gmap{
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
		}
		.gmap iframe, .gmap object, .gmap embed{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		}
		
	/* pc
	****************************************************/
		.pc{ display:none; }

}