@charset "utf-8";
/*================================
ここから全サイズ適用
================================*/



/*------------------------------
.u-〇〇 …… 下層ページ固有のclass名

lower.cssにあるclass名と被らないよう
接頭文字として "u-" を付けてます。
uniqueの略。
------------------------------*/




/*-------------------------------
ページタイトル
-------------------------------*/
.page-title {
	background-image: url(img/page_icon.png);
}

/*================================
共通パーツ
================================*/

/*タイトル*/
/*-----------------------------*/
.u-title01 {
	margin-bottom: 1rem;
	font-size: 2.2rem;
	text-align: center;
	line-height: 1.4;
}
.u-title01.-type01 {
	color: #ff6360;
}
.u-title01.-type02 {
	color: #1d3a74;
}
.u-title02 {
	margin-bottom: 2rem;
	padding-bottom: 0.2em;
	border-bottom: 1px solid #6eb92b;
	font-size: 2.4rem;
	text-align: left;
	line-height: 1.4;
	color: #8a7257;
}

/*ボーダー*/
/*-----------------------------*/
.u-border01 {
	border: 1px solid #ffaaae;
}
.u-border02 {
	border: 1px solid #84d3fa;
}

/*流れ*/
/*-----------------------------*/
.u-flow_group {
	display: flex;
	justify-content: center;
	align-items: stretch;
	flex-flow: row wrap;
}
.u-flow_group.-arrow {
	position: relative;
	z-index: 1;
	margin-bottom: 2rem;
}
.u-flow_group.-arrow::before {
	position: absolute;
	z-index: 1;
	content: "";
	left: 50%;
	bottom: 0;
	translate: -50% 100%;
	width: 9rem;
	height: 2rem;
	background: #6eb92b;
	clip-path: polygon(0 0,100% 0,50% 100%);
}
.u-flow_hd {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 1rem;
	width: 25%;
	padding: 2rem;
	background: #6eb92b;
	border-radius: 1rem 0 0 1rem;
}
.u-flow_hd_title {
	font-size: 2.4rem;
	text-align: center;
	line-height: 1.4;
	color: #fff;
}
.u-flow_hd_sub {
	padding: 0.6rem 1rem;
	background: #fff799;
	font-size: 2.4rem;
	text-align: center;
	line-height: 1.4;
	color: #8a7257;
}
.u-flow_cont {
	width: 75%;
	padding: 2rem;
	background: #fff;
	border: 1px solid #6eb92b;
	border-radius: 0 1rem 1rem 0;
}
.u-flow_cont_hd {
	margin-bottom: 1rem;
	font-size: 2.2rem;
	text-align: left;
	line-height: 1.4;
	color: var(--theme-color01);
}
.u-flow_cont_ul {}
.u-flow_cont_ul li {
	position: relative;
	padding-left: 1em;
	text-align: left;
}
.u-flow_cont_ul li::before {
	position: absolute;
	content: "";
	left: 0;
	top: 0.5em;
	width: 0.7em;
	height: 0.7em;
	background: var(--theme-color01);
	border-radius: 50%;
}


/*================================
TABLET横 1080px～0px
================================*/
@media screen and (max-width: 1080px) {}


/*================================
TABLET縦 834px～0px
================================*/
@media screen and (max-width: 834px) {


	/*================================
	共通パーツ
	================================*/

	/*タイトル*/
	/*-----------------------------*/
	.u-title01 {}
	.u-title02 {}

	/*流れ*/
	/*-----------------------------*/
	.u-flow_group {}
	.u-flow_group.-arrow {}
	.u-flow_group.-arrow::before {}
	.u-flow_hd {
		width: 100%;
		border-radius: 1rem 1rem 0 0;
	}
	.u-flow_hd_title {}
	.u-flow_hd_sub {}
	.u-flow_cont {
		width: 100%;
		border-radius: 0 0 1rem 1rem;
	}
	.u-flow_cont_hd {}
	.u-flow_cont_ul {}
	.u-flow_cont_ul li {}
	.u-flow_cont_ul li::before {}
	
	
}


/*================================
SP表示 667px～0px
================================*/
@media (max-width: 667px) {


	/*================================
	共通パーツ
	================================*/

	/*タイトル*/
	/*-----------------------------*/
	.u-title01 {}
	.u-title02 {}

	/*流れ*/
	/*-----------------------------*/
	.u-flow_group {}
	.u-flow_group.-arrow {}
	.u-flow_group.-arrow::before {}
	.u-flow_hd {
		padding: 10px 16px;
	}
	.u-flow_hd_title {
		font-size: 2.2rem;
	}
	.u-flow_hd_sub {
		font-size: 2.2rem;
	}
	.u-flow_cont {
		padding: 10px 16px;
	}
	.u-flow_cont_hd {
		font-size: 2rem;
	}
	.u-flow_cont_ul {}
	.u-flow_cont_ul li {}
	.u-flow_cont_ul li::before {}


}