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

select,option,input,textarea,
button{
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border:0;
    background:white;
    }
button.img_btn{
	background:transparent;
	}
.formarea .kakomi{
	border:1px solid #5e5e5e;
	margin-bottom: 20px;
	}
.formarea .kakomi dl{
	border-bottom:1px solid #e4e4e4;
	padding-bottom: 15px;
	}
.formarea dl {
	font-size:1.1rem;
}
.formarea .kakomi p{
	padding:20px;
	}
.formarea .req:after{
	content:"*";
	color:red;
	padding-left:5px;
	}

.formarea dl{
	padding: 0 20px;
	margin:20px 0;
	display: flex;
	align-items:center;
	}
.formarea dl dt{
	width:auto;
	/* display: inline-block; */
	text-align: left;
	}
.formarea dl dd{
	width:65%;
	/* display: inline-block; */
	text-align: left;
	padding-left:20px;
	}
.formarea input,
.formarea select{
	font-size:15px;
	}
.formarea input,
.formarea textarea,
.formarea select{
	padding:8px;
	margin:5px 0;
	border-radius:5px;
	width:100%;
	/* border:1px solid #cbcbcb;
	box-shadow:0 0 6px rgba(0,0,0,.2); */
	}

/* .formarea input:focus,
.formarea textarea:focus{
	border:1px solid #5e5e5e;
	} */
.formarea input[type="checkbox"]{
	width:30px;
	height: 30px ;
	vertical-align: middle;
	position: relative;
	}
.formarea 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 input[type="radio"]{
	width:25px;
	height: 25px ;
	vertical-align: middle;
	position: relative;
	border-radius:30px;
	}
.formarea input[type="radio"]:checked:before{
	content:"";
	display: block;
	background:red;
	width:10px;
	height:10px;
	border-radius:10px;
	transform:translate(-25%,-25%);
	}
.formarea .inline{
	display: inline-block;
	width:auto;
	}
.formarea textarea{
	font-size:14px;
	}

.formarea .submit{
	margin:50px auto;
	max-width: 400px;
	}
.formarea .btn{
	background:white;
	padding:15px 0;
	text-align: center;
	font-size:1.2rem;
	cursor:pointer;
	width:100%;
	background:#31508B;
	color:white;
	border-radius:5px;
	transition:.3s all ease;
	}
.formarea .btn:hover{
	background-color:#E94424;
	}
.formarea .btn[disabled="disabled"]{
	color:white;
	background-color:#A1AFAF;
	}
.formarea .btn[disabled="disabled"]:hover{
	cursor:auto;
	background-color:#A1AFAF;
	}
div.btnarea{
	text-align: center;
	margin:4% auto;
	}
div.btnarea a{
	display: block;
	max-width: 320px;
	padding:5px;
	color:white;
	background:black;
	text-align: center;
	margin:auto;
}

.formarea ul.btnarea{
	display: flex;
	list-style:none;
	justify-content:space-between;
	width:100%;
	margin:50px auto;
	}
.formarea ul.btnarea li{
	width:48%;
	color:black;
	}

.formarea .agree_box input[type="checkbox"]{
	border:1px solid #aaa;
	margin-right:10px;
	}

/*///// error ///////////*/
.formarea .title{
	font-size:2rem;
	margin:4% auto;
}
.error {
	color:red;
	text-align: left;
	}
.formarea label.error{
	display: block;
}
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;
	}

ul.btnarea {
	display: flex;
	list-style: none;
	margin:30px;
	}
ul.btnarea li {
	width:50%;
	padding:20px;
	}
ul.btnarea li a.btn{
	display: block;
	padding:5px;
	border:1px solid #5e5e5e;
	text-align: center;
	font-size:2.0rem;
	}
ul.btnarea li a.btn:hover{
	text-decoration: none;
	box-shadow:0 3px 6px rgba(0,0,0,.25);
	transition:.3s all ease;
	}
ul.btnarea li h3{
	font-size:2rem;
	font-weight: 500;
}


/*////////////////////////////////////////////////////////*/
	@media screen and (max-width:769px){
		/** フォーム **/

	.formarea{
		background-size:cover ;
		padding-left:20px;
		padding-right:20px;
		text-align: center;

	}
	.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:641px){
	.formarea{
		padding:0 3%;
	}
	.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;
	}

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

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

/*///////////////// 480 ///////////////////////////////*/
}