@charset "utf-8";

/* ========================================================================================================================/
	
	contact/style.css

/======================================================================================================================== */

#contents {
	padding:0 !important;
	}

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


.bg-contact{background-image:url("../image/contents/contact/bg-contact.jpg");}

/*intern*/

.intern {
	box-sizing:border-box;
	padding:0;
	}
	.intern .inner {
		width:1100px;
		margin:0 auto;
		}
		.intern .inner .intern-info {
			box-sizing:border-box;
			background:#ffffff;
			border:solid 1px #cccccc;
			margin:50px 0 50px 0;
			padding:30px;
			}
			.intern .inner .intern-info h3 {
				display:block;
				color:#ffffff;
				font-size:20px;
				font-weight:normal;
				line-height:40px;
				box-sizing:border-box;
				background:#353526;
				margin:0 0 20px 0;
				}
			.intern .inner .intern-info p {
				font-size:20px;
				line-height:160%;
				margin:0 0 20px 0;
				}
			.intern .inner .intern-info p.name {
				font-size:16px;
				text-align:right;
				line-height:160%;
				margin:0 0 20px 0;
				}
			.intern .inner .intern-info ul {
				margin:30px 0 0 0;
				list-style:none;
				}
				.intern .inner .intern-info ul li {
					float:left;
					}
				.intern .inner .intern-info ul li:nth-of-type(2) {
					float:right;
					}
		.intern .inner table {
			width:100%;
			background:#ffffff;
			border-collapse:collapse;
			border:solid 1px #cccccc;
			margin:50px 0 0 0;
			}
			.intern .inner table th,
			.intern .inner table td {
				text-align:left;
				border:solid 1px #cccccc;
				padding:20px;
				}
			.intern .inner table th {
				background:#efefef;
				}




.contact {
	box-sizing:border-box;
	padding:50px 0 50px 0;
	}
	.contact .inner {
		width:1100px;
		margin:0 auto;
		}

		.contact table {
			width:100%;
			box-sizing:border-box;
			background:#ffffff;
			border-collapse:collapse;
			border:solid 1px #cccccc;
			margin:50px 0 0 0;
			}
			.contact table th,
			.contact table td {
				text-align:left;
				vertical-align:top;
				box-sizing:border-box;
				background:#ffffff;
				border-collapse:collapse;
				border:solid 1px #cccccc;
				padding:20px;
				}
			.contact table th {
				background:#efefef;
				padding:25px 20px;
				}
			.contact table.type02 th {
				background:#efefef;
				padding:20px;
				}
				.contact table th span {
					float:right;
					color:#ffffff;
					font-size:11px;
					font-weight:normal;
					line-height:20px;
					background:#ff2626;
					border-radius:5px;
					margin:3px 0 0 7px;
					padding:0 5px;
					}
				.contact table td .notes {
					display:inline-block;
					color:#999999;
					font-size:12px;
					}
				.contact table td ul {
					list-style:none;
					}
					.contact table td ul li {
						float:left;
						margin:0 20px 0 0;
						}

		.contact .submit {
			width:500px;
			margin:50px auto 0 auto;
			}
		.contact .submit.half {
			width:900px;
			}
			.contact .submit button,
			.contact .submit a {
				position:relative;
				display:block;
				width:100%;
				color:#ffffff;
				font-size:16px;
				text-decoration:none;
				line-height:50px;
				box-sizing:border-box;
				background:#353526;
				border:solid 1px #353526;
				cursor:pointer;
				}
			.contact .submit.half button,
			.contact .submit.half a {
				float:left;
				width:calc(50% - 15px);
				}
			.contact .submit.half button:nth-of-type(2),
			.contact .submit.half a:nth-of-type(2) {
				float:right;
				width:calc(50% - 15px);
				}
			.contact .submit button:hover,
			.contact .submit a:hover {
				color:#353526;
				background:#ffffff;
				border:solid 1px #353526;
				}
			.contact .submit button:after,
			.contact .submit a:after {
				position:absolute;
				top:20px;
				right:20px;
				content:"";
				width:9px;
				height:9px;
				border-top:1px solid #ffffff;
				border-right:1px solid #ffffff;
				-webkit-transform:rotate(45deg);
				transform:rotate(45deg);
				}
			.contact .submit button:hover:after,
			.contact .submit a:hover:after {
				border-top:1px solid #353526;
				border-right:1px solid #353526;
				}

.contact-form .inner h3 {
				display:block;
				color:#ffffff;
				font-size:20px;
				font-weight:normal;
				line-height:40px;
				box-sizing:border-box;
				background:#353526;
				margin:100px 0 50px 0;
				}
.contact-form .postcode{margin-bottom: 20px;}


.contact-form .postcode input:nth-of-type(1) {
	width: 60px;
}
.contact-form .postcode input:nth-of-type(2) {
	width: 80px;
}