.contact .inner {
	padding: 60px 120px 220px;
}
.contact-form {
	width: 720px;
	position: relative;
	margin: 0 auto;
	margin-top:  40px;
	
}
.contact-form h5 {
	font-family: "IBM Plex Sans JP", serif;
	font-size: 19px;
	font-weight: 700;
	line-height: 1.89em;
	letter-spacing: 0.06em;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #1E1E1E;
	margin-bottom: 10px;
}
.contact-form span {
	color: #E8471F;
}
.contact-form .text-left {
	font-family: "IBM Plex Sans JP", serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 2.1em;
	letter-spacing: 0.03em;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #1E1E1E;
	margin-bottom: 30px;
}
.contact-form dl {
	width: 100%;
	padding: 16px 20px;
	border-bottom: 2px solid #06473833;
}

.contact-form dl dt {
	width: 23.5%;
	font-family: "IBM Plex Sans JP", serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 2.1em;
	letter-spacing: 0.03em;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #1E1E1E;
}
.contact-form dl dd {
	width: 75%;
	margin-left: 1.47%;
}
.contact-form .bottom {
	margin-top: 40px;
}
.contact-form .text-center {
	font-family: "IBM Plex Sans JP", serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 2.1em;
	letter-spacing: 0.03em;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #1E1E1E;
	margin-top: 40px;
	margin-bottom: 40px;
}
.complete .bottom-back {
	width: 44px;
	margin: 0 auto;
}
.complete .bottom-back a {
	width: 100%;
	font-family: IBM Plex Sans JP;
	font-size: 14px;
	font-weight: 600;
	line-height: 30px;
	letter-spacing: 0.03em;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #064738;
}
.complete .bottom-back a:hover {
	color: #68BE83;
}
input[type="text"]:hover,
input[type="password"]:hover,
input[type="number"]:hover,
input[type="tel"]:hover,
input[type="email"]:hover,
textarea:hover {
	box-shadow: 0 4px 0 0 #DADADA;
}

/*  768px  */
@media screen and (max-width: 768px) {
	.contact {
		padding-top: 5.12vw;
		padding-bottom: 40.96vw;
	}
	.contact .inner {
		padding: 0;
	}
	.contact .inner .title {
		text-align: center !important;
	}
	.contact .inner .sub_title {
		text-align: center !important;
	}
	.contact .inner .contact-form {
		width: 92.16vw;
		margin-top: 10.24vw;
		margin-bottom: 0;
	}
	.contact .inner .contact-form h5 {
		font-size: 4.864vw;
		margin-bottom: 2.56vw;
	}
	.contact .inner .contact-form .text-left {
		font-size: 3.584vw;
		margin-bottom: 7.68vw;
	}
	.contact .contact-form dl {
		padding: 4.096vw 2.56vw;
		border-bottom: 0.512vw solid #06473833;
	}/**/
	.contact .contact-form dl dt {
		width: 100%;
		font-size: 3.584vw;
	}
	.contact .contact-form dl dd {
		width: 100%;
		font-size: 3.584vw;
		margin-top: 0.512vw;
		margin-left: 0;
		padding-top: 2.048vw;
		padding-bottom: 1.536vw;
	}
	.contact .contact-form .bottom {
		display: block;
		margin-top: 10.24vw;
	}
	.confirm  .contact-form .bottom .btn-cancle {
			width: 46.08vw;
			margin: 0 auto;
	}
	.confirm  .contact-form .bottom .btn-cancle a {
		width: 46.08vw;
		padding: 1.536vw 3.072vw 1.024vw 9.728vw;
	}
	.confirm  .contact-form .bottom .btn-submit {
		margin-top: 12.544vw;
	}
	.contact-form .text-center {
		font-size: 3.584vw;
		margin-top: 10.24vw;
		margin-bottom: 10.24vw;
	}
}

.error {
	color: #E8471F !important;
}
.contact .inner .contact-form dd.error input[type='text'],
.contact .inner .contact-form dd.error input[type='email'],
.contact .inner .contact-form dd.error textarea {
    border-color: #E8471F; 
}
.contact .inner .contact-form dd.error input[type='text']:hover,
.contact .inner .contact-form dd.error input[type='email']:hover,
.contact .inner .contact-form dd.error textarea:hover {
   	box-shadow: none;
}
.contact .inner .contact-form dd.error input[type='text']::placeholder,
.contact .inner .contact-form dd.error input[type='email']::placeholder,
.contact .inner .contact-form dd.error textarea::placeholder {
    color: #E8471F;
}
