@charset "utf-8";

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

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

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

.contact {
	position:relative;
	width:1200px;
	box-sizing:border-box;
	margin:0 auto;
	margin-top:120px; 
	}
.contact h2 {
	width:100%;
	font-size:30px;
	text-align:center;
	margin: 60px auto 30px;
	color:#ff521b;
}


	.contact .caution {
		box-sizing:border-box;
		background:#ffffff;
		border:solid 5px #efefef;
		border-radius:5px;
		padding:20px;
		}

		.contact table {
			width:100%;
			box-sizing:border-box;
			background:#ffffff;
			border-collapse:collapse;
			border:solid 3px #cccccc;
			margin:30px 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 3px #efefef;
				padding:20px;
				}
			.contact table th {
				background:#f4f4f4;
				padding:25px 20px;
				}
			.contact table.type02 th {
				background:#f4f4f4;
				padding:20px;
				width:30%; 
				}
				.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;
					margin-left: 1em;
					}
				.contact table td ul {
					list-style:none;
					}
					.contact table td ul li {
						float:left;
						margin:0 20px 0 0;
						}
				.contact table td dl {
					margin:0 0 10px 0;
					}
					.contact table td dl dt {
						float:left;
						padding:5px 0 0 0;
						}
					.contact table td dl dd {
						
						}
						.contact table td dl dd .picker__header {
							padding:3px 0;
							}
						.contact table td dl dd table {
							width:100%;
							box-sizing:border-box;
							background:transparent;
							border-collapse:collapse;
							border:none;
							margin:10px 0 0 0;
							}
							.contact table td dl dd table th,
							.contact table td dl dd table td {
								text-align:center;
								vertical-align:top;
								box-sizing:border-box;
								background:transparent;
								border-collapse:collapse;
								border:none;
								padding:5px 0;
								}
							.contact table td dl dd table th {
								background:transparent;
								padding:5px 0;
								}

		.contact .submit {
			width:auto;
			margin: 30px auto;
			box-sizing: border-box;
			display: table;
			}
			.contact .submit button,
			.contact .submit a {
				    display: inline-block;
					width: 400px !important;
					color: #ffffff;
					box-sizing: border-box;
					background: #ff521b url(../image/layout/ic02_off.png) 375px center no-repeat;
					border: solid 3px #ff521b;
					padding: 0 20px;
					line-height: 35px;
					}
			.contact .submit button:hover,
			.contact .submit a:hover {
				transition:0.25s;
				color:#ff521b;
				background:#ffffff;
				border:solid 3px #ff521b;
				}

.contact .submit button:nth-child(1){
	margin-right:1em; 
}