@charset "UTF-8";

#content {}

	#contact {}

		#contact .telNumber {
			padding-bottom: 30px;
			color: #005284;
			font-family: 'Tel Futura Hv';
			font-size: 300%;
			text-align: center;
		}

			.telNumber .icon-tel ,
			.telNumber .icon-fax {
				padding-right: 5px;
				font-size: 90%;
			}

		#contact .comment {
			padding-bottom: 60px;
		}

		#mailform {
			width: 800px;
			margin: 0 auto;
			text-align: left;
		}

			#contactForm {
				width: 100%;
				box-sizing: border-box;
				margin-bottom: 40px;
				padding: 20px 40px;
				overflow: hidden;
				background-color: #f2f9fc;
			}

				#contactForm dt,
				#contactForm dd {
					padding: 15px 20px;
					font-size: 90%;
					border-top: 1px solid #ddd;
				}

				#contactForm dt.top,
				#contactForm dd.top {
					border-width: 0;
				}


				#contactForm dt {
					clear: left;
					float: left;
					width: 200px;
					text-align: left;
				}

				#contactForm dd {
					margin-left: 240px;
				}


			.inText {
				font-size: 110%;
				padding: 0.3em 0.5em;
			}

			#contactForm textarea {
				width: 400px;
			}

			.attention {
				color: #900;
			}

			.submitButton {
				text-align: center;
			}
				.submitButton input {
					padding: 0.3em 2em;
					font-size: 110%;
				}

			.mailformSendMsg,
			.mailformErrorMsg {
				padding: 8em 2em;
				text-align: center;
			}

	#recruitData {}

		#recruitData .recruitTable {
			width: 760px;
			margin: 0 auto;
			overflow: hidden;
			background-color: #f2f2f2;
			border-bottom: 1px solid #ccc;
		}

			#recruitData .recruitTable dt,
			#recruitData .recruitTable dd {
				box-sizing: border-box;
				padding: 25px 60px;
				border-top: 1px solid #ccc;
			}

			#recruitData .recruitTable dt {
				clear: left;
				float: left;
				width: 240px;
			}

			#recruitData .recruitTable dd {
				margin-left: 240px;
				text-align: left;
				background-color: #fff;
			}


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

	#content {}

		#contact {}

			#contact .telNumber {
				padding-bottom: 20px;
				font-size: 200%;
			}

			#contact .comment {
				text-align: left;
			}

			#mailform {
				width: 100%;
			}

				#contactForm {
					margin-bottom: 20px;
					padding: 0px 0px;
				}

					#contactForm dt,
					#contactForm dd {
						padding: 10px 10px;
					}

					#contactForm dt {
						float: none;
						width: 100%;
						box-sizing: border-box;
					}

					#contactForm dd {
						padding-top: 0;
						box-sizing: border-box;
						margin-left: 0px;
						border-width: 0;
					}

				.inText {
					box-sizing: border-box;
					width: 100%;
					font-size: 16px;
				}

				#contactForm textarea {
					width: 100%;
					font-size: 16px;
				}

		#recruitData {}

			#recruitData .recruitTable {
				width: 100%;
			}

				#recruitData .recruitTable dt,
				#recruitData .recruitTable dd {
					padding: 10px 10px;
				}

				#recruitData .recruitTable dt {
					float: none;
					width: 100%;
				}

				#recruitData .recruitTable dd {
					margin-left: 0;
				}


}