@charset "utf-8";
/*
ctg_b9_form-page サービス見積・依頼フォーム
==========================================================*/
/*COLOR SIZE*/
/*input type color*/
.requesttable input[type="text"], 
.requesttable input[type="tel"],
.requesttable input[type="email"],
.requesttable textarea{
	border:none;
	background:#F1F1F1;
}
/*selectBox size*/
.requesttable select{
	font-size:1.6rem;
	color:#4d4d4da3;
	background: #f1f1f1;
	border:none;
	padding:0 10px;
}
/*COLOR SIZE*/
/*form reset*/
.requesttable {
	margin-top: 0px;
	table-layout:fixed;
}
.requesttable input[type="text"],
.requesttable input[type="email"],
.requesttable textarea,
.requesttable input[type="radio"],
.wide400 input[type="tel"] {
	box-sizing: border-box;
}
.requesttable th,
.requesttable td {
	box-sizing: border-box;
}
.requesttable input[type="text"],
.requesttable input[type="email"],
.requesttable input[type="tel"] {
	padding:0 10px;
}
.requesttable textarea {padding: 10px;}
.requesttable {width: 100%;}
.requesttable th {
	width: 350px;
	background: #E0F3FF;
}
.requesttable th span {
	position: relative;
}
.requesttable td {
	padding: 12px 20px 12px 20px;
}
.requesttable input[type="text"],
.requesttable input[type="tel"],
.requesttable input[type="email"] {
	padding:14px;
	width: 100%;
	font-size:1.4rem;
}
.requesttable textarea {
	width: 100%;
	font-size:1.4rem;
}
.requesttable select {height: 36px;}
.requesttable .wide700 .wpcf7-form-control-wrap {
	width: 700px;
}
.requesttable .wide300 .wpcf7-form-control-wrap {
	width: 300px;
}
.requesttable .required span::after {
    content: "必須";
    background: #F03C00;
    color: #fff;
    border-radius: 5px;
    padding: 4px 15px;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
}
.requesttable {margin-top:25px;}
.requesttable th,
.requesttable td {
	border: 1px solid #005297;
	z-index:-1;
}
.textArea .wpcf7-form-control-wrap {
	width:670px;
}
/*
requesttable - Area
================================================================*/
.requesttable .input__text .wpcf7-form-control-wrap {
	width: 400px;
}
.wide400 input[type="tel"]{
	width: 100%;
}
.wide400 input[type="email"],
.postAddress input[type="text"]{
	width:400px;
	font-size:1.5rem;
}
.telfaxBox,
.radioField,
.radioField label {
	display: flex;
	align-items: center;
}
.telfaxBox .radioField .wpcf7-form-control-wrap {margin-right: 30px;}
.radioArea--flex,
.radioArea--flex label ,
.radioArea--flex__lastItem {display: flex;align-items: center;}

.radioArea--flex__lastItem .wpcf7-form-control-wrap {padding-left: 5px;}
.radioField {margin-left: 30px;}
.radioArea--flex li {margin-right: 30px;}
.radioArea--flex__lastItem {margin-right: 0;}
.sideBtsideArea,
.sideBtsideArea label {
	display: flex;
	align-items: center;
}
.finishing_work label {
	display: flex;
	align-items: center;
}
.finishing_workItems--checkBox {margin-left: 15px;}
.finishing_workItems--checkBox,
.finishing_workItems--checkBox label {
	display: flex;
	align-items: center;
}
.sideBtsideArea li {margin-right: 30px;}
.finishing_workItems--checkBox label {margin-right: 30px;}
/*ボタン*/
.kakunin__btn {
	text-align: center;
	margin-top: 60px;
}
.kakunin__btn input[type="submit"],
.kakunin__btn input[type="button"]{
    height: 60px;
    width: 300px;
    font-size: 2rem;
    background: #000;
    color: #fff;
}
/* .requesttable .required::after {
    content: "必須";
    background: #F03C00;
    color: #fff;
    border-radius: 5px;
    padding: 4px 15px;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
} */
.sideBtsideArea .sp--display {display: none;}
	span.wpcf7-list-item {
		margin-left:0!important;
	}
@media all and (max-width: 1024px) {
	/*common設定コード*/
	.pageWrap {width: 100%;padding: 0 15px;}
}
@media all and (max-width: 1024px) {
.radioArea--flex {
	flex-wrap: wrap;
}
.radioArea--flex .radioArea--flex__lastItem  {margin-top:10px;}
.telfaxBox {flex-wrap: wrap;}
.telfaxBox li {width: 100%;}
.radioField {margin-left: 0;margin-top: 10px;}
	.requesttable {margin-top:0;}
.requesttable .required::after {
    font-size: 1rem;
	padding:2px 8px;
	 right:8px;
}

}/*max-width: 1023px*/


@media all and (max-width: 768px) {
	.requesttable .required span::after {
		font-size:1.2rem;
		padding:2px 4px;
		right:4px;
	}
/*COLOR SIZE*/
	/*input type color*/
	.requesttable input[type="text"], 
	.requesttable input[type="tel"],
	.requesttable input[type="email"],
	.requesttable textarea{
		border:none;
		background:#F1F1F1;
	}
	/*selectBox size*/
	.requesttable select{
		font-size:1.6rem;
		color:#4d4d4da3;
		background: #f1f1f1;
		border:none;
	}
/*COLOR SIZE*/
	.requesttable {margin-top: 20px;}
	.sideBtsideArea {flex-wrap: wrap;}
	.sideBtsideArea li {width: 100%;margin-right: 0;}
	.requesttable th {width: 30%;}
	.textArea .wpcf7-form-control-wrap {
		width:100%;
	}


}/*メディアクエリ768px*/


@media all and (max-width: 480px) {
	.telfaxBox .radioField .wpcf7-form-control-wrap:last-child {
		  margin-right: 0px;
	}
	.requesttable tr {
		flex-wrap: wrap;
	}
	.requesttable tr th,
	.requesttable tr td {
		width: 100%;
		display: block;
		padding: 10px;
		margin-bottom: -1px;
		font-size: 1.4rem;
	}
	.requesttable .input__text .wpcf7-form-control-wrap,
	.wide400 input[type="tel"],
	.requesttable select {width: 100%;}
	.miniWide {width: 35px;}
	.radioArea--flex li {margin-right: 0;width: 100%;}
	.finishing_workItems--checkBox {flex-wrap: wrap;}
	.finishing_workItems--checkBox  li {width: 100%;}
	.radioArea--flex__lastItem .wpcf7-form-control-wrap {margin-left: 0;}
	.sideBtsideArea .sp--display {display: block;}
	.kakunin__btn {padding:0 15px;}
	.kakunin__btn input[type="submit"],
	.kakunin__btn input[type="button"] {
		width:100%;
	}
	.requesttable .required span::after  {
		right:0;
		padding:4px 8px;
	}
	.pageWrap:first-of-type {margin-top:0;}
	.wide400 input[type="email"],
	.postAddress input[type="text"]{
		width:100%;
	}
	.syaryou .wpcf7-form-control-wrap {
		width:100%;
	}
}/*max-width: 480px*/