@charset "UTF-8";
*{
	font-size:14px;
}
body{
	background:#FBF7F1;
	margin:0 auto;
	padding:20px 0;
}

/***** 共通 *****/

main{
	margin:0 auto;
	width:1200px;
}
@media (max-width: 1200px) {
	main{
		padding:0 1%;
		width:98%;
	}
}
	main > img{
		display:block;
		margin:0 auto 30px;
	}

	@media (max-width: 1200px) {
		main > img{
			max-width:100%;
		}
	}

	h1{
	/*	border-bottom:5px solid #022D40;*/
		background:linear-gradient(#375F73,#022D40);
		border-radius:10px;
		color:#fff;
		font-size:16px;
		font-weight:bold;
		padding:15px 0;
		text-align:center;
		margin:0 0 20px;
	}

	h2{
		color:#022D40;
		font-size:18px;
		font-weight:bold;
		padding:10px 0;
		text-align:center;
		margin:0 0 20px;
	}

	h3{
		color:#022D40;
		font-size:18px;
		font-weight:bold;
		padding:10px 0;
		text-align:center;
		margin:0 0 20px;
	}

	table{
		background:#fff;
		border-top:1px solid #022D40;
		border-left:1px solid #022D40;
		margin:0 0 20px;
		width:100%;
	}
		tr{
			border-bottom:1px solid #022D40;
		}
		th{
			background-color:rgba(0,153,255,0.1);
			border-right:1px solid #022D40;
			padding:10px;
			vertical-align:middle;
			width:200px;
		}
		th.pickup{
			background-color:rgba(255,251,12,0.2);
		}
			th s{
				text-decoration:none;
			}
			th s:before{
				background:#F3360E;
				content:"必須";
				color:#fff;
				display:block;
				font-size:12px;
				padding:3px 8px;
				margin:10px auto 0;
				width:40px;
			}
		td{
			border-right:1px solid #022D40;
			padding:10px 20px;
			vertical-align:middle;

		}
			td.koukai{
				color:#0489C1;
				font-size:12px;
				text-align:center;
				width:80px;
			}
				td.koukai.pw{
					text-align:left;
					width:auto;
				}
			td.hi,
			td > span{
				color:#F3360E;
			}
			td.hi{
				width:40px;
			}

			td .age_area{
				font-weight:bold;
				margin:10px 0 0;
			}
			td p{
				margin:0 0 5px;
			}
			td strong{
				font-size:16px;
				font-weight:bold;
			}
			td b{
				background:#FE802C;
				border-radius:5px;
				color:#fff;
				display:inline-block;
				margin:5px 0 0;
				padding:5px 8px;
			}
				td b:hover{
					cursor:pointer;
				}
			td.shikaku_td label{
				display:inline-block;
				margin:0 0 15px;
				width:250px;
			}

			td > dl{
				display:table;
				margin:0 0 15px;
				width:100%;
			}
				td > dt{
					display:table-cell;
					width:150px;
				}
				td > dd{
					display:table-cell;
				}

input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
textarea,
select{
	border:1px solid #375F73;
	margin:0 5px 0 0;
	padding:10px;
}
	select:hover{
		cursor:pointer;
	}
input[type="number"]{
	width:100px;
}
input[type="radio"],
input[type="checkbox"]{
	margin:0 5px 0 0;
}
label{
	display:inline-block;
	margin:0 20px 0 0;
}
label.short{
	display:inline-block;
	width:20%;
}
input[type="submit"]{
	background:#4FB9A2;
	border-radius:8px;
	box-shadow:1px 1px 3px #133042;
	color:#fff;
	display:block;
	font-size:20px;
	margin:20px auto;
	padding:10px 20px;
	text-align:center;
	width:240px;
}
	input[type="submit"]:hover{
		background:#FF5635;
	}

.kiyaku{
	background:#fff;
	border:1px solid #022D40;
	display:block;
	padding:20px;
	line-height:180%;
	overflow-y:scroll;
	height:200px;
	
}
	.kiyaku b{
		font-weight:bold;
	}
.kiyaku_ck{
	padding:15px 0;
	text-align:center;
	font-size:18px;
}

	main > dl{
		border-bottom:1px solid #ccc;
		display:table;
		width:100%;
	}
		main > dl dt{
			background:#6081A0;
			border-right:1px solid #ccc;
			color:#fff;
			display:table-cell;
			font-size:12px;
			width:250px;
			padding:15px;
		}
		main > dl dd{
			background:#fff;
			display:table-cell;
			padding:15px 20px;
		}

.success{
	font-size:18px;
	text-align:center;
}
	.success a{
		font-size:18px;
		font-weight:bold;
	}