@charset "UTF-8";

/**************************************************

	ヘッダー

**************************************************/
#header{
	padding: 20px 0;
}
#header_inner{
	width: 1000px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
#header_guide{
	display: flex;
	align-items: flex-end;
}
#header_guide #menu-top_menu{
	margin-bottom: 5px;
	display: flex;
	justify-content: space-between;
	font-family: "UDDigiKyokasho R JIS2004";
	font-size: 0.9em;
}
#header_guide li{
	margin-right: 8px;
}
#header_guide li:last-child{
	margin-right: 0;
}
#header_guide li a{
	padding: 6px 20px;
	border-radius: 50px;
	background: linear-gradient(-45deg, #fff 25%, #EDEDED 25%, #EDEDED 50%, #fff 50%, #fff 75%, #EDEDED 75%, #EDEDED);
	background-size: 4px 4px;
}
#header_guide li a:hover{
	color: #AAA;
}


/**************************************************

	ナビ

**************************************************/
#nav{
	margin-top: -10px;
	font-family: "UDDigiKyokasho R JIS2004";
}

#menu-nav{
	width: 1000px;
	height: 80px;
	margin: 0 auto;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
#menu-nav > li {
	width: calc(100% / 5);
}
#menu-nav li {
	position: relative;
}
#menu-nav li a{
	width: 100%;
	display: block;
	text-align: center;
}
#menu-nav li > a{
	height: 80px;
	line-height: 80px;
}
#menu-nav li li{
	height: 0;
	overflow: hidden;
	font-size: 0.86em;
	transition: 0.6s;
	z-index: 10;
}
#menu-nav li li a{
	height: 50px;
	line-height: 50px;
	background: linear-gradient(-45deg, #fff 25%, #DDD 25%, #DDD 50%, #fff 50%, #fff 75%, #DDD 75%, #DDD);
	background-size: 4px 4px;
	border-bottom: solid 1px #CCC;
}
#menu-nav li:hover > ul > li {
	height: 50px;
	overflow: visible;
	z-index: 3;
}
#menu-nav li > ul li a:hover{
	color: #999;
}
#menu-nav li:nth-child(n+7){
	display: none;
}

#side_nav{
	position: fixed;
	top: 50%;
	right: 5px;
	transform: translateY(-50%);
	font-family: "UDDigiKyokasho R JIS2004";
	font-size: 0.8em;
	line-height: 1.1;
	z-index: 5;
}
#side_nav li{
	width: 112px;
	height: 112px;
	margin-bottom: 15px;
	position: relative;
	border-radius: 100%;
	box-shadow: 1px 1px 1px #999;
}
#side_nav li:first-child{
	background: url(../icon_instagram.png) 50% 14px no-repeat, #F8BA03;
}
#side_nav li:nth-child(2){
	background: url(../icon_instagram.png) 50% 14px no-repeat, #6BC2E4;
}
#side_nav li:nth-child(3){
	background: url(../icon_graduate.png) 50% 14px no-repeat, #EF8AA3;
}
#side_nav li:last-child{
	margin-bottom: 0;
	background: url(../icon_parents.png) 50% 14px no-repeat, #BCCE44;
}
#side_nav li a{
	width: 100%;
	height: 100%;
	padding-bottom: 16px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	color: #333;
	text-align: center;
}
#side_nav li:first-child:hover{
	filter: invert(90%) hue-rotate(185deg) brightness(200%) saturate(110%) opacity(90%);
}
#side_nav li:nth-child(2):hover{
	filter: invert(90%) hue-rotate(190deg) brightness(180%) saturate(90%) opacity(90%);
}
#side_nav li:nth-child(3):hover{
	filter: invert(90%) hue-rotate(190deg) brightness(180%) saturate(90%) opacity(90%);
}
#side_nav li:last-child:hover{
	margin-bottom: 0;
	filter: invert(90%) hue-rotate(260deg) brightness(180%) saturate(70%) opacity(90%);
}


/**************************************************

	共通部分

**************************************************/
main{
	margin: 0 auto;
}
main section{
	padding: 80px 0;
}
section h2, section h3, section h4, section h5{
	font-family: "UDDigiKyokasho R JIS2004";
	line-height: 1.3em;
}

main #contents{}
main #contents h2{
	padding: 30px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.8em;
	font-family: "UDDigiKyokasho R JIS2004";
	letter-spacing: 2px;
	color: #555;
	background: linear-gradient(-45deg, #fff 25%, #EDEDED 25%, #EDEDED 50%, #fff 50%, #fff 75%, #EDEDED 75%, #EDEDED);
	background-size: 4px 4px;
	border-top: solid 1px #DEDEDE;
	border-bottom: solid 1px #DEDEDE;
}
main #contents section{
	width: 1000px;
	margin: 0 auto;
}
main #contents section h3{
	height: 82px;
	margin: 80px 0 40px;
	padding-left: 86px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 1.6em;
	background: url(../../img/title_icon_01.png) left center no-repeat;
	border-bottom: dotted 4px #9BD7EC;
}
main #contents section h3:first-child{
	margin-top: 0;
}
main #contents section h4{
	margin-bottom: 15px;
	font-size: 1.4em;
	color: #EE8AA3;
}
main #contents section h5{
	margin-bottom: 15px;
	font-size: 1.2em;
	color: #EE8AA3;
}
h4 > span, h5 > span{
	font-size: 0.9em;
}

.main_width{
	width: 1000px;
	margin: 0 auto;
}
.list_leaf li{
	padding-left: 25px;
	position: relative;
}
.list_leaf li::before{
	position: absolute;
	left: 0;
	content: "\f4d8";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #BDCF46;
}
.list_circle li{
	padding-left: 18px;
	position: relative;
}
.list_circle li::before{
	position: absolute;
	top: 3px;
	left: 0;
	content: "\f111";
	font-family: "Font Awesome 5 Free";
	font-size: 0.6em;
	font-weight: 900;
}


/**************************************************

	フッター

**************************************************/
#footer{
	margin-top: 50px;
	padding-top: 30px;
	font-size: 0.9em;
	background: linear-gradient(-45deg, #fff 25%, #EDEDED 25%, #EDEDED 50%, #fff 50%, #fff 75%, #EDEDED 75%, #EDEDED);
	background-size: 4px 4px;
	border-top: solid 1px #DEDEDE;
	z-index: 1;
}

#footer_inner{
	width: 1000px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
#footer_inner ul{
	font-family: "UDDigiKyokasho R JIS2004";
	line-height: 1.2;
}
#footer_inner > ul{
	margin-top: 20px;
}
#footer_inner li{
	margin-bottom: 5px;
}
#footer_inner li:last-child{
	margin-bottom: 0;
}
#footer_inner li a:hover{
	color: #46B3DE;
}
#footer_inner li a > span{
	font-size: 0.9em;
}
#footer_inner li::before{
	margin-right: 4px;
  content: "\f0da";
	font-family: "Font Awesome 5 Free";
	font-size: 1.1em;
  font-weight: 900;
}
#footer_inner li:hover::before{
	color: #46B3DE;
	transition: 0.6s;
}
#footer_inner .footer_nav{
	margin-top: 20px;
}
#footer_inner .footer_nav h3{
	font-size: 1.1em;
}
#footer_inner .footer_nav h4{
	margin-top: 5px;
	font-size: 1.05em;
}
#footer_inner .footer_nav h4::before{
	margin: 0 4px 2px 0;
  content: "\f219";
	font-family: "Font Awesome 5 Free";
	font-size: 0.8em;
  font-weight: 900;
}
#footer_inner .footer_nav > ul{
	margin: 3px 0 15px;
}

#footer_address{
	margin: 20px 0 30px;
}
#footer_address h2{
	text-align: center;
}
#footer_address p{
	margin-top: 20px;
}

#footer #copyright{
	width: 1000px;
	margin: 0 auto;
	padding: 12px 0;
	font-family: "UDDigiKyokasho R JIS2004";
	border-top: solid 1px #CCC;
	text-align: center;
}


/**************************************************

	ページトップへ戻るボタン

**************************************************/
#pagetop {
	position: fixed;
	bottom: 20px;
	right: 8%;
	filter: drop-shadow(0px 0px 1px rgba(0,0,0,.1));
	z-index: 3;
}
#pagetop a {
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.6em;
	color: #FFF;
	background: #BCCE44;
	border-radius: 100px;
}
#pagetop a:hover {
	background: #F9BA03;
}


/**************************************************

	トップページ

**************************************************/
#mainvisual{
	padding: 0;
	position: relative;
}
#mainvisual .slider{
	position: relative;
	z-index: 0;
}
#mainvisual .slider img{
	width: 100%;
	height: auto;
}
#mainvisual p > img{
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
#mainvisual_top{
	height: 20px;
	margin-bottom: -20px;
	position: relative;
	font-size: 0.1em;
	color: #FFF;
	background: url(../../img/mainvisual_top.png) 50% 0% no-repeat;
	background-size: cover;
	z-index: 3;
}
#mainvisual_bottom{
	height: 40px;
	margin-top: -40px;
	position: relative;
	font-size: 0.1em;
	color: #FFF;
	background: url(../../img/mainvisual_bottom.png) 50% 100% repeat-x;
	z-index: 3;
}
#top_box h3, #top_instagram_inner h3, #access h3{
	margin-bottom: 60px;
	position: relative;
	font-size: 1.8em;
	line-height: 1;
	text-align: center;
}

/*　園からのお知らせ　*/
#top_box{
	background: linear-gradient(-45deg, #fff 25%, #EDEDED 25%, #EDEDED 50%, #fff 50%, #fff 75%, #EDEDED 75%, #EDEDED);
	background-size: 4px 4px;
}
#top_box_inner{
	position: relative;
	z-index: 1;
}
#top_box_inner h2{
	margin-bottom: 25px;
	padding-left: 70px;
	font-size: 1.5em;
}
#top_news_box{
	margin-bottom: 60px;
	padding: 40px 35px 20px;
	background: #FFF;
	border: solid 1px #DDD;
	border-radius: 5px;
}
#top_news_box li{
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: dotted 2px #DDD;
}
#top_photo_01{
	position: absolute;
	top: -18px;
	left: 5px;
	z-index: 2;
}
#top_photo_02{
	position: absolute;
	top: -94px;
	right: 5px;
	z-index: 3;
}

/*　園情報　*/
#top_info{
	display: flex;
	justify-content: space-between;
	font-family: "UDDigiKyokasho R JIS2004";
	font-size: 1.1em;
}
#top_info li{
	width: 234px;
	height: 234px;
	background: #FFF;
	border: dotted 6px #DDD;
	border-radius: 100%;
}
#top_info li a{
	width: 100%;
	height: 100%;
	padding-bottom: 36px;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: center;
}
#top_info li:first-child{
	background: url(../../img/top_info_illust_01.png) 50% 32% no-repeat, #FFF;
	transition-delay: .2s;
}
#top_info li:nth-child(2){
	background: url(../../img/top_info_illust_02.png) 50% 42% no-repeat, #FFF;
	transition-delay: .3s;
}
#top_info li:nth-child(3){
	background: url(../../img/top_info_illust_03.png) 50% 40% no-repeat, #FFF;
	transition-delay: .4s;
}
#top_info li:last-child{
	background: url(../../img/top_info_illust_04.png) 50% 40% no-repeat, #FFF;
	transition-delay: .5s;
}
#top_info li:hover{
	border: dotted 6px #BEE5F3;
	opacity: .8;
}
#top_info li a:hover{
	color: #3E99CE;
}
#top_info li:first-child:hover{
	border-radius: 61% 39% 58% 42% / 43% 53% 47% 57%;
}
#top_info li:nth-child(2):hover{
	border-radius: 41% 59% 50% 50% / 45% 48% 52% 55%;
}
#top_info li:nth-child(3):hover{
	border-radius: 57% 43% 52% 48% / 46% 57% 43% 54%;
}
#top_info li:last-child:hover{
	border-radius: 40% 60% 40% 60% / 62% 43% 57% 38%;
}

/*　Instagram　*/
#top_instagram{
	padding: 120px 0 160px;
	background: url(../stripe_line_bg.png) 0 0 repeat-x, url(../stripe_line_bg.png) 0 100% repeat-x, url(../index_bg_top.png) 0 0 no-repeat, url(../index_bg_bottom.png) 100% 100% no-repeat;
}
#top_instagram_inner{}
#top_instagram_inner h3 span{
	position: absolute;
	bottom: -20px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 0.5em;
}
#top_instagram_inner > div{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#top_instagram_boxL, #top_instagram_boxR{
	width: 49.5%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
#top_instagram_boxL li, #top_instagram_boxR li{
	margin-bottom: 10px;
}
#top_instagram_boxL li{
	border: solid 1px #F8BA03;
}
#top_instagram_boxR li{
	border: solid 1px #6BC2E4;
}
#top_instagram_linkL, #top_instagram_linkR{
	width: 240px;
	height: 240px;
	padding: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
	transition: .6s;
}
#top_instagram_linkL{
	background: #FCDE91;
}
#top_instagram_linkR{
	background: #BEE5F3;
}
#top_instagram_linkL:hover{
	background: linear-gradient(-45deg, #fff 25%, #FCDE91 25%, #FCDE91 50%, #fff 50%, #fff 75%, #FCDE91 75%, #FCDE91);
	background-size: 4px 4px;
	transition: .6s;
}
#top_instagram_linkR:hover{
	background: linear-gradient(-45deg, #fff 25%, #BEE5F3 25%, #BEE5F3 50%, #fff 50%, #fff 75%, #BEE5F3 75%, #BEE5F3);
	background-size: 4px 4px;
	transition: .6s;
}
#top_instagram_linkL h4, #top_instagram_linkR h4{
	margin: 25px 0 30px;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	font-size: 1.4em;
}
#top_instagram_linkL h4::before, #top_instagram_linkR h4::before{
	margin-bottom: 28px;
  content: "\f16d";
	font-family: "Font Awesome 5 Brands";
	font-size: 2.6em;
  font-weight: normal;
}
#top_instagram_linkL h4::before{
	color: #FF9900;
}
#top_instagram_linkR h4::before{
	color: #3DB1DB;
}
#top_instagram_linkL p, #top_instagram_linkR p{
	width: 100%;
	padding: 8px 0 9px;
	display: flex;
	justify-content: center;
	font-family: "UDDigiKyokasho R JIS2004";
	font-size: 0.95em;
	line-height: 1.3;
	background: #FFF;
	border-radius: 8px;
}
#top_instagram_linkL a, #top_instagram_linkR a{
	width: 100%;
	height: 100%;
	display: block;
	color: #333;
}
#top_instagram_linkL a:hover, #top_instagram_linkR a:hover{
	color: #555;
}


/*　アクセス　*/
#access{
	transition-delay: 1s;
}
#access h4{
	margin-bottom: 15px;
	font-size: 1.4em;
}
#access h4 span{
	font-size: 0.7em;
}
#access_map{
	position: relative;
}
#access_map iframe{
	width: 100%;
	height: 400px;
	margin: 20px 0 30px;
	position: relative;
	border: solid 1px #DDD;
	z-index: 0;
}
#access_fish{
	position: absolute;
	bottom: -80px;
	right: -20px;
	z-index: 2;
}

/*　プライバシーポリシー　*/
#privacy{
	margin-top: 50px;
	padding: 34px;
	position: relative;
	font-family: "UDDigiKyokasho R JIS2004";
	background: none;
	border: solid 2px #777;
	text-align: center;
}
#privacy span{
	margin-right: 30px;
}
#privacy::after{
	width: 100%;
	height: 100%;
	position: absolute;
	content: "";
	top: 5px;
	left: 5px;
	background: #FAFFFB;
	z-index: -1;
}


/**************************************************

	園が目指す子ども像

**************************************************/
#aim_box{
	background: url(../../img/aim_bg_01.png) 100% 25% no-repeat;
}
#aim_box_txt{
	background: rgba(255,255,255,0.7);
}
#aim_box_txt > h5{
	margin-top: 30px;
}
#aim_photo_box{
	height: 400px;
	margin-top: 40px;
	position: relative;
}
#aim_photo_01{
	position: absolute;
	bottom: 20px;
	left: 8%;
	transform: rotate(-12deg);
	z-index: 2;
	filter: drop-shadow(2px 2px 1px rgb(204,204,204,0.7));
}
#aim_photo_02{
	position: absolute;
	bottom: 0;
	right: 7%;
	transform: rotate(8deg);
	z-index: 1;
	filter: drop-shadow(2px 2px 1px rgb(204,204,204,0.7));
}


/**************************************************

	保育の流れ

**************************************************/
#day_box{}
#day_1day{
	display: flex;
	justify-content: space-between;
}
#contents #day_box #day_1day h4{
	width: 100%;
	padding: 10px 10px 10px;
	display: block;
	font-size: 1.3em;
	color: #333;
	background: #FFF;
	border-radius: 5px;
	text-align: center;
}
#day_1-2 h4{
	border: solid 2px #EF8AA3;
}
#day_3 h4{
	border: solid 2px #F8BA03;
}

#day_1-2, #day_3{
	width: 48%;
}
#day_1-2 ul, #day_3 ul{
	margin-top: 30px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
#day_1-2 ul li:last-child, #day_3 ul li:last-child{
	width: 370px;
	margin-top: 8px;
}
#day_1-2 ul li:last-child p, #day_3 ul li:last-child p{
	margin-bottom: 20px;
}
#day_1-2 ul li:last-child p:last-child, #day_3 ul li:last-child p:last-child{
	margin-bottom: 0;
}
#day_1-2_inner, #day_3_inner{
	background: url(../../img/day_time_line.png) 42px 0 repeat-y;
}
#day_1day .time{
	width: 86px;
	padding: 12px 8px 10px;
	display: inline-block;
	font-size: 0.95em;
	line-height: 1.2;
	background: #DDD;
	text-align: center;
	border-radius: 5px;
}

#day_1-2_inner ul:nth-child(4){
	margin-bottom: 50px;
}
#day_3_inner ul:first-child{
	margin-bottom: 40px;
}
#day_3_inner ul:nth-child(2){
	margin-bottom: 130px;
}
#day_3_inner ul:nth-child(3){
	margin-bottom: 131px;
}
#day_3_inner ul:nth-child(4){
	margin-bottom: 50px;
}
#day_3_inner ul:nth-child(5){
	margin-bottom: 246px;
}
#day_txt_box{
	margin-top: 60px;
	padding: 34px 60px;
	position: relative;
	background: none;
	border: solid 2px #777;
}
#day_txt_box::after{
	width: 100%;
	height: 100%;
	position: absolute;
	content: "";
	top: 5px;
	left: 5px;
	background: #F5FFFA;
	z-index: -1;
}


/**************************************************

	入園のご案内

**************************************************/
#enter_box{}
#enter_list_01{
	margin: 20px auto 60px;
	padding: 24px 30px;
	border: solid 2px #EDEDED;
	border-radius: 5px;
}
#enter_btn{
	margin-top: 20px;
	display: inline-block;
}
#enter_btn a{
	width: 100%;
	height: 100%;
	padding: 16px 40px 14px;
	display: block;
	color: #333;
	border: solid 2px #F8BA03;
	border-radius: 8px;
}
#enter_btn a:hover{
	background: #FDEDC3;
}


/**************************************************

	お兄ちゃんお姉ちゃん先生

**************************************************/
#graduate_box{}
#graduate_caution, #graduate_promise{
	margin-top: 60px;
}
#graduate_promise span{
	font-size: 0.8em;
}
#graduate_promise_box{
	margin: 20px auto 30px;
	padding: 32px 28px 28px 24px;
	border: solid 2px #EDEDED;
	border-radius: 8px;
}
#graduate_promise_box .list_leaf li{
	margin-bottom: 12px;
}
#graduate_promise_box .list_leaf li:last-child{
	margin-bottom: 0;
}
#graduate_dl_btn span{
	font-size: 0.9em;
}
#graduate_dl_btn a{
	width: 100%;
	height: 100%;
	padding: 16px 0 14px;
	display: block;
	color: #333;
	border: solid 2px #EF8AA3;
	border-radius: 5px;
	text-align: center;
}
#graduate_dl_btn a:hover{
	background: #FBE8ED;
}


/**************************************************

	法人の歴史・概要

**************************************************/
#history_box{}
#history_box ul{
	display: flex;
	justify-content: space-between;
}
#history_box ul li::before{
	margin-right: 5px;
  content: "●";
	color: #F8B801;
}


/**************************************************

	理念

**************************************************/
#idea_box{}
#contents #idea_box h4{
	margin-bottom: 32px;
	padding-bottom: 15px;
	font-size: 1.5em;
	color: #333;
	border-bottom: solid 1px #BCCE44;
}
#idea_principal{
	margin-bottom: 100px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#idea_principal_txt{
	width: 600px;
}
#idea_principal_date{
	margin-top: 40px;
	padding-top: 30px;
	border-top: dotted 2px #DDD;
}
#idea_principal p > img{
	border-radius: 50%;
}
.idea_boxL, .idea_boxR{
	margin-bottom: 80px;
}
.idea_boxL > div, .idea_boxR > div{
	display: flex;
	justify-content: space-between;
}
.idea_boxR h4{
	text-align: right;
}
.idea_boxL .idea_box_txt, .idea_boxR .idea_box_txt,
.idea_boxL_02 > div, .idea_boxR_02 > div{
	width: 560px;
}
.idea_boxL dl, .idea_boxR dl{
	margin-top: 20px;
	padding: 20px 24px 18px;
	font-size: 0.9em;
	border: solid 1px #DDD;
	border-radius: 2px;
}
.idea_boxL dd, .idea_boxR dd{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: dashed 1px #DDD;
}
.idea_boxL dd:last-child, .idea_boxR dd:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
.idea_boxR .idea_box_txt, .idea_boxR_02 > div{
	order: 2;
}
.idea_boxR > div .idea_boxR_photo, .idea_boxR_02 .idea_boxR_photo{
	order: 1;
}
.idea_boxL_02, .idea_boxR_02{
	margin-bottom: 80px;
	display: flex;
	justify-content: space-between;
}

main #contents #idea_box h4 span{
	margin-left: 20px;
	display: inline-block;
	font-size: 0.85em;
	color: #A5CC44;
}
#idea_cherishes{
	margin: 100px auto 40px;
	padding-top: 120px;
	position: relative;
}
#idea_cherishes::before{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	content: "●　●　●　●　●";
	color: #FCD363;
}
#contents section #idea_cherishes h4{
	position: relative;
	background: none;
	border-bottom: none;
	text-align: center;
}
#contents section #idea_cherishes h4 span{
	margin-left: 0;
	font-size: 0.8em;
	color: #333;
}
#idea_cherishes h4::before, #idea_cherishes h4::after{
	width: 20px;
  height: 30px;
	position: absolute;
	display: inline-block;
	content: "";
}
#idea_cherishes h4::before{
  top: 0;
  left: 0;
	border-left: double 3px #6BC2E4;
	border-top: double 3px #6BC2E4;
}
#idea_cherishes h4::after{
  bottom: 0;
  right: 0;
	border-right: double 3px #6BC2E4;
	border-bottom: double 3px #6BC2E4;
}


/**************************************************

	保育の根っこ

**************************************************/
#nekko_box{}
#nekko_btn{
	margin-top: 30px;
	font-family: "UDDigiKyokasho R JIS2004";
	font-size: 1.3em;
	font-weight: 600;
	line-height: 1.3;
	text-align: center;
}
#nekko_btn a{
	padding: 20px 0 18px;
	display: block;
	color: #333;
	border: solid 2px #EF8AA3;
	border-radius: 5px;
}
#nekko_btn a:hover{
	background: #FBE9EE;
}
#nekko_btn br{
	display: none;
}


/**************************************************

	情報公開

**************************************************/
#open_box{}
#open_box .list_leaf li{
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: dotted 2px #EDEDED;
}


/**************************************************

	特色と取り組み

**************************************************/
#our-approach_box{}

#our-approach_momo{
	margin: 20px auto 40px;
	display: flex;
	justify-content: space-between;
}
#our-approach_momo_box{
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
}
#our-approach_momo_box > div{
	margin-right: 30px;
}
main #our-approach_box #our-approach_momo_box h4{
	margin-top: 30px;
	font-size: 1.2em;
}

#wear_contents_box{
	margin-top: 90px;
}
#wearbutton_box{
	margin: 20px auto 40px;
	display: flex;
	justify-content: space-between;
}
#wearbutton-group{
	min-height: 360px;
	display: flex;
	flex-shrink: 0;
	flex-direction: column;
	justify-content: space-between;
}
#wearbutton-group button{
	width: 150px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
}
#wearbutton-group .btn_01{
	background: #F8BA03;
}
#wearbutton-group .btn_02{
	background: #BCCE44;
}
#wearbutton-group .btn_03{
	background: #6BC2E4;
}
#wearbutton-group .btn_04{
	background: #CCC;
}
#wearbutton-group .btn_05{
	background: #EF8AA3;
}
#wearbutton-group button:hover{
  filter: brightness(1.1);
}
#wear_list{
	width: calc(100% - 200px);
}
#wear_list ul{
	height: 100%;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	gap: 60px;
}
#wear_list .wear-contents-block{
	height: 360px;
  display: none;
	position: relative;
}
#wear_list .wear-contents-block.active{
  display: block;
}
#wear_list .wear-contents-block h4{
	padding: 6px 30px 7px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	font-size: 1.2em;
	color: #333;
	border-radius: 30px;
}
#wear_list #wear1 h4{
	background: #F8BA03;
}
#wear_list #wear2 h4{
	background: #BCCE44;
}
#wear_list #wear3 h4{
	background: #6BC2E4;
}
#wear_list #wear4 h4{
	background: #CCC;
}
#wear_list #wear5.wear-contents-block h4{
	width: 110px;
	height: 110px;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	top: -10px;
	left: auto;
	right: 12%;
	transform: none;
	background: #EF8AA3;
	border-radius: 50%;
	text-align: center;
}
#wear_list .wear-contents-block > p{
	padding-right: 50px;
	text-align: center;
}

#schoollunch_box{
	margin-top: 80px;
}
#schoollunch_photo_01{
	margin: 30px auto;
}


/**************************************************

	アルバイト・実習・リクルート

**************************************************/
#recruit_box{}
#recruit_guidelines{
	display: flex;
	justify-content: space-between;
}
#recruit_guidelines_box h4{
	margin-top: 60px;
}
#recruit_guidelines_box h4:first-child{
	margin-top: 0;
}
#recruit_box .list_leaf{
	margin-bottom: 15px;
	font-size: 1.05em;
}
#recruit_box .list_leaf span{
	font-size: 0.9em;
}
#recruit_guidelines_box_tel{
	margin-top: 3px;
}
#recruit_box a[href^="tel:"]::before{
	margin-right: 8px;
	content: "\f095";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

#recruit_tour_btn{
	display: flex;
	justify-content: space-between;
}
#recruit_tour_btn li{
	width: 47%;
	text-align: center;
}
#recruit_tour_btn li a{
	width: 100%;
	height: 100%;
	padding: 16px 0 14px;
	display: block;
	color: #333;
	border-radius: 5px;
}
#recruit_tour_btn li:first-child a{
	border: solid 2px #EF8AA3;
}
#recruit_tour_btn li:last-child a{
	border: solid 2px #F8BA03;
}
#recruit_tour_btn li:first-child a:hover{
	background: #FBE8ED;
}
#recruit_tour_btn li:last-child a:hover{
	background: #FDEDC3;
}
#recruit_tour_tel{
	margin-top: 20px;
	padding: 24px 30px 16px;
	border: solid 2px #6BC2E4;
	border-radius: 5px;
	text-align: center;
}
#contents #recruit_box #recruit_tour_tel h4{
	margin: 0 0 15px;
	padding-bottom: 15px;
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro',Meiryo,Osaka, sans-serif;
	font-size: 1.1em;
	color: #333;
	border-bottom: dotted 4px #EDEDED;
}
#recruit_tour_tel a[href^="tel:"]{
	font-size: 1.6em;
}
#recruit_tour_line{
	margin-top: 60px;
}
#contents #recruit_box #recruit_tour_line h4{
	margin-bottom: 32px;
	padding-bottom: 15px;
	font-size: 1.5em;
	color: #333;
	border-bottom: solid 1px #BCCE44;
}
#contents #recruit_box #recruit_tour_line h4 > span{
	margin-right: 15px;
	font-size: 1em;
}
#recruit_tour_line_btn{
	margin-top: 30px;
}
#recruit_tour_line_btn a{
	padding: 10px 25px 10px 30px;
	color: #FFF;
	background: #444;
	border: solid 2px #444;
	text-align: center;
}
#recruit_tour_line_btn a:hover{
	color: #BCCE44;
	background: #FFF;
	border: solid 2px #BCCE44;
}
#recruit_tour_line_btn a::after{
	margin-left: 10px;
	content: "\f061";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}


/**************************************************

	子育て支援

**************************************************/
#support_box{}
#support_news{}
#support_news li{
	margin-bottom: 15px;
	padding: 0 0 10px 8px;
	border-bottom: dotted 2px #DDD;
}
#support_calendar_box > iframe{
	width: 100%;
	height: 600px;
	border: none;
}
#support_poster_box p:last-child{
	margin-top: 20px;
}


/**************************************************

	年間行事

**************************************************/
#year_box{}
main #contents #year_box h4{
	color: #333;
}
#year_event{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#year_event::after{
	width: 23%;
  content: "";
}
#year_event > div{
	width: 23%;
	padding: 24px 20px;
	border: solid 1px #EDEDED;
	border-radius: 10px;
}
#year_event > div:nth-child(n+5){
	margin-top: 20px;
}
main #contents #year_box #year_event h4{
	padding-bottom: 12px;
	font-size: 1.3em;
	text-align: center;
}
#year_event div ul{
	font-size: 0.96em;
}
#year_event div ul li{
	padding-left: 15px;
	position: relative;
}
#year_event div ul li::before{
	position: absolute;
	top: 3px;
	left: 0;
  content: "\f111";
	font-size: 0.6em;
	font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
#year_event div.spring ul li::before{
	color: #99CC00;
}
#year_event div.summer ul li::before{
	color: #46B3DE;
}
#year_event div.autumn ul li::before{
	color: #F8BA03;
}
#year_event div.winter ul li::before{
	color: #E95D81;
}
#year_event .spring h4{
	border-bottom: dotted 4px #99CC00;
}
#year_event .summer h4{
	border-bottom: dotted 4px #46B3DE;
}
#year_event .autumn h4{
	border-bottom: dotted 4px #F8BA03;
}
#year_event .winter h4{
	border-bottom: dotted 4px #E95D81;
}

#year_other{
	margin-top: 20px;
	padding: 24px 20px;
	border: solid 1px #EDEDED;
	border-radius: 10px;
}
main #contents #year_box #year_other h4{
	margin-bottom: 20px;
	padding: 0 0 8px 10px;
	font-size: 1.2em;
	border-bottom: dotted 4px #CC99CC;
}
#year_other ul li{
	padding-left: 15px;
	position: relative;
}
#year_other ul li::before{
	position: absolute;
	top: 3px;
	left: 0;
  content: "\f111";
	font-size: 0.6em;
	font-family: "Font Awesome 5 Free";
  font-weight: 900;
	color: #CC99CC;
}

main #contents #year_box #year_seasons h3{
	height: auto;
	margin: 80px 0 40px;
	padding-left: 10px;
	display: block;
	font-size: 2.4em;
	letter-spacing: 6px;
	background: linear-gradient(transparent 60%, #EFEFEF 50%);
	border-bottom: none;
}
#year_seasons h3 .t_spring{
	color: #99CC00;
}
#year_seasons h3 .t_summer{
	color: #46B3DE;
}
#year_seasons h3 .t_autumn{
	color: #F8BA03;
}
#year_seasons h3 .t_winter{
	color: #E95D81;
}
#year_seasons_box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
main #contents #year_box #year_seasons_box h4{
	margin-bottom: 0;
	padding-bottom: 0;
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro',Meiryo,Osaka, sans-serif;
	font-size: 1.1em;
	border-bottom: none;
}
#year_seasons_box .seasons_spring, #year_seasons_box .seasons_summer, #year_seasons_box .seasons_autumn, #year_seasons_box .seasons_winter, #year_seasons_box .seasons_other{
	margin-bottom: 40px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
#year_seasons_box h4{
	margin-top: 15px;
	padding: 0 10px;
	order: 2;
}
#year_seasons_box .seasons_spring > p,
#year_seasons_box .seasons_summer > p,
#year_seasons_box .seasons_autumn > p,
#year_seasons_box .seasons_winter > p,
#year_seasons_box .seasons_other > p{
	order: 1;
}
#year_seasons_box .seasons_spring > p img,
#year_seasons_box .seasons_summer > p img,
#year_seasons_box .seasons_autumn > p img,
#year_seasons_box .seasons_winter > p img,
#year_seasons_box .seasons_other > p img{
	border-radius: 50%;
}

#year_seasons_box .seasons_spring h4{
	background: linear-gradient(transparent 60%, #D8E292 60%);
}
#year_seasons_box .seasons_summer h4{
	background: linear-gradient(transparent 60%, #BEE5F3 60%);
}
#year_seasons_box .seasons_autumn h4{
	background: linear-gradient(transparent 60%, #FCD363 60%);
}
#year_seasons_box .seasons_winter h4{
	background: linear-gradient(transparent 60%, #FADFE6 60%);
}
#year_seasons_box .seasons_other h4{
	background: linear-gradient(transparent 60%, #EDDDED 60%);
}

#year_seasons_box > div:nth-child(2){
	transition-delay: .2s;
}
#year_seasons_box > div:nth-child(3){
	transition-delay: .4s;
}
#year_seasons_box > div:nth-child(4){
	transition-delay: .6s;
}
#year_seasons_box > div:nth-child(5){
	transition-delay: .8s;
}
#year_seasons_box > div:nth-child(6){
	transition-delay: 1s;
}
#year_seasons_box > div:nth-child(7){
	transition-delay: 1.1s;
}
#year_seasons_box > div:nth-child(8){
	transition-delay: 1.2s;
}
#year_seasons_box > div:nth-child(9){
	transition-delay: 1.3s;
}
#year_seasons_box > div:nth-child(10){
	transition-delay: 1.4s;
}
#year_seasons_box > div:nth-child(11){
	transition-delay: 1.5s;
}
#year_seasons_box > div:nth-child(12){
	transition-delay: 1.6s;
}


/**************************************************

	園長つうしん

**************************************************/
article#contents #content_cat{
	width: 1000px;
	margin: 0 auto;
}
article#contents #content_cat h2{
	height: 48px;
	margin: 50px 0 30px;
	padding-left: 22px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 1.4em;
	background: #6BC2E4;
}
#content_cat .post{
	position: relative;
}
#content_cat .thumb{
	display: none;
}
#content_cat .more{
	margin-top: 20px;
	display: inline-block;
	font-size: 0.9em;
	border: solid 1px #666;
	border-radius: 3px;
}
#content_cat .more a{
	width: 100%;
	height: 100%;
	padding: 5px 12px;
	display: block;
	color: #333;
}
#content_cat .more:hover{
	background: #F3F6DE;
	border: solid 1px #BCCE44;
}
#content_cat .postinfo{
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 0.9em;
	color: #666;
}
#content_cat .wp-pagenavi{
	margin: 30px auto;
	text-align: center;
}

article#contents .contents_box div.post_s{
	position: relative;
}
article#contents .contents_box div.post_s h2{
	margin-bottom: 40px;
	font-size: 1.6em;
	background: none;
	border-top: solid 1px #6BC2E4;
	border-bottom: solid 1px #6BC2E4;
}
.contents_box p.postcat{
	margin-bottom: 10px;
	font-size: 0.9em;
	color: #555;
}
.contents_box div.post_s .postcat{
	display: none;
}
.contents_box div.post_s .postinfo{
	margin-top: 40px;
	padding-top: 15px;
	font-size: 0.9em;
	border-top: dotted 1px #CCC;
	text-align: right;
}