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




/*施設案内ナビ
-----------------------------------------------------------*/
h2.capacity-header {
	margin-top: 25px;
	margin-bottom: 25px;
	color: #f60;
	font-weight: bold;
}

.nursery-nav{
  width:1100px;
  margin:20px auto 0 auto;
  position:relative;
  z-index:5;
}

.nursery-nav-sp {
  display: none;
}

@media (max-width: 1100px) {
  .nursery-nav-sp {
    display: block;
  }
  .nursery-nav-pc {
    display: none;
  }
}

.nursery-nav ul {
  display: flex;
}

.nursery-nav ul li{
  width: 22%;
  margin-right:1rem;
  margin-bottom: 0.5rem;
  padding:1% 1.5% 1.25% 1.5%;
  text-align:center;
  background:#FFDFC7;
  border:1px solid #ffc9a0;
  border-radius:0.5em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  list-style: none;
}

.nursery-nav ul li.syoukibo {
	background:#c2e8f3;
  border:1px solid #9cd4e4;
	color: #006EFF;
}

.nursery-nav ul li.hidden{
  width: 12% !important;
  visibility: hidden;
}

.nursery-nav ul li.age{
  width: 12% !important;
}

.nursery-nav ul li:last-of-type{
  margin-right:0;
}

.nursery-nav ul li p.nursery-name{
  font-size:18px;
  color: #f60;
  font-weight:bold;
  line-height:1.3;
}

.nursery-nav ul li.syoukibo p.nursery-name{
  color: #006EFF;
}

.capacity-description li {
  color: #f60;
  font-weight: bold;
}

.capacity-hidden {
	visibility: hidden;
}

.br-800{
	display:none;
}

.red {
	color: #ff0000;
}

.nursery-nav ul li p.address{
	margin-bottom:10px;
  font-size:16px;
}

.nursery-nav ul li p.address-nav a{
	display:block;
	padding:7.5px 2%;
	background: #f60;
	color:#fff;
	text-decoration:none;
	border-radius:0.25em;
}
.nursery-nav ul li p.address-nav a:hover{
	background: #ff7b22;
}

.nursery-nav ul li.syoukibo p.address-nav a{
	background: #006EFF;
}
.nursery-nav ul li.syoukibo p.address-nav a:hover{
	background: #1f80ff;
}


@media screen and (max-width:1100px) {

.nursery-nav{
	width:94%;
}

.nursery-nav ul {
  flex-wrap: wrap;
}

.nursery-nav ul li{
	width:35%;
}

.nursery-nav ul li.hidden{
  width: 20% !important;
  visibility: hidden;
}

.nursery-nav ul li.age{
  width: 20% !important;
}

.nursery-nav ul li p.nursery-name{
	font-size:20px;
}

}

@media screen and (max-width:800px) {

.nursery-nav ul li p.nursery-name{
	font-size:18px;
}

.nursery-nav ul li p.address{
	font-size:12px;
}


.br-800{
	display:block;
}

}

@media screen and (max-width:500px) {

.nursery-nav ul li p.nursery-name{
	font-size:16px;
}

.nursery-nav ul li p.address{
	font-size:10px;
}

.nursery-nav ul li p.address-nav a{
	padding:5px 2%;
	font-size:12px;
}

}





/*お知らせ＆新着情報
-----------------------------------------------------------*/
.news{/*box*/
	border:double 7px #FCC;
	position:relative;
}

.news .kigou00{
	position: absolute;
	top:-30%;
	right:3%;
}

.news .kigou01{
	position: absolute;
	bottom:-35%;
	left:25%;
}

.news dl dt,dl dd{
	font-size:16px;
	line-height:3em;
}

.news dl dt{
	float:left;
	margin-right:2em;
}

.news dl dd{
	border-bottom:1px dashed #ccc;
}

.news dl dd a{
	color:#F60;
	border-bottom:1px solid #F60;
}

.news dl dd a:hover{
	text-decoration:none;
	color:#FC0;
	border-bottom:1px solid #Fc0;
}

.news-button {
	margin-top: 1rem;
	text-align: right;
}


@media screen and (max-width:500px) {
	
.news dl dt,dl dd{
	font-size:14px;
}

}





/*園について
-----------------------------------------------------------*/
.about{/*box*/
	border:double 7px #FC9;
	position:relative;
}

.about .kigou02{
	position: absolute;
	top:-5%;
	left:10%;
}

.about .kigou03{
	position: absolute;
	top:30%;
	right:5%;
}

.about .kigou04{
	position: absolute;
	bottom:30%;
	left:10%;
}

.about .kigou05{
	position: absolute;
	bottom:-5%;
	right:20%;
}

.about h3{
	font-size:30px;
	text-align:center;
	font-weight:normal;
	color:#F90;
	margin-bottom:20px;
}

.about p{
	margin-bottom:20px;
}

.about .m-about{
	border-bottom:3px dotted #ccc;	
	padding-bottom:20px;
}

.about ol{
	border-bottom:3px dotted #ccc;	
	padding-bottom:20px;
	padding-left:1em;
}

.about ol li{
	font-size:16px;
}



h3#motto{
	margin:50px 0 20px 0;
	font-size:30px;
	text-align:center;
	font-weight:normal;
	color:#F90;
}

ul.baby3{
	width:100%;
}

ul.baby3 li{
	float:left;
	width:28%;
	padding:2%;
	margin-right:2%;
	background:#fff;
	border-radius:30px;
	box-shadow:1px 1px 3px #CC9;
	list-style: none;
}

ul.baby3 li.last{
	margin-right:0;
}

ul.baby3 li img{
	margin:0 auto 10px auto;
}

ul.baby3 li img.scene{
	border-radius:10px;
	width:300px;
	height:200px;
}

ul.baby3 li h4.baby{
	font-size:20px;
	text-align:center;
	color:#F90;
	font-weight:normal;
	margin-bottom:25px;
}

ul.baby3 li p{
	height:140px;
	margin-bottom:25px;
}

.l-about{
	width:80%;
	margin:50px auto 0 auto;
	color:#F60;
}


@media screen and (max-width:1100px) {
	
ul.baby3 li{
	float:none;
	width:90%;
	padding:3% 5%;
	margin:20px auto 0 auto;
}

ul.baby3 li p{
	height: auto;
}

.l-about{
	width:94%;
}

}


@media screen and (max-width:700px) {
	
.about h3{
	font-size:20px;
}

.about ol li{
	font-size:14px;
}



h3#motto{
	font-size:20px;
}

ul.baby3 li img.scene{
	width:100%;
	height:auto;
}

.l-about{
	margin:30px auto 0 auto;
}

}





/*一日の様子
-----------------------------------------------------------*/
.day{
	width:1100px;
	height:3600px;
	background:url(../images/time.png) no-repeat 0 0;
	margin:auto;
}

.day ul.flow li{
	width:400px;
	background:#fff;
	padding:20px 2% 20px 2%;
	border-radius:10px;
	position:relative;
	list-style: none;
}

.day ul.flow li.left{
	float:left;
}

.day ul.flow li.right{
	float:right;
}

.day ul.flow li h3{
	font-size:20px;
	color:#099;
	margin-bottom:20px;
}

.day ul.flow li h3 span{
	background:#F90;
	color:#fff;
	padding:10px 2% 10px 2%;
	margin-right:10px;
	border-radius:50px;
}

.day ul.flow li img.scene{
	margin:20px auto 0 auto;
	width:400px;
	height:250px;
	border-radius:10px;
}

.day ul.flow li.left p.allow{
	font-size:48px;
	color:#fff;
	position:absolute;
	right:-35px;
	top:100px;
}

.day ul.flow li.right p.allow{
	font-size:48px;
	color:#fff;
	position:absolute;
	left:-35px;
	top:100px;
}



li.m-top01{/*自由遊び*/
	margin-top:20px;
}

li.m-top02{/*おやつ（2歳まで）*/
	margin-top:20px;
}

li.m-top03{/*朝の会*/
	margin-top:20px;
}

li.m-top04{/*活動（雨の場合室内）*/
	margin-top:80px;
}

li.m-top05{/*給食*/
	margin-top:380px;
}

li.m-top06{/*お昼寝（4歳児まで）*/
	margin-top:380px;
}

li.m-top07{/*活動（5歳児）*/
	margin-top:380px;
}

li.m-top08{/*起床・おやつ*/
	margin-top:80px;
}

li.m-top09{/*帰りの会*/
	margin-top:300px;
}

li.m-top10{/*自由遊び*/
	margin-top:80px;
}

li.m-top11{/*延長保育*/
	margin-top:80px;
}

li.m-top12{/*降園*/
	margin-top:250px;
}


@media screen and (max-width:1100px) {
	
.day{
	width:100%;
	height: auto;
	background: none;
	margin:auto;
}

.day ul.flow li{
	width:90%;
	padding:20px 5% 20px 5%;
}

.day ul.flow li.left{
	float:none;
	margin-top:10px;
}

.day ul.flow li.right{
	float:none;
	margin-top:10px;
}

p.allow{
	display:none;
}

}


@media screen and (max-width:500px) {
	
.day ul.flow li h3{
	font-size:18px;
}

.day ul.flow li h3 span{
	font-size:12px;
}

.day ul.flow li img.scene{
	margin:20px auto 0 auto;
	width:100%;
	height: auto
}

}





/*年間行事
-----------------------------------------------------------*/
.event{
	width:100%;
}

.event ul li{
	float:left;
	width:334px;
	height:175px;/*120px*/
	margin-right:49px;
	margin-bottom:50px;
	list-style: none;
	position:relative;
}

.event ul li.last{
	margin-right:0;
}

.event ul li dl{
	width:90%;
	height:90%;
	padding:5%;
	background:#fff;
	border-radius:10px;
	box-shadow:1px 1px 3px #CC9;
	position:relative;
}

.event ul li dl dt{
	background:#ccc;
	border-radius:40% 40% 50% 40%/30% 50% 50% 50%;
	width:70px;
	height:70px;
	line-height:70px;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	float:left;
	margin-top:15px;
}

.event ul li dl dd{
	line-height: 1.5 !important;
	text-indent:1em;
	font-size:16px;
}

.event ul li dl dd span{
	color:#F90;
	font-size:18px;
	line-height: 1.5 !important;
}

.event ul li dl dt.green{
	background:#CFC;
}

.event ul li dl dt.blue{
	background:#9FF;
}

.event ul li dl dt.orange{
	background:#FC9;
}

.event ul li dl dt.pink{
	background:#FCC;
}

.event ul li dl dd.illust img{
	position:absolute;
	bottom:10px;
	right:10px;
	opacity:0.8;
}


@media screen and (max-width:1100px) {
	
.event ul li{
	width:32%;
	margin-right:2%;
	margin-bottom:3%;
}

.event ul li dl dt{
	width:50px;
	height:50px;
	line-height:50px;
	font-size:18px;
}

.event ul li dl dd{
	font-size:14px;
}

}


@media screen and (max-width:800px) {
	
.event ul li{
	float:none;
	width:100%;
	height:80px;
	margin-right:0;
	margin-bottom:10%;
}

}

@media screen and (max-width:500px) {
	
.event ul li{
	height:125px;
}
	
}

@media screen and (max-width:350px) {
	
.event ul li{
	height:150px;
}
	
}






/*入園のご案内,保育料金について※共通
-----------------------------------------------------------*/
table.info{/*共通*/
	width:100%;
	margin-bottom:10px;
}

table.info caption{/*共通*/
	font-size:30px;
	line-height:1.25 !important;
	color:#F90;
	margin-bottom:10px;
}

table.info caption span{/*共通*/
	font-size:16px;
}

table.info th,td{/*共通*/
	padding:20px 3%;
	vertical-align:middle;
	border-radius:5px;
	border-style:solid;
	border-width:5px;
	border-radius:15px;
	font-size:16px;
  	-webkit-box-sizing: border-box;
  	box-sizing: border-box;
}


@media screen and (max-width:700px) {

table.info th,td{/*共通*/
	padding:10px 3%;
}

table.info caption span{/*共通*/
	font-size:14px;
}

}




/*入園のご案内
-----------------------------------------------------------*/
table.entrance th{
	width:22%;
	border-color:#ccffcc;
	font-weight:normal;
	background:#FFDFC7;
}

table.entrance-2color th{
	background:#c2e8f3;
}

table.entrance td{
	border-color:#ccffcc;
	background:#fff;
}

table.entrance td a{
	text-decoration:underline;
	color:#F60;
}

table.entrance td a:hover{
	color:#C00;
}

.entrance-list{
	list-style:none;
	margin-top:25px;
}


@media screen and (max-width:700px) {
	
.entrance-list li{
	font-size:14px;
}

}



/*保育料金について
-----------------------------------------------------------*/
table.tsuki th,table.ichiji th{
	background:#FCC;
	font-weight:normal;	
	border-color:#ffffe0;
	width:22%;
}

table.tsuki td,table.ichiji td{
	background:#fff;
	text-align:center;
	border-color:#ffffe0;
}

table.tsuki th.solid{
	background:#ffffe0;
}

table.tsuki td.td-blue{
	background:#9CF;
}
table.tsuki th.th-green{
	background:#9C9;
}

table.tsuki td.indent{
	text-indent:1.75em;
}


table.ichiji{
	margin-top:40px;
}

.ichiji_h2 {
	margin-top: 50px;
}

.rate-h3{
	font-size:18px;
	margin-top:10px;
}

.t-bottom{
	padding-left:1.5em;
}

.t-bottom li{
	list-style:circle;
}


@media screen and (max-width:700px) {
	
.t-bottom li{
	font-size:14px;
}

.rate-h3{
	font-size:16px;
}

.t-bottom{
	width:94%;
	margin:0 auto;
}
	
}

@media screen and (max-width:500px) {
	
table.info th,td{/*共通*/
	border-width:3px;
	font-size:14px;
}

table.info caption{/*共通*/
	font-size:24px;
}

}


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

   施設紹介

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

/*施設ネーミング
-----------------------------------------------------------*/
.access2{
	width:500px;
	margin:0 auto 50px auto;
}

.access2 .nursery-name{
	font-size: clamp(24px, 3vw, 36px);
	color:#f60;
	font-weight:bold;
	text-align:center;
	margin-bottom:15px;
}

#hara{
	padding-top:40px;
}
#tanotsu{
	padding-top:40px;
}
#chikushino{
	padding-top:40px;
}

.access2 .address{
	margin-bottom:15px;
	text-align:center;
}
.access2 .inquiry{
	color:#F60;
	text-align:center;
	font-size:18px;
	margin-bottom:15px;
}
.access2 a.tel{
	font-size:24px;
	color:#F60;
	text-decoration:underline;
	font-weight:bold;
}
.access2 a:hover.tel{
	color:#FC0;
}

@media screen and (max-width:800px) {
	
.access2{
	width:95%
}
}


/*動画
-----------------------------------------------------------*/
.mp4-wrap{
    width: 700px;
    margin: 0 auto;
}

.video-mp4{
    width: 100%;
    height: auto;
}

@media screen and (max-width:700px) {

.mp4-wrap{
    width: 95%;
}
}


/*マップ
-----------------------------------------------------------*/
.map{
	border-style: solid;
	border-width: 5px;
	border-radius: 15px;
	border-color: #fcc;
	width: 700px;
	margin: 50px auto;
}
.map iframe{
	height:500px;
	border-radius:10px;
}

@media screen and (max-width:700px) {
    
.map{
	width: 95%;
}
}

@media screen and (max-width:500px) {
	
.map{
	border-width:3px;
	margin: 25px auto;
}
.map iframe{
	height: 350px;
}
}


/*インスタグラム
-----------------------------------------------------------*/
.insta{
	width:500px;
	margin:0 auto;
	/*background:#000;*/
}

.instagram-media{
    width: 100%;
}

/*.insta a img{
	width:100%;
	height:auto;
}
.insta a:hover img{
	opacity:0.75;
}

.tanotsu-insta{
	margin:0 auto;
}*/

.border-700{
    width: 700px;
    margin: 0 auto;
    padding-top: 50px;
    border-bottom: 10px dotted #ffb6c1;
}

@media screen and (max-width:700px) {
    
.border-700{
    width: 95%;
}
}

@media screen and (max-width:500px) {
	
.insta{
	width: 100%;
}
}



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

   園児、スタッフ募集

--------------------------------------------------------------------------------------------- */
ul.recruit{
	padding-bottom:25px;
}

ul.recruit li{
	float:left;
	width:425px;
	list-style: none;
}

ul.recruit li.right{
	float:right;
	width:425px;
}

ul.recruit li img{
	width:100%;
	height: auto;
	margin-bottom:20px;
}

ul.recruit li a:hover img{
	opacity:0.75;
}

ul.recruit li h3{
	text-align:center;
	font-size:28px;
	font-weight:normal;
	line-height: 1.5 !important;
}

ul.recruit li h3.orange{
	color:#F60;
}
ul.recruit li h3.pink{
	color:#F39;
}


@media screen and (max-width:900px) {
	
ul.recruit li{
	width:49%;
}

ul.recruit li.right{
	width:49%;
}

ul.recruit li img{
	width:100%;
	height: auto
}

ul.recruit li h3{
	font-size:22px;
}

}


@media screen and (max-width:500px) {
	
ul.recruit li{
	width:96%;
	float:none;
	margin:auto;
}

ul.recruit li.right{
	width:96%;
	float:none;
	margin:30px auto 0 auto;
}
	
}








/*お問い合わせページ▼
----------------------------------------------------------------------------------------------------------------------*/
table.form{
	margin-top:50px;
}

table.form th{
	border-color:#ffffe0;
	font-weight:normal;
	background:#FC0;
}

table.form td{
	border-color:#ffffe0;
	background:#fff;
}

table.form caption.mail{
	color:#F60;
	font-size:18px;
	margin-bottom:10px;
	text-align:center;
}

/*@media screen and (max-width:500px) {

table.form th,td{
	display:block;
	width:100%;
  	-webkit-box-sizing: border-box;
  	box-sizing: border-box;
}

}
*/







/*企業情報ページ▼
----------------------------------------------------------------------------------------------------------------------*/

h3.h3_motto{
	text-align:center;
	font-size:36px;
	font-weight:normal;
	color:#F36;
	text-shadow:1px 1px 3px #C99;
}

p.p_motto{
	text-align:center;
	font-size:20px;
	color:#F36;
	line-height:1.75 !important;
}

table.company{
	margin-top:80px;
}

table.company th{
	border-color:#fff0f5;
	font-weight:normal;
	background:#FCC;
}

table.company td{
	border-color:#fff0f5;
	background:#fff;
}

table.company td a{
	text-decoration:underline;
	color:#F60;
}
table.company td a:hover{
	color:#C00;
}


@media screen and (max-width:500px) {
	
h3.h3_motto{
	font-size:24px;
}

p.p_motto{
	font-size:16px;
}

/*p.pankuzu{
	font-size:12px;
}*/

}








/*サイトマップページ▼
----------------------------------------------------------------------------------------------------------------------*/

.sitemap{/*box*/
	border:double 7px #FCC;
	position:relative;
}

.sitemap .kigou00{
	position: absolute;
	top:-5%;
	right:3%;
}

.sitemap .kigou01{
	position: absolute;
	bottom:-5%;
	left:25%;
}

.sitemap ul{
	width:100%;
}

.sitemap ul li{
	float:left;
	width:32%;
	margin-right:2%;
}

.sitemap ul li.last{
	margin-right:0;
}

.sitemap ul li dt{
	font-size:16px;
	line-height:3 !important;
}

.sitemap ul li dd{
	font-size:16px;
	line-height:2 !important;
	text-indent:0.5em;
}

.sitemap ul li dt span{
	border-radius:40% 40% 50% 40%/30% 50% 50% 50%;
	width:18px;
	height:18px;
	background:#fcc;
	color:#fcc;
}

.sitemap-ul{
	list-style:none;
}


@media screen and (max-width:500px) {
	
.sitemap ul li{
	float:none;
	width:70%;
	margin:0 auto;
}

.sitemap ul li.last{
	margin:0 auto;
}

.sitemap ul li dt{
	font-size:14px;
}

.sitemap ul li dd{
	font-size:14px;
}

.sitemap ul li dt span{
	width:16px;
}

}