@charset "utf-8";
/*-----pages.css-----*/

@media print{
	a[href]:after {
		content: "" !important;
	}
	
	abbr[title]:after {
		content: "" !important;
	}
}

@media print, screen {
/* お問い合わせフォーム */
.content_box > .box_header {
	margin-bottom: 10px;
}
	.content_box > .box_header h3 {
		color: #0a3278;
		font-size: 22px;
		font-weight: bold;
		line-height: 1.8em;
		padding: 0 15px 0;
	}
	.content_box > .box_header h3:after {
		background-color: #ccc; /* 線色 */
		border-radius: 5px; /* 線幅の半分 */
		content: "";
		display: block;
		height: 3px; /* 線幅 */
		position: relative;
		left: -15px;
		width: 930px;
	}

.content_box > .box_inner {
	margin-bottom: 40px;
}
	.content_box > .box_inner p {
		padding: 0 15px;
	}
.intro_msg {}
.intro_msg img {
	margin-bottom: 20px;
}

.confirm_msg {
	text-align:center;
}

.input_msg {
	width:700px;
	margin:0 auto;
}

.icon_require {
	color: #c40026;
	font-size: 0.9em;
}

.contact_input {
	width:730px;
	margin: 20px auto;
	border: 1px dotted #999;
	padding: 15px;
}

	.contact_input table,
	.contact_input table tbody,
	.contact_input table tbody tr,
	.contact_input table tbody th,
	.contact_input table tbody td{
		display:block;
		clear:both;
	}
	.contact_input table{
		display:table;
		clear:none;
		width:700px;
		margin:0 auto;
		/*border-spacing: 3px;
		border-collapse: separate;*/
	}
		.contact_input table tbody{
			display:table-row-group;
			clear:none;
		}
	
			.contact_input table tbody tr{
				display:table-row;
				clear:none;
				border-bottom: 1px dotted #ccc;
			}
			.contact_input table tbody tr:last-child {
				border-bottom: 0;
			}
			.contact_input table tbody th,
			.contact_input table tbody td{
				display:table-cell;
				clear:none;
				padding:15px;
			}
			.contact_input table tbody th{
				width: 200px;
				background: #fff7dd;
				font-weight: normal;
				margin-bottom:10px;
				/*color: #2a4bbc;*/
			}
				/*.contact_input table tbody th:before{
					content:"";
					display:inline-block;
					width:5px;
					height:1em;
					background:#196419;
					float:left;
					margin:3px 5px 0 0;
				}
				.contact_input table tbody th:before{
					display:none;
				}*/
			.contact_input table tbody td{
				padding-bottom:15px;
				overflow:hidden;
			}
	
				.contact_input table tbody td label{
					margin-bottom:0;
				}
		
				.contact_input table tbody td input[type="text"]{
					border:1px solid #ccc;
					border-radius:4px;
					font-size:1.1em;
					padding:5px;
				}
				.contact_input table tbody td input[type="text"]{
					border:1px solid #aaa;
					border-radius:4px;
					font-size:1.1em;
					padding:5px;
				}
.contact_input table tr.r_contact_kind td ul,
.contact_input table tr.r_gender td ul{
	letter-spacing:-0.4em;
	padding-left: 0;
	margin-bottom: 0;
}
	.contact_input table tr.r_contact_kind td ul li{
		border:1px solid #ccc;
		padding:8px;
		margin-bottom:4px;
		border-radius:4px;
	}
.contact_input table tr.r_contact_kind td ul li,
.contact_input table tr.r_gender td ul li{
	letter-spacing:0;
	display:inline-block;
	margin:0 20px 0 0;
	padding:2px 10px;
	border:0;
	float:none;
	width:auto;
}
	.contact_input table tr.r_contact_kind td ul li.active{
		background: #edf2ff;
	}
.contact_input table tr.r_contact_kind td ul li.active,
.contact_input table tr.r_gender td ul li.active{
	border:0;
}
	
	.contact_input table tr.r_contact_kind td ul li:last-child{
		margin-bottom:0;
	}
	
	.contact_input table tr.r_contact_kind td ul li input[type="radio"]{
		float:left;
		display:inline-block;
		margin:3px 5px 0 0;
	}
	
	.contact_input table tr.r_contact_kind td ul li label{
		display:block;
	}
	
	.contact_input table tr.r_name input[type="text"]{
		width:200px;
	}
	.contact_input table tr.r_contact_kind td ul li input[type="radio"],
	.contact_input table tr.r_gender td ul li input[type="radio"]{
		margin:3px 0 0 0;
	}
	
	.contact_input table tr.r_gender li{
		border:1px solid #ccc;
		padding:8px;
		border-radius:4px;
		width:25%;
		float:left;
		margin-right:10px;
	}
	
	.contact_input table tr.r_gender li.active{
		border:1px solid #196419;
		background:#d1df9c;
	}

	.contact_input table tr.r_gender td ul li input[type="radio"]{
		float:left;
		display:inline-block;
		margin:3px 5px 0 0;
	}
	.contact_input table tr.r_contact_kind td ul li label,
	.contact_input table tr.r_gender td ul li label{
		display:inline-block;
		padding-left:5px;
		font-weight: normal;
	}
	
	.contact_input table tr.r_company input[type="text"],
	.contact_input table tr.r_company2 input[type="text"]{
		width: 400px;
		margin-right:5px;
	}
	
	.contact_input table tr.r_tel input[type="text"]{
		width:10em;
		margin-right:5px;
	}
	
	.contact_input table tr.r_zip input[type="text"]{
		width:6em;
		margin-right:5px;
	}
	
	.contact_input table tr.r_addr input[type="text"]{
		width:100%;
	}
	
	.contact_input table tr.r_mail input[type="text"]{
		width:100%;
	}
	
	.contact_input table tr.r_content textarea{
		width:100%;
		height:200px;
		border:1px solid #aaa;
		border-radius:4px;
		font-size:1.1em;
		padding:5px;
	}
	
.contact_submit{
	clear:both;
}
	
.contact_submit ul{
	letter-spacing:-0.4em;
	text-align:center;
	margin:0;
	padding:0;
}

	.contact_submit ul li{
		letter-spacing:0;
		display:inline-block;
		padding-bottom:2px;
		margin-right:20px;
	}
	
	.contact_submit ul li:last-child{
		margin-right:0;
	}
	
	.contact_submit ul li input[type="button"],
	.contact_submit ul li button{
		background:#0b3684;
		color:#fff;
		border:1px solid #0b3684;
		padding:5px 20px;
		box-shadow:0 1px 1px 1px rgba(0,0,0,0.2);
		letter-spacing:20px;
		padding-right:0;
		font-size:1.1em;
	}
	
	.contact_submit ul li input[type="button"]:hover,
	.contact_submit ul li button:hover{
		background:#fff;
		color:#0b3684;
	}
	
	.contact_submit ul li button#rewriteButton{
		background:#eee;
		color:#111;
		border:1px solid #fff;
	}
	
	.contact_submit ul li button#rewriteButton:hover{
		background:#fff;
	}
	
	/*画像認証*/
	#captcha_box{
		width:570px;
		margin:20px auto;
		border:1px solid #ccc;
		overflow:hidden;
		padding:10px;
	}
	
		#captcha_box .captcha_title{
			text-align:center;
			margin-bottom:8px;
			color:#002856;
			padding:5px 0;
			background:#f0f3f8;
		}
		
		#captcha_box p{
			text-align:center;
		}
		
		.captcha_img{
			width:215px;
			float:left;
			text-align:center;
		}
		
		
		.captcha_input{
			width:300px;
			float:right;
			padding-top:10px;
		}
		
		.captcha_input input[type="text"]{
			border:1px solid #aaa;
			width:200px;
		}
		
		.captcha_err_msg{
			color:#c40026;
			padding:5px;
		}

}

@media screen and (max-width: 479px) {
	/* 479px以下用（スマートフォン用）の記述 */
.content_box > .box_header h3{
	font-size:20px;
	margin:0;
	padding:0;
}

.content_box > .box_header h3:after{
	width:100%;
	left:0;
}
	
.contact_input{
	width:100%;
	padding:5px;
}

	.contact_input table{
		width:100%;
		display:block;
	}
	
	.contact_input table tbody{
		display:block;
	}
	
	.contact_input table tbody tr{
		display:block;
		margin-bottom:8px;
	}
	
	.contact_input table tbody tr th{
		display:block;
		width:auto;
		font-weight:bold;
		padding:0 0 0 8px;
		background:none;
		border-left:5px solid #0a3278;
		margin-bottom:5px;
	}
	
	.contact_input table tbody tr td{
		display:block;
		padding:0 0 5px 0;
	}
	
	.contact_input table tr.r_company input[type="text"],
	.contact_input table tr.r_company2 input[type="text"]{
		width:100%;
	}

.confirm_msg {
	text-align: left;
}

.input_msg {
	width:auto;
	margin:0;
}

	/*画像認証*/
	#captcha_box{
		width:auto;
		padding:5px 5px 10px 5px;
	}
	
		#captcha_box .captcha_title{
			font-weight:bold;
		}

		.captcha_img{
			width:auto;
			float:none;
		}
		
		.captcha_img img.img-responsive{
			margin:0 auto;
		}
		
		.captcha_input{
			width:auto;
			float:none;
		}
		
		.captcha_input input[type="text"]{
			width:100%;
			border-radius: 4px;
			font-size: 1.1em;
			padding: 5px;
		}

}

@media print {
	.contact_submit ul li input[type="button"],
	.contact_submit ul li button{
		background:#0b3684 !important;
	}
	.contact_submit ul li button#rewriteButton{
		background:#eee !important;
	}
}