@charset "utf-8";

#form_body {
	width:94%;
	max-width:1000px;
	margin:0 auto;
	margin-top:5rem;
}

#form_wrap {
	margin-top:3rem;
	border:1px solid #AFAFAF;
}

#form_wrap dl {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

#form_wrap dl + dl {
	border-top:1px solid #AFAFAF;
}

#form_wrap dl dt,
#form_wrap dl dd {
	padding:2rem;
}

#form_wrap dt {
	background:#F2EFEF;
	position:relative;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-align-items:center;
	-moz-align-items:center;
	-ms-align-items:center;
	align-items:center;
}

#form_wrap dl > dt {
	width:320px;
}

#form_wrap dl > dd {
	width:calc( 100% - 320px );
}

#form_wrap dl dd label {
	display:inline-block;
	margin-right:2rem;
	cursor:pointer;
}

#form_wrap input,
#form_wrap select {
	padding:0.5rem;
}

.result_area {
	margin-top: 4rem;
	background: #F2EFEF;
    padding: 2rem;
}

.result_area p {
	text-align: center;
}

.result_area dl {
	margin-top: 2rem;
	display: flex;
	justify-content: center;
	align-items: baseline;
}

.result_area dl dt {
	padding-right: 2rem;
	font-size: 2rem;
}

.result_area dl dd {
	font-size: 2rem;
}

.result_area dl dd .price {
	font-size: 3rem;
	font-weight: bold;
}

@media screen and (max-width:800px){
	#form_wrap dl > dt,
	#form_wrap dl > dd {
		width:100%;
	}
	#form_wrap dl > dt {
		font-weight:bold;
		color:#1A1311;
	}
}

@media screen and (max-width:480px){
	#form_wrap dl > dt,
	#form_wrap dl > dd {
		font-size:1.4rem;
		padding:1rem;
	}

}