/* ---------- TOPページ・お問い合わせお支払い流れ ---------- */
.step-item {
	position: relative;
	&:not(:last-child)::after {
		content: "";
		position: absolute;
		background-color: #2F94CC;
	}
}
.step-number {
	font-weight: bold;
	color: #2F94CC;
}
.step-en {
	font-weight: bold;
	color: #A2A2A2;
	border-block-end: 0 solid #2F94CC;
}
.step-h3 {
	font-weight: bold;
	color: #044C74;
}
.step-point-list {
	display: flex;
	flex-direction: column;
	background-color: #e5e7eb;
}
@media (width < 768px) {
	.step-section {
		padding-block-start: 10px;
		padding-block-end: 50px;
	}
	.step-list {
		display: flex;
		flex-direction: column;
		gap: 70px;
		margin-block-start: 30px;
	}
	.step-item {
		&:not(:last-child)::after {
			inline-size: 50px;
			block-size: 25px;
			clip-path: polygon(50% 100%, 0% 0%, 100% 0%);
			inset-block-end: -50px;
			inset-inline-start: 50%;
			translate: -50% 0;
		}
	}
	.step-number {
		font-size: 80px;
	}
	.step-en {
		font-size: 20px;
		border-block-end-width: 5px;
		padding-block-end: 10px;
		margin-block-start: 15px;
	}
	.step-h3 {
		font-size: 20px;
		margin-block-start: 20px;
	}
	.step-lead {
		line-height: 24px;
		margin-block-start: 15px;
	}
	.step-point-list {
		border-radius: 5px;
		padding-block: 10px;
		padding-inline: 10px;
		gap: 10px;
		margin-block-start: 20px;
	}
	.step-point-item {
		padding-inline-start: 28px;
		line-height: 24px;
	}
}
@media (width >= 768px) {
	.step-section {
		padding-block-start: 40px;
		padding-block-end: 80px;
	}
	.step-list {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		gap: 60px;
		margin-block-start: 50px;
	}
	.step-item {
		&:not(:last-child)::after {
			inline-size: 28px;
			block-size: 48px;
			clip-path: polygon(0% 0%, 0% 100%, 100% 50%);
			inset-inline-end: -45px;
			inset-block-start: 50px;
		}
	}
	.step-number {
		font-size: 80px;
	}
	.step-en {
		font-size: 20px;
		border-block-end-width: 5px;
		padding-block-end: 12px;
		margin-block-start: 18px;
	}
	.step-h3 {
		font-size: 20px;
		margin-block-start: 20px;
	}
	.step-lead {
		font-size: 18px;
		line-height: 27px;
		margin-block-start: 18px;
	}
	.step-point-list {
		border-radius: 10px;
		padding-block: 15px;
		padding-inline: 15px;
		gap: 10px;
		margin-block-start: 18px;
	}
	.step-point-item {
		padding-inline-start: 28px;
		line-height: 24px;
	}
}