@charset "utf-8";
/*------------------------------------------------------------
	contact
------------------------------------------------------------*/
#main {
	min-height: calc(100vh - 272px);
}
#main .contact {
	padding-top: 67px;
}
#main .contact h2 {
	margin-bottom: 50px;
	font-size: 1.9rem;
	font-weight: 500;
	letter-spacing: 0.12em;
	text-align: center;
}
#main .contact p {
	margin-bottom: 56px;
	text-align: center;
	letter-spacing: 0.15em;
	font-feature-settings: "palt";
	-moz-font-feature-settings: "palt";
}
#main .contact .mailForm table {
	margin-bottom: 20px;
	width: 100%;
	border-collapse: collapse;
}
#main .contact .mailForm th,
#main .contact .mailForm td {
	padding: 10px 2px;
	text-align: left;
	vertical-align: top;
	word-break: break-all;
	letter-spacing: 0.15em;
	font-feature-settings: "palt";
	-moz-font-feature-settings: "palt";
}
#main .contact .mailForm th {
	width: 15%;
	font-weight: 500;
}
#main .contact .mailForm td {
	padding: 6px 0 14px 8px;
}
#main .contact .mailForm .wid26{
	width: 26% !important;
}
#main .contact .mailForm textarea,
#main .contact .mailForm input[type="tel"],
#main .contact .mailForm input[type="text"],
#main .contact .mailForm input[type="email"] {
	appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    border-radius: 5px;
    height: 25px;
    border: 1px solid #B9B9B9;
    box-sizing: border-box;
	color: #222;
    font-size: 1.3rem;
    padding: 0 12px;
    width: 100%;
    letter-spacing: 0;
    background-color: #FFF;
}
#main .contact .mailForm input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #FFF inset !important;
}
#main .contact .mailForm textarea {
	padding: 12px;
	height: 194px;
	resize: vertical;
}
#main .contact .mailForm .submit {
	justify-content: flex-end;
}
#main .contact .mailForm .submit li:not(:last-child) {
	margin-right: 15px;
}
#main .contact .mailForm .submit li input {
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	width: 111px;
	height: 22px;
	border-radius: 0;
	text-align: center;
	cursor: pointer;
	font-size: 1.2rem;
	font-weight: 500;
	letter-spacing: 0.05em;
	color: #222;
	border: 1px solid #B9B9B9;
	background: #FFF;
}
@media all and (min-width: 897px) {
	#main .contact .mailForm .submit li input:hover {
		opacity: 0.7;
	}
}
@media all and (max-width: 896px) {
	#main {
		min-height: calc(100vh - 185px);
	}
	#main .content {
		padding: 0 20px;
	}
	#main .contact {
		padding-top: 35px;
	}
	#main .contact h2 {
		margin-bottom: 31px;
		letter-spacing: 0.05em;
	}
	#main .contact p {
		margin: 0 -5px 30px 0;
		text-align: left;
		line-height: 2;
	}
	#main .contact .mailForm table {
		margin-bottom: 6px;
	}
	#main .contact .mailForm th,
	#main .contact .mailForm td {
		padding: 0;
		width: 100% !important;
		display: block;
	}
	#main .contact .mailForm td {
		padding: 6px 0 16px;
	}
	#main .contact .mailForm textarea,
	#main .contact .mailForm input[type="tel"],
	#main .contact .mailForm input[type="text"],
	#main .contact .mailForm input[type="email"] {
		height: 31px;;
		width: 100% !important;
	}
	#main .contact .mailForm textarea {
		height: 197px;
	}
	#main .contact .mailForm .submit {
		justify-content: center;
	}
	#main .contact .mailForm .submit li {
		width: 100%;
		text-align: center;
	}
	#main .contact .mailForm .submit li:not(:last-child) {
		margin: 0 0 20px;
	}
	#main .contact .mailForm .submit li input {
		padding-top: 3px;
		width: 100%;
		max-width: 400px;
		height: 40px;
		font-size: 1.3rem;
		letter-spacing: 0.15em;
		font-feature-settings: "palt";
		-moz-font-feature-settings: "palt";
	}
	#main .contact .thanks p {
		margin-bottom: 50px;
		text-align: center;
	}
}
.errorMsg {
	margin-bottom: 20px;
	color: #f00;
}