#title {
background-image: url(images/title_bg.jpg);
}

div.hoikuen-btn ul {
	display: flex;
	justify-content: center; 
}

div.hoikuen-btn ul li {
	position: relative;
	width: 270px;
	height: 230px;
	margin: 10px;
}

div.hoikuen-btn ul li a img {
	border-radius: 10px;
}

div.hoikuen-btn ul li a span.text {
	position: absolute;
	padding:  20px;  
	background-color: #1d8866;
	color: white;
	box-sizing:  border-box;  
	width:  100%;     
    top:  150;                  
    bottom:  0;                
    left:  0;                  
    right:  0;                 
    margin:  auto;   
	text-align: center; 
	font-weight: 600;
	border-radius:  0px 0px 10px 10px;
	background: #1d8866 url(../images/link_btn_white.svg) no-repeat right 23px center;
	background-size: 26px;
}

div.hoikuen-btn ul li a span.text:hover {
	background: #f3be4d url(../images/link_btn_white.svg) no-repeat right 14px center;
	background-size: 26px;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00;
	opacity: 1.00;
}

div.point-box {
	display: flex;
	width: 1200px;
	margin: 0px auto;
}

div.point-box div.point {
	margin: 0 auto;
	max-width: 280px;
	padding: 150px 0 0 0px;
	position: relative;
}

div.point-box div.point div.text {
	background-color: #f9f8ea;
	padding: 110px 20px 20px 20px;
	border-radius: 10px;
	height: 110px;
}


div.point-box div.point div.img {
	right: 15px;
	position: absolute;
	top: 0;
	z-index: 2;
}

div.point-box div.point div.text p {
	font-size: 14px;
}

div.age {
	display: flex;
	justify-content: center; 
}

div.age div {
	width: 420px;
}

div.age div h3 {
	padding: 20px 100px;
	margin: 0px 10px;
	border-radius: 10px;
	color: white;
}

div.age div.age-b h3 {
	background-color: #e67315;
}

div.age div.age-c h3 {
	background-color: #39b8c2;
}

div.age div p {
	margin: 10px 35px;
	font-size: 14px;
}


div.schedule {
	background: url(images/schedule_img.svg) no-repeat center top;
	background-size: 725px;
	height: 1100px;
	display: flex;
	justify-content: center; 
	position: relative;
}

div.schedule div {
	padding: 15px 150px;
	font-weight: 600;
}

div.schedule div p {
	position: absolute;
	font-size: 18px;
}

div.schedule div.baby p {
	right: 550px;
	color: #e67315;
}

div.schedule div.child p {
	left: 550px;
	color: #39b8c2;
}

div.schedule div p.time900 {
	top: 100px;
}

div.schedule div p.time930 {
	top: 170px;
}

div.schedule div p.time1000 {
	top: 250px;
}

div.schedule div p.time1100 {
	top: 330px;
}

div.schedule div p.time1130 {
	top: 410px;
}

div.schedule div p.time1200 {
	top: 480px;
}

div.schedule div p.time1300 {
	top: 570px;
}

div.schedule div p.time1500 {
	top: 690px;
}

div.schedule div p.time1600 {
	top: 770px;
}

div.schedule p.memo {
	position: absolute;
	top: 850px;
	left: 530px;
	background-color: #e7f9fa;;
	padding: 20px 30px;
	font-size: 14px;
	color: #3bb8c2;
	font-weight: 600;
	border-radius: 10px;
}

ul.event {
	display: flex;
	justify-content: center; 
	flex-wrap: wrap;
	padding-bottom: 210px;
} 

ul.event li {
	padding: 20px;
	width: 180px;
}

ul.event li strong {
	display: block;
	font-size: 25px;
	border-bottom: 2px dotted;
    margin-bottom: 10px;
	color: #6a4604;
} 

ul.event li span.mark {
	background: url(images/span_mark.svg) no-repeat 7px 6px;
	background-size: 14px;
	display: block;
	padding: 0px 0px 0px 28px;
} 

ul.event li span {
	display: block;
} 

p span.mark {
	background: url(images/span_mark.svg) no-repeat 410px 8px;
	background-size: 14px;
	display: block;
	padding: 0px 0px 0px 28px;
}


div.event-bg {
	background: url(images/schedule_bg.jpg) no-repeat center bottom;
}