@charset "utf-8";

:root {
	--simu-light:#c2ebff;
	--simu-middle:#93dcff;
	--simu-heavy:#4ec6ff;
}

.wpcf7-form-control.wpcf7-radio {
	display:flex;
	width:100%;
	margin-bottom:50px;
}
.wpcf7-form-control.wpcf7-radio > span {
	flex:1;
}
.wpcf7-form-control.wpcf7-submit {
	background:#222;
	color:#fff;
	display:block;
	padding:20px 100px;
	margin:50px auto 0;
}
.wpcf7-form-control.wpcf7-number {
	padding:10px;
	width:50%;
}

.simu_step_wrapper {
	margin-bottom:100px;
}
.simu_step_wrapper ul {
	display:flex;
}
.simu_step_wrapper li {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	padding:20px;
	flex:1;
	background:#ccc;
	position:relative;
}
.simu_step_wrapper li:nth-child(2) {
	background:#888;
}
.simu_step_wrapper li:nth-child(3) {
	background:#000;
}
.simu_step_wrapper li:not(:first-child)::before {
	content:"";
	width:20px;
	height:100%;
	background:#ccc;
	clip-path:polygon(0 0,100% 50%,0 100%);
	position:absolute;
	top:0;
	left:-1px;
}
.simu_step_wrapper li:nth-child(3)::before {
	background:#888;
}

.simu_content {
	background:#dfdfdf;
	padding:50px;
}
.simu_content .simu_head {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	margin-bottom:40px;
}
.simu_content .simu_head .headnum {
	font-size:120%;
}
.simu_step_1 .simu_inner {
	background:#fff;
	padding:50px;
}
.simu_inner_head {
	font-size:120%;
	border-bottom:1px solid;
	padding-bottom:5px;
	padding-left:20px;
	margin-bottom:10px;
	position:relative;
}
.simu_inner_head::before {
	content:"";
	width:7px;
	height:70%;
	background:#222;
	position:absolute;
	top:50%;
	transform:translatey(-50%);
	left:0;
}
.wpcf7-checkbox {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	gap:30px 0;
}
.wpcf7-checkbox .wpcf7-list-item {
	width:48%;
	margin:0;
}
.wpcf7-form-control-wrap input[type="checkbox"] {
	opacity:0;
	position:absolute;
}

.wpcf7-form-control-wrap input[type="checkbox"] + .wpcf7-list-item-label {
	display:block;
	background:#eee;
	border-radius:10px;
	padding:30px;
	text-align:center;
}
.wpcf7-form-control-wrap input[type="checkbox"] + .wpcf7-list-item-label:hover {
	background:#ff9900;
}
.wpcf7-form-control-wrap input[type="checkbox"]:checked + .wpcf7-list-item-label {
	background:#99ee00;
}

.simu_wrapper {
	padding:50px;
	background:var(--bg-gray);
}
.simu_content {
	padding:0;
}

.simu_step_wrapper {
	font-family:var(--webFont);
	margin-bottom:50px;
}
.simu_step_wrapper li,
.simu_step_wrapper li:not(:first-child)::before {
	background:var(--simu-light);
}
.simu_step_wrapper li:nth-child(2),
.simu_step_wrapper li:nth-child(3)::before  {
	background:var(--simu-middle);
}
.simu_step_wrapper li:nth-child(3) {
	background:var(--simu-heavy);
}
.stepnum {
	display:flex;
	align-items:center;
	gap:5px;
	line-height:1;
	margin-bottom:5px;
}
.stepnum .numtxt {
	font-size:180%;
}
.simu_head .headnumtxt {
	display:flex;
	align-items:center;
	gap:10px;
	border-left:1px solid var(--black);
	border-right:1px solid var(--black);
	padding-inline:20px;
	line-height:1;
	margin-bottom:10px;
}
.simu_head .headnum {
	font-size:150% !important;
}
.simu_head .headtxt {
	font-size:187.5%;
	font-family:var(--webFont);
}
.simu_inner_head {
	font-family:var(--webFont);
	margin-bottom:15px;
}
.simu_step_1 {
	background:var(--simu-light);
	padding:50px;
	position:relative;
}
.simu_step_1::before {
	content:"";
	width:100px;
	height:25px;
	background:var(--bg-gray);
	position:absolute;
	top:0;
	left:calc(50% - 50px);
	clip-path:polygon(0 0,100% 0,50% 100%);
}
.simu_inner_txt {
	margin-bottom:30px;
}
.inputitem {
	font-family:var(--webFont);
	margin-bottom:30px;
}
.simu_content .wpcf7-list-item-label > span:first-child {
	font-size:150%;
}
.inputtxt input {
	display:inline-block;
	width:auto;
	margin-right:15px;
}
.simu_content .wpcf7-form-control-wrap input[type="checkbox"] + .wpcf7-list-item-label {
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	font-family:var(--webFont);
}
.simu_content .wpcf7-form-control-wrap input[type="checkbox"] + .wpcf7-list-item-label:hover {
	background:var(--simu-middle);
}
.simu_content .wpcf7-form-control-wrap input[type="checkbox"]:checked + .wpcf7-list-item-label {
	background:var(--simu-heavy);
}
.simu_inner_head::before {
	background:var(--blue);
}
.simu_step_2 {
	background:var(--simu-middle);
	padding:50px;
	position:relative;
}
.simu_step_2::before {
	content:"";
	width:100px;
	height:25px;
	background:var(--simu-light);
	position:absolute;
	top:0;
	left:calc(50% - 50px);
	clip-path:polygon(0 0,100% 0,50% 100%);
}
.simu_step_2 .simu_inner {
	background:var(--white);
	padding:50px;
}
.contact_info_wrapper {
	border-bottom:1px solid #dfdfdf;
	margin-bottom:15px;
}
.contact_info {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:10px 0;
}
.contact_info dt,
.contact_info dd {
	padding-bottom:15px;
}
.contact_info dt {
	width:30%;
	font-family:var(--webFont);
}
.contact_info dt .mustinfor {
	background:#ff0000;
	color:var(--white);
	font-size:80%;
	padding:0.2em 0.5em;
	margin-left:15px;
}
.contact_info dd {
	width:70%;
}
.submit_wrapper {
	margin-top:50px;
}
.submittxt {
	font-family:var(--webFont);
	text-align:center;
	color:#ff0000;
	font-weight:500;
}
.simu_content .wpcf7-form-control.wpcf7-submit {
	margin-top:10px;
	font-family:var(--webFont);
}
.paint_type {
	background:var(--blue);
	color:var(--white);
	padding:0 10px;
	margin-right:15px;
	font-size:80%;
	display:inline-block;
}
.simu_content .wpcf7-form-control.wpcf7-submit {
	width:70%;
	border-radius:2.5em;
	background:linear-gradient(to bottom,#2dc0f0,#00aff0);
}

.estimate-result {
	background:var(--bg-gray);
	padding:50px;
}
.estimate-result .inner_block {
	background:var(--white);
	padding:50px;
	margin-top:50px;
}
.result_price {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.result_price .cont_box {
	display:flex;
	flex-direction:column;
	text-align:center;
	background:var(--bg-gray);
	padding:20px;
}
.result_price .area_box,
.result_price .totalprice {
	width:100%;
}
.result_price .paint_box,
.result_price .option_box{
	width:calc(50% - 5px);
}
.result_price .result_head {
	font-size:90%;
	color:var(--blue)
}
.result_price .result_txt {
	font-size:110%;
}
.totalprice .result_txt {
	font-size:200%;
}

.result_price .area_box,
.result_price .paint_box {
	margin-bottom:5px;
}
.result_price .option_box {
	margin-bottom:50px;
}
.attentiontxt {
	margin-top:10px;
	margin-bottom:50px;
	color:#ff0000;
	font-weight:700;
}
.result_info th {
	background:var(--bg-blue) !important;
	border:none !important;
	border-bottom:1px solid #dbebff !important;
}
.result_info td {
	border:none !important;
	border-bottom:1px solid #dbebff !important;
}
.estimate-result + .content-child-button {
	margin-top:80px;
	max-width:800px;
	margin-inline:auto;
}

@media screen and (max-width: 767px) {
	.simu_wrapper {
		padding:25px;
	}
	.simu_step_wrapper ul {
		flex-wrap:wrap;
	}
	.simu_step_wrapper li {
		width:100%;
		flex:0 0 auto;
	}
	.simu_step_wrapper li:not(:first-child)::before {
		display:none;
	}
	.simu_step_1 {
		padding:50px 35px 35px;
	}
	.simu_step_1 .simu_inner {
		padding:30px
	}
	.wpcf7-checkbox {
		gap:15px 0;
	}
	.wpcf7-checkbox .wpcf7-list-item {
		width:100%;
	}
	.contact_info > * {
		width:100% !important;
	}
	.contact_info dt {
		padding-bottom:0;
	}
	.wpcf7-form-control.wpcf7-submit {
		padding-inline:2em;
		width:100%;
	}
	.result_price .paint_box, .result_price .option_box {
		width:100%;
	}
	.result_price .paint_box + .option_box {
		margin-bottom:5px;
	}
	
}