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

html{
	font-feature-settings: "palt";
}

.h_special{
	font-size: 40px;
	font-weight: bold;
	letter-spacing: 0.08em;
	line-height: 1.2em;
	border-bottom: solid 2px #c5bebe;
}
.flex_box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}



/* 見積り */
.estimateCont .h_estimate{
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.12em;
	line-height: 1.2em;
	color: #fff;
	padding: 30px 20px;
	background: #2f3158;
	border-top: solid 6px #fff;
	border-bottom: solid 6px #fff;
	margin-bottom: 45px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 10px;
}
.estimateCont .h_estimate_item{
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 0.08em;
	line-height: 1.5em;
	padding: 15px 10px;
	background: #f6f6f6;
	border-top: solid 1px #ce2828;
	border-bottom: solid 1px #ce2828;
	margin-bottom: 30px;
}
.estimateCont .h_estimate_item.required::after{
	content: "必須";
	display: inline-block;
	font-size: 15px;
	background: #ce2828;
	color: #fff;
	margin-left: 10px;
	padding: 0 12px;
	border-radius: 5px;
}

.estimateCont .leftboldLine{
	margin-bottom: 10px;
	padding: 5px 10px;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.5em;
	border-left: 5px solid #ce2828;
}

.estimateCont .estimateInner{
	width: 1200px;
	margin:0 auto 60px;
}
.estimateCont .estimateInner .inner{
	margin: 30px;
}
.estimateCont .estimateInner .inner ul{
	display: flex;
	flex-direction: column;
	font-size: 16px;
	gap: 15px 0;
	margin: 0 20px;
}
.estimateCont .estItemList{
	display: flex;
	flex-wrap: wrap;
	gap: 20px 10px;
  	margin: 30px auto;
}
.estimateCont .estItemList li{
	width: calc((100% - 50px) / 6);
  	font-size: 14px;
  	font-weight: 600;
	letter-spacing: 0.06em;
}
.estimateCont .estItemList li label{
	display: block;
	padding: 5px 10px;
	text-align: center;
	border: 1px solid #e9e9e9;
	border-radius: 10px;
	cursor: pointer;
}
.estimateCont .estItemList li label.radio-input > div::before{
	width: 15px;
	height: 15px;
	top: 3px;
}
.estimateCont .estItemList li label.radio-input input:checked ~ div::after{
	width: 11px;
	height: 11px;
	top: 6px;
}
.estimateCont .estItemList li label img{
	margin-bottom: 10px;
}
.customerForm > .customerTitle{
	font-size: 25px;
	letter-spacing: 0.12em;
	padding: 10px;
	margin-bottom: 30px;
}
.estimateCont .estimateInner p{
	font-size: 16px;
}
.estimateCont .customerForm{
	width: 1200px;
}


/* 見積り確認 */
.confirmCont .h_estimate,
.commitCont .h_estimate{
	font-size: 28px;
	padding: 20px;
	margin-bottom: 20px;
	box-shadow: none;
}
.confirmCont .h_estimate_item{
	font-size: 20px;
	padding: 10px;
}
.confirmCont .estimateInner{
	width: 940px;
}
.confirmCont .customerForm{
	width: 100%;
}

@media screen and (max-width: 768px) {

	.estimateCont .h_estimate{
		font-size: 32px;
	}
	.estimateCont .h_estimate + p{
		margin-bottom: 20px;
	}

	/* 見積り */
	.estimateCont .estimateInner,
	.estimateCont .customerForm{
		width: 100%;
	}
	.estimateCont .estimateInner .inner{
		margin: 20px;
	}
	.estimateCont .estItemList{
		margin: 0 20px;
		column-gap: 2%;
	}
	.estimateCont .estItemList li{
		width: 32%;
	}
	.customerForm > dl{
		padding: 0 20px;
	}

}


@media screen and (max-width: 480px) {
	.h_special{
		font-size: 25px;
	}

	/* 見積り */
	.estimateCont .h_estimate{
		font-size: 20px;
		padding: 20px 10px;
	}
	.estimateCont .h_estimate_item{
		font-size: 16px;
		padding: 12px 10px;
	}
	.estimateCont .h_estimate_item.required::after {
		font-size: 13px;
		padding: 0 8px;
	}
	.estimateCont .leftboldLine{
		font-size: 15px;
		border-width: 3px;
	}
	.estimateCont .estItemList {
		justify-content: space-between;
	}
	.estimateCont .estItemList li{
		width: 48%;
	}
	label.radio-input > div{
		font-size: 13px;
		padding-left: 20px;
	}
	.estimateCont .estimateInner{
		margin-bottom: 40px;
	}
	.estimateCont .estimateInner p{
		font-size: 14px;
		line-height: 1.8em;
	}
	.estimateCont label.check-input > div{
		font-size: 15px;
		padding-left: 25px;
	}
	.estimateCont label.check-input > div::before{
		width: 15px;
		height: 15px;
		top: 4px;
	}
	.estimateCont .estimateInner .inner ul{
		font-size: 14px;
	}

	.customerForm > .customerTitle{
		font-size: 20px;
	}
	.customerForm dl{
		width: 100%;
	}
	.customerForm > dl > div > dt::before {
		font-size: 13px;
	}
	.customerForm > dl > div > dd{
		font-size: 14px;
	}
	.estimateCont .sendBtn input{
		font-size: 20px;
	}

}