@charset "UTF-8";
/* CSS Document */




/*依頼方法*/
.request-flow li {
	list-style: none;
	font-size: 0.8125rem;
	padding-left: 1.5rem;
	text-indent: -1.rem;
	position: relative;
	padding-bottom: .5rem;
}
.request-flow li::before {
	content: url("/img/mypage/check.svg");
	width: 13px;
	height: 13px;
	position: absolute;
	left: .4rem;
	top: 2px;
}
.request-flow dt {
	font-size: 1.1875rem;
}
.request-flow dd img {
	width: 65%;
}
.request-flow dl {
	position: relative;
}
.request-flow dl:not(:last-child)::after{
	content: url("/img/common/arrow-green.svg");
	position: absolute;
	top: 37%;
	right: -5%;
	width: 28px;
	height: 6px;
}
@media (max-width:1199.98px){
	.request-flow dt {
		font-size: 1.0625rem;
	}
}
@media (max-width:767.98px){
	.request-flow dt {
		font-size: 1.1875rem;
	}
	.request-flow {
		width: 92%;
		margin: 0 auto;
	}
	.request-flow dd img {
		width: 45%;
	}
	.request-flow dl:not(:last-child) {
		margin-bottom: 70px;
	}
	.request-flow dl:not(:last-child)::after{
		top: auto;
		bottom: -10%;
		right: 40%;
		width: 28px;
		height: 6px;
		transform: rotate(90deg);
	}
}



/*進行状況*/
.state-of-progress h4{
	border-bottom: 1px solid #44bbaa;
	padding-bottom: 10px;
	text-align: center;
	font-weight: 700;
}
.state-of-progress dl{
	border-bottom: 1px solid #dee2e6;
	padding: 10px 20px;
}
.state-of-progress dt{
	font-weight: 400;
}
.state-of-progress dd{
	font-weight: 700;
}
@media (max-width:767.98px){
	.state-of-progress {
		width: 92%;
		margin: 0 auto;
	}
}

.payment dl{
	border-bottom: 1px solid #fff;
}



/*追加*/
.state-of-progress dl{
	font-size: 0.875rem;
}