/*--------------------------------------
基本設定
--------------------------------------*/

/* PC用CSS
   ========================================================================== */
@media screen and (min-width:1020px){

/* 全体設定
------------------------------------*/
#top-wrap{
	width: 100%;
	margin: 0 auto;
}

#top-wrap #top-in{
	width: 100%;
}

/* コンテンツ設定
------------------------------------*/
#contents-wrap{
	width: 1020px;
	margin: 0 auto;
}

#contents-wrap .sub-title{
	text-align: center;
}

/* メインビジュアル
------------------------------------*/
/* タイトル */
#contents-wrap .contents-text{
	width: 1020px;
	height: 130px;
	background-image: url(../img/about/mainv-back2.png);
	background-repeat: no-repeat;
	background-position: center;
	margin: 0 auto;
}

#contents-wrap .contents-text span{
	width: 550px;
	color: #ff7506;
	display: block;
	font-size: 18px;
	text-align: center;
	margin: 0 auto;
	padding: 30px 0 20px 0;
}


#contents-wrap .contents-text h2{
	width: 550px;
	color: #ff7506;
	font-size: 34px;
	text-align: center;
	margin: 0 auto;
	padding: 0px 0 30px 0;
}

#img-main{
	width: 100%;
	background-image: url(../img/about/mainv-back.jpg);
	background-repeat: repeat;
	margin-left: -500%;
	margin-right: -500%;
	padding-left: 500%;
	padding-right: 500%;
	padding-bottom: 50px;
}

.mainvisual-wrap{
	width: 1020px;
	position: relative;
}

.mainvisual-wrap figure{
	width: 270px;
	position: absolute;
	bottom: -50px;
	left: 50%;
	margin-left: -135px;
	z-index: 3;
}

/* ページ内リンク
------------------------------------*/
#contents-wrap .page-link{
	width: 620px;
	margin: 30px auto 40px auto;
}

#contents-wrap .page-link ul{
	margin:0;
	padding:0;
	height:45px;
	list-style:none;
}

#contents-wrap .page-link  ul li{
	width:auto;
	min-width:140px;
	height:30px;
	margin:0;
	padding:15px 0 0 0;
	float:left;
	display:inline;
	border-left: 1px solid #3e3a39;
	color: #3e3a39;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	}

#contents-wrap .page-link  ul li:nth-of-type(4){
	width: 194px;
}

#contents-wrap .page-link  ul li:last-of-type{
	border-right: 1px solid #3e3a39;
}

#contents-wrap .page-link  ul li a{
	width:auto;
	min-width:140px;
	color: #3e3a39;
	display: block;
	cursor: pointer;
}

/* 理念・目標について
------------------------------------*/
#contents-wrap #contents-article{
	width: 1020px;
	margin: 0 auto;
}

#contents-article #child-care-education{
	width: 1020px;
	margin-bottom: 100px;
}

#child-care-education h3{
	color: #ea5b00;
	border-bottom: 3px solid #afc112;
	display: inline-block;
	font-size: 30px;
	margin: 0 auto 40px auto;
	padding-bottom: 5px;
}

#child-care-education strong{
	width: 1020px;
	color: #ea5b00;
	display: block;
	font-size: 26px;
	line-height: 36px;
	text-align: center;
	margin: 0 auto 20px auto;
}

#child-care-education p{
	width: 530px;
	display: block;
	font-size: 16px;
	font-weight: 900;
	margin: 0 auto 60px auto;
}

#child-care-education .image-set{
	width: 650px;
	margin: 0 auto 80px auto;
}

#child-care-education .image-set li{
	width: 200px;
	display: inline-block;
	float: left;
	margin-right: 25px;
}

#child-care-education .image-set li:last-of-type{
	margin-right: 0;
}

#child-care-education .text-set{
	width: 1020px;
	border: 1px solid #ea5b00;
	border-radius: 10px;
}

#child-care-education .text-set .text-set-in{
	box-sizing: border-box;
	border-top: 3px solid #E95516;
	width: 940px;
  	box-sizing: border-box;
  	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	-ms-box-sizing: border-box;
  	-o-box-sizing: border-box;
	margin: 0 auto;
	padding: 30px 0;
}

#child-care-education .text-set .text-set-in ol{
	width: 442px;
	height: 180px;
	counter-reset: my-counter;
  list-style: none;
  padding: 0 0 0 25px;
	float: left;
}

#child-care-education .text-set .text-set-in ol li{
	width: 360px;
	font-size: 15px;
	font-weight: 800;
	line-height: 24px;
	margin-bottom: 15px;
  padding-left: 30px;
  position: relative;
}

#child-care-education .text-set .text-set-in ol li:before {
  	content: counter(my-counter);
  	counter-increment: my-counter;
  	background-color: #fff;
  	color: #448bd8;
  	display: block;
  	float: left;
  	line-height: 25px;
	  margin-right: 10px;
  	margin-left: -31px;
  	text-align: center;
  	height: 25px;
  	width: 25px;
  	border: 1px solid #448bd8;
  	border-radius: 50%;
}

#child-care-education .text-set .text-set-in ol:nth-of-type(2) {
  counter-reset: item 4;
	border-left: 1px dotted #ea5b00;
}

/* 園の一日
------------------------------------*/
#day-schedule-wrap{
	width: 100%;
	background-color: #f9fdd9;
	margin-left: -500%;
	margin-right: -500%;
	padding-left: 500%;
	padding-right: 500%;
	padding-top: 80px;
	padding-bottom: 10px;
}

#contents-wrap #day-schedule{
	width: 1020px;
	margin: 0 auto 100px auto;
}

#day-schedule h4{
	color: #ea5b00;
	border-bottom: 3px solid #afc112;
	display: inline-block;
	font-size: 30px;
	margin: 0 auto 60px auto;
	padding-bottom: 5px;
}

#day-schedule .kodomo-in{
	width: 917px;
	margin-bottom: 60px;
	background-image: url(../img/hoiku/schedule-clock01.png);
	background-repeat: no-repeat;
	margin: 0 auto;
	position: relative;
}

#day-schedule .kodomo-in .illust-eat{
	position:absolute;
	top: 0;
	left: 430px;
}

#day-schedule .kodomo-in .illust-sleep{
	position:absolute;
	top: 200px;
	left: 580px;
}

#day-schedule .kodomo-in .illust-timetable{
		margin: 0 auto 0 -10px;
		padding: 0;
}

#day-schedule .kodomo-in .illust-bus{
	position:absolute;
	top: 240px;
	left: 730px;
}

#day-schedule .kodomo-in .illust-character{
	position:absolute;
	top: 220px;
	left: 40px;
}

#day-schedule .schedule-img{
		width: 900px;
		margin: 50px auto 0 auto;
}

.schedule-img ul{
		width: 900px;
		margin: 0 auto;
}

.schedule-img ul li{
		width: 164px;
		display: inline-block;
		margin-right: 14px;
}

.schedule-img ul li:last-of-type{
		margin-right: 0;
}

/* 保育園での主な行事
------------------------------------*/
#year-scedule-wrap{
	width: 100%;
	background-image: url(../img/common/dot-backgrpund.jpg);
	background-repeat: repeat;
	margin-left: -500%;
	margin-right: -500%;
	padding-left: 500%;
	padding-right: 500%;
	padding-top: 100px;
	padding-bottom: 100px;
}

#year-scedule-wrap #year-scedule-sp{
	display: none;
}

#year-scedule-wrap #year-scedule-pc{
	width: 1020px;
	margin: 0 auto;
}

#year-scedule-pc h5{
	color: #ea5b00;
	border-bottom: 3px solid #afc112;
	display: inline-block;
	font-size: 30px;
	margin: 0 auto 40px auto;
	padding-bottom: 5px;
}

#year-scedule-pc .year-scedule-in{
	width: 1020px;
	background-color: #fff;
	border: 1px solid #ea5b00;
	border-radius: 10px;
}

#year-scedule-pc .year-scedule-in .year-scedule-box{
	width: 940px;
	height: 500px;
	background-image: url(../img/hoiku/event-img.jpg);
	background-repeat: no-repeat;
	background-position: 0 428px;
	background-color: #fff;
	border-top: 3px solid #E95516;
	margin: 0 auto 0 40px;
	padding: 30px 0;
}

#year-scedule-pc .year-scedule-in ul{
	width: 312px;
	float: left;
}

#year-scedule-pc .year-scedule-in .month-block1,
#year-scedule-pc .year-scedule-in .month-block2{
	border-right: 1px dotted #E95516;
}

#year-scedule-pc .year-scedule-in .month-block2{
		padding-bottom: 100px;
}

#year-scedule-pc .year-scedule-in ul li{
	width: 290px;
	height: 100px;
	font-size: 15px;
	font-weight: 900;
	line-height: 24px;
	margin-left: 15px;
}

#year-scedule-pc .year-scedule-in ul li dt{
	width: 70px;
	color: #448bd8;
	border: 1px solid #448bd8;
	border-radius: 30px;
	float: left;
	line-height: 32px;
	text-align: center;
	margin-right: 15px;
}

#year-scedule-pc .year-scedule-in ul li dd{
	width: 200px;
	float: left;
}

/* 園の取り組み・教育
------------------------------------*/
#contents-wrap #special-education{
	width: 1020px;
	margin: 100px auto 120px auto;
}

#special-education-sp{display:none;}

#special-education h5{
	color: #ea5b00;
	border-bottom: 3px solid #afc112;
	display: inline-block;
	font-size: 30px;
	margin: 0 auto 80px auto;
	padding-bottom: 5px;
}

#special-education .special-education-in{
	width: 1020px;
}

.special-education-in .education-list{
	width: 940px;
	padding-bottom: 40px;
	margin: 0 auto 40px auto;
}

.education-list dt{
	width: 410px;
	height: 230px;
	float: left;
}

.education-list dd{
	width: 470px;
	margin: 20px 0 0 40px;
	float: left;
}

.education-list dd strong{
	color: #ea5b00;
	font-size: 24px;
	font-weight: 900;
}

.education-list dd ul{
	margin: 30px 0 20px 0;
}

.education-list dd ul li{
	width: 70px;
	height: 25px;
	color: #fff;
	border-radius: 50px;
	display: inline-block;
	font-weight: 900;
	text-align: center;
	line-height: 25px;
	}

.education-list dd ul li:first-of-type,
.education-list dd ul li:nth-of-type(2)
{
	margin-right: 10px;
}

.education-list dd ul .age03{
	background-color:#ea5b00;
}

.education-list dd ul .age04{
	background-color:#afc112;
}

.education-list dd ul .age05{
	background-color:#448bd8;
}

.education-list dd p{
	font-size: 13px;
	font-weight: 900;
	line-height: 24px;
}

.education-list2{
	width: 940px;
	margin: 0 auto;
}

.education-list2 strong{
	color: #ea5b00;
	font-size: 24px;
	font-weight: 900;
	margin-right: 15px;
}

.education-list2 p{
	font-size: 13px;
	font-weight: 900;
	margin-bottom: 40px;
}

.education-list2 ul{
	width: 940px;
}

.education-list2 li{
	display: inline-block;
	margin-right: 10px;
}

.education-list2 li:last-of-type{
	margin-right: 0;
}

}/*pcここまで*/






/* タブレット用CSS
   ========================================================================== */
@media screen and (max-width:1019px){


	/* 全体設定
	------------------------------------*/
	#top-wrap{
		width: 100%;
		margin: 0 auto;
	}

	#top-wrap #top-in{
		width: 100%;
	}

	/* コンテンツ設定
	------------------------------------*/
	#contents-wrap{
		width: 100%;
		margin: 0 auto;
	}

	#contents-wrap .sub-title{
		text-align: center;
	}

	/* メインビジュアル
	------------------------------------*/
	/* タイトル */
	#contents-wrap .contents-text{
		width: 100%;
		height: 110px;
		background-image: url(../img/about/mainv-back2.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 80% 100%;
		margin: 0 auto;
	}
#contents-wrap .contents-text span{
	width: 80%;
	max-width: 480px;
	color: #ff7506;
	display: block;
	font-size: 16px;
	text-align: center;
	margin: 0 auto;
	padding: 20px 0 15px 0;
}

#contents-wrap .contents-text h2{
	width: 80%;
	max-width: 480px;
	color: #ff7506;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	margin: 0 auto;
}

	#img-main{
		width: 100%;
		background-image: url(../img-sp/about/mainv-back.jpg);
		background-repeat: repeat;
	}

	.mainvisual-wrap{
		width: 100%;
		position: relative;
	}

	.mainvisual-wrap img{
		width: 100%;
		height: auto;
		margin: 0 auto;
	}

	.mainvisual-wrap figure{
		width: 270px;
		position: absolute;
		bottom: -40px;
		left: 38%;
		margin-left: 0;
		z-index: 3;
	}

	.mainvisual-wrap figure img{
		width: 60%;
		height: auto;
	}

	/* ページ内リンク
	------------------------------------*/
	#contents-wrap .page-link{
		width: 100%;
		margin: 30px auto 60px auto;
	}

	#contents-wrap .page-link ul{
		width: 90%;
		margin: 40px auto 0 auto;
	}

	#contents-wrap .page-link  ul li{
		position: relative;
	    float: left;
	    box-sizing: border-box;
	    width: 48%;
	    margin: 0 0 4px 0;
	    padding: 0 0px 0 3px;
		}

	#contents-wrap .page-link  ul li:nth-of-type(1),
	#contents-wrap .page-link  ul li:nth-of-type(3){
		margin-right: 3%;
	}

	#contents-wrap .page-link  ul li a{
		display: block;
		border-bottom: 1px dotted #ea5b00;
	    padding: 13px 0 10px 0;
	    color: #3e3a39;
	    font-size: 13px;
	    font-weight: 900;
	    letter-spacing: 0.05em;
	    white-space: nowrap;
	}

	#contents-wrap .page-link  ul li a:after {
		width: 15px;
		height: 15px;
		border: 1px solid #ea5b00;
		border-radius: 30px;
		color: #ea5b00;
	  	content: "\f078";
	  	font-family: "Font Awesome 5 Free";
		font-weight: 900;
		font-size: 12px;
		line-height: 15px;
		text-indent: 2.5px;
		padding: 0;
		position: absolute;
		right: 0;
		top: 35%;
	}

	/* 理念・目標について
	------------------------------------*/
	#contents-wrap #contents-article{
		width: 100%;
		max-width: 640px;
		margin: 0 auto;
	}

	#contents-article #child-care-education{
		width: 100%;
		max-width: 640px;
		padding-bottom: 60px;
	}

	#child-care-education h3{
		color: #ea5b00;
		border-bottom: 3px solid #afc112;
		display: inline-block;
		font-size: 22px;
		margin: 0 auto 40px auto;
		padding-bottom: 5px;
	}

	#child-care-education strong{
		width: 90%;
		max-width: 560px;
		color: #ea5b00;
		display: block;
		font-size: 18px;
		line-height: 25px;
		margin: 0 auto;
	}

	#child-care-education p{
		width: 90%;
		max-width: 560px;
		margin: 20px auto;
		font-size: 14px;
		line-height: 23px;
	}

	#child-care-education .image-set{
		width: 90%;
		margin: 0 auto 30px auto;
	}

	#child-care-education .image-set li{
		width: 48%;
		display: inline-block;
		float: left;
		margin-right: 3%;
	}

	#child-care-education .image-set li:nth-of-type(2){
		margin: 0;
	}

	#child-care-education .image-set li:last-of-type{
		display: none;
	}

	#child-care-education .image-set li img{
		width: 100%;
		height: auto;
	}

	#child-care-education .text-set{
		width: 90%;
		border: 1px solid #ea5b00;
		border-radius: 10px;
		margin: 0 auto;
	}

	#child-care-education .text-set .text-set-in{
		box-sizing: border-box;
		border-top: 3px solid #E95516;
		width: 90%;
	  	box-sizing: border-box;
	  	-webkit-box-sizing: border-box;
	  	-moz-box-sizing: border-box;
	  	-ms-box-sizing: border-box;
	  	-o-box-sizing: border-box;
		margin: 0 auto;
		padding: 30px 0;
	}

	#child-care-education .text-set .text-set-in ol{
		width: 100%;
		counter-reset: my-counter;
	  	list-style: none;
		margin: 0 auto;
	}

	#child-care-education .text-set .text-set-in ol:nth-of-type(2){
		display: none;
	}

	#child-care-education .text-set .text-set-in ol li{
		width: 100%;
		font-size: 100.0%;
		line-height: 24px;
		margin: 0 auto 15px auto;
	  	position: relative;
	}

	#child-care-education .text-set .text-set-in ol li:before {
	  	content: counter(my-counter);
	  	counter-increment: my-counter;
	  	background-color: #fff;
	  	color: #448bd8;
	  	display: block;
	  	float: left;
	  	line-height: 25px;
			margin-right: 10px;
	  	text-align: center;
	  	height: 25px;
	  	width: 25px;
	  	border: 1px solid #448bd8;
	  	border-radius: 50%;
			text-indent: 0;
	}

	/* 園の一日
	------------------------------------*/
	#day-schedule-wrap{
		width: 100%;
		max-width: 640px;
		background-color: #f9fdd9;
		margin: 0 auto;
		padding: 60px 0 0 0;
		position: relative;
	}

	#contents-wrap #day-schedule{
		width: 100%;
		margin: 0 auto;
		padding-bottom: 10%;
	}

	#day-schedule h4{
		color: #ea5b00;
		border-bottom: 3px solid #afc112;
		display: inline-block;
		font-size: 22px;
		margin: 0 auto 40px auto;
		padding-bottom: 5px;
	}

	#day-schedule .kodomo-in{
		width: 90%;
		height: 500px;
		background-image: url(../img-sp/hoiku/schedule-clock01.png);
		background-repeat: no-repeat;
		background-size: auto 90%;
		background-position: center center;
		margin: 0 auto;
		background-size:contain;
	}

	#day-schedule .kodomo-in p{
		width: 100%;
	}

	#day-schedule .kodomo-in p img{
		width: 15%;
	}

	#day-schedule .kodomo-in .illust-bus img{
		width: 30%;
	}

	#day-schedule .kodomo-in .illust-character img{
		width: 10%;
	}

	#day-schedule .kodomo-in .illust-eat{
		position:absolute;
		top: 49%;
		left: 65%;
	}

	#day-schedule .kodomo-in .illust-sleep{
		position:absolute;
		top: 56%;
		left: 12%;
	}

	#day-schedule .kodomo-in .illust-timetable{
		display: none;
	}

	#day-schedule .kodomo-in .illust-bus{
		position:absolute;
		top: 83%;
		left: 63%;
	}

	#day-schedule .kodomo-in .illust-character{
		position:absolute;
		top: 10%;
		left: 70%;
	}

	#day-schedule .schedule-img{
		display: none;
	}

	/* 保育園での主な行事
	------------------------------------*/
	#year-scedule-wrap{
		width: 100%;
		background-image: url(../img/common/dot-backgrpund.jpg);
		padding: 60px 0;
	}

	#year-scedule-wrap #year-scedule-pc{
		display: none;
	}

	#year-scedule-wrap #year-scedule-sp{
		width: 100%;
		margin: 0 auto;
	}

	#year-scedule-sp h5{
		color: #ea5b00;
		border-bottom: 3px solid #afc112;
		display: inline-block;
		font-size: 22px;
		margin: 0 auto 40px auto;
		padding-bottom: 5px;
	}

	#year-scedule-sp .year-scedule-in{
		width: 90%;
		background-color: #fff;
		border: 1px solid #ea5b00;
		border-radius: 10px;
		margin: 0 auto;
	}

	#year-scedule-sp .year-scedule-in .year-scedule-box{
		width: 90%;
		box-sizing: border-box;
		background-image: url(../img-sp/hoiku/event-img.jpg);
		background-repeat: no-repeat;
		background-position: 100% 95%;
		background-size: 38% auto;
		border-top: 3px solid #E95516;
	  	box-sizing: border-box;
	  	-webkit-box-sizing: border-box;
	  	-moz-box-sizing: border-box;
	  	-ms-box-sizing: border-box;
	  	-o-box-sizing: border-box;
		margin: 0 auto;
		padding: 30px 0;
	}

	#year-scedule-sp .year-scedule-in ul{
		width: 47%;
		float: left;
	}

	#year-scedule-sp .year-scedule-in ul:first-of-type{
		border-right: 1px dotted #E95516;
		margin-right: 4%;
		padding-right: 1.5%;
	}

	#year-scedule-sp .year-scedule-in ul li{
		width: 100%;
		font-size: 15px;
		line-height: 24px;
		margin: 0 0 10% 0;
	}

	#year-scedule-sp .year-scedule-in ul li:last-of-type{
		margin-bottom: 0;
	}

	#year-scedule-sp .year-scedule-in ul li dt{
		width: 30%;
		color: #448bd8;
		border: 1px solid #448bd8;
		border-radius: 30px;
		font-size: 12px;
		line-height: 20px;
		text-align: center;
		margin-bottom: 5%;
	}

	#year-scedule-sp .year-scedule-in ul li dd{
		width: auto;
		font-size: 14px;
	}

	/* 園の取り組み・教育
	------------------------------------*/
	#contents-wrap #special-education-sp{
		width: 100%;
		margin: 10% auto;
	}

	#special-education-sp h5{
		color: #ea5b00;
		border-bottom: 3px solid #afc112;
		display: inline-block;
		font-size: 22px;
		margin: 0 auto 20px auto;
		padding-bottom: 5px;
	}

	#special-education-sp .special-education-in{
		width: 100%;
	}

	#special-education-sp .special-education-in .education-list{
		width: 90%;
		padding-bottom: 40px;
		margin: 0 auto 40px auto;
	}

	#special-education-sp .education-list dl{
		position: relative;
	}

	#special-education-sp .education-list dt{
		width: 100%;
		padding-top: 10%;
	}

	#special-education-sp .education-list dt figcaption{
		width: 15%;
		position: absolute;
		top: 4%;
		left: 4%;
	}

	#special-education-sp .education-list dt img{
		width: 80%;
		height: 80%;
		object-fit: cover;
		margin: 0 auto;
	}

	#special-education-sp .education-list dd{
		width: 100%;
		margin-top: 10%;
	}

	#special-education-sp .education-list dd strong{
		width: 80%;
		color: #ea5b00;
		display: block;
		font-size: 22px;
		font-weight: 900;
		text-align: center;
		margin: 0 auto;
	}

	#special-education-sp .education-list dd ul{
		width: 100%;
		margin: 5% auto;
		text-align: center;
	}

	#special-education-sp .education-list dd ul li{
		width: 20%;
		color: #fff;
		border-radius: 50px;
		display: inline-block;
		font-weight: 900;
		text-align: center;
		line-height: 25px;
		}

	#special-education-sp .education-list dd ul li:first-of-type,
	#special-education-sp .education-list dd ul li:nth-of-type(2)
	{
		margin-right: 10px;
	}

	#special-education-sp .education-list dd ul .age03{
		background-color:#ea5b00;
	}

	#special-education-sp .education-list dd ul .age04{
		background-color:#afc112;
	}

	#special-education-sp .education-list dd ul .age05{
		background-color:#448bd8;
	}

	#special-education-sp .education-list dd p{
		width: 90%;
		font-size: 13px;
		line-height: 24px;
		margin: 0 auto;
	}

	#special-education-sp .education-list dd p br{
		display: none;
	}

	#special-education-sp .education-list2{
		width: 890px;
		margin: 0 auto;display: none;
	}

	#special-education-sp .education-list2 strong{
		color: #ea5b00;
		font-size: 24px;
		font-weight: 900;
		margin-right: 15px;
	}

	#special-education-sp .education-list2 p{
		font-size: 13px;
		font-weight: 900;
		margin-bottom: 40px;
	}

	#special-education-sp .education-list2 ul{
			width: 890px;
	}

	#special-education-sp .education-list2 li{
		display: inline-block;
		margin-right: 10px;
	}

	#special-education-sp .education-list2 li:last-of-type{
		margin-right: 0;
	}

}



/* SP用CSS
========================================================================== */
@media screen and (max-width:479px){

/* 全体設定
------------------------------------*/
#top-wrap{
	width: 100%;
	margin: 0 auto;
}

#top-wrap #top-in{
	width: 100%;
}

/* コンテンツ設定
------------------------------------*/
#contents-wrap{
	width: 100%;
	margin: 0 auto;
}

#contents-wrap .sub-title{
	text-align: center;
}

/* メインビジュアル
------------------------------------*/
/* タイトル */
#contents-wrap .contents-text{
	width: 100%;
	max-width: 640px;
	height: 110px;
	background-image: url(../img/about/mainv-back2.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 80% 100%;
	margin: 0 auto;
}

#contents-wrap .contents-text span{
	width: 80%;
	max-width: 480px;
	color: #ff7506;
	display: block;
	font-size: 16px;
	text-align: center;
	margin: 0 auto;
	padding: 20px 0 15px 0;
}

#contents-wrap .contents-text h2{
	width: 80%;
	max-width: 480px;
	color: #ff7506;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	margin: 0 auto;
}

#img-main{
	width: 100%;
	max-width: 640px;
	background-image: url(../img-sp/about/mainv-back.jpg);
	background-repeat: repeat;
}

.mainvisual-wrap{
	width: 640px;
	position: relative;
}

.mainvisual-wrap img{
	width: 100%;
	max-width: 400px;
	height: auto;
	margin: 0 auto;
}

.mainvisual-wrap figure{
	width: 270px;
	position: absolute;
	bottom: -40px;
	left: 17%;
	margin-left: 0;
	z-index: 3;
}

.mainvisual-wrap figure img{
	width: 60%;
	height: auto;
}

/* ページ内リンク
------------------------------------*/
#contents-wrap .page-link{
	width: 100%;
	margin: 30px auto 60px auto;
}

#contents-wrap .page-link ul{
	width: 90%;
	margin: 40px auto 0 auto;
}

#contents-wrap .page-link  ul li{
		position: relative;
    float: left;
    box-sizing: border-box;
    width: 48%;
    margin: 0 0 4px 0;
    padding: 0 0px 0 3px;
	}

#contents-wrap .page-link  ul li:nth-of-type(1),
#contents-wrap .page-link  ul li:nth-of-type(3){
	margin-right: 3%;
}

#contents-wrap .page-link  ul li a{
		display: block;
		border-bottom: 1px dotted #ea5b00;
    padding: 13px 0 10px 0;
    color: #3e3a39;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.05em;
    white-space: nowrap;
}

#contents-wrap .page-link  ul li a:after {
	width: 15px;
	height: 15px;
	border: 1px solid #ea5b00;
	border-radius: 30px;
	color: #ea5b00;
  content: "\f078";
  font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 12px;
	line-height: 15px;
	text-indent: 2.5px;
	padding: 0;
	position: absolute;
	right: 0;
	top: 35%;
}

/* 理念・目標について
------------------------------------*/
#contents-wrap #contents-article{
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
}

#contents-article #child-care-education{
	width: 100%;
	max-width: 640px;
	padding-bottom: 60px;
}

#child-care-education h3{
	color: #ea5b00;
	border-bottom: 3px solid #afc112;
	display: inline-block;
	font-size: 22px;
	margin: 0 auto 40px auto;
	padding-bottom: 5px;
}

#child-care-education strong{
	width: 90%;
	max-width: 560px;
	color: #ea5b00;
	display: block;
	font-size: 18px;
	line-height: 25px;
	margin: 0 auto;
}

#child-care-education p{
	width: 90%;
	max-width: 560px;
	margin: 20px auto;
	font-size: 14px;
	line-height: 23px;
}

#child-care-education .image-set{
	width: 90%;
	margin: 0 auto 30px auto;
}

#child-care-education .image-set li{
	width: 48%;
	display: inline-block;
	float: left;
	margin-right: 3%;
}

#child-care-education .image-set li:nth-of-type(2){
	margin: 0;
}

#child-care-education .image-set li:last-of-type{
	display: none;
}

#child-care-education .image-set li img{
	width: 100%;
	height: auto;
}

#child-care-education .text-set{
	width: 90%;
	border: 1px solid #ea5b00;
	border-radius: 10px;
	margin: 0 auto;
}

#child-care-education .text-set .text-set-in{
	box-sizing: border-box;
	border-top: 3px solid #E95516;
	width: 90%;
  	box-sizing: border-box;
  	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	-ms-box-sizing: border-box;
  	-o-box-sizing: border-box;
	margin: 0 auto;
	padding: 30px 0;
}

#child-care-education .text-set .text-set-in ol{
	width: 100%;
	counter-reset: my-counter;
  	list-style: none;
	margin: 0 auto;
}

#child-care-education .text-set .text-set-in ol:nth-of-type(2){
	display: none;
}

#child-care-education .text-set .text-set-in ol li{
	width: 100%;
	font-size: 100.0%;
	line-height: 24px;
	margin: 0 auto 15px auto;
  	position: relative;
}

#child-care-education .text-set .text-set-in ol li:before {
  	content: counter(my-counter);
  	counter-increment: my-counter;
  	background-color: #fff;
  	color: #448bd8;
  	display: block;
  	float: left;
  	line-height: 25px;
	margin-right: 10px;
  	text-align: center;
  	height: 25px;
  	width: 25px;
  	border: 1px solid #448bd8;
  	border-radius: 50%;
	text-indent: 0;
}

.text-set-sp:before{
	margin-bottom: 17.5%;
}

.text-set-sp2:before{
	margin-bottom: 10%;
}

/* 園の一日
------------------------------------*/
#day-schedule-wrap{
	width: 100%;
	max-width: 640px;
	background-color: #f9fdd9;
	margin: 0 auto;
	padding: 60px 0 0 0;
}

#contents-wrap #day-schedule{
	width: 100%;
	margin: 0 auto;
	padding-bottom: 10%;
}

#day-schedule h4{
	color: #ea5b00;
	border-bottom: 3px solid #afc112;
	display: inline-block;
	font-size: 22px;
	margin: 0 auto 40px auto;
	padding-bottom: 5px;
}

#day-schedule .kodomo-in{
	width: 90%;
	height: 500px;
	background-image: url(../img-sp/hoiku/schedule-clock01.png);
	background-repeat: no-repeat;
	background-size: auto 90%;
	background-position: center center;
	margin: 0 auto;
	background-size:contain;
}

#day-schedule .kodomo-in p{
	width: 100%;
}

#day-schedule .kodomo-in p img{
	width: 25%;
}

#day-schedule .kodomo-in .illust-bus img{
	width: 30%;
}

#day-schedule .kodomo-in .illust-character img{
	width: 17%;
}

#day-schedule .kodomo-in .illust-eat{
	position:absolute;
	top: 53%;
	left: 66%;
}

#day-schedule .kodomo-in .illust-sleep{
	position:absolute;
	top: 58%;
	left: 15%;
}

#day-schedule .kodomo-in .illust-timetable{
	display: none;
}

#day-schedule .kodomo-in .illust-bus{
	position:absolute;
	top: 83%;
	left: 63%;
}

#day-schedule .kodomo-in .illust-character{
	position:absolute;
	top: 10%;
	left: 70%;
}

#day-schedule .schedule-img{
	display: none;
}

/* 保育園での主な行事
------------------------------------*/
#year-scedule-wrap{
	width: 100%;
	background-image: url(../img/common/dot-backgrpund.jpg);
	padding: 60px 0;
}

#year-scedule-wrap #year-scedule-pc{
	display: none;
}

#year-scedule-wrap #year-scedule-sp{
	width: 100%;
	margin: 0 auto;
}

#year-scedule-sp h5{
	color: #ea5b00;
	border-bottom: 3px solid #afc112;
	display: inline-block;
	font-size: 22px;
	margin: 0 auto 40px auto;
	padding-bottom: 5px;
}

#year-scedule-sp .year-scedule-in{
	width: 90%;
	background-color: #fff;
	border: 1px solid #ea5b00;
	border-radius: 10px;
	margin: 0 auto;
}

#year-scedule-sp .year-scedule-in .year-scedule-box{
	width: 90%;
	box-sizing: border-box;
	background-image: url(../img-sp/hoiku/event-img.jpg);
	background-repeat: no-repeat;
	background-position: 100% 95%;
	background-size: 48% auto;
	border-top: 3px solid #E95516;
  	box-sizing: border-box;
  	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	-ms-box-sizing: border-box;
  	-o-box-sizing: border-box;
	margin: 0 auto;
	padding: 30px 0;
}

#year-scedule-sp .year-scedule-in ul{
	width: 47%;
	float: left;
}

#year-scedule-sp .year-scedule-in ul:first-of-type{
	border-right: 1px dotted #E95516;
	margin-right: 4%;
	padding-right: 1.5%;
}

#year-scedule-sp .year-scedule-in ul li{
	width: 100%;
	font-size: 15px;
	line-height: 24px;
	margin: 0 0 10% 0;
}

#year-scedule-sp .year-scedule-in ul li:last-of-type{
	margin-bottom: 0;
}

#year-scedule-sp .year-scedule-in ul li dt{
	width: 30%;
	color: #448bd8;
	border: 1px solid #448bd8;
	border-radius: 30px;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	margin-bottom: 5%;
}

#year-scedule-sp .year-scedule-in ul li dd{
	width: auto;
	font-size: 14px;
}

/* 園の取り組み・教育
------------------------------------*/
#contents-wrap #special-education{
	width: 100%;
	margin: 0 auto;
	padding: 60px 0;
}

#special-education h5{
	color: #ea5b00;
	border-bottom: 3px solid #afc112;
	display: inline-block;
	font-size: 22px;
	margin: 0 auto 10px auto;
	padding-bottom: 5px;
}

#special-education .special-education-in{
	width: 100%;
	position: relative;
}

#special-education .special-education-in .education-list{
	width: 90%;
	padding-bottom: 20px;
	margin: 0 auto;
}

#special-education .education-list dl{
	position: relative;
}

#special-education .education-list dt{
	width: 100%;
	padding-top: 10%;
}

#special-education .education-list dt figcaption{
	width: 15%;
	position: absolute;
	top: 4%;
	left: 4%;
}

#special-education .education-list dt img{
	width: 100%;
	height: auto;
	object-fit: cover;
	margin: 0 auto;
}

#special-education .education-list dd{
	width: 100%;
	margin-top: 10%;
}

#special-education .pc-display{
	display: none;
}

#special-education .education-list dd strong{
	width: 80%;
	color: #ea5b00;
	display: block;
	font-size: 22px;
	font-weight: 900;
	text-align: center;
	margin: 0 auto;
}

#special-education .education-list dd ul{
	width: 100%;
	margin: 5% auto;
	text-align: center;
}

#special-education .education-list dd ul li{
	width: 20%;
	color: #fff;
	border-radius: 50px;
	display: inline-block;
	font-weight: 900;
	text-align: center;
	line-height: 25px;
	}

#special-education .education-list dd ul li:first-of-type,
#special-education .education-list dd ul li:nth-of-type(2)
{
	margin-right: 10px;
}

#special-education .education-list dd ul .age03{
	background-color:#ea5b00;
}

#special-education .education-list dd ul .age04{
	background-color:#afc112;
}

#special-education .education-list dd ul .age05{
	background-color:#448bd8;
}

#special-education .education-list dd p{
	width: 90%;
	font-size: 13px;
	line-height: 24px;
	margin: 0 auto;
}

#special-education .education-list dd p br{
	display: none;
}

#special-education .education-list2{
	width: 100%;
	margin: 0 auto;
	padding-top: 30px;
}

#special-education .education-list2 strong{
	color: #ea5b00;
	display: block;
	font-size: 22px;
	font-weight: 900;
	margin: 0 auto;
	text-align: center;
}

#special-education .education-list2 p{
	width: 90%;
	font-size: 13px;
	font-weight: 900;
	margin: 20px auto;
	text-align: left;
}

#special-education .education-list2 ul{
	width: 90%;
	margin: 0 auto 20px auto;
}

#special-education .education-list2 li{
	width: 49%;
	height: 30%;
	display: inline-block;
}

.education-list2 li img{
	width: 100%;
	height: 50%;
	object-fit: cover;
}

#special-education .education-list2 li:last-of-type{
	margin-right: 0;
}


}