@charset "utf-8";
/* CSS Document */

#title {
	background: url(../images/contact/back_ttl.png) center no-repeat #d0ecfa;
}



#contact {
	margin-bottom: 50px;
}



.lead table {
	margin: 30px 0 60px;
	padding:25px 60px;
	width: 100%;
	border: 2px solid #d2d2d2;
	border-collapse: separate;
}
.lead table th {
	width: 190px;
}

.lead table td.tb_center{
	width:200px;
}

.lead table td {
	font-weight: bold;
}


.form{
	width:100%;
	border-collapse:collapse;
	border-top:#e5e5e5 2px solid;
	font-size: 18px;
	margin:50px 0;
}
.form  th {
	width: 240px;
	font-weight: bold;
	vertical-align:top;
	border-bottom:#e5e5e5 2px solid;
	padding:40px 0 ;
}

.form  .form_contents  th{
	padding:25px 0 40px;
}

.form .req{
	background:url(../images/contact/icon01.gif)  right 40px no-repeat;
}


.form  .form_contents .req{
	background:url(../images/contact/icon01.gif)  right 25px no-repeat;
}

.form  td {
	border-bottom:#e5e5e5 2px solid;	
	padding:25px 0 25px 20px;
	
}

.form input{
	height: 55px;
	background-color: #e5e5e5;
	border: none;
	padding: 0 16px;
}

.w_nomal{
	width:700px;
	
}
.w_190{
	width:190px;
}
.w_430{
	width:430px;
}

.form  td span{
	display:inline-block;
	margin:0 10px;
}

.form_contents textarea{
	height:320px;
	background-color: #e5e5e5;
	border: none;
	display: block;
	padding: 16px;
}

.check {
	margin-bottom: 35px;
	text-align:center;
}

.check p{
	margin-bottom:20px;
}
 .check li{
	 display:inline-block;
	 margin:0 30px ;
}

.radio{
	display: inline-flex;
	align-items: center;
	gap: 8px;
}
.radio_wrap{
	display: flex;
	flex-wrap: wrap;
	gap: 8px 16px;
}
.radio input{
	height: auto;
}
	
.birthday {
	display: flex;
	align-items: center;
	gap: 10px;
}
.birthday_year{
	width: 190px;
}
.birthday_month{
	width: 95px;
}
.birthday_day{
	width: 95px;
}

.finish{
	text-align:center;
	font-size:18px;
	margin:50px 0;
}

.finish span{
	display:block;
	font-size:22px;
	font-weight:bold;
	margin-bottom:30px;
}

.help-block {
	color: #F63;
}
form button {
	cursor: pointer;
	outline: none;
	border: none;
	background: none;
	-webkit-box-shadow: none;
	        box-shadow: none;
}

@media screen and (max-width: 768px) {
	.form {
		margin-top: 25px;
	}
	.form th,
	.form td {
		display: block;
	}
	.form th,
	.form .form_contents th {
		width: auto;
		border-bottom: none;
		padding: 20px 0 0;
	}
	.form th {
		font-size: 16px;
	}
	.form td {
		padding: 15px 0 20px;
	}
	.form .req {
		background-position: bottom 5px right;
	}
	.form input {
		height: 40px;
	}
	.w_nomal {
		width: 100%;
	}
	.w_190 {
		width: 85px;
	}
	.birthday {
		flex-wrap: wrap;
	}
	.birthday_year{
		width: calc(100% - 30px);
	}
}