@charset "utf-8";
/* index.css */
/*PC first*/
/*##### PC #####*/
	
/*-----contents-----*/
.contact_box{
	width:840px;
	margin:0 auto;
}

	.screen_msg{
		text-align:center;
		margin-bottom:30px;
		line-height:1.6em;
	}
	
	.require_icon{
		color:#c40026;
	}
	
	.form_input{
		margin-bottom:30px;
		line-height:1.4em;
	}
	
		.form_input .require_msg{
			margin-bottom:20px;
		}
		
		.form_input .require_msg .require_icon{
			margin-right:0.4em;
		}
		
		.form_input table{
			width:100%;
			margin-bottom:30px;
		}
		
		.form_input table th,
		.form_input table td{
			padding:10px;
			border-bottom:1px solid #eee;
			vertical-align:top;
		}
		
		.form_input table th{
			width:180px;
			position:relative;
		}
		
		.form_input table th:before{
			content:"";
			display:block;
			width:4px;
			height:1em;
			background:#0063a4;
			position:absolute;
			top:12px;
			left:0;
		}
		
		.form_input table th .require_icon{
			margin-left:0.4em;
		}
		
		.form_input table td input[type="text"],
		.form_input table td textarea{
			border:1px solid #ccc;
			font-size:1.1em;
			padding:2px;
		}
		
		.form_input table .r_name td input[type="text"],
		.form_input table .r_name_kana td input[type="text"]{
			width:250px;
		}
		
		.form_input table .r_belong td input[type="text"],
		.form_input table .r_mail td input[type="text"]{
			width:450px;
		}
		
		.form_input table .r_tel td input[type="text"],
		.form_input table .r_fax td input[type="text"]{
			width:200px;
		}
		
		.form_input table .r_content td textarea{
			width:450px;
			height:200px;
		}
		
		#captcha_box{
			text-align:center;
			border:1px solid #ccc;
			padding:10px 20px;
			width:300px;
			margin:0 auto;
		}
		
			.captcha_title{
				font-weight:bold;
				padding-bottom:4px;
				margin-bottom:10px;
				border-bottom:1px solid #23467D;
			}
			
			#captcha_box p{
				line-height:1.4em;
				margin-bottom:10px;
			}
			
			.captcha_img{
				margin-bottom:10px;
			}
			
			.captcha_img a{
				color:#23467D;
			}
			
			.captcha_img a:hover{
				text-decoration:underline;
			}
			
			.captcha_input input[type="text"]{
				border:1px solid #ccc;
				font-size:1.1em;
				padding:2px;
				width:10em;
			}
			
			.captcha_err_msg{
				margin-top:10px;
				color:#c40026;
				font-weight:bold;
			}
		

	.form_submit{}
	
		.form_submit ul{
			text-align:center;
		}
		
			.form_submit ul li{
				margin-bottom:20px;
			}
			
			.form_submit ul li:last-child{
				margin-bottom:0;
			}
			
			.form_submit ul li .btn_next{
				font-size:1.1em;
				box-sizing:border-box;
				background:#23467D;
				border:none;
				border-radius:4px;
				color:#fff;
				padding:8px 20px 6px 20px;
				border-bottom:4px solid #14294a;
				transition:.5s ease all;
			}
			
			.form_submit ul li .btn_next:hover{
				border-bottom:4px solid transparent;
			}
			
			.form_submit ul li .btn_prev{
				box-sizing:border-box;
				background:#ddd;
				border:none;
				border-radius:4px;
				padding:6px 18px 4px 18px;
				border-bottom:3px solid #bbb;
				transition:.5s ease all;
			}
			
			.form_submit ul li .btn_prev:hover{
				border-bottom:4px solid transparent;
			}


	

@media screen and (max-width:480px){
/*##### SP #####*/
	.contact_box{
		width:100%;
		box-sizing:border-box;
		padding:0 5px;
	}

		.screen_msg{
			text-align:left;
			margin-bottom:20px;
		}
		
		.form_input table,
		.form_input table tbody,
		.form_input table tbody tr,
		.form_input table th,
		.form_input table td{
			display:block;
		}
		
			.form_input table th{
				width:auto;
				border-bottom:none;
				padding:10px 0 0 10px;
			}
			
			.form_input table td input[type="text"],
			.form_input table td textarea{
				box-sizing:border-box;
			}
		
			.form_input table .r_name td input[type="text"],
			.form_input table .r_name_kana td input[type="text"],
			.form_input table .r_belong td input[type="text"],
			.form_input table .r_mail td input[type="text"]{
				width:100%;
			}
			
			.form_input table .r_tel td input[type="text"],
			.form_input table .r_fax td input[type="text"]{
				width:50%;
			}
			
			.form_input table .r_content td textarea{
				width:100%;
				height:200px;
			}
			
			#captcha_box{
				padding:10px 20px;
				width:100%;
				box-sizing:border-box;
			}
			
				.captcha_title{
					font-weight:bold;
					padding-bottom:4px;
					margin-bottom:10px;
					border-bottom:1px solid #23467D;
				}
				
				#captcha_box p{
					line-height:1.4em;
					margin-bottom:10px;
				}
				
				.captcha_img{
					margin-bottom:10px;
				}
				
				.captcha_img a{
					color:#23467D;
				}
				
				.captcha_img a:hover{
					text-decoration:underline;
				}
				
				.captcha_input input[type="text"]{
					border:1px solid #ccc;
					font-size:1.1em;
					padding:2px;
					width:10em;
				}
				
				.captcha_err_msg{
					margin-top:10px;
					color:#c40026;
					font-weight:bold;
				}
			
	
		.form_submit{}
		
			.form_submit ul{
				text-align:center;
			}
			
				.form_submit ul li{
					margin-bottom:20px;
				}
				
				.form_submit ul li:last-child{
					margin-bottom:0;
				}
				
				.form_submit ul li .btn_next{
					font-size:1.1em;
					box-sizing:border-box;
					background:#23467D;
					border:none;
					border-radius:4px;
					color:#fff;
					padding:8px 20px 6px 20px;
					border-bottom:4px solid #14294a;
					transition:.5s ease all;
				}
				
				.form_submit ul li .btn_next:hover{
					border-bottom:4px solid transparent;
				}
				
				.form_submit ul li .btn_prev{
					box-sizing:border-box;
					background:#ddd;
					border:none;
					border-radius:4px;
					padding:6px 18px 4px 18px;
					border-bottom:3px solid #bbb;
					transition:.5s ease all;
				}
				
				.form_submit ul li .btn_prev:hover{
					border-bottom:4px solid transparent;
				}


}