@charset "utf-8";




/* =============================================================  Reset and Utility.css  */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-style:normal;font-size: 100%;vertical-align: baseline;box-sizing: border-box;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
html{overflow-y: scroll;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
input, textarea{margin: 0;padding: 0;outline: none;}
ol, ul{list-style:none;}
caption, th{text-align: left;}
img {vertical-align: middle; max-width:100%;}
*:focus {outline: none !important;}
table.table {border-collapse: separate;border-spacing: 0;}

.clearfix {min-height: 1px;}
.clearfix:after {content: "."; display: block;clear: both;height: 0;visibility: hidden;}
* html .clearfix {
    height: 1px;
    height: auto;
    overflow: hidden;
}
.both{clear:both;}

::selection {
    background:#ededed; /* Safari */
}

::-moz-selection {
    background:#ededed; /* Firefox */
}

/* =============================================================  HTML,Body,Anchor*/


html {
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
	font-family: 'Noto Sans JP', sans-serif;
	font-feature-settings: "palt";
	margin:0px auto 0px auto;
	letter-spacing: 1.2px;
}


@media screen and (min-width : 979px){
html{ font-size : 100%;}
}


.pcOnly {
	display: block;
}


.spOnly {
	display: none;
}






html {
overflow-x: hidden;
overflow-y: scroll;
}



body{
	width: 100%;
	margin:0px auto 0px auto;
	font-size: 95%;
	overflow:hidden;
	font-color: #4D4D4D;
}




/****************************************************************************************
/* リンク設定
****************************************************************************************/

figure a{color:#666666;text-decoration:none;}
figure a:hover{color:#4fa417;}
figure a:active, a:focus {outline:0;}


a{
text-decoration:none;
}
a:hover{
text-decoration:none;

}
a:active, a:focus {
outline:0;
text-decoration:none;
}

a { text-decoration: none; }




/****************************************************************************************
/* イメージ設定
****************************************************************************************/

.img_radius {
	border-radius: 8px;
}



/****************************************************************************************
/* ヘッダー設定
****************************************************************************************/


.header {
	position: absolute;
	top: 30px;
	right:0px;
	left:0px;
	width: 95%;
	height: 90px;
	z-index: 999999;
	margin: 0px auto 0px auto;
	text-align: center;
	background-color: #ffffff;

}




.menu_logo  {
	margin: 10px 0px 0 15px;
	position: relative;
	z-index: 999999;
	text-align: left;
	width : 85%;
	height: auto;
}


.menu_logo img {
	width : 100%;
	height: auto;

}



.header_logo  {
	margin: 0px auto 0 auto;
	position: absolute;
	top: 20px;
	left: 220px;
	z-index: 100;
	text-align: left;
}


.header_logo img {
	width : 300px;
	height: auto;
	filter:drop-shadow(1px 3px 3px rgba(255, 255, 255, 0.4));
	border:none;
}




.header_logo2  {
	margin: 0px auto 0px auto;
	position: fixed;
	top: 25px;
	left: 150px;
	z-index: 100;
	text-align: left;
}


.header_logo2 img {
	width : 300px;
	height: auto;
	filter:drop-shadow(1px 3px 3px rgba(255, 255, 255, 0.4));

}





.main_menu {
	position: fixed;
	top: 5px;
	right: 80px;
	z-index: 10;

}




/****************************************************************************************
/* ヘッダーメニュー設定
****************************************************************************************/

.menu_area {
	position: absolute;
	top: 0px;
	right: 50px;
	z-index: 10;

}





.link_section {
	position: relative;
	opacity: 0;
	animation-name: anime4;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-delay: 1.0s;
	animation-fill-mode: forwards;
	z-index: 10;

}


@keyframes anime4 {
  0% {
    transform: translateY(-64px);
  }

  100% {
    transform: translateY(0);
  opacity: 1;

  }
}




.link_section2 {

	opacity: 0;
	animation-name: anime4;
	animation-duration: 2s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-delay: 1.0s;
	animation-fill-mode: forwards;
	margin-top: 0px;
	margin-right: 0px;
}


@keyframes anime4 {
  0% {
    transform: translateY(-64px);
  }

  100% {
    transform: translateY(0);
  opacity: 1;

  }
}


/******************************************************************************
/* 囲みメニュー
*******************************************************************************/

.kakomi_maru1 {
	display: inline-block;
	font-size: 90%;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	width: 150px;
	height: 90px;
	color: #ffffff; /*文字色*/
	background-color: #164270; /*背景色*/
	border-radius: 0px 10px 10px 0px;
	font-weight: 700;

	position: absolute;
	top: 45px;
	right: -75px;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}


.kakomi_maru1 .menu_box2:hover {
  -webkit-animation: zoom2 .3s;
  animation: zoom2 .3s;
}
@-webkit-keyframes zoom2 {
  50% {
    -webkit-transform: scale(1.2);
  }
}
@keyframes zoom2 {
  50% {
    transform: scale(1.2);
  }
}




.menu_box2 {
	display: block;
	width: 100%;
	height: 90px;
	margin-top: 20px;
}

.menu_box2 a {
	display: block;
	width: 100%;
	height: 90px;

}





.icon {
	margin-top: 20px;
	width: 40px;
	height: auto;
	margin-bottom: 5px;
}



.menu_area {
	display:flex;
	margin-right:100px;
	font-weight: 700;
	font-size: 80%;
}

.menu_area li {
	display: block;
	width: 100px;
	height: 90px;
	border-left:1px dashed #555555;

}

.menu_box {
	display: block;
	width: 100px;
	height: 90px;
}

.menu_box a {
	display: block;
	width: 100px;
	height: 90px;
	color: #000000;

}

.menu_box:hover {
  -webkit-animation: zoom .3s;
  animation: zoom .3s;
}
@-webkit-keyframes zoom {
  50% {
    -webkit-transform: scale(1.2);
  }
}
@keyframes zoom {
  50% {
    transform: scale(1.2);
  }
}





/****************************************************************************************
/* ヘッダーメニューエリア
****************************************************************************************/

@media screen and (min-width: 601px) {

.header_menu_area {
	position:fixed;
	top: 0px;
	left: 0;
	width: 220px;
	height: 100vh;
	z-index: 1000;

}



.menu_image {
	margin-left: 50px;
	margin-bottom: 20px;
	width: 300px;
	height: auto;
}


}



.mail_area {
	position:fixed;
	bottom: 100px;
	left: 0;
	width: 130px;
	height: 100px;
	background-color: #ce8262;
	z-index: 100;
    	display: table;
	text-align: center;
	opacity: 1.0;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.mail_area:hover{
	opacity: 1.0;
	background-color: #bb5e37;

}



.mail_area p{
    	display: table-cell;
    	vertical-align: middle;	/*上下の中央揃え指定*/
	font-weight: 700;
	color :#ffffff;
	font-size: 85%;
}

.mail_area img {
	margin: 0 auto 5px auto;
	display: block;
    	width: 25px;
	height: auto;

}

.saiseikai_area {
	position:fixed;
	bottom: 0;
	left: 0;
	width: 130px;
	height: 100px;
	background-color: #76A28B;
	z-index: 100;
    	display: table;
	text-align: center;
	opacity: 1.0;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;

}

.saiseikai_area:hover{
	opacity: 1.0;
	background-color: #5c8c73;


}


.saiseikai_area p{
    	display: table-cell;
    	vertical-align: middle;	/*上下の中央揃え指定*/
	font-weight: 700;
	color :#ffffff;
	font-size: 85%;
}

.syafuku {
	display: block;
	color :#ffffff;
	font-size: 80%;
}



/****************************************************************************************
/* メインイメージエリア
****************************************************************************************/


#viewer {
	position: relative;
	margin: 0 auto 0 auto;
	width: 100%;
	height: 100vh; /* 全画面表示 */
	z-index: -1;
	overflow:hidden;
}


.one_image {
animation-name:one_image;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity: 0;
}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* アニメーションスタートの遅延時間を決めるCSS*/

.one_image01 {
animation-delay: 0.2s;
}

.one_image02{ 
animation-delay: 0.4s;
}


#viewer > img {
	width: 100%;
	height: 100vh;
	position: absolute;
	z-index:-2;
	object-fit: cover;
	object-position: 50% 0%;
	overflow:hidden;

}


/******************************************************************************
/* 本文
*******************************************************************************/


.contents {
	position: relative;
	display: block;
	width: 100%;
	margin: 0px auto 0px auto;
	padding-top :20px;
	padding-bottom :0px;
	text-align: center;

}


.contents_in {

	margin: 0 auto 0 auto;
	padding-top: 50px;
	padding-bottom: 0px;
	width: 85%;
	font-size: 90%;
	text-align: left;
}
}


.news_contents_in {
	width: 90%;
	margin: 0px auto 100px auto;
	text-align: left;
	line-height: 2.0;
}


/****************************************************************************************
/* メインコピー設定
****************************************************************************************/



.main_copy_area{
	width: 100%;
	position: absolute;
	top: 35%;
	left: 0px;
	display: flex;
	flexwrap: wrap;
}

.main_copy_area .flex01{
    width: 220px;
}


.main_copy_area .flex02{
	width: 100%;
	margin-left: 3%;
}



ul.main_copy_list {
	width: 100%;


}


ul.main_copy_list li {
	display: block;
	text-align: center;
}



.main_copy {
	width: 70%;
	height: auto;

}


.main_copy2 {
	width: 70%;
	height: auto;

}




/* アニメーションスタートの遅延時間を決めるCSS*/




#cut_in_copys {
	opacity: 0;
	animation-name: cut_in_copys;
	animation-duration: 1.0s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-delay: 0.5s;
	animation-fill-mode: forwards;

}
 @keyframes cut_in_copys {
 0% {
 opacity: 0;
	transform: translateY(50px);

}

 100% {
 opacity: 1;
	transform: translateY(0);
}
} 


#cut_in_copys2 {
	opacity: 0;
	animation-name: cut_in_copys2;
	animation-duration: 1.0s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-delay: 0.8s;
	animation-fill-mode: forwards;
	margin-bottom:-2%;
}
 @keyframes cut_in_copys2 {
 0% {
 opacity: 0;
	transform: translateY(100px);

}

 100% {
 opacity: 1;
	transform: translateY(0);
}
} 


#cut_in_copys3 {
	opacity: 0;
	animation-name: cut_in_copys3;
	animation-duration: 1.0s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-delay: 1.1s;
	animation-fill-mode: forwards;

}
 @keyframes cut_in_copys3 {
 0% {
 opacity: 0;
	transform: translateY(100px);

}

 100% {
 opacity: 1;
	transform: translateY(0);
}
} 


#cut_in_copys4 {
	opacity: 0;
	animation-name: cut_in_copys4;
	animation-duration: 1.0s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-delay: 1.4s;
	animation-fill-mode: forwards;

}
 @keyframes cut_in_copys4 {
 0% {
 opacity: 0;
	transform: translateY(100px);

}

 100% {
 opacity: 1;
	transform: translateY(0);
}
} 





/******************************************************************************
/* サブページトップ設定
******************************************************************************/




.middle_menu2_image{
	position: relative;
	width:100%;
	height:350px;
	margin-bottom:0px;
	z-index: 0;
}



.middle_menu2_image01 {
	width:100%;
	height:350px;
	over-fit: cover;
	object-position: 50% 60%;
}



/****************************************************************************************
/* ページタイトル設定
****************************************************************************************/




.obi2 {
	position: absolute;
	bottom: 0%;
	left: 130px;
	margin: 0 auto 0 auto;
	width: 0px;
	height: 50px; 
	z-index: 100;
	background-color: #ffffff;
	animation-name: anime2_1;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-delay: 1s;
	animation-fill-mode: forwards;
	opacity: 1;
	text-align: center;
}

@keyframes anime2_1 {
  0% {
	width: 300px;
	height: 0px;
  }

  100% {
	width: 300px;
	height: 50px;
	background-color: #ffffff;
  }
}


.obi2_in {
	position: absolute;
	bottom: 0%;
	left: 0%;
	margin: 0 auto 0 auto;
	width: 0px;
	height: 35px; 
	z-index: 10;
	background-color: #ffffff;
	animation-name: anime2_2;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-delay: 1.5s;
	animation-fill-mode: forwards;
	opacity: 0;
	text-align: center;
}

.obi2_in img {
	width: auto;
	height: 30px;
}

@keyframes anime2_2 {
  0% {
    width: 300px;
    height: 0px;
  }

  100% {
    width: 300px;
    height: 35px;
	opacity: 1;

  }
}



.service_title01_area_in_image {
	position: absolute;
	z-index: -10;
	top: 0px;
	left: 0%;
	margin: 0px auto 0;
	text-align: center;
	opacity: 0;
	object-fit: cover;
	background-color: #ffffff;
	animation-name: anime3;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-delay: 0s;
	animation-fill-mode: forwards;
	opacity: 0;

}


@keyframes anime3 {
  0% {
	opacity: 0;

  }

  100% {

	opacity: 1;

  }
}




/******************************************************************************
/* 本文設定
*******************************************************************************/

.contents_wrapper{
    display: flex;
}

.contents_wrapper .flex01{
    width: 220px;
}


.contents_wrapper .flex02{
	position: relative;
	width: calc(100% - 220px);
}



/******************************************************************************
/* 本文設定
*******************************************************************************/

.contents_wrapper2{
    display: flex;
	margin-top: 20px;
	margin-bottom: 20px;
}

.contents_wrapper2 .flex01{
    width: 220px;
}


.contents_wrapper2 .flex02{
	position: relative;
	width: calc(100% - 220px);
	overflow: hidden;
}

.contents_wrapper2 .flex02 img{
	width: 100%;
	height: auto;
	object-fit: contain;
}


/******************************************************************************
/* ニュースエリア設定
*******************************************************************************/



.news_area {
	width: 90%;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin: 100px auto 100px auto;
}

.news_area_left {
	position: relative;
	width: 330px;
	margin: 0 50px 80px 0px;
	z-index: 10;
}


.news_area_left img {
	position: absolute;
	top: 0;
	right: 0;
	width: 100px;
	margin: 0 auto 0 auto;
	z-index: 1;
}



.news_area_right {
	width: 100%;
	margin: 0 auto 0 auto;
}



.midashi_title {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0px auto 0px auto;
	margin-bottom:50px;

	font-size: 120%;
	font-weight: 700;
	text-align: left;
	z-index: 10;

}

 
.midashi_title p {
	display: inline-block;
	margin-top:1px;
	font-weight: 700;

}


.news_title {
	font-size: 100%;
	font-weight: 700;
	margin-bottom: 35px;
}

.news_blue {
	font-size: 130%;
	color:#ED828B;
	font-weight: 700;
}


ul.news4 {

	display: flex;
}

ul.news4 li{
	margin-top: 40px;
	margin-bottom: 10px;
	display: inline-block;
	vertical-align: top;
	position: relative;

}


ul.news4 li:nth-child(1){
	font-size: 100%;
	font-weight: 700;
	margin-right: 10px;
	margin-left: 0px;
	color: #ED828B;
	white-space: nowrap;
}

ul.news4 li:nth-child(2){
	width: 80px;
	vertical-align: top;
	position: relative;
	white-space: nowrap;
}

ul.news4 li:nth-child(3){

	font-weight: 700;
}



.detail {
	font-size: 80%;
	margin-top: 80px;
	width : 100%;
	text-align: right;
}


.detail_box {
	position: relative;
	display:inline-block;
	background-color: #ED828B;
	border-radius: 20px;
	color:#ffffff;
	padding:9px 50px 10px 10px;
	text-align:center;
}
.detail_box::after{
	position: absolute;
	content: "";
	top: calc(50% - 4px);
	right: 30px;
	width: 6px;
	height: 6px;
	border: 2px solid;
	border-color: transparent transparent #ffffff #ffffff;
	transform: rotate(-135deg);
	transition: .3s;
}
.detail_box:hover::after{
	right: 20px;
}


.detail_box p {
	font-weight: 700;
	margin-top: 0px;
	margin-left: 30px;
	margin-right: 0px;
}

.detail_box p img {
	width: auto;
	height: 20px;
	margin-right: 10px;
}

/********************************************************************************************************
/* 記事一覧
*********************************************************************************************************/


.kakomi_maru2 {
	display: inline-block;
	font-size: 80%;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	color: #ffffff; /*文字色*/
	background-color: #ED828B; /*背景色*/
	border-radius: 5px; /*角の丸み*/ 
	font-weight: 700;
	}


.kakomi_maru3 {
	width: 50px;
	display: block;
	margin-top: 15px;
	padding: 3px;
	background-color: #ED828B; /*背景色*/
	border-radius: 5px; /*角の丸み*/ 
	}




/****************************************************************************************
/* 文字リンク
****************************************************************************************/


.textlink {
	position: relative;
	display: block;
	box-sizing:border-box;
	border-collapse:collapse;
	border-bottom: 1px solid #cccccc;

}



.textlink span {
	vertical-align: middle;

}


.textlink a {
	display: block;
	width:100%;
	position: relative;
	bottom: 0;
	right: 0;
	color: #333;
	width:100%;
	padding-top: 0px;
	padding-bottom: 30px;
	transition: 1.5s;
	-webkit-transition: 1.5s;
	-moz-transition: 1.5s;
	-o-transition: 1.5s;
}


.textlink:after {
  content: "";
  display: block;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 120px;
  border-bottom: 1px solid #ED828B;
}




.textlink a:hover {
	color: #ED828B;

}


.textlink02 a::after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0px;
	width: 0;
	height: 2px;
	border-collapse:collapse;
	background-color: #ED828B;
	transition: 1.0s;
}

.textlink02 a:hover::after {
	width: 100%;
}





.link_icon {
	position: absolute;
	top: 50%;
	right: 0%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	width: 35px;
	height: 35px;

}



.link_icon2 {
	position: absolute;
	top: 40%;
	right: 0%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	width: 35px;
	height: 35px;
}



/******************************************************************************
/* お知らせ
*******************************************************************************/





.information_title {
	position: relative;
	display: inline-block;
	padding: 0 85px;
	margin-bottom: 80px;
}


.information_title:before,
.information_title:after {
	content: "";
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 50px;
	height: 1px;
	padding: 2.5px;
	background-color: #ED828B; /*背景色*/
	border-radius: 5px; /*角の丸み*/ 
}
 
.information_title:before {
   left: 0;
}
 
.information_title:after {
   right: 0;
}

.information_title_in {
	display: block;
	font-size: 100%;

}

.information_comment {
	display: block;
	font-size: 100%;
	font-weight: 700;
	color: #ED828B;
	margin-bottom: 50px;
}


p.information_title_a {
	display: block;
	font-size: 120%;
	font-weight: 700;
}

p.information_title_b {
	display: block;
	font-size: 170%;
	color:#ED828B;
	font-weight: 700;
}


/******************************************************************************
/* お知らせ
*******************************************************************************/


.information_left {
	position: absolute;
	top: 50px;
}

.information_left img {
	width: 130px;
	height: auto;
	object-position: top;
	object-fit: cover;
	margin: 0 auto 0 auto;
	z-index: 1;
}




.information_copy {
	position: relative;
	width: 99.6%;
	display: block;
	font-size: 120%;
	font-weight: 700;
	color: #ffffff;
	margin: 30px auto 50px auto;
	background: #76A28B;
	box-shadow: 0px 0px 0px 5px #76A28B;
	border: dashed 3px white;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;

	box-sizing: border-box;
}


.information_comment_area {
    line-height: 3;
}



.kakomi_maru5 {
	position: absolute;
	top: 22px;
	right: -58px;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	display: block;
	font-size: 80%;
	font-weight: 700;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	color: #76A28B;
	background-color: #ffffff; /*背景色*/
	border-radius: 5px; /*角の丸み*/ 
	}


.newscontents {
	display: block;
	width: 100%;
	}


/******************************************************************************
/*参照ファイル
*******************************************************************************/

ul.submenu_nav3 {
	width:100%; 
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 20px;
	margin-bottom: 0px;
}


ul.submenu_nav3::after {
	content: "";
	display: block;
	width: 32%;
	height: 0;
}




ul.submenu_nav3 li {
	letter-spacing:normal;
	display: inline-block;
	width: 100%;
	vertical-align: top;
	text-align: left;
	margin-bottom: 0px;

}

/******************************************************************************
/* アップロード済みPDF
*******************************************************************************/

.upload_box {
	position: relative;
	width: 100%;
	display: block;
	background: #F5F5F5;
	border 1px solid #ff8e9d;
	font-size: 90%;
	font-weight: 700;
	padding: 20px;
	text-align: left;
}




/******************************************************************************
/* コンセプト（ライトポジション）用
******************************************************************************/

.contents_header {
	position: relative;
	width: 85%;
	height: 600px;
	margin: 80px auto 15px auto;
}



.contents_header .img_pic {
	width:55%;
	position: absolute;
	top: 70px;
	right: 0;
	z-index: 1;
}

.contents_header .img_pic img {
	object-fit: cover;
	width:auto;
	height: 400px;
}



.contents_header .txt {
	background: #76A28B;
	background-color: rgba(118, 162, 139, 0.7);
	position: absolute;
	top: 0px;
	left: 0;
	width: 55%;
	height: 410px;
	color: #ffffff;
	z-index: 10;

}



.contents_header .txt .container {
	position:absolute;
	width: 80%;
	margin-top: 20px;
	margin-left: 50px;
	display:block;
	text-align: left;
}

.contents_header .txt .container p {
	font-size: 100%;
	margin-bottom: 35px;
	line-height: 2.00;

}


.contents_header .container img {
	width: 455px;
	height: auto;

}

/******************************************************************************
/* トップタイトル英語
******************************************************************************/


.en_title01 {
	font-family: 'Poiret One', cursive;
	font-weight:400;
	display:block;
	margin-bottom:20px;
	font-size:300%;
	text-align: left;
}




.sub_title {
	font-weight:700;
	display:block;
	margin-top: 0px;
	font-size:120%;
	text-align: left;

}






.more {
	display:inline-block;
	background-color: #333333;
	text-align: center;

}


.more a {
  position: relative;
  display: block;
  z-index: 1;
	width:100%;
	height: 100%;
	padding-left :50px;
	padding-right: 50px;
	padding-top: 15px;
	padding-bottom: 15px;
	color :#ffffff;
}

.more a:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  -o-transition: transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
  z-index: -1;
}


.more a:hover:after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}

.more a:after {
  background: #70A9BE;
}

.en_title02 {
	font-family: 'Poiret One', cursive;
	font-weight:400;
	display:block;
	font-size:120%;
	text-align: left;
}












/******************************************************************************
/* コンセプト（レフトポジション）用
******************************************************************************/

.contents_header2 {
	position: relative;
	width: 85%;
	height: 600px;
	margin: 80px auto 15px auto;
}

.contents_header2:after{
	position:absolute;
	bottom: 20px;
	right: 0px;
	content:"";
	width: 170px;
	height: 60px;
	background:url(../images/right_squ.png) no-repeat;

}




.contents_header2 .img_pic_right {
	width:55%;
	position: absolute;
	top: 100px;
	left: 0;
	z-index: 10;
}




.contents_header2 .img_pic img {
	width:100%;
	height: auto;
}





.contents_header2 .txt_right {
	background: #76A28B;
	position: absolute;
	top: 200px;
	right: 0;
	width: 60%;
	height: 380px;
	color: #ffffff;
	text-align: left;
}







.contents_header2 .txt_right .container {
	position:absolute;
	width: 60%;
	top: 40px;
	right: 50px;
	display:block;

}



.contents_header2 .txt_right .container p {
	font-family:"Noto Serif JP",serif;
	font-size: 100%;
	margin-bottom: 35px;
	line-height: 2.00;

}


.contents_header2 .container img {
	width: 455px;
	height: auto;

}



/******************************************************************************
/* ミドルメニュー設定
*******************************************************************************/

.middle_menu_area {
	display:flex;
	text-align: center;
justify-content: space-between;
}

.middle_menu {
	width: 33%;
	display: block;
}
.middle_menu p {
	font-family: 'Poiret One', cursive;
	color :#ffffff;
	font-weight: 400;
	font-size: 130%;
}

.middle_menu span {
	color :#ffffff;
	font-weight: 400;
	font-size: 85%;
}





.middle_menu01, .middle_menu02, .middle_menu03 {
	display: block;
	background:#333333;

}



.middle_menu01 p, .middle_menu02 p, .middle_menu03 p {
	font-family: 'Poiret One', cursive;
	color :#ffffff;
	font-weight: 400;
	font-size: 130%;
}

.middle_menu01 span, .middle_menu02 span, .middle_menu03 span {
	color :#ffffff;
	font-weight: 400;
	font-size: 85%;
}


.middle_menu01 a, .middle_menu02 a, .middle_menu03 a {
  position: relative;
  display: block;
  z-index: 1;
	width:100%;
	height: 100%;

	padding-top: 25px;
	padding-bottom: 25px;
	color :#ffffff;
	white-space: nowrap;
}

.middle_menu01 a:after, .middle_menu02 a:after, .middle_menu03 a:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  -o-transition: transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
  z-index: -1;
}


.middle_menu01 a:hover:after, .middle_menu02 a:hover:after, .middle_menu03 a:hover:after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}

.middle_menu01 a:after {
  background: #70A9BE;
}

.middle_menu02 a:after {
  background: #C76E48;
}


.middle_menu03 a:after {
  background: #76A28B;
}

/******************************************************************************
/* ミドルスライドショー設定
*******************************************************************************/

.x-scroll {
    width: 100%;
    overflow: hidden;
	margin-bottom: 50px;
}
.x-scroll_inner {
    display: flex;
    animation: 40s linear infinite xScroll;
}
@keyframes xScroll {
    0%     { transform: translateX(0);}
    100% { transform: translateX(-1700px);} /* .x-scroll_block 1つ分の幅だけ動かす */
}
.x-scroll_block {
    display: flex;
    width: 2250px; /* (450px + 0px) + 5 */
}
.x-scroll_item {
    width: 450px;
    height: auto;
    margin: 0 auto 0 auto;
}



/******************************************************************************
/* ミドルメニュー設定
*******************************************************************************/

.middle_menu_area02 {
	display:flex;
	text-align: center;
	justify-content: space-between;
}

.middle_menu_area_sub01 {
	width: 30%;
	display: block;
}



/******************************************************************************
/* 園の特徴設定
*******************************************************************************/





.

p.comment {
	display: block;
	font-weight: 400;
	font-size: 100%;
	margin-bottom: 50px;
}


.features_detail2 {
	font-size: 90%;
	width : 100%;
	text-align: right;
}


.detail_box2 {
	position: relative;
	display:inline-block;
	background-color: #76A28B;
	border-radius: 20px;
	color:#ffffff;
	padding:9px 50px 10px 10px;
	text-align:center;
}
.detail_box2::after{
	position: absolute;
	content: "";
	top: calc(50% - 4px);
	right: 30px;
	width: 6px;
	height: 6px;
	border: 2px solid;
	border-color: transparent transparent #ffffff #ffffff;
	transform: rotate(-135deg);
	transition: .3s;
}
.detail_box2:hover::after{
	right: 20px;
}


.detail_box2 p {
	font-weight: 700;
	margin-top: 0px;
	margin-left: 30px;
	margin-right: 0px;
}

.detail_box2 p img {
	width: auto;
	height: 20px;
	margin-right: 10px;
}




/******************************************************************************
/* 園の特徴詳細設定
*******************************************************************************/





.features_area01 {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin: 100px auto 100px auto;
}


.features_right_image01 {
	width : 45%;
	height: auto;
	position: absolute;
	bottom: 0px;
	right: 0%;
}


.features_left01 {
	width: 48%;
	margin: 0 auto 0 auto;
	z-index: 10;
}



.features_left01 img {
	width: 100%;
	height: 400px;
	object-position: top;
	object-fit: cover;
	margin: 0 auto 0 auto;
	z-index: 1;

}



.features_right01 {
	position: relative;
	width: 48%;
	margin: 0 auto 0 4%;
	text-align: left;
}



.features_right_image01 {
	width : 50%;
	height: auto;
	position: absolute;
	bottom: 0px;
	right: 0%;
}


.features_right01 span {
	display: block;
	font-weight: 700;
	font-size: 90%;
	margin-bottom: 5px;
}

.features_right01 p.name {
	display: block;
	font-weight: 700;
	font-size: 140%;
	color: #76A28B;
	margin-bottom: 20px;
}



.features_area02 {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin: 0px auto 10px auto;
	line-height: 1.8;
	letter-spacing: 2.5px;
}



.features_left02 {
	vartical-align: top;
	width: 48%;
	margin: 0 auto 0 auto;
	z-index: 10;
	line-height: 1.8;
}



.features_left02 img {
	width: 100%;
	height: 400px;
	object-position: top;
	object-fit: cover;
	margin: 0 auto 0 auto;
	z-index: 1;
}



.features_right02 {
	vartical-align: top;
	width: 48%;
	margin: 0 auto 0 4%;
	text-align: left;
	line-height: 1.8;
}


.features_right02 img {
	width: 100%;
	height: 400px;
	object-position: top;
	object-fit: cover;
	margin: 0 auto 0 auto;
	z-index: 1;

}


.title_head04 {
	width: 100%;
	display: block;
	position: relative;
	margin-top: 30px;
	margin-bottom: 30px;
}

.title_head04 p {
	margin-left: 0px;
	font-size: 120%;
	font-weight: 700;
	color: #000000;
}

.title_head04:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -15px;
	width: 100%;
	height: 5px;
	background: -webkit-repeating-linear-gradient(-45deg, #76A28B, #76A28B 2px, #FFF6EF 2px, #FFF6EF 4px);
	background: repeating-linear-gradient(-45deg, #76A28B, #76A28B 2px, #FFF6EF FFF6EF, #fff 4px);

}


.title_head05 {
	position: relative;
	font-size: 120%;
	margin-top: 0px;
	margin-bottom: 20px;
	font-weight: 700;
	color: #000000;
}





.title_head06 {
	width: 100%;
	display: block;
	position: relative;
	margin-top: 0px;
	margin-bottom: 30px;
}

.title_head06 p {
	margin-left: 0px;
	font-size: 120%;
	font-weight: 700;
	color: #000000;
}

.title_head06:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -15px;
	width: 100%;
	height: 5px;
	background: -webkit-repeating-linear-gradient(-45deg, #76A28B, #76A28B 2px, #FFF6EF 2px, #FFF6EF 4px);
	background: repeating-linear-gradient(-45deg, #76A28B, #76A28B 2px, #FFF6EF FFF6EF, #fff 4px);

}






.features_box {
	position : relative;
	display: flex;
	line-height: 1.8;
	letter-spacing : 1.5px;
	z-index: 1;
	margin-bottom: 50px;
	justify-content: space-between;
}



.features_box01 {
	margin-top: 30px;
	margin-bottom: 20px;
	position : relative;
	width: 100%;
	padding: 30px;
	display: flex;
	line-height: 1.8;
	letter-spacing : 1.5px;
	z-index: 1;
	text-align: left;
	background-color: #FFF6EF;
	border-radius: 8px;
	flex-wrap: wrap;
}



.features_box01_in {
	margin-top: 0px;
	position : relative;
	width: 100%;
	padding: 0px;
	display: flex;
	line-height: 1.8;
	letter-spacing : 1.5px;
	z-index: 1;
	text-align: left;
	background-color: #FFF6EF;
	border-radius: 8px;
	flex-wrap: wrap;
}




.features_box01_left {
	position: relative;
	width: 40%;
	top: 0px;
	right: 0px;
	margin-right: 5%;
	z-index: -10;
	overflow: hidden;
}


.features_box01_left img {
	width: 100%;
	height: 100%;
	object-position: top;
	object-fit: cover;
	margin: 0 auto 0 auto;
	overflow: hidden;

}



.features_box01_right {
	position: relative;
	width: 55%;
	top: 0px;
	right: 0px;
	z-index: -10;
	overflow: hidden;
}








.features_box02 {
	position : relative;
	width: 55%;
	display: block;
	line-height: 1.8;
	letter-spacing : 1.5px;
	z-index: 1;
	text-align: left;
}




.features_box02_left {
	position: relative;
	width: 40%;
	top: 0px;
	right: 0px;
	z-index: -10;
	overflow: hidden;
}

.features_box02_left img {
	width: 100%;
	height: 100%;
	object-position: top;
	object-fit: cover;
	margin: 0 auto 0 auto;
	overflow: hidden;

}







.signature {
	display: block;
	margin: 30px auto 0px auto;
	width: 100%;
	text-align: right;
}

.signature img {
	width: 45%;
	height: auto;
}



.signature2 {
	display: block;
	margin: 30px auto 0px auto;
	width: 100%;
	text-align: right;
}

.signature2 img {
	width: 28%;
	height: auto;
}


/******************************************************************************
/* 給食
*******************************************************************************/



.kyusyoku {
	position:relative;
	z-index:1;
	border-radius:2em;
	padding:10px;
	width:300px;
	font-size: 130%;
	font-weight: 700;
	color :#ffffff;
	background-color: #E8C600;
	text-align:center;
}





.lunch_box {
	margin : 30px auto 50px auto;
	width: 60%;
	font-size: 110%;
	font-weight: 700;
	letter-spacing: 2.5px;
	line-height: 1.8;
	z-index:1;
	text-align: center;
	color: #000000;
  text-shadow: 2px 2px 2px #ffffff, -2px -2px 2px #ffffff,
  -2px 2px 2px #ffffff,  2px -2px 2px #ffffff,
  2px 0 2px #ffffff, -2px  0 2px #ffffff,
  0 2px 2px #ffffff,  0 -2px 2px #ffffff;
}


.lunch_box2 {
	margin : 0 auto 0 auto;
	width: 60%;
	font-size: 90%;
	font-weight: 700;
	letter-spacing: 2px;
	line-height: 1.8;
	z-index:1;
	text-align: left;
	color: #000000;
	padding-bottom: 80px;
  text-shadow: 2px 2px 2px #ffffff, -2px -2px 2px #ffffff,
  -2px 2px 2px #ffffff,  2px -2px 2px #ffffff,
  2px 0 2px #ffffff, -2px  0 2px #ffffff,
  0 2px 2px #ffffff,  0 -2px 2px #ffffff;
}




.page_intro_head .intro_head_inner {
	position: relative;
	display: inline-block;
	font-size: 150%;
	font-weight: 700;
	padding: 5px 20px 5px 36px;
	margin: 0.6rem 0;
	letter-spacing: 5px;
  text-shadow: 2px 2px 2px #ffffff, -2px -2px 2px #ffffff,
  -2px 2px 2px #ffffff,  2px -2px 2px #ffffff,
  2px 0 2px #ffffff, -2px  0 2px #ffffff,
  0 2px 2px #ffffff,  0 -2px 2px #ffffff;
}

.page_intro_head .intro_head_inner:before, .page_intro_head .intro_head_inner:after {
	content: "";
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
}

.page_intro_head .intro_head_inner:before {
	background: url(../lunch/images/txt_deco_l@2x.png) no-repeat top center;
	background-size: contain;
	left: 0px;
}

.page_intro_head .intro_head_inner:after {
	background: url(../lunch/images/txt_deco_r@2x.png) no-repeat top center;
	background-size: contain;
	right: -10px;
}



.wrap_recipe_head {
	position: relative;
	background: #fff;
	border-bottom: 1px solid #fa7896;
	-js-display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 50px;

}

.wrap_recipe_head .recipe_head {
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 70%;
}

.wrap_recipe_head .recipe_head .new_recipe {
  background: #fa7896;
  -js-display: flex;
  display: -webkit-box;
  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;
  padding: 5px 5px 5px 10px;
  height: 100%;
  position: relative;
}


.recipe_menu01 {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	background:#ffffff;
	height: 49px;

}



.recipe_menu01 p {
	padding-top: 12px;
	color :#FA7896;
	font-weight: 400;
	font-size: 130%;
	display: block;
	transition: 1.0s;
	height: 49px;
	padding-left: 20px;
	padding-right: 20px;
}

.recipe_menu01 p:hover {
	color :#ffffff;
	font-weight: 400;
	font-size: 130%;
	display: block;
	transition: 1.0s;
	height: 50px;
}

.recipe_menu01 span {
	color :#FA7896;
	font-weight: 400;
	font-size: 85%;
}


.recipe_menu01 a {
  position: relative;
  display: block;
  z-index: 1;
	width:100%;
	height: 100%;



}


.recipe_menu01 a span:hover {
display: block;
  text-decoration: none;
  color: #fff;
  height: auto;
  width: auto;
}

.recipe_menu01 a:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  -o-transition: transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
  z-index: -1;
	color :#ffffff;

}


.recipe_menu01 a:hover:after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}

.recipe_menu01 a:after {
	background: #FA7896;
}







/******************************************************************************
/* ミドルエリア設定用
******************************************************************************/



.lunch_content{
	position: relative;
	margin: 0px auto 0px auto;
	width: 100%;
	padding-top :50px;
	padding-bottom :0px;

}




.lunch_content.img_bg_01{

    background-image: url(../lunch/images/kyusyoku_top_bg.png), url(../lunch/images/NGY-119.jpg);
    background-position: top 100px center, center;
    background-size: 100%, cover;
    background-repeat: no-repeat, no-repeat;


}



.lunch_content.img_bg_02{

    background-image: url(../lunch/images/NGY-002.jpg?ver20231108);
    background-position: top, center;
    background-size: 100%, cover;
    background-repeat: no-repeat;
	z-index:1;


}

.lunch_list {

   filter:drop-shadow(1px 1px 1px #555555);

}



/******************************************************************************
/* ミドルエリア設定用
******************************************************************************/



.lesson_content{
	margin: 0px auto 0px auto;
	width: 100%;
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}


.lesson_content p {
	letter-spacing: 2px;
	line-height: 28px;
}

.lesson_content_in{
	margin: 0px auto 0 auto;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 100%;
	letter-spacing: 2px;
	line-height: 18px;
	text-align: left;
}




.lessons_box {
	position : relative;
	display: flex;
	line-height: 1.8;
	letter-spacing : 1.5px;
	z-index: 1;
	margin-bottom: 0px;
	justify-content: space-between;
}





.lessons_box01 {
	margin-top: 30px;
	position : relative;
	width: 100%;
	display: flex;
	line-height: 1.8;
	letter-spacing : 1.5px;
	z-index: 1;
	text-align: left;
	background-color: #FFF6EF;
	border-radius: 8px;
	padding: 30px;

	flex-wrap: wrap;
}



.lessons_box01_in {
	position : relative;
	display: flex;
	line-height: 1.8;
	letter-spacing : 1.5px;
	z-index: 1;
	margin-top: 20px;
	justify-content: space-between;
	background-color: #ffffff;
	padding: 20px;
	border-radius: 8px;

}




.lessons_box01_left {
	position: relative;
	width: 55%;
	top: 0px;
	right: 0px;
	margin-right: 5%;
	z-index: -10;
	overflow: hidden;
}

.lessons_box01_left p  {
	font-weight: 700;
	font-size: 120%;
	color: #76A28B;
	margin-bottom: 10px;
}






.lessons_box01_right {
	position: relative;
	width: 40%;
	top: 0px;
	right: 0px;
	z-index: -10;
	overflow: hidden;
}


.lessons_box01_right img {
	width: 100%;
	height: auto;
	object-position: top;
	object-fit: cover;
	margin: 0 auto 0 auto;

}

.lesson_image_area {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: 0px auto 10px auto;
	padding-top :0px;
	padding-bottom :0px;
}


.lesson_image01 {
	display: block;
	width: 49%;
	text-align: center;
	overflow: hidden;
}


.lesson_image01 img {
	width: auto;
	height: 180px;
	object-fit: cover;

}

.lesson_image02 {
	display: block;
	width: 49%;
	text-align: center;
	overflow: hidden;

}

.lesson_image02 img {
	width: auto;
	height: 180px;
	object-fit: cover;
}



/******************************************************************************
/* 1日の流れ設定
*******************************************************************************/



.schedule {
    position: relative;
	display: block;
	width: 100%;
	margin: 150px auto 0px auto;
	padding-top :100px;
	padding-bottom :150px;
	background-color :#67D0DB;
}

.schedule_in {
	width: 90%;
	margin: 0px auto 0px auto;
	text-align: center;
}




.schedule_title {
    position: relative;
    display: inline-block;
    padding: 0 85px;
}


.schedule_title:before,
.schedule_title:after {
    content: "";
    position: absolute;
    top: 50%;
    display: inline-block;
	width: 50px;
	height: 1px;
	padding: 2.5px;
	background-color: #67D0DB; /*背景色*/
	border-radius: 5px; /*角の丸み*/ 
}
 
.schedule_title:before {
   left: 0;
}
 
.schedule_title:after {
   right: 0;
}

.schedule_title_in {
	display: block;
	font-size: 100%;

}



p.schedule_title_a {
	display: block;
	font-size: 120%;
	font-weight: 700;
}

p.schedule_title_b {
	display: block;
	font-size: 170%;
	color:#67D0DB;
	font-weight: 700;
}



.schedule_title_image {
	width: 100%;
	margin: 50px auto 0 auto;
	z-index: 1;
	text-align: center;
}

.schedule_title_image img {
	width: auto;
	height: 130px;
}



/******************************************************************************
/* イベント報告設定
*******************************************************************************/



.event {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: 0px auto 0px auto;
	padding-top :0px;
	padding-bottom :30px;
}

.event_in {
	width: 100%;
	margin: 0px auto 0px auto;
	text-align: center;
	font-weight: 700;
}


.event_in img {
	width: auto;
	height: 350px;
	object-fit: cover;
	margin: 0px auto 0px auto;
	text-align: center;
}




.event_title {
	position: relative;
	display: inline-block;
	padding: 0 85px;
	margin-bottom: 30px;
}


.event_title:before,
.event_title:after {
	content: "";
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 50px;
	height: 1px;
	padding: 1px;
	background-color: #999999; /*背景色*/
}
 
.event_title:before {
   left: 0;
}
 
.event_title:after {
   right: 0;
}

.event_title_in {
	display: block;
	font-size: 100%;

}

.event_comment {
	display: block;
	font-size: 100%;
	font-weight: 700;
	color: #000000;
	margin-bottom: 30px;
}


p.event_title_a {
	display: block;
	font-size: 100%;
	font-weight: 700;
}

p.event_title_b {
	font-family: 'Poiret One', cursive;
	display: block;
	font-size: 300%;
	color:#76A28B;
	font-weight: 700;
	margin-bottom: 10px;
}

.event_left {
	position: absolute;
	top: 135px;
}

.event_left img {
	width: 200px;
	height: auto;
	object-position: top;
	object-fit: cover;
	margin: 0 auto 0 auto;
	z-index: 1;
}


.event_left2 {
	position: absolute;
	top: 115px;
	z-index: -1;
}

.event_left2 img {
	width: 200px;
	height: auto;
	object-position: top;
	object-fit: cover;
	margin: 0 auto 0 auto;
	z-index: 1;
}




.event_area {
	position:relative;
	width:100%;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.event_area iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height: 100%;
}



.event_copy {
	position: relative;
	width: 99.6%;
	display: block;
	font-size: 120%;
	font-weight: 700;
	color: #ffffff;
	margin: 30px auto 50px auto;
	background: #EBA067;
	box-shadow: 0px 0px 0px 5px #EBA067;
	border: dashed 3px white;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;

	box-sizing: border-box;
}


.event_comment_area {
    line-height: 3;
}



.kakomi_maru4 {
	position: absolute;
	top: 30px;
	right: -75px;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	display: block;
	font-size: 80%;
	font-weight: 700;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	color: #EBA067;
	background-color: #ffffff; /*背景色*/
	border-radius: 5px; /*角の丸み*/ 
	}


.event_image {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: 0px auto 0px auto;
	padding-top :0px;
	padding-bottom :0px;
}


.event_image01 {
	display: block;
	width: 49%;
	text-align: center;
	overflow: hidden;
}


.event_image01 img {
	width: auto;
	height: 350px;
	object-fit: cover;

}

.event_image02 {
	display: block;
	width: 49%;
	text-align: center;
	overflow: hidden;

}

.event_image02 img {
	width: auto;
	height: 350px;
	object-fit: cover;
}



/******************************************************************************
/* お問い合わせエリア用
******************************************************************************/



.contact_area {
	margin: 0px auto 50px auto;
	width: 100%;
	background-color: #FCFCFC;
}

.contact_area_in {
	margin: 0 auto 0 auto;
	padding-top: 100px;
	padding-bottom: 50px;
	width: 95%;
	font-size: 90%;
	text-align: center;
}




.contact_title {
	position: relative;
	display: inline-block;
	padding: 0 85px;
	margin-bottom: 80px;
}


.contact_title:before,
.contact_title:after {
	content: "";
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 50px;
	height: 1px;
	padding: 1px;
	background-color: #999999; /*背景色*/
}
 
.contact_title:before {
   left: 0;
}
 
.contact_title:after {
   right: 0;
}

.contact_title_in {
	display: block;
	font-size: 100%;

}

.contact_comment {
	display: block;
	font-size: 100%;
	font-weight: 700;
	color: #000000;
	margin-bottom: 50px;
}


p.contact_title_a {
	display: block;
	font-size: 100%;
	font-weight: 700;
}

p.contact_title_b {
	font-family: 'Poiret One', cursive;
	display: block;
	font-size: 300%;
	color:#76A28B;
	font-weight: 700;
	margin-bottom: 10px;
}









ul.contact_us {
	margin-top: 40px;
	margin-bottom: 20px;
	display: block;
}


 
ul.contact_us li {
	letter-spacing:normal;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	margin-bottom: 20px;
	margin-right: 50px;

}

ul.contact_us li:nth-child(3) {
	letter-spacing:normal;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	margin-bottom: 20px;
	margin-right: 0px;

}

.contact_midashi {
	margin: 0px auto 10px auto;
	font-weight: 700;
	font-size: 140%;
	display: inline-block;
	border-bottom: solid 1px #3049A3;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
}

.contact_txt {
	font-weight: 700;
	font-size: 90%;
}

.contact01 {
	font-size: 110%;
	margin-bottom: 30px;
	letter-spacing: 1.5px;
	font-weight: 700;
}

.contact02 {
	font-size: 140%;
	margin-bottom: 0px;
	letter-spacing: 1.5px;
	font-weight: 700;
}


.contact_us_box p {
	margin-bottom: 10px;
	letter-spacing: 1.5px;
	font-weight: 700;
}






.contact_us_box {
	position: relative;
	display:inline-block;
	border: solid 2px #000000;
	color:#000000;
	padding:10px 50px 10px 10px;
	text-align:center;
}
.contact_us_box::after{
	position: absolute;
	content: "";
	top: calc(50% - 4px);
	right: 30px;
	width: 6px;
	height: 6px;
	border: 2px solid;
	border-color: transparent transparent #000000 #000000;
	transform: rotate(-135deg);
	transition: .3s;
}
.contact_us_box:hover::after{
	right: 20px;
}


.contact_us_box p {
	margin-top: 11px;
	margin-left: 10px;
	margin-right: 10px;
}

.contact_us_box p img {
	width: auto;
	height: 20px;
	margin-top: -3px;
	margin-right: 10px;
}



/******************************************************************************
/* 各園紹介ボトム設定
*******************************************************************************/






.bottom_menu {
	margin: 0px auto 0px auto;
	width: 100%;
	background-color: #ffffff;
}

.bottom_menu_in {
	margin: 0 auto 0 auto;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 95%;
	font-size: 90%;
	text-align: left;
}


.bottom_menu_area {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto 0 auto;
}

.bottom_menu_area li {
	width: 22%;
}


.bottom_menu_area li:nth-child(n+9)  {
	margin-top: 20px;
	margin-bottom: 5px;

}

.bottom_menu_area li:nth-child(n+13)  {
	margin-top: 0px;
	margin-bottom: 35px;

}


.bottom_menu_area li img{
	width: 100%;
}

.bottom_menu_area p {
	margin-top: 15px;
	margin-bottom: 30px;
	font-size: 80%;
}

.bottom_menu_area a {
	color: #000000;
}





/******************************************************************************
/* 社会福祉法人済聖会エリア設定
*******************************************************************************/




.corporation_in {
	margin: 0 auto 50px auto;
	padding-top: 30px;
	padding-bottom: 50px;
	width: 95%;
	font-size: 90%;
	text-align: left;
	border-bottom: 1px solid #e0e0e0;

}




.corporation_in img {
	width: 250px;
	height: atuo;
	margin-right: 20px;
	margin-bottom: 20px;
}

.corporation_in a {
	color: #000000;
}





.access {
	color: #000000;
	width: 100%;
	margin-top: 20px;
	font-size:100%;
	text-align: left;
}



/******************************************************************************
/* コピーライト
*******************************************************************************/




#copyright {
  position: relative;
  left: 0;
  bottom: 0;
	margin: 0px auto 0px 220px;
	width: 100%;
	background-color: #76A28B;
	padding:12px 0;
	color:#fff;
	text-align: center;
	z-index: 1000;
}



#copyright2 {
  position: fixed;
  left: 0;
  bottom: 0;
	margin: 0px auto 0px 220px;
	width: 100%;
	background-color: #76A28B;
	padding:12px 0;
	color:#fff;
	text-align: center;
}





#copyright_in {
	display: block;
	font-size:60%;
	font-family:Arial, sans-serif;
	margin: 0px 220px 0px auto;

}





/******************************************************************************
/* カラー保育園概要
*******************************************************************************/



div.rainbow {
	position:relative;
	z-index:1;
	border-radius:2em;
	padding:10px;
	width:300px;
	font-size: 130%;
	font-weight: 700;

	background: -webkit-linear-gradient(45deg, #24c1fd, #86e240, #ffc31b 50%, #f76091);
	background: -o-linear-gradient(45deg, #24c1fd, #86e240, #ffc31b 50%, #f76091);
	background: linear-gradient(45deg, #24c1fd, #86e240, #ffc31b 50%, #f76091);
	text-align:center;
}
 
div.rainbow::before {
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	box-sizing:border-box;
	border-radius:2em;
	padding:3px;
	width:100%;
	height:100%;
	background:#fff;
	background-clip:content-box;
	content:"";
}

.title_color01 {
	font-size: 150%;
	font-weight: 700;
	background: #fff;
	padding: 5px 20px 5px 36px;
	margin: 0.6rem 0;
	display: inline-block;
	letter-spacing: 5px;
}

.title_color01 span {
	display: inline-block;
	color: #76A28B;
	font-size: 180%;
	background: -webkit-linear-gradient(45deg, #24c1fd, #86e240, #ffc31b 50%, #f76091);
	background: -o-linear-gradient(45deg, #24c1fd, #86e240, #ffc31b 50%, #f76091);
	background: linear-gradient(45deg, #24c1fd, #86e240, #ffc31b 50%, #f76091);
	font-weight: bold;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: rgba(255, 255, 255, 0);
	position: relative;
}



.title_color02 {
	font-size: 150%;
	font-weight: 700;
	background: #fff;
	margin: 20px auto 20px auto;
	display: inline-block;
	letter-spacing: 5px;
}

.title_color02 span {
	display: inline-block;
	color: #76A28B;
	font-size: 180%;
	background: -webkit-linear-gradient(45deg, #24c1fd, #86e240, #ffc31b 50%, #f76091);
	background: -o-linear-gradient(45deg, #24c1fd, #86e240, #ffc31b 50%, #f76091);
	background: linear-gradient(45deg, #24c1fd, #86e240, #ffc31b 50%, #f76091);
	font-weight: bold;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: rgba(255, 255, 255, 0);
	position: relative;
}



.title_area {
	margin: 0 auto 0 auto;
	width: 100%;
	text-align : center;
}

.text_box_area {
	margin: 20px auto 50px auto;
	width: 100%;
	text-align : center;
	line-height: 2.0;
	letter-spacing: 2px;
}


.text_box_area2 {

	display: flex;
	width: 100%;
	text-align : left;
	line-height: 2.0;
	letter-spacing: 2px;
	justify-content: space-between;
	flex-wrap: nowrap;
}

.text_box_area2 .flex01 {

	width : 48%
}

.text_box_area2 .flex02 {
	width : 48%

}

.text_box_area2 .flex01 img {
	width : auto;
	height : 100%;
	object-fit: cover;
	object-position: 50% 50%;


}

.text_box_area2 .flex02 img {
	width : auto;
	height : 100%;
	object-fit: cover;
	object-position: 50% 50%;

}


.text_box_area3 {
	margin: -20px auto 30px auto;
	width: 100%;
	text-align : left;
	line-height: 2.0;
	letter-spacing: 2px;
}




.text_box_area4 {
	display: block;
	font-size: 100%;
	font-weight: 700;
	color: #000000;
	margin-bottom: 50px;
	text-align: center;
	letter-spacing: 3px;
	line-height: 1.6;
}


.text_box_area5 {
	display: block;
	font-size: 100%;
	font-weight: 700;
	color: #000000;
	margin-top: 30px;
	margin-bottom: 50px;
	text-align: left;
	letter-spacing: 3px;
	line-height: 1.6;
}




.space {

	display: block;
	width: 100%;
	height: 50px;
}



.space2 {

	display: block;
	width: 100%;
	height: 80px;
}

.space3 {

	display: block;
	width: 100%;
	height: 80px;
}



.cocept_ol {
	font-size: 120%;
	text-align: left;
}


.cocept_ol li {
	position: relative;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
	margin-bottom: 20px;

}

.cocept_ol li p {
  margin-left: 50px;


}

.cocept_ol li:before {
  content: "";
	position: absolute;
	top: 0px;
	left: 0px;
  display: inline-block;
  width: 36px;
  height: 36px;

}

.cocept_ol li:nth-child(1):before {
  background: url("../concept/images/cocept_ol_01.png") no-repeat center center;
  background-size: contain;
}

.cocept_ol li:nth-child(2):before {
  background: url("../concept/images/cocept_ol_02.png") no-repeat center center;
  background-size: contain;
}

.cocept_ol li:nth-child(3):before {
  background: url("../concept/images/cocept_ol_03.png") no-repeat center center;
  background-size: contain;
}

.cocept_ol li:nth-child(4):before {
  background: url("../concept/images/cocept_ol_04.png") no-repeat center center;
  background-size: contain;
}




.contact_area_box {
	position: relative;
	margin: 0 auto 0 auto;
	height: 100%;

}

.contact_area_box .box-title {
	position: absolute;
	display: inline-block;

	top: -20px;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);

	padding: 7px 10px 10px 10px;
	width: 120px;
	height: 60px;
	font-size: 17px;
	background: #76A28B;
	color: #ffffff;
	font-weight: bold;
	border-radius: 60px 60px 0 0;
	z-index: 1;
}


.contact_area_box .box-title img {
	width: auto;
	height: 40px;
}



.contact_area_box .box-title2 {
	width: 100%
	margin: 50px auto 0 auto;
	display: block;
	font-size: 140%;
	background: #76A28B;
	color: #ffffff;
	font-weight: 700;
	padding : 15px;
}


.contact_area_box_in {
	margin: 0; 
	padding: 20px;
	background: #F1F6F3;
	text-align: left;
	height: 100%;

}

.contact_area_box_in p {
	margin-bottom: 0px; 
	color :#76A28B;
	font-weight: 700;
}




div.pink {
	position:relative;
	z-index:1;
	border-radius:2em;
	padding:10px;
	width:300px;
	font-size: 130%;
	font-weight: 700;
	color :#ffffff;

	background: #FA7896;
	text-align:center;
}
 
div.pink::before {
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	box-sizing:border-box;
	border-radius:2em;
	padding:3px;
	width:100%;
	height:100%;
	background:#FA7896;
	margin-bottom: 0px; 
	background-clip:content-box;
	content:"";
}



/******************************************************************************
/* サークル設定
*******************************************************************************/




ul.circle_style {
	margin : 20px auto 50px auto;
	width:100%; 
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	text-align: center;
	gap: 0px 20px;/*縦0px、横30pxの指定*/

}


 
ul.circle_style li {
	width: 100%;
}


.circle_fadein {
	opacity : 0;
	transform: translateY(100px);
	transition : all 1s;
}
  
.circle_fadein.active{
	opacity : 1;
	transform: translateY(0);

}






.circle01{
	display: block;
	border-radius: 50%;
	border: 0px solid #ffffff;
	width: 150px;
	height: 150px;
	padding: 5px;
	box-sizing: border-box;
	background: #79D8D9;

}
.circle01>div{
	border-radius: 50%;
	border: 3px solid #efefef;
	width: 140px;
	height: 140px;
	box-sizing: border-box;
	background: #79D8D9;
}

.circle01 p {
	text-align: center;
	margin-left: 1px;
	margin-top: 50px;
	color :#ffffff;
	font-weight: 700;
	font-size: 150%;
	letter-spacing: 3px;
}



.circle02{
	border-radius: 50%;
	border: 0px solid #ffffff;
	width: 150px;
	height: 150px;
	padding: 5px;
	box-sizing: border-box;
	background: #BFDF95;
}
.circle02>div{
	border-radius: 50%;
	border: 3px solid #efefef;
	width: 140px;
	height: 140px;
	box-sizing: border-box;
	background: #BFDF95;
}

.circle02 p {
	text-align: center;
	margin-left: 1px;
	margin-top: 50px;
	color :#ffffff;
	font-weight: 700;
	font-size: 150%;
	letter-spacing: 3px;
}




.circle03 {
	border-radius: 50%;
	border: 0px solid #ffffff;
	width: 150px;
	height: 150px;
	padding: 5px;
	box-sizing: border-box;
	background: #FAB851;
}
.circle03>div {
	border-radius: 50%;
	border: 3px solid #efefef;
	width: 140px;
	height: 140px;
	box-sizing: border-box;
	background: #FAB851;
}

.circle03 p {
	text-align: center;
	margin-left: 1px;
	margin-top: 35px;
	color :#ffffff;
	font-weight: 700;
	font-size: 150%;
	letter-spacing: 3px;
}



.circle04 {
	border-radius: 50%;
	border: 0px solid #ffffff;
	width: 150px;
	height: 150px;
	padding: 5px;
	box-sizing: border-box;
	background: #FF879C;
}
.circle04>div {
	border-radius: 50%;
	border: 3px solid #efefef;
	width: 140px;
	height: 140px;
	box-sizing: border-box;
	background: #FF879C;
}

.circle04 p {
	text-align: center;
	margin-left: 1px;
	margin-top: 50px;
	color :#ffffff;
	font-weight: 700;
	font-size: 150%;
	letter-spacing: 3px;
}




/******************************************************************************
/* サークルボックス設定
*******************************************************************************/




ul.circle_style2 {
	margin : 0 auto 0px auto;
	width:100%; 
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	text-align: center;
	gap: 0px 20px;/*縦0px、横30pxの指定*/
}

ul.circle_style2 li {
	width: 100%;
}




.circle_box01{
	display: block;
	box-sizing: border-box;
	background: #EEFAFA;
	text-align: left;
	padding-top : 10px;
	padding-left : 20px;
	padding-right : 30px;
	padding-bottom : 20px;
	height: 70%;

}



.circle_box01 ul {

}

.circle_box01 li {
	margin-left: 10px;
	list-style-type: none;
	line-height: 1.8;
}
 
.circle_box01 li::before {
	position: relative;
	top: 17px;
	left: -15px;
	display: block;
	width: 8px;
	height: 8px;
	content: '';
	border-radius: 100%;
	background: #79D8D9;
}




.circle_box02{
	display: block;
	box-sizing: border-box;
	background: #F5FAEF;
	text-align: left;
	padding-top : 10px;
	padding-left : 30px;
	padding-right : 20px;
	padding-bottom : 20px;
	height: 70%;

}



.circle_box02 li {
	list-style-type: none;
	line-height: 1.8;
}
 
.circle_box02 li::before {
	position: relative;
	top: 17px;
	left: -15px;
	display: block;
	width: 8px;
	height: 8px;
	content: '';
	border-radius: 100%;
	background: #BFDF95;
}



.circle_box03 {
	display: block;
	box-sizing: border-box;
	background: #FEF8EE;
	text-align: left;
	padding-top : 10px;
	padding-left : 30px;
	padding-right : 20px;
	padding-bottom : 20px;
	height: 70%;
}



.circle_box03 li {
	list-style-type: none;
	line-height: 1.8;
}
 
.circle_box03 li::before {
	position: relative;
	top: 17px;
	left: -15px;
	display: block;
	width: 8px;
	height: 8px;
	content: '';
	border-radius: 100%;
	background: #FAB851;
}



.circle_box04 {
	display: block;
	box-sizing: border-box;
	background: #FFF3F5;
	text-align: left;
	padding-top : 10px;
	padding-left : 30px;
	padding-right : 20px;
	padding-bottom : 20px;
	height: 70%;
}



.circle_box04 li {
	list-style-type: none;
	line-height: 1.8;
}
 
.circle_box04 li::before {
	position: relative;
	top: 17px;
	left: -15px;
	display: block;
	width: 8px;
	height: 8px;
	content: '';
	border-radius: 100%;
	background: #FF879C;
}




.square_box01 li {
	margin-left: 10px;
	list-style-type: none;
	line-height: 1.8;
}
 
.square_box01 li::before {
	position: relative;
	top: 18px;
	left: -15px;
	display: block;
	width: 10px;
	height: 10px;
	content: '';
	background: #76A28B;
}

.square_box01 li p {
	margin-left: 5px;
}

/******************************************************************************
/* サークルボックス設定3
*******************************************************************************/




ul.circle_style3 {
	margin : 100px auto 50px auto;
	width:100%; 
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	text-align: center;
	gap: 0px 20px;/*縦0px、横30pxの指定*/

}

ul.circle_style3 li {
	width: 100%;

}


.yureru-s {
	animation: yureru-s 12s infinite;

}
@keyframes yureru-s {
    1% {
transform: rotate(-30deg);
    }
    2% {
transform: rotate(30deg);
    }
    3% {
transform: rotate(-20deg);
    }
    4% {
transform: rotate(20deg);
    }
    5% {
transform: rotate(-10deg);
    }
    6% {
transform: rotate(10deg);
    }
    7% {
        transform: translate(0px, 0px);
    }
}




/******************************************************************************
/*インスタグラム設定用
******************************************************************************/



.insta_box {
	position : relative;
	display: block;
	line-height: 1.8;
	letter-spacing : 1.5px;
	z-index: 1;
	margin-top: 20px;
	margin-bottom: 20px;
}

.insta_box02 {
	position : relative;
	width: 90%;
	display: block;
	line-height: 1.8;
	letter-spacing : 1.5px;
	z-index: 1;

}

.insta_box_left2 {
	position: absolute;
	width: 10%;
	top: 0px;
	right: 0px;
	z-index: 1000;

}

.insta_box_left2 img {
	width: 100%;
	height: auto;
	object-position: top;
	object-fit: cover;
	margin: 0 auto 0 auto;
}


/******************************************************************************
/* facebook設定
*******************************************************************************/



.facebook_area {
	position : relative;
	margin: 50px auto 0 auto;
	width: 100%;
	text-align: right;
	z-index: 1;

}


/******************************************************************************
/* 子育て支援設定用
******************************************************************************/



.childcare_box {
	position : relative;
	display: block;
	line-height: 1.8;
	letter-spacing : 1.5px;
	z-index: 1;
	margin-bottom: 20px;
}


.childcare_box01 {
	position : relative;
	width: 80%;
	display: block;
	line-height: 1.8;
	letter-spacing : 1.5px;
	z-index: 1;

}


.childcare_box02 {
	position : relative;
	width: 70%;
	display: block;
	line-height: 1.8;
	letter-spacing : 1.5px;
	z-index: 1;

}



.childcare_box_left {
	position: absolute;
	width: 20%;
	top: 0px;
	right: 0px;
	z-index: -10;

}

.childcare_box_left img {
	width: 100%;
	height: auto;
	object-position: top;
	object-fit: cover;
	margin: 0 auto 0 auto;
}



.childcare_box_left2 {
	position: absolute;
	width: 30%;
	top: 0px;
	right: 0px;
	z-index: -10;

}

.childcare_box_left2 img {
	width: 100%;
	height: auto;
	object-position: top;
	object-fit: cover;
	margin: 0 auto 0 auto;
}






/******************************************************************************
/* 下線設定用
******************************************************************************/

.under_line {
 
    background:linear-gradient(transparent 60%, #ff6 60%);
 
}

/********************************************************************************************************
/* 本文ボックス
*********************************************************************************************************/



.ttlTombo {
	width: 100%;
	position: relative;
	display: block;
	padding: 20px 20px 20px 20px;
	border: 1px dotted #bdc3c7;
	text-align: left;
	margin: 0px auto 30px auto;
	background-color: rgba(255,255,255, 0.5);
	line-height: 2;
	letter-spacing : 1.5px;
	font-weight: 700;
	color: #524640;

}

.ttlTombo:before,
.ttlTombo:after,
.ttlTombo > span:before,
.ttlTombo > span:after {
	content: "";
	position: absolute;
	width: 7px;
	height: 7px;
	background: url(../images/imgcorner.png) 0 0 no-repeat;
}

.ttlTombo:before {
	top: -1px;
	left: -1px;
	transform: rotate(0deg);
}
.ttlTombo:after {
	top: -1px;
	right: -1px;
	transform: rotate(90deg);
}
.ttlTombo > span:before {
	bottom: -1px;
	left: -1px;
	transform: rotate(-90deg);
}
.ttlTombo > span:after {
	bottom: -1px;
	right: -1px;
	transform: rotate(180deg);
}



.ttlTombo p {
	color: #000000;
	font-weight: 500;
	padding-bottom: 10px;
	opacity: 100%;
	font-size: 110%;

}

.ttlTombo p.blue {
	font-size: 120%;
	font-weight: 600;
	padding-bottom: 10px;
	color: #4BBFBF;

}

.ttlTombo p.red {
	font-size: 110%;
	font-weight: 500;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #B3184B;

}



/******************************************************************************
/* 給食リスト設定
*******************************************************************************/

.yellow_area {
	position: relative;
	margin: 0px auto 0px auto;
	width: 100%;
	background-color: #FDF9E5;
	border-top: 2px solid #e8c600;
	border-bottom: 2px solid #e8c600;
	padding-bottom: 0px;


}

.yellow_area_in {
	margin: 0 auto 0px auto;
	padding-top: 0px;
	padding-bottom: 80px;
	width: 90%;
	font-size: 90%;
	text-align: left;
}

.yellow_area:before, .yellow_area:after {
  content: "";
  position: absolute;
}

  .yellow_area:before {
    background: url(../lunch/images/about_bg_a.png) no-repeat top center;
    right: 0;
    top: -80px;
    width: 280px;
    height: 329px;
	z-index:10;

  }



  .yellow_area:after {
    background: url(../lunch/images/about_bg_b.png) no-repeat top center;
    left: 0px;
    bottom: 0px;
    width: 250px;
    height: 311px;
	z-index:10;

  }



.list_test-wrap {
	width: 100%;
    list-style:  none;          /* デフォルトのアイコンを消す */
    margin:  50px auto 0 auto;                 /* デフォルト指定上書き */
    padding: 0;                 /* デフォルト指定上書き */
    counter-reset: li_count;    /* カウンタをセット */
}


.list_test-wrap li {
    margin:  0px auto 15px auto;
}


.list_test-wrap li p {
	font-weight: 700;
  text-shadow: 2px 2px 2px #ffffff, -2px -2px 2px #ffffff,
  -2px 2px 2px #ffffff,  2px -2px 2px #ffffff,
  2px 0 2px #ffffff, -2px  0 2px #ffffff,
  0 2px 2px #ffffff,  0 -2px 2px #ffffff;
}


.list_test1 {
	font-size:  100%;           /* 文字サイズ指定 */
	background:url(../lunch/images/number01.png) no-repeat 0 0;
	background-size:auto 20px;
	padding-left: 30px;
}

.list_test2 {
	font-size:  100%;           /* 文字サイズ指定 */
	background:url(../lunch/images/number02.png) no-repeat 0 0;
	background-size:auto 20px;
	padding-left: 30px;
}


.list_test3 {
	font-size:  100%;           /* 文字サイズ指定 */
	background:url(../lunch/images/number03.png) no-repeat 0 0;
	background-size:auto 20px;
	padding-left: 30px;
}


.list_test4 {
	font-size:  100%;           /* 文字サイズ指定 */
	background:url(../lunch/images/number04.png) no-repeat 0 0;
	background-size:auto 20px;
	padding-left: 30px;
}




.list_test5 {
	font-size:  100%;           /* 文字サイズ指定 */
	background:url(../lunch/images/number05.png) no-repeat 0 0;
	background-size:auto 20px;
	padding-left: 30px;
}


.list_test6 {
	font-size:  100%;           /* 文字サイズ指定 */
	background:url(../lunch/images/number06.png) no-repeat 0 0;
	background-size:auto 20px;
	padding-left: 30px;
}


.kondate_area {
	width: 100%;
	display: block;
	margin: 0px auto 0px auto;
	text-align: center;
	padding-bottom: 0px;

}


.kondate_list {
	margin: 50px auto 0 auto;
	display: flex;
	justify-content: center;
}



.kondate_list img {
	width: 180px;
	height: 180px;
}



/******************************************************************************
/* 保育園概要
*******************************************************************************/





.outline_title {
	position: relative;
	display: inline-block;
	padding: 0 85px;
	margin-bottom: 80px;
}


.outline_title:before,
.outline_title:after {
	content: "";
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 50px;
	height: 1px;
	padding: 2.5px;
	background-color: #647BC5; /*背景色*/
	border-radius: 5px; /*角の丸み*/ 
}
 
.outline_title:before {
   left: 0;
}
 
.outline_title:after {
   right: 0;
}

.outline_title_in {
	display: block;
	font-size: 100%;

}

.outline_comment {
	display: block;
	font-size: 100%;
	font-weight: 700;
	color: #647BC5;
	margin-bottom: 50px;
}


p.outline_title_a {
	display: block;
	font-size: 120%;
	font-weight: 700;
}

p.outline_title_b {
	display: block;
	font-size: 170%;
	color:#647BC5;
	font-weight: 700;
}

ol.outline_ol {
	margin-top: 30px;
	margin-bottom: 30px;
	list-style-type: decimal;
	margin-left: 20px;

}

li.outline_ol {
}


.outline_subtitle {
	display: flex;
	margin-top: 20px;
	margin-bottom: 20px;
}

.outline_subtitle01 {
	display: inline-block;
	background-color: #76CB5C;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
}

.outline_subtitle01 p {
	color: #ffffff;
	font-size: 110%;
	font-weight: 700;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}

.outline_subtitle02 {
	display: inline-block;
	padding-left: 10px;
	font-weight: 700;


}

.outline_subtitle02 p {
	color: #000000;
	font-size: 110%;
	font-weight: 700;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}



.outline_subtitle03 {
	margin-top: 20px;
	display: inline-block;
	background-color: #F6BC57;
	padding-top: 8px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
}

.outline_subtitle03 p {
	color: #ffffff;
	font-size: 110%;
	font-weight: 700;

}


/******************************************************************************
/* FAQ設定
*******************************************************************************/





.faq_title2 {
	position: relative;
	display: inline-block;
	padding: 0 85px;
	margin-bottom: 80px;
}


.faq_title2:before,
.faq_title2:after {
	content: "";
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 50px;
	height: 1px;
	padding: 2.5px;
	background-color: #4E7809; /*背景色*/
	border-radius: 5px; /*角の丸み*/ 
}
 
.faq_title2:before {
   left: 0;
}
 
.faq_title2:after {
   right: 0;
}

.faq_title2_in {
	display: block;
	font-size: 100%;

}

.faq_comment {
	display: block;
	font-size: 100%;
	font-weight: 700;
	color: #4E7809;
	margin-bottom: 50px;
}


p.faq_title2_a {
	display: block;
	font-size: 120%;
	font-weight: 700;
}

p.faq_title2_b {
	display: block;
	font-size: 170%;
	color:#4E7809;
	font-weight: 700;
}



/******************************************************************************
/* 見出しタイトル設定
*******************************************************************************/



.title_head01 {
	position: relative;
	margin-top: 20px;
	margin-bottom: 30px;
	text-align: center;
}

.title_head01 p {
	margin: 0 auto 0px auto;
	font-size: 150%;
	font-weight: 700;
	color: #76A28B;
	padding-bottom: 20px;
	background-image: linear-gradient(135deg, #999999 100%, #999999 100%);
	background-repeat: no-repeat;
	background-size: 50px 3px;
	background-position: bottom;
}

.title_head01_1 {
	margin-bottom: 0px;
	text-align: left;
	padding-bottom: 20px;
	background-image: linear-gradient(135deg, #999999 100%, #999999 100%);
	background-repeat: no-repeat;
	background-size: 50px 3px;
	background-position: left bottom;
}

.title_head01_1 p {
	margin: 0 auto 0px auto;
	font-size: 100%;
	font-weight: 700;
	color: #76A28B;

}
.title_head01_1 span {
	margin: 0 auto 0px auto;
	font-size: 100%;
	font-weight: 700;
	color: #76A28B;

}


.title_head02 {
	position: relative;
	margin-top: 50px;
	margin-bottom: 50px;
}

.title_head02 p {
	margin-left: 5px;
	font-size: 120%;
	font-weight: 700;
	color: #647BC5;
}

.title_head02:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -10px;
	width: 100%;
	height: 7px;
	background: -webkit-repeating-linear-gradient(-45deg, #647BC5, #647BC5 2px, #fff 2px, #fff 4px);
	background: repeating-linear-gradient(-45deg, #647BC5, #647BC5 2px, #fff 2px, #fff 4px);

}


span.outline {
	font-size: 100%;
	font-weight: 700;
	color: #647BC5;
}



.white_area {
	position: relative;
	right: 0;
	display: block;
	width: 100%;
	margin: 0px auto 0px auto;
	padding-top :0px;
	padding-bottom :50px;
	background-color: #ffffff;
}


.white_area_in {
	margin: 0 auto 0 auto;
	width: 95%;
	font-size: 90%;
	text-align: left;
}


.white_area2 {
	margin: 0 auto 0 auto;
	width: 100%;
	background-color: #ffffff;
}


.white_area_in2 {
	margin: 0 auto 0 auto;
	width: 95%;
	font-size: 90%;
	text-align: left;
}


.white_area3 {
	margin: 0px auto 100px auto;
	width: 100%;
	background-color: #ffffff;
	padding-top :50px;
}


.white_area_in3 {
	margin: 0 auto 0 auto;
	width: 95%;
	font-size: 90%;
	text-align: left;
}


.white_area_in4 {
	margin: 40px auto 0 auto;
	width: 100%;
	font-size: 90%;
	text-align: left;
}


.gray_area {
	margin: 50px auto 50px auto;
	width: 100%;
	background-color: #FCFCFC;
}

.gray_area_in {
	margin: 0 auto 0 auto;
	padding-top: 50px;
	padding-bottom: 50px;
	width: 95%;
	font-size: 90%;
	text-align: left;
}

.gray_area2 {
	margin: 0px auto -50px auto;
	width: 100%;
	background-image: url(../concept/images/recipe_bg.png);
	background-repeat: repeat;/*画像が繰り返すのを防ぐ*/
	background-position: top;
	text-align: center;

}

.gray_area_in2 {
	margin: 0 auto 0 auto;
	padding-top: 80px;
	padding-bottom: 0px;
	width: 95%;
	font-size: 90%;
	text-align: left;
}

.gray_area3 {
	margin: 50px auto 50px auto;
	width: 100%;
	background-color: #FCFCFC;
	padding-bottom: 50px;
}

.gray_area_in3 {
	margin: 0 auto 0 auto;
	padding-top: 50px;
	padding-bottom: 50px;
	width: 95%;
	font-size: 90%;
	text-align: left;
}


/******************************************************************************
/* コンセプト設定
*******************************************************************************/


.concept_area {
	width: 100%;
	margin-top: -100px;
	margin-bottom: 10px;
	display: inline-block;
	text-align:right;
}



.concept_title_color01 {
	background: #FCFCFC;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-right: 10px;
	display: inline-block;
	margin-bottom : 20px;
}

.concept_title_color01 span {
	font-size: 180%;
	letter-spacing: 10px;
	display: inline-block;
	color: #76A28B;
	background: -webkit-linear-gradient(45deg, #24c1fd, #86e240, #ffc31b 50%, #f76091);
	background: -o-linear-gradient(45deg, #24c1fd, #86e240, #ffc31b 50%, #f76091);
	background: linear-gradient(45deg, #24c1fd, #86e240, #ffc31b 50%, #f76091);
	font-weight: bold;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: rgba(255, 255, 255, 0);
	position: relative;
}




/******************************************************************************
/* お知らせページレイアウト
*******************************************************************************/


.title_head03 {
	position: relative;
	margin-top: 100px;
	margin-bottom: 50px;
}

.title_head03 p {
	margin-left: 5px;
	font-size: 120%;
	font-weight: 700;
	color: #ED828B;
}

.title_head03:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -10px;
	width: 100%;
	height: 7px;
	background: -webkit-repeating-linear-gradient(-45deg, #ED828B, #ED828B 2px, #fff 2px, #fff 4px);
	background: repeating-linear-gradient(-45deg, #ED828B, #ED828B 2px, #fff 2px, #fff 4px);

}


/******************************************************************************
/* イベント報告ページレイアウト
*******************************************************************************/


.main_area {
	width: 100%;
	margin: 0px auto 50px auto;

}

.detail_main{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin: 30px auto 100px auto;
	font-size: 100%;

}

.detail_left {
	width:50%; 
	margin: 0px auto 0;
}

.detail_right {
	width:50%; 
	padding-left: 30px;
	text-align: left;
	margin: 0px auto 0px auto;
	line-height: 2.0;


}


.detail_right p {
	margin-bottom: 30px;
	line-height: 2.0;

}



.detail_right div {
	line-height: 1.5;

}



/******************************************************************************
/* イベント報告ページレイアウト2
*******************************************************************************/



ul.submenu_nav {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-left: 0px;
	padding-right: 0px;
	width:100%; 
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}




 
ul.submenu_nav li {
	letter-spacing:normal;
	display: inline-block;
	width: 100%;
	vertical-align: top;
	text-align: center;
	margin-bottom: 20px;
	border-bottom: 1px solid #e0e0e0;


}


ul.submenu_nav li:nth-child(odd){
  background-color: #F4F4F4;
}



.box30 {
	margin: 0 auto;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 25px;
	border-radius: 0px;
	height: 100%;
}

.box30 p {
	margin-top: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 700;
	color: #76A28B;

}



.trim {
	overflow: hidden;
	width: 100%;
	max-height: 300px;
	margin: 0 auto;
}



.trim img {
	object-fit: cover;
	transform: scale(1);
	transition: 0.3s ease-in-out;
	width: 100%;
	height: 300px;
	object-position: 50% 50%
}

.trim:hover img {
	transform: scale(1.3);
}




.trim2 {
	overflow: hidden;
	width: 100%;
	height: auto;
	margin: 0 auto;
}



.trim2 img {
	object-fit: cover;
	transform: scale(1);
	transition: 0.3s ease-in-out;
	width: 100%;
	height: auto;
	object-position: 50% 50%
}

.trim2:hover img {
	transform: scale(1.3);
}



/******************************************************************************
/* イベント報告ページレイアウト3
*******************************************************************************/

ul.submenu_nav2 {

	width:100%; 
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}


ul.submenu_nav2::after {
	content: "";
	display: block;
	width: 49%;
	height: 0;
}



 
ul.submenu_nav2 li {
	letter-spacing:normal;
	display: inline-block;
	width: 49%;
	vertical-align: top;
	text-align: center;
	margin-bottom: 25px;

}






.detail_image_size {
	object-fit: cover;
	width: 100%;
	height: 250px;
	object-position: 50% 50%
}


.detail_image_size_main {
	object-fit: cover;
	width: 100%;
	height: 500px;
	object-position: 50% 50%

}



/******************************************************************************
/* イベント報告ページレイアウト4
*******************************************************************************/

ul.submenu_nav3 {

	width:100%; 
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}


ul.submenu_nav3::after {
	content: "";
	display: block;
	width: 100%;
	height: 0;
}



 
ul.submenu_nav3 li {
	letter-spacing:normal;
	width: 100%; 
	vertical-align: top;
	text-align: center;
	margin-bottom: 25px;

}






.detail_image_size {
	object-fit: cover;
	width: 100%;
	height: 250px;
	object-position: 50% 50%
}



/******************************************************************************
/* イベント報告ページレイアウト4
*******************************************************************************/

ul.submenu_nav4 {

	width:100%; 
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}


ul.submenu_nav4::after {
	content: "";
	display: block;
	width: 32%;
	height: 0;
}

ul.submenu_nav4 li:first-child {
	letter-spacing:normal;
	display: inline-block;
	width: 100%; 
	vertical-align: top;
	text-align: center;
	margin-bottom: 15px;

}

ul.submenu_nav4 li:first-child .detail_image_size {
	width: 100%;
	height: auto;
}

 
ul.submenu_nav4 li {
	letter-spacing:normal;
	display: inline-block;
	width: 32%; 
	vertical-align: top;
	text-align: center;
	margin-bottom: 10px;

}


/******************************************************************************
/* イベント報告ページレイアウト3
*******************************************************************************/



a.order {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 30px;
	height: 30px;
}




.goods2 {
	position: relative;
	margin-bottom: 0px;
	width:100%;
	height: 250px;
	z-index:1;

}

.goods2 a { display: block; }

a.goods-menu2 {
	width:100%;
}

.code {
	margin-bottom: 10px;

}


/******************************************************************************
/* イベント報告ページレイアウト4
*******************************************************************************/



.event_circle01 {
	display: block;
	border-radius: 50%;
	border: 0px solid #ffffff;
	width: 80px;
	height: 80px;
	padding: 5px;
	box-sizing: border-box;
	background: #79D8D9;

}
.event_circle01>div{
	border-radius: 50%;
	border: 3px solid #efefef;
	width: 70px;
	height: 70px;
	box-sizing: border-box;
	background: #79D8D9;
}

.event_circle01 p {
	text-align: center;
	margin-left: 1px;
	margin-top: 17px;
	color :#ffffff;
	font-weight: 700;
	font-size: 150%;
	letter-spacing: 3px;
}



.event_circle02 {
	border-radius: 50%;
	border: 0px solid #ffffff;
	width: 80px;
	height: 80px;
	padding: 5px;
	box-sizing: border-box;
	background: #BFDF95;
}
.event_circle02>div{
	border-radius: 50%;
	border: 3px solid #efefef;
	width: 70px;
	height: 70px;
	box-sizing: border-box;
	background: #BFDF95;
}

.event_circle02 p {
	text-align: center;
	margin-left: 1px;
	margin-top: 17px;
	color :#ffffff;
	font-weight: 700;
	font-size: 150%;
	letter-spacing: 3px;
}




.event_circle03 {
	border-radius: 50%;
	border: 0px solid #ffffff;
	width: 80px;
	height: 80px;
	padding: 5px;
	box-sizing: border-box;
	background: #FAB851;
}
.event_circle03>div {
	border-radius: 50%;
	border: 3px solid #efefef;
	width: 70px;
	height: 70px;
	box-sizing: border-box;
	background: #FAB851;
}

.event_circle03 p {
	text-align: center;
	margin-left: 1px;
	margin-top: 17px;
	color :#ffffff;
	font-weight: 700;
	font-size: 150%;
	letter-spacing: 3px;
}



.event_circle04 {
	border-radius: 50%;
	border: 0px solid #ffffff;
	width: 80px;
	height: 80px;
	padding: 5px;
	box-sizing: border-box;
	background: #FF879C;
}
.event_circle04>div {
	border-radius: 50%;
	border: 3px solid #efefef;
	width: 70px;
	height: 70px;
	box-sizing: border-box;
	background: #FF879C;
}

.event_circle04 p {
	text-align: center;
	margin-left: 1px;
	margin-top: 17px;
	color :#ffffff;
	font-weight: 700;
	font-size: 150%;
	letter-spacing: 3px;
}



.event {
	display: flex;
	justify-content: space-between;
	flexwrap: wrap;
	margin-bottom : 0px;
}


.event_in {
	width: 48%;
	margin-bottom : 0px;
}



.event_subtitle {
	display: flex;
	margin-bottom : 20px;
}

.event_subtitle span {
	margin-top: 30px;
	margin-left: 20px;
	font-weight: 700;
}


.event_subtitle_point {
	margin-bottom : 0px;
}


.event_subtitle_point p {
	display : block;
	font-weight: 700;
	font-size : 90%;
}

.event_in img{
	width: 100%;
	border-radius: 8px;
	margin-bottom: 10px;
}



/******************************************************************************
/* ページャー
*******************************************************************************/

.pager{
	position: absolute;
	right: 5%;
	top: 150px;
	padding:10px 0;
	clear:both;
}
/*ページャーボタン*/
.pager a{
	border: 1px solid #999;
	border-radius: 5px 5px 5px 5px;
	color: #333;
	font-size: 110%;
	font-weight: 700;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 11px;
	padding-right: 10px;
	text-decoration: none;
	margin:0 5px 0 5px;
}

/*現在のページのボタン*/
.pager a.current{
	background: #999;
	border: 1px solid #999;
	border-radius: 5px 5px 5px 5px;
	color: #fff;
	font-size: 110%;
	font-weight: 700;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 11px;
	padding-right: 10px;
	margin:0 5px 0 5px;
	text-decoration: none;
}
.pager a:hover{
    background:#999;
    color: #fff;
}

.overPagerPattern{
	padding:0 2px ;	
}




/******************************************************************************
/* ページャー
*******************************************************************************/

.pager2 {
	width: 100%;
	text-align: right;
	margin-top: 30px;
}

.pager2 a{
	border: 1px solid #999;
	border-radius: 5px 5px 5px 5px;
	color: #333;
	font-size: 110%;
	font-weight: 700;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 11px;
	padding-right: 10px;
	text-decoration: none;
	margin:0 5px 0 5px;
}

/*現在のページのボタン*/
.pager2 a.current{
	background: #999;
	border: 1px solid #999;
	border-radius: 5px 5px 5px 5px;
	color: #fff;
	font-size: 110%;
	font-weight: 700;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 11px;
	padding-right: 10px;
	margin:0 5px 0 5px;
	text-decoration: none;
}
.pager2 a:hover{
    background:#999;
    color: #fff;
}



/******************************************************************************
/* るくみー設定
*******************************************************************************/

.lukume{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin: 30px auto 0px auto;
	font-size: 100%;

}

.lukume_left {
	width:80%; 
	margin: 0px auto 0;
}

.lukume_right {
	width:20%; 
	padding-left: 30px;
	text-align: left;
	margin: 0px auto 0px auto;
	line-height: 2.0;


}



/******************************************************************************
/* PDFレイアウト
*******************************************************************************/




.pdf_area01{
	width: 100%;
	margin: 20px auto 0px auto;
	font-size: 100%;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;

}


.pdf_area01_left {
	width: 60%;
}



.pdf_area01_right {
	width: 35%;

}


/****************************************************************************************
/* ボックス設定
****************************************************************************************/




.contact_box2 {
	background-color: #ffffff;
	position: relative;
	min-height: 4em;
	text-align: center;
	text-decoration: none;
	transition: .3s;
	padding-top: 20px;
} 

.contact_box2 p.en{
	font-weight:700;
	font-size: 90%;
	padding-top: 20px;
	margin-bottom: 10px;
} 

.contact_box2 p.jp {
	color: #AE2923;
	font-size: 110%;
	font-weight: 700;
	padding-bottom: 20px;
	margin-left: -20px;
}

.contact_box2 p.jp2 {
	color: #AE2923;
	font-size: 120%;
	font-weight: 700;
	padding-bottom: 20px;
}



.contact_box2:hover {
	opacity: 0.5;
}



.contact_box2::after {
	content: "";
	width: 4em;
	height: 4em;
	position: absolute;
	margin: 0 auto;
	width: 0;
	height: 0;
	border-right: 1em solid #194375;
	border-top: 1em solid transparent;
	border-left: 1em solid transparent;
	right: 0;
	bottom: 0;
}


/******************************************************************************
/* トップに戻る
*******************************************************************************/




#page-top {
	position: fixed;
	bottom: 38px;
	right: 0px;
	z-index:100;
}
#page-top a {
	text-decoration: none;
	width: 50px;
	display: block;

}
#page-top a:hover {
	text-decoration: none;
}



/******************************************************************************
/* タブレットサイズ
*******************************************************************************/


@media screen and (max-width:1200px) {






body{
	width: 100%;
	margin:0px auto 0px auto;
	font-size: 90%;
	overflow: hidden;
}



/******************************************************************************
/* タブレットヘッダー用
*******************************************************************************/



.header_logo  {
	margin: 0px auto 0 auto;
	position: relative;
	top: 25px;
	left: 150px;
	z-index: 100;
	text-align: left;
}



.header_logo img {
	position: absolute;
	top: 0px;
	left: 0px;
	width : 300px;
	height: auto;
}

/******************************************************************************
/* トップタイトル英語
******************************************************************************/


.en_title01 {
	font-family: 'Poiret One', cursive;
	font-weight:400;
	display:block;
	margin-bottom:-20px;
	font-size:250%;
	text-align: left;
}

.en_title01 p {
	margin: 0 auto 0px auto;
	font-size: 130%;
	color: #ffffff;
	padding-bottom: 0px;
	background-image: linear-gradient(135deg, #ffffff 100%, #ffffff 100%);
	background-repeat: no-repeat;
	background-size: 50px 2px;
	background-position: left bottom;

}

.sub_title {
	font-weight:700;
	display:block;
	margin-top: 0px;
	font-size:120%;
	text-align: left;
}



/******************************************************************************
/* 見出しタイトル英語
******************************************************************************/


.title_head01_1 {
	margin-bottom: 60px;
	text-align: left;
	padding-bottom: 20px;
	background-image: linear-gradient(135deg, #999999 100%, #999999 100%);
	background-repeat: no-repeat;
	background-size: 50px 3px;
	background-position: left bottom;
}

.title_head01_1 p {
	margin: 0 auto 35px auto;
	font-size: 100%;
	font-weight: 700;
	color: #76A28B;

}
.title_head01_1 span {
	margin: 0 auto 0px auto;
	font-size: 100%;
	font-weight: 700;
	color: #76A28B;

}



/******************************************************************************
/* 本文エリア設定
*******************************************************************************/

.white_area {
	position: relative;
	right: 0;
	display: block;
	width: 100%;
	margin: 0px auto 0px auto;
	padding-top :0px;
	padding-bottom :50px;
	background-color: #ffffff;
}

.white_area_in {
	display: block;
	margin: 0 auto 0 auto;
	width: 90%;
	font-size: 90%;
	text-align: left;
}



.white_area2 {
	margin: 0 auto 0 auto;
	width: 100%;
	background-color: #ffffff;
}


.white_area_in2 {
	display: block;
	margin: 0 auto 0 auto;
	width: 95%;
	font-size: 90%;
	text-align: left;
}

.white_area_in4 {
	display: block;
	margin: 0 auto 0 auto;
	width: 95%;
	font-size: 90%;
	text-align: left;
}


.gray_area2 {
	margin: -50px auto -50px auto;
	width: 100%;
	background-image: url(../concept/images/recipe_bg.png);
	background-repeat: repeat;/*画像が繰り返すのを防ぐ*/
	background-position: top;
	text-align: center;

}

.gray_area_in2 {
	margin: 0 auto 0 auto;
	padding-top: 80px;
	padding-bottom: 0px;
	width: 95%;
	font-size: 90%;
	text-align: left;
}

/******************************************************************************
/* 給食
*******************************************************************************/

.lunch_content{
	position: relative;
	margin: -50px auto 0px auto;
	width: 100%;
	padding-top :100px;
	padding-bottom :180px;

}





.lunch_content.img_bg_02{

    background-image: url(../images/NGY-002.jpg?ver20231107);
    background-position: top, center;
    background-size: auto 100%, cover;
    background-repeat: no-repeat, no-repeat;
	z-index:1;


}





}

/******************************************************************************
/* スマートフォンサイズ
*******************************************************************************/


@media screen and (max-width:600px) {


.pcOnly {
	display: none;
}


.spOnly {
	display: block;
}



html {
	overflow-x: hidden!important;
	overflow-y: scroll; -webkit-overflow-scrolling: touch
}
 

body{
	width: 100%;
	margin:0px auto 0px auto;
	font-size: 90%;
	overflow: hidden;
	overflow-x: hidden!important;
}



/******************************************************************************
/* 本文設定
*******************************************************************************/

.contents_wrapper{
    display: block;
}

.contents_wrapper .flex01{
    display: none;
}


.contents_wrapper .flex02{
	width: 100%;
}



/****************************************************************************************
/* メインイメージエリア
****************************************************************************************/


#viewer {
	position: relative;
	margin: 0 auto 0 auto;
	width: 100%;
	height: 100vh; /* 全画面表示 */
	z-index: -1;
	overflow-x: hidden!important;
}


#viewer > img {
	overflow-x: hidden!important;

}


#sub {
	overflow-x: hidden!important;
}

#sub2 {
	overflow-x: hidden!important;
}




.hamburger_menu_area {
	position: fixed;
	top: 0px;
	right: 0px;
	z-index: 100000;
	width: 80px;
	height: 80px;
	background-color: rgba(255, 255, 255, 0.9);

}

.menu_image {
	margin-left: 0px;
	margin-bottom: 20px;
	width: 250px;
	height: auto;
}




/****************************************************************************************
/* メインコピー設定
****************************************************************************************/



.main_copy_area{
	width: 100%;
	position: absolute;
	top: 35%;
	left: 0px;
	display: flex;
	flexwrap: wrap;
}

.main_copy_area .flex01{
    width: 0px;
}


.main_copy_area .flex02{
	width: 100%;
	margin-left: 0%;
}



ul.main_copy_list {
	width: 100%;


}


ul.main_copy_list li {
	display: block;
	text-align: center;
}



.main_copy {
	width: 80%;
	height: auto;

}


.main_copy2 {
	width: 80%;
	height: auto;

}



/****************************************************************************************
/* ヘッダー設定
****************************************************************************************/


.header_logo {
	width: 100%;
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 100;

}



.header_logo img {
	position: absolute;
	top: 15px;
	left: 15px;
	width : 280px;
	height: auto;
}


/******************************************************************************
/* サブページトップ設定
******************************************************************************/




.middle_menu2_image{
	position: relative;
	width:100%;
	height:300px;
	margin-bottom:0px;
	z-index: 0;
}



.middle_menu2_image01 {
	width:100%;
	height:300px;
	over-fit: cover;
	object-position: 50% 60%;
}



/******************************************************************************
/* ニュースエリア設定
*******************************************************************************/



.news_area {
	width: 90%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 100px auto -50px auto;
	overflow: hidden;
}

.news_area_left {
	display: block;
	position: relative;
	width: 100%;
	margin: 0 50px 180px auto;
	z-index: 10;
}


.news_area_left img {
	position: absolute;
	top: 0;
	right: 0;
	width: 100px;
	margin: 0 auto 0 auto;
	z-index: 1;
}



.news_area_right {
	display: block;
	width: 100%;
	margin: 0 auto 0 auto;
	overflow: hidden;
}




ul.news4 {

	display: flex;
	flex-wrap: wrap;
	overflow-x: hidden;
	overflow-y: hidden;

}

ul.news4 li{
	margin-top: 20px;
	margin-bottom: 0px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	overflow: hidden;

}


ul.news4 li:nth-child(1){
	width: 100%;
	font-size: 100%;
	font-weight: 700;
	margin-right: 10px;
	margin-left: 0px;
	color: #ED828B;
	white-space: wrap;
	overflow: hidden;

}

ul.news4 li:nth-child(2){
	width: 80px;
	vertical-align: top;
	position: relative;
	white-space: nowrap;
	padding-bottom: 20px;
}

ul.news4 li:nth-child(3){

	font-weight: 700;
	
}

/******************************************************************************
/* 園の特徴設定
*******************************************************************************/

.features {
    position: relative;
	display: block;
	width: 100%;
	margin: 150px auto 0px auto;
	padding-top :50px;
	padding-bottom :50px;
	background-color :#FBF9F7;
	overflow-x: hidden;

}

.features_in {
	width: 90%;
	margin: 0px auto 0px auto;
	text-align: center;
}



.features_area {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 50px auto 0px auto;
}



.features_left {
	display: block;
	width: 100%;
	margin: 0 0% 30px 0;
	z-index: 10;
}



.features_left img {
	width: 100%;
	height: 300px;
	object-position: top;
	object-fit: cover;
	margin: 0 auto 0 auto;
	z-index: 1;

}



.features_right {
	display: block;
	width: 100%;
	margin: 0 auto 0 auto;
	text-align: left;
	overflow: hidden;
}


.features_right_image {
	width : 45%;
	height: auto;
	position: absolute;
	bottom: 50px;
	left: 5%;
}



/******************************************************************************
/* イベント報告ページレイアウト2
*******************************************************************************/



ul.submenu_nav {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	width:100%; 
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	overflow-x: hidden;
}


ul.submenu_nav::after {
	content: "";
	display: block;
	width: 100%;
	height: 0;
}

 
ul.submenu_nav li {
	letter-spacing:normal;
	display: inline-block;
	width: 100%; 
	vertical-align: top;
	text-align: center;
	margin-bottom: 20px;

}

/******************************************************************************
/* イベント報告ページレイアウト
*******************************************************************************/


.main_area {
	width: 100%;
	margin: 0px auto 50px auto;
	overflow-x: hidden;

}

/******************************************************************************
/*参照ファイル
*******************************************************************************/

ul.submenu_nav3 {
	width:100%; 
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 20px;
	margin-bottom: 0px;
}


ul.submenu_nav3::after {
	content: "";
	display: block;
	width: 32%;
	height: 0;
}




ul.submenu_nav3 li {
	letter-spacing:normal;
	display: inline-block;
	width: 100%;
	vertical-align: top;
	text-align: left;
	margin-bottom: 0px;

}

/******************************************************************************
/* アップロード済みPDF
*******************************************************************************/

.upload_box {
	background: #F5F5F5;
	border 1px solid #ff8e9d;
	font-size: 90%;
	font-weight: 700;
	padding: 20px;
}


/******************************************************************************
/* イベント報告ページレイアウト2
*******************************************************************************/


.event {
    position: relative;
	display: block;
	width: 100%;
	margin: 0px auto 0px auto;
	padding-top :50px;
	padding-bottom :50px;
	overflow: hidden;

}


.event_left {
	display: none;
}

/******************************************************************************
/* 社会福祉法人済聖会エリア設定
*******************************************************************************/


.corporation {
	width: 90%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0px auto 20px auto;
	padding-top: 25px;
	padding-bottom: 20px;
	border-bottom: 0px solid #e0e0e0;
	overflow: hidden;
}


.corporation a {
	color: #000000;
}

/******************************************************************************
/* 社会福祉法人済聖会エリア設定
*******************************************************************************/

.corporation_in {
	margin: 0 auto 0px auto;
	padding-top: 0px;
	padding-bottom: 50px;
	width: 85%;
	font-size: 90%;
	text-align: left;
	border-bottom: 0px solid #e0e0e0;

}

/******************************************************************************
/* 本文エリア設定
*******************************************************************************/

.white_area {
	position: relative;
	right: 0;
	display: block;
	width: 100%;
	margin: 30px auto 0px auto;
	padding-top :0px;
	padding-bottom :20px;
	background-color: #ffffff;
}

.white_area_in {
	display: block;
	margin: 0 auto 0 auto;
	width: 90%;
	font-size: 90%;
	text-align: left;
}



.white_area2 {
	margin: 0 auto 0 auto;
	width: 100%;
	background-color: #ffffff;
}


.white_area_in2 {
	display: block;
	margin: 0 auto 0 auto;
	width: 95%;
	font-size: 90%;
	text-align: left;
}

.white_area_in4 {
	display: block;
	margin: 0 auto 0 auto;
	width: 95%;
	font-size: 90%;
	text-align: left;
}


.gray_area2 {
	margin: -50px auto -50px auto;
	width: 100%;
	background-image: url(../concept/images/recipe_bg.png);
	background-repeat: repeat;/*画像が繰り返すのを防ぐ*/
	background-position: top;
	text-align: center;

}

.gray_area_in2 {
	margin: 0 auto 0 auto;
	padding-top: 80px;
	padding-bottom: 0px;
	width: 95%;
	font-size: 90%;
	text-align: left;
}


/******************************************************************************
/* タイトルヘッダーエリア用
******************************************************************************/

.obi2 {
	position: absolute;
	bottom: 0%;
	left: 0px;
	right: 0px;
	margin: 0 auto 0px auto;
	width: 0px;
	height: 50px; 
	z-index: 100;
	background-color: #ffffff;
	animation-name: anime2_1;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-delay: 1s;
	animation-fill-mode: forwards;
	opacity: 1;
	text-align: center;
}

/******************************************************************************
/* お問い合わせエリア用
******************************************************************************/



.contact {
	position: relative;
	display: block;
	width: 100%;
	margin: 0px auto 0px auto;
	padding-top :30px;
	padding-bottom :30px;
	background-color: #FcFcFc;
	overflow: hidden;
}


.contact_comment {
	display: block;
	font-size: 100%;
	font-weight: 700;
	color: #000000;
	margin-bottom: 20px;
}



.contact_title {
	position: relative;
	display: inline-block;
	padding: 0 85px;
	margin-bottom: 30px;
}





/******************************************************************************
/* コンセプト（ライトポジション）用
******************************************************************************/

.contents_header {
	position: relative;
	width: 90%;
	height: 600px;
	margin: 0px auto 50px auto;
}



.contents_header .img_pic {
	display: block;
	width:100%;
	position: absolute;
	top: 0px;
	right: 0;
	z-index: 1;
}

.contents_header .img_pic img {
	object-fit: cover;
	width:auto;
	height: 250px;
}



.contents_header .txt {
	background: #76A28B;
	background-color: rgba(118, 162, 139, 0.7);
	position: absolute;
	top: 250px;
	left: 0;
	width: 100%;
	height: 360px;
	color: #ffffff;
	z-index: 10;

}



.contents_header .txt .container {
	position:absolute;
	width: 90%;
	display:block;
	text-align: left;
	margin: 0 auto 0 5%;
}

.contents_header .txt .container p {
	font-size: 100%;
	margin-bottom: 35px;
	line-height: 2.00;

}


.contents_header .container img {
	width: 455px;
	height: auto;

}


/******************************************************************************
/* トップタイトル英語
******************************************************************************/


.en_title01 {
	font-family: 'Poiret One', cursive;
	font-weight:400;
	display:block;
	margin-bottom:-30px;
	font-size:200%;
	text-align: left;
}

.en_title01 p {
	margin: 0 auto -50px auto;
	font-size: 110%;
	color: #ffffff;

}

.en_title02 {
	font-family: 'Poiret One', cursive;
	font-weight:400;
	display:block;
	font-size:120%;
	text-align: left;
	white-space: nowrap;
}




.sub_title {
	font-weight:700;
	display:block;
	margin-top: 0px;
	font-size:120%;
	text-align: left;
}



/******************************************************************************
/* 見出しタイトル設定
*******************************************************************************/



.title_head01 {
	position: relative;
	margin-bottom: 30px;
	text-align: center;
}

.title_head01 p {
	margin: 0 auto 0px auto;
	font-size: 110%;
	font-weight: 700;
	color: #76A28B;
	padding-bottom: 20px;
	background-image: linear-gradient(135deg, #999999 100%, #999999 100%);
	background-repeat: no-repeat;
	background-size: 50px 3px;
	background-position: bottom;
}

.title_head01_1 {
	margin: -80px auto 20px auto;
	width: 100%;
	text-align: left;
	padding-bottom: 0px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left bottom;
	display: flex;
}

.title_head01_1 p {
	margin: 0px 10px 35px 0px;
	font-size: 80%;
	font-weight: 700;
	color: #76A28B;

}
.title_head01_1 span {
	margin: 0 auto 0px auto;
	font-size: 90%;
	font-weight: 700;
	color: #76A28B;

}


/******************************************************************************
/* カラー保育園概要
*******************************************************************************/



div.rainbow {
	position:relative;
	z-index:1;
	border-radius:2em;
	padding:10px;
	width:300px;
	font-size: 130%;
	font-weight: 700;
	background: -webkit-linear-gradient(45deg, #24c1fd, #86e240, #ffc31b 50%, #f76091);
	background: -o-linear-gradient(45deg, #24c1fd, #86e240, #ffc31b 50%, #f76091);
	background: linear-gradient(45deg, #24c1fd, #86e240, #ffc31b 50%, #f76091);
	text-align:center;
	margin : 0 auto 0 auto;
}
 
div.rainbow::before {
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	box-sizing:border-box;
	border-radius:2em;
	padding:3px;
	width:100%;
	height:100%;
	background:#fff;
	background-clip:content-box;
	content:"";
}


.title_color01 {
	font-size: 120%;
	font-weight: 700;
	background: #fff;
	padding: 5px 20px 5px 36px;
	margin: 0.6rem 0;
	display: inline-block;
	letter-spacing: 5px;
}

.title_color01 span {
	display: inline-block;
	color: #76A28B;
	font-size: 180%;
	background: -webkit-linear-gradient(45deg, #24c1fd, #86e240, #ffc31b 50%, #f76091);
	background: -o-linear-gradient(45deg, #24c1fd, #86e240, #ffc31b 50%, #f76091);
	background: linear-gradient(45deg, #24c1fd, #86e240, #ffc31b 50%, #f76091);
	font-weight: bold;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: rgba(255, 255, 255, 0);
	position: relative;
}


.title_color02 {
	font-size: 150%;
	font-weight: 700;
	background: #fff;
	margin: 20px auto 20px auto;
	display: block;
	letter-spacing: 5px;
	text-align: center;
}

.title_color02 span {
	display: inline-block;
	color: #76A28B;
	font-size: 180%;
	background: -webkit-linear-gradient(45deg, #24c1fd, #86e240, #ffc31b 50%, #f76091);
	background: -o-linear-gradient(45deg, #24c1fd, #86e240, #ffc31b 50%, #f76091);
	background: linear-gradient(45deg, #24c1fd, #86e240, #ffc31b 50%, #f76091);
	font-weight: bold;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: rgba(255, 255, 255, 0);
	position: relative;
}

/******************************************************************************
/* つよく・ゆたかに・キラキラと設定
*******************************************************************************/


.contact_area_box {
	width: 100%;
	display: block;
	position: relative;
	margin: 0 auto 0 auto;
	height: auto;

}

.contact_area_box .box-title {
	position: absolute;
	display: inline-block;
	top: -20px;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	padding: 7px 10px 10px 10px;
	width: 120px;
	height: 60px;
	font-size: 17px;
	background: #76A28B;
	color: #ffffff;
	font-weight: bold;
	border-radius: 60px 60px 0 0;
	z-index: 1;
}


.contact_area_box .box-title img {
	width: auto;
	height: 40px;
}



.contact_area_box .box-title2 {
	width: 100%
	margin: 50px auto 0 auto;
	display: block;
	font-size: 120%;
	background: #76A28B;
	color: #ffffff;
	font-weight: 700;
	padding : 10px;
}


.contact_area_box_in {
	margin-bottom: 100px; 
	padding: 20px;
	background: #F1F6F3;
	text-align: left;
	width: 100%;

}

.contact_area_box_in p {
	margin-bottom: 0px; 
	color :#76A28B;
	font-weight: 700;
}


/******************************************************************************
/* るくみー設定
*******************************************************************************/

.lukume{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin: 30px auto 30px auto;
	font-size: 100%;

}

.lukume_left {
	width:100%; 
	margin: 0px auto 0;
}

.lukume_right {
	width:100%; 
	padding-left: 0px;
	text-align: center;
	margin: 0px auto 0px auto;
	line-height: 2.0;
}

.lukume_right img {
	margin-top: 20px;
	width:40%; 
	height: auto;
}


/******************************************************************************
/* 保育園概要設定
*******************************************************************************/


.title_head02 {
	position: relative;
	margin-top: 30px;
	margin-bottom: 30px;
}

.title_head02 p {
	margin-left: 5px;
	font-size: 120%;
	font-weight: 700;
	color: #647BC5;
}

.title_head02:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -10px;
	width: 100%;
	height: 7px;
	background: -webkit-repeating-linear-gradient(-45deg, #647BC5, #647BC5 2px, #fff 2px, #fff 4px);
	background: repeating-linear-gradient(-45deg, #647BC5, #647BC5 2px, #fff 2px, #fff 4px);

}


/******************************************************************************
/* お知らせページレイアウト
*******************************************************************************/


.title_head03 {
	position: relative;
	margin-top: 50px;
	margin-bottom: 30px;
}

.title_head03 p {
	margin-left: 5px;
	font-size: 120%;
	font-weight: 700;
	color: #ED828B;
}

.title_head03:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -10px;
	width: 100%;
	height: 7px;
	background: -webkit-repeating-linear-gradient(-45deg, #ED828B, #ED828B 2px, #fff 2px, #fff 4px);
	background: repeating-linear-gradient(-45deg, #ED828B, #ED828B 2px, #fff 2px, #fff 4px);

}


/******************************************************************************
/* サークル設定
*******************************************************************************/

.circle01{
	display: block;
	border-radius: 50%;
	border: 0px solid #ffffff;
	width: 110px;
	height: 110px;
	padding: 5px;
	box-sizing: border-box;
	background: #79D8D9;

}
.circle01>div{
	border-radius: 50%;
	border: 3px solid #efefef;
	width: 100px;
	height: 100px;
	box-sizing: border-box;
	background: #79D8D9;
}

.circle01 p {
	text-align: center;
	margin-left: 1px;
	margin-top: 35px;
	color :#ffffff;
	font-weight: 700;
	font-size: 120%;
	letter-spacing: 3px;
}



.circle02{
	margin-top : 40px;
	border-radius: 50%;
	border: 0px solid #ffffff;
	width: 110px;
	height: 110px;
	padding: 5px;
	box-sizing: border-box;
	background: #BFDF95;
}
.circle02>div{
	border-radius: 50%;
	border: 3px solid #efefef;
	width: 100px;
	height: 100px;
	box-sizing: border-box;
	background: #BFDF95;
}

.circle02 p {
	text-align: center;
	margin-left: 1px;
	margin-top: 35px;
	color :#ffffff;
	font-weight: 700;
	font-size: 120%;
	letter-spacing: 3px;
}




.circle03 {
	margin-top : 40px;
	border-radius: 50%;
	border: 0px solid #ffffff;
	width: 110px;
	height: 110px;
	padding: 5px;
	box-sizing: border-box;
	background: #FAB851;
}
.circle03>div {
	border-radius: 50%;
	border: 3px solid #efefef;
	width: 100px;
	height: 100px;
	box-sizing: border-box;
	background: #FAB851;
}

.circle03 p {
	text-align: center;
	margin-left: 1px;
	margin-top: 25px;
	color :#ffffff;
	font-weight: 700;
	font-size: 120%;
	letter-spacing: 3px;
}



.circle04 {
	margin-top : 40px;
	border-radius: 50%;
	border: 0px solid #ffffff;
	width: 110px;
	height: 110px;
	padding: 5px;
	box-sizing: border-box;
	background: #FF879C;
}
.circle04>div {
	border-radius: 50%;
	border: 3px solid #efefef;
	width: 100px;
	height: 100px;
	box-sizing: border-box;
	background: #FF879C;
}

.circle04 p {
	text-align: center;
	margin-left: 1px;
	margin-top: 35px;
	color :#ffffff;
	font-weight: 700;
	font-size: 120%;
	letter-spacing: 3px;
}

/******************************************************************************
/* サークル設定2
*******************************************************************************/

ul.circle_style {
	margin : 20px auto 50px auto;
	width:100%; 
	display: block;
	justify-content: space-between;
	flex-wrap: wrap;
	text-align: center;
	gap: 0px 20px;/*縦0px、横30pxの指定*/

}


 
ul.circle_style li {
	width: 100%;
}

.circle_box01{
	display: block;
	box-sizing: border-box;
	background: #EEFAFA;
	text-align: left;
	padding-top : 10px;
	padding-left : 20px;
	padding-right : 30px;
	padding-bottom : 20px;
	height: auto;
}

.circle_box02{
	display: block;
	box-sizing: border-box;
	background: #F5FAEF;
	text-align: left;
	padding-top : 10px;
	padding-left : 30px;
	padding-right : 20px;
	padding-bottom : 20px;
	height: auto;

}


.circle_box03 {
	display: block;
	box-sizing: border-box;
	background: #FEF8EE;
	text-align: left;
	padding-top : 10px;
	padding-left : 30px;
	padding-right : 20px;
	padding-bottom : 20px;
	height: auto;
}




.circle_box04 {
	display: block;
	box-sizing: border-box;
	background: #FFF3F5;
	text-align: left;
	padding-top : 10px;
	padding-left : 30px;
	padding-right : 20px;
	padding-bottom : 20px;
	height: auto;
}



/******************************************************************************
/* サークルボックス設定3
*******************************************************************************/




ul.circle_style3 {
	margin : 80px auto -120px auto;
	width:100%; 
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	text-align: center;
	gap: 0px 0px;/*縦0px、横30pxの指定*/

}

ul.circle_style3 li {
	width: 100%;

}

/******************************************************************************
/* コンセプト設定
*******************************************************************************/



.title_color02 {
	font-size: 120%;
	font-weight: 700;
	background: #fff;
	margin: 20px auto 20px auto;
	display: inline-block;
	letter-spacing: 5px;
	text-align: left;
}

.title_color02 span {
	display: inline-block;
	color: #76A28B;
	font-size: 180%;
	background: -webkit-linear-gradient(45deg, #24c1fd, #86e240, #ffc31b 50%, #f76091);
	background: -o-linear-gradient(45deg, #24c1fd, #86e240, #ffc31b 50%, #f76091);
	background: linear-gradient(45deg, #24c1fd, #86e240, #ffc31b 50%, #f76091);
	font-weight: bold;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: rgba(255, 255, 255, 0);
	position: relative;
}



.text_box_area {
	margin: 20px auto 80px auto;
	width: 100%;
	text-align : center;
	line-height: 2.0;
	letter-spacing: 2px;
}





.text_box_area2 {
	display: block;
	margin: 0px auto 10px auto;
	width: 100%;
	text-align : left;
	line-height: 2.0;
	letter-spacing: 2px;
	justify-content: space-between;
	flex-wrap: wrap;
}

.text_box_area2 .flex01 {
	display: block;
	width : 100%;
	text-align: center;

}

.text_box_area2 .flex02 {
	display: block;
	width : 100%;
	text-align: center;
	margin-bottom: 0px;
}

.text_box_area2 .flex01 img {
	width : 100%;
	height : auto;
	object-fit: cover;
	object-position: 50% 50%;
	margin-bottom: 20px;

}

.text_box_area2 .flex02 img {
	width : 100%;
	height : auto;
	object-fit: cover;
	object-position: 50% 50%;
	margin-top: 10px;

}

.text_box_area2 .flex02 p {
	display: block;
	text-align: left;
}




.text_box_area3 {
	display: block;
	margin: 0px auto 50px auto;
	width: 100%;
	text-align : left;
	line-height: 2.0;
	letter-spacing: 2px;
	justify-content: space-between;
	flex-wrap: wrap;
}

.text_box_area3 .flex01 {
	display: block;
	width : 100%;
	text-align: center;

}

.text_box_area3 .flex02 {
	display: block;
	width : 100%;
	text-align: center;
	margin-bottom: 30px;
}

.text_box_area3 .flex01 img {
	width : auto;
	height : 100%;
	object-fit: cover;
	object-position: 50% 50%;
}

.text_box_area3 .flex02 img {
	width : auto;
	height : 100%;
	object-fit: cover;
	object-position: 50% 50%;
}


.space2 {

	display: block;
	width: 100%;
	height: 0px;
	margin-top: 0px;
}



.space3 {

	display: block;
	width: 100%;
	height: 0px;
}




/******************************************************************************
/* ミドルメニュー設定
*******************************************************************************/

.middle_menu_area {
	display:block;
	text-align: center;
}

.middle_menu {
	width: 90%;
	display: block;
	margin : 0 auto 30px auto;
}
.middle_menu p {
	font-family: 'Poiret One', cursive;
	color :#ffffff;
	font-weight: 400;
	font-size: 130%;
}

.middle_menu span {
	color :#ffffff;
	font-weight: 400;
	font-size: 85%;
}

/******************************************************************************
/* タイトルサイズ
*******************************************************************************/

p.event_title_a {
	display: block;
	font-size: 90%;
	font-weight: 700;
}

p.event_title_b {
	font-family: 'Poiret One', cursive;
	display: block;
	font-size: 200%;
	color:#76A28B;
	font-weight: 700;
	margin-bottom: 10px;
}



p.contact_title_a {
	display: block;
	font-size: 90%;
	font-weight: 700;
}

p.contact_title_b {
	font-family: 'Poiret One', cursive;
	display: block;
	font-size: 200%;
	color:#76A28B;
	font-weight: 700;
	margin-bottom: 10px;
}



/******************************************************************************
/* お問い合わせエリア用
******************************************************************************/



.contact_area {
	margin: 0px auto 50px auto;
	width: 100%;
	background-color: #FCFCFC;
}

.contact_area_in {
	margin: 0 auto 0 auto;
	padding-top: 50px;
	padding-bottom: 20px;
	width: 85%;
	font-size: 90%;
	text-align: center;
}


/******************************************************************************
/* ミドルメニュー設定
*******************************************************************************/

.middle_menu_area02 {
	display:block;
	text-align: center;
}

.middle_menu_area_sub01 {
	width: 100%;
	display: block;
	margin-bottom : 30px;
}


/******************************************************************************
/* コンセプト設定
*******************************************************************************/


.concept_area {
	width: 95%;
	margin-top: 0px;
	display: inline-block;
	text-align:right;
	margin-bottom : 20px;
}



.concept_title_color01 {
	background: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-right: 10px;
	display: inline-block;
	margin-bottom : -10px;
}

.concept_title_color01 span {
	font-size: 140%;
	letter-spacing: 10px;
	display: inline-block;
	color: #76A28B;
	background: -webkit-linear-gradient(45deg, #24c1fd, #86e240, #ffc31b 50%, #f76091);
	background: -o-linear-gradient(45deg, #24c1fd, #86e240, #ffc31b 50%, #f76091);
	background: linear-gradient(45deg, #24c1fd, #86e240, #ffc31b 50%, #f76091);
	font-weight: bold;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: rgba(255, 255, 255, 0);
	position: relative;
}


.cocept_ol {
	font-size: 100%;
	text-align: left;
}



/******************************************************************************
/* 給食
*******************************************************************************/




.wrap_recipe_head {
position: relative;

	display: block;
	background: none;
	border-bottom: 0px solid #fa7896;
	height: 65px;
	margin-bottom: 0 auto 0 auto;
	text-align : left;
}

.wrap_recipe_head .recipe_head {
	position: absolute;
	display: block;
	width: 300px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);

}

.wrap_recipe_head .recipe_head .new_recipe {
  background: #fa7896;
  -js-display: flex;
  display: -webkit-box;
  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;
  padding: 5px 5px 5px 10px;

  position: relative;
}

/******************************************************************************
/* レシピボタン設定
*******************************************************************************/

.recipe_menu01 {
	width: 100%;
	position: absolute;
	top: 80px;
	right: 0;
	display: block;
	background: none;
	height: 49px;
	margin-bottom :100px;

}

/******************************************************************************
/* イベント報告設定
*******************************************************************************/



.event {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: 0px auto 0px auto;
	padding-top :0px;
	padding-bottom :30px;
	flex-wrap: wrap;
}

.event_in {
	width: 100%;
	margin: 0px auto 0px auto;
	text-align: center;
}




.event_title {
	position: relative;
	display: inline-block;
	padding: 0 85px;
	margin-top: 130px;
}


.event_title:before,
.event_title:after {
	content: "";
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 50px;
	height: 1px;
	padding: 1px;
	background-color: #999999; /*背景色*/
}
 
.event_title:before {
   left: 0;
}
 
.event_title:after {
   right: 0;
}

.event_title_in {
	display: block;
	font-size: 100%;

}

.event_comment {
	display: block;
	font-size: 100%;
	font-weight: 700;
	color: #000000;
	margin-bottom: 30px;
}


p.event_title_a {
	display: block;
	font-size: 100%;
	font-weight: 700;
}

p.event_title_b {
	font-family: 'Poiret One', cursive;
	display: block;
	font-size: 300%;
	color:#76A28B;
	font-weight: 700;
	margin-bottom: 10px;
}

.event_left {
	position: absolute;
	top: 135px;
}

.event_left img {
	width: 100%;
	height: auto;
	object-position: top;
	object-fit: cover;
	margin: 0 auto 0 auto;
	z-index: 1;
}


.event_left2 {
	position: absolute;
	top: 115px;
	z-index: -1;
}

.event_left2 img {
	width: 100%;
	height: auto;
	object-position: top;
	object-fit: cover;
	margin: 0 auto 0 auto;
	z-index: 1;
}




.event_area {
	position:relative;
	width:100%;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.event_area iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height: 100%;
}



.event_copy {
	position: relative;
	width: 99.6%;
	display: block;
	font-size: 120%;
	font-weight: 700;
	color: #ffffff;
	margin: 30px auto 50px auto;
	background: #EBA067;
	box-shadow: 0px 0px 0px 5px #EBA067;
	border: dashed 3px white;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;

	box-sizing: border-box;
}


.event_comment_area {
    line-height: 3;
}



.kakomi_maru4 {
	position: absolute;
	top: 30px;
	right: -75px;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	display: block;
	font-size: 80%;
	font-weight: 700;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	color: #EBA067;
	background-color: #ffffff; /*背景色*/
	border-radius: 5px; /*角の丸み*/ 
	}




.event_circle01 {
	display: block;
	border-radius: 50%;
	border: 0px solid #ffffff;
	width: 60px;
	height: 60px;
	padding: 5px;
	box-sizing: border-box;
	background: #79D8D9;

}
.event_circle01>div{
	border-radius: 50%;
	border: 3px solid #efefef;
	width: 50px;
	height: 50px;
	box-sizing: border-box;
	background: #79D8D9;
}

.event_circle01 p {
	text-align: center;
	margin-left: 1px;
	margin-top: 10px;
	color :#ffffff;
	font-weight: 700;
	font-size: 120%;
	letter-spacing: 3px;
}



.event_circle02 {
	border-radius: 50%;
	border: 0px solid #ffffff;
	width: 60px;
	height: 60px;
	padding: 5px;
	box-sizing: border-box;
	background: #BFDF95;
}
.event_circle02>div{
	border-radius: 50%;
	border: 3px solid #efefef;
	width: 50px;
	height: 50px;
	box-sizing: border-box;
	background: #BFDF95;
}

.event_circle02 p {
	text-align: center;
	margin-left: 1px;
	margin-top: 10px;
	color :#ffffff;
	font-weight: 700;
	font-size: 120%;
	letter-spacing: 3px;
}




.event_circle03 {
	border-radius: 50%;
	border: 0px solid #ffffff;
	width: 60px;
	height: 60px;
	padding: 5px;
	box-sizing: border-box;
	background: #FAB851;
}
.event_circle03>div {
	border-radius: 50%;
	border: 3px solid #efefef;
	width: 50px;
	height: 50px;
	box-sizing: border-box;
	background: #FAB851;
}

.event_circle03 p {
	text-align: center;
	margin-left: 1px;
	margin-top: 10px;
	color :#ffffff;
	font-weight: 700;
	font-size: 120%;
	letter-spacing: 3px;
}



.event_circle04 {
	border-radius: 50%;
	border: 0px solid #ffffff;
	width: 60px;
	height: 60px;
	padding: 5px;
	box-sizing: border-box;
	background: #FF879C;
}
.event_circle04>div {
	border-radius: 50%;
	border: 3px solid #efefef;
	width: 50px;
	height: 50px;
	box-sizing: border-box;
	background: #FF879C;
}

.event_circle04 p {
	text-align: center;
	margin-left: 1px;
	margin-top: 10px;
	color :#ffffff;
	font-weight: 700;
	font-size: 120%;
	letter-spacing: 3px;
}



.event_subtitle {
	display: flex;
	margin : 10px auto 10px auto;
	width: 95%;
}

.event_subtitle span {
	margin-top: 20px;
	margin-left: 10px;
	font-weight: 700;
}


.event_subtitle_point {
	width: 90%;
	margin : 0 auto 30px auto;
}


.event_subtitle_point p {
	display : block;
	font-weight: 700;
	font-size : 90%;
}

.event_comment {
	width: 90%;
	display: block;
	font-size: 100%;
	font-weight: 700;
	color: #000000;
	margin : 0 auto 30px auto;

}

/******************************************************************************
/* 園ブログ
*******************************************************************************/


.news_contents_in {
	width: 90%;
	margin: 0px auto 100px auto;
	text-align: left;
	line-height: 2.0;
}

/******************************************************************************
/* PDFレイアウト
*******************************************************************************/




.pdf_area01{
	width: 100%;
	margin: 0px auto 0px auto;
	font-size: 90%;
	display: block;
	margin-bottom: 0px;
	flex-wrap: wrap;
}



.pdf_area01_left {
	width: 100%;
}



.pdf_area01_right {
	width: 100%;

}

/******************************************************************************
/* 本文
*******************************************************************************/


.contents {
	position: relative;
	display: block;
	width: 100%;
	margin: 60px auto 0px auto;
	padding-top :80px;
	padding-bottom :0px;
	text-align: center;

}

/******************************************************************************
/* お知らせ
*******************************************************************************/

.information_title {
	position: relative;
	display: inline-block;
	padding: 0 85px;
	margin-bottom: 50px;
}


.information_left {
	position: absolute;
	top: 20px;
	z-index: -1;
}

.information_left img {
	width: 80px;
	height: auto;
	object-position: top;
	object-fit: cover;
	margin: 0 auto 0 auto;
	z-index: 1;
}

.information_copy {
	position: relative;
	width: 98%;
	display: block;
	font-size: 100%;
	font-weight: 700;
	color: #ffffff;
	margin: 30px auto 50px auto;
	background: #76A28B;
	box-shadow: 0px 0px 0px 5px #76A28B;
	border: dashed 3px white;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;

	box-sizing: border-box;
}


.detail_main{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin: 30px auto 0px auto;
	font-size: 100%;
	justify-content: space-between;

}

.detail_left {
	width:100%; 
	margin: 0px auto 0 auto;
}

.detail_right {
	width:100%; 
	padding-left: 0px;
	text-align: left;
	margin: 0px auto 0px auto;
	line-height: 2.0;
}


.detail {
	font-size: 80%;
	margin-top: 20px;
	margin-bottom: 30px;
	width : 100%;
	text-align: right;
}


/******************************************************************************
/* 保育園概要
*******************************************************************************/



.outline_subtitle {
	display: flex;
	margin-top: 20px;
	margin-bottom: 20px;
	flex-wrap: wrap;
}

.outline_subtitle01 {
	display: inline-block;
	background-color: #76CB5C;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 10px;

}

.outline_subtitle01 p {
	color: #ffffff;
	font-size: 110%;
	font-weight: 700;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}

.outline_subtitle02 {
	display: inline-block;
	padding-left: 0px;
	font-weight: 700;
	font-size: 90%;

}

.outline_subtitle02 p {
	color: #000000;
	font-size: 110%;
	font-weight: 700;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}

/******************************************************************************
/* 園長の想い
*******************************************************************************/


.title_head04 {
	width: 100%;
	display: block;
	position: relative;
	margin-top: 30px;
	margin-bottom: 30px;
}

.title_head04 p {
	margin-left: 0px;
	font-size: 100%;
	font-weight: 700;
	color: #000000;
}

.title_head04:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -15px;
	width: 100%;
	height: 5px;
	background: -webkit-repeating-linear-gradient(-45deg, #76A28B, #76A28B 2px, #FFF6EF 2px, #FFF6EF 4px);
	background: repeating-linear-gradient(-45deg, #76A28B, #76A28B 2px, #FFF6EF FFF6EF, #fff 4px);

}


.title_head05 {
	position: relative;
	font-size: 100%;
	margin-top: 0px;
	margin-bottom: 20px;
	font-weight: 700;
	color: #000000;
}



.features_box {
	position : relative;
	display: flex;
	line-height: 1.8;
	letter-spacing : 1.5px;
	z-index: 1;
	margin-bottom: 50px;
	justify-content: space-between;
}



.features_box01 {
	margin-top: 20px;
	margin-bottom: 20px;
	position : relative;
	width: 100%;
	padding: 10px;
	display: flex;
	line-height: 1.8;
	letter-spacing : 1.5px;
	z-index: 1;
	text-align: left;
	background-color: #FFF6EF;
	border-radius: 8px;
	flex-wrap: wrap;
}



.features_box01_in {
	margin-top: 0px;
	position : relative;
	width: 100%;
	padding: 0px;
	display: flex;
	line-height: 1.8;
	letter-spacing : 1.5px;
	z-index: 1;
	text-align: left;
	background-color: #FFF6EF;
	border-radius: 8px;
	flex-wrap: wrap;
}





.features_box01_left {
	position: relative;
	width: 100%;
	top: 0px;
	right: 0px;
	margin-right: 0%;
	margin-bottom: 10px;
	z-index: -10;
	overflow: hidden;
}


.features_box01_left img {
	width: 100%;
	height: 100%;
	object-position: top;
	object-fit: cover;
	margin: 0 auto 0 auto;
	overflow: hidden;

}



.features_box01_right {
	position: relative;
	width: 100%;
	top: 0px;
	right: 0px;
	z-index: -10;
	overflow: hidden;
}








.features_box02 {
	position : relative;
	width: 55%;
	display: block;
	line-height: 1.8;
	letter-spacing : 1.5px;
	z-index: 1;
	text-align: left;
}




.features_box02_left {
	position: relative;
	width: 40%;
	top: 0px;
	right: 0px;
	z-index: -10;
	overflow: hidden;
}

.features_box02_left img {
	width: 100%;
	height: 100%;
	object-position: top;
	object-fit: cover;
	margin: 0 auto 0 auto;
	overflow: hidden;

}







.signature {
	display: block;
	margin: 30px auto 0px auto;
	width: 100%;
	text-align: right;
}

.signature img {
	width: 55%;
	height: auto;
}

.signature2 {
	display: block;
	margin: 30px auto 0px auto;
	width: 100%;
	text-align: right;
}

.signature2 img {
	width: 55%;
	height: auto;
}



/******************************************************************************
/* イベント報告ページレイアウト3
*******************************************************************************/

ul.submenu_nav2 {

	width:100%; 
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}


ul.submenu_nav2::after {
	content: "";
	display: block;
	width: 100%;
	height: 0;
}

ul.submenu_nav2 li:first-child {
	letter-spacing:normal;
	display: inline-block;
	width: 100%; 
	vertical-align: top;
	text-align: center;
	margin-bottom: 15px;

}

ul.submenu_nav2 li:first-child .detail_image_size {
	width: 100%;
	height: auto;
}

 
ul.submenu_nav2 li {
	letter-spacing:normal;
	display: inline-block;
	width: 100%;
	vertical-align: top;
	text-align: center;
	margin-bottom: 10px;

}


ul.submenu_nav2 img {
}



.detail_image_size {
	object-fit: cover;
	width: 100%;
	height: auto;
	object-position: 50% 50%
}



a.order {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 30px;
	height: 30px;
}




.goods2 {
	position: relative;
	margin-bottom: 0px;
	width:100%;
	height: 200px;
	z-index:1;

}

.goods2 a { display: block; }

a.goods-menu2 {
	width:100%;
}

.code {
	margin-bottom: 10px;

}

/****************************************************************************************
/* ボックス設定
****************************************************************************************/

.contact_box2 p.jp {
	margin-left: -20px;
}

/****************************************************************************************
/* 1日の流れ設定
****************************************************************************************/


.schedule_title_image {
	width: 100%;
	margin: 50px auto 0 auto;
	z-index: 1;
	text-align: center;
}

.schedule_title_image img {
	width: auto;
	height: 100px;
}




/****************************************************************************************
/* イベント報告設定
****************************************************************************************/

.event_left2 {
	display:none;
}


/******************************************************************************
/*インスタグラム設定用
******************************************************************************/



.insta_box02 {
	position : relative;
	width: 75%;
	display: block;
	line-height: 1.8;
	letter-spacing : 1.5px;
	z-index: 1;

}

.insta_box_left2 {
	position: absolute;
	width: 25%;
	top: 0px;
	right: 0px;
	z-index: -10;

}

/******************************************************************************
/* 子育て支援設定用
******************************************************************************/



.childcare_box {
	display: block;
	width: 100%;
	line-height: 1.8;
	letter-spacing : 1.5px;
	z-index: 1;
	margin-bottom: 20px;
}


.childcare_box01 {
	position : relative;
	width: 100%;
	display: block;
	line-height: 1.8;
	letter-spacing : 1.5px;
	z-index: 1;

}


.childcare_box02 {
	position : relative;
	width: 100%;
	display: block;
	line-height: 1.8;
	letter-spacing : 1.5px;
	z-index: 1;

}



.childcare_box_left {
	position : relative;
	display: block;
	width: 100%;
	z-index: -10;
	text-align: center;
}

.childcare_box_left img {
	width: 50%;
	height: auto;
	object-position: top;
	object-fit: cover;
	margin: 0 auto 0 auto;
}



.childcare_box_left2 {
	position: relative;
	display: block;
	width: 100%;
	top: 0px;
	right: 0px;
	z-index: -10;
	text-align: center;

}

.childcare_box_left2 img {
	width: 80%;
	height: auto;
	object-position: top;
	object-fit: cover;
	margin: 0 auto 0 auto;
}




/******************************************************************************
/* 給食
*******************************************************************************/



.kyusyoku {
	position:relative;
	z-index:1;
	border-radius:2em;
	padding:10px;
	width:300px;
	font-size: 130%;
	font-weight: 700;
	color :#ffffff;
	background-color: #E8C600;
	text-align:center;
}



.kyusyoku_out {
	position:relative;
	width: 100%;
	background-image: url(../lunch/images/kyusyoku_top_bg.png);
	background-repeat: no-repeat;/*画像が繰り返すのを防ぐ*/
	background-position: bottom;
	background-size: contain;
	z-index:1;

}


.lunch_box {
	margin : 30px auto 50px auto;
	width: 95%;
	font-size: 90%;
	letter-spacing: 2.5px;
	line-height: 1.8;
	z-index:1;
	text-align: center;
}


.lunch_box2 {
	margin : 0 auto 0 auto;
	width: 95%;
	font-size: 90%;
	letter-spacing: 2px;
	line-height: 1.8;
	z-index:1;
	text-align: left;
}




.page_intro_head .intro_head_inner {
	width: 90%;
	position: relative;
	display: inline-block;
	font-size: 110%;
	font-weight: 700;
	padding: 5px 20px 5px 36px;
	margin: 10px auto 0 auto;
	letter-spacing: 5px;
}

.page_intro_head .intro_head_inner:before, .page_intro_head .intro_head_inner:after {
	content: "";
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
}

.page_intro_head .intro_head_inner:before {
	background: url(../lunch/images/txt_deco_l@2x.png) no-repeat top center;
	background-size: contain;
	left: 0px;
}

.page_intro_head .intro_head_inner:after {
	background: url(../lunch/images/txt_deco_r@2x.png) no-repeat top center;
	background-size: contain;
	right: -10px;
}


.kondate_area {
	width: 100%;
	display: block;
	margin: 0px auto 0 auto;
	text-align: center;
}


.kondate_list {
	margin: 50px auto 0 auto;
	display: flex;
	justify-content: center;
}



.kondate_list img {
	width: 100px;
	height: auto;
}



/******************************************************************************
/* 給食リスト設定
*******************************************************************************/

.yellow_area {
	position: relative;
	margin: 0px auto 0px auto;
	width: 100%;
	background-color: #FDF9E5;
	border-top: 2px solid #e8c600;
	border-bottom: 2px solid #e8c600;
	padding-bottom: 30px;


}

.yellow_area_in {
	margin: 0 auto 0px auto;
	padding-top: 10px;
	padding-bottom: 0px;
	width: 90%;
	font-size: 90%;
	text-align: left;
}

.yellow_area:before, .yellow_area:after {
  content: "";
  position: absolute;
}

  .yellow_area:before {
   display: none;

  }



  .yellow_area:after {
   display: none;
  }


  .wrap_banner {
	margin : 0 auto 0 auto;
	width: 100%;
	text-align: center;
  }








.lunch_content{
	position: relative;
	margin: 0px auto 0px auto;
	width: 100%;
	padding-top :30px;
	padding-bottom :30px;

}





.lunch_content.img_bg_02{

    background-image: url(../images/NGY-002.jpg?ver20231107);
    background-position: top, center;
    background-size: auto 100%, cover;
    background-repeat: no-repeat, no-repeat;
	z-index:1;


}



.list_test-wrap {
	width: 100%;
    list-style:  none;          /* デフォルトのアイコンを消す */
    margin:  30px auto 0 auto;                 /* デフォルト指定上書き */
    padding: 0;                 /* デフォルト指定上書き */
    counter-reset: li_count;    /* カウンタをセット */
}


.list_test-wrap li {
    margin:  0px auto 15px auto;
}


.list_test-wrap li p {
	font-weight: 700;
  text-shadow: 2px 2px 2px #ffffff, -2px -2px 2px #ffffff,
  -2px 2px 2px #ffffff,  2px -2px 2px #ffffff,
  2px 0 2px #ffffff, -2px  0 2px #ffffff,
  0 2px 2px #ffffff,  0 -2px 2px #ffffff;
}


/******************************************************************************
/* 学びの保育設定用
******************************************************************************/





.lessons_box {
	width: 100%;
	position : relative;
	display: flex;
	line-height: 1.8;
	letter-spacing : 1.5px;
	z-index: 1;
	margin-bottom: 0px;
	justify-content: space-between;
	flex-wrap: wrap;
}





.lessons_box01 {
	margin-top: 0px;
	position : relative;
	width: 100%;
	display: flex;
	line-height: 1.8;
	letter-spacing : 1.5px;
	z-index: 1;
	text-align: left;
	background-color: #FFF6EF;
	border-radius: 8px;
	padding: 15px;
	flex-wrap: wrap;
}



.lessons_box01_in {
	position : relative;
	display: flex;
	width: 100%;
	line-height: 1.8;
	letter-spacing : 1.5px;
	z-index: 1;
	margin-top: 20px;
	justify-content: space-between;
	background-color: #ffffff;
	padding: 10px;
	border-radius: 8px;
	flex-wrap: wrap;

}




.lessons_box01_left {
	position: relative;
	width: 100%;
	top: 0px;
	right: 0px;
	margin-right: 5%;
	z-index: -10;
	overflow: hidden;
}

.lessons_box01_left p  {
	font-weight: 700;
	font-size: 120%;
	color: #76A28B;
	margin-bottom: 10px;
}






.lessons_box01_right {
	position: relative;
	width: 100%;
	top: 0px;
	right: 0px;
	z-index: -10;
	overflow: hidden;
}


.lessons_box01_right img {
	width: 100%;
	height: auto;
	object-position: top;
	object-fit: cover;
	margin: 0 auto 0 auto;

}






/******************************************************************************
/* コピーライト
*******************************************************************************/

.news_contents_in {
	width: 100%;
	margin: 0px auto 100px auto;
	text-align: left;
	line-height: 2.0;
}



/******************************************************************************
/* コピーライト
*******************************************************************************/




#copyright {
	margin: 0px auto 0px auto;
	width: 100%;
	background-color: #76A28B;
	padding:12px 0;
	color:#fff;
	text-align: center;
}



#copyright_in {
	font-size:50%;
	font-family:Arial, sans-serif;
	margin: 0px auto 0px auto;

}


#copyright2 {
  position: fixed;
  left: 0;
  bottom: 0;
	margin: 0px auto 0px 0px;
	width: 100%;
	background-color: #76A28B;
	padding:12px 0;
	color:#fff;
	text-align: center;
}


}