/*//////// form ///////////*/

select,option,input,textarea,
button{
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border:0;
    background:white;
    }
button{
	background:transparent;
	cursor: pointer;
	}
.formarea{
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
	width:100%;
	margin:2em auto;
}
.formarea .req:after{
	content:"※必須";
	color:#F4810E;
	padding-left:10px;
	font-size: .9em;
	}

.formarea dl{
	padding: 0 ;
	margin:1em 0;
	font-size:1rem;
	width:100%;
	display: flex;
	border:1px solid var(--mainColor);
	}
	.confirm .formarea dl{
		border:0;
		border-bottom:1px solid var(--mainColor);
		margin: 0;
		padding:1em;
	}

.formarea dl dt{
	font-weight: bold;
	font-size:inherit;
	text-align: left;
	color:var(--mainColor);
	padding:.5em 1em;
	width:10em;
	}

.formarea dl dd{
	text-align: left;
	padding:.5em;
	width: calc(100% - 10em);
	}
.formarea dl dd input,
.formarea dl dd textarea,
.formarea dl dd select{
	width:100%;
	background:white;
	font-size:1em;
	}
.formarea dl dd input:focus,
.formarea dl dd textarea:focus{
	border:0;
	}
	.formarea dl dd textarea{
		width:100%;
	}
.formarea dl dd input[type="checkbox"],
.btnarea input[type="checkbox"]{
	width: 30px;
	height: 30px ;
	vertical-align: middle;
	position: relative;
	border:1px solid #ccc;
	cursor: pointer;
	}
.formarea dl dd input[type="checkbox"]:checked:before,
.btnarea input[type="checkbox"]:checked:before{
	content:"";
	display: block;
	border-right:4px solid red;
	border-bottom:4px solid red;
	width:8px;
	height: 16px;
	z-index: 5;
	transform:rotate(45deg) translate(6px,-6px);

	}
.formarea dl dd input[type="radio"]{
	width:25px;
	height: 25px ;
	vertical-align: middle;
	position: relative;
	border-radius:30px;
	cursor: pointer;
	}
.formarea dl dd input[type="radio"]:checked:before{
	content:"";
	display: block;
	background:red;
	width:10px;
	height:10px;
	border-radius:10px;
	transform:translate(-25%,-25%);
	}
.formarea dl dd .inline{
	display: inline-block;
	width:auto;
	}

.formarea .submit_area{
	margin:50px auto;
	}
	.formarea .submit_area br{
		display: none;
	}

	button.submit_btn{
	  display: block;
	  background-color:var(--mainColor);
	  padding:1em;
	  text-align: center;
	  position: relative;
	  color:white;
	  font-weight: bold;
	  font-size:16px;
		width:100%;
		max-width: 500px;
		line-height: 1.4;
		margin:2em auto 1em;
		cursor:pointer;
		transition: .3s all ease;
	}

	button.submit_btn:hover{
	  background-color:var(--subColor);
	}

	.formarea .submit_btn[disabled="disabled"]{
		color:white;
		background-color:#ccc;
		}
	.formarea .submit_btn[disabled="disabled"]:hover{
		cursor:auto;
		box-shadow:none;
		}

	button.back_btn {
   margin:1em auto;
	 font-size: 16px;
	}
	.mwform-tel-field input[type="text"]{
		text-align: center;
	}
	.btnarea{
		margin:0;
		text-align: center;
	}
#thanks{
	border:1px solid var(--subColor);
	margin:3em auto;
	padding:0 1em;
}
	#thanks h4{
		color:var(--subColor);
		font-size:clamp(22px,2.8vw,33px);
		margin:1.5em auto;
		line-height: 1.6;
	}
	#thanks p{
		text-align: center;
		margin:1em auto;
	}
/*///// error ///////////*/

.error {
	margin:5px 0;
	color:red;
	text-align: left;
	}
input.error,
textarea.error {
	border:1px solid red !important;
}
.error-message .title h3{
	text-align: center;
	}
.error-message .section ul {
	list-style: none;
	padding-left:20px;
	}
.error-message .message ul li{
	text-align: center;
	list-style: none;
	}

/*////////////////////////////////////////////////////////*/
	@media screen and (max-width:1024px){

	/*///////////////// 1024px /////////////////////////*/
	}

/*////////////////////////////////////////////////////////*/
@media screen and (max-width:835px){


	/*///////////////// 835px ///////////////////////////////*/
}
@media screen and (max-width:640px){

	/*///////////////// 640 ///////////////////////////////*/
}

/*////////////////////////////////////////////////////////*/
@media screen and (max-width:429px){
.formarea{
	display: block;
}
.formarea dl{
	display: block;
}
.formarea dl dt,
.formarea dl dd{
	width:100%;
}
.formarea dl dt{
	padding-bottom: 0;
}
.formarea dl dd{
	padding:0 .5em .5em 1em;
}
.formarea dl dd input{
	width:100%;
}

/*///////////////// 429px ///////////////////////////////*/
}