/* --------　LIFE　-------- */

.life_page_menu .page_menu {
	margin-bottom: 100px;
}

.life_box {
	display: flex;
	justify-content: center;
}

.life_box dt,
dd {
	text-align: justify;
}

.life_box dt {
	font-size: 143.8%;
}

.life_box ul li {
	font-size: 125%;
	font-weight: bold;
	letter-spacing: 2px;
}

/* --------　LIFE-0・1・2歳児　-------- */

.l_012_h3 h3 {
	font-size: 150%;
	padding: 15px 70px;
	display: inline-block;
	background-color: #FFE0DB;
	border-radius: 30px 30px 0 0;
}

.list_box {
	width: 555px;
	border-radius: 30px 0 0 30px;
	padding: 40px 40px 20px;
}

.list_box.life_012 {
	background: #FFFAFC;
}

.list_set dt {
	border-radius: 25px 0 0 25px;
	padding: 5px 55px;
	position: relative;
}

.list_set.dl_012 dt {
	background: #FFE0DB;
}

.list_set.dl_012 .dt_img01,
.dt_img02,
.dt_img03,
.dt_img04 {
	width: 95%;
}

.life_box dt::before {
	content: '';
	width: 35px;
	height: 35px;
	background: url(../img/life_star.png) center center / contain no-repeat;
	position: absolute;
	top: 9px;
	left: 12px;
}

.list_set.dl_012 .dt_img01 img {
	width: 215px;
	height: 144px;
	position: absolute;
	top: 0;
	right: -20px;
}

.list_set.dl_012 .dt_img02 img {
	width: 215px;
	height: 144px;
	position: absolute;
	top: 0;
	right: -20px;
}

.list_set.dl_012 ul li {
	padding: 10px 0 20px 75px;
}

.list_set.dl_012 dd ul li {
	position: relative;
}

.list_set.dl_012 dd ul li::before {
	content: '⚫︎';
	width: 12px;
	height: 12px;
	color: #FFB0A2;
	position: absolute;
	top: 10px;
	left: 50px;
}

/* --------　LIFE-3・4・5歳児　-------- */

.l_345_box ul li {
	position: relative;
}

.l_345_box ul li::before {
	content: '⚫︎';
	width: 12px;
	height: 12px;
	color: #FEC64D;
	position: absolute;
	top: 10px;
	left: 50px;
}

.l_345_h3 h3 {
	font-size: 150%;
	padding: 15px 70px;
	display: inline-block;
	background-color: #FFE6B2;
	border-radius: 30px 30px 0 0;
}

.list_box.life_345 {
	background: #FFFBEC;
	border-radius: 0 30px 30px 0;
}

.list_set.dl_345 dt {
	background: #FEE6BE;
}

.list_set.dl_345 .dt_img03 img {
	width: 215px;
	height: 144px;
	position: absolute;
	top: 0;
	right: -20px;
}

.list_set.dl_345 .dt_img04 img {
	width: 215px;
	height: 144px;
	position: absolute;
	top: 0;
	right: -20px;
}

.list_set.dl_345 ul li {
	padding: 10px 0 20px 75px;
}

.list_set.dl_345 dd:nth-of-type(2) ul li {
	padding-bottom: 102px;
}

.list_set.dl_012 dd ul .oyatu {
	padding-bottom: 0;
}

.life_p {
	margin: 0 auto;
	text-align: center;
	display: block;
	padding-top: 30px;
	font-weight: 500;
	font-size: 125%;
}

.life_p ul {
	display: inline-block;
}

.life_p ul li {
	text-align: left;
}

.l_012_h3,
.l_345_h3 {
	text-align: center;
}

/* --------　LIFE-「食育について」　-------- */

.food_img img {
	width: 100%;
	height: 100%;
}

.food_img {
	position: relative;
}

.food_img::after {
	content: '';
	width: 388px;
	height: 266px;
	background: url(../img/food_01.png) center center / contain no-repeat;
	position: absolute;
	top: calc(50% - 133px);
	right: calc(50% - 194px);
}

.food_p {
	padding: 30px 0 50px;
}

.food_p p {
	padding-top: 20px;
	font-size: 112.5%;
}

.food_img_box {
	display: flex;
	justify-content: center;
	gap: 50px;
}

.food_img_box .foodbox_img {
	width: 250px;
	height: 100%;
}

/* --------　LIFE-「年間行事」　-------- */

.year_area .about_h2 span {
	padding-bottom: 0;
}

.year_box {
	padding-top: 40px;
}

.year_box ul li {
	font-weight: bold;
	padding-top: 5px;
}

.about_box.life .year_box .year_img img {
	width: 459px;
	height: 342px;
	margin: 20px;
}

.box_y {
	display: flex;
	justify-content: space-around;
}

.box_y2 {
	display: flex;
	justify-content: space-around;
	gap: 80px;
}

.year_box h3 {
	font-size: 175%;
}

.year_box .year_h3 .page_h3 span {
	font-size: 60%;
	padding-left: 10px;
	font-weight: normal;
}

/* --------　「年間行事　春　」　-------- */

.about_box.life .box_year456 {
	background: #FFE0DB;
	--matched-radius-padding: 40px;
	--matched-radius-inner-size: 35px;

	padding: var(--matched-radius-padding);
	border-radius: calc(var(--matched-radius-inner-size) + var(--matched-radius-padding));

	position: relative;
}

.page_h3.spring {
	position: absolute;
	top: 45px;
	right: 200px;
	z-index: 1;
}

.page_h3::before {
	content: '';
	width: 319px;
	height: 132px;
	position: absolute;
	z-index: -1;
}

.page_h3::after {
	content: '';
	width: 319px;
	height: 132px;
	position: absolute;
	right: -75px;
	z-index: -1;
}

.page_h3.spring::before {
	background: url(../img/year_c456.png) center center / contain no-repeat;
	top: -60px;
	right: -70px;
}

.page_h3.spring::after {
	display: none;
}

.about_box.life .year456 {
	background: #FFFAFC;
	border-radius: var(--matched-radius-inner-size);
}

.year_list {
	text-align: left;
	padding-top: 135px;
	padding-left: 100px;
}

.year_img {
	position: relative;
}

.year456 .year_img::before {
	content: '';
	width: 87px;
	height: 76px;
	background: url(../img/year_sp.png) center center / contain no-repeat;
	position: absolute;
	top: 80px;
	right: 50px;
}

.year_list li {
	position: relative;
}

.box_year456 ul li::before {
	content: "";
	width: 12px;
	height: 12px;
	background: #FFB0A2;
	border-radius: 6px;
	position: absolute;
	top: 13px;
	left: -25px;
}

.year_list.spring {
	width: 320px;
}

/* --------　「年間行事　夏　」　-------- */

.about_box.life .box_year789 {
	background: #FEE6BE;
	--matched-radius-padding: 40px;
	--matched-radius-inner-size: 35px;

	padding: var(--matched-radius-padding);
	border-radius: calc(var(--matched-radius-inner-size) + var(--matched-radius-padding));

	position: relative;
}

.page_h3.summer {
	position: absolute;
	top: 45px;
	left: 180px;
	z-index: 1;
}

.page_h3.summer::before {
	display: none;
}

.page_h3.summer::after {
	background: url(../img/year_c789.png) center center / contain no-repeat;
	top: -60px;
}

.about_box.life .year789 {
	background: #FFFBEC;
	border-radius: var(--matched-radius-inner-size);
}

.year789 .year_img {
	position: relative;
}

.year789 .year_img::after {
	content: '';
	width: 81px;
	height: 95px;
	background: url(../img/year_sm.png) center center / contain no-repeat;
	position: absolute;
	bottom: 30px;
	right: 50px;
}

.year789 .year_list li {
	position: relative;
}

.box_year789 ul li::before {
	content: "";
	width: 12px;
	height: 12px;
	background: #F9C153;
	border-radius: 6px;
	position: absolute;
	top: 13px;
	left: -25px;
}

/* --------　「年間行事　秋　」　-------- */

.about_box.life .box_year10 {
	background: #D6F7C9;
	--matched-radius-padding: 40px;
	--matched-radius-inner-size: 35px;

	padding: var(--matched-radius-padding);
	border-radius: calc(var(--matched-radius-inner-size) + var(--matched-radius-padding));

	position: relative;
}

.page_h3.autum {
	position: absolute;
	top: 45px;
	right: 200px;
	z-index: 1;
}

.page_h3.autum::before {
	background: url(../img/year_c10.png) center center / contain no-repeat;
	right: -60px;
	top: -60px;
}

.page_h3.autum::after {
	display: none;
}

.about_box.life .year10 {
	background: #FAFFEF;
	border-radius: var(--matched-radius-inner-size);
}

.year_box .box_y2 .year_list.summer {
	padding-left: 70px;
	width: 350px;
}

.year_box .box_y2 .year_list.winter {
	padding-left: 100px;
	width: 350px;
}

.year_box .year_list {
	text-align: left;
	padding-top: 100px;
	padding-left: 30px;
}

.year10 .year_img {
	position: relative;
}

.year10 .year_img::after {
	content: '';
	width: 87px;
	height: 63px;
	background: url(../img/year_au.png) center center / contain no-repeat;
	position: absolute;
	bottom: 30px;
	left: 50px;
}

.year10 .year_list li {
	position: relative;
}

.box_year10 ul li::before {
	content: "";
	width: 12px;
	height: 12px;
	background: #A7EF89;
	border-radius: 6px;
	position: absolute;
	top: 13px;
	left: -25px;
}

/* --------　「年間行事　冬　」　-------- */

.about_box.life .box_year123 {
	background: #DEEFFF;
	--matched-radius-padding: 40px;
	--matched-radius-inner-size: 35px;

	padding: var(--matched-radius-padding);
	border-radius: calc(var(--matched-radius-inner-size) + var(--matched-radius-padding));

	position: relative;
}

.page_h3.winter {
	position: absolute;
	top: 45px;
	left: 200px;
	z-index: 1;
}

.page_h3.winter::after {
	background: url(../img/year_c123.png) center center / contain no-repeat;
	top: -60px;
}

.page_h3.winter::before {
	display: none;
}

.about_box.life .year123 {
	background: #F8FDFF;
	border-radius: var(--matched-radius-inner-size);
}

.year123 .year_img {
	position: relative;
}

.year123 .year_img::after {
	content: '';
	width: 137px;
	height: 41px;
	background: url(../img/year_wi.png) center center / contain no-repeat;
	position: absolute;
	bottom: 50px;
	right: 10px;
}

.year123 .year_list li {
	position: relative;
}

.box_year123 ul li::before {
	content: "";
	width: 12px;
	height: 12px;
	background: #76AFE6;
	border-radius: 6px;
	position: absolute;
	top: 13px;
	left: -25px;
}

/* --------　「年間行事　毎月　」　-------- */

.year1012 {
	text-align: left;
}

.page_h3.month::after {
	display: none;
}

.box_year1012 .page_h3.month {
	font-size: 175%;
	padding: 30px 0 10px 60px;
	position: relative;
}

.box_year1012 .page_h3.month::before {
	content: '';
	background: url(../img/month_line1.png) center center / contain no-repeat;
	width: 206px;
	height: 20px;
	position: absolute;
	bottom: -15px;
	left: 40px;
	z-index: 1;
}

.about_box.life .box_year1012 {
	background: #F0D0E5;
	--matched-radius-padding: 40px;
	--matched-radius-inner-size: 35px;

	padding: var(--matched-radius-padding);
	border-radius: calc(var(--matched-radius-inner-size) + var(--matched-radius-padding));
}

.about_box.life .year1012 {
	background: #FFFAFD;
	border-radius: var(--matched-radius-inner-size);
}

.year_month {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 5px 40px;
	margin: 0;
	padding: 25px 0 50px;
}

.year1012 .year_month li {
	position: relative;
}

.year1012 .year_month li::before {
	content: "";
	width: 12px;
	height: 12px;
	background: #DBC7D4;
	border-radius: 6px;
	position: absolute;
	top: 13px;
	left: -25px;
}

.year_list br {
	display: none;
}

/*********** 1日の流れ レスポンシブ ***********/

@media (max-width: 1144px) {

	.list_box {
		width: 480px;
		padding: 20px;
	}

	.list_set.dl_012 .dt_img01 img,
	.list_set.dl_012 .dt_img02 img,
	.list_set.dl_345 .dt_img03 img,
	.list_set.dl_345 .dt_img04 img {
		width: 190px;
		height: 125px;
	}
}

@media (max-width: 991px) {

	.life_box {
		display: block;
	}

	.list_box {
		width: 100%;
		border-radius: 30px;
	}

	.list_box.life_345 {
		border-radius: 30px;
	}

	.list_set dt {
		border-radius: 25px;
	}

	.l_012_box ul li br,
	.l_345_box ul li br {
		display: none;
	}

	.list_set.dl_012 dd:nth-of-type(5) ul li,
	.list_set.dl_345 dd:nth-of-type(5) ul li,
	.list_set.dl_345 dd:nth-of-type(2) ul li {
		padding-bottom: 50px;
	}

	.list_box.life_012 {
		margin-bottom: 40px;
	}

	.life_box dt {
		font-size: 125%;
	}

	.list_set.dl_012 dt::before,
	.list_set.dl_345 dt::before {
		top: 6px;
	}

	.life_box ul li {
		font-size: 112.5%;
	}

	.life_p {
		font-size: 100%;
	}

	.list_set dd ul .oyatu {
		padding-bottom: 0;
	}
}

@media (max-width: 767px) {

	.life_page_menu .page_menu {
		margin-bottom: 50px;
	}

	.list_box .list_set ul li {
		padding: 10px 0 20px 45px;
	}

	.list_box .list_set dd ul .oyatu {
		padding-bottom: 0;
	}

	.list_set.dl_012 dd ul li::before,
	.l_345_box ul li::before {
		left: 25px;
	}

	.life_box .list_set dt::before {
		width: 30px;
		height: 30px;
		top: 8px;
		left: 8px;
	}

	.list_box .list_set dt {
		padding: 5px 41px
	}
}

@media (max-width: 699px) {

	.life_box h3 {
		font-size: 125%;
	}

	.life_box dt {
		font-size: 112.5%;
	}

	.life_box ul li {
		font-size: 100%;
	}
}

@media (max-width: 575px) {

	.list_set.dl_012 .dt_img01 img,
	.list_set.dl_012 .dt_img02 img,
	.list_set.dl_345 .dt_img03 img,
	.list_set.dl_345 .dt_img04 img {
		width: 150px;
		height: 100px;
	}
}

@media (max-width: 528px) {

	.life_p ul,
	.life_p p {
		padding: 0 10px;
	}
}

@media (max-width: 475px) {

	.l_012_box ul li br,
	.l_345_box ul li br {
		display: block;
	}

	.list_set.dl_012 dd:nth-of-type(5) ul li,
	.list_set.dl_345 dd:nth-of-type(5) ul li,
	.list_set.dl_345 dd:nth-of-type(2) ul li {
		padding-bottom: 20px;
	}
}

@media (max-width: 425px) {

	.l_012_box ul li br,
	.l_345_box ul li br {
		display: none;
	}

	.sp_img {
		padding-top: 130px;
	}

	.list_set.dl_012 .dt_img01 img,
	.list_set.dl_012 .dt_img02 img,
	.list_set.dl_345 .dt_img03 img,
	.list_set.dl_345 .dt_img04 img {
		width: 70%;
		height: auto;
	}
}

@media (max-width: 390px) {

	.sp_img {
		padding-top: 100px;
	}

	.list_set.dl_345 dd:nth-of-type(2) ul li {
		padding-bottom: 10px;
	}

	.life_box h3 {
		padding: 15px 40px;
	}
}

@media (max-width: 375px) {

	.sp_img {
		padding-top: 70px;
	}

	.list_set.dl_012 .dt_img01 img,
	.list_set.dl_012 .dt_img02 img,
	.list_set.dl_345 .dt_img03 img,
	.list_set.dl_345 .dt_img04 img {
		width: 60%;
		height: auto;
	}
}

/*********** 食育について レスポンシブ ***********/

@media (max-width: 1024px) {

	.food_img_box {
		gap: 20px;
	}
}

@media (max-width: 991px) {

	.food_img::after {
		width: 250px;
		height: 170px;
		top: calc(50% - 85px);
		right: calc(50% - 125px);
	}

	.food_p br {
		display: none;
	}

	.food_p p {
		font-size: 100%;
	}

	.food_img_box .foodbox_img {
		width: 190px;
	}
}

@media (max-width: 767px) {

	.food_img::after {
		width: 180px;
		height: 124px;
		top: calc(50% - 62px);
		right: calc(50% - 90px);
	}

	.food_img_box .foodbox_img {
		width: 130px;
	}
}

@media (max-width: 575px) {

	.food_p p {
		text-align: left;
	}
}

@media (max-width: 500px) {

	.food_img_box {
		flex-wrap: wrap;
	}
}

@media (max-width: 450px) {

	.food_img::after {
		width: 130px;
		height: 94px;
		top: calc(50% - 47px);
		right: calc(50% - 65px);
	}
}

@media (max-width: 425px) {

	.food_area .about_h2 span {
		padding-bottom: 30px;
	}
}

/*********** 年間行事 レスポンシブ ***********/

@media (max-width: 1199px) {

	.about_box.life .year_box .year_img img {
		width: 380px;
		height: 280px;
	}

	.year456 .year_img::before {
		top: 60px;
	}

	.year_box .year_list {
		padding: 100px 0 30px 30px;
	}

	.year_month {
		gap: 5px 40px;
		padding: 25px 0px 30px 30px;
	}
}

@media (max-width: 1024px) {

	.year_box .year_list {
		padding: 80px 0 30px 30px;
		width: 40%;
	}

	.year456 .year_img::before {
		top: 50px;
		right: 50px;
	}

	.box_y {
		justify-content: space-around;
	}

	.box_y2 {
		gap: 0;
	}

	.year1012 .year_month li::before {
		left: -20px;
	}
}

@media (max-width: 991px) {

	.year_month {
		justify-content: left;
		padding: 25px 20px 40px 50px;
	}

	.about_box.life .box_year456,
	.about_box.life .box_year789,
	.about_box.life .box_year10,
	.about_box.life .box_year123,
	.about_box.life .box_year1012 {
		--matched-radius-padding: 25px;
	}

	.about_box.life .year_box .year_img img {
		width: 270px;
		height: 190px;
		margin-top: 60px;
	}

	.year456 .year_img::before {
		top: 70px;
		width: 55px;
		height: 55px;
	}

	.page_h3::before,
	.page_h3::after {
		width: 270px;
		height: 115px;
	}

	.page_h3.spring,
	.page_h3.autum {
		top: 30px;
		right: 100px;
	}

	.page_h3.spring::before {
		top: -50px;
		right: -50px;
	}

	.page_h3.autum::before {
		top: -50px;
		right: -35px;
	}

	.page_h3.summer,
	.page_h3.winter {
		top: 30px;
		left: 100px;
	}

	.page_h3.summer::after {
		top: -50px;
		right: -65px;
	}

	.page_h3.winter::after {
		top: -50px;
	}

	.year789 .year_img::after {
		width: 50px;
		height: 60px;
	}

	.year10 .year_img::after {
		width: 70px;
		height: 45px;
		bottom: 60px;
		left: 40px;
	}

	.year123 .year_img::after {
		width: 110px;
		height: 35px;
		bottom: 40px;
		right: 40px;
	}

	.year1012 .year_month li {
		width: 100%;
	}

	.year_list br {
		display: block;
	}
}

@media (max-width: 767px) {

	.box_y,
	.box_y2 {
		display: block;
	}

	.page_h3.spring,
	.page_h3.autum {
		top: 40px;
		right: 40px;
	}

	.page_h3.spring::before {
		right: -40px;
	}

	.page_h3.summer,
	.page_h3.winter {
		top: 40px;
		left: 60px;
	}

	.page_h3.winter::after {
		right: -65px;
	}

	.year456 .year_img::before {
		top: 110px;
		right: 60px;
	}

	.year10 .year_img::after {
		left: 320px;
		bottom: 120px;
	}

	.about_box.life .year_box .year_img img {
		margin: 100px 20px 0 30px;
	}

	.year789 .year_img,
	.year123 .year_img {
		display: flex;
		flex-direction: row-reverse;
	}

	.about_box.life .year_box .year789 .year_img img,
	.about_box.life .year_box .year123 .year_img img {
		margin: 0px 30px 30px 0;
	}

	.year_box .year_list {
		padding: 30px 0 30px 70px;
		width: 100%;
	}

	.year_list br {
		display: none;
	}

	.year_box .box_y2 .year_list.summer,
	.year_box .box_y2 .year_list.winter {
		padding-top: 90px;
		padding-left: 70px;
	}

	.year789 .year_img::after {
		width: 40px;
		height: 50px;
		bottom: 40px;
	}

	.year123 .year_img::after {
		width: 90px;
		height: 30px;
		right: 30px;
	}

	.life_p p {
		text-align: left;
	}
}

@media (max-width: 699px) {

	.year_box h3 {
		font-size: 150%;
	}

	.year_box .year_list {
		padding: 20px 20px 30px 55px;
	}

	.year_box .box_y2 .year_list.summer,
	.year_box .box_y2 .year_list.winter {
		padding-top: 100px;
		padding-left: 55px;
		width: 100%;
	}

	.page_h3.spring,
	.page_h3.autum {
		top: 40px;
		right: 60px;
	}

	.page_h3.spring::before {
		right: -55px;
		top: -50px;
	}

	.page_h3.summer,
	.page_h3.winter {
		top: 45px;
		left: 75px;
	}

	.page_h3.summer::after,
	.page_h3.winter::after {
		top: -50px;
	}

	.page_h3.autum::before {
		right: -40px;
	}

	.box_year1012 .page_h3.month {
		font-size: 150%;
		padding: 30px 0 10px 40px;
	}

	.box_year1012 .page_h3.month::before {
		width: 165px;
		left: 20px;
	}
}

@media (max-width: 500px) {

	.year10 .year_img::after {
		left: 280px;
		bottom: 130px;
	}
}

@media (max-width: 425px) {

	.year10 .year_img::after {
		left: 220px;
	}

	.year_box:nth-of-type(1) {
		padding-top: 60px;
	}

	.about_box.life .box_year456,
	.about_box.life .box_year789,
	.about_box.life .box_year10,
	.about_box.life .box_year123,
	.about_box.life .box_year1012 {
		--matched-radius-padding: 20px;
	}
}

@media (max-width: 400px) {

	.about_box.life .year_box .year_img img {
		width: 230px;
		height: 170px;
	}

	.year456 .year_img::before {
		top: 102px;
		right: 40px;
	}

	.year10 .year_img::after {
		left: 215px;
		bottom: 115px;
	}
}

@media (max-width: 375px) {

	.year10 .year_img::after {
		left: 195px;
	}

	.year_box .year_list {
		padding: 20px 15px 30px 45px;
	}

	.year_box .box_y2 .year_list.summer,
	.year_box .box_y2 .year_list.winter {
		padding-left: 40px;
	}

	.year_month {
		padding: 25px 20px 40px 40px;
	}

	.page_h3.spring {
		top: 40px;
		right: calc(50% - 64px);
	}

	.page_h3.autum {
		top: 40px;
		right: calc(50% - 89px);
	}

	.page_h3.spring::before {
		right: -70px;
	}

	.page_h3.autum::before {
		right: -45px;
	}

	.page_h3.summer,
	.page_h3.winter {
		left: calc(50% - 64px);
	}

	.page_h3.summer::after,
	.page_h3.winter::after {
		right: -70px;
	}

	.box_year456 ul li::before,
	.box_year789 ul li::before {
		left: -20px;
	}
}

@media (max-width: 350px) {

	.about_box.life .year_box .year_img img {
		width: 200px;
		height: 150px;
	}

	.year456 .year_img::before {
		width: 45px;
		height: 45px;
	}

	.year789 .year_img::after {
		bottom: 30px;
	}

	.year10 .year_img::after {
		width: 55px;
		height: 30px;
		left: 180px;
		bottom: 100px;
	}

	.year123 .year_img::after {
		right: 20px;
	}
}