@charset 'utf-8';
.p-flow {
	padding: 7rem 0;
	background: #ecc488;
}

.p-flow h2 {
	text-align: center;
}

.p-flow h2 + p {
	text-align: center;
	@media (max-width: 768px) {
		text-align: left;
	}
}

.p-flow ol {
	margin-top: 3rem;
}

.p-flow li {
	position: relative;
	padding-top: 7rem;
}
.p-flow li + li {
	margin-top: 2.4rem;
}
.p-flow li:nth-child(1) .p-flow-list::before {
	background: url('../img/rental-kimono/flow-ttl01.jpg') center/cover;
}
.p-flow li:nth-child(2) .p-flow-list::before {
	background: url('../img/rental-kimono/flow-ttl02.jpg') center/cover;
}
.p-flow li:nth-child(3) .p-flow-list::before {
	background: url('../img/rental-kimono/flow-ttl03.jpg') center/cover;
}
.p-flow-list::before {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 18rem;
	height: 10rem;
	content: '';
}
.p-flow li::after {
	width: 100%;
	height: 0.1rem;
	background: #e29f3a;
	bottom: 0.7rem;
	left: 0;
	content: '';
	position: absolute;
}
.p-flow-list {
	background: #fff;
	padding: 1.6rem;
	display: flex;
	align-items: center;
	gap: 0 4rem;
	@media (max-width: 768px) {
		padding: 4rem 2rem;
		flex-direction: column;
		gap: 4rem 0;
	}
}

.p-flow-list h3 {
	font-size: 2.4rem;
	font-weight: 700;
	margin-bottom: 1rem;
}
.p-flow-img {
	width: 32rem;
	@media (max-width: 768px) {
		width: 100%;
	}
}
.p-flow-contents {
	flex: 1;
	@media (max-width: 768px) {
		width: 100%;
	}
}
.p-naoshi {
	padding: 7rem 0;
}
.p-naoshi h2 {
	text-align: center;
	margin-bottom: 4rem;
}

p + p {
	margin-top: 1em;
}