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


/*-----------------------------
hero-image
------------------------------*/
.hero-box{
	position:relative;
	height: 45.21vw;
}
.hero-box h2{
	position:absolute;
	width: 22.55vw;
	top:32.65vw;
	right: 11.56vw;
	z-index: 20;
}
.hero-img01{
	position:absolute;
	width: 34.16vw;
	top:0;
	left: 0;
}
.img01{
	position:absolute;
	z-index: 20;
}
.hero-img01-1{
	position:absolute;
	width: 20.31vw;
	top:25.81vw;
	left: 6.3vw;
}
.hero-img02{
	position:absolute;
	width: 24.47vw;
	top:27.03vw;
	left: 34.89vw;
	z-index: 10;
}
.hero-img02-1{
	position:absolute;
	width: 24.63vw;
	top:-25.12vw;
	right: 4.53vw;
	z-index: 1;
}
.hero-img02-2{
	position:absolute;
	width: 2.6vw;
	top:-12.23vw;
	right: 0.57vw;
}
.hero-img02-3{
	position:absolute;
	width: 4.63vw;
	top:-18.54vw;
	right: -3.07vw;
}
.hero-img03{
	position:absolute;
	width: 34.63vw;
	top:3.33vw;
	right: 0;
}
.img03{
	position:absolute;
	z-index: 10;
}
.hero-img03-1{
	position:absolute;
	width: 24.16vw;
	top:18vw;
	left: -8.7vw;
	z-index: 1;
}
/*pagetop ボタン----------------------*/
	main {
	  position: relative;
	}
	.pagetop {
	  display: none;
	  position: fixed;
	  bottom: 10px;
	  right: 10px;
	  width: 10%;
	  z-index: 90;
	}

/*-----------------------------
入園のご案内
------------------------------*/
.guide-box{
	margin: 100px auto 100px;
}
.guide-list{
	margin: 95px auto;
}
.guide-list li{
	display:flex;
	margin-bottom: 70px;
	align-items: center;
	line-height: 2;
}
.list01{
	padding-left: 15%;
}
.list02{
	padding-left: 10%;
}
.list03{
	padding-left: 17%;
}
.list01 div>p{
	padding-bottom: 20px;
	
}
.list01 div span{
	display: inline;
}
.list01 span{
	display: inline-block;
	width: 80px;
	height: 36px;
	text-align: center;
	border:1px solid #333;
	background:#ffff99;
	padding: 0 7px;
}
.list01 div span:last-of-type{
	margin-left: 40px;
}
.num{
	margin-right: 90px;
	width: 150px;
}
.guide-text{
	color:#3366cc;
}

@media screen and (max-width: 1150px) {
	.list01{
		padding-left: 110px;
	}
	.list02{
		padding-left: 0;
	}
	.list03{
		padding-left: 63px;
	}	
	
}

.middle_br{
	display:none;
}

@media screen and (max-width: 1000px) {
	.middle_br{
		display:inline;
	}	
	.list01 div span:last-of-type{
		margin-left: 0;
	}
}
@media screen and (max-width: 768px) {
  	div{ 
	  	width: 100%; 
	}
	.pc{
		display: none;
	}
	.sp{
		display: block;
	}
	.inner{
		box-sizing: border-box;
		width: 100%;
		padding:0 15px;
	} 

	
	/*-----------------------------
	hero-image
	------------------------------*/
	.hero-box{
		position:relative;
		height: 98vw;
		background: url("../images/common/sp_bg.jpg") no-repeat;
		background-size: contain;
		margin-top: 50px;
	}
	.hero-box h2{
		position:absolute;
		width: 47.6vw;
		top:70.13vw;
		right: 42.93vw;
		z-index: 20;
	}
	.hero-img02{
		position: absolute;
		width: 57.01vw;
		top: 52vw;
		left: 40.27vw;
		z-index: 10;
	}
	.hero-img03{
		position: absolute;
		width: 66.67vw;
		top: 0.4vw;
		left: 0;
	}
	/*pagetop ボタン----------------------*/
	main {
	  position: relative;
	}
	.pagetop {
	  display: none;
	  position: fixed;
	  bottom: 10px;
	  right: 10px;
	  width: 18%;
	  z-index: 90;
	}
	/*-----------------------------
	入園のご案内
	------------------------------*/
	.guide-box{
		margin: 40px auto 50px;
	}
	.guide-list{
		margin: 40px auto;
	}
	.guide-list li{
		display:flex;
		margin-bottom: 35px;
		align-items: center;
		line-height: 1.8;
	}
	.guide-list li:last-of-type{
		margin-bottom: 0;
	}
	.list01{
		padding-left: 0;
	}
	.list02{
		padding-left: 0;
	}
	.list03{
		padding-left: 0;
	}
	.list01 div>p{
	font-size: 1.1rem;
	padding-bottom: 3px;
	
	}
	.list02 div>p{
		font-size: 1.1rem;
	}
	.list03 div>p{
		font-size: 1.1rem;
	}
	.list01 div span{
		display: inline;
	}
	.list01 span{
		display: block;
		width: 43px;
		height: 14px;
		text-align: center;
		border:1px solid #333;
		background:#ffff99;
		padding: 0 2px;
	}
	.list01 div span:last-of-type{
		margin-left: 0;
		margin-top: 10px;
	}
	.num{
		width: 72px;
    	margin-right: 11px;
	}
	.guide-text{
		font-size:1.2rem;
		line-height: 2;
		color:#3366cc;
	}
	.tel-list{
		font-size:1.2rem;
	}
	.tel-list span:last-of-type{
		margin-top: 10px;
	}
	
}