@charset "utf-8";

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

	*{ margin:0; padding:0; word-break:break-all; box-sizing:border-box; }
	body{ font-size:19px; line-height:180%; color:#000; font-family:"ヒラギノ角ゴ"; }
	img{ border:none; font-size:0; }
	ul{ list-style-type:none; }
	a{ text-decoration:none; color:#000; }
	a:hover{ text-decoration:underline; }
	a:hover img{ opacity: 0.8; }
	h1{ font-size:14px; font-weight:normal; }
	address{ font-style:normal; }

/* margin
****************************************************/

	.mt10, .mt10ul li{ margin-top:10px; }
	.mt20, .mt20ul li{ margin-top:20px; }
	.mt30, .mt30ul li{ margin-top:30px; }
	.mt50{ margin-top:50px; }
	.mt75{ margin-top:75px; }
	.mt100{ margin-top:100px; }
	.mt-50{ margin-top:-50px; }
	.mb50{ margin-bottom:50px; }
	.mb75{ margin-bottom:75px; }

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

	.tar{ text-align:right; }
	.tac{ text-align:center; }
	.ti1{ text-indent:1em; }
	.ti2{ text-indent:-1em; padding-left:1em; }
	.ti2no2{ text-indent:-1em; margin-left:1em; }
	.ti3, .ti3ul li{ text-indent:-1.4em; padding-left:1.4em; }
	
/* color
****************************************************/
	
	.col_red{ color:red; }
	.col_white{ color:white; }
	.col_1, .col1ul li:before, .col1icon:before{ color:#00623a; }
	.col_2, .col2ul li:before, .col2icon:before{ color:#b0da00; }
	.col_3, .col3ul li:before, .col3icon:before{ color:#f0f8cf; }
	.col_4, .col4ul li:before, .col4icon:before{ color:#e11414; }
	.col_5, .col5ul li:before, .col5icon:before{ color:#b2b2b2; }

/* background
****************************************************/
	
	/* color */
	.bg1col{ background-color:#00623a; }
	/* image */
	.bg1img{ background:url(images/bg1img.jpg); }
	
/* icon
****************************************************/

	.icon_1:before, .icon1ul li:before, .icon1dl dt:before{ content:"▶ "; }
	.icon_2:before, .icon2ul li:before, .icon2dl dt:before{ content:"● "; }
	.icon_3:before, .icon3ul li:before, .icon3dl dt:before{ content:"◆ "; }
	.icon_4:before, .icon4ul li:before, .icon4dl dt:before{ content:"■ "; }
	.icon_5:before, .icon5ul li:before, .icon5dl dt:before{ content:"▲ "; }
	.icon_6:before, .icon6ul li:before, .icon6dl dt:before{ content:"＞ "; }
	.icon_7:before, .icon7ul li:before, .icon7dl dt:before{ content:"※ "; }

/* font-size
****************************************************/
	
	.fs_s{ font-size:small; }
	.fs14{ font-size:14px; }
	.fs15{ font-size:15px; }
	.fs16{ font-size:16px; }
	.fs17{ font-size:17px; }
	.fs18{ font-size:18px; }
	.fs19{ font-size:19px; }
	.fs20{ font-size:20px; }
	.fs24{ font-size:24px; }

/* btn
****************************************************/
	
	/* template */
	.btn1, btn1a, .btn2, .btn2a{ display:block; text-align:center; }
	.btn1{ background-color:#00623a; color:#fff; padding:10px 30px; font-size:23px; }
	.btn2, .btn2a{ background-color:#00623a; border:1px solid #00623a; color:#fff; padding:2px 0; }
	.btn2a:before{ content:"＞ "; color:#fff; }
	.btn2a:hover:before{ color:#00623a; }
	.btn2a:hover{ background-color:#fff; color:#00623a; text-decoration:none; }
	
/* link
****************************************************/

	.link1{ background:url(images/link1bg.png) no-repeat left center; padding:5px 0 5px 40px; color:#004c96; text-decoration:underline; }
	.link1:hover{ color:#cf001c; text-decoration:none; }

/* list-style
****************************************************/

	.ls_disc{ list-style:disc; margin-left:1em; }
	.li_span li{ padding-left:100px; overflow:hidden; }
	.li_span li span{ display:block; float:left; width:100px; margin-left:-100px; }

/* border
****************************************************/
	
	.bor1{}

/* border-radius
****************************************************/

	.br05{ border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
	.br10, .br10ul li{ border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }
	.br15{ border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; }
	.br25, .br25ul li, .br25a a{ border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; }
	.br50{ border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; }
	
/* headline
****************************************************/

	.hl1{ font-size:30px; text-align:center; background:url(images/hl1bg.png) no-repeat center bottom; color:#00623a; padding:20px 0 10px; }
	.hl2{ background:url(images/hl2bg.png) no-repeat left center; color:#00623a; padding:5px 0 5px 45px; }

/* page title
****************************************************/

	.pp1ttl{ background:url(images/pc2000sv.png) no-repeat center bottom #f0f8cf; color:#00623a; font-weight:bold; text-align:center; }
	
/* content
****************************************************/
	
	/* section */
	.section{ padding:120px 0 80px; }
	/* notice */
	#notice{ height:270px; overflow:auto; margin-top:30px; padding:30px; border:1px solid #b2b2b2; }
	#notice li{}
	#notice::-webkit-scrollbar {
		all:unset;
		width:6px;
		background:transparent;
	}
	
	#notice::-webkit-scrollbar-track {
		all:unset;
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
		background: transparent;
	}
	
	#notice::-webkit-scrollbar-thumb {
		all:unset;
		background:#00623a;
		-webkit-box-shadow: inset 0 0 6px rgba(210,185,123,1);
		border-radius: 8px;
	}
	
	#notice::-webkit-scrollbar-thumb:hover {
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
		background: transparent;
	}
	/* index */
	#index .sec2{ background:url(images/index2no1.jpg) no-repeat center center; }
	#index .sec2 .wrap{ background-color:#fff; }
	/* links */
	#links{ border-top:2px solid #00623a; }
	/* greeting */
	#greeting .sec2{ border:1px solid #b0da00; }
	/* medical */
	#medical .sec3 h3{ background-color:#f0f8cf; color:#00623a; padding:5px 10px; margin-bottom:15px; }
	#medical .sec3 h3:before{ content:"＞ "; color:#00623a; }
	/* guide */
	#guide .sec1 .fl, #guide .sec1 .fr{ background-color:#f0f8cf; margin-top:50px; }
	#guide .sec2 .box{ background-color:#f0f8cf; }
	#guide .sec2 h3{ color:#00623a; }
	/* qa */
	#qa .sec1 li a{ color:#00623a; display:block; background-color:#f0f8cf; border-left:10px solid #00623a; padding:5px 5px 5px 10px; }
	#qa .sec1 li a:before, #qa .sec2 dt:before{ content:"Ｑ．"; color:#00623a; }
	#qa .sec1 li a:hover{ background-color:#b0da00; text-decoration:none; }
	#qa .sec2 dt, #qa .sec2 dd{ text-indent:-2em; padding:5px 5px 5px 45px; }
	#qa .sec2 dt{ color:#00623a; display:block; background-color:#f0f8cf; margin-top:100px; }
	#qa .sec2 dd{ margin-top:15px; }
	#qa .sec2 dd:before{ content:"Ａ．"; color:#00623a; }

/* symptom
****************************************************/
	
	/* common */
	#symptom2 li a:before, #symptom3 .back:before{ content:"▶"; font-size:14px; margin-right:5px; color:#00623a; }
	#symptom2 li a:hover:before, #symptom3 .back:hover:before{ color:#f0f8cf; text-decoration:none; }
	/* symptom */
	#symptom input[type="radio"]{ display:none;}
	#symptom .sec1 label{ padding:10px 10px 10px 65px; cursor:pointer; border:1px solid #b0da00; background:url(images/icon1.png) no-repeat left center; color:#00623a; }
	#symptom .sec1 label:hover{ border:1px solid #f0f8cf; background-color:#f0f8cf; }
	#symptom .sec2 li a:hover{ color:#00623a; }
	#symptom .tab_panel{ width:100%; display:none; }
	#symptom .panel_area{ border:1px solid #00623a; margin-top:40px; }
	#symptom #tab1:checked ~ .sec1 .tab1_label{ border:1px solid #f0f8cf; background-color:#f0f8cf; }
	#symptom #tab1:checked ~ .panel_area #panel1{ display:block; }
	#symptom #tab2:checked ~ .sec1 .tab2_label{ border:1px solid #f0f8cf; background-color:#f0f8cf; }
	#symptom #tab2:checked ~ .panel_area #panel2{ display:block; }
	/* symptom2 */
	#symptom2 li a{ text-decoration:none; color:#000000 }
	#symptom2 dd{ margin-top:30px; }
	#symptom2 ul{ border:1px solid #00623a; }
	/* symptom3 */
	#symptom3 h4{ color:#00623a; }
	#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{ margin-top:50px; border:1px solid #00623a; }

/* about
****************************************************/

	#about dt{ color:#00623a; margin-top:50px; }
	#about dt:first-child{ margin-top:0; }
	#about dd{ margin:15px; }
	
/* sitemap
****************************************************/

	#sitemap li{ margin-top:15px; }
	#sitemap li:first-child{}
	#sitemap .parent{ margin-top:50px; }
	#sitemap .parent li:before{ content:"＞"; color:#00623a; margin-right:.5em; }
	#sitemap .child li:before{ content:"";  margin-right:0; }
	#sitemap .child a{ text-decoration:underline; }
	#sitemap .child a:hover{ text-decoration:none; }

/* footer
****************************************************/

	footer .sec1{ background-color:#f0f8cf; }
	address{ font-size:12px; text-align:center; padding:5px 0; color:#fff; background-color:#00623a; }

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

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

/* pagetop
****************************************************/

	.pagetop {
		display:none;
		position:fixed;
		bottom:40px;
		right:10px;
		line-height:0;
	}
	.pagetop a{
		display:block;
		padding:5px;
		background-color:#00623a;
		text-align:center;
		color:#ffffff;
		text-decoration:none;
		margin-bottom:5px;
		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		opacity:.5;
	}
	.pagetop a:hover, .pagetop a:hover img{ opacity:1.0; }


/* googlecalendar
****************************************************/
.cal_wrapper {
max-width: 800px; /* 最大幅 */
min-width: 300px; /* 最小幅 */
margin: 2.0833% auto;
}
.googlecal {
position: relative;
padding-bottom: 133.3333%; /* 画面幅が600px未満の場合の縦横比の指定 */
height: 0;
/*overflow: hidden;*/
}
.googlecal iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
width: 100% !important;

}
/* 画面幅が600px以上の場合の縦横比の指定 */
@media only screen and (min-width: 600px) {
.googlecal { padding-bottom: 75%; font-size:120%; }
}



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

	600px over

**************************************************/
@media only screen and (min-width:600px), print{
	
	/* common
	****************************************************/
	
		.wrap{ margin-left:auto; margin-right:auto; width:1000px; }
		.sp{ display:none!important; }
	
	/* width
	****************************************************/
		
		.w50p, .w50p_ul li{ width:50%; }
		.w300{ width:300px; }
		.w550{ width:550px; }
		.w650{ width:650px; }

	/* margin
	****************************************************/
	
		.ml30{ margin-left:30px; }
		.mr20{ margin-right:20px; }
		.mr50{ margin-right:50px; }
		.mlr50{ margin-left:50px; margin-right:50px; }
		
	/* padding
	****************************************************/
	
		.pb50{ padding-bottom:50px; }
		.p20no40{ padding:20px 40px; }
	
	/* overflow:hidden;
	****************************************************/
	
		.oh, .oh_ul{ overflow:hidden; }
		.oh .fl, .oh_ul li{ float:left; }
		.oh .fr{ float:right; }
		.oh .cb{ clear:both; }

	/* column
	****************************************************/
	
		.clm{ letter-spacing:-0.4em; }
		.clm li{ display:inline-block; letter-spacing:normal; vertical-align:top; }
	
	/* header
	****************************************************/

		header{ margin-bottom:20px; }
		header h1{ width:750px; }	
		header .logo{ margin-top:28px; margin-right:125px; }	
		header .tel{ margin-top:30px; }	
		header .adr{ margin-top:10px; line-height:150%; }	

	/* slider
	****************************************************/
		
		.slide{
			background:url(images/top_pc.jpg) no-repeat center top #f0f8cf;
			height:530px;
		}

		#slideshow{
			position:relative;
		   	width:100%;
			height:524px;
			margin:0 auto;
		}
		#slideshow li{
			position:absolute;
			height:524px;
			margin:0;
			padding:0;
			background-position:center top;
			background-repeat:no-repeat;
			z-index:1;
		}
		
	/* nav
	****************************************************/
		
		nav{ font-weight:bold; width:100%; font-size:16px; border-bottom:5px solid #00623a; }
		nav ul{ overflow:hidden; }
		nav li{ float:left; width:167px; }
		nav li:first-child{ width:165px; }
		nav a{ display:block; text-align:center; line-height:20px; padding:13px 0; }
		nav a:hover, nav .on{ background-color:#e7f4b2; text-decoration:none; }
		.fixed{ position:fixed; top:0px; left:0px; z-index:9999; background-color:#fff; }
		.space{ margin-top:46px; }

	/* page title
	****************************************************/
	
		.pp1ttl{ font-size:26px; line-height:30px; padding:85px 0 85px; }

	/* content
	****************************************************/
		
		/* common */
		.section{ padding:90px 0; }
		/* index */
		#index .sec2{ background:url(images/index2no1.png) no-repeat center bottom #f0f8cf; padding:90px 0 380px; }
		#index .sec3{ background:url(images/index3no6.png) no-repeat center bottom; }
		#index .sec3 .fl{ margin-right:50px; }
		#index .sec4{ background:url(images/index4no1.png) no-repeat center center #f0f8cf; -moz-background-size:auto 100%; background-size:auto 100%; }
		/* links */
		#links{ padding:40px 0; font-size:14px; }
		#links ul{ width:700px; }
		#links ul li{ width:300px; margin:15px 0 15px 50px; }
		/* greeting */
		#greeting .sec2{ background:url(images/greeting2no1.png) no-repeat right bottom; padding:30px; }
		#greeting .sec2 ul{ margin:20px 0 0 45px; }
		#greeting .sec2 li{ padding-left:180px; overflow:hidden; }
		#greeting .sec2 li span{ display:block; float:left; width:180px; margin-left:-180px; }
		/* medical */
		#medical .sec3 .fl, #medical .sec3 .fr{ width:480px; height:350px; margin-top:100px; }
		/* guide */
		#guide .sec1 .fl, #guide .sec1 .fr{ width:480px; }
		#guide .sec1 .box{ padding:20px; height:200px; }
		#guide .sec2 .fl, #guide .sec2 .fr{ width:300px; margin:50px 0; }
		#guide .sec2 .fl{ margin-right:50px; }
		#guide .sec2 h3{ height:100px; line-height:30px; }
		#guide .sec2 .box{ padding:20px; height:340px; }
		/* qa */
		#qa .sec1 .fl, #qa .sec1 .fr{ width:480px; }

	/* symptom
	****************************************************/
	
		#symptom2 .wrap, #symptom3 .wrap{ padding:40px; }
		/* symptom */
		#symptom .sec1 label{ width:480px; }
		#symptom .sec2 li{ width:270px; margin:40px 0 0 60px; }
		#symptom .tab_panel{ padding-bottom:40px; }
		/* symptom2 */
		#symptom2 ul{ margin-top:40px; padding:20px 0 40px 100px; overflow:hidden; }
		#symptom2 li{ float:left; width:31%; margin-left:1%; margin-top:20px; }
		/* symptom3 */
		#symptom3 h3{ font-size:26px; }
		#symptom3 h4{ font-size:20px; margin-top:40px; }
		#symptom3 .des{ margin-top:1em; }
		#symptom3 .back{ margin:0 1em; }
		#symptom3 .outline{ padding:0 30px 30px; }
		#symptom2 .adj, #symptom3 .adj{ margin-left:50px; margin-right:50px; }

	/* sitemap
	****************************************************/
	
		#sitemap{ padding-left:100px; }
		#sitemap .child{ margin-left:1.5em; overflow:hidden; }
		#sitemap .child li{ float:left; width:33%; }
	
	/* bnr_list
	****************************************************/
	
		.bnr1list{ padding:20px 0; }
		.bnr1list li{ margin:0 15px; }
		
	/* footer
	****************************************************/
	
		footer .wrap{ width:1080px; }
		footer .sec1{ background:url(images/footer3.png) no-repeat center bottom #f0f8cf; padding:50px 0 30px; }
		footer .sec1 .fl{ margin-left:40px; width:480px; }
		footer .sec2{ font-size:14px; padding:5px; text-align:center; }
		footer .sec2 li{ margin:0 10px; }

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

	/* anc_adj
	****************************************************/
	
		.anc_adj{ margin-top:-75px; padding-top:75px; }

	/* table
	****************************************************/
	
		.tbl1 th{ width:35%; height:70px; }

	/* page anchor
	****************************************************/
		
		#pa1, #pa2, #pa3, #pa4, #pa5, #pa6, #pa7, #pa8, #pa9, #pa10, #pa11, #pa12, #pa13, #pa14
		{ padding-top:60px; margin-top:-60px; }

}





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

	600px under

**************************************************/
@media only screen and (max-width:599px){
	
	/* common
	****************************************************/
	
		body{ font-size:16px; }
		.wrap, .wrap800, .section{ padding:15px; line-height:1.5em; }
		img{ max-width:100%; height:auto; }
		.pc{ display:none!important; }
		.sp_tac{ text-align:center; }
	
	/* margin
	****************************************************/
	
		.mt75, .mt100{ margin-top:50px; }
	
	/* padding
	****************************************************/
		
		.p20no40{ padding:10px 20px; }
	
	/* padding
	****************************************************/
		
		ol{ margin-left:30px; }
		
	/* btn
	****************************************************/
		
		.btn1tmp{ display:block; }
	
	/* headline
	****************************************************/
	
		.hl1{ padding:30px 0 20px; line-height:1.2; }

	/* header
	****************************************************/
		
		header .logo, header .tel, header .adr{ margin-top:10px; text-align:center; }
				
	/* slideshow
	****************************************************/

		.slide{
			background:url(images/top_sp.jpg) no-repeat center top;
			-moz-background-size:100% auto;
			background-size:100% auto;
			padding-top:66%;
		}
		#slideshow{
			position:relative;
			width:100%;
			padding-top:66%;
		}
		#slideshow li{
			position:absolute;
			width:100%;
			-moz-background-size:100% auto;
			background-size:100% auto;
			height:0;
			margin-top:-66%;
			padding-top:66%;
			background-position:center top;
			background-repeat:no-repeat;
		}
		#slideshow p{
			position:absolute;
			z-index:2;
			bottom:10px;
		}

	/* nav
	****************************************************/
	
		nav{ text-align:center; letter-spacing: -0.4em; background-color:#f0f8cf; }
		nav .wrap{ padding:0 0 0 0; }
		nav li{
			display:inline-table;
			width:31%;
			margin:5px 1%;
			vertical-align:top;
			letter-spacing:normal;
			line-height:20px;
			font-size:12px;
		}
		nav li a{
			height:50px;
			display:table-cell;
			vertical-align:middle;
			color:#000;
			text-align:center;
		}
		nav li a:hover{ background-color:#00623a; color:#fff; text-decoration:none; }
	
	/* page title
	****************************************************/
	
		.pp1ttl{ padding:15px 0; background-size:cover; }

	/* content
	****************************************************/
		
		/* common */
		.section{ padding-top:30px; padding-bottom:30px; }
		/* index */
		#index .sec2{ background:url(images/index2no2.png) no-repeat center bottom #f0f8cf; padding:25px 0 250%; -moz-background-size:100% auto; background-size:100% auto; }
		/* greeting */
		#greeting .sec2{ padding:15px; }
		#greeting .sec2 ul{ margin-top:15px; }
		#greeting .sec2 li span{ display:block; }
		/* medical */
		#medical .sec3 .fl, #medical .sec3 .fr{ margin-top:50px; }
		/* guide */
		#guide .sec1 .fl, #guide .sec1 .fr, #guide .sec2 .box{ padding:15px; }
		#guide .sec1 h3{ margin-top:15px; }
		#guide .sec2 h3{ margin-bottom:15px; }
		/* links */
		#links ul{ margin:30px 0;}
		#links li{ margin-top:10px;}

	/* symptom
	****************************************************/

		#symptom2 .wrap, #symptom3 .wrap{ padding:20px; }
		/* symptom */
		#symptom .sec1{ overflow:hidden; }
		#symptom .sec1 label{ width:50%; font-size:14px; padding:5px 5px 5px 60px; height:85px;}
		#symptom .sec1 .fl{ float:left; padding-top:30px; /*float:none;*/ }
		#symptom .sec1 .fr{ float:right; /*float:none;*/ }
		#symptom .sec2 li{ margin:20px 15px 0 15px; }
		#symptom .tab_panel{ padding-bottom:20px; }

		/* symptom2 */
		#symptom2 dd{ margin-top:1em; }
		#symptom2 ul{ margin-top:30px; padding:10px 0 20px 15px; }
		#symptom2 li{ margin-top:10px; }
		/* symptom3 */
		#symptom3 h3{}
		#symptom3 h4{ font-size:20px; margin-top:15px; }
		#symptom3 .des, #symptom3 dl, #symptom3 .back{ margin-top:10px; }
		#symptom3 .outline{ padding:0 15px 15px; }

	/* disease
	****************************************************/
	
		/* disease */
		#disease dl{ padding:20px; }
		#disease ul{ margin-top:30px; padding:0 0 20px; }
		#disease li{ margin-top:20px; }
		#disease li a{ padding:15px; }

	/* footer
	****************************************************/
	
		footer .sec1 .fl{ padding:15px; }
		footer .sec1 .fr{ margin-top:30px; margin-left:7%; }
		footer .sec2{ padding:15px; }
		footer .sec1 h3, footer .sec1 .oh_ul li{ text-align:center; }
		address{ margin-bottom:69px; }

	/* pagetop
	****************************************************/
	
		.pagetop{
			display:none;
			position:fixed;
			left:0;
			bottom:0;
			line-height:0;
			width:100%;
			background-color:#00623a;
			letter-spacing:-.40em;
			z-index:9999;
			text-align:center;
		}
		.pagetop li{ display:inline-block; width:49%; letter-spacing:normal; border-right:1px solid #fff; }
		.pagetop li:last-child{ border-right:none; }
		.pagetop li a{ display:block; padding:15px 10px 10px; opacity:1; }

	/* 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%;
		}
	
	/* table
	****************************************************/
	
		/* table_1 */
		.tbl1{ width:100%; }
		.tbl1{ border-top:1px solid #3f3f3f; }
		.tbl1 th, .tbl1 td{ display:block; border-bottom:none; width:100%; border-top:0!important; }
		.tbl1 th, .tbl1 td{ border-bottom:1px solid #3f3f3f; }

}