@charset "utf-8";



/*====================================
共通パーツ
====================================*/
/*section（共通）*/
.features_sec {
	position: relative;
}

/*section(奇数ver)*/
.features_sec:nth-of-type(2n-1) {
	background: #eee;
}

/* ※2025/3/27時点で非表示に変更しました。
section（奇数ver-波模様画像）
.features_sec:nth-of-type(2n-1)::before {
	content: "";
	background: url(../img/sec_bg_deco01_grey.webp) repeat; 
	position: absolute;
	left: 0;
	bottom: -15px;
	width: 100%;
	height: 15px;
	z-index: 2;
}

section(偶数ver-波模様画像)
.features_sec:nth-of-type(2n)::before {
	content: "";
	background: url(../img/sec_bg_deco01_white.webp) repeat;
	position: absolute;
	left: 0;
	bottom: -15px;
	width: 100%;
	height: 15px;
	z-index: 2;
}
*/

/*タイトル*/
.features_ttl01 {
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	flex-flow: row wrap;
	gap: 10px 20px;
	position: relative;
	margin-bottom: 50px;
	padding-bottom: 15px;
	border-bottom: solid 2px #fff;
}
.features_ttl01::before {
	content: "";
	border-bottom: solid 2px var(--color01);
	position: absolute;
	bottom: -2px;
	width: 46px;
}
.features_ttl01_count {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 2px;
	width: 6%;
}
.features_ttl01_count_jp {
	width: 100%;
	font-size: clamp(20px, 20 / 1200 * 100vw, 20px);
	line-height: 1;
	text-align: center;
	color: var(--color04);
}
.features_ttl01_count_num {
	width: 100%;
	font-size: clamp(20px, 44 / 1200 * 100vw, 44px);
	line-height: 1;
	text-align: center;
	color: var(--color04);
}
.features_ttl01_main {
	width: calc(100% - (6% + 20px));
	font-size: clamp(20px, 30 / 1200 * 100vw, 30px);
	text-align: left;
	line-height: 1.2;
	color: #333;
}
.features_bg01 {
	padding: 10px;
	background: #fff;
	border: 2px solid #77c4c4;
	border-radius: 10px;
	box-shadow: 0px 0px 8.1px 0.9px rgba(0, 0, 0, 0.1);
}
.features_fukidashi {
	background-color: var(--color02);
	border-radius: 18px;
	color: #fff;
	text-align: center;
	position: relative;
	margin: 10px auto 20px;
	padding: 0 10px;
	font-size: clamp(16px, 18 / 1200 * 100vw, 18px);
	line-height: 1.5;
	letter-spacing: 1.5px;
}
.features_fukidashi::after {
	content: "";
	position: absolute;
	right: 0;
	left: 0;
	margin: 0 auto;
	top: 100%;
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7.5px 7.5px 0 7.5px;
	border-color: var(--color02) transparent transparent transparent;
}


/*====================================
834px～0 まで
====================================*/
@media screen and (max-width: 834px) {}


/*====================================
667px～0 まで
====================================*/
@media screen and (max-width: 667px) {}


/*====================================
480px～0 まで
====================================*/
@media screen and (max-width: 480px) {
	/*タイトル*/
	.features_ttl01 {
		margin-bottom: 20px;
	}
	.features_ttl01::before {}
	.features_ttl01_count {
		width: 100%;
		flex-direction: row;
	}
	.features_ttl01_count_jp {
		width: auto;
	}
	.features_ttl01_count_num {
		width: auto;
	}
	.features_ttl01_main {
		width: 100%;
	}

}