@charset "utf-8";

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

	*{ margin:0; padding:0; word-break:break-all; }
	body{ font-size:17px; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; color:#000000; line-height:150%; }
	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:14px; padding:10px 0; font-weight:normal; line-height:14px; }
	address{ font-style:normal; }

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

	.mt10{ margin-top:10px; }
	.mt20, .mt20list li{ margin-top:20px; }
	.mt30{ margin-top:30px; }
	.mt50{ margin-top:50px; }
	@media screen and (min-width: 600px) {
		.pc_mt0px { margin-top: 0 !important; }
		.pc_mr20px { margin-right: 20px; }
	}
	@media screen and (max-width: 599px) {
		.sp_mt20px { margin-top: 20px !important; }
		.sp_mt30px { margin-top: 30px !important; }
	}

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

	.tar{ text-align:right; }
	.tac{ text-align:center; }
	.ti1{ text-indent:1em; }

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

	.col_1{ color:#1d2087; }
	.col_2{ color:#ebf5ff; }
	.col_3{ color:#c4373d; }
	.col_4{ color:#faf5eb; }
	.col_5{ color:#000000; }

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

	.bg1color{ background-color:#faf5eb; padding:40px 0; }

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

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

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

	.btn_1, .btn1a a{ display:block; font-size:20px; text-align:center; }
	.btn_1:hover, .btn1a a:hover{ text-decoration:none; }
	.button_blue { display: inline-block; padding: 10px 20px; color: #ffffff; font-size: 18px; font-weight: bold; background-color: #1d2087; border-radius: 10px; }
	.button_blue:hover { opacity: 0.8; }

/* 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, .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; }

/* heading
****************************************************/

	#heading{ background-color:#1d2087; color:#ffffff; }

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

	#header{ background-color:#faf5eb; }
	#header .add{ margin-top:10px; }

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

	.headline_1{ text-align:center; color:#1d2087; background:url(images/headline1.png) no-repeat center center; }

/* content
****************************************************/

	/* section */
	.section_wrap{ background-color:#ffffff; border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; }
	/* notice */
	#notice li{ border-bottom:1px dotted #000000; padding:1em 1em .5em; }
	/* medical */
	#medical .section_1 li:before, #medical .section_2 li:before{ color:#1d2087; font-size:17px; }
	#medical .section_2 li{ border-bottom:1px solid #b2b2b2; }
	#medical .section_3{ background-color:#fffbdc; padding:20px; }
	#medical .section_3 h3{ border-bottom:1px solid #1d2087; color:#1d2087; font-weight:normal; padding-bottom:5px; }
	#medical .section_3 h3:before{ content:"◆ "; color:#1d2087; }
	#medical .section_4 a{ border:1px solid #b2b2b2; color:#1d2087; padding:5px 0; text-align:center; font-weight:bold; }
	#medical .section_4 a:hover{ background-color:#ebf5ff; }
	#medical .section_5 dt{ background-color:#ebf5ff; color:#1d2087; border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; padding:5px 25px; margin-top:50px; }
	#medical .section_5 dt a{ text-decoration:none; }
	#medical .section_5 dd{ padding:15px 25px 0; }
	#medical .section_6{ display:inline-block; background-color:#fffbdc; color:#1d2087; padding:5px 15px; font-weight:bold; }
	#medical .section_7 .tac{ margin-bottom:10px; }
	#medical #anc1, #medical #anc2, #medical #anc3, #medical #anc4{ margin-top:-100px;  padding-top:100px; }
/* footer
****************************************************/

	#footer .section_1 .btn_1{ background-color:#1d2087; color:#ffffff; padding:10px 20px; font-weight:bold; font-size:18px; }
	#footer .section_1 .btn_1:hover{ background:#8e8fc3; }
	#footer .section_2{ text-align:center; }
	#footer .section_3{ background-color:#1d2087; color:#ffffff; padding:15px 0 5px; }
	#footer .section_3 a{ color:#ffffff; }
	address{ font-size:12px; text-align:center; padding:1em; }

/* tel
****************************************************/

	.tel{ background:url(images/tel.png) no-repeat left center; font-size:30px; padding:3px 0 0 40px; }
	.tel_2{ background:url(images/tel2.png) no-repeat left center; font-size:34px; padding:14px 0 14px 50px; }
	.tel a, .tel_2 a{ color:#1d2087; font-weight:bold; }
	.tel a:hover, .tel_2 a:hover{ text-decoration:none; }

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

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

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

	#disease li a:hover{ color:#ffffff; text-decoration:none; }
	#disease2 h3{ border-radius:30px; background-color:#faf5eb; padding:5px 1.5em; margin-top:1em; }
	#disease2 dt{ padding:0 10px 5px 10px; font-size:16px; font-weight:bold; margin-top:2em; }
	#disease2 dt:before{ content:"●"; margin-right:.5em; color:#c4373d; }
	#disease2 dd{ padding-top:1em; padding-left:15px; padding-right:15px; }

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

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

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

	#error404{ text-align:center; color:red; }





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

	600px over

**************************************************/
@media only screen and (min-width:600px), print{

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

		.wrap{ margin-left:auto; margin-right:auto; width:1000px; }
 .sp{ display:none; }

	/* 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{ padding:20px 0 20px; }
		#header .fl{ margin-top:20px; }
		#header .add{ line-height:130%; font-size:14px; }

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

		#slideshow{
		   position:relative;
		   margin-top:20px;
		   margin-bottom:20px;
		   width:100%;
		   height:360px;
		}
		#slideshow li{
		   position:absolute;
		   height:360px;
		   margin:0;
		   padding:0;
		   background-position:center top;
		   background-repeat:no-repeat;
		}

	/* nav
	****************************************************/

		nav{ background-color:#1d2087; font-weight:bold; width:100%; }
		nav ul{ overflow:hidden; }
		nav li{ float:left; width:200px; }
		nav li:last-child{ margin-right:0; }
		nav a{ display:block; text-align:center; color:#ffffff; line-height:20px; padding:20px 0; }
		nav a:hover, nav .on{ background:url(images/nav.gif) no-repeat bottom center; text-decoration:none; }
		nav .sp{ display:none; }
		.fixed{ position:fixed; top:0px; left:0px; z-index:9999; opacity:.75; }
		.space{ margin-top:60px; }

	/* notice
	****************************************************/

		#notice{ padding:50px 0; margin:0 auto; width:800px; }
		#notice ul{ margin-top:30px; }

	/* content
	****************************************************/

		/* section */
		.section{ padding:40px 0; }
		.section_wrap{ padding:50px 100px; margin-top:30px; }
		/* medical */
		#medical .section_1 li{ margin-right:1em; }
		#medical .section_2 li{ width:32%; font-size:15px; padding:10px 0 5px; }
		#medical .section_2 .cen{ margin:0 2%; }
		#medical .section_3 p{ padding:0 1.5em; }
		#medical .section_4 li{ width:47%; }
		#medical .section_7{ padding:25px 50px 0; }
		#medical .section_7 div{ width:300px; }
		/* greeting */
		#greeting .fr{ width:555px; line-height:200%; }
		/* guide */
		#guide .section_1 .img{ width:420px; }
		#guide .section_1 .img .txt{ margin-top:20px; }
		#guide .section_1 .tmb{ width:300px; }
		#guide .section_1 .tmb li{ margin-top:20px; }
		#guide .section_1 .tmb li:first-child{ margin-top:0; }
		#guide .section_1 .tmb img{ vertical-align:middle; }
		#guide .section_1 .tmb span{ margin-left:2em; }
		#guide .section_1 .tmb a:hover{ text-decoration:none; }
		#guide .section_1 .img strong:before, #guide .section_1 .tmb span:before{ content:"◆ "; color:#1d2087; }
		#guide .section_2 .img{ width:330px; }
		#guide .section_2 .img .txt{ margin-top:20px; }
		#guide .section_2 .tmb{ width:400px; }
		#guide .section_2 .tmb li{ width:190px; margin:0 5px 20px 5px; font-size:14px; text-align:center; }
		#guide .section_2 .tmb .wide{ width:100%; }
		#guide .sp{ display:none; }

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

		#footer .section_1{ padding:40px 0; }
		#footer .section_1 .btn_1{ margin-right:20px; }
		#footer .section_1 .add{ margin-top:10px; }
		#footer .section_1 .cut{ margin-top:50px; margin-left:40px; }
        #footer .w610{ width:610px; }
		#footer .section_2 li{ margin:0 25px; }
		#footer .section_3 ul{ text-align:center; font-size:14px; }
		#footer .section_3 li{ margin:0 5px; }

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

		#disease ul{ letter-spacing:-.4px; text-align:center; padding-left:.5%; }
		#disease li{
			display:inline-block;
			letter-spacing:normal; border-radius: 50%;
			width:190px;
			height:190px;
			background-color:#ffffff;
			margin:40px 40px 0 40px;
		 }
		#disease li a{
			display:block;
			font-size:18px;
			padding:86px 0;
			width:100%;
		  }
		#disease li:hover{ background-color:#1d2087; }

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

		#sitemap .child{ margin-left:1.5em; overflow:hidden; }
		#sitemap .child li{ float:left; width:33%; }
}





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

	600px under

**************************************************/
@media only screen and (max-width:599px){

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

		.wrap{ padding:15px; }
		.wrap2{ padding: 0 15px 15px; }
		img{ max-width:100%; height:auto; }
 .pc{ display:none; }

	/* space
	****************************************************/

		.space_1, .space1list li, .space_2, .space2list li{ margin-top:10px; }
		.space_3{ margin-top:15px; }
		.space_4{ margin-top:25px; }

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

		.btn_2{ background:none; text-align:center; }

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

/*		#header{ padding-bottom:15px; }*/
		#header .fl{ text-align:center; }
		#header .fr{ margin-top:10px; font-size:14px; }

	/* slideshow
	****************************************************/

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

#slideshow{
/*	margin-top:10px;*/
	position:relative;
	overflow:hidden;
	width:100%;
	height:100%;
 padding-top:36%;
}
#slideshow li{
	position:absolute;
	background-size:cover;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-position:center top;
	background-repeat:no-repeat;
}


	/* nav
	****************************************************/

		nav{ text-align:left; letter-spacing: -0.4em; margin-bottom:5px; }
		nav .wrapper{ padding:15px 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:#1d2087;
			text-align:center;
			border:1px solid #1d2087;
			border-radius: 10px;
			-webkit-border-radius: 10px; /* Safari,Google Chrome */
			-moz-border-radius: 10px;  /* Firefox */
			color:#ffffff;
		}
		nav li a:hover{ background-color:#ffffff; color:#1d2087; text-decoration:none; }

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

		.headline_1{ background:none; }

	/* content
	****************************************************/

		/* section */
		.section_wrap{ padding:20px; margin-top:15px; }
		/* medical */
		#medical .section_2 li{ margin-top:10px; }
		/* greeting */
		#greeting .fl{ text-align:center; }
		#greeting .fr{ margin-top:20px; }
		/* guide */
		#guide .pc{ display:none; }
		#guide .section_3 li{ margin-top:30px; text-align:center; }
		#guide .section_3 li:first-child{ margin-top:0; }
		#guide .section_3 p{ margin-top:15px; text-align:left; }
		#guide .section_3 strong:before{ content:"◆ "; color:#1d2087; }

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

		#footer{ margin-top:25px; }
		#footer .add{ margin-top:10px; }
		#footer .section_1 .fr{ margin-top:20px; margin-bottom:20px; text-align:center; }
		#footer .section_2 li{ margin:10px 0; }
		#footer .section_3 ul{ padding:0 15px; font-size:12px; }

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

		#disease ul{ padding:0 20px 20px 20px; }
		#disease li{ margin-top:20px; }
		#disease li a{ display:block; background-color:#ffffff; padding:10px 1em; }
		#disease li a:hover{ background-color:#1d2087; }
}