@charset "utf-8";

/*=====================================================

ニコキッズについて

=======================================================*/


.mainV .mainPhoto { position: absolute; top: 7em; width: 100%;  height: 22vw; background: url("../img/mainPhoto.png")no-repeat; background-size: auto 100%; }

@media screen and (max-width:768px){
.mainV .mainPhoto { top: 5em; height: 28vw; }
}
@media screen and (max-width:499px){
.mainV .mainPhoto { top: 4em; height: 30vw; background-position: center;}
}


/* --------------------------------------------
		教育方針
---------------------------------------------- */ 

.kyoiku { position: relative; }
.kyokuInner { max-width: 610px; width: 100%; margin: 0 auto; padding-bottom: 8em;}
.kyokuInner h3 { padding-top: 1em; }
.kyokuInner p { text-align: center; margin: 3em 0 0; }

.kyokuInner .kyokuPhoto { position: absolute; z-index: -10; width: 40%;}
.kyokuInner .kyokuPhoto--left { max-width: 340px; bottom:-2em; left: -10px;}
.kyokuInner .kyokuPhoto--right { max-width: 400px; bottom:-2em; right: -10px;}

@media screen and (max-width:1024px){
.kyokuInner { margin: 0 auto 10em; padding-bottom: 18vw;}
.kyokuInner .kyokuPhoto--left { bottom:-2em; left: -10px;}
.kyokuInner .kyokuPhoto--right { bottom:-3vw; right: -10px;}
}
@media screen and (max-width:499px){
.kyokuInner { margin: 0 auto ; padding-bottom: 60vw; position: relative;}
.kyokuInner::after { position: absolute; bottom: 0; display: block; content: ""; margin: 0 auto; 
	width: 100%; height: 25em; background: url("../img/kyo_sp.png")no-repeat; background-size: contain; background-position: bottom center;}
.kyokuInner .kyokuPhoto--left { display: none;}
.kyokuInner .kyokuPhoto--right { display: none;
}
}



/* --------------------------------------------
		施設案内
---------------------------------------------- */ 

.shisetu { }
.shiInner h3 { max-width: 500px; width: 80%; margin:  0 auto 2em;}


/* --------------------------------------------
		園の概要
---------------------------------------------- */ 

.gaiyou {  }
.gaiyouInner { background: #E9F2A2; border-radius: 30px; padding: 6vw 8%; max-width: 940px; width: 100%; margin:  0 auto; position: relative;}
.gaiyouInner table { max-width: 780px; width: 100%; margin: 0 auto; }
.gaiyouInner tr { width: 100%; border-bottom: dotted #fff 2px; }
.gaiyouInner tr:last-child { border-bottom: none; }
.gaiyouInner th { max-width: 120px; width: 25%; text-align: center; padding: 1em 0; }
.gaiyouInner td { padding: 1em 0 1em 15px; line-height: 1.5;}
.gaiyouInner td span { color: #F15A24; font-weight: 600;}
.gaiyouInner::after { display: block; content: ""; position: absolute; top: -3vw; right: 40px; width: 160px; height: 220px; background: url("../img/en_pic.png")no-repeat; background-size: contain;}

@media screen and (max-width:768px){
.gaiyouInner::after { top: -3vw; right: 10px; width: 100px; height: 150px; }
}
@media screen and (max-width:499px){
.gaiyouInner::after { top: -3vw; right: -5px; width: 80px; height: 130px; }
}