@charset "utf-8";

:root {
	--color: #917934;
}

/* common */

.ttl03A {
	font-size: 1.85714rem;
	line-height: 1.38462;
}

/* steps */

.stepsArea {
	width: inherit;
}

.steps .step {
	display: flex;
	gap: 45px;
}

.steps .step:not(:last-child)::after {
	content: none;
}

.steps .step .stepHeading {
	position: relative;
	margin-bottom: 0;
	background-color: var(--color);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-basis: 15.9%;
}

.steps .step:not(:last-child) .stepHeading::after {
	content: "";
	position: absolute;
	top: calc(100% - 1px);
	left: 0;

	width: 100%;
	height: 40px;

	clip-path: polygon(0 0, 100% 0, 50% 100%);
	background: var(--color);
}

.steps .step .stepBody {
	flex-basis: calc(100% - 15.9%);
}

.steps .step .stepCnt01 {
	display: flex;
	align-items: center;
}

.steps .step .stepImg01 {
	width: inherit;
}

.steps .step .stepCnt02 {
	display: flex;
}

.steps .step .stepCnt02 .stepImg03 {
	width: inherit;
}

/* appArea */

.appArea {
	width: inherit;
	margin: 20px auto;
	background: #fdf1f1;
	padding: 20px 20px;
	border-radius: 20px;
}
.appArea .areaTtl {
	width: auto;
	margin-bottom: 17px;
}
.appArea .btnFlex {
	display: flex;
	justify-content: center;
}
.appArea .btnFlex > li:first-of-type {
	margin-right: 30px;
}