@charset "utf-8";

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

	*{ margin:0; padding:0; word-break:break-all; }
	body{ font-size:19px; line-height:150%; color:#4d4d4d; font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO"; }
	img{ border:none; font-size:0; vertical-align:top; }
	ul{ list-style-type:none; }
	a{ text-decoration:none; color:#4d4d4d; }
	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{ margin-top:30px; }
	.mt50{ margin-top:50px; }
	.mt75{ margin-top:75px; }
	.mt100{ margin-top:100px; }
	.mt-50{ margin-top:-50px; }
	
/* text-align
****************************************************/

	.tar{ text-align:right; }
	.tac{ text-align:center; }
	.ti1{ text-indent:1em; }
	.ti2{ text-indent:-1em; padding-left:1em; }
	.ti3{ 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:#00aaff; }
	.col_2, .col2ul li:before, .col2icon:before{ color:#3f72c6; }
	.col_3, .col3ul li:before, .col3icon:before{ color:#f2fbff; }
	.col_4, .col4ul li:before, .col4icon:before{ color:#ff99a1; }
	.col_5, .col5ul li:before, .col5icon:before{ color:#4d4d4d; }

/* background
****************************************************/
	
	/* color */
	.bg1col{ background-color:#f2fbff; }
	.bg2col{ background-color:#ffffff; }
	.bg3col{ background-color:#ff99a1; }
	/* img */
	.bg1img{ background:url(images/bg1img.jpg) no-repeat top center; }
	
	
/* icon
****************************************************/

	.icon_1:before, .icon1ul li:before{ content:"▶ "; }
	.icon_2:before, .icon2ul li:before{ content:"● "; }
	.icon_3:before, .icon3ul li:before{ content:"◆ "; }

/* btn
****************************************************/
	
	/* template */
	.btn1tmp{ display:block; font-size:20px; text-align:center; }
	.btn2tmp{ display:inline-block; font-size:20px; text-align:center; }
	.btn1tmp:hover, .btn2tmp:hover{ text-decoration:none; }
	/* effect */
	.btn1eff,
	.btn1eff::before,
	.btn1eff::after{
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box;
	  -webkit-transition: all .5s;
	  transition: all .5s;
	}
	
	
	
/* list-style
****************************************************/

	.ls_disc{ list-style:disc; margin-left:1em; }
	
/* border
****************************************************/
	
	.bor_1{ border-bottom:2px solid #b2b2b2; }

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

	.br05{ border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
	.br10{ border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }
	.br25, .br25ul li{ border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; }
	.br50{ border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; }

/* header
****************************************************/
	
	#header h1{ font-size:14px; padding:5px 0; }
	
/* headline
****************************************************/

	.headline_1{ display:inline-block; color:#4d4d4d; background:url(images/headline1bg.png) no-repeat top left; padding:20px 45px 10px; font-size:30px; }

/* content
****************************************************/
	
	/* section */
	.section_wrap{ background-color:#ffffff; border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; }
	/* notice */
	#notice ul{ max-height:500px; overflow:auto; }
	#notice li{ border-bottom:1px dotted #00aaff; padding:1em 1em .5em; margin-right:20px; }
	#notice ul::-webkit-scrollbar {
		all:unset;
		width:6px;
		background:transparent;
	}
	
	#notice ul::-webkit-scrollbar-track {
		all:unset;
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
		background: transparent;
	}
	
	#notice ul::-webkit-scrollbar-thumb {
		all:unset;
		background:#00aaff;
		-webkit-box-shadow: inset 0 0 6px rgba(210,185,123,1);
		border-radius: 8px;
	}
	
	#notice ul::-webkit-scrollbar-thumb:hover {
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
		background: transparent;
	}
	
	/* top */
	#top .section_1 .btn_1{ color:#ffffff; padding:10px 0; }
	#top .section_1 .btn_1:hover{ opacity: 0.5; }
	#top .section_2 .menu{ border:1px solid #d8d8d8; padding:0 10px; }
	#top .section_2 .menu li{ padding:10px 5px; border-bottom:1px dotted #d8d8d8; }
	#top .section_2 .menu li:last-child{ border:none; }
	#top .section_2 .menu a{ display:block; border-left:6px solid #b2b2b2; padding:7px 15px; }
	#top .section_2 .menu a:hover{ border-color:#9bc4e8; text-decoration:none; }

	/* state */
	#state h2 { font-size: 24px; text-align: center; }
	#state .box { padding: 20px; border: 1px solid #00aaff; }
	#state .box .fwb { font-weight: bold; }
	#state .box .name { text-align: right; }
	
	/* medical */
	#medical .section_1 li{ border:2px solid #00aaff; padding:5px 20px; }
	#medical .section_1 li:before{ content:"● "; color:#00aaff; }
	#medical .section_2 .btn_1{ background-color:#ff99a1; color:#ffffff; font-weight:bold; padding:10px 25px; }
	
	/* greeting */
	#greeting h3{ background-color:#f2fbff; padding:5px 20px; }
	
	/* guide */
	#guide .section_1 .box, #guide .section_2 .box, #guide .section_2 .box_2{ background-color:#f2fbff; }
	
/* symptom
****************************************************/
	
	/* common */
	#symptom2 dt{ background:url(images/headline2.png) bottom center no-repeat; text-align:center; padding-bottom:10px; font-weight:bold; }
	#symptom dd a, #symptom2 li a{ text-decoration:none; color:#000000 }
	#symptom dd a:before{ content:"▶"; font-size:14px; margin-right:5px; color:#3f72c6; }
	#symptom2 li a:before, #symptom3 .back:before{ content:"▶"; font-size:14px; margin-right:5px; color:#3f72c6; }
	#symptom dd a:hover:before, #symptom2 li a:hover:before, #symptom3 .back:hover:before{ color:#ff99a1; text-decoration:none; }
	#symptom dl, #symptom2 ul, #symptom3 .outline{ border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }
	/* symptom */
	#symptom dl{ background-color:#f2fbff; padding:19px 14px; }
	#symptom dt{ font-weight:bold; }
	#symptom dt:before{ content:"● "; color:#3f72c6; }
	#symptom dd{ padding:10px 0 20px; line-height:150%; }
	#symptom dd a{ display:block; margin-top:1em; text-align:right; }
	/* symptom2 */
	#symptom2 ul{ background-color:#f2fbff; }
	/* symptom3 */
	#symptom3 h4:before{ content:"● "; color:#3f72c6; }
	#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:25px; background-color:#f2fbff; }

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

	#disease dt{ background-color:#f2fbff; padding:7.5px 15px; font-size:20px; font-weight:bold; margin-top:2em; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; }
	#disease dd{ padding-top:1em; padding-left:15px; padding-right:15px; }
	#disease li a:hover{ text-decoration:none; }

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

	#about dt{ background-color:#f2fbff; padding:7.5px 15px; font-size:16px; font-weight:bold; margin-top:2em; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; }
	#about dd{ margin:15px; }

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

	#sitemap li{ margin-top:.5em; }
	#sitemap .parent li:before{ content:"●"; color:#00aaff; margin-right:.5em; }
	#sitemap .child li:before{ content:"";  margin-right:0; }
	#sitemap .child a{ text-decoration:underline; }
	#sitemap .child a:hover{ color:#B95AA0; text-decoration:none; }

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

	#footer .section_1{ background-color:#f2fbff;  }
	#footer .section_1 .btn_1{ background-color:#00aaff; color:#ffffff; font-weight:bold; }
	#footer .section_1 .btn_2{ border:2px solid #ff99a1; background-color:#ffffff; font-size:16px; padding:7px 0; }
	#footer .section_1 .btn_2:hover{ background-color:#ff99a1; color:#ffffff; }
	#footer .section_2, #footer .section_2 a{ color:#4d4d4d; }
	address{ border-top:1px solid #00aaff; font-size:12px; text-align:center; padding:5px 0; }

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

	.pagetop {
		display:none;
		position:fixed;
		bottom:30px;
		right:10px;
		line-height:0;
	}
	.pagetop a{
		display:block;
		padding:5px;
		background-color:#00aaff;
		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; }

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

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





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

	600px over

**************************************************/
@media only screen and (min-width:600px), print{
	
	/* common
	****************************************************/
	
		.wrap{ margin-left:auto; margin-right:auto; width:1000px; }
		.wrap800{ margin-left:auto; margin-right:auto; width:800px; }
		.sp{ display:none!important; }
	
	/* width
	****************************************************/
		
		.width_1{ margin-left:25%; margin-right:25%; }

	/* overflow:hidden;
	****************************************************/
	
		.oh, .oh_list{ overflow:hidden; }
		.oh .fl, .oh_list li{ float:left; }
		.oh .fr{ float:right; }
		.oh .cb{ clear:both; }

	/* column
	****************************************************/
	
		.col{ letter-spacing:-0.4em; }
		.col li{ display:inline-block; letter-spacing:normal; vertical-align:top; }
	
	/* header
	****************************************************/
		
		#header{ margin-bottom:20px; }
		#header .tel{ text-align:right; margin:5px 0; }
		#header .fr{ font-size:15px; }

	/* slider
	****************************************************/

		#slideshow{
			position:relative;
		   	width:100%;
			height:540px;
			margin:0 auto;
		}
		#slideshow li{
			position:absolute;
			height:540px;
			margin:0;
			padding:0;
			background-position:center top;
			background-repeat:no-repeat;
			z-index:1;
		}
		#slideshow p{
			position:absolute;
			z-index:2;
			left:15%;
			bottom:20px;
		}
		
	/* nav
	****************************************************/
		
		nav{ font-weight:bold; width:100%; font-size:18px; }
		nav ul{ overflow:hidden; background-color:#ffffff; }
		nav li{ float:left; width:168px; border-right:2px solid #efeae8; }
		nav li:first-child{ width:146px; border-left:2px solid #efeae8; }
		nav a{ display:block; text-align:center; color:#4d4d4d; line-height:20px; padding:12px 0 18px; }
		nav a:hover, nav .on{ color:#ff99a1; text-decoration:none; background:url(images/nav1bg.png) no-repeat center bottom; }
		.fixed{ position:fixed; top:0px; left:0px; z-index:9999; opacity:.75; }
		.space{ margin-top:50px; }

	/* page_title
	****************************************************/
	
		#page1title{ background:url(images/pt1bg.gif) no-repeat center #f2fbff; color:#3f72c6; padding:60px 0; text-align:center; }
		#page1title h2{ font-size:30px; line-height:30px; }

	/* content
	****************************************************/
		
		/* section */
		.section{ padding:80px 0; }
		/* top */
		#notice{ padding:50px; box-sizing: border-box; }
		#top .section_1{ width:1200px; }
		#top .section_1 .box p{ display:inline-block; letter-spacing:normal; vertical-align:top; margin:20px; }
		#top .section_1 .btn_1{ width:240px; margin-left:auto; margin-right:auto; }
		/* medical */
		#medical .section_1{ padding:45px 100px 0; }
		#medical .section_1 li{ width:36%; margin:5px 4%; }
		/* links */
		#links ul{ padding:30px 100px 0; }
		#links li{ width:50%; }
		/* greeting */
		#greeting .section_1 .fr{ width:590px; line-height:200%; }
		#greeting .section_2 .fl, #greeting .section_2 .fr{ width:480px; }
		#greeting .section_2 .fl{ margin-right:40px; }
		#greeting .section_2 span{ margin-left:20px; }
		/* guide */
		#guide .section_1{ width:1040px; margin-left:auto; margin-right:auto; }
		#guide .section_1 .box{ width:480px; height:530px; padding:20px; box-sizing:border-box; float:left; margin:20px; }
		#guide .section_2{ width:1050px; margin-left:auto; margin-right:auto; }
		#guide .section_2 .box, #guide .section_2 .box_2{ height:520px; float:left; margin:20px 25px; }
		#guide .section_2 .box{ width:300px; }
		#guide .section_2 h3{ display:block; height:70px; }
		#guide .section_2 h3 span{ font-size:16px; }
		#guide .section_2 .read{ font-size:16px; }
		#guide .section_2 h3, #guide .section_2 .read{ margin:10px 20px 0; }
		#guide .section_2 .box_2{ width:650px; }
		#guide .section_2 .box_2 .photo{ letter-spacing:-0.4em; text-align:center; }
		#guide .section_2 .box_2 .photo p{ display:inline-block; letter-spacing:normal; vertical-align:top; margin-left:25px; margin-right:25px; }
		/* access */
		#access .wrap{ width:700px; }

	/* symptom
	****************************************************/
	
		/* symptom */
		#symptom .wrap{ width:1050px; }
		#symptom li{ width:300px; margin:40px 25px 0px; }
		#symptom dt{ font-size:20px; }
		#symptom dd{ height:130px; }
		/* symptom2 */
		#symptom2 dt{ font-size:26px; }
		#symptom2 dd{ margin-top:30px; }
		#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{}
		#symptom3 h4{ font-size:20px; }
		#symptom3 .des{ margin-top:1em; }
		#symptom3 .back{ margin:0 1em; }

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

		/* disease */
		#disease .wrap{ width:990px; }
		#disease ul{ text-align:center; }
		#disease li{
			display:inline-block;
			border-radius:50%;
			width:250px;
			height:250px;
			background-color:#f2fbff;
			margin:40px 40px 0;
		 }
		#disease li a{
			display:block;
			font-size:20px;
			padding:115px 0 0;
			width:100%;
			height:100%;
		  }
		#disease li:hover{ background-color:#3f72c6; }
		#disease li a:hover{ color:#ffffff; }

	/* sitemap
	****************************************************/
	
		#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 .section_1 .fl, #footer .section_1 .fr{ width:50%; }
		#footer .section_1 .fl{ overflow:hidden; text-align:center; padding:20px 0 40px; }
		#footer .section_1 .fl p{ margin-top:20px; }
		#footer .section_1 .fl .adr{ font-size:16px; }
		#footer .section_1 .inner{ float:right; margin-right:50px; }
		#footer .section_1 .btn_2{ margin-left:80px; margin-right:80px; }
		#footer .section_2{ font-size:14px; padding:16px 0 8px; text-align:center; }
		#footer .section_2 li{ margin-right:10px; }

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

	/* gmap
	****************************************************/
		
		.gcal{ margin:30px auto 0; width:800px; }

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

}





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

	600px under

**************************************************/
@media only screen and (max-width:599px){
	
	/* common
	****************************************************/
		
		.wrap, .wrap800, .section{ padding:15px; line-height:1.5em; }
		img{ max-width:100%; height:auto; }
		.pc{ display:none!important; }

	/* background
	****************************************************/
		
		/* img */
		.bg1img{ -moz-background-size:auto 100%; background-size:auto 100%; background-position:right; }
	


	/* header
	****************************************************/
	
		#header{ text-align:center; }
		#header .tel{ margin-top:15px; }

	/* slideshow
	****************************************************/
	
		#slideshow{
			position:relative;
			width:100%;
			padding-top:41%;
		}
		#slideshow li{
			position:absolute;
			width:100%;
			-moz-background-size:100% auto;
			background-size:100% auto;
			height:0;
			margin-top:-41%;
			padding-top:41%;
			background-position:center top;
			background-repeat:no-repeat;
		}

	/* nav
	****************************************************/
	
		nav{ text-align:center; letter-spacing: -0.4em; margin-bottom:20px; }
		nav .wrap{ padding:0 0 0 0; }
		nav li{
			display:inline-table;
			width:31%;
			margin:5px 1% 0 1%;
			vertical-align:top;
			letter-spacing:normal;
			line-height:20px;
			font-size:12px;
		}
		nav li a{
			height:50px;
			display:table-cell;
			vertical-align:middle;
			background-color:#ffffff;
			color:#4d4d4d;
			text-align:center;
			border:1px solid #efeae8;
			border-radius:10px;
			-webkit-border-radius:10px; /* Safari,Google Chrome */
			-moz-border-radius:10px;	/* Firefox */
		}
		nav li a:hover{ background:url(images/nav1bg.png) no-repeat center bottom; border-color:#ff99a1; color:#ff99a1; text-decoration:none; }

	/* page_title
	****************************************************/
	
		#page1title{
			background:url(images/pt1bg.gif) no-repeat center #f2fbff;
			color:#3f72c6;
			text-align:center;
			padding:25px 0;
			-moz-background-size:auto 100%;
			background-size:auto 100%;
			}
		#page1title h2{ font-size:24px; }

	/* headline
	****************************************************/
	
		.headline_1{ font-size:22px; -moz-background-size:auto 100%; background-size:auto 100%; }
		h3{ font-size:20px; }
		
	/* content
	****************************************************/
		
		/* section */
		.section{ padding-top:30px; }
		/* top */
		#top .section_1 .box p{ margin:15px 0 5px; text-align:center; }
		#top .section_2{ text-align:center; }
		/* medical */
		#medical .section_1{ margin-top:20px; }
		#medical .section_1 li{ margin-top:10px; }
		/* greeting */
		#greeting .section_1 .fl{ margin-top:20px; text-align:center; }
		#greeting .section_2 span{ display:block; }
		#greeting .section_2 .fr{ margin-top:50px; }
		#greeting .mt100{ margin-top:50px; }
		/* guide */
		#guide .section_1{ margin-top:30px; }
		#guide .section_1 .box{ padding:15px; margin:15px 0; }
		#guide .section_2 .box, #guide .section_2 .box_2{ margin:15px 0; padding:15px 0; }
		#guide .section_2 h3, #guide .section_2 .read{ margin:10px 20px 0; }
		#guide .section_2 .tac{ margin:20px 0; }

	/* symptom
	****************************************************/
	
		/* symptom */
		#symptom ul{ margin-bottom:20px; }
		#symptom li{ margin-top:20px; }
		#symptom dd{ padding:0; margin-top:10px; }
		/* 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; }
		#symptom3 .des, #symptom3 dl, #symptom3 .back{ margin-top:10px; }

	/* disease
	****************************************************/
	
		/* disease */
		#disease ul{ margin-top:30px; padding:0 0 20px; }
		#disease li{ margin-top:20px; }
		#disease li a{ display:block; background-color:#f2fbff; padding:15px 25px; }
		#disease li a:hover{ background-color:#3f72c6; color:#ffffff; }

	/* bnr_list
	****************************************************/
	
		.bnr1list{ padding-bottom:15px; }
		.bnr1list li{ margin-top:15px; }

	/* footer
	****************************************************/
	
		#footer{ margin-top:30px; }
		#footer .section_1{ text-align:center; padding:15px; }
		#footer .section_1 .fl p{ margin-top:20px; }
		#footer .section_1 .fr{ margin-top:20px; }
		#footer .section_2{ padding:15px; }

	/* pagetop
	****************************************************/
	
		.pagetop { bottom:0; }

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

}