@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:200%; }
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; }
strong{ font-weight:bold; }

/* color, background-color
****************************************************/
.col_1{ color:#fbf9f2; }
.col_2{ color:#eedfa7; }
.col_3{ color:#e4b52d; }
.col_4{ color:#c4373d; }
.col_5{ color:#754c32; }
.col_6{ color:#00acee; }
.col_7{ color:}
.col2bg{ background-color:#eedfa7; }

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

/* radius
****************************************************/
.radius_10, .section .white{ border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }

/* icon
****************************************************/
.icon_1:before, .icon1list li:before{ content:"●"; margin-right:.5em; }
.icon_2:before, .icon2list li:before{ content:"▶"; margin-right:.5em; }

/* border
****************************************************/
.border_1{ border-bottom: 1px solid #b8a292; }

/* heading
****************************************************/
#heading{ background-color:#e4b52d; }
#heading h1{ color:#ffffff; font-weight:normal; font-size:15px; }

/* header
****************************************************/
#header{ margin-top:30px; }
#header p{ font-size:12px; line-height:200%; }

/* nav
****************************************************/
nav a{ color:#000000;}
nav a:hover, nav .on{ color:#c4373d; text-decoration:none; }

/* footer
****************************************************/
#footer .stage_2{ background-color:#754c32; color:#ffffff; }
#footer .stage_2 a{ color:#ffffff; }
#footer .stage_2 a{ color:#ffffff; }

/* headline
****************************************************/
.headline_1{ text-align:center; color:#754c32; }
.headline_1:before, .headline_1:after{ content:'◆'; margin:0 1em; }

/* pages
****************************************************/
/* notice */
#notice li{ border-bottom:1px dotted #000000; padding:1em; }
/* medical */
#medical .float_list li:before{ color:#c4373d; }
/* gudie */
#guide{ text-align:center; }
#guide img{ margin-bottom:20px; }
#guide p{ text-align:left; font-size:15px; line-height: 20px; }

/* symptom
****************************************************/
#symptom dl{ border:1px solid #754c32; }
#symptom dt{ border-bottom:1px solid #754c32; padding:.3em 1em; font-size:14px; font-weight:bold; }
#symptom dt:before{ content:"●"; margin-right:.5em; color:#c4373d; }
#symptom dd{ padding:5px 10px; line-height:150%; font-size:12px; }
#symptom dd a{ display:block; text-align:right; text-decoration:none; }
#symptom dd a:before{ content:"▶"; font-size:11px; margin-right:5px; color:#c4373d; }
#symptom dd a:hover:before{ color:#f7514c; }
/* symptom2 */
#symptom2 dt{ border-bottom:4px solid #eedfa7; padding:0 10px 5px 10px; font-size:16px; font-weight:bold; }
#symptom2 dt:before{ content:"●"; margin-right:.5em; color:#c4373d; }
#symptom2 dd{ padding-top:1em; }
#symptom2 li{ margin-top:1em; }
#symptom2 li a{ text-decoration:none; }
#symptom2 li a:before{ content:"▶"; font-size:11px; margin-right:5px; }
#symptom2 li a:hover:before{ color:#c4373d; }
/* symptom3 */
#symptom3 h3{ border-bottom:4px solid #eedfa7; font-size:16px; font-weight:bold; }
#symptom3 h3:before{ content:"●"; margin-right:.5em; color:#c4373d; }
#symptom3 h4{ border-bottom:1px solid #eedfa7; font-size:16px; }
#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; border-top:1px solid #eedfa7; }
#symptom3 .back:before{ content:"◀"; margin-right:5px; color:#c4373d; }

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

/* about
****************************************************/
#about dl{ margin-bottom:2em; }
#about dt{ font-size:16px; font-weight:bold; margin-top:1em; }
#about dt:before{ content:"●"; color:#c4373d; margin-right:5px; }
#about dd{ margin-top:1em; padding-bottom: 2em; }
#about h3{ font-weight:normal; margin-top: 1em; }
#about h3:before{ content:"■"; color:#754c32; margin-right:5px; }

 /* sitemap
****************************************************/
#sitemap .parent li:before{ content:"■"; color:#c4373d; margin-right:.5em; }
#sitemap .child li:before{ content:"●"; color:#754c32; margin-right:.5em; }

 /* pagetop
****************************************************/
.pagetop {
    display:none;
    position:fixed;
    bottom:50px;
    right:25px;
	line-height:0;
}
.pagetop a{
	display:block;
	padding:5px;
	background-color:#4e3c33;
	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; }

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



/* モニター幅600px以上
**************************************************/
@media only screen and (min-width:600px), print{
	
/* wrapper
****************************************************/
.wrapper{ width:1004px; margin-left:auto; margin-right:auto; }

/* space
****************************************************/
.space_s{ margin-top:1em; }
.space_m{ margin-top:2em; }
.space_l{ margin-top:3em; }

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

/* mainImg
****************************************************/
.mainImg{ margin:15px auto; width:1004px; }
.flexslider{ width:100%; height:280px; }

/* nav
****************************************************/
nav{ background-color:#ffffff; width:100%; }
nav ul{ text-align:center; font-size:0; }
nav li{ display:inline-block; text-align:center; border-right:1px solid #e4b52d; font-size:17px; }
nav li:first-child{ border-left:1px solid #e4b52d; }
nav a{ display:block; width:166px; line-height:50px; }
.fixed{ position:fixed; top:0px; left:0px; z-index:9999; opacity:.80; }
.space{ margin-top:50px; }

/* contents
****************************************************/
#contents{ margin-top:50px; }

/* footer
****************************************************/
#footer .stage_1{ padding:60px 0; }
#footer .stage_1 .lef{ position:relative; width:487px; }
#footer .stage_1 .img{ position:absolute; bottom:-5px; right:0; }
#footer .stage_1 p{ margin-top:26px; line-height:130%; }
#footer .stage_1 ul{ font-size:0; padding-top:40px; }
#footer .stage_1 .btn_l{ width:33%; text-align:left; }
#footer .stage_1 .btn_c{ width:34%; text-align:center; }
#footer .stage_1 .btn_r{ width:33%; text-align:right; }
#footer .stage_2{ text-align:center; padding:10px 0; font-size:12px; }
#footer .stage_2 li{ margin:0 .5em; }

/* gmap
****************************************************/
.gmap{ padding-bottom: 250px; width:490px; }

/* section & background
****************************************************/
.section{ padding:60px 0; }
.section .white{ background-color:#ffffff; padding:30px; margin-top:20px; }

/* pages
****************************************************/
/* notice */
#notice .wrapper{ position:relative; }
#notice .img1{ position:absolute; top:-75px; right:-150px; z-index:0; }
#notice .img2{ position:absolute; bottom:-150px; left:-150px; z-index:0; }
#notice ul{ padding:0 20px; }
/* medical */
#medical .float_list li{ min-width:25%; margin-top:1em; }
#medical .float{ width:740px; margin:0 auto;}
#medical .img1, #medical .img2{ margin-top:20px; margin-left: 15px; }
#medical .img3{ margin-top: 75px; margin-right:0; }
/* greeting */
#greeting .stage_1{ background:url(images/circle-03.png) no-repeat center right 40px; font-size:17px; padding:30px 260px 0 20px; line-height:200%;; }
/* gudie */
#guide .indoor li{ width:250px; margin:30px; }
#guide .facility{ padding-left: 2px; }
#guide .facility li{ width: 200px; margin:40px 0 0 40px ; }

/* symptom
****************************************************/
/* symptom */
#symptom ul{ overflow:hidden; padding-top:1.5%; padding-bottom:4%; }
#symptom li{ float:left; width:28%; margin:2.5% 0 0 4%; }
#symptom dt{ font-size:14px; }
#symptom dd{ height:75px; }
/* symptom2 */
#symptom2 .section_inner{ background:url(images/section1bg.png) no-repeat right bottom; }
#symptom2 dl{ padding:30px 30px 0 30px; }
#symptom2 dd{ margin-top:.5em; }
#symptom2 ul{ margin:30px auto 30px auto; width:70%; overflow:hidden; }
#symptom2 li{ float:left; width:32%; margin-left:1%; }
/* symptom3 */
#symptom3 h3{ padding:0 10px 5px 10px; }
#symptom3 h4{ margin:3em 1em 0 1em; padding-bottom:5px; }
#symptom3 .des{ margin:1.5em 15px 0 15px; }
#symptom3 dl{ padding:1em 3em; }
#symptom3 .back{ margin:0 1em; }

/* 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:#c4373d; }

/* sitemap
****************************************************/
#sitemap li{ margin-top:.5em; }
#sitemap .parent{ margin-left:50px; padding:30px 0; }
#sitemap .child{ margin-left:1.5em; overflow:hidden; width:500px; }
#sitemap .child li{ float:left; width:33%; }


.sp{ display:none; }

}



/* モニター幅600px以下
**************************************************/
@media only screen and (max-width:599px){

/* common
****************************************************/
img{ max-width:100%; height:auto; }
.wrapper{ padding-left:10px; padding-right:10px; }

/* space
****************************************************/
.space_s, .space_m, .space_l{ margin-top:1em; }

/* headline
****************************************************/
.headline_1, .headline_2, .headline_3, .headline_4{
	font-size:16px;
	-moz-background-size:contain;
	background-size:contain;
}
.headline_3, .headline_4{ background-image:url(images/headline2bg.png); line-height:50px; }
.headline_4{ background-repeat:no-repeat; background-position:center; text-align:center; }

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

/* mainImg
****************************************************/
.mainImg{ margin:10px; }
.flexslider{ width:100%; height:100%; }

/* nav
****************************************************/
nav{ text-align:center; letter-spacing: -0.4em; margin-bottom:20px; margin-top:10px; }
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;
	text-align:center;
	border:1px solid #e4b52d;
	border-radius: 10px;
	-webkit-border-radius: 10px; /* Safari,Google Chrome */
	-moz-border-radius: 10px;  /* Firefox */
}

/* footer
****************************************************/
#footer .stage_1{ padding:30px 10px; text-align:center; }
#footer .stage_1 .img{ display:none; }
#footer .stage_1 p, #footer .rig, #footer .stage_1 li{ margin-top:15px; }
#footer .stage_1 li{ text-align:center; }
#footer .stage_2{ padding:10px; font-size:12px; }
#footer address{ font-size:10px; text-align:center; }

/* section
****************************************************/
.section{ padding-top:30px; padding-bottom:30px; }
.section .white{ background-color:#ffffff; padding:30px; margin-top:20px; }

/* pages
****************************************************/
/* notice */
#notice .img1, #notice .img2{ display:none; }
/* guide */
#medical .img1, #medical .img2{ text-align:center; margin-top:15px; }
#medical .img3{ display:none; }
/* gudie */
#guide .indoor li, #guide .facility li{ margin:20px 0 ; }

/* symptom
****************************************************/
#symptom li{ margin-top:20px; }
/* symptom2 */
#symptom2 dl{ margin-top:15px; }
/* symptom3 */
#symptom3 h4, #symptom3 .des, #symptom3 dl, #symptom3 .back{ margin-top:1em; }

/* 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:#c4373d; }

/* sitemap
****************************************************/
#sitemap li{ margin-top:.5em; }
#sitemap .parent{ padding:20px; }
#sitemap .child{ margin-left:1.5em; }

/* pagetop
****************************************************/
.pagetop{ bottom:10px; right:10px; }
}