/* ===============================
   form confirm
   =============================== */
.form_flow {
	display:flex;
	justify-content:center;
}
.form_flow li {
	margin:0 16px;
	padding:0 16px;
	color:#7a7a7a;
	position:relative;
	line-height:1;
}
.form_flow li.active {
	color:var(--color-black);
}
.form_flow li:not(:first-child)::after {
	content: "";
	display: block;
	position: absolute;
	width: 1rem;
	aspect-ratio: 1 / 1;
	left: -1.2rem;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	border-right: 2px solid var(--color-secondary);
	border-top: 2px solid var(--color-secondary);
}

/* ------------------------------------- for sp */
@media ( max-width : 767px ) {
	.form_flow li {
		margin:0 8px;
		padding:0 8px;
		font-size:1.4rem;
		white-space:nowrap;
	}
}

/* ===============================
   form thanks
   =============================== */
.form_box.thanks {
	padding-top:40px;
	border-top:1px solid var(--color-border-1);
}
#thanks-message {
	text-align:center;
}
.form_box.thanks p {
	line-height:1.85;
}
.backtotop {
	margin-top:130px;
	text-align:center;
}
.backtotop a {
	width:256px;
	text-decoration:none;
	display:inline-block;
	padding:8px 66px;
	background:var(--color-secondary);
	color:var(--color-white);
	border:1px solid var(--color-secondary);
	font-size:1.6rem;
	line-height:1.85;
	border-radius:4px;
	transition:.3s;
}
/* ------------------------------------- for pc */
@media ( min-width : 768px ) {
	.backtotop a:hover {
		color:var(--color-secondary);
		background:var(--color-white);
		transition:.3s;
	}
}

/* ------------------------------------- for sp */
@media ( max-width : 767px ) {
	.backtotop {
		margin-top:80px;
	}
	.backtotop a {
		width:80%;
	}
}

#autozip {
   display: none !important;
}