@charset "utf-8";

/* common
****************************************************/
*{ margin:0; padding:0; word-break:break-all; }
body{ font-size:14px; line-height:175%; 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; line-height:200%; }
a{ text-decoration:none; color:#000000; }
a:hover{ text-decoration:underline; }
a:hover img{ opacity: 0.8; }

/* device
****************************************************/
.sp { display: block; }
@media screen and (min-width: 600px) {
	.sp { display: none; }
}
.pc { display: none; }
@media screen and (min-width: 600px) {
	.pc { display: block; }
}
/* font
****************************************************/
.fc_1{ color:#007f41; }
.fc_2{ color:#f39800; }
.fs_14px{ font-size:14px; }

/* align
****************************************************/
.align_r{ text-align:right; }
.align_c{ text-align:center; }

/* radius
****************************************************/
.radius_5{ border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.radius_10, .button_1, .button_2{ border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }

/* headline
****************************************************/
.headline_1{ background:url(images/headline_bg.png) left bottom no-repeat; font-size:16px; color:#07aa49; padding:5px 0 15px 60px; font-weight:normal; margin-top:5px; }
.headline_2{ border-bottom:2px solid #1d2088; font-weight:normal; text-align:center; padding:10px 0 2px 0; }

/* read
****************************************************/
.ti1em{ text-indent:1em;}
.le1em{ letter-spacing:1em; }

/* section
****************************************************/
.section{ border:1px solid #edeee9; margin-top:20px; background-color:#ffffff; }

/* icon
****************************************************/
.icon_1:before{ content:"※"; margin-right:5px; }
.icon_2:before, .icon_2_list li:before{ content:"●"; color:#1d2088; margin-right:5px; }
.icon_3:after{ content:"▶"; font-size:11px; margin-left:1em; }
.icon_4:before, .icon_4_list li:before{ content:"■"; color:#1d2088; margin-right:5px; }
.icon_5:before{ content:"■"; color:#ed3c90; margin-right:5px; }

/* list
****************************************************/
/* list_ul */
.list_ul1 li:before{ content:"●"; color:#1d2088; margin-right:5px; }
.list_ul2 li{ border-bottom:1px dotted #6a3906; padding-left:1em; margin-top:5px; }
/* list_dl */
.list_dl1 dt{ color:#1d2088; font-size:16px; font-weight:bold; margin-top:20px; }
.list_dl1 dt:before{ content:"●"; color:#1d2088; margin-right:5px; }
.list_dl1 dd{ margin-top:1em; }
/* list_etcl */
.list_disc{ list-style-type:disc; margin-left:1.5em; }
.list_banner li{ margin-top:30px; border:3px solid #4fc4a9; text-align:center; }

/* button
****************************************************/
.btn_wid_1{ width:181px; }
.btn_wid_2{ width:100%; text-align:center; }
.button_1, .button_2{ color:#ffffff; font-weight:bold; display:inline-block; padding:5px 0; }
.button_1{ background-color:#ed3c90; border:1px solid #ed3c90; }
.button_1:hover{ text-decoration:none; background-color:#ffffff; color:#ed3c90; }
.button_2{ background-color:#1d2088; border:1px solid #1d2088; }
.button_2:hover{ text-decoration:none; background-color:#ffffff; color:#1d2088; }

.reserve__area .reserve__area-button { font-size: 16px; font-weight: bold; }
.reserve__area .reserve__area-button .link { display: flex; justify-content: center; align-items: center; padding: 10px 0; color: #FFF; background: #ed3c90; border: 2px solid #ed3c90; }
.reserve__area .reserve__area-button .link:hover { color: #ed3c90; background: #FFF; text-decoration: none; }
.reserve__area .reserve__area-button .link .text { margin-left: 10px; }

@media only screen and (min-width:600px) {
	.wrapper.flex { display: flex; justify-content: space-between; align-items: center; }
}

/* greeting
****************************************************/
.greeting .greeting-message{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }

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

/* wrapper
****************************************************/
.wrapper{ width:1000px; margin:0 auto; overflow:hidden; }

/* space
****************************************************/
.mt_5{ margin-top:5px; }
.mt_10{ margin-top:10px; }
.mt1em{ margin-top:1em; }
.mt_20{ margin-top:20px; }
.mt_40{ margin-top:40px; }
.ml5em, .ml5em_list span{ margin-left:5em; }

/* read
****************************************************/
.read_1{ padding:20px 49px 30px 49px; }
.read_2{ padding:15px; }
.read_556px{ margin:20px auto 30px auto; width:556px; }

/* column
****************************************************/
.column, .column_mw33, .column_mw50{ overflow:hidden; }
.column .lef, .column_mw33 li, .column_mw50 li{ float:left; }
.column .rig{ float:right; }
.column_mw33 li{ min-width:33%; }
.column_mw33 .adj{ min-width:21%; }
.column_mw50 li{ min-width:50%; }

/* header
****************************************************/
#header{ border-top:20px solid #07aa49; }
#header .lef{ float:left; }
#header .rig{ float:right; }
#header h1{ font-size:10px; font-weight:normal; }
#header .logo{ margin-top:10px; }
#header #fontNavi{ overflow:hidden; font-size:12px; margin-top:10px; }
#header #fontNavi li:last-child:before{ content:"文字の大きさ"; margin-right:10px; }
#header #fontNavi li{ float:right; margin-left:10px; }
#header #fontNavi a{ display:inline-block; width:40px; text-align:center; line-height:20px; background-color:#07aa49; color:#ffffff; border:1px solid #07aa49; }
#header #fontNavi .off{ background-color:#ffffff; color:#000000; }
#header .tel{ margin-top:15px; font-weight:bold; border-bottom:1px solid #000000; text-align:center; }
#header .tel a{ font-size:24px; margin-left:5px; letter-spacing:2px; }
#header .adr{ margin-top:5px; font-size:11px; line-height:17px; }

/* globalNavi
****************************************************/
#globalNavi{ text-align:center; font-size:0; margin-bottom:20px; }
#globalNavi li{ display:inline-block; text-align:center; border-left:1px solid #1d2088; padding:0 2px; font-size:14px; }
#globalNavi li:last-child{ border-right:1px solid #1d2088; }
#globalNavi li br{ display:none; }
#globalNavi a{ width:161.5px; display:block; text-decoration:none; color:#000000; padding:10px 0; line-height:100%; }
#globalNavi .on, #globalNavi a:hover{ background-color:#1d2088; color:#ffffff; }

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

/* contents
****************************************************/
#content{ background-color:#fffff0; padding:25px 0 80px 0; margin-top:30px; }
#main-column{ float:left; width:660px; padding-top:60px; }
#side-column{ float:right; width:275px; padding-top:60px; }

/* page_headline
****************************************************/
.page_headline{ text-align:center; }


/* footer
****************************************************/
#footer{ background:#07aa49; color:#ffffff; padding:25px 0 20px 0; text-align:center; }
#footer a{ color:#ffffff; }
#footer h3{ font-size:24px; letter-spacing:.5em; }
#footer .adr{ line-height:18px; margin-top:10px; }
#footer .tel{ font-size:24px; margin-top:10px; }
#footer ul{ margin-top:10px; line-height:100%; }
#footer li{ display:inline-block; }
#footer li:after{ content:"／"; }
#footer li:last-child:after{ content:""; }
#footer address{ font-style:normal; margin-top:10px; font-size:11px; }

/* greeting
****************************************************/
.greeting .text{ background-image:url(images/bg_dotted.png); line-height:25px; width: 60%; }
.greeting .name{ text-align:right; line-height:1.5; margin-top:1.5em; }
.greeting .name span{ font-size:10px; }

/* guide
****************************************************/
/* guide_list1 */
.guide_list1{ overflow:hidden; margin-top:20px; padding:0 20px; }
.guide_list1 .photo{ float:right; margin-left:30px; }
.guide_list1 .text h3{ background:url(images/gui_hd_bg_1.png) no-repeat; color:#ffffff; font-size:14px; line-height:20px; padding-left:.5em; padding-top:1px; }
.guide_list1 .text h3:before{ content:"●"; margin-right:5px; }
.guide_list1 .text p{ margin-top:.5em; }
/* guide_list2 */
.guide_list2{ overflow:hidden; }
.guide_list2 .box{ float:left; margin:20px 1px 0 29px; width:180px; height:400px; }
.guide_list2 .box h3{ color:#1d2088; font-size:14px; margin-top:.5em; }

/* symptom
****************************************************/
.symptom ul{ overflow:hidden; padding-left:39px; padding-bottom:25px; }
.symptom li{ float:left; width:180px; margin-right:20px; margin-top:20px; }
.symptom dl, .symptom dt{ border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }
.symptom dl{ border:1px solid #07aa49; }
.symptom dt{ background-color:#cdeedb; margin:5px 3px 0 3px; padding-left:1em; }
.symptom dd{ padding:5px 10px; line-height:150%; font-size:12px; }
.symptom dd a{ display:block; text-align:right; }
.symptom dd a:before{ content:"▶"; font-size:11px; margin-right:5px; color:#07aa49; }
.symptom .even dl{ border:1px solid #ee4c99; }
.symptom .even dt{ background-color:#fce2ee; }
.symptom .even dd a:before{ color:#ee4c99; }
/* symptom2 */
.symptom2 dl{ margin-top:10px; padding:20px; }
.symptom2 dt{ background-color:#07aa49; color:#ffffff; font-weight:bold; padding:4px 1em 3px 1em; font-size:15px; }
.symptom2 dd{ margin-top:.5em; }
.symptom2 ul{ overflow:hidden; margin:30px 0 50px 70px; }
.symptom2 li{ float:left; width:33%; margin-top:1em; background:url(images/icon_arrow_4.png) left center no-repeat; padding-top:2px; }
.symptom2 li a{ margin-left:20px; }
/* symptom3 */
.symptom3 h3{ background-color:#d7f1e2; color:#07aa49; padding:5px 1em; font-size:16px; margin-top:20px; }
.symptom3 h4{ border-bottom:1px solid #ed3c90; color:#ed3c90; font-size:16px; margin-top:20px; }
.symptom3 h4:before{ content:"■"; margin-right:5px; }
.symptom3 .des{ margin-top:.5em; }
.symptom3 dl{ padding:2em 0; }
.symptom3 dt{ font-weight:bold; }
.symptom3 dt:before{ content:"●"; margin-right:5px; color:#ed3c90; }
.symptom3 .back{ padding-top:.5em; border-top:1px solid #ed3c90; }
.symptom3 .back:before{ content:"◀"; margin-right:5px; color:#07aa49; }

/* disease
****************************************************/
.disease ul{ overflow:hidden; padding-bottom:30px; }
.disease li{ float:left; margin:20px 1px 0 29px; }
.disease li a{
	width:178px;
	display:block;
	background-image:url(images/icon_arrow_2.png);
	background-position:left 15px top 17px;
	background-repeat:no-repeat;
	background-color:#07aa49;
	text-align:center;
	padding:15px 0;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border:1px solid #07aa49;
	color:#ffffff;
}
.disease li a:hover{ background-image:url(images/icon_arrow_3.png); background-color:#e6f7ed; color:#07aa49; text-decoration:none; }
.disease h3{ background-color:#fef3f8; color:#ed3c90; padding:5px; margin-top:20px; }
.disease h3:before{ content:"●"; margin-right:5px; }
.disease dt{ border-bottom:1px solid #ed3c90; padding-bottom:5px; font-weight:bold; }
.disease dd{ padding-top:20px; }

/* sitemap
****************************************************/
.sitemap li{ margin-top:.5em; }
.sitemap .parent{ margin-left:50px; padding:30px 0; }
.sitemap .parent li:before{ content:"■"; color:#1d2088; margin-right:.5em; }
.sitemap .child{ margin-left:1.5em; overflow:hidden; width:500px; }
.sitemap .child li{ float:left; width:33%; }
.sitemap .child li:before{ content:"●"; color:#ed3c90; margin-right:.5em; }

}

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

.wrapper{ width:100%; }
img{ max-width:100%; height:auto; }

/* space
****************************************************/
.mt_5{ margin-top:5px; }
.mt_10{ margin-top:10px; }
.mt1em{ margin-top:1em; }
.mt_20{ margin-top:20px; }
.mt_40{ margin-top:20px; }

/* list
****************************************************/
.list_banner li{ margin-top:20px; }

/* read
****************************************************/
.read_1, .read_2, .read_556px{ padding:10px; }

/* header
****************************************************/
#header{ border-top:20px solid #07aa49; padding:10px; }
#header h1{ font-size:10px; font-weight:normal; text-align:center; }
#header .logo{ text-align:center; }
#header #fontNavi{ overflow:hidden; font-size:12px; margin-top:10px; }
#header #fontNavi li:last-child:before{ content:"文字の大きさ"; margin-right:10px; }
#header #fontNavi li{ float:right; margin-left:10px; }
#header #fontNavi a{ display:inline-block; width:40px; text-align:center; line-height:20px; background-color:#07aa49; color:#ffffff; border:1px solid #07aa49; }
#header #fontNavi .off{ background-color:#ffffff; color:#000000; }
#header .tel{ margin-top:15px; font-weight:bold; border-bottom:1px solid #000000; text-align:center; }
#header .tel a{ font-size:24px; margin-left:5px; letter-spacing:2px; }
#header .adr{ margin-top:5px; font-size:11px; line-height:17px; text-align:center; }

/* globalNavi
****************************************************/
	#globalNavi{ text-align:center; letter-spacing: -0.4em; }
	#globalNavi li{
		display:inline-table;
		width:31%;
		margin:10px 1% 0 1%;
		vertical-align:top;
		letter-spacing: normal;
		line-height:20px;
		font-size:12px;
	}
	#globalNavi li a{
		height:50px;
		display:table-cell;
		vertical-align:middle;
		color:#ffffff;
		text-align:center;
		background-color:#1d2088;
		border:1px solid #1d2088;
		border-radius: 10px;
		-webkit-border-radius: 10px; /* Safari,Google Chrome */
		-moz-border-radius: 10px;  /* Firefox */
	}
	#globalNavi li .on, #globalNavi li a:hover{
		color:#1d2088;
		background-color:#ffffff;
		font-weight:bold;
	}

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

/* contents
****************************************************/
#content{ padding:10px; }
#side-column{ margin-top:20px; }

/* page_headline
****************************************************/
.page_headline{ text-align:center; margin-top:10px; }

/* column
****************************************************/
.column .rig{ text-align:center; margin-bottom:1em; }

/* footer
****************************************************/
#footer{ background:#07aa49; color:#ffffff; padding:15px 10px; font-size:12px; margin-top:10px; }
#footer a{ color:#ffffff; }
#footer h3{ font-size:24px; letter-spacing:.5em; text-align:center; }
#footer .adr{ line-height:18px; margin-top:10px; }
#footer .tel{  padding-top:10px; font-size:24px; font-weight:bold; text-align:center; }
#footer ul{ margin-top:1em; }
#footer li{ background:url(images/icon_arrow.png) left center no-repeat; }
#footer li a{ padding-left:1em; }
#footer address{ font-style:normal; margin-top:1em; font-size:11px; text-align:center; }

/* greeting
****************************************************/
.greeting .text{ background-image:url(images/bg_dotted.png); line-height:25px; }
.greeting .name{ text-align:right; line-height:1.5; margin-top:1.5em; }
.greeting .name span{ font-size:10px; }

.greeting .greeting-message{ justify-content: center; }
.greeting .greeting-message .greeting-message__image{ margin-top: 20px; }

/* guide
****************************************************/
/* guide_list1 */
.guide_list1{ margin-top:20px; padding:0 10px; }
.guide_list1 .photo{ text-align:center; }
.guide_list1 .text h3{ color:#07aa49; font-size:14px; margin-top:.5em; }
.guide_list1 .text h3:before{ content:"●"; margin-right:5px; }
/* guide_list2 */
.guide_list2 .box{ margin-top:20px; padding:0 10px; }
.guide_list2 .photo{ text-align:center; }
.guide_list2 .box h3{ color:#1d2088; font-size:14px; margin-top:.5em; }

/* symptom
****************************************************/
.symptom ul{ padding:0 20px 20px 20px; }
.symptom li{ margin-top:20px; }
.symptom dl, .symptom dt{ border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }
.symptom dl{ border:1px solid #07aa49; }
.symptom dt{ background-color:#cdeedb; margin:5px 3px 0 3px; padding-left:1em; }
.symptom dd{ padding:5px 10px; line-height:150%; font-size:12px; }
.symptom dd a{ display:block; text-align:right; }
.symptom dd a:before{ content:"▶"; font-size:11px; margin-right:5px; color:#07aa49; }
.symptom .even dl{ border:1px solid #ee4c99; }
.symptom .even dt{ background-color:#fce2ee; }
.symptom .even dd a:before{ color:#ee4c99; }
/* symptom2 */
.symptom2 dl{ margin-top:10px; padding:20px; }
.symptom2 dt{ background-color:#07aa49; color:#ffffff; font-weight:bold; padding:4px 1em 3px 1em; font-size:15px; }
.symptom2 dd{ margin-top:.5em; }
.symptom2 ul{ margin:20px; }
.symptom2 li{ margin-top:1em; background:url(images/icon_arrow_4.png) left center no-repeat; padding-top:2px; }
.symptom2 li a{ margin-left:20px; }
/* symptom3 */
.symptom3 h3{ background-color:#d7f1e2; color:#07aa49; padding:5px 1em; font-size:16px; margin-top:20px; }
.symptom3 h4{ border-bottom:1px solid #ed3c90; color:#ed3c90; font-size:16px; margin-top:20px; }
.symptom3 h4:before{ content:"■"; margin-right:5px; }
.symptom3 .des{ margin-top:.5em; }
.symptom3 dl{ padding:2em 0; }
.symptom3 dt{ font-weight:bold; }
.symptom3 dt:before{ content:"●"; margin-right:5px; color:#ed3c90; }
.symptom3 .back{ padding-top:.5em; border-top:1px solid #ed3c90; }
.symptom3 .back:before{ content:"◀"; margin-right:5px; color:#07aa49; }

/* disease
****************************************************/
.disease ul{ padding:0 20px 20px 20px; }
.disease li{ margin-top:20px; }
.disease li a{
	display:block;
	background-image:url(images/icon_arrow_2.png);
	background-position:left 15px top 17px;
	background-repeat:no-repeat;
	background-color:#07aa49;
	text-align:center;
	padding:15px 0;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border:1px solid #07aa49;
	color:#ffffff;
}
.disease li a:hover{ background-image:url(images/icon_arrow_3.png); background-color:#e6f7ed; color:#07aa49; text-decoration:none; }
.disease h3{ background-color:#fef3f8; color:#ed3c90; padding:5px; margin-top:20px; }
.disease h3:before{ content:"●"; margin-right:5px; }
.disease dt{ border-bottom:1px solid #ed3c90; padding-bottom:5px; font-weight:bold; }
.disease dd{ padding-top:20px; }

/* sitemap
****************************************************/
.sitemap li{ margin-top:.5em; }
.sitemap .parent{ padding:20px; }
.sitemap .parent li:before{ content:"■"; color:#1d2088; margin-right:.5em; }
.sitemap .child{ margin-left:1.5em; }
.sitemap .child li:before{ content:"●"; color:#ed3c90; margin-right:.5em; }

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