@charset "UTF-8";

.flow__list-unit {
	display: flex;
	flex-direction: column;
	padding: var(--space--lg) var(--content-space_inline--md);
	row-gap: var(--space--2sm);
	position: relative;
}
.flow__list-unit:nth-child(odd) {
	background-color: var(--color_background);
}
.flow__list-unit:nth-child(2) {
	padding: var(--space--lg) var(--content-space_inline--md) 0 var(--content-space_inline--md);
}
.flow__list-unit:nth-child(2)::before {
	content: '';
	width: 250px;
	height: 86.5px;
	background-image: url('/wp-content/themes/prele/assets/image/flow/wave-line.svg');
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	right: 0;
	top: -30px;
}
.flow__list-unit:nth-child(3) {
	margin-top: var(--space--md);
	padding: clamp(calc(var(--space--lg) * 2 ), 21vw, 110px) var(--content-space_inline--md) var(--space--lg) var(--content-space_inline--md);
	background-image: url('/wp-content/themes/prele/assets/image/flow/bg-wave.svg');
	background-size: 102% auto;
	background-position: center top;
	background-repeat: no-repeat;
}
.flow__list-unit:nth-child(3)::after{
	content: '';
	width: 60px;
	height: 47.5px;
	background-image: url('/wp-content/themes/prele/assets/image/flow/footprint.svg');
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	right: 11vw;
	top: 25px;
}
.flow__list-unit-title {
	display: flex;
	width: fit-content;
	padding-inline: var(--space--xs);
	font-size: var(--font-size--2md);
	background: linear-gradient(transparent 60%, rgba(255, 255, 255, 1) 60%);
}
.flow__list-unit:nth-of-type(2) .flow__list-unit-title {
		background: linear-gradient(transparent 60%, rgba(241, 233, 229, 1) 60%);
}
.flow__list-unit .flow__list-unit-title::before {
	content: '';
	display: block;
	width: 27.5px;
	height: 18px;
	margin-right: var(--space--xs);
	background-image: url('/wp-content/themes/prele/assets/image/flow/number1.svg');
	background-repeat: no-repeat;
	background-size: contain;
}
.flow__list-unit:nth-of-type(2) .flow__list-unit-title::before {
	background-image: url('/wp-content/themes/prele/assets/image/flow/number2.svg');
}
.flow__list-unit:nth-of-type(3) .flow__list-unit-title::before {
	background-image: url('/wp-content/themes/prele/assets/image/flow/number3.svg');
}
.flow__cta {
	text-align: center;
}
.flow__cta-text {
	padding-bottom: var(--space--sm);
	font-size: var(--font-size--2md);
	font-weight: bold;
}
.flow__store-data {
	display: grid;
	padding: var(--space--sm);
	border: var(--border-style-default) var(--border-size-default) var(--border-color-default);
	row-gap: var(--space--xs);
}
.flow__store-data-unit {
	display: flex;
}
.flow__store-data-label {
	width: 80px;
	text-align: center;
	flex-shrink: 0;
}
.flow__store-data-value::before {
	content: "：";
	display: contents;

}
.flow__store-data-value {
	padding-left: 1em;
	text-indent: -1em;
}
.flow__note {
	padding: var(--space--sm);
	font-size: var(--text_note-size);
}
.flow__pricing-options {
	width: 100%;
}
.flow__pricing-options-item {
	display: grid;
	grid-template-columns: 1fr 1fr;
	padding: var(--space--xs);
	column-gap: var(--space--sm);
	border-bottom: var(--border-style-default) var(--border-size-default) var(--color_base-text);
}
.flow__pricing-options-item:first-child {
	padding-top: 0;
}
.flow__pricing-options-label {
	text-align: center;
}
.flow__pricing-options-value--small {
	font-size: var(--text_note-size);
}

@media (min-width: 580px) {
	.flow__list-unit:nth-child(3)::after{
		right: 75px;
	}
}
@media (min-width: 768px) {
	.flow__list {
		display: grid;
		row-gap: var(--content-gap);
	}
	.flow__list-unit {
		padding: var(--space--lg) var(--content-space_inline--lg);
	}
	.flow__list-unit:nth-child(2)::before {
		width: 345px;
		height: 120px;
		top: -100px;
	}
	.flow__list-unit:nth-child(3) {
		margin-top: 0;
	}
}