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

select,option,input,textarea,
button{
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border:0;
    background:white;
    }
button.img_btn{
	background:transparent;
	}

.formarea .req:after{
	content:"*";
	color:red;
	padding-left:5px;
	}

.formarea dl{
	padding: 0 20px;
	margin:15px 0;
	font-size:1.1rem;
	display: flex;
	align-items:center;
	}
.formarea dl dt{
	width:150px;
	text-align: right;
	}
.formarea dl dd{
	width:100%;
	text-align: left;
	padding-left:20px;
	}
.formarea dl dd input,
.formarea dl dd textarea,
.formarea dl dd select{
	padding:15px;
	margin:5px 0;
	border-radius:10px;
	width:70%;
	background:#E9E9E9;
	font-size:1.2em;
	}
.formarea dl dd input:focus,
.formarea dl dd textarea:focus{
	border-color:#5e5e5e;
	}
	.formarea dl dd textarea{
		width:100%;
	}
.formarea dl dd input[type="checkbox"]{
	width:30px;
	height: 30px ;
	vertical-align: middle;
	position: relative;
	}
.formarea dl dd 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);
	-webkit-transform:rotate(45deg) translate(-6px,-6px);
	}
.formarea dl dd input[type="radio"]{
	width:25px;
	height: 25px ;
	vertical-align: middle;
	position: relative;
	border-radius:30px;
	}
.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;
	max-width: 400px;
	}
.formarea .submit_btn{
	background:white;
	padding:15px 0;
	text-align: center;
	font-size:1.2rem;
	cursor:pointer;
	width:100%;
	background:black;
	color:white;
	transition:.3s all ease;
	}
.formarea .submit_btn:hover,
.formarea .back_btn:hover{
	box-shadow:0 6px 6px rgba(0,0,0,.25);
	}
.formarea .submit_btn[disabled="disabled"]{
	color:white;
	background-color:#ccc;
	}
.formarea .submit_btn[disabled="disabled"]:hover{
	cursor:auto;
	box-shadow:none;
	}
.formarea .back_btn{
	background:#eee;
	padding:15px 0;
	text-align: center;
	font-size:1.2rem;
	cursor:pointer;
	width:100%;
	color:black;
	transition:.3s all ease;
	}
	.btnarea {
		display: flex;
		justify-content: space-around;
		list-style: none;
		margin:30px;
		}
	.btnarea button {
		width:45%;
		}


/*///// error ///////////*/
.formarea .title{
	font-size:2rem;
	margin:4% auto;
}
.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;
	}



.thanks .title h3{
	text-align: center;
	font-size:2.5rem;
	margin:5% auto;
	font-weight: 500;
}
/*////////////////////////////////////////////////////////*/
	@media screen and (max-width:1024px){
		/** フォーム **/

	.formarea{

	}
	.formarea dl{
		width:100%;
		box-sizing:border-box;
		padding:0 20px;
		}
	.formarea dl dt{
		font-size:1.0em;
		}

	.form input[type="email"],
	.form input[type="text"]{
		font-size:1.5em;
		}
	.formarea .submit_btn {
		height:auto;
		margin:50px auto 25px ;
	}
	.formarea .err_msg {
			color : #ff0000;
			font-weight:bold;
			font-size: 1em;
	}

	/* ■ //フォーム ■ */
	/*///////////////// 769 /////////////////////////*/
	}

/*////////////////////////////////////////////////////////*/
@media screen and (max-width:835px){
	.formarea{
		margin:0 ;
	}
	.formarea dl{
		display: block;
		margin:0 0 5px 0;
	}
	.formarea dl dt{
		width:auto;
		text-align: left;
	}
	.formarea dl dd{
		width:100%;
	}
	.formarea dl dd input, .formarea dl dd select{
		font-size:1rem;
	}

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


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



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

.formarea dl dd input{
	width:100%;
}
.formarea dl {
    padding: 0 0px;
	}
/*///////////////// 429px ///////////////////////////////*/
}