@charset "utf-8";
@import url("/css/pages.css");
/* recruit.css */
/*PC first*/
/*##### PC #####*/
.content_title .content_title_img{
	background: url(/shared/content_title/contact_img.jpg) no-repeat left top;
}

.contact_tel_fax{
	width:800px;
	margin:0 auto 50px auto;
}

	.contact_tel_fax > p{
		font-size:1.2em;
		text-align:center;
		margin-bottom:30px;
	}
	
	.contact_tel_fax > p br{
		display:none;
	}
	
	/*電話*/
	.contact_tel{
		margin-bottom:50px;
	}
	
		.contact_tel h3,
		.contact_fax h3,
		.contact_mail_form h3{
			font-size:1.4em;
			margin-bottom:30px;
			padding-bottom:0.3em;
			border-bottom:1px dotted #aaa;
		}
		
			.contact_tel h3:before,
			.contact_fax h3:before,
			.contact_mail_form h3:before{
				font-family: FontAwesome;
				content:"\f0c8";
				color:#a6250f;
				margin-right:0.2em;
			}
		
		.contact_tel > ul{
			display:flex;
			justify-content:space-between;
			width:700px;
			margin:0 auto;
		}
		
		.contact_tel > ul > li > ul > li{
			margin-bottom:10px;
			text-align:center;
		}
		
		.contact_tel > ul > li > ul > li:last-child{
			margin-bottom:0;
		}
	
	/*FAX*/
	.contact_fax{
		margin-bottom:50px;
	}
	
		.contact_fax > ul{
			display:flex;
			/*justify-content:center;*/
			width:700px;
			margin:0 auto;
		}
		
		.contact_fax > ul > li > ul > li{
			margin-bottom:10px;
			text-align:center;
		}
		
		.contact_fax > ul > li > ul > li:last-child{
			margin-bottom:0;
		}
	
.contact_mail_form{
	width:800px;
	margin:0 auto;
}

	.contact_mail_form .mail_form{
		width:700px;
		margin:0 auto;
	}
	
	.contact_mail_form .mail_form .box_header p{
		margin-bottom:10px;
	}
	
	.contact_mail_form .mail_form .box_inner{
		margin-bottom:30px;
	}
	
	.contact_mail_form .mail_form .box_inner p.send_msg{
		line-height:1.8em;
		
	}
	
	.contact_mail_form .mail_form .box_inner table{
		width:100%;
		margin-bottom:20px;
	}
	
	.contact_mail_form .mail_form .box_inner table th,
	.contact_mail_form .mail_form .box_inner table td{
		border-bottom: 1px dotted #000;
		padding: 12px;
		vertical-align: top;
	}
	
	.contact_mail_form .mail_form .box_inner table th{
		width: 130px;
		color: #9f2814;
		font-weight: bold;
	}
	
	.contact_mail_form .mail_form table td input[type="text"],
	.contact_mail_form .mail_form table td textarea{
		border:1px solid #aaa;
		font-size:1.1em;
		padding:4px;
	}
	
	.contact_mail_form .mail_form .box_inner table .r_name td input[type="text"]{
		width:200px;
	}
	
	.contact_mail_form .mail_form .box_inner table .r_mail td input[type="text"]{
		width:400px;
	}
	
	.contact_mail_form .mail_form .box_inner table .r_content td textarea{
		width:500px;
		height:300px;
	}
	
		#captcha_box{
			text-align:center;
			width:500px;
			margin:40px auto 0 auto;
			display:flex;
			flex-wrap:wrap;
			background:rgba(236,197,92,0.15);
			padding:10px;
			border-radius:5px;
		}
		
		#captcha_box .captcha_title{
			font-weight:bold;
			padding:5px 0;
			margin-bottom:10px;
			width:100%;
			border-bottom:1px dotted #888;
		}
		
		#captcha_box p{
			margin-bottom:10px;
		}
		
		#captcha_box p br{
			display:none;
		}

		
		#captcha_box .captcha_img{
			padding:5px;
			background:#fff;
		}
		
			#captcha_box .captcha_img a{
				color:#111;
				text-decoration:underline;
			}
			
			#captcha_box .captcha_img a i.fa{
				margin-right:5px;
			}
			
			#captcha_box .captcha_txt_input{
				width:275px;
				box-sizing:border-box;
				padding:5px 0 0 30px;
			}
			
			#captcha_box .captcha_input input[type="text"]{
				width:100px;
				border: 1px solid #aaa;
				font-size: 1.1em;
				padding: 4px;
			}
			
			#captcha_box .captcha_txt_input p{
				line-height:1.6em;
				text-align:left;
			}
			

		
	.contact_mail_form .mail_form .box_footer{}
	
		.contact_mail_form .mail_form .box_footer ul{
			display:flex;
			justify-content:center;
		}
		
			.contact_mail_form .mail_form .box_footer ul li{
				padding:0 5px;
			}
			
			.contact_mail_form .mail_form .box_footer ul li input[type="button"],
			.contact_mail_form .mail_form .box_footer ul li button#submitButton{
				background:#9f2814;
				color:#fff;
				border:0;
				padding:5px 20px;
				font-size:1.1em;
				border-radius:4px;
				transition:.5s all ease;
			}
			
			.contact_mail_form .mail_form .box_footer ul li button#rewriteButton{
				background:#ccc;
				color:#111;
				border:0;
				padding:5px 20px;
				font-size:1.1em;
				border-radius:4px;
				transition:.5s all ease;
			}
			
			.contact_mail_form .mail_form form > .box_footer ul li input[type="button"]:hover,
			.contact_mail_form .mail_form .box_footer ul li button#rewriteButton:hover{
				opacity:0.8;
			}
		
.contact_privacy{
	width:600px;
	margin:50px auto 0 auto;
}

	.contact_privacy p{
		line-height:1.8em;
		background:#eee;
		padding:10px 20px;
	}
	
	.contact_privacy p a{
		color:#9f2814;
		text-decoration:underline;
	}


@media screen and (max-width:480px){
/*##### SP #####*/
.contact_tel_fax{
	width:auto;
}

	.contact_tel_fax > p{
		line-height:1.8em;
	}
	
	.contact_tel_fax > p br{
		display:inline;
	}

	.contact_tel > ul,
	.contact_fax > ul{
		width:auto;
		display:block;
	}
	
		.contact_tel > ul > li{
			margin-bottom:20px;
		}
		
		.contact_tel > ul > li img,
		.contact_fax > ul > li img{
			max-width:100%;
		}
		
.contact_mail_form{
	width:auto;
}

	.contact_mail_form .mail_form{
		width:auto;
	}
	
	.contact_mail_form .mail_form .box_inner table,
	.contact_mail_form .mail_form .box_inner tbody,
	.contact_mail_form .mail_form .box_inner tr,
	.contact_mail_form .mail_form .box_inner th,
	.contact_mail_form .mail_form .box_inner td{
		display:block;
		box-sizing:border-box;
	}
	
	.contact_mail_form .mail_form .box_inner table th{
		width:100%;
		padding:0 0 5px 5px;
	}
	
	.contact_mail_form .mail_form .box_inner table td{
		border-bottom:none;
		padding:5px 5px 15px 5px;
	}
	
	.contact_mail_form .mail_form table td input[type="text"],
	.contact_mail_form .mail_form table td textarea{
		box-sizing:border-box;
	}
	
	.contact_mail_form .mail_form .box_inner table .r_mail td input[type="text"]{
		width:100%;
	}
	
	.contact_mail_form .mail_form .box_inner table .r_content td textarea{
		width:100%;
		height:200px;
	}
	
#captcha_box{
	width:auto;
	margin-top:20px;
	flex-direction:column;
}

	#captcha_box p{
		line-height:1.4em;
	}
	
	#captcha_box p br{
		display:inline;
	}
	

	#captcha_box .captcha_img{
		padding-left:0;
		margin-bottom:10px;
	}
		
		#captcha_box .captcha_txt_input{
			width:100%;
			padding:0;
		}
		
		#captcha_box .captcha_txt_input p{
			text-align:center;
		}



.contact_privacy{
	width:auto;
}


}