@charset "utf-8";

/* ------------------------------------------------------------ contact */

	#contact {
		padding: 50px 0 130px;
	}

		#contact .c_inner {
			width: 780px;
			margin: 0 auto;
			margin-top: 30px;
		}

		#contact h2 {
			font-size: 60px;
			text-align: center;
			padding: 0 0 30px;
		}

		#contact h2 span {
			font-size: 30px;
			font-family: "Alte DIN 1451 Mittelschrift";
			letter-spacing: 3px;
			display: block;
			line-height: 160%;
		}

		#contact h2 .line {
			width: 50px;
			height: 6px;
			border-radius: 10px;
			background: black;
			margin: 0 auto;
			margin-top: 13px;
		}

		#contact h3 {
			font-size: 26px;
			font-weight: bold;
			text-align: center;
			padding: 0 0 20px;
		}

		#contact p {
			font-size: 15px;
			text-align: center;
			padding: 0 0 30px;
			line-height: 200%;
		}

		#contact p span {
			color: #d60603;
		}

		#contact table {
			width: 100%;
		}

		#contact th {
			width: 200px;
			text-align: left;
			font-size: 15px;
			font-weight: bold;
			padding: 0 0 30px;
		}

		#contact th span {
			color: #d60603;
			font-size: 15px;
		}

		#contact td {
			width: calc(100% - 200px);
			text-align: left;
			font-size: 15px;
			padding: 0 0 30px;
		}

		#contact .textarea th {
			vertical-align: top;
		}
		
		#contact td select {
			width: 100%;
			height: 50px;
			padding: 10px 15px;
			border: 1px solid #cccccc;
			background: white;
			border-radius: 5px;
			color: gray;
		}

		#contact td input[type="text"] {
			width: 100%;
			padding: 10px 15px;
			border: none;
			background: #f5f5f5;
			border-radius: 5px;
		}

		#contact td textarea {
			width: 100%;
			padding: 10px 15px;
			border: none;
			background: #f5f5f5;
			border-radius: 5px;
		}

		#contact .submit {
			text-align: center;
			padding: 60px 0 0;
		}

		#contact .submit input[type="submit"] {
			width: 300px;
			margin: 0 auto;
			border: none;
			background: #000;
			color: #fff;
			display: block;
			line-height: 60px;
			-webkit-appearance: none;
		}

		#contact .page_top {
			padding: 0 0 100px;
		}
		
		#contact .page_top a {
			display: block;
			width: 380px;
			color: #fff;
			font-size: 15px;
			line-height: 55px;
			margin: 0 auto;
			background: #000;
			text-align: center;
			text-decoration: none;
		}

/* ------------------------------------------------------------ error */

		#contact .caution {
			padding: 0 0 30px;
		}

		#contact .alert span {
			display: block;
			color: #ff0000;
			line-height: 170%;
		}

		#contact .note .btn a {
			display: block;
			width: 280px;
			background: #948d8d;
			line-height: 60px;
			color: #fff;
			margin: 0 auto;
			text-decoration: none;
		}

		#contact .confirm .btn {
			padding: 60px 0 0;
		}

		#contact .confirm .btn input[type="submit"] {
			display: block;
			width: 280px;
			background: #000;
			line-height: 60px;
			color: #fff;
			border: none;
			margin: 40px auto 0;
			-webkit-appearance: none;
		}



/* ------------------------------------------------------------ mobile ------------------------------------------------------------ */
@media only screen and (max-width: 640px) {

/* ------------------------------------------------------------ profile */

/* ------------------------------------------------------------ contact */

	#contact {
		padding: 30px 0 70px;
	}

		#contact .c_inner {
			width: 94%;
		}

		#contact h2 {
			font-size: 14px;
			padding: 0 0 40px;
		}

		#contact h2 span {
			font-size: 24px;
			letter-spacing: 5px;
		}

		#contact h3 {
			font-size: 18px;
			line-height: 160%;
		}

		#contact p {
			font-size: 14px;
			padding: 0 0 45px;
		}

		#contact th {
			width: 100%;
			display: block;
			font-size: 16px;
			padding: 0 0 10px;
		}

		#contact td {
			width: 100%;
			display: block;
			font-size: 14px;
		}

		#contact td input[type="text"] {
			width: 100%;
			padding: 10px 3%;
		}

		#contact td textarea {
			width: 100%;
			padding: 10px 3%;
		}

		#contact .submit {
			text-align: center;
			padding: 60px 0 0;
		}

		#contact .submit input[type="submit"] {
			width: 240px;
			line-height: 50px;
			-webkit-appearance: none;
		}

/* ------------------------------------------------------------ error */

		#contact .caution {
			padding: 0 0 20px;
		}

		#contact .note .btn a {
			width: 240px;
			line-height: 50px;
		}

		#contact .confirm .btn {
			padding: 40px 0 0;
		}

		#contact .confirm .btn input[type="submit"] {
			width: 240px;
			line-height: 50px;
			margin: 30px auto 0;
			-webkit-appearance: none;
		}

}