@charset "utf-8";


.head:before {
	max-height: 400px;
	background-image: url(../images/img_head.jpg);
}

.contact {
	max-width: 800px;
	margin: 0 auto;
	margin-bottom: 0 !important;
	padding: 0 calc(15px + 2vw);
	padding-bottom: 10px;
}

.contact-title {
	margin-bottom: 20px;
	line-height: 1.6;
	text-align: center;
	color: rgba(0, 0, 0, 1);
}

.contact-tex {
	font-size: 1.4rem;
	line-height: 1.8;
	text-align: center;
}

.contact-form {
	width: 100%;
}

.contact-form.tel {
	margin-bottom: 40px;
	border-bottom: 1px solid rgba(0, 0, 0, .15);
}

.contact-form th,
.contact-form td {
	padding: 10px 0;
	vertical-align: top;
}

.contact-form td {
	font-size: 1.4rem;
	line-height: 1.8;
}

.contact-form.tel .en {
	font-size: 3rem;
	line-height: 1.6;
	color: rgba(0, 0, 0, 1);
}

.formitem {
	width: 100%;
	padding: 10px;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 5px;
	font-size: 1.6rem;
	line-height: 1.8;
	box-sizing: border-box;
}

textarea.formitem {
	min-height: 180px;
}

.formitem:focus {
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
}

.contact-form th .jp,
.contact-form th .snum {
	display: block;
}

.contact-form th .jp {
	line-height: 1.8;
	color: rgba(0, 0, 0, 1);
}

.contact-form th .snum {
	line-height: 1.8;
}


@media screen and ( max-width: 700px ) {

	.contact {
		margin: 60px auto;
	}

	.contact-title {
		font-size: 1.8rem;
	}

	.contact-form th .jp {
		font-size: 1.5rem;
	}

	.contact-form th .snum {
		font-size: 1.3rem;
	}

}


@media screen and ( max-width: 500px ) {

	.contact-form th,
	.contact-form td {
		display: block;
	}

	.contact-form th label {
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
				align-items: center;
		-webkit-flex-wrap: wrap;
				flex-wrap: wrap;
	}

	.contact-form th .jp {
		margin-right: 10px;
	}

	.contact-form td {
		padding-top: 0;
	}

	.contact-tel th {
		padding-bottom: 0;
	}

	.btnset {
		margin: 0 auto;
		margin-top: 20px;
		display: table;
	}

	.btnset li {
		margin: 10px 0;
	}

}


@media screen and ( min-width: 701px ) {

	.contact {
		margin: 80px auto;
	}

	.contact-title {
		font-size: 2.5rem;
	}

	.contact-form th {
		width: 250px;
	}

	.contact-form th .jp {
		font-size: 1.6rem;
	}

	.contact-form th .snum {
		font-size: 1.4rem;
	}

	.btnset {
		margin-top: 60px;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
				justify-content: center;
	}

	.btnset li {
		margin: 0 10px;
	}

}


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