@charset "UTF-8";
/* CSS Document */
.form-header{
	border-bottom: 1px solid #44BBAA;
	padding: 2rem 7rem;
}
.submission-form{
	border: 1px solid #44BBAA;
	border-radius: 4px;
}
.form-wrapper{
	padding: 2rem 7rem;
}
.submission-form .form-control-file{
	font-size: 0.9375rem;
}

/* クイック見積もり */
.estimate{
	font-size: 0.9375rem;
	border-radius: 2px;	
}
.estimate dt{
	font-weight: 400;
	vertical-align: baseline;
}
.estimate dt{
	flex: 0 0 40%;
	width: 40%;
}
.estimate dd{
	flex: 0 0 60%;
	width: 60%;
}
.estimate dd span{
	font-size: 1.125rem;
	line-height: 0;
}
.estimate .total dd{
	background-color: #fff;
	width: 200px;
	height: 50px;
	text-align: right;
	padding: 10px 20px;
}
.breakdown dl{
	border-bottom: 1px solid #fff;
    padding: 10px 20px;
}
.breakdown dl:first-child{
	padding-top: 0;
}

@media (max-width:767.98px){
	.estimate .total dd{
		background-color: #fff;
		width: 100%;
	}
	.form-header{
		padding: 1rem;
	}
	.breakdown dl:first-child{
		padding-top: 10px;
	}
	.estimate dt, .estimate dd{
		flex: 0 0 100%;
		width: 100%;
	}
	.form-wrapper{
		padding: 2rem 1rem;
	}

}