@charset "UTF-8";

/*---------------------------------

 form

---------------------------------*/

input[type="text"],
input[type="mail"],
textarea{
	width: 100%;
  border: 1px solid #bcbcbc;
  background: #fff;
  border-radius: 3px;
	padding: .5em .8em;
}
input[type="radio"] + span {
	padding-left:1.5em;
	position:relative;
	margin-right:2em;
}
input[type="checkbox"] + span {
	padding-left:1.2em;
	position:relative;
	margin-right:0.2em;
	font-feature-settings:"palt";
}

input[type="radio"] + span::before,
input[type="checkbox"] + span::before,
input[type="checkbox"] + label::before {
	content:"";
	display:block;
	width:12px;
	height:12px;
	background:#fff;
	border: 1px solid #3e3a39;
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	margin:auto 0;
}
input[type="radio"] + span::before{
	border-radius: 50%;
}

input[type="radio"]:checked + span::after,
input[type="checkbox"]:checked + span::after,
.agree input[type="checkbox"]:checked + label::after {
	content:"";
	display:block;
	width:8px;
	height:8px;
	background:#cc3014;
	position:absolute;
	top:0;
	left:3px;
	bottom:0;
	margin:auto 0;
}
input[type="radio"]:checked + span::after{
	border-radius: 50%
}
/**/
button[type="submit"],
input[type="submit"] {
  width:100%;
	height:55px;
	cursor:pointer;
  color:#fff;
  border-radius: 3px;
  letter-spacing: .1em;
}
@media screen and (max-width: 600px){
  button[type="submit"],
  input[type="submit"]{
    width:100%;
    font-size:4vw;
  }
}
.form-btn{
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items:center;
  margin:auto;
  width:40%;height:80px;
	font-size:1.8rem;
  margin-top:50px;
}
@media screen and (max-width: 767px){
  .form-btn{
    width:60%;
  }
}
@media screen and (max-width: 559px){
  .form-btn{
    font-size:4vw;
    margin-top:8vw;
  }
}