@charset "UTF-8";

.txt_l{
	text-align: left
}


/* ++++++++++++++++++++++++++++++++++++++++++++++    PC    ++++++++++++++++++++++++++++++++++++++++++++++  */
/* 801px ~ */
@media screen and (min-width: 801px), print {
	.flame{
		position: absolute;
		z-index: 101;
	}
	.deco{
		position: absolute;
	}
	.flame_tr{
		top: -1px;
		right: -3px;
	}
	.flame_tl{
		top: -1px;
		left: -3px;
	}
	.flame_br{
		bottom: -1px;
		right: -3px;
	}
	.flame_bl{
		bottom: -1px;
		left: -3px;
	}
	.overwrap{
		overflow: hidden;
	}
	.js-open{
		cursor: pointer;
	}
	/*-----------------------------
	
		こども園
	
	--------------------------------*/
	#service.kodomoen{
		overflow: hidden;
	}
	#service.kodomoen #leadArea{
		position: relative;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
		#service.kodomoen #leadArea .txt_box{
			box-sizing: border-box;
			width: 440px;
			margin-left: 80px;
		}
			#service.kodomoen #leadArea .txt_box .hd{
				font-size: 25px;
				font-weight: bold;
				margin-bottom: 40px;
				letter-spacing: 3px;
			}
			#service.kodomoen #leadArea .txt_box p{
				line-height: 2;
			}

						#service.kodomoen #leadArea .txt_box .btn{
							width: 215px;
							border: solid 3px #66cbaf;
							border-radius: 18px;
							position: relative;
							text-align: center;
							color: #0da997;
							padding: 18px 25px 18px 5px;
							box-sizing: border-box;
							line-height: 1;
							display: block;
							font-weight: bold;
							margin: 30px 0 0;
						}
							#service.kodomoen #leadArea .txt_box .btn::before {
								position: absolute;
								content: "";
								top: 0;
								bottom: 0;
								right: 15px;
								margin: auto;
								background-image: url(../../common/img/arrow.png);
								background-size: cover;
								width: 20px;
								height: 15px;
								transition: 300ms;
							}
								#service.kodomoen #leadArea .txt_box .btn:hover {
									background-color: #66cbaf !important;
									color: #fff;
								}
								#service.kodomoen #leadArea .txt_box .btn:hover::before{
									right: 8px;
									background-image: url(../../common/img/arrow_w.png);
								}
		#service.kodomoen #leadArea .img_box{
			margin-left: 50px;
			width: calc(100% - 580px);
			margin-right: 3px;
			position: relative;
			border-radius: 16px;
			min-height: 470px;
		}
			#service.kodomoen #leadArea .img_box{
				background: url("../img/kodomoen/lead_pht.jpg")no-repeat center/cover;
			}
			#service.kodomoen #leadArea .img_box .flame{
				width: 120px;
				border-radius: 0;
			}
			#service.kodomoen #leadArea .img_box .flame_br{
				width: 121px;
				border-radius: 0;
			}
	
	
	/* 共通
	---------------------------------*/
	#service.kodomoen .sec{
		margin-top: 200px;
		position: relative;
	}
	
		#service.kodomoen .sec h2{
			position: relative;
			margin: 0 auto 30px;
			text-align: center;
			font-size: 25px;
			letter-spacing: 3px;
			width: 275px;
			padding-left: 3px;
		}
	#service.kodomoen .sec h2:before,
	#service.kodomoen .sec h2:after{
		content: '';
		display: block;
		position: absolute;
		width: 15px;
		height: 29px;
		top: 0;
		bottom: 0;
		margin: auto 0;
	}
		#service.kodomoen .sec h2:before{
			background: url("../img/tit_l.png") no-repeat center/cover;
			left: 0;
		}
		#service.kodomoen .sec h2:after{
			background: url("../img/tit_r.png") no-repeat center/cover;
			right: 0
		}
			#service.kodomoen .sec .lead{
				font-weight: bold;
				font-size: 18px;
				text-align: center;
				line-height: 2;
			}
				#service.kodomoen .sec .lead .cap{
					display: inline-block;
					margin-top: 20px;
					text-align: left;
					text-indent: -1.2em;
					padding-left: 1.2em;
				}
	
	
	/* 保育・教育方針
	---------------------------------*/
	#service.kodomoen #policy{
		position: relative;
	}
	#service.kodomoen #policy .deco{
		width: 162px;
		right: -100px;
		z-index: 101;
		top: -30px;
	}
	#service.kodomoen #policy ul{
		margin-top: 80px;
		width: 100%;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
		#service.kodomoen #policy ul:after{
			display: none;
		}
			#service.kodomoen #policy ul li{
				width: 278px;
				position: relative;
				text-align: center;
			}
				#service.kodomoen #policy ul li .num{
					position: absolute;
					width: 32px;
					left: 0;
					top: 0;
				}
				#service.kodomoen #policy ul li .img_box{
					margin-bottom: 20px;
				}
					#service.kodomoen #policy ul li p{
						font-weight: bold;
						font-size: 18px;
					}
	
	/* エデュケーショナルパートナー
	---------------------------------*/
	#service.kodomoen #method{
		position: relative;
		background-image: url("../../common/img/bg_b.jpg");
		background-size: 350px;
		background-position: 0 0;
		padding-top: 80px;
		padding-bottom: 100px;
		z-index: 100;
	}
		#service.kodomoen #method:before,
		#service.kodomoen #method:after{
			content: '';
			display: block;
			position: absolute;
			width: calc(50% - 245px);
			height: 70px;
			background-color: #fff;
			top: 0;
		}
		#service.kodomoen #method:before{
			left: 0;
		}
		#service.kodomoen #method:after{
			right: 0;
		}
		#service.kodomoen .headbg{
			position: absolute;
			width: 490px;
			top: 0;
			left: 0;
			right: 0;
			margin: 0 auto;
		}
	#service.kodomoen #method .swiper-method{
		margin: 80px auto 0;
	}
		#service.kodomoen #method .swiper-button-next,
		#service.kodomoen #method .swiper-button-prev{
			width: 70px;
			height: 70px;		
		}
		#service.kodomoen #method .swiper-button-next{
			right: 3%;
		}
		#service.kodomoen #method .swiper-button-prev{
			left: 3%;
		}
			#service.kodomoen #method .swiper-method li{
				padding-top: 8px;
			}
				#service.kodomoen #method .swiper-method li .inner{
					background-color: #fff;
					padding: 50px 15%;
					border-radius: 24px;
					position: relative;
				}
					#service.kodomoen #method .swiper-method li .inner .icon_box{
						width: 49px;
						left: 15px;
						top: 15px;
						position: absolute;
					}
					#service.kodomoen #method .swiper-method li .inner .num{
						width: 32px;
						position: absolute;
						left: 0;
						right: 0;
						margin: auto;
						top: -16px;
					}
					#service.kodomoen #method .swiper-method li .inner .img_box{
						max-width: 250px;
						margin: 0 auto 30px;
					}
						#service.kodomoen #method .swiper-method li .inner dl dt{
							font-weight: bold;
							text-align: center;
							font-size: 18px;
							margin-bottom: 15px;
						}
							#service.kodomoen #method .swiper-method li .inner dl dd a{
								display: block;
								text-align: center;
								margin-top: 10px;
								color: #0da997;
								text-decoration-line: underline;
							}
	
	
	/* エデュケーショナルパートナー
	---------------------------------*/
	#service.kodomoen #partner{
		
	}
	#service.kodomoen #partner .wrap{
		position: relative;
		padding: 327px 0;
		width: 960px;
	}
		#service.kodomoen #partner h2{
			height: 90px;
			width: 305px;
			padding-left: 10px;
		}
			#service.kodomoen #partner h2:before,
			#service.kodomoen #partner h2:after{
				content: '';
				display: block;
				position: absolute;
				width: 15px;
				height: 15px;
				margin: 0;
				top: auto;
			}
				#service.kodomoen #partner h2:before{
					background: url("../img/kodomoen/partner_tit_l.png") no-repeat center/cover;
					left: 0;
					top: 0.2em;
				}
				#service.kodomoen #partner h2:after{
					background: url("../img/kodomoen//partner_tit_r.png") no-repeat center/cover;
					right: 0;
					bottom: 0.5em;
				}
	
	#service.kodomoen #partner li{
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		width: 360px;
		height: 200px;
		position: absolute;
	}
	#service.kodomoen #partner li:nth-of-type(1){
		top: 0;
		left: 50%;
		margin-left: -85px;
	}
			#service.kodomoen #partner li:nth-of-type(1){
				width: 390px;
			}
				#service.kodomoen #partner li:nth-of-type(1) dl{
					width: 200px;
				}
			#service.kodomoen #partner li:nth-of-type(2){
				left: 0;
				display: block;
				text-align: right;
				width: 200px;
			}
			#service.kodomoen #partner li:nth-of-type(3){
				right: 0;
				display: block;
				width: 200px;
			}
				#service.kodomoen #partner li:nth-of-type(2),
				#service.kodomoen #partner li:nth-of-type(3){
					top: 280px;
				}
				#service.kodomoen #partner li:nth-of-type(2) .img_box,
				#service.kodomoen #partner li:nth-of-type(3) .img_box{
					margin: 0 auto;
				}
				#service.kodomoen #partner li:nth-of-type(2) dl,
				#service.kodomoen #partner li:nth-of-type(3) dl{
					text-align: center;
					width: 200px;
				}
			#service.kodomoen #partner li:nth-of-type(4){
				bottom: 0;
				left: 50%;
				margin-left: 90px;
				
			}
				
			#service.kodomoen #partner li:nth-of-type(5){
				bottom: 0;
				right: 50%;
				margin-right: 90px;
				flex-direction: row-reverse;
			}
				#service.kodomoen #partner li .img_box{
					width: 171px;
				}
					#service.kodomoen #partner li .img_box img{
						display: block;
						margin: 0 auto;
					}
					#service.kodomoen #partner li .img_box .pht{
						width: 154px;
						margin-bottom: 15px;
					}
				#service.kodomoen #partner li dl{
					width: 170px;
				}
					#service.kodomoen #partner li dl dt{
						font-weight: bold;
						font-size: 18px;
					}
						#service.kodomoen #partner li dl dt span{
							display: inline-block;
							font-size: 12px;
							padding: 0 8px;
							border-radius: 6px;
							color: #fff;
							margin-right: 5px;
						}
						#service.kodomoen #partner li dl dt .ka{
							background-color: #0da997;
						}
						#service.kodomoen #partner li dl dt .se{
							background-color: #ff97aa;
						}

					#service.kodomoen #partner li dl dd{
						margin-top: 10px;
						text-align: left;
					}
			/* border */
			#service.kodomoen #partner li .border{
				position: absolute;
			}
				#service.kodomoen #partner li:nth-of-type(1) .border.br{
					width: 105px;
					right: 30px;
					bottom: -88px;
				}
				#service.kodomoen #partner li:nth-of-type(1) .border.bl{
					width: 105px;
					left: -180px;
					bottom: -80px;
				}
				#service.kodomoen #partner li:nth-of-type(4) .border.tr{
					width: 49px;
					right: 140px;
					top: -120px;
					transform: rotate(10deg);
				}
				#service.kodomoen #partner li:nth-of-type(4) .border.bc{
					width: 92px;
					left: -137px;
					bottom: 120px;
				}
				#service.kodomoen #partner li:nth-of-type(5) .border{
					width: 49px;
					left: 130px;
					top: -130px;
					transform: rotate(-10deg);
				}
	
	
	
	/* ある日
	---------------------------------*/
	#service.kodomoen #day{
		background-color: #f4f4f4;
		position: relative;
		border-radius: 16px;
	}
	
		#service.kodomoen #day:after{
			content: '';
			display: block;
			position: absolute;
			width: 800px;
			height: 800px;
			border-radius: 800px;
			background-color: #f4f4f4;
			top: -70px;
			left: 0;
			right: 0;
			margin: 0 auto;
			z-index: -1;
		}
			#service.kodomoen #day .flame{
				width: 119px;
				height: 119px;
			}
			#service.kodomoen #day .flame_tl{
			}
			#service.kodomoen #day .flame_br{
				transform: rotate(-180deg);
			}
		#service.kodomoen #day .lead{
			margin-bottom: 70px;
		}
	
	/* 1日 */
	#service.kodomoen #day .wrap{
		padding-bottom: 120px;
	}
	#service.kodomoen .timeline{
		position: relative;
		width: 420px;
		margin: 0 auto;
	}
		#service.kodomoen .timeline > li{
			position: relative;
			width: 100%;
			height: 180px;
		}
			#service.kodomoen .timeline > li + li{
				margin-top: 40px;
			}
				#service.kodomoen .timeline li .inner{
					position: relative;
					width: 180px;
					height: 100%;
					display: -webkit-flex;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-pack: center;
					-ms-flex-pack: center;
					justify-content: center;
					-webkit-box-align: center;
					-ms-flex-align: center;
					align-items: center;
					z-index: 2;
				}
				#service.kodomoen .timeline li:nth-of-type(2n) .inner{
					margin-left: auto;
					margin-right: 0;
				}
				
					#service.kodomoen .timeline li .inner:before{
						content: '';
						display: block;
						position: absolute;
						height: 100%;
						width: 100%;
						background-color: #fff;
						border-radius: 55px;
						transform: rotate(45deg);
						top: 0;
						left: 0;
						right: 0;
						bottom: 0;
						margin: auto;
						z-index: -1;
					}
	#service.kodomoen .timeline li .inner.view.on:before{
		opacity: 1;
		animation-name: spin;
		animation-duration: 400ms;
		animation-fill-mode: forwards;
		animation-timing-function: ease-out;
		animation-delay: 0.6s;		
	}
						#service.kodomoen .timeline li:first-of-type .inner:before{
							background-color: #ffe0e5;
						}
						#service.kodomoen .timeline li:last-of-type .inner:before{
							background-color: #c9ede3;
						}
					#service.kodomoen .timeline li .inner:after{
						content: '';
						display: block;
						position: absolute;
						width: 69px;
						height: 82px;
						bottom: -66px;
    					right: -59px;
					}
					#service.kodomoen .timeline li:nth-of-type(2n) .inner:after{
    					left: -59px;
					}
	

				#service.kodomoen .timeline li dl{
					padding-bottom: 5px;
				}
					#service.kodomoen .timeline li dl dt{
						width: 81px;
						margin: 0 auto 15px;
					}
					#service.kodomoen .timeline li dl dd{
						font-weight: bold;
						text-align: center;
						font-size: 18px;
						font-feature-settings: "palt";
						letter-spacing: 0.1em;
						line-height: 1.3;
					}
				#service.kodomoen .timeline li .img_box,
				#service.kodomoen .timeline li .txt_box,
				#service.kodomoen .timeline li .illust_box{
					position: absolute;
				}
				#service.kodomoen .timeline li .txt_box{
					width: 220px;
					font-weight: bold;
					display: -webkit-flex;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-align: center;
					-ms-flex-align: center;
					align-items: center;
					-webkit-box-pack: center;
					-ms-flex-pack: center;
					justify-content: center;
					flex-direction: column;
					top: 0;
					bottom: 0;
					margin: auto 0;
				}
					#service.kodomoen .timeline li .txt_box .txt_l{
						width: 100%;
					}
	#service.kodomoen .timeline li .img_box{
		transition-delay: .4s;
		animation-delay:  .4s;
	}
		/* 個別 */
		#service.kodomoen .timeline li:nth-of-type(1) .txt_box{
			left: -240px;
		}
			#service.kodomoen .timeline li:nth-of-type(1) .inner:after{
				background: url("../img/kodomoen/day_line_pw.png")no-repeat top left/cover;
			}
		#service.kodomoen .timeline li:nth-of-type(2) .illust_box{
			width: 141px;
			top: -90px;
			left: 180px;
		}
			#service.kodomoen .timeline li:nth-of-type(2) .inner:after{
				background: url("../img/kodomoen/day_line_gl.png")no-repeat top left/cover;
			}
		#service.kodomoen .timeline li:nth-of-type(3) .img_box{
			width: 268px;
			top: -268px;
			left: -268px;
		}
		#service.kodomoen .timeline li:nth-of-type(3) .txt_box{
			left: -240px;
		}
			#service.kodomoen .timeline li:nth-of-type(3) .inner:after{
				background: url("../img/kodomoen/day_line_pf.png")no-repeat top left/cover;
			}
		#service.kodomoen .timeline li:nth-of-type(4) .img_box{
			width: 455px;
			top: -340px;
			left: 140px;
		}
			#service.kodomoen .timeline li:nth-of-type(4) .inner:after{
				background: url("../img/kodomoen/day_line_gw.png")no-repeat top left/cover;
			}
		#service.kodomoen .timeline li:nth-of-type(5) .img_box{
			width: 267px;
			left: -333px;
			top: -43px;
		}
			#service.kodomoen .timeline li:nth-of-type(5) .inner:after{
				background: url("../img/kodomoen/day_line_glo.png")no-repeat top left/cover;
			}
	
		#service.kodomoen .timeline li:nth-of-type(6) .img_box{
			width: 267px;
			right: -310px;
			top: -43px;
		}
			#service.kodomoen .timeline li:nth-of-type(6) .inner:after{
				background: url("../img/kodomoen/day_line_pfo.png")no-repeat top left/cover;
			}
		#service.kodomoen .timeline li:nth-of-type(7) .txt_box{
			left: -260px;
			width: auto;
		}
		#service.kodomoen .timeline li:nth-of-type(7) .illust_box{
			width: 141px;
			left: -260px;
			bottom: -60px;
		}
			#service.kodomoen .timeline li:nth-of-type(7) .inner:after{
				background: url("../img/kodomoen/day_line_gwo.png")no-repeat top left/cover;
			}
			#service.kodomoen .timeline li:nth-of-type(8) .inner:after{
				background: url("../img/kodomoen/day_line_gl2.png")no-repeat top left/cover;
			}
			#service.kodomoen .timeline li:nth-of-type(9) .inner:after{
				background: url("../img/kodomoen/day_line_pf.png")no-repeat top left/cover;
			}
		#service.kodomoen .timeline li:nth-of-type(10) .img_box{
			width: 268px;
			right: -310px;
			top: -268px;
		}
		#service.kodomoen .timeline li:nth-of-type(10) .illust_box{
			width: 141px;
			right: -120px;
			bottom: -70px;
		}
			#service.kodomoen .timeline li:nth-of-type(10) .inner:after{
				background: url("../img/kodomoen/day_line_gw.png")no-repeat top left/cover;
			}
		#service.kodomoen .timeline li:nth-of-type(11) .img_box{
			width: 455px;
			left: -440px;
			top: -356px;
		}
			#service.kodomoen .timeline li:nth-of-type(11) .inner:after{
				background: url("../img/kodomoen/day_line_glo.png")no-repeat top left/cover;
			}
	
	
	
	/* 一年
	---------------------------------*/
	#service.kodomoen #year{
		position: relative;
	}
	#service.kodomoen #year .lead{
		margin-bottom: 120px;
	}
		#service.kodomoen #year .eventcal{
			position: relative;
			width: 680px;
			margin: 0 auto;
		}
			#service.kodomoen #year .eventcal > li{
				position: relative;
				margin-bottom: 120px;
			}
				#service.kodomoen #year .eventcal > li:after{
					content: '';
					display: block;
					position: absolute;
					width: 92px;
					height: 85px;
					left: 0;
					right: 0;
					margin: auto;
					bottom: -102px;
					background: url("../img/kodomoen/line_wavy.png")no-repeat top center/cover;
				}
					#service.kodomoen #year .eventcal > li:nth-of-type(2n):after{
						background: url("../img/kodomoen/line_st.png")no-repeat top center/cover;
					}
					#service.kodomoen #year .eventcal > li:nth-of-type(3n):after{
						background: url("../img/kodomoen/line_dot.png")no-repeat top center/cover;
					}
					#service.kodomoen #year .eventcal > li:last-of-type:after{
						display: none;
					}
				#service.kodomoen #year .eventcal > li dl{
					position: relative;
				}
					#service.kodomoen #year .eventcal > li dl dt{
						width: 92px;
						margin: 0 auto;
						position: relative;
					}
						#service.kodomoen #year .eventcal > li dl dt:after{
							content: '';
							display: block;
							position: absolute;
							top: 0;
							left: 0;
							width: 92px;
							height: 92px;
							background: url("../img/kodomoen/m_bg1.png") no-repeat center/cover;
							z-index: -1;
						}
						#service.kodomoen #year .eventcal > li:nth-of-type(2n) dl dt:after{
							background: url("../img/kodomoen/m_bg2.png") no-repeat center/cover;
						}
	#service.kodomoen #year .eventcal > li dl dt.view.on:after{
		opacity: 1;
		animation-name: spin;
		animation-duration: 400ms;
		animation-fill-mode: forwards;
		animation-timing-function: ease-out;
	}
					#service.kodomoen #year .eventcal > li dl dd{
						position: absolute;
						top: -79px;
						bottom: 0;
						margin: auto;
					}
					#service.kodomoen #year .eventcal > li:nth-of-type(2n+1) dl dd{
						right: 0;
					}
					#service.kodomoen #year .eventcal > li:nth-of-type(2n) dl dd{
						left: 0;
					}
						#service.kodomoen #year .eventcal > li dl dd .inner{
							width: 250px;
							height: 250px;
							box-sizing: border-box;
							padding: 20px;
							position: relative;
							z-index: 2;
							display: -webkit-flex;
							display: -ms-flexbox;
							display: flex;
							-webkit-box-pack: center;
							-ms-flex-pack:center;
							justify-content: center;
							-webkit-box-align: center;
							-ms-flex-align: center;
							align-items: center;
							flex-direction: column;
						}
						#service.kodomoen #year .eventcal > li dl dd .inner:after{
							content: '';
							display: block;
							position: absolute;
							width: 100%;
							height: 100%;
							background-color: #f4f4f4;
							top: 0;
							left: 0;
							right: 0;
							bottom: 0;
							margin: auto;
							border-radius: 78px;
							transform: rotate(45deg);
							z-index: -1;
						}
							#service.kodomoen #year .eventcal > li dl dd .inner ul{
								display: -webkit-flex;
								display: -ms-flexbox;
								display: flex;
								flex-wrap: wrap;
							}
								_:-ms-lang(x)::-ms-backdrop,#service.kodomoen #year .eventcal > li dl dd .inner ul{
									width: 210px;
									margin: 0 auto;
								}
								#service.kodomoen #year .eventcal > li dl dd .inner ul:after{
									display: none;
								}
									#service.kodomoen #year .eventcal > li dl dd .inner ul li{
										position: relative;
										padding-left: 13px;
										font-weight: bold;
										font-size: 18px;
										padding-right: 10px;
										box-sizing: border-box;
									}
										#service.kodomoen #year .eventcal > li dl dd .inner ul li:last-of-type{
											padding-right: 0;
										}
											#service.kodomoen #year .eventcal > li dl dd .inner ul li:after{
												content: '';
												display: block;
												position: absolute;
												width: 10px;
												height: 10px;
												border-radius: 10px;
												background-color: #ff97aa;
												left: 0;
												top: 0.65em;
											}
											#service.kodomoen #year .eventcal > li:nth-of-type(2n) dl dd .inner ul li:after{
												background-color: #66cbaf;
											}
									#service.kodomoen #year .eventcal > li dl dd .inner .txt{
										text-align: center;
										margin-top: 10px;
										font-feature-settings: "palt";
									}
								#service.kodomoen #year .eventcal > li .img_box,
								#service.kodomoen #year .eventcal > li .illust_box{
									position: absolute;
								}
								#service.kodomoen #year .eventcal > li .img_box{
									top: 50%;
									transition-delay: .4s;
									animation-delay: .4s;
								}
								#service.kodomoen #year .eventcal > li .illust_box{
									width: 153px;
									z-index: 2;
								}

						/* 4月 */
						#service.kodomoen #year .eventcal > li:nth-of-type(1) dl dd .inner{
							padding-top: 50px;
						}
							#service.kodomoen #year .eventcal > li:nth-of-type(1) dl dd .inner ul{
								display: -webkit-flex;
								display: -ms-flexbox;
								display: flex;
								flex-wrap: wrap;
							}
								#service.kodomoen #year .eventcal > li:nth-of-type(1) dl dd .inner ul li:nth-of-type(2n+1){
									width: 80px;
								}
						#service.kodomoen #year .eventcal > li:nth-of-type(1) .img_box{
							width: 287px;
							margin-top: -143px;
							right: -277px;
						}
						/* 5月 */
						#service.kodomoen #year .eventcal > li:nth-of-type(2) .img_box{
							width: 262px;
							margin-top: -143px;
							left: -252px;
						}
						/* 6月 */
						#service.kodomoen #year .eventcal > li:nth-of-type(3) dl dd .inner ul{
							display: block;
						}
							#service.kodomoen #year .eventcal > li:nth-of-type(3) dl dd .inner ul li{
								padding-right: 0;
							}
							#service.kodomoen #year .eventcal > li:nth-of-type(3) .img_box{
								width: 287px;
								margin-top: -143px;
								right: -277px;
							}
						/* 7月 */
						#service.kodomoen #year .eventcal > li:nth-of-type(4) dl dd .inner{
							padding-top: 50px;
						}
							#service.kodomoen #year .eventcal > li:nth-of-type(4) .img_box{
								width: 287px;
								margin-top: -143px;
								left: -277px;
							}
							#service.kodomoen #year .eventcal > li:nth-of-type(4) .illust_box{
								margin-top: -303px;
								left: -90px;
							}
						/* 8月 */
						#service.kodomoen #year .eventcal > li:nth-of-type(5) dl dd .inner ul{
							display: block;
						}
							#service.kodomoen #year .eventcal > li:nth-of-type(5) dl dd .inner ul li{
								padding-right: 0;
							}
						#service.kodomoen #year .eventcal > li:nth-of-type(5) .img_box{
							width: 262px;
							margin-top: -143px;
							right: -252px;
						}
						/* 9月 */
						#service.kodomoen #year .eventcal > li:nth-of-type(6) dl dd .inner ul{
							display: block;
						}
						#service.kodomoen #year .eventcal > li:nth-of-type(6) .img_box{
							width: 287px;
							margin-top: -143px;
							left: -277px;
						}
						/* 10月 */
						#service.kodomoen #year .eventcal > li:nth-of-type(7) dl dd .inner ul{
							display: block;
						}
							#service.kodomoen #year .eventcal > li:nth-of-type(7) dl dd .inner ul li{
								padding-right: 0;
							}
						#service.kodomoen #year .eventcal > li:nth-of-type(7) dl dd .inner{
							padding-top: 50px;
						}
						#service.kodomoen #year .eventcal > li:nth-of-type(7) .img_box{
							width: 287px;
							margin-top: -143px;
							right: -277px;
						}
							#service.kodomoen #year .eventcal > li:nth-of-type(7) .illust_box{
								top: -140px;
								right: -30px;
							}
						/* 11月 */
						#service.kodomoen #year .eventcal > li:nth-of-type(8) dl dd .inner ul{
							display: block;
						}
						#service.kodomoen #year .eventcal > li:nth-of-type(8) .img_box{
							width: 262px;
							margin-top: -143px;
							left: -252px;
						}
							#service.kodomoen #year .eventcal > li:nth-of-type(8) .illust_box{
								bottom: -140px;
								left: 80px;
							}
						/* 12月 */
						#service.kodomoen #year .eventcal > li:nth-of-type(9) dl dd .inner ul{
							display: block;
						}
							#service.kodomoen #year .eventcal > li:nth-of-type(9) dl dd .inner ul li{
								padding-right: 0;
							}
						#service.kodomoen #year .eventcal > li:nth-of-type(9) .img_box{
							width: 287px;
							margin-top: -143px;
							right: -277px;
						}
						/* 1月 */
						#service.kodomoen #year .eventcal > li:nth-of-type(10) dl dd .inner ul{
							display: block;
						}
							#service.kodomoen #year .eventcal > li:nth-of-type(10) dl dd .inner ul li{
								padding-right: 0;
							}
						#service.kodomoen #year .eventcal > li:nth-of-type(10) .img_box{
							width: 287px;
							margin-top: -143px;
							left: -277px;
						}
						/* 2月 */
						#service.kodomoen #year .eventcal > li:nth-of-type(11) dl dd .inner ul{
							display: block;
						}
							#service.kodomoen #year .eventcal > li:nth-of-type(11) dl dd .inner ul li{
								padding-right: 0;
							}
						#service.kodomoen #year .eventcal > li:nth-of-type(11) .img_box{
							width: 287px;
							margin-top: -143px;
							right: -277px;
						}
							#service.kodomoen #year .eventcal > li:nth-of-type(11) .illust_box{
								bottom: -210px;
								right: -20px;
							}
						/* 3月 */
						#service.kodomoen #year .eventcal > li:nth-of-type(12) dl dd .inner ul{
							display: block;
						}
						#service.kodomoen #year .eventcal > li:nth-of-type(12) .img_box{
							width: 262px;
							margin-top: -143px;
							left: -252px;
						}
	
	/* 職員紹介
	---------------------------------*/
	#service.kodomoen #staff{
		
	}
		#service.kodomoen #staff h2{
			background: url("../img/staff_tit_bg.png")no-repeat center/cover;
			width: 168px;
			height: 168px;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			margin-bottom: 80px;
		}
			#service.kodomoen #staff h2:before,
			#service.kodomoen #staff h2:after{
				display: none;
			}
	#service.kodomoen #staff .voice{
		position: relative;
		padding: 0 3px;
	}
		#service.kodomoen #staff .voice + .voice{
			margin-top: 100px;
		}
			#service.kodomoen #staff .voice .txt_box{
				width: calc(100% - 140px);
				position: relative;
				background-image: url(../../common/img/bg_p.jpg);
				background-size: 350px;
				border-radius: 16px;
				padding: 80px 450px 80px 80px;
				box-sizing: border-box;
				min-height: 540px;
			}
				#service.kodomoen #staff .voice:nth-of-type(2n + 1) .txt_box{
					background-image: url(../../common/img/bg_b.jpg);
					margin: 0 0 0 auto;
					padding: 80px 80px 80px 450px;
				}
						#service.kodomoen #staff .voice .txt_box .flame{
							width: 121px;
						}
						#service.kodomoen #staff .voice .txt_box .flame.flame_bl{
								transform: scale(-1.0,1.0);
							}
							#service.kodomoen #staff .voice .txt_box ul li + li{
								margin-top: 25px;
							}
								#service.kodomoen #staff .voice .txt_box ul li dl dt{
									font-size: 16px;
									font-weight: bold;
									position: relative;
									padding-left: 13px;
								}
									#service.kodomoen #staff .voice .txt_box ul li dl dt:after{
										content: '';
										display: block;
										position: absolute;
										width: 10px;
										height: 10px;
										border-radius: 10px;
										background-color: #ff97aa;
										left: 0;
										top: 0.6em;
									}
										#service.kodomoen #staff .voice:nth-of-type(2n+1) .txt_box ul li dl dt:after{
											background-color: #66cbaf;
										}
										#service.kodomoen #staff .voice .txt_box ul li dl dd{
											margin-top: 5px;
										}
			#service.kodomoen #staff .voice .img_box{
				width:534px;
				position: absolute;
				z-index: 1;
				top: -50px;
				left: 0;
			}
					#service.kodomoen #staff .voice:nth-of-type(2n) .img_box{
						right: 0;
						left: auto;
					}
				#service.kodomoen #staff .voice .img_box .inner{
					position: relative;
				}
					#service.kodomoen #staff .voice .prof_box{
						position: absolute;
						width: 200px;
						top: 80px;
						right: 40px;
					}
						#service.kodomoen #staff .voice.staff03 .prof_box{
							right: auto;
							left: 50px;
						}
							#service.kodomoen #staff .voice .post{
								display: block;
								font-weight: bold;
							}
								#service.kodomoen #staff .voice .name{
									display: block;
									font-weight: bold;
									font-size: 18px;
								}
								#service.kodomoen #staff .voice .txt{
									margin-top: 10px;
								}
	

	
	
	/*  あとりえらぼ
	---------------------------------*/
	#service.kodomoen #lab{
	}
		#service.kodomoen #lab h2{
			padding: 0 20px 0 23px;
			margin-bottom: 70px;
		}
			#service.kodomoen #lab h2 img{
				display: block;
				position: absolute;
				width: 181px;
				left: 0;
				right: 0;
				margin: 0 auto;
				top: -40px;
			}
	#service.kodomoen #lab .txtArea{
		position: relative;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
		#service.kodomoen #lab .txtArea .txt_box{
			box-sizing: border-box;
			width: 440px;
			margin-left: 80px;
		}
			#service.kodomoen #lab .txtArea .txt_box .hd{
				font-size: 25px;
				font-weight: bold;
				margin-bottom: 40px;
				letter-spacing: 3px;
			}
			#service.kodomoen #lab .txtArea .txt_box p{
				line-height: 2;
			}

						#service.kodomoen #lab .txtArea .txt_box .btn{
							width: 320px;
							border: solid 3px #66cbaf;
							border-radius: 18px;
							position: relative;
							text-align: center;
							color: #0da997;
							padding: 18px 25px 18px 5px;
							box-sizing: border-box;
							line-height: 1;
							display: block;
							font-weight: bold;
							margin: 30px 0 0;
						}
							#service.kodomoen #lab .txtArea .txt_box .btn::before {
								position: absolute;
								content: "";
								top: 0;
								bottom: 0;
								right: 15px;
								margin: auto;
								background-image: url(../../common/img/arrow.png);
								background-size: cover;
								width: 20px;
								height: 15px;
								transition: 300ms;
							}
								#service.kodomoen #lab .txtArea .txt_box .btn:hover {
									background-color: #66cbaf !important;
									color: #fff;
								}
								#service.kodomoen #lab .txtArea .txt_box .btn:hover::before{
									right: 8px;
									background-image: url(../../common/img/arrow_w.png);
								}
			#service.kodomoen #lab .txtArea .img_box{
				margin-left: 50px;
				width: calc(100% - 580px);
				margin-right: 3px;
				position: relative;
				border-radius: 16px;
			}
				#service.kodomoen #lab .txtArea .img_box{
					background: url("../img/kodomoen/lab_pht.jpg")no-repeat center/cover;
					min-height: 440px;
					position: relative;
				}
					#service.kodomoen #lab .txtArea .img_box .flame{
						width: 120px;
						border-radius: 0;
						transform: scale(1,-1)
					}
					#service.kodomoen #lab .txtArea .img_box .flame_bl{
						left: -1px;
					}
	
	/*  各園リスト
	---------------------------------*/
	#service.kodomoen #profile_info{
		position: relative;
		background-image: url("../../common/img/bg_b.jpg");
		background-size: 350px;
		padding: 80px 50px 50px;
		border-radius: 16px;
		box-sizing: border-box;
	}
	#service.kodomoen #profile_info .flame{
		width: 64px;
	}
	#service.kodomoen #profile_info .flame_tl{
		transform: scale(-1.0,1.0);
	}
	#service.kodomoen #profile_info .flame_br{
		transform: scale(1.0,-1.0);
	}
		#service.kodomoen #profile_info h2{
			position: absolute;
			top: -22px;
			left: 0;
			right: 0;
			margin: 0 auto;
		}
		#service.kodomoen #profile_info .wrap{
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content:center;
		}
			#service.kodomoen #profile_info ul.profile_list{
				margin: 0 30px;
			}
				#service.kodomoen #profile_info ul.profile_list li{
					font-size: 16px;
					font-weight: bold;
					position: relative;
					padding-left: 13px;
					line-height: 1.5;
				}
					#service.kodomoen #profile_info ul.profile_list li:after{
						content: '';
						display: block;
						position: absolute;
						width: 10px;
						height: 10px;
						border-radius: 10px;
						background-color: #66cbaf;
						left: 0;
						top: 0.4em;
					}
					#service.kodomoen #profile_info ul.profile_list li + li{
						margin-top: 10px;
					}
	
	
	
	/*  よくあるご質問
	---------------------------------*/
	#service.kodomoen #faq{
		position: relative;
	}
		#service.kodomoen #faq h2{
			margin-bottom: 100px;
		}
			#service.kodomoen #faq .faqArea{
				position: relative;
				background-image: url("../../common/img/bg_p.jpg");
				background-size: 350px;
				padding: 50px;
				border-radius: 16px;
			}
			#service.kodomoen #faq .faqArea + .faqArea{
				margin-top: 75px;
			}
			#service.kodomoen #faq .faqArea:nth-of-type(2n){
				background-image: url("../../common/img/bg_b.jpg");
			}
				#service.kodomoen #faq .faqArea .tit{
					position: absolute;
					top: -0.9em;
					left: 0;
					right: 0;
					margin: auto;
					font-size: 22px;
					font-weight: bold;
					text-align: center;
				}
				#service.kodomoen #faq .faqArea .illust_box{
					width: 155px;
					position: absolute;
					right: 50px;
					top: -125px;
				}
	#service.kodomoen #faq .faqArea .faqlist{
		font-weight: bold;
	}
	#service.kodomoen #faq .faqArea .faqlist > li{
		
		border-radius: 16px;
		background: #fff;
	}
	#service.kodomoen #faq .faqArea .faqlist > li + li{
		margin-top: 10px;
	}
	#service.kodomoen #faq .faqArea .faqlist > li > dl dt{
		font-size: 18px;
		padding: 25px 40px 25px 80px;
		position: relative;
	}
		#service.kodomoen #faq .faqArea .faqlist > li > dl dt:before{
			content: '';
			display: block;
			position: absolute;
		}
		#service.kodomoen #faq .faqArea .faqlist > li > dl dt:before{
			background: url("../img/kodomoen/q1.png")no-repeat top center/cover;
			width: 28px;
			height: 17px;
			left: 34px;
			top: 34px;
		}
			#service.kodomoen #faq .faqArea .faqlist > li:nth-of-type(2) > dl dt:before{
				background: url("../img/kodomoen/q2.png")no-repeat top center/cover;
			}
			#service.kodomoen #faq .faqArea .faqlist > li:nth-of-type(3) > dl dt:before{
				background: url("../img/kodomoen/q3.png")no-repeat top center/cover;
			}
			#service.kodomoen #faq .faqArea .faqlist > li:nth-of-type(4) > dl dt:before{
				background: url("../img/kodomoen/q4.png")no-repeat top center/cover;
			}
			#service.kodomoen #faq .faqArea .faqlist > li:nth-of-type(5) > dl dt:before{
				background: url("../img/kodomoen/q5.png")no-repeat top center/cover;
			}
			#service.kodomoen #faq .faqArea .faqlist > li:nth-of-type(6) > dl dt:before{
				background: url("../img/kodomoen/q6.png")no-repeat top center/cover;
			}
			#service.kodomoen #faq .faqArea .faqlist > li:nth-of-type(7) > dl dt:before{
				background: url("../img/kodomoen/q7.png")no-repeat top center/cover;
			}
		#service.kodomoen #faq .faqArea .faqlist > li > dl dt:after{
			background: #8e8e8e;
			width: 36px;
			height: 1px;
			left: 0;
			bottom: 0;
			border-radius: 1px;
		}
			#service.kodomoen #faq .faqArea .faqlist > li > dl dt .arrow{
				background: url("../img/kodomoen/faq_arrow.png")no-repeat top center/cover;
				width: 14px;
				height: 8px;
				position: absolute;
				right: 30px;
				top: 38px;
				transition: 0.4s;
			}
			#service.kodomoen #faq .faqArea .faqlist > li > dl dt.active .arrow{
				transform: rotate(-180deg);
			}
	#service.kodomoen #faq .faqArea .faqlist > li > dl dd{
		padding: 25px 30px 25px 80px;
		position: relative;
		display: none;
	}
		#service.kodomoen #faq .faqArea .faqlist > li > dl dd:before,
		#service.kodomoen #faq .faqArea .faqlist > li > dl dd:after{
			content: '';
			display: block;
			position: absolute;
		}
		
			#service.kodomoen #faq .faqArea .faqlist > li > dl dd:before{
				background: #8e8e8e;
				width: 36px;
				height: 1px;
				left: 30px;
				top: 0;
				border-radius: 1px;
			}
			#service.kodomoen #faq .faqArea .faqlist > li > dl dd:after{
				width: calc(100% - 110px);
				height: 1px;
				background: #e3e3e3;
				right: 30px;
				top: 0;
				border-radius: 1px;
			}
				#service.kodomoen #faq .faqArea .faqlist > li > dl dd .inner{
					position: relative;
				}
					#service.kodomoen #faq .faqArea .faqlist > li > dl dd .inner:before{
						content: '';
						display: block;
						position: absolute;
						background: url("../img/kodomoen/a1.png")no-repeat top center/cover;
						width: 28px;
						height: 17px;
						left: -46px;
						top: 5px;
					}
						#service.kodomoen #faq .faqArea .faqlist > li:nth-of-type(2) > dl dd .inner:before{
							background: url("../img/kodomoen/a2.png")no-repeat top center/cover;
						}
						#service.kodomoen #faq .faqArea .faqlist > li:nth-of-type(3) > dl dd .inner:before{
							background: url("../img/kodomoen/a3.png")no-repeat top center/cover;
						}
						#service.kodomoen #faq .faqArea .faqlist > li:nth-of-type(4) > dl dd .inner:before{
							background: url("../img/kodomoen/a4.png")no-repeat top center/cover;
						}
						#service.kodomoen #faq .faqArea .faqlist > li:nth-of-type(5) > dl dd .inner:before{
							background: url("../img/kodomoen/a5.png")no-repeat top center/cover;
						}
						#service.kodomoen #faq .faqArea .faqlist > li:nth-of-type(6) > dl dd .inner:before{
							background: url("../img/kodomoen/a6.png")no-repeat top center/cover;
						}
						#service.kodomoen #faq .faqArea .faqlist > li:nth-of-type(7) > dl dd .inner:before{
							background: url("../img/kodomoen/a7.png")no-repeat top center/cover;
						}
				#service.kodomoen #faq .faqArea .faqlist > li > dl dd p + ul,
				#service.kodomoen #faq .faqArea .faqlist > li > dl dd ul + p,
				#service.kodomoen #faq .faqArea .faqlist > li > dl dd p + p{
					margin-top: 10px;
				}
				
					

}




/* ++++++++++++++++++++++++++++++++++++++++++++++    sp    ++++++++++++++++++++++++++++++++++++++++++++++  */
/* ~ 800px */
@media only screen and (max-width: 800px) {
.flame{
		position: absolute;
		z-index: 101;
	}
	.deco{
		position: absolute;
	}
	.flame_tr{
		top: -1px;
		right: -2px;
	}
	.flame_tl{
		top: -1px;
		left: -2px;
	}
	.flame_br{
		bottom: -1px;
		right: -2px;
	}
	.flame_bl{
		bottom: -1px;
		left: -2px;
	}
	.overwrap{
		overflow: hidden;
	}
	.js-open{
		cursor: pointer;
	}
	/*-----------------------------
	
		こども園
	
	--------------------------------*/
	#service.kodomoen{
		overflow: hidden;
	}
	#service.kodomoen #leadArea{
		margin-top: 160px;
		position: relative;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
		#service.kodomoen #leadArea .txt_box{
			box-sizing: border-box;
		}
			#service.kodomoen #leadArea .txt_box .hd{
				font-size: 18px;
				font-weight: bold;
				margin-bottom: 15px;
			}
			#service.kodomoen #leadArea .txt_box p{
			}

						#service.kodomoen #leadArea .txt_box .btn{
							width: 215px;
							border: solid 3px #66cbaf;
							border-radius: 18px;
							position: relative;
							text-align: center;
							color: #0da997;
							padding: 18px 25px 18px 5px;
							box-sizing: border-box;
							line-height: 1;
							display: block;
							font-weight: bold;
							margin: 30px 0 0;
						}
							#service.kodomoen #leadArea .txt_box .btn::before {
								position: absolute;
								content: "";
								top: 0;
								bottom: 0;
								right: 15px;
								margin: auto;
								background-image: url(../../common/img/arrow.png);
								background-size: cover;
								width: 20px;
								height: 15px;
								transition: 300ms;
							}
								#service.kodomoen #leadArea .txt_box .btn:hover {
									background-color: #66cbaf !important;
									color: #fff;
								}
								#service.kodomoen #leadArea .txt_box .btn:hover::before{
									right: 8px;
									background-image: url(../../common/img/arrow_w.png);
								}
		#service.kodomoen #leadArea .img_box{
			position: relative;
			margin-bottom: 20px;
		}
		#service.kodomoen #leadArea .img_box img{
			border-radius: 0 8px 0 8px;
		}
			#service.kodomoen #leadArea .img_box .flame{
				width: 60px;
				
			}
	#service.kodomoen #leadArea .img_box .flame img{
		border-radius: 0;
	}
	
	
	/* 共通
	---------------------------------*/
	#service.kodomoen .sec{
		margin-top: 100px;
		position: relative;
	}
	
		#service.kodomoen .sec h2{
			position: relative;
			margin: 0 auto 30px;
			text-align: center;
			font-size: 20px;
			width: 90%;
			max-width: 275px;
			padding-left: 3px;
		}
	#service.kodomoen .sec h2:before,
	#service.kodomoen .sec h2:after{
		content: '';
		display: block;
		position: absolute;
		width: 15px;
		height: 29px;
		top: 0;
		bottom: 0;
		margin: auto 0;
	}
		#service.kodomoen .sec h2:before{
			background: url("../img/tit_l.png") no-repeat center/cover;
			left: 0;
		}
		#service.kodomoen .sec h2:after{
			background: url("../img/tit_r.png") no-repeat center/cover;
			right: 0
		}
			#service.kodomoen .sec .lead{
				font-weight: bold;
				font-size: 16px;
				text-align: center;
			}
				#service.kodomoen .sec .lead .cap{
					display: inline-block;
					margin-top: 20px;
					text-align: left;
					text-indent: -1.2em;
					padding-left: 1.2em;
				}
	
	/* 保育・教育方針
	---------------------------------*/
	#service.kodomoen #policy{
		position: relative;
	}
	#service.kodomoen #policy .lead {
		text-align: left;
	}
	#service.kodomoen #policy .deco{
		width: 110px;
		right: -60px;
		z-index: 101;
		top: -120px;
	}
	#service.kodomoen #policy ul{
		margin-top: 40px;
		width: 100%;
	}
		#service.kodomoen #policy ul:after{
			display: none;
		}
			#service.kodomoen #policy ul li{
				position: relative;
				text-align: center;
				width: 80%;
				margin: 0 auto;
			}
				#service.kodomoen #policy ul li + li{
					margin-top: 30px;
				}
				#service.kodomoen #policy ul li .num{
					position: absolute;
					width: 12%;
					left: 0;
					top: 0;
				}
				#service.kodomoen #policy ul li .img_box{
					margin-bottom: 10px;
					width: 100%;
				}
					#service.kodomoen #policy ul li p{
						font-weight: bold;
						font-size: 15px;
					}
	
	/* エデュケーショナルパートナー
	---------------------------------*/
	#service.kodomoen #method{
		position: relative;
		background-image: url("../../common/img/bg_b.jpg");
		background-size: 350px;
		background-position: 0 0;
		padding-top: 80px;
		padding-bottom: 50px;
		z-index: 100;
	}
		#service.kodomoen #method:before,
		#service.kodomoen #method:after{
			content: '';
			display: block;
			position: absolute;
			width: 5vw;
			height: 13vw;
			background-color: #fff;
			top: 0;
		}
		#service.kodomoen #method:before{
			left: 0;
		}
		#service.kodomoen #method:after{
			right: 0;
		}
		#service.kodomoen .headbg{
			position: absolute;
			max-width: 490px;
			width: 90%;
			top: 0;
			left: 0;
			right: 0;
			margin: 0 auto;
		}
	#service.kodomoen #method .swiper-method{
		margin: 40px auto 0;
	}
		#service.kodomoen #method .swiper-button-next,
		#service.kodomoen #method .swiper-button-prev{		
		}
		#service.kodomoen #method .swiper-button-next{
			right: 10%;
		}
		#service.kodomoen #method .swiper-button-prev{
			left: 10%;
		}
			#service.kodomoen #method .swiper-method li{
				padding-top: 16px;
			}
				#service.kodomoen #method .swiper-method li .inner{
					background-color: #fff;
					padding: 30px 5% 20px;
					border-radius: 12px;
					position: relative;
					line-height: 1.6;
				}
					#service.kodomoen #method .swiper-method li .inner .icon_box{
						width: 49px;
						left: 15px;
						top: 15px;
						position: absolute;
					}
					#service.kodomoen #method .swiper-method li .inner .num{
						width: 32px;
						position: absolute;
						left: 0;
						right: 0;
						margin: auto;
						top: -16px;
					}
					#service.kodomoen #method .swiper-method li .inner .img_box{
						max-width: 250px;
						margin: 0 auto 30px;
					}
						#service.kodomoen #method .swiper-method li .inner dl dt{
							font-weight: bold;
							text-align: center;
							font-size: 18px;
							margin-bottom: 15px;
						}
							#service.kodomoen #method .swiper-method li .inner dl dd a{
								display: block;
								text-align: center;
								margin-top: 10px;
								color: #0da997;
								text-decoration-line: underline;
							}
	
	
	/* エデュケーショナルパートナー
	---------------------------------*/
	#service.kodomoen #partner{
		
	}
	#service.kodomoen #partner .wrap{
		position: relative;
	}
		#service.kodomoen #partner h2{
			height: 90px;
			width: 100%;
			max-width: 305px;
			letter-spacing: 0;
			padding-left: 10px;
			line-height: 1.3;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
		}
			#service.kodomoen #partner h2:before,
			#service.kodomoen #partner h2:after{
				content: '';
				display: block;
				position: absolute;
				width: 15px;
				height: 15px;
				margin: 0;
				top: auto;
			}
				#service.kodomoen #partner h2:before{
					background: url("../img/kodomoen/partner_tit_l.png") no-repeat center/cover;
					left: 0;
					top: 0.2em;
				}
				#service.kodomoen #partner h2:after{
					background: url("../img/kodomoen//partner_tit_r.png") no-repeat center/cover;
					right: 0;
					bottom: 0.5em;
				}
	#service.kodomoen #partner .lead{
		text-align: left;
	}
	#service.kodomoen #partner .lead br{
		display: none;
	}
	#service.kodomoen #partner ul{
		margin-top: 40px;
	}
	#service.kodomoen #partner li{
		width: 80%;
		margin: 0 auto;
	}
	#service.kodomoen #partner li + li{
		margin-top: 40px;
	}
	#service.kodomoen #partner li:nth-of-type(1){
	}
			#service.kodomoen #partner li:nth-of-type(1){
			}
				#service.kodomoen #partner li:nth-of-type(1) dl{
				}
			#service.kodomoen #partner li:nth-of-type(2){
			}
			#service.kodomoen #partner li:nth-of-type(3){
			}
				#service.kodomoen #partner li:nth-of-type(2),
				#service.kodomoen #partner li:nth-of-type(3){
				}
				#service.kodomoen #partner li:nth-of-type(2) .img_box,
				#service.kodomoen #partner li:nth-of-type(3) .img_box{
				}
				#service.kodomoen #partner li:nth-of-type(2) dl,
				#service.kodomoen #partner li:nth-of-type(3) dl{
				}
			#service.kodomoen #partner li:nth-of-type(4){
				
			}
				
			#service.kodomoen #partner li:nth-of-type(5){
			}
				#service.kodomoen #partner li .img_box{
					width: 171px;
					margin: 0 auto 10px;
				}
					#service.kodomoen #partner li .img_box img{
						display: block;
						margin: 0 auto;
					}
					#service.kodomoen #partner li .img_box .pht{
						max-width: 154px;
						margin-bottom: 15px;
					}
				#service.kodomoen #partner li dl{
				}
					#service.kodomoen #partner li dl dt{
						font-weight: bold;
						font-size: 18px;
						text-align: center;
					}
						#service.kodomoen #partner li dl dt span{
							display: inline-block;
							font-size: 12px;
							padding: 0 8px;
							border-radius: 6px;
							color: #fff;
							margin-right: 5px;
						}
						#service.kodomoen #partner li dl dt .ka{
							background-color: #0da997;
						}
						#service.kodomoen #partner li dl dt .se{
							background-color: #ff97aa;
						}

					#service.kodomoen #partner li dl dd{
						margin-top: 5px;
						text-align: left;
					}
			/* border */
			#service.kodomoen #partner li .border{
				position: absolute;
				display: none;
			}
				#service.kodomoen #partner li:nth-of-type(1) .border.br{
					width: 105px;
					right: 30px;
					bottom: -88px;
				}
				#service.kodomoen #partner li:nth-of-type(1) .border.bl{
					width: 105px;
					left: -180px;
					bottom: -80px;
				}
				#service.kodomoen #partner li:nth-of-type(4) .border.tr{
					width: 49px;
					right: 140px;
					top: -120px;
					transform: rotate(10deg);
				}
				#service.kodomoen #partner li:nth-of-type(4) .border.bc{
					width: 92px;
					left: -137px;
					bottom: 120px;
				}
				#service.kodomoen #partner li:nth-of-type(5) .border{
					width: 49px;
					left: 130px;
					top: -130px;
					transform: rotate(-10deg);
				}
	
	
	
	/* ある日
	---------------------------------*/
	#service.kodomoen #day{
		background-color: #f4f4f4;
		position: relative;
		border-radius: 8px;
		padding-top: 80px;
	}
		#service.kodomoen #day:before,
		#service.kodomoen #day:after{
			content: '';
			display: block;
			position: absolute;
			width: 5vw;
			height: 13vw;
			background-color: #fff;
			top: 0;
		}
		#service.kodomoen #day:before{
			left: 0;
		}
		#service.kodomoen #day:after{
			right: 0;
		}
	#service.kodomoen #day .headbg {
		position: absolute;
		max-width: 490px;
		width: 100%;
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
			#service.kodomoen #day .flame{
				width: 60px;
				height: 60px;
			}
			#service.kodomoen #day .flame_tl{
				display: none;
			}
			#service.kodomoen #day .flame_br{
				transform: rotate(-180deg);
			}
		#service.kodomoen #day .lead{
			margin-bottom: 40px;
		}
	
	/* 1日 */
	#service.kodomoen #day .wrap{
		padding-bottom: 60px;
	}
	#service.kodomoen .timeline{
		position: relative;
		margin: 0 auto;
	}
		#service.kodomoen .timeline > li{
			position: relative;
			width: 100%;
		}
			#service.kodomoen .timeline > li + li{
				margin-top: 100px;
			}
				#service.kodomoen .timeline li .inner{
					position: relative;
					width: 70vw;
					height: 70vw;
					margin: 0 auto;
					box-sizing: border-box;
					padding: 0 20px;
 					display: -webkit-flex;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-pack: center;
					-ms-flex-pack: center;
					justify-content: center;
					-webkit-box-align: center;
					-ms-flex-align: center;
					align-items: center;
					flex-direction: column;
					z-index: 2;
				}
				#service.kodomoen .timeline li:nth-of-type(2n) .inner{
				}
				
					#service.kodomoen .timeline li .inner:before{
						content: '';
						display: block;
						position: absolute;
						height: 100%;
						width: 100%;
						background-color: #fff;
						border-radius: 21vw;
						/*transform: rotate(45deg);*/
						top: 0;
						left: 0;
						right: 0;
						bottom: 0;
						margin: auto;
						z-index: -1;
					}
						#service.kodomoen .timeline li:first-of-type .inner:before{
							background-color: #ffe0e5;
						}
						#service.kodomoen .timeline li:last-of-type .inner:before{
							background-color: #c9ede3;
						}
					#service.kodomoen .timeline li .inner:after{
						content: '';
						display: block;
						position: absolute;
						width: 50px;
						height: 59px;
						bottom: -80px;
    					left: 0;
						right: 0;
						margin: auto;
						transform: rotate(45deg);
					}
					#service.kodomoen .timeline li:nth-of-type(2n) .inner:after{
    					transform: rotate(-45deg);
					}
	

				#service.kodomoen .timeline li dl{
					padding-bottom: 10px;
				}
					#service.kodomoen .timeline li dl dt{
						width: 81px;
						margin: 0 auto 15px;
					}
					#service.kodomoen .timeline li dl dd{
						font-weight: bold;
						text-align: center;
						font-size: 17px;
						font-feature-settings: "palt";
						letter-spacing: 0.1em;
						line-height: 1.3;
					}
				#service.kodomoen .timeline > li .img_box,
				#service.kodomoen .timeline > li .illust_box{
					position: absolute;
				}
				#service.kodomoen .timeline > li .txt_box{
					font-weight: bold;
					text-align: center;
					font-feature-settings: "palt";
					line-height: 1.5;
					/*padding-bottom: 20px;*/
				}
				#service.kodomoen .timeline > li .illust_box{
					max-width: 141px;
					width: 50%;
				}
		/* 個別 */
		#service.kodomoen .timeline > li:nth-of-type(1) .txt_box{
		}
			#service.kodomoen .timeline > li:nth-of-type(1) .inner:after{
				background: url("../img/kodomoen/day_line_pw.png")no-repeat top left/cover;
			}
		#service.kodomoen .timeline > li:nth-of-type(2){
			margin: 120px auto 0;
		}
			#service.kodomoen .timeline > li:nth-of-type(2) .inner{
				width: 45vw;
				height: 45vw;
			}
				#service.kodomoen .timeline > li:nth-of-type(2) .inner:after{
					background: url("../img/kodomoen/day_line_gl.png")no-repeat top left/cover;
					bottom: -100px;
				}
					#service.kodomoen .timeline > li:nth-of-type(2) .inner:before{
							border-radius: 14vw;
							transform: rotate(45deg);
						}
						#service.kodomoen .timeline > li:nth-of-type(2) .illust_box{
							top: -40px;
							left: 90px;
						}
			
		#service.kodomoen .timeline > li:nth-of-type(3){
			margin: 120px auto 0;
		}
			#service.kodomoen .timeline > li:nth-of-type(3) .inner:after{
				background: url("../img/kodomoen/day_line_pf.png")no-repeat top left/cover;
			}
				#service.kodomoen .timeline > li:nth-of-type(3) .img_box{
					max-width: 268px;
					width: 49vw;
					top: -31vw;
					left: -19vw;
				}
				#service.kodomoen .timeline > li:nth-of-type(3) .txt_box{
				}
			
		#service.kodomoen .timeline > li:nth-of-type(4){
		}
			#service.kodomoen .timeline > li:nth-of-type(4) .inner{
					width: 45vw;
					height: 45vw;
			}
				#service.kodomoen .timeline > li:nth-of-type(4) .inner:before{
					border-radius: 14vw;
				}
				#service.kodomoen .timeline > li:nth-of-type(4) .inner:after{
					background: url("../img/kodomoen/day_line_gw.png")no-repeat top left/cover;
				}
					#service.kodomoen .timeline > li:nth-of-type(4) .img_box{
						max-width: 455px;
						width: 46vw;
						bottom: -31vw;
						left: 27vw;
					}
			
		#service.kodomoen .timeline > li:nth-of-type(5){
			margin: 120px auto 0;
		}
			#service.kodomoen .timeline > li:nth-of-type(5) .inner{
				width: 45vw;
				height: 45vw;
			}
				#service.kodomoen .timeline > li:nth-of-type(5) .inner:before{
						border-radius: 14vw;
						transform: rotate(45deg);
					}
				#service.kodomoen .timeline li:nth-of-type(5) .inner:after{
					background: url("../img/kodomoen/day_line_glo.png")no-repeat top left/cover;
					bottom: -100px;
				}
				#service.kodomoen .timeline > li:nth-of-type(5) .img_box{
					max-width: 267px;
					width: 44vw;
					bottom: -26vw;
					left: -30vw;
				}
			
		#service.kodomoen .timeline > li:nth-of-type(6){
			margin: 120px auto 0;
		}
			#service.kodomoen .timeline > li:nth-of-type(6) .inner{
				width: 45vw;
				height: 45vw;
			}
				#service.kodomoen .timeline > li:nth-of-type(6) .inner:before{
					border-radius: 14vw;
				}
				#service.kodomoen .timeline > li:nth-of-type(6) .inner:after{
					background: url("../img/kodomoen/day_line_pfo.png")no-repeat top left/cover;
				}
					#service.kodomoen .timeline > li:nth-of-type(6) .inner dl{
						padding-bottom: 0;
					}
					#service.kodomoen .timeline > li:nth-of-type(6) .img_box{
						max-width: 267px;
						width: 44vw;
						bottom: -23vw;
						right: -33vw;
						z-index: -2;
					}
			
		#service.kodomoen .timeline > li:nth-of-type(7) .txt_box{
			
		}
		#service.kodomoen .timeline > li:nth-of-type(7) .txt_box ul li{
			padding-left: 3.8em;
			text-indent: -3.8em;
			text-align: left;
		}
		#service.kodomoen .timeline > li:nth-of-type(7) .illust_box{
			width: 141px;
			left: -260px;
			bottom: -60px;
		}
			#service.kodomoen .timeline > li:nth-of-type(7) .inner:after{
				background: url("../img/kodomoen/day_line_gwo.png")no-repeat top left/cover;
			}
		#service.kodomoen .timeline > li:nth-of-type(8){
			margin: 120px auto 0;
		}
			#service.kodomoen .timeline > li:nth-of-type(8) .inner{
				width: 45vw;
				height: 45vw;
			}
				#service.kodomoen .timeline > li:nth-of-type(8) .inner:before{
					border-radius: 14vw;
					transform: rotate(45deg);
				}
			#service.kodomoen .timeline > li:nth-of-type(8) .inner:after{
				background: url("../img/kodomoen/day_line_gl2.png")no-repeat top left/cover;
				bottom: -100px;
			}
		#service.kodomoen .timeline > li:nth-of-type(9){
			margin: 120px auto 0;
		}
			#service.kodomoen .timeline > li:nth-of-type(9) .inner{
				width: 45vw;
				height: 45vw;
			}
				#service.kodomoen .timeline > li:nth-of-type(9) .inner:before{
					border-radius: 14vw;
				}
			#service.kodomoen .timeline > li:nth-of-type(9) .inner:after{
				background: url("../img/kodomoen/day_line_pf.png")no-repeat top left/cover;
			}
	
		#service.kodomoen .timeline > li:nth-of-type(10){
			margin: 120px auto 0;
		}
			#service.kodomoen .timeline > li:nth-of-type(10) .inner{
				width: 45vw;
				height: 45vw;
			}
				#service.kodomoen .timeline > li:nth-of-type(10) .inner:before{
					border-radius: 14vw;
					transform: rotate(45deg);
				}
			#service.kodomoen .timeline > li:nth-of-type(10) .inner:after{
				background: url("../img/kodomoen/day_line_gw.png")no-repeat top left/cover;
				bottom: -100px;
			}
				#service.kodomoen .timeline > li:nth-of-type(10) .img_box{
					max-width: 268px;
					width: 44vw;
					top: -34vw;
					right: -33vw;
				}
				#service.kodomoen .timeline > li:nth-of-type(10) .illust_box{
					right: -40px;
					bottom: -40px;
				}
		#service.kodomoen .timeline > li:nth-of-type(11){
			margin: 120px auto 0;
		}
			#service.kodomoen .timeline > li:nth-of-type(11) .inner{
				width: 45vw;
				height: 45vw;
			}
				#service.kodomoen .timeline > li:nth-of-type(11) .inner:before{
					border-radius: 14vw;
				}
				#service.kodomoen .timeline > li:nth-of-type(11) .inner:after{
					background: url("../img/kodomoen/day_line_glo.png")no-repeat top left/cover;
				}
				#service.kodomoen .timeline > li:nth-of-type(11) .img_box{
					max-width: 455px;
					width: 50vw;
					bottom: -34vw;
					left: -33vw;
				}
	#service.kodomoen .timeline > li:nth-of-type(12){
			margin: 120px auto 0;
		}
			#service.kodomoen .timeline > li:nth-of-type(12) .inner{
				width: 45vw;
				height: 45vw;
			}
				#service.kodomoen .timeline > li:nth-of-type(12) .inner:before{
					border-radius: 14vw;
					transform: rotate(45deg);
				}
			
	
	
	
	/* 一年
	---------------------------------*/
	#service.kodomoen #year{
		position: relative;
	}
	#service.kodomoen #year .lead{
		margin-bottom: 60px;
	}
		#service.kodomoen #year .eventcal{
			position: relative;
			margin: 0 auto;
		}
			#service.kodomoen #year .eventcal > li{
				position: relative;
				margin-bottom: 120px;
			}
			#service.kodomoen #year .eventcal > li:last-of-type{
				margin-bottom: 120px;
			}
				#service.kodomoen #year .eventcal > li:after{
					content: '';
					display: block;
					position: absolute;
					width: 55px;
					height: 58px;
					left: 0;
					right: 0;
					margin: auto;
					bottom: -91px;
					background: url("../img/kodomoen/line_wavy.png")no-repeat top center/cover;
				}
					#service.kodomoen #year .eventcal > li:nth-of-type(2n):after{
						background: url("../img/kodomoen/line_st.png")no-repeat top center/cover;
					}
					#service.kodomoen #year .eventcal > li:nth-of-type(3n):after{
						background: url("../img/kodomoen/line_dot.png")no-repeat top center/cover;
					}
					#service.kodomoen #year .eventcal > li:last-of-type:after{
						display: none;
					}
				#service.kodomoen #year .eventcal > li dl{
					position: relative;
				}
					#service.kodomoen #year .eventcal > li dl dt{
						max-width: 92px;
						width: 17vw;
						z-index: 3;
						left: 50%;
						margin-left: -26vw;
						top: -20px;
						position: absolute;
					}
	#service.kodomoen #year .eventcal > li dl dt img{
		display: block;
		position: relative;
	}
	#service.kodomoen #year .eventcal > li dl dt:after{
		content: '';
		display: block;
		position: absolute;
		height: 17vw;
		max-height: 92px;
		background: url("../img/kodomoen/m_bg1.png")no-repeat center/cover;
		max-width: 92px;
		width: 17vw;
		z-index: -1;
		left: 0;
		top: 0;
	}
	#service.kodomoen #year .eventcal > li:nth-of-type(2n) dl dt:after{
		background: url("../img/kodomoen/m_bg2.png")no-repeat center/cover;
	}
					#service.kodomoen #year .eventcal > li dl dd{
						
					}
					#service.kodomoen #year .eventcal > li:nth-of-type(2n+1) dl dd{
					}
					#service.kodomoen #year .eventcal > li:nth-of-type(2n) dl dd{
					}
						#service.kodomoen #year .eventcal > li dl dd .inner{
							width: 70vw;
							height: 70vw;
							box-sizing: border-box;
							padding: 20px;
							position: relative;
							z-index: 2;
							display: -webkit-flex;
							display: -ms-flexbox;
							display: flex;
							-webkit-box-pack: center;
							-ms-flex-pack:center;
							justify-content: center;
							-webkit-box-align: center;
							-ms-flex-align: center;
							align-items: center;
							flex-direction: column;
							margin: 0 auto;
							font-feature-settings: "palt";
						}
						#service.kodomoen #year .eventcal > li dl dd .inner:after{
							content: '';
							display: block;
							position: absolute;
							width: 100%;
							height: 100%;
							background-color: #f4f4f4;
							top: 0;
							left: 0;
							right: 0;
							bottom: 0;
							margin: auto;
							border-radius: 22vw;
							transform: rotate(45deg);
							z-index: -1;
						}
							#service.kodomoen #year .eventcal > li dl dd .inner ul{
								
							}
								#service.kodomoen #year .eventcal > li dl dd .inner ul:after{
									display: none;
								}
									#service.kodomoen #year .eventcal > li dl dd .inner ul li{
										position: relative;
										padding-left: 13px;
										font-weight: bold;
										font-size: 16px;
										box-sizing: border-box;
									}
										#service.kodomoen #year .eventcal > li dl dd .inner ul li:last-of-type{
											padding-right: 0;
										}
											#service.kodomoen #year .eventcal > li dl dd .inner ul li:after{
												content: '';
												display: block;
												position: absolute;
												width: 10px;
												height: 10px;
												border-radius: 10px;
												background-color: #ff97aa;
												left: 0;
												top: 0.65em;
											}
											#service.kodomoen #year .eventcal > li:nth-of-type(2n) dl dd .inner ul li:after{
												background-color: #66cbaf;
											}
									#service.kodomoen #year .eventcal > li dl dd .inner .txt{
										text-align: center;
										margin-top: 10px;
										font-feature-settings: "palt";
										line-height: 1.5;
									}
								#service.kodomoen #year .eventcal > li .img_box,
								#service.kodomoen #year .eventcal > li .illust_box{
									position: absolute;
								}
								#service.kodomoen #year .eventcal > li .img_box{
								}
								#service.kodomoen #year .eventcal > li .illust_box{
									max-width: 153px;
									width: 25vw;
									z-index: 2;
								}

						/* 4月 */
						#service.kodomoen #year .eventcal > li:nth-of-type(1) dl dd .inner{
							padding-top: 50px;
						}
							#service.kodomoen #year .eventcal > li:nth-of-type(1) dl dd .inner ul{
								display: -webkit-flex;
								display: -ms-flexbox;
								display: flex;
								flex-wrap: wrap;
							}
								#service.kodomoen #year .eventcal > li:nth-of-type(1) dl dd .inner ul li:nth-of-type(2n+1){
									width: 80px;
									margin-left: 25px;
								}
						#service.kodomoen #year .eventcal > li:nth-of-type(1) .img_box{
							max-width: 287px;
							width: 40vw;
							bottom: -34vw;
							right: -10vw;
						}
						/* 5月 */
						#service.kodomoen #year .eventcal > li:nth-of-type(2) .img_box{
							max-width: 262px;
							width: 40vw;
							bottom: -24vw;
							left: -5vw;
							z-index: 3;
						}
						/* 6月 */
						#service.kodomoen #year .eventcal > li:nth-of-type(3) dl dd .inner ul{
							display: block;
						}
							#service.kodomoen #year .eventcal > li:nth-of-type(3) dl dd .inner ul li{
								padding-right: 0;
							}
							#service.kodomoen #year .eventcal > li:nth-of-type(3) .img_box{
								max-width: 287px;
								width: 40vw;
								bottom: -21vw;
								right: -3vw;
								z-index: 3;
							}
						/* 7月 */
						#service.kodomoen #year .eventcal > li:nth-of-type(4) dl dd .inner{

						}
							#service.kodomoen #year .eventcal > li:nth-of-type(4) .img_box{
								max-width: 287px;
								width: 40vw;
								bottom: -30vw;
								left: -15vw;
								z-index: 3;
							}
							#service.kodomoen #year .eventcal > li:nth-of-type(4) .illust_box{
								top: -40px;
								right: -20px;
							}
						/* 8月 */
						#service.kodomoen #year .eventcal > li:nth-of-type(5) dl dd .inner ul{
							display: block;
						}
							#service.kodomoen #year .eventcal > li:nth-of-type(5) dl dd .inner ul li{
								padding-right: 0;
							}
						#service.kodomoen #year .eventcal > li:nth-of-type(5) .img_box{
							max-width: 262px;
							width: 40vw;
							bottom: -20vw;
							right: -5vw;
							z-index: 3;
						}
						/* 9月 */
						#service.kodomoen #year .eventcal > li:nth-of-type(6) dl dd .inner ul{
							display: block;
						}
						#service.kodomoen #year .eventcal > li:nth-of-type(6) .img_box{
							max-width: 287px;
							width: 40vw;
							bottom: -15vw;
							left: -1vw;
							z-index: 3;
						}
						/* 10月 */
						#service.kodomoen #year .eventcal > li:nth-of-type(7) dl dd .inner ul{
							display: block;
						}
							#service.kodomoen #year .eventcal > li:nth-of-type(7) dl dd .inner ul li{
								padding-right: 0;
							}
						#service.kodomoen #year .eventcal > li:nth-of-type(7) dl dd .inner{
							padding-top: 50px;
						}
						#service.kodomoen #year .eventcal > li:nth-of-type(7) .img_box{
							max-width: 287px;
							width: 40vw;
							bottom: -35vw;
							right: -10vw;
						}
							#service.kodomoen #year .eventcal > li:nth-of-type(7) .illust_box{
								top: 0;
								right: 0;
							}
						/* 11月 */
						#service.kodomoen #year .eventcal > li:nth-of-type(8) dl dd .inner ul{
							display: block;
						}
						#service.kodomoen #year .eventcal > li:nth-of-type(8) .img_box{
							max-width: 262px;
							width: 40vw;
							bottom: -15vw;
							left: -1vw;
							z-index: 3;
						}
							#service.kodomoen #year .eventcal > li:nth-of-type(8) .illust_box{
								top: 20px;
								right: 30px;
							}
						/* 12月 */
						#service.kodomoen #year .eventcal > li:nth-of-type(9) dl dd .inner ul{
							display: block;
						}
							#service.kodomoen #year .eventcal > li:nth-of-type(9) dl dd .inner ul li{
								padding-right: 0;
							}
						#service.kodomoen #year .eventcal > li:nth-of-type(9) .img_box{
							max-width: 287px;
							width: 40vw;
							bottom: -15vw;
							right: 0vw;
							z-index: 3;
						}
						/* 1月 */
						#service.kodomoen #year .eventcal > li:nth-of-type(10) dl dd .inner ul{
							display: block;
						}
							#service.kodomoen #year .eventcal > li:nth-of-type(10) dl dd .inner ul li{
								padding-right: 0;
							}
						#service.kodomoen #year .eventcal > li:nth-of-type(10) .img_box{
							max-width: 287px;
							width: 40vw;
							bottom: -22vw;
							left: -3vw;
							z-index: 3;
						}
						/* 2月 */
						#service.kodomoen #year .eventcal > li:nth-of-type(11) dl dd .inner ul{
							display: block;
						}
							#service.kodomoen #year .eventcal > li:nth-of-type(11) dl dd .inner ul li{
								padding-right: 0;
							}
						#service.kodomoen #year .eventcal > li:nth-of-type(11) .img_box{
							max-width: 287px;
							width: 40vw;
							bottom: -15vw;
							right: 0vw;
							z-index: 3;
						}
							#service.kodomoen #year .eventcal > li:nth-of-type(11) .illust_box{
								top: -30px;
								right: 0;
							}
						/* 3月 */
						#service.kodomoen #year .eventcal > li:nth-of-type(12) dl dd .inner ul{
							display: block;
						}
						#service.kodomoen #year .eventcal > li:nth-of-type(12) .img_box{
							width: 262px;
							width: 40vw;
							bottom: -22vw;
							left: -3vw;
							z-index: 3;
						}
	
	/* 職員紹介
	---------------------------------*/
	#service.kodomoen #staff{
		
	}
		#service.kodomoen #staff h2{
			background: url("../img/staff_tit_bg.png")no-repeat center/cover;
			width: 168px;
			height: 168px;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
		}
			#service.kodomoen #staff h2:before,
			#service.kodomoen #staff h2:after{
				display: none;
			}
	#service.kodomoen #staff .voice{
		position: relative;
	}
		#service.kodomoen #staff .voice + .voice{
			margin-top: 50px;
		}
			#service.kodomoen #staff .voice .img_box{
					width: 80%;
					margin: 0 auto;
					position: relative;
					z-index: 2;
				}
						#service.kodomoen #staff .voice:nth-of-type(2n) .img_box{
						}
					#service.kodomoen #staff .voice .img_box .inner{
						position: relative;
					}
						#service.kodomoen #staff .voice .prof_box{
							margin-bottom: 20px;
						}
							#service.kodomoen #staff .voice:nth-of-type(2n) .prof_box{
							}
								#service.kodomoen #staff .voice .post{
									display: block;
									font-weight: bold;
								}
									#service.kodomoen #staff .voice .name{
										display: block;
										font-weight: bold;
										font-size: 18px;
									}
									#service.kodomoen #staff .voice .txt{
										margin-top: 10px;
									}
			#service.kodomoen #staff .voice .txt_box{
				position: relative;
				background-image: url(../../common/img/bg_p.jpg);
				background-size: 350px;
				border-radius: 8px;
				box-sizing: border-box;
				margin-top: -30px;
				padding: 60px 30px 60px;
			}
				#service.kodomoen #staff .voice:nth-of-type(2n + 1) .txt_box{
					background-image: url(../../common/img/bg_b.jpg);
				}
						#service.kodomoen #staff .voice .txt_box .flame{
							width: 60px;
						}
						#service.kodomoen #staff .voice .txt_box .flame.flame_bl{
								transform: scale(-1.0,1.0);
							}
							#service.kodomoen #staff .voice .txt_box ul li + li{
								margin-top: 25px;
							}
								#service.kodomoen #staff .voice .txt_box ul li dl dt{
									font-size: 16px;
									font-weight: bold;
									position: relative;
									padding-left: 13px;
								}
									#service.kodomoen #staff .voice .txt_box ul li dl dt:after{
										content: '';
										display: block;
										position: absolute;
										width: 10px;
										height: 10px;
										border-radius: 10px;
										background-color: #ff97aa;
										left: 0;
										top: 0.6em;
									}
										#service.kodomoen #staff .voice:nth-of-type(2n+1) .txt_box ul li dl dt:after{
											background-color: #66cbaf;
										}
										#service.kodomoen #staff .voice .txt_box ul li dl dd{
											margin-top: 5px;
										}
			
	
	
	/*  あとりえらぼ
	---------------------------------*/
	#service.kodomoen #lab{
	}
		#service.kodomoen #lab h2{
			margin-bottom: 30px;
			font-feature-settings: "palt";
		}
			#service.kodomoen #lab h2 img{
				display: block;
				position: absolute;
				width: 181px;
				left: 0;
				right: 0;
				margin: 0 auto;
				top: -40px;
			}
	#service.kodomoen #lab .txtArea{
		position: relative;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		flex-direction: column-reverse;
	}
		#service.kodomoen #lab .txtArea .txt_box{
			box-sizing: border-box;
		}
			#service.kodomoen #lab .txtArea .txt_box .hd{
				font-size: 20px;
				font-weight: bold;
				margin-bottom: 10px;
			}
			#service.kodomoen #lab .txtArea .txt_box p{
			}

						#service.kodomoen #lab .txtArea .txt_box .btn{
							max-width: 320px;
							width: 100%;
							border: solid 3px #66cbaf;
							border-radius: 18px;
							position: relative;
							text-align: center;
							color: #0da997;
							padding: 18px 25px 18px 5px;
							box-sizing: border-box;
							line-height: 1;
							display: block;
							font-weight: bold;
							margin: 30px 0 0;
						}
							#service.kodomoen #lab .txtArea .txt_box .btn::before {
								position: absolute;
								content: "";
								top: 0;
								bottom: 0;
								right: 15px;
								margin: auto;
								background-image: url(../../common/img/arrow.png);
								background-size: cover;
								width: 20px;
								height: 15px;
								transition: 300ms;
							}
								#service.kodomoen #lab .txtArea .txt_box .btn:hover {
									background-color: #66cbaf !important;
									color: #fff;
								}
								#service.kodomoen #lab .txtArea .txt_box .btn:hover::before{
									right: 8px;
									background-image: url(../../common/img/arrow_w.png);
								}
			#service.kodomoen #lab .txtArea .img_box{
				position: relative;
				margin-bottom: 20px;
			}
			#service.kodomoen #lab .txtArea .img_box > img{
				border-radius: 8px;
			}
				#service.kodomoen #lab .txtArea .img_box{
					position: relative;
				}
					#service.kodomoen #lab .txtArea .img_box .flame{
						width: 60px;
						border-radius: 0;
						transform: scale(1,-1)
					}
					#service.kodomoen #lab .txtArea .img_box .flame_bl{
						left: -1px;
					}
	
	/*  各園リスト
	---------------------------------*/
	#service.kodomoen #profile_info{
		position: relative;
		background-image: url("../../common/img/bg_b.jpg");
		background-size: 350px;
		padding: 50px 10px 30px;
		border-radius: 8px;
		box-sizing: border-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	#service.kodomoen #profile_info .flame{
		width: 32px;
	}
	#service.kodomoen #profile_info .flame_tl{
		display: none;
	}
	#service.kodomoen #profile_info .flame_br{
		transform: scale(1.0,-1.0);
	}
		#service.kodomoen #profile_info h2{
			position: absolute;
			top: -22px;
			left: 0;
			right: 0;
			margin: 0 auto;
			width: 80%;
		}
		#service.kodomoen #profile_info .wrap{
			width: auto;
		}
			#service.kodomoen #profile_info ul.profile_list + .profile_list{
				margin-top: 10px;
			}
				#service.kodomoen #profile_info ul.profile_list li{
					font-size: 16px;
					font-weight: bold;
					position: relative;
					padding-left: 13px;
					line-height: 1.5;
				}
					#service.kodomoen #profile_info ul.profile_list li:after{
						content: '';
						display: block;
						position: absolute;
						width: 10px;
						height: 10px;
						border-radius: 10px;
						background-color: #66cbaf;
						left: 0;
						top: 0.4em;
					}
					#service.kodomoen #profile_info ul.profile_list li + li{
						margin-top: 10px;
					}
	
	
	
	/*  よくあるご質問
	---------------------------------*/
	#service.kodomoen #faq{
		position: relative;
	}
		#service.kodomoen #faq h2{
			margin-bottom: 40px;
		}
			#service.kodomoen #faq .faqArea{
				position: relative;
				background-image: url("../../common/img/bg_p.jpg");
				background-size: 350px;
				padding: 30px 10px;
				border-radius: 8px;
			}
			#service.kodomoen #faq .faqArea + .faqArea{
				margin-top: 30px;
			}
			#service.kodomoen #faq .faqArea:nth-of-type(2n){
				background-image: url("../../common/img/bg_b.jpg");
			}
				#service.kodomoen #faq .faqArea .tit{
					font-size: 18px;
					line-height: 1.5;
					font-weight: bold;
					text-align: center;
					margin-bottom: 20px;
				}
				#service.kodomoen #faq .faqArea .illust_box{
					max-width: 155px;
					width: 23vw;
					position: absolute;
					right: 10px;
					top: -30px;
				}
	#service.kodomoen #faq .faqArea .faqlist{
		font-weight: bold;
	}
	#service.kodomoen #faq .faqArea .faqlist > li{
		padding: 20px;
		border-radius: 8px;
		background: #fff;
	}
	#service.kodomoen #faq .faqArea .faqlist > li + li{
		margin-top: 10px;
	}
	#service.kodomoen #faq .faqArea .faqlist > li > dl dt{
		font-size: 15.2px;
		padding: 0 20px 0 38px;
		position: relative;
		line-height: 1.6;
	}
		#service.kodomoen #faq .faqArea .faqlist > li > dl dt:before{
			content: '';
			display: block;
			position: absolute;
		}
		#service.kodomoen #faq .faqArea .faqlist > li > dl dt:before{
			background: url("../img/kodomoen/q1.png")no-repeat top center/cover;
			width: 28px;
			height: 17px;
			left: 0;
			top: 4px;
		}
			#service.kodomoen #faq .faqArea .faqlist > li:nth-of-type(2) > dl dt:before{
				background: url("../img/kodomoen/q2.png")no-repeat top center/cover;
			}
			#service.kodomoen #faq .faqArea .faqlist > li:nth-of-type(3) > dl dt:before{
				background: url("../img/kodomoen/q3.png")no-repeat top center/cover;
			}
			#service.kodomoen #faq .faqArea .faqlist > li:nth-of-type(4) > dl dt:before{
				background: url("../img/kodomoen/q4.png")no-repeat top center/cover;
			}
			#service.kodomoen #faq .faqArea .faqlist > li:nth-of-type(5) > dl dt:before{
				background: url("../img/kodomoen/q5.png")no-repeat top center/cover;
			}
			#service.kodomoen #faq .faqArea .faqlist > li:nth-of-type(6) > dl dt:before{
				background: url("../img/kodomoen/q6.png")no-repeat top center/cover;
			}
			#service.kodomoen #faq .faqArea .faqlist > li:nth-of-type(7) > dl dt:before{
				background: url("../img/kodomoen/q7.png")no-repeat top center/cover;
			}
		#service.kodomoen #faq .faqArea .faqlist > li > dl dt:after{
			background: #8e8e8e;
			width: 36px;
			height: 1px;
			left: 0;
			bottom: 0;
			border-radius: 1px;
		}
			#service.kodomoen #faq .faqArea .faqlist > li > dl dt .arrow{
				background: url("../img/kodomoen/faq_arrow.png")no-repeat top center/cover;
				width: 14px;
				height: 8px;
				position: absolute;
				right: 0;
				top: 13px;
				transition: 0.4s;
			}
			#service.kodomoen #faq .faqArea .faqlist > li > dl dt.active .arrow{
				transform: rotate(-180deg);
			}
	#service.kodomoen #faq .faqArea .faqlist > li > dl dd{
		padding: 20px 0 0 40px;
		margin-top: 20px;
		position: relative;
		display: none;
	}
		#service.kodomoen #faq .faqArea .faqlist > li > dl dd:before,
		#service.kodomoen #faq .faqArea .faqlist > li > dl dd:after{
			content: '';
			display: block;
			position: absolute;
		}
		
			#service.kodomoen #faq .faqArea .faqlist > li > dl dd:before{
				background: #8e8e8e;
				width: 28px;
				height: 1px;
				left: 0;
				top: 0;
				border-radius: 1px;
			}
			#service.kodomoen #faq .faqArea .faqlist > li > dl dd:after{
				width: calc(100% - 40px);
				height: 1px;
				background: #e3e3e3;
				right: 0;
				top: 0;
				border-radius: 1px;
			}
				#service.kodomoen #faq .faqArea .faqlist > li > dl dd .inner{
					position: relative;
					line-height: 1.7;
				}
					#service.kodomoen #faq .faqArea .faqlist > li > dl dd .inner:before{
						content: '';
						display: block;
						position: absolute;
						background: url("../img/kodomoen/a1.png")no-repeat top center/cover;
						width: 28px;
						height: 17px;
						left: -40px;
						top: 5px;
					}
						#service.kodomoen #faq .faqArea .faqlist > li:nth-of-type(2) > dl dd .inner:before{
							background: url("../img/kodomoen/a2.png")no-repeat top center/cover;
						}
						#service.kodomoen #faq .faqArea .faqlist > li:nth-of-type(3) > dl dd .inner:before{
							background: url("../img/kodomoen/a3.png")no-repeat top center/cover;
						}
						#service.kodomoen #faq .faqArea .faqlist > li:nth-of-type(4) > dl dd .inner:before{
							background: url("../img/kodomoen/a4.png")no-repeat top center/cover;
						}
						#service.kodomoen #faq .faqArea .faqlist > li:nth-of-type(5) > dl dd .inner:before{
							background: url("../img/kodomoen/a5.png")no-repeat top center/cover;
						}
						#service.kodomoen #faq .faqArea .faqlist > li:nth-of-type(6) > dl dd .inner:before{
							background: url("../img/kodomoen/a6.png")no-repeat top center/cover;
						}
						#service.kodomoen #faq .faqArea .faqlist > li:nth-of-type(7) > dl dd .inner:before{
							background: url("../img/kodomoen/a7.png")no-repeat top center/cover;
						}
				#service.kodomoen #faq .faqArea .faqlist > li > dl dd p + ul,
				#service.kodomoen #faq .faqArea .faqlist > li > dl dd ul + p,
				#service.kodomoen #faq .faqArea .faqlist > li > dl dd p + p{
					margin-top: 10px;
				}
				#service.kodomoen #faq .faqArea .faqlist .num_list2 li {
					position: relative;
					padding-left: 1.5em;
					text-indent: -1.5em;
					counter-increment: cont;
				}
	
	
	
	
}