@charset "UTF-8";

/*-----------------------------------
	about_block
-----------------------------------*/
#support_block {
	padding: 100px 0 0;
	font-family: 'Zen Maru Gothic';
}

/*intro_box*/
#support_block .intro_box {}

#support_block .intro_box .fukidashi_txt {
	font-size: 24px;
	text-align: center;
	background: #F5B099;
	padding: 15px 0;
	max-width: 500px;
	width: 100%;
	margin: auto;
	border-radius: 50px;
	margin-bottom: 40px;
	color: #fff;
	position: relative;
}

#support_block .intro_box .fukidashi_txt::before {
	content: "";
	width: 20px;
	height: 20px;
	background: #F5B099;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -10px;
	margin: auto;
	transform: rotate(45deg);
}

#support_block .intro_box h5 {
	font-size: 36px;
	text-align: center;
	font-weight: 700;
	margin-bottom: 50px;
	line-height: 1.6;
}

#support_block .intro_box .img_box {
	margin: 50px auto 100px;
}

#support_block .intro_box .img_box img {
	display: block;
	max-width: 778px;
	width: 100%;
	height: auto;
	margin: auto;
}

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

@media screen and (max-width: 640px) {
	#support_block {
		padding: 70px 0 0;
	}

	#support_block .intro_box .fukidashi_txt {
		font-size: 16px;
		padding: 5px 0;
		max-width: 350px;
		margin-bottom: 20px;
	}

	#support_block .intro_box h5 {
		font-size: 28px;
		margin-bottom: 20px;
	}
}

/*****important_box*****/
#support_block .important_box {
	gap: 99px;
	margin-bottom: 110px;
}

#support_block .important_box .ttl_wrap {
	max-width: 333px;
	width: 35%;
}

#support_block .important_box .ttl_wrap .h4_style {
	text-align: left;
	margin-bottom: 50px;
	line-height: 1.6;
}

#support_block .important_box .ttl_wrap .h4_style::before {
	right: auto;
}

#support_block .important_box .important_list {
	display: flex;
	flex-direction: column;
	gap: 25px;
	font-size: 18px;
	max-width: 667px;
	width: 60%;
}

#support_block .important_box .important_list li {
	position: relative;
	padding-left: 50px;

}

#support_block .important_box .important_list li .num {
	color: #F5B099;
	font-size: 24px;
	position: absolute;
	left: 0;
	line-height: 1.6;
	font-weight: 700;
}

@media screen and (max-width: 840px) {
	#support_block .important_box .ttl_wrap .h4_style {
		margin-bottom: 25px;
	}

	#support_block .important_box {
		flex-direction: column;
		gap: 40px;
	}

	#support_block .important_box .ttl_wrap,
	#support_block .important_box .important_list {
		max-width: 100%;
		width: 100%;
	}
}

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

/*****early_education_box*****/
#support_block .early_education_box {
	z-index: 1;
	background: #FBF5EC;
	position: relative;
	padding: 100px 0;
}

#support_block .early_education_box .bg_deco {
	position: absolute;
	display: block;
	top: -15px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	background: url(../img/common/wave.svg) repeat-x;
	width: 200%;
	height: 100%;
	animation: wave01 linear 40s infinite;
	z-index: -1;
}

#support_block .early_education_box .row_box {
	gap: 60px;
	margin-top: 50px;
}

#support_block .early_education_box .row_box .txt_wrap {
	max-width: 510px;
	width: 48%;
}

#support_block .early_education_box .row_box .txt_wrap .h3_style {
	margin: 0 auto 30px;
	text-align: left;
}

#support_block .early_education_box .row_box .txt_wrap p:not(:last-child) {
	margin-bottom: 20px;
}

#support_block .early_education_box .row_box .img_box {
	width: 49%;
}

#support_block .early_education_box .row_box .img_box img {
	border-radius: 40px;
}

@media screen and (max-width: 840px) {
	#support_block .early_education_box .bg_deco {
		animation: wave01 linear 25s infinite;

	}

	#support_block .early_education_box .row_box .txt_wrap .h3_style {
		margin: 0 auto 15px;
	}

	#support_block .early_education_box .row_box {
		flex-direction: column;
		gap: 40px;
		margin-top: 25px;
	}

	#support_block .early_education_box .row_box .txt_wrap,
	#support_block .early_education_box .row_box .img_box {
		max-width: 100%;
		width: 100%;
	}

	#support_block .early_education_box .row_box .img_box img {
		display: block;
		margin: auto;
	}
}

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

/*****flow_box*****/
#support_block .flow_box .h4_style {
	margin: 100px auto 50px;
}

#support_block .flow_box .flow_list {
	margin: 50px auto 100px;
	gap: 60px;
	flex-wrap: wrap;
}

#support_block .flow_box .flow_list li {
	width: calc((100% - 180px) / 4);
}

#support_block .flow_box .flow_list li .step {
	text-align: center;
	padding: 8px 0;
	width: 100%;
	border-radius: 40px;
	background: #FBF5EC;
	font-weight: 900;
	font-size: 14px;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

#support_block .flow_box .flow_list li .step .num {
	font-weight: 700;
	font-size: 24px;
	padding-left: 5px;
}

#support_block .flow_box .flow_list li .img_box {
	margin: 30px auto;
	position: relative;
}

#support_block .flow_box .flow_list li:not(:last-child) .img_box::after {
	content: "";
	position: absolute;
	background: url("../img/service/support/list_arrow.svg")no-repeat;
	background-size: contain;
	width: 20px;
	height: 18px;
	top: 0;
	bottom: 0;
	right: -42px;
	margin: auto;
}

#support_block .flow_box .flow_list li .img_box img {
	width: 112px;
	display: block;
	margin: auto;
}

#support_block .flow_box .flow_list li .list_ttl {
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 20px;
	line-height: 1;
}

#support_block .flow_box .flow_list li .txt {
	font-size: 14px;
	text-align: justify;
}

.fs_red {
	color: #F5B099;
}

@media screen and (max-width: 840px) {
	#support_block .flow_box .h4_style {
		margin: 100px auto 25px;
	}

	#support_block .flow_box .flow_list li {
		width: calc((100% - 60px) / 2);
	}

	#support_block .flow_box .flow_list li:nth-child(2) .img_box::after {
		content: none;
	}
}

@media screen and (max-width: 640px) {
	#support_block .flow_box .flow_list {
		margin: 50px auto 70px;
	}

	#support_block .flow_box .flow_list li {
		width: 100%;
	}

	#support_block .flow_box .flow_list li .img_box::after {
		content: none !important;
	}
}

/*****example_box*****/
#support_block .example_box {
	padding: 50px 80px 70px;
	border-radius: 40px;
	background: #FBF5EC;
}

#support_block .example_box .example_ttl {
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.3;
}

#support_block .example_box .example_ttl span {
	font-size: 19px;
}

#support_block .example_box .img.wrap {
	gap: 50px 20px;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 50px;
}

#support_block .example_box .img.wrap .img_box {
	width: calc((100% - 40px) / 3);
}

#support_block .example_box .img.wrap .img_box img {
	display: block;
	max-width: 100%;
	width: 100%;
	border-radius: 200px;
	margin-bottom: 15px;
}

@media screen and (max-width: 840px) {
	#support_block .example_box {
		padding: 50px;
	}

	#support_block .example_box .img.wrap .img_box {
		width: calc((100% - 20px) / 2);
	}
}

@media screen and (max-width: 640px) {
	#support_block .example_box {
		padding: 50px 30px;
	}

	#support_block .example_box .img.wrap {
		gap: 30px;
		margin-top: 40px;
	}

	#support_block .example_box .img.wrap .img_box {
		width: 100%;
	}
}

/*****introduction_box*****/
#support_block .introduction_box {
	padding: 100px 0 0;
}

#support_block .introduction_box .h4_style {
	margin-bottom: 50px;
}

#support_block .introduction_box .row_box {
	gap: 60px;
	margin-top: 50px;
}

#support_block .introduction_box .row_box .txt_wrap {
	max-width: 510px;
	width: 48%;
}

#support_block .introduction_box .row_box .txt_wrap .h3_style {
	margin: 0 auto 10px;
	text-align: left;
}

#support_block .introduction_box .row_box .txt_wrap p:not(:last-child) {
	margin-bottom: 30px;
}

#support_block .introduction_box .row_box .img_box {
	width: 49%;
}

#support_block .introduction_box .row_box .img_box img {
	border-radius: 40px;
}

@media screen and (max-width: 840px) {
	#support_block .introduction_box .h4_style {
		margin-bottom: 25px;
	}

	#support_block .introduction_box .row_box {
		flex-direction: column-reverse;
		gap: 40px;
		margin-top: 25px;
	}

	#support_block .introduction_box .row_box .txt_wrap,
	#support_block .introduction_box .row_box .img_box {
		max-width: 100%;
		width: 100%;
	}

	#support_block .introduction_box .row_box .txt_wrap p:not(:last-child) {
		margin-bottom: 20px;
	}

	#support_block .introduction_box .row_box .img_box img {
		display: block;
		margin: auto;
	}
}

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