@charset "utf-8";
/*
ctg_b10_form-page 車輌整備サービス　お問い合わせフォーム
==========================================================*/
/*COLOR SIZE*/
	/*input type color*/
		.contactB10 input[type="text"],
		.contactB10 input[type="tel"], 
		.contactB10 input[type="email"],
		.contactB10 textarea{
		border:none;
		background:#F1F1F1;
	}
	/*selectBox size*/
	.contactB10 select{
		font-size:1.5rem;
		color:#4d4d4da3;
		background: #f1f1f1;
		border:none;
	}
/*COLOR SIZE*/

/*form reset*/
.contactB10 {margin-top: 25px;}
.contactB10 input[type="text"],
.contactB10 input[type="email"],
.contactB10 textarea,
.contactB10 input[type="radio"],
.wide400 input[type="tel"] {
	box-sizing: border-box;
}
.contactB10 th,
.contactB10 td {
	box-sizing: border-box;
}
.contactB10 input[type="text"],
.contactB10 input[type="email"],
.contactB10 input[type="tel"] {
	padding:0 10px;
}
.contactB10 textarea {
	padding: 10px;
	font-size:1.5rem;
}
.contactB10 {width: 100%;}
.contactB10 th {
	width: 350px;
	position: relative;
	background: #E0F3FF;
}
.contactB10 td {
	padding: 12px 20px 12px 20px;
}
.contactB10 input[type="text"],
.contactB10 input[type="tel"],
.contactB10 input[type="email"] {
	line-height: 36px;
	width: 100%;
	font-size:1.5rem;
}
.contactB10 textarea {width: 100%;}
.contactB10 select {
	height: 36px;
	padding:0 10px;
}
.contactB10 .wide700 .wpcf7-form-control-wrap {
	width: 700px;
}
.contactB10 .wide300 .wpcf7-form-control-wrap {
	width: 300px;
}
.contactB10 .required::after {
    content: "必須";
    background: #F03C00;
    color: #fff;
    border-radius: 5px;
    padding: 4px 15px;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
}
.contactB10 th,
.contactB10 td {
	border: 1px solid #005297;
}
/*
contactB10 - Area
================================================================*/
.yubin .wpcf7-form-control-wrap {width:240px;}
.contactB10 .input__text .wpcf7-form-control-wrap {
	width: 400px;
}
.wide400 input[type="tel"]{
	width: 300px;
}
.telfaxBoxb10 {display:flex;}
.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;
}
.contactB10 .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;}

@media all and (max-width: 1024px) {
.radioArea--flex {
	flex-wrap: wrap;
}
.radioArea--flex .radioArea--flex__lastItem  {margin-top:10px;}
.telfaxBox li {width: 100%;}
.contactB10 .required::after {
    font-size: 1.2rem;
    padding: 2px 10px;
}

}/*max-width: 1024px*/


@media all and (max-width: 768px) {
/*COLOR SIZE*/
	/*selectBox size*/
	.contactB10 select{
		font-size:1.4rem;
	}
/*COLOR SIZE*/
	.contactB10 {margin-top: 20px;}
	.sideBtsideArea {flex-wrap: wrap;}
	.sideBtsideArea li {width: 100%;margin-right: 0;}
	.contactB10 th {width: 40%;}
	.telfaxBox {flex-wrap: wrap;}
	.radioField {margin-left: 0;margin-top: 10px;}
	.telfaxBoxb10 {display:block;}
	.telfaxBoxb10  .radioField .wpcf7-form-control-wrap {margin-right:15px;}

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


@media all and (max-width: 480px) {
	.contactB10 tr {
		flex-wrap: wrap;
	}
	.contactB10 tr th,
	.contactB10 tr td {
		width: 100%;
		display: block;
		padding: 10px;
		margin-bottom: -1px;
		font-size: 1.4rem;
	}
	.contactB10 .input__text .wpcf7-form-control-wrap,
	.wide400 input[type="tel"],
	.contactB10 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 {margin-top: 30px;padding:0 15px;}
	.kakunin__btn input[type="submit"] {
		width: 100%;
		line-height: 44px;
		font-size: 1.6rem;
	}
	.radioField span.wpcf7-list-item {
		margin-left:0;
	}
	.yubin .wpcf7-form-control-wrap {width:100%;}

}/*max-width: 480px*/