@charset "UTF-8";
/* ========================================================================== */

/* F O R M . C S S */

/* ========================================================================== */

input[type="submit"],
input[type="button"] {
  -webkit-box-sizing: content-box;
  box-sizing: border-box;
  border: none;
  border-radius: 999px;
  -webkit-appearance: button;
  appearance: button;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]:focus,
input[type="button"]:focus {
  outline-offset: -2px;
}
.form-common {
  position: relative;
  padding: 0;
}
.form-common dl {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 20px 0;
  overflow: hidden;
  background-color: transparent !important;
  border-bottom: 1px solid #f4f4f4;
}
.form-common dl dt {
  display: inline-block;
  clear: both;
  width: 22%;
  padding: 0 4% 0 0;
  box-sizing: border-box;
  background: none;
  border: none;
  font-size: 14px;
  font-weight: 500;
  text-align: right;
}
.form-common dl dt span {
  margin: 0 0 0 10px;
  color: #8cc227;
  font-size: 12px;
  font-weight: normal;
}
.form-common dl dd {
  width: 100%;
  padding: 0;
  background-color: transparent!important;
  border: none;
}
.required {
  width: 48px;
  padding: 5px 12px;
  background-color: #D13250;
  color: #fff !important;
  font-size: 12px !important;
  text-align: center;
}
.any {
  width: 48px;
  padding: 5px 12px 5px;
  background-color: #c9c9c9;
  color: #fff !important;
  font-size: 12px !important;
  text-align: center;
}
.form-two li {
  float: left;
  width: 49%;
}
.form-two li:first-child {
  margin: 0 2% 0 0;
}
.form-two input[type="text"] {
  width: 100% !important;
}
.form-common input[type="text"], .form-common input[type="email"] , .form-common input[type="tel"] {
  display: block;
  width: 100%;
  padding: 15px;
  box-sizing: border-box;
  background-color: #EDE9E3;
  border: 1px solid #ccc;
  outline: none;
  font-size: 14px !important;
}
.form-common select {
  display: block;
  width: 300px!important;
  padding: 15px;
  box-sizing: border-box;
  background-color: #EDE9E3;
  border: 1px solid #ccc;
  border-radius: 0!important;
  outline: none;
  font-size: 14px !important;
  -webkit-appearance: none;
}
.form-common textarea {
  width: 100%;
  height: 200px;
  padding: 15px;
  box-sizing: border-box;
  background-color: #EDE9E3;
  border: 1px solid #ccc;
}
.note {
  margin: 50px 0 15px;
  font-size: 0.9em;
  font-weight: 400;
  text-align: left;
}
.txt_note {
	margin: 0;
	color: firebrick;
	font-size: 0.8em;
}

		@media screen and (max-width: 960px) {
			.form-common dl dt {
				width: 45%;
			}
		}
		@media screen and (max-width: 768px) {
			.form-common select {
				padding: 15px;
			}
			.form-common dl {
				flex-direction: column;
				padding: 15px 0;
			}
			.form-common dl dt {
				display: inline-block;
				clear: both;
				width: 100%;
				padding: 0 0 8px;
				box-sizing: border-box;
				background: none;
				border: none;
				font-size: 14px;
				font-weight: 500;
				text-align: left;
			}
		}
		@media screen and (max-width: 560px) {
			section.form-common {
				margin: 0 0 12%;
			}
		}
		@media screen and (max-width: 430px) {
			.form-common select {
				width: 100%!important;
			}
			.form-common dl dt {
				font-size: 16px;
			}
			.form-common dl dt {
				padding: 0 0 10px 0;
			}
			.note {
				margin: 30px 0 15px;
			}
		}
		@media screen and (max-width: 414px) { 
			.form-common {
				position: relative;
				padding: 0;
			}
			.form-common dl {
				padding: 15px 0 20px;
			}
		}
		@media screen and (max-width: 375px) { 
			.form-common input[type="text"], .form-common input[type="email"] , .form-common input[type="tel"] {
				padding: 13px;
				border-radius: 0!important;
				font-size: 14px!important;
			}
			.form-common dl {
				padding: 20px 0;
			}
			.form-common dl dt {
				padding: 0 0 5px 0;
				font-size: 14px;
				letter-spacing: 0.05em;
			}
			.required {
				width: 48px;
				padding: 4px 10px;
				font-size: 10px !important;
			}
			.any {
				width: 48px;
				padding: 4px 10px;
				font-size: 10px !important;
			}
			.form-common dl dt span {
				margin: 0 0 0 15px;
			}
			.form-common select {
				padding: 13px;
			}
			.form-common textarea {
				height: 150px;
				padding: 13px;
			}
		}
		@media screen and (max-width: 320px) { 
			.form-common dl {
				padding: 10px 0;
			}
		}

/* ───────────────────────────────────────────────────────────── PRIVACY WRAP CSS */
.privacy-wrap {
  display: flex;
  justify-content: center;
  margin: 20px 0 50px;
}
.privacy-check {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
}
.privacy-check input {
  margin: 0;
}
.privacy-text {
  color: #333;
  font-size: 15px;
}
.privacy-text a {
  color: #cc9542;
  text-decoration: underline;
}
.privacy-text a:hover {
  text-decoration: none;
}
.privacy-check input[type="checkbox"] {
  width: 24px;
  height: 24px;
  accent-color: #cc9542;
  cursor: pointer;
}

		@media screen and (max-width: 430px) {
			.privacy-wrap {
				margin: 0 0 25px;
			}
		}
		@media screen and (max-width: 390px) {
			.privacy-wrap {
				margin: 0 0 30px;
			}
		}
		@media screen and (max-width: 320px) {
			.privacy-wrap {
				margin: 10px 0 30px;
			}
		}

/* ───────────────────────────────────────────────────────────── FORM COMMON SUBMIT CSS */
.form-common .button {
	display: flex;
	justify-content: center;
	width: 100%;
	max-width: 600px;
}
.form-submit {
  width: 100%;
  padding: 1.7em 0 1.8em;
  background: linear-gradient(90deg, #F4C98A, #ECB46A, #DF943F, #D68435, #C7732D, #B86227, #C7732D, #D68435, #DF943F, #ECB46A, #F4C98A);
  background-position: 0% center;
  background-size: 250% auto;
  border: none;
  color: #fff;
  font-size: 18px;
	font-weight: 500;
  transition: background-position .7s ease;
  cursor: pointer;
}
.form-submit:hover {
  background-position:100% center;
}

		@media screen and (max-width: 560px) {
			.form-common .button {
				margin: 20px 0 0;
			}
			.form-submit {
				padding: 1.4em 0 1.5em;
				font-size: 16px;
			}
		}
		@media screen and (max-width: 375px) {
			.form-common .button {
				margin: 5px 0 0;
			}
			.form-submit {
				width: 100%;
			}
		}

/* ───────────────────────────────────────────────────────────── INPUT CSS */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #F0EDE6 inset;
  box-shadow: 0 0 0 1000px #F0EDE6 inset;
  -webkit-text-fill-color: #333;
}