/*//////// 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:clamp(14px,1.6vw,16px);
	display: flex;
	align-items:center;
	}
.formarea dl dt{
	width:180px;
	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:7px;
	margin:5px 0;
	width:70%;
	background:white;
	font-size:1.2em;
  border:1px solid #adadad;
	}
.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;
  cursor: pointer;
	}
.formarea dl dd input[type="checkbox"]:checked:before{
	content:"";
	display: block;
	border-right:4px solid #238BE6;
	border-bottom:4px solid #238BE6;
	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;
  cursor: pointer;
	}
.formarea dl dd input[type="radio"]:checked:before{
	content:"";
	display: block;
	background:#238BE6;
	width:10px;
	height:10px;
	border-radius:10px;

	}
.formarea dl dd .inline{
	display: inline-block;
	width:auto;
	}
.formarea dl dd ul.el{
  display: flex;
}
.formarea dl dd ul.el li{
  margin-right:1em;
}
.formarea .submit_area{
	margin:50px auto;
	}
  .formarea .submit_area p{
    text-align: center;
  }
.formarea .submit_btn{
  display: block;
	margin:15px auto;
	text-align: center;
	font-size:1.2rem;
	cursor:pointer;
	width:min(350px,80%);
	color:white;
	transition:.3s all ease;
  background-image:linear-gradient(to bottom,#4B71B1,#18263F);
  padding:1em 1.25em;
  position: relative;
	}
.formarea .submit_btn:hover{
	box-shadow:0 6px 6px rgba(0,0,0,.25);
	}
  .formarea .submit_btn:after{
    content:"";
    width:100%;
    height: 100%;
    background:linear-gradient(to bottom,#B17B4B,#18263F);
    position: absolute;
    top:0;
    left:0;
    z-index: 4;
    opacity:0;
    transition:.3s all ease;
  }
  .formarea .submit_btn:hover:after{
    opacity:1;
  }
  .formarea .submit_btn span{
  position: relative;
  z-index: 5;
}

.formarea .submit_btn[disabled="disabled"]{
	color:white;
	}
.formarea .submit_btn[disabled="disabled"]:hover{
	cursor:auto;
	box-shadow:none;
	}
.formarea .kakushi{
  height: 0;
/*  visibility: hidden;*/
  overflow: hidden;
}

.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;
	}


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

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:1024px){
		/** フォーム **/

	.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;
    }
  .formarea dl dd ul.el{
    display: block;
  }
/*///////////////// 429px ///////////////////////////////*/
}