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

.pcNone{display: none}
/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea{}


/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#contentsArea{}
#contentsAreaInner{}

/*----------------------------------------------------------------------------
 ***                                                              NewOpen
----------------------------------------------------------------------------*/
.NewOpen{
    width: 900px;
    margin: 2em auto 0em;
    text-align: center;
}
.NewOpen .NewOpenlist{
    border: 1px solid #EF8200;
}
.NewOpen .NewOpenlist .bottomline{
    border-bottom: solid 1px #EF8200;
}
.NewOpen .NewOpenlist .bottomlinedashed{
    /* border-bottom: dashed 1px #EF8200; */
}
.NewOpen .NewOpenlist .NewOpenBox{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.NewOpen .NewOpenlist .NewOpenBox .Residence{
    font-size: 19px;
    font-weight: bold;
    color: #EF8200;
    background-color: #F2FFC2;
    width: 40%;
    padding: 15px 22px;
}
.NewOpen .NewOpenlist .NewOpenBox .Schoolname{
    font-size: 26px;
    font-weight: bold;
    width: 40%;
    padding: 0px 22px;
}
.NewOpen .NewOpenlist .NewOpenBox a{
    width: 18%;
    color: #fff;
    background-color: #EF8200;
    padding: 11px 0px;
    text-align: center;
    border-radius: 5px;
    margin-right: 8px;
    text-decoration: none;
}

.NewOpen .NewOpenlist .NewOpenBox a:hover {
  opacity: 0.7; /* 透明度を下げる */
}

.ScheduleBox{padding: 12px 0px 12px;}
.ScheduleBox .Schedulttl{
    text-align: center;
    font-size: 21px;
    font-weight: bold;
    padding: 0px 0px 7px;
}
.ScheduleBox .Schedulttl span{
    color: #EF8200;
}
.ScheduleBox .Scheduleflex{display: flex;justify-content: center;align-items: center;padding: 0px 15px;}
.ScheduleBox .Scheduleflex div{}
.ScheduleBox .Scheduleflex p{
    font-size: 15px;
    margin: 3px 0px;
    text-align: left;
    width: 20%;
}
/*----------------------------------------------------------------------------
 ***                                                              mainsection
----------------------------------------------------------------------------*/
.mainSection{}
.mainSectionInner{}

.sec{ padding:3em 0;}
.sec > .secInner{ width:980px; margin:0 auto;}

h3{
	font-size:240%;
	color:#5dc1cf;
}
.sec h3{
	width:645px;
	margin:0 auto 0.7em;
	padding-bottom:0.5em;
	border-bottom:2px dotted #3e3a39;
	background:url(../images/img_contents08.jpg) right 50% no-repeat;
	background-size:auto 70%;
}

.titleCommentBox{
	width:645px;
	margin:0 auto 3em;
}
.titleCommentBox dl{}
.titleCommentBox dt{
	font-size:120%;
	color:#e83742;
	margin-bottom:0.5em;
}
.titleCommentBox dd{
	font-size:93.75%;
	line-height:1.4em;
}



/*----------------------------------------------------------------------------
 ***                                                              mainImgSec
----------------------------------------------------------------------------*/
#mainImgSec{
	background-image:url(../images/back_mainImg.png);
	background-position:center top;
	background-repeat:no-repeat;
	background-size: auto 110%;
}
#mainImgSecInner{}

#mainImgSecContents{padding: 2em 0;}
#mainImgSecContentsInner{}
#mainImgSecContents h2{
	width: 570px;
	font-size: 234%;
	line-height: 0.8em;
	margin: 0 auto 0.4em;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
#mainImgSecContents h2 span{
	color:#EC8400;
	line-height:1.2em;
	/* text-shadow: 0 0 16px rgba(255,255,255,20); */
	text-shadow: white 1px 1px 30px, white -1px 1px 10px, white 1px 1px 10px, white -1px -1px 10px, white -1px -1px 10px;
}

#h2_txt{
	font-size: 105%;
	line-height: 1.7em;
	margin-bottom: 1em;
	text-shadow: white 1px 1px 10px, white -1px 5px 20px, white 1px 1px 20px, white -1px -1px 20px, white -1px -1px 20px, white 1px 1px 20px;
	font-weight: 500;
}


#newOpenBox{
	width:943px;
	margin: 1% auto 0%;
	padding:1em 2em;
	background-color:#fff;
	border:2px solid #6fb92c;
	border-radius:10px;
	position:relative;
}
#newOpenBoxInner{ justify-content:space-between;}

#newOpenBoxLeft{ width:60%;}
#newOpenBoxLeft h3{
	font-size:220%;
	color:#4f393b;
	margin:0.2em 0 0;
}
#newOpenBoxText{
	font-size:200%;
	font-weight:bold;
	line-height:1.6em;
}
#newOpenBoxAccess{
	font-size:87.5%;
	margin-bottom:1em;
}
#newOpenBoxText img{ margin-right:0.5em;}
#newOpenBoxLeft .txtBtn{
	width:50%;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}
#newOpenBoxLeft .txtBtn::after{
	content:"";
	border-left:0.35em solid #fff;
	border-top:0.35em solid transparent;
	border-bottom:0.35em solid transparent;
	position:absolute;
	right:1em;
	top:50%;
	transform:translateY(-50%);
}
#newOpenBoxLeft .txtBtnLink{
	font-size:90%;
	color:#fff;
	padding:0.3em 0;
	background-color:#6fb92c;
	border-radius:20px;
	transition:all 0.3s ease;
}
#newOpenBoxLeft .txtBtnLink:hover{ background-color:#EC8400;}

#newOpenBoxRight{ width:40%;}
#newOpenBoxRight li{}
#newOpenBoxRight li:last-child{ margin-left:1em;}

#posiAbu_Flower,
#posiAbu_Car{ position:absolute;}
#posiAbu_Flower{
	right:-2em;
	top:-2em;
}
#posiAbu_Car{
	left:1em;
	bottom:0;
}


/*----------------------------------------------------------------------------
***                                                                 introSec
----------------------------------------------------------------------------*/
#introSec{
	width:960px;
	margin:0 auto;
	padding:3em 0;
	justify-content:center;
}
#introSecInner{
	width:48%;
	margin-right:4%;
}
#introSec h3{ margin-bottom:0.5em;}

#introSec ul{}
#introSec li{}

#introPhoto{
	float:left;
	width:50%;
	margin:0 1em 0em 0;
}
#introPhoto img{ width:100%; height:auto;}
#introText{
	line-height:1.6em;
}
#introText span{ border-bottom:4px solid #ffe55f;}

#facebook{}


/*----------------------------------------------------------------------------
***                                                                   jmkSec
----------------------------------------------------------------------------*/
#jmkSec{ background-color:#91c31d;}
#jmkSecInner{ padding:1.5em 0 2.5em;}
#jmkSec h3{
	font-size:200%;
	font-weight:bold;
	color:#fff;
	margin-bottom:1em;
}

#jmkBox{
	width: 860px;
	padding: 2em 2.5em;
	margin:0 auto;
	background-color:#fff;
	justify-content:space-between;
	align-items:center;
}

#jmkBox dl{}
#jmkBox dt{
	margin-bottom:1em;
}
#jmkBox dd{
	font-size:87.5%;
	line-height:1.4em;
}
#jmkBox p{ width:3%;}

#jmk{ width:65%;}
#pd{ width:27%;}



/*----------------------------------------------------------------------------
***                                                                featureSec
----------------------------------------------------------------------------*/
#featureSec{}
#featureSecInner{}
#featureSec h3{}
#featureSec p{}

.featureBox{}
.featureBox h4{ margin-bottom:1.5em;}
.featureBox p{}

#featureList{
	width:894px;
	margin:0 auto;
	justify-content:space-between;
	flex-wrap:wrap;
}
#featureList li{
	width:49%;
	background:#fff9ed;
	margin-bottom:1em;
	position:relative;
}
.featureContents{ padding:1em 1em 1em 3em;}
#featureList h5{
	font-size:120%;
	padding-bottom:0.3em;
	margin-bottom:1em;
	border-bottom:1px solid #3e3a39;
	background-image:url(../images/img_contents20.png);
	background-position:right top;
	background-repeat:no-repeat;
	background-size:auto 2.2em;
}

#featureContentsBox{}
#featureContentsBox p{
	font-size:87.5%;
	line-height:1.4em;
}
#featureContentsBox p:nth-of-type(1){
	padding-right:1em;
}
#featureContentsBox p:nth-of-type(2){}

#featureContents li:last-child{ padding:0.2em 0 0 0;}

.featureNo{
	position:absolute;
	left:0;
	top:0;
}

#fourE{}
#fourE p{ margin-bottom:5em;}

#good{ margin-bottom:3em;}




/*----------------------------------------------------------------------------
***                                                               serviceSec
----------------------------------------------------------------------------*/
#serviceSec{}
#serviceSecInner{}
#serviceSec h3{}

#serviceBoxCover{
	margin-bottom:4em;
	justify-content:space-between;
}

.serviceBox{width: 31%;}
.serviceBox h4{
	font-size:160%;
	line-height:1.3em;
	margin-bottom:1em;
}
.serviceBox h4 span{ font-size:70%;}
.serviceBox dl{}
.serviceBox dt{margin-bottom: 2em;position: relative;}
.serviceBox dd{
	font-size:86%;
	line-height:1.6em;
	margin-bottom: 2.3em;
}
.serviceBox .txtBtn,
.serviceBox .txtBtnLink{
	border-radius:5px;
	position:relative;
	transition:all 0.3s ease;
	overflow:hidden;
}
.serviceBox .txtBtn::before{
	content:"";
	width:100%;
	height:100%;
	border-radius:2px;
	position:absolute;
	top:0;
	left:-100%;
	transition:all 0.5s ease;
}
.serviceBox .txtBtn:hover::before{ left:0;}

#children{}
#children .illust{
    position: absolute;
    bottom: -22px;
    left: -25px;
}
#children dd{margin-bottom: 3.9em;}
#children dd,
#children .txtBtn{/* padding:0 1em; */}
#children .txtBtn{ border:2px solid #f8bc00;}
#children .txtBtnLink{ color:#f8bc00;}
#children .txtBtn::before{	background-color:#f8bc00;}
#children .txtBtn:hover .txtBtnLink{ color:#fff;}

#youth{}
#youth .illust{
    position: absolute;
    bottom: -18px;
    left: -14px;
}
#youth dd{}
#youth dd,
#youth .txtBtn{
	/* width:calc(100% - 2em); */
	/* margin-left: 1em; */
}
#youth .txtBtn{border:2px solid #91c31d;}
#youth .txtBtnLink{ color:#91c31d;}
#youth .txtBtn::before{	background-color:#91c31d;}
#youth .txtBtn:hover .txtBtnLink{ color:#fff;}

#visit{}
#visit .illust{
    position: absolute;
    bottom: -20px;
    left: -13px;
}
#visit dd{}
#visit span{ font-size: 89%; color: #a7a7a7; line-height: 1.2em; display: block;}
#visit dd,
#visit .txtBtn{/* padding:0 1em; */}
#visit .txtBtn{ border:2px solid #5dc1cf;}
#visit .txtBtnLink{ color:#5dc1cf;}
#visit .txtBtn::before{	background-color:#5dc1cf;}
#visit .txtBtn:hover .txtBtnLink{ color:#fff;}

/*----------------------------------------------------------------------------
***                                                             schoolInfoSec
----------------------------------------------------------------------------*/
#schoolInfoSec{}
#schoolInfoSecInner{}
#schoolInfoSec h3{}

#schoolInfoCover1, #schoolInfoCover2,#schoolInfoCover3{ justify-content:space-around; margin: 0 auto; width: 900px;}

#schoolInfoCover2,#schoolInfoCover3{ margin-top: 5%;}

.schoolInfoCover{ justify-content:space-around; margin: 0 auto; width: 900px; margin-top: 5%;}
.schoolInfoCover:first-of-type{ margin-top: 0;}

.schoolInfoLeft{ width:370px;}
.schoolInfoLeft h4{
	font-size:260%;
	line-height:1.2em;
	margin-bottom:0.3em;
	padding-bottom:0.2em;
	border-bottom:1px solid #4f393b;
}
.schoolInfoLeft h4 span{
	font-size:42%;
	font-weight:normal;
	color:#fff;
	padding:0.1em 0.5em 0.2em;
	background-color:#91c31d;
}
.schoolInfoLeft h4 img{ margin-right:0.5em;}
.schoolText{
	margin-bottom:1em;
}

.schoolInfoLeft .txtBtn,
.schoolInfoLeft .txtBtnLink{
	border-radius:30px;
	position:relative;
	overflow:hidden;
}
.schoolInfoLeft .txtBtn{
	width:90%;
	font-size:125%;
	margin:0 auto;
	border:1px solid #91c31d;
}
.schoolInfoLeft .txtBtnLink{
	color:#91c31d;
	transition:all 0.5s ease;
}
.schoolInfoLeft .txtBtnLink::after{
	content:"";
	border-left:0.4em solid #91c31d;
	border-top:0.4em solid transparent;
	border-bottom:0.4em solid transparent;
	position:absolute;
	right:1.5em;
	top:50%;
	transform:translateY(-50%);
	transition:all 0.7s ease;
}
.schoolInfoLeft .txtBtn::before{
	content:"";
	width:100%;
	height:100%;
	border-radius:30px;
	background-color:#91c31d;
	position:absolute;
	top:0;
	left:-100%;
	transition:all 0.5s ease;
}
.schoolInfoLeft .txtBtn:hover::before{ left:0;}
.schoolInfoLeft .txtBtn:hover .txtBtnLink{ color:#fff;}
.schoolInfoLeft .txtBtn:hover .txtBtnLink::after{ border-left:0.4em solid #fff;}


.schoolInfoRight{
    padding-top: 7%;
}


.schoolInfoLeft .schoolText p{
	font-size: 95%;
	line-height: 1.3em;
	margin-bottom: 0.5em;
}

.schoolInfoLeft .schoolText .address{
	font-size: 100%;
    line-height: 1.25em;
}
.schoolInfoLeft .schoolText .Explanation{
	font-size: 100%;
	line-height: 1.25em;
	font-weight: bold;
}
/*----------------------------------------------------------------------------
***                                                                 求人バナー
----------------------------------------------------------------------------*/
/*　　　　保育スタッフ募集　　　　*/


#sideBox{position: fixed;right: 0;top: 51%;transform: translateY(-50%);z-index: 100;}
#jobNav{position: relative;margin-bottom: 1em;}
#jobNavInner{width: 83px;height: 300px;writing-mode: vertical-rl;}
#jobNav a {text-decoration: none;cursor: pointer;}
#sideLink {background-color: #1DCFDD;border-radius: 22px 0 0 22px;box-shadow: -1px 1px 3px rgba(100, 100, 100, 0.7);padding: 1em 0.8em 1em 0.8em;position: relative;}


#sideLink:before {content: "";/* border: 2px dashed #FFF203; */width: 100%;position: absolute;top: 5px;left: 5px;border-radius: 18px 0 0 18px;height: calc(100% - 15px);transition: all 0.3s ease;}
#sideLink li {line-height: 1.3em;}
#sideLink li.jobType {margin-left: 2px;}
#sideLink li.jobType span {/* background: #FFFCC0; */border-radius: 100vh;color: #Ffff;font-size: 116.5%;padding: 3% 0;}
#sideLink li.jobType span:nth-of-type(2) {margin: 0.1em 0;}
#sideLink li.jobTxt {font-size: 164%;font-weight: bold;color: #FFF;}
#sideLink li.jobTxt span {font-size: 114.3%;}
#jobNavInner .saiyo::after {content: '';background: url(../images/nav_img_contents02.png);width: 170px;height: 66px;background-size: contain;position: absolute;left: 4px;top: -66px;}
#jobNavInner .lineBnr{}

.recruitBnr {writing-mode: horizontal-tb;position: absolute;left: 0;bottom: 0;background: #57B7DD;width: 100%;z-index: 1;border-radius: 0 0 0 18px;}
.recruitBnr a {font-size: 87.5%;width: 100%;display: block;text-align: center;line-height: 1.3em;padding: 0.7em 0;color: #FFF;}
.recruitBnr a span {font-size: 85%;color: #fff;}
#comLinkSideSP{display: none;}

#jobNavLine{position:relative;}
#jobNavInnerLine{width: 83px;height: 100px;background: #3fd719;border-radius: 18px 0 0 18px;box-shadow: -1px 1px 3px rgba(100, 100, 100, 0.7);}
#jobNavLine a {text-decoration: none;cursor: pointer;}
.lineBnr .top{background: #efffeb;color: #3fd719;font-size: 86%;text-align: center;border-radius: 18px 0 0 0;padding: 5px 0px;}
.lineBnr .bottom{color: #fff;font-size: 165%;text-align: center;line-height: 0.6;padding: 0.1em;padding: 9px 0px;}
.lineBnr .bottom .smallA{font-size: 50%;color: #fff;}
.lineBnr .bottom .smallB{font-size: 52%;color: #fff;}




/*#jobNav{
	position:fixed;
	right:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	    -ms-transform:translateY(-50%);
	        transform:translateY(-50%);
}

#jobNavInner{
	width: 83px;
	height: 300px;
    -webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
    -o-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}
#jobNav a{ text-decoration:none; cursor:pointer;}

#sideLink{
	background-color: #F9A600;
	border-radius:22px 0 0 22px;
	-webkit-box-shadow:-1px 1px 3px rgba(100,100,100,0.7);
	        box-shadow:-1px 1px 3px rgba(100,100,100,0.7);
	padding:1em 0.8em 1em 0.8em;
	position:relative;
	-webkit-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
#sideLink:before{ content:""; border:2px dashed #FFF203; width:100%; position:absolute; top:5px; left:5px; border-radius:18px 0 0 18px; height:calc(100% - 15px); }
#sideLink:hover{ opacity: 0.7; }
#jobNavInner .saiyo::after {
	content: '';
	background: url(../images/nav_img_contents02.png);
	width: 74px;
	height: 66px;
	background-size: contain;
	position: absolute;
	left: 4px;
	top: -66px;
}
#sideLink li.jobType{
margin-left: 10px;
}
#sideLink li.jobType span{ background:#FFFCC0; border-radius:100vh; color:#F9A600; font-size: 87.5%; padding:3% 0;}
#sideLink li.jobType span:nth-of-type(2){ margin:0.1em 0;}

#sideLink li.jobTxt{
    font-size: 127%;
	font-weight:bold;
	color:#FFF;
}
#sideLink li.jobTxt span{ font-size: 114.3%;}

#sideLink li{
	line-height:1.3em;
}

#sideLink .txtBtnLink{
	color: #ffffff;
	padding: 0;
	text-align: justify
}*/

/* #sideLink li img{ 
	position: absolute;
    left: 3px;
    top: -60px;
    z-index: -1;
	height: unset;
	max-width: none;
} */
#comLinkSideSP{ display:none;}
.recruitBnr{-webkit-writing-mode: horizontal-tb;-ms-writing-mode: lr-tb;writing-mode: horizontal-tb;position: absolute;left:0;bottom:0;background: #F79C9C;width: 100%;z-index: 1;border-radius: 0 0 0 18px;}
.recruitBnr a{font-size: 87.5%;width: 100%;display: block;text-align:center;line-height: 1.3em;padding: 0.7em 0px;color: #FFF;}
.recruitBnr:hover{ background: #8cd8f8;}
.recruitBnr a span{ font-size: 85%;}

.modal-content{position:  fixed;background:#fff;z-index:999999;width: 980px;margin: 0 auto;overflow: auto;padding:10px 150px 40px;border-radius: 5px;/* height: 800px; */border: 10px solid #FFE100; display:none;}
.modal-content .modal-close{position:  absolute;right:  25px;top: 20px;cursor:pointer;}
.modal-content h4{font-size: 170%;margin: 25px 0px 1.5em;padding-bottom: 0.2em;border-bottom: 1px solid; color:#FF7900;}
#recruitBox { display:-webkit-box; display:-ms-flexbox; display:flex;}
#recruitBox .recruitBoxInnner{ width:50%;}
#recruitBox .areaBox{ display:-webkit-box; display:-ms-flexbox; display:flex; margin-bottom:1em; padding-bottom:0.2em;}
#recruitBox .areaBox > dt{ background:#FFFCC0; color:#FF7900; margin-right:1em; width:8.5vh; -webkit-box-align:center; -ms-flex-align:center; align-items:center; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; padding:0.5em 0;}
#recruitBox .areaBox dd{}

#recruitBox .preBox { display:-webkit-box; display:-ms-flexbox; display:flex; border-bottom:1px dotted #ccc; }
#recruitBox .preBox dt{ width:4em; margin-right:0.5em; }
#recruitBox .preBox dd a{ text-decoration:none; color:#000;}
#recruitBox .preBox dd a:hover{ color:#FF7900;}
/*----------------------------------------------------------------------------
***                                                                  休業文言
----------------------------------------------------------------------------*/
.businessday {
	text-align:center;
	margin: 15px auto 15px;

	padding: 21px 0 10px;
	font-size:14px;
	line-height:1.4em;
	width: auto;
	font-weight:bold;
	}
.businessday p {
	text-align:center;
	margin-bottom:0.5em;
	color: #ff7575;
	font-size:20px;
	font-weight:600;
	}
.businessday span{
	font-weight: lighter;
}



/*----------------------------------------------------------------------------
***                                                                  お知らせ
----------------------------------------------------------------------------*/
.news {
	text-align:center;
	margin:20px auto 15px;
	border:1px solid #4f393b;
	border-radius:8px;
	padding:27px 0 33px;
	background: #fffcf1;
	font-size:14px;
	line-height:1.4em;
	width:950px;
	font-weight:bold;
	}
.news p {
	text-align:center;
	margin-bottom:0.5em;
	color:#EC8400;
	font-size:20px;
	font-weight:600;
	}	



/*----------------------------------------------------------------------------
***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea{}
#footerAreaInner{}
#footerArea a{}