@charset "utf-8";
/* CSS Document */

@import url("common.css");

@import url("deteal.css");
@import url("top.css");




@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap');


body {
	text-align:center;
	font-size:14px;
	color:#333333;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック','MS PGothic',sans-serif;
}



/*base--------------------------------------*/



#wrap{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.header{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}



#side{
	float: right;
	width: 240px;
	text-align:left;
	margin:10px 0 20px 0;
}

#main{
	clear:both;
	float: left;
	width: 680px;
	margin:6px 0 0px 10px;
	text-align:left;
	padding: 0 0 0 0px;
}


.mid{
	margin-top: 0px;
	background-image: url(../images/common/midBg.jpg);
	background-repeat: repeat-x;
}


.mid .main-img{
	margin-bottom: 14px;
	padding:9px 0px 0px 0px;	

}



/*Change parts-------------------------------------------------------------*/

#main a{
	color: #0099CC;
	text-decoration:none;
}

#main a:hover{
	color: #009900 !important;
}




a:hover img{
     filter: alpha(opacity=90);
    -moz-opacity:0.9;
    opacity:0.9;
}


/*head-----------------------*/



#head {
	line-height: 0;
	padding-bottom:0px;
	position:relative;
	background:url(../images/common/headBg.jpg) repeat-x center bottom;
}


#head .logo{
	float: left;
	margin:25px 0;
}



#head  ul#fontSize{
	width:169px;
	height:19px;
	background:url(../images/common/textsize.jpg) no-repeat left center;
	float:right;
	margin:10px 0 12px;
}

#head  ul#fontSize li{
	float:left;
	margin-right:6px;
	padding-top: 0px;
	cursor:pointer;
	display:inline;
}

#head  ul#fontSize li.btnS{
	margin-left:55px;
}

#head  ul#fontSize li.btnL{
	margin-right:0px;
}




#head  .bfmenu{
	clear:right;
	float:right;
	padding:5px 0 10px 0;
}



#head ul.headSubmenu{
	float:left;
	padding: 9px 0 0;
}

#head ul.headSubmenu li{
	float:left;
	padding:0 0 0 14px ;
}


.search{ float:left; width: 300px; padding-left:20px; line-height:1.2; height:28px;}
.cse .gsc-control-cse, .gsc-control-cse{ width:300px !important; padding:0 !important; background:none;}

input#gsc-i-id1{ background:none !important;}



/* pankuzu-----------------------*/

ul.pankuzu{
	text-align:left;
	font-size:70%;
	padding: 0 0 0 10px;
}

ul.pankuzu li{
	float:left;

}

ul.pankuzu li a{
	background-image: url(../images/common/pankuzuArrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0 1em 0 0;
	margin:0 0.6em 0 0;
	text-decoration:none;
	color:#333333;
}

ul.pankuzu li a:hover{
	color:#009900;
	

}



/*common style-------------------------------------------------------------*/



/*text parts--------------------------------------*/


.mid #main{
	line-height:1.8;

}

.mid #main p{
	margin-bottom: 1.8em;
	font-size:100%;
}

.mid #main p.lineS{
	margin-bottom: 1em;
	line-height: 1.5em;
}


.mid #main h1{
	font-size:120%;
	font-weight: bold;
	background:url(../images/common/h1.jpg) no-repeat left center;
	padding: 29px 0 29px 40px;
	line-height:1;
	margin: 0 0 20px;
}

.mid #main h2.imgTitle,
.mid #main h3.imgTitle,
.mid #main h4.imgTitle,
.mid #main .imgTitle h2,
.mid #main .imgTitle h3,
.mid #main .imgTitle h4{ background:none; padding:0; margin:0;}


.mid #main h2{
	font-size:108%;
	padding: 29px 0 29px 29px;
	font-weight: bold;
	background-image: url(../images/common/h2.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	line-height: 0;
	margin:40px 0 12px;
	color:#004D00;
	clear:both;

}


.mid #main h3.line{
	margin-bottom: 10px;
	background-image: url(../images/common/h3.jpg);
	background-repeat: no-repeat;
	padding: 20px 0 20px 16px;
	background-position: left center;
	font-weight: bold;
	margin:30px 0 5px;
	line-height: 0;
	clear:both;

}


.mid #main h3, .mid #main p.sq{
	background-image: url(../images/common/sq.gif);
	background-repeat: no-repeat;
	background-position: left 0.35em;
	padding-left: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 100%;
	line-height:1.4;
}

.mid #main h3{	margin:40px 0 5px;}


.mid #main  .tx-b{
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 0.4em;
	color:#0071BC;
}

#main dl.list dt{
	background-image: url(../images/common/list.gif);
	background-repeat: no-repeat;
	background-position: 0.3em 0.6em;
	list-style-type: none;
	padding-left: 1.2em;
	font-weight:bold;
}

#main dl.sq dt{
	background-image: url(../images/common/sq.gif);
	background-repeat: no-repeat;
	background-position: left 0.3em;
	padding-left: 18px;
	font-weight: bold;
	margin-bottom: 6px;
	font-size: 100%;
	line-height:1.4;
}





/*foot---------------------------------------------------*/


#foot{
	margin-top: 80px;
	padding:15px 0 15px;
	background: url(../images/common/footBg.jpg) repeat-x;
	clear:both;
}

.footArea{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	clear:both;
}


#foot .addArea{ float:left; font-size:80%;}


#foot .footMenu{
	float:right;
	padding:5px 0 0;

}
#foot .footMenu ul {
	margin-bottom:35px;
	float:right;

}

#foot .footMenu li{
	float:left;
	padding-right:14px;
	margin-right:14px;
}

#foot .footMenu li.last{
	margin-right:0;
	padding-right:0;
}


#foot h2{ margin-bottom:12px;}


#pagetop {
  display: none;
  position: fixed;
  bottom:0;
  right: 25px;
  margin-bottom:130px;
}






/*navi menu---------------------------------------------------*/


.navi{
	width: 100%;
	padding-bottom: 0px;
	line-height: 12px;
	text-align:center;
	background-image: url(../images/common/gMenuBg58.jpg); 
	background-repeat: repeat-x;
	height: 58px;
	margin: 0 0 0px 0;
	background-position: center top;
	clear:both;

}

.head-menu{ width:980px; margin-right:auto; margin-left:auto;list-style-type: none;}

.head-menu li{float: left; width: 126px; height: 58px;position: relative;}


.head-menu li.menu01{width: 70px;}
.head-menu li.menu02{width: 132px;}
.head-menu li.menu03{width: 157px;}
.head-menu li.menu04{width: 137px;}
.head-menu li.menu05{width: 132px;}
.head-menu li.menu06{width: 132px;}
.head-menu li.menu07{width: 110px;}
.head-menu li.menu08{width: 110px;}


.head-menu > ul > li::after{
	content:'';
	height:60%;
	width:1px;
	position:absolute;
	top:20%;
	right:0;
	border-right: 1px dotted #608639;
}
.head-menu li.menu01::before{
	content:'';
	height:60%;
	width:1px;
	position:absolute;
	top:20%;
	left:0;
	border-left: 1px dotted #608639;
}


.head-menu li a{text-decoration: none;height: 58px;}


.head-menu > ul > li > a{
	color:#fff;
	line-height: 1.2;
	font-size:16px;
	display: flex;
	align-items: center;
	justify-content: center;
	letter-spacing: -0.01em;
	font-family: "Kosugi Maru", sans-serif;
}



.head-menu li.menu01 > a{font-size:9px;align-items: flex-end;padding-bottom: 10px;box-sizing: border-box;font-family:'Roboto', sans-serif;letter-spacing: 0.01em;}

.head-menu li.menu02 > a,
.head-menu li.menu03 > a,
.head-menu li.menu04 > a{font-size:14px;}

.head-menu li.menu01{
	background-image: url("../images/common/icon_home_wh.svg");
	background-repeat: no-repeat;
	background-size:  auto 18px;
	background-position: bottom 24px center;
}

.head-menu > ul > li > a span{display: flex;align-items: center;padding-right: 10px;}
.head-menu > ul > li > a span::before{
	content:'';
	height:15px;
	width:15px;
	background-image:url("../images/common/btnS.svg");
	background-position:center;
	background-repeat:no-repeat;
	background-size:15px;
	margin-right:2px
}
.head-menu li.menu01 > a span{padding-right:0;}
.head-menu li.menu01 > a span::before{content:none;}



.head-menu > ul > li > a:hover{color:#fefe9c;}

.head-menu li.menu01 > a:hover{
	background-image: url("../images/common/icon_home.svg");
	background-repeat: no-repeat;
	background-size:  auto 18px;
	background-position: bottom 24px center;
}



.top .head-menu li.menu01 a{
	background-image: url("../images/common/icon_home.svg");
	background-repeat: no-repeat;
	background-size:  auto 18px;
	background-position: bottom 24px center;	
}
.top .head-menu li.menu01 > a,
.gairai .head-menu li.menu02 > a,
.speciality .head-menu li.menu03 > a,
.daycare .head-menu li.menu03 > a,
.relation .head-menu li.menu04 > a,
.psychiatry .head-menu li.menu05 > a,
.discuss .head-menu li.menu06 > a,
.introduction .head-menu li.menu07 > a,
.news .head-menu li.menu08 > a,
.recruit .head-menu li.menu09 > a{color:#fefe9c;}


/* ------------- */	



.head-menu li ul { background:#FFF; border:solid 2px #99CC00;}

.head-menu li ul li{ border-bottom: 1px dotted #99CC01; height:auto; width:auto; line-height:1.4; text-align:left;
background:url(../images/common/arrow_dotG.gif) no-repeat 6px center;}

.head-menu li ul li a{ height:auto; display:block; padding: 14px 5px 14px 24px; color:#333333; }
.head-menu li ul li a:hover{ color:#009900; background:  #ECFCE7 url(../images/common/arrow_dotG.gif) no-repeat 6px center;}


.head-menu li.menu02 li { width: 16em;} 
.head-menu li.menu03 li { width: 16em;} 
.head-menu li.menu06 li { width: 17em;} 
.head-menu li.menu07 li { width: 12em;} 
.head-menu li.menu08 li { width: 13em;} 
.head-menu li.menu08 ul{ left:-5em;}

/* ------------- */	

.head-menu li .second{
	position: absolute;
	top:58px;
	visibility:hidden;
	opacity: 0;
	z-index:999;
	padding:0;
	box-sizing: border-box;
/*	box-shadow: 2px 9px 10px 0 rgba(221, 221, 221, 0.1);*/
}

.head-menu li:hover .second{
	animation: fadeInAnime 0.4s cubic-bezier(0.2, 0.8, 0.8, 1) forwards;
}

@keyframes fadeInAnime{
  0% {
	top:55px;
    opacity: 0;
  }
  100% {
	top:58px;
  }
  40%,100% {
    opacity: 1;
    visibility: visible;
  }
}	
	






/*side---------------------------------------------------*/

/*side navi-----------------*/

#side .sideMenu{
	background-image: url(../images/common/sideBody.gif);
	background-repeat: repeat-y;
	padding:0;
	width:240px;
	text-align:center;
}

#side  a{
	color: #333333;
	text-decoration:none;
}

#side .sideMenu:after{ content: url(../images/common/sideFoot.gif); display:block; }


#side .sideMenu ul{
	width:240px;
	margin:0 0 0;
	padding:6px 0 0px 0;
	background-image: url(../images/common/sideHead.gif);
	background-repeat: no-repeat;
}


#side .sideMenu ul li{
	width:228px;
	margin: 0 auto;
	text-align:left;
	border-top: #CCC dotted 1px;
	padding:1px 0 1px 0;
	line-height:1.2;
}

#side .sideMenu ul li:first-child{ border:none;}
#side .sideMenu ul li ul li:first-child{ border-top: #CCC dotted 1px;}

#side .sideMenu ul li ul{
	background-image:none;
	text-align:center;
	width:228px;
	padding: 0 0 0 0;
}

#side .sideMenu ul li ul li{
	width:226px;
	margin: 0 auto;
}



#side .sideMenu ul li.haveChild{ padding-bottom:0;}

#side .sideMenu ul li a{background: url(../images/common/arrow_dotG.gif) no-repeat 8px center; padding: 20px 0 20px 26px; display:block;}
#side .sideMenu ul li a:hover{background: #ECFCE7 url(../images/common/arrow_dotG.gif) no-repeat 8px center;  color:#009900;}
#side .sideMenu ul li.on a{ background-color:#ECFCE7 ;  color:#009900;}
#side .sideMenu ul li.on li{ background-color:#FFF; }
#side .sideMenu ul li.on a{color:#009900;}
#side .sideMenu ul li.on li a{  color:#333333;  background-color:#FFF;}

#side .sideMenu ul li ul li a{	background: url(../images/common/arrow_dotS_G.gif) 15px center no-repeat;	padding:12px 0 12px 26px; font-size:100%;  }
#side .sideMenu ul li  ul li a:hover{ background: #ECFCE7 url(../images/common/arrow_dotS_G.gif)15px center no-repeat;  color:#009900;}
#side .sideMenu ul li  ul li.on{ background-color:#ECFCE7 ;  color:#009900;}

#side .sideMenu ul li.brank a{ padding: 10px 0 10px 26px;}
#side .sideMenu ul li.brank li a{ padding:12px 0 12px 26px; }

#side ul.sideBanner{ margin-top:20px;}
#side ul.sideBanner li{	margin-bottom:3px;}


#side .sideMenu ul li ul{ display:none;}