@charset "utf-8";
@charset "Shift_JIS";

.contact-form {
  margin-bottom: 23.04688vw
}

.contact-form input, .contact-form label, .contact-form textarea {
  display: block
}

.contact-form input {
  padding: 20px;
  width: 100%;
  border-bottom: 1px solid #ADADAD
}

.contact-form textarea {
  width: 100%;
  min-height: 200px
}

.contact-form button {
  width: 200px;
  color: #3B5CFF;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1;
  font-size: 18px;
  letter-spacing: 0.1em;
  font-family: "Poppins", sans-serif
}

@media (max-width:800px) {
  .contact-form button {
    height: 60px
  }
}

@media (max-width:800px) {
  .contact-form button {
    font-size: 14px
  }
}

.contact-form button:hover {
  cursor: pointer
}

.contact-form .form-label {
  margin-bottom: 1em
}

.contact-form .form-text {
  margin-bottom: 2em
}

.contact-form .form-textarea {
  padding: 20px;
  margin-bottom: 2em;
  border: 1px solid #ADADAD;
  border-radius: 20px
}

.contact-form .form-button {
  margin-bottom: 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.contact-form .form-button span {
  display: block;
  border-bottom: 1px solid #3B5CFF
}

.contact ::-webkit-input-placeholder {
  color: #ccc
}

.contact :-ms-input-placeholder {
  color: #ccc
}

.contact ::-ms-input-placeholder {
  color: #ccc
}

.contact ::placeholder {
  color: #ccc
}

.label_box input {
	font-size: 18px;
	width: 100%;
	max-width: 840px;
	border: none;
	border-bottom: solid 1px #ADADAD;
  padding: 20px;
	box-sizing: border-box;
}
.label_box input:focus {
	outline: -webkit-focus-ring-color auto 0px;
  outline: none;
  outline: 0px;
	border-bottom: 1px solid #01B649;
}
.label_box textarea {
	width: 100%;
  min-height: 200px;
	padding: 20px;
	box-sizing: border-box;
  margin-bottom: .5em;
	outline: none;
  border: 1px solid #ADADAD;
  border-radius: 20px;
}
.label_box textarea:focus {
	border: 1px solid #01B649;
}
.label_box textarea::placeholder {
  font-size: 18px;
}
.label_box._texarea {
	margin: 15px 0 0 0;
}
.er-message {
  color: #3fc58e;
}
.submit {
	margin-bottom: 2em;
	display: flex;
	justify-content: flex-end;
}
.submit input {
	font-size: 18px;
	color: #01B649;
	background: none;
	border-style: none;
	border-bottom: 1px solid #01B649;
  font-family: "Poppins", sans-serif;
  letter-spacing: 0.1em;
	padding: 20px;
}
.submit input:hover {
	cursor: pointer;
	opacity: .5;
}
.submit input:focus {
	outline: none;
}
input:-webkit-autofill, input:focus:-webkit-autofill {
   -webkit-box-shadow: 0 0 0 100px rgb(228,255,229) inset;
}