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

@media (min-width:1051px) {	
	/*全ページ共通*/
	header{height: 84px;}
	
	main{background:#f7f8f8; margin:0px auto 0 auto;padding:0px 0 0 0; }
	main #title{width:1000px; margin:0px auto 80px auto;padding:80px 0 0 0;   overflow: hidden; }
	main #title h2{width:100%;margin: 0;padding: 0;letter-spacing: 3px;text-align: center; font-size:40px; opacity: 0;}
	main #title p{width:100%;margin: 0;padding: 0;letter-spacing: 1px;text-align: center; font-size:20px; }
	
	/*あいさつ*/
	#concept{margin:0 auto 0px auto;padding: 0 0 100px 0}
	#concept section{width: 800px;margin:0 auto 0px auto;padding: 0 0 0px 0}
	#concept section h3{margin:0 auto 20px auto;padding: 0 0 0px 0;font-size: 30px;letter-spacing: 3px;text-align: center;}
	#concept section #sub{margin:0 auto 80px auto;padding: 0 0 0px 0;font-size: 25px;letter-spacing: 3px;text-align: center;}
	#concept section .text{margin:0 auto 0px auto;padding: 0 0 0px 0;font-size: 18px;letter-spacing: 3px;line-height: 38px;}
	
	/*採用*/
	#recruit{margin:0 auto 0px auto;padding: 0 0 100px 0}
	
	
	/*会社概要*/
	#company{margin:0 auto 0px auto;padding: 0 0 100px 0}
	#company dl{width: 700px;margin: 0 auto;display: flex;flex-wrap: wrap;border-top: 1px solid black}
	#company dl dt{width: 35%;margin: 0 auto;padding: 30px 0 30px 5%;border-bottom: 1px solid black;font-weight: bold;font-size: 16px;letter-spacing: 3px;}
	#company dl dd{width: 60%;margin: 0 auto;padding: 30px 0;border-bottom: 1px solid black;font-size: 16px;letter-spacing: 3px;}
	
	/*PP*/
	#pp{margin:0 auto 0px auto;padding: 0 0 100px 0}
	
	/*お問い合わせ*/
	#contact{margin:0 auto 0px auto;padding: 0 0 100px 0}	
	#contact form{width:800px; margin: 0 auto;padding: 0 0;}
	#contact form p{width:100%; margin: 0 auto 30px auto;padding: 0 0;color: #444444;font-size: 16px;letter-spacing:1px;text-align: center;}
	#contact form .required{color:#FF0004;}	
	#contact form table{width:100%; margin: 0 auto 20px auto;padding: 0 0;border-collapse: collapse;border-top:1px solid black;border-bottom:1px solid black;}
	#contact form table tr{border-bottom:1px solid black;}
	#contact form table th{width:26%; margin: 0 auto;padding: 20px 0;font-weight: normal;font-size: 14px;letter-spacing:1px;}
	#contact form table td{width:64%; margin: 0 auto;padding: 20px 0;}
	#contact form .button_box{width:100%; margin: 0 auto;}
	#contact form .button_box .clear{ float: left;}
	#contact form .button_box .submit{float: right;}	
	#contact form .button_box .clear:hover,#contact form .button_box .submit:hover{cursor:pointer;background:#595757;}	
	#contact form input[type=text],
	#contact form textarea{outline: 0;border: 0; width:96%; margin: 0 ;padding:12px 2%;font-size: 16px;letter-spacing:1px;background: white;}
	#contact form textarea{height:120px;}
	#contact form input[type=text]:focus,
	#contact form textarea:focus{background:#efefef;}
	#contact form input[type=submit],
	#contact form input[type=reset] {  -webkit-appearance: none;  border-radius: 0;outline: 0;border: 0; width:48%; margin: 0 ;padding: 20px 0;font-size: 16px;letter-spacing:1px;background:#000040;color: white}
	
	/*お問い合わせ 確認*/
	#check{margin:0 auto 0px auto;padding: 0 0 100px 0}	
	#check #title h2{opacity:inherit !important;}
	#check p{width:800px; margin: 0 auto 30px auto;padding: 0 0;font-size: 16px;letter-spacing:1px;text-align: center;}
	#check table{width:800px; margin: 0 auto 20px auto;padding: 0 0;border-collapse: collapse;border-top:1px solid black;border-bottom:1px solid black;}
	#check table tr{border-bottom:1px solid black;}
	#check table th{width:26%; margin: 0 auto;padding: 20px 0;font-weight: normal;font-size: 14px;letter-spacing:1px;}
	#check table td{width:64%; margin: 0 auto;padding: 20px 0;font-size: 14px;letter-spacing:1px;line-height: 24px;}
	#check form {width:800px; margin: 0 auto;}
	#check form .clear{ float: left;}
	#check form .submit{float: right}
	#check form .clear:hover,
	#check form .submit:hover{cursor:pointer;background:#595757;}	
	#check form input[type=submit],
	#check form input[type=button] {  -webkit-appearance: none;  border-radius: 0;outline: 0;border: 0; width:48%; margin: 0 ;padding: 20px 0;font-size: 16px;letter-spacing:1px;background:#000040;color: white}
	
	/*お問い合わせ 完了*/
	#thanks{margin:0 auto 0px auto;padding: 0 0 100px 0}
	#thanks #title h2{opacity:inherit !important;}
	#thanks p{width:100%; margin: 0 auto 30px auto;padding: 0 0;font-size: 16px;letter-spacing:1px;line-height: 26px; text-align: center;}
	#thanks a{display: block; width:200px; margin: 0 auto;padding: 20px 0;font-size: 16px;letter-spacing:1px;background:#000040;color: white;text-align: center;text-decoration: none}
	#thanks a:hover{background:#595757;}	
}

@media screen and (min-width:701px) and ( max-width:1050px)  {
	/*全ページ共通*/
	header{height: 84px;}
	
	main{background:#f7f8f8; margin:0px auto 0 auto;padding:0px 0 0 0; }
	main #title{width:80%; margin:0px auto 80px auto;padding:80px 0 0 0;   overflow: hidden; }
	main #title h2{width:100%;margin: 0;padding: 0;letter-spacing: 3px;text-align: center; font-size:40px; opacity: 0;}
	main #title p{width:100%;margin: 0;padding: 0;letter-spacing: 1px;text-align: center; font-size:20px; }
	
	/*あいさつ*/
	#concept{margin:0 auto 0px auto;padding: 0 0 100px 0}
	#concept section{width: 80%;margin:0 auto 0px auto;padding: 0 0 0px 0}
	#concept section h3{margin:0 auto 20px auto;padding: 0 0 0px 0;font-size: 30px;letter-spacing: 3px;text-align: center;}
	#concept section #sub{margin:0 auto 50px auto;padding: 0 0 0px 0;font-size: 25px;letter-spacing: 3px;text-align: center;}
	#concept section .text{margin:0 auto 0px auto;padding: 0 0 0px 0;font-size: 18px;letter-spacing: 3px;line-height: 38px;}
	
	/*採用*/
	#recruit{margin:0 auto 0px auto;padding: 0 0 100px 0}	
	
	/*会社概要*/
	#company{margin:0 auto 0px auto;padding: 0 0 100px 0}
	#company dl{width:90%;margin: 0 auto;display: flex;flex-wrap: wrap;border-top: 1px solid black}
	#company dl dt{width: 35%;margin: 0 auto;padding: 30px 0 30px 5%;border-bottom: 1px solid black;font-weight: bold;font-size: 16px;letter-spacing: 3px;}
	#company dl dd{width: 60%;margin: 0 auto;padding: 30px 0;border-bottom: 1px solid black;font-size: 16px;letter-spacing: 3px;}
	
	/*PP*/
	#PP{margin:0 auto 0px auto;padding: 0 0 100px 0}
	
	/*お問い合わせ*/
	#contact{margin:0 auto 0px auto;padding: 0 0 100px 0}	
	#contact form{width:90%; margin: 0 auto;padding: 0 0;}
	#contact form p{width:80%; margin: 0 auto 30px auto;padding: 0 0;color: #444444;font-size: 16px;letter-spacing:1px;text-align: center;}
	#contact form .required{color:#FF0004;}	
	#contact form table{width:100%; margin: 0 auto 20px auto;padding: 0 0;border-collapse: collapse;border-top:1px solid black;border-bottom:1px solid black;}
	#contact form table tr{border-bottom:1px solid black;}
	#contact form table th{width:26%; margin: 0 auto;padding: 20px 0;font-weight: normal;font-size: 14px;letter-spacing:1px;}
	#contact form table td{width:64%; margin: 0 auto;padding: 20px 0;}
	#contact form .button_box{width:100%; margin: 0 auto;}
	#contact form .button_box .clear{ float: left;}
	#contact form .button_box .submit{float: right;}	
	#contact form .button_box .clear:hover,#contact form .button_box .submit:hover{cursor:pointer;background:#595757;}	
	#contact form input[type=text],
	#contact form textarea{outline: 0;border: 0; width:96%; margin: 0 ;padding:12px 2%;font-size: 16px;letter-spacing:1px;background: white;}
	#contact form textarea{height:120px;}
	#contact form input[type=text]:focus,
	#contact form textarea:focus{background:#efefef;}
	#contact form input[type=submit],
	#contact form input[type=reset] {  -webkit-appearance: none;  border-radius: 0;outline: 0;border: 0; width:48%; margin: 0 ;padding: 20px 0;font-size: 16px;letter-spacing:1px;background:#000040;color: white}
	
	/*お問い合わせ 確認*/
	#check{margin:0 auto 0px auto;padding: 0 0 100px 0}	
	#check #title h2{opacity:inherit !important;}
	#check p{width:90%; margin: 0 auto 30px auto;padding: 0 0;font-size: 16px;letter-spacing:1px;text-align: center;}
	#check table{width:90%; margin: 0 auto 20px auto;padding: 0 0;border-collapse: collapse;border-top:1px solid black;border-bottom:1px solid black;}
	#check table tr{border-bottom:1px solid black;}
	#check table th{width:26%; margin: 0 auto;padding: 20px 0;font-weight: normal;font-size: 14px;letter-spacing:1px;}
	#check table td{width:64%; margin: 0 auto;padding: 20px 0;font-size: 14px;letter-spacing:1px;line-height: 24px;}
	#check form {width:90%; margin: 0 auto;}
	#check form .clear{ float: left;}
	#check form .submit{float: right}
	#check form .clear:hover,
	#check form .submit:hover{cursor:pointer;background:#595757;}	
	#check form input[type=submit],
	#check form input[type=button] {  -webkit-appearance: none;  border-radius: 0;outline: 0;border: 0; width:48%; margin: 0 ;padding: 20px 0;font-size: 16px;letter-spacing:1px;background:#000040;color: white}
	
	/*お問い合わせ 完了*/
	#thanks{margin:0 auto 0px auto;padding: 0 0 100px 0}
	#thanks #title h2{opacity:inherit !important;}
	#thanks p{width:70%; margin: 0 auto 30px auto;padding: 0 0;font-size: 16px;letter-spacing:1px;line-height: 26px;}
	#thanks a{display: block; width:50%; margin: 0 auto;padding: 20px 0;font-size: 16px;letter-spacing:1px;background:#000040;color: white;text-align: center;text-decoration: none}
	#thanks a:hover{background:#595757;}
}

@media (max-width: 700px) {
	/*全ページ共通*/
	header{height: 84px;}
	
	main{background:#f7f8f8; margin:0px auto 0 auto;padding:0px 0 0 0; }
	main #title{width:80%; margin:0px auto 30px auto;padding:30px 0 0 0;   overflow: hidden; }
	main #title h2{width:100%;margin: 0;padding: 0;letter-spacing: 1px;text-align: center; font-size:24px; opacity: 0;}
	main #title p{width:100%;margin: 0;padding: 0;letter-spacing: 1px;text-align: center; font-size:16px; }
	
	/*あいさつ*/
	#concept{margin:0 auto 0px auto;padding: 0 0 50px 0}
	#concept section{width: 80%;margin:0 auto 0px auto;padding: 0 0 0px 0}
	#concept section h3{margin:0 auto 10px auto;padding: 0 0 0px 0;font-size: 18px;letter-spacing: 0px;text-align: center;}
	#concept section #sub{margin:0 auto 30px auto;padding: 0 0 0px 0;font-size: 15px;letter-spacing: 0px;text-align: center;}
	#concept section .text{margin:0 auto 0px auto;padding: 0 0 0px 0;font-size: 14px;letter-spacing: 0px;line-height: 22px;}
	
	/*採用*/
	#recruit{margin:0 auto 0px auto;padding: 0 0 50px 0}	
	
	/*会社概要*/
	#company{margin:0 auto 0px auto;padding: 0 0 50px 0}
	#company dl{width:80%;margin: 0 auto;display: flex;flex-wrap: wrap;border-top: 1px solid black}
	#company dl dt{width: 100%;margin: 0 auto;padding: 20px 0 0 0;font-weight: bold;font-size: 14px;letter-spacing: 1px;}
	#company dl dd{width: 100%;margin: 0 auto;padding:0 0 20px 0;border-bottom: 1px solid black;font-size: 14px;letter-spacing: 1px;}
	
	/*PP*/
	#PP{margin:0 auto 0px auto;padding: 0 0 50px 0}
	
	/*お問い合わせ*/
	#contact{margin:0 auto 0px auto;padding: 0 0 50px 0}	
	#contact form{width:80%; margin: 0 auto;padding: 0 0;}
	#contact form p{width:100%; margin: 0 auto 30px auto;padding: 0 0;color: #444444;font-size: 13px;letter-spacing:0px;line-height: 18px;}
	#contact form .required{color:#FF0004;}	
	#contact form table{width:100%; margin: 0 auto 20px auto;padding: 0 0;border-collapse: collapse;border-top:1px solid black;border-bottom:1px solid black;}
	#contact form table tr{border-bottom:1px solid black;}
	#contact form table th{display: inline-block;width:100%; margin: 0 auto;padding: 16px 0 8px 0;font-weight: normal;font-size: 14px;letter-spacing:1px;text-align: left;}
	#contact form table td{display: inline-block;width:100%;margin: 0 auto;padding:0 0 16px 0;}
	#contact form .button_box{width:100%; margin: 0 auto;}
	#contact form .button_box .clear{ float: left;}
	#contact form .button_box .submit{float: right;}	
	#contact form .button_box .clear:hover,#contact form .button_box .submit:hover{cursor:pointer;background:#595757;}	
	#contact form input[type=text],
	#contact form textarea{outline: 0;border: 0; width:96%; margin: 0 ;padding:12px 2%;font-size: 16px;letter-spacing:1px;background: white;}
	#contact form textarea{height:120px;}
	#contact form input[type=text]:focus,
	#contact form textarea:focus{background:#efefef;}
	#contact form input[type=submit],
	#contact form input[type=reset] {  -webkit-appearance: none;  border-radius: 0;outline: 0;border: 0; width:49%; margin: 0 ;padding: 20px 0;font-size: 14px;letter-spacing:0px;background:#000040;color: white}
	
	/*お問い合わせ 確認*/
	#check{margin:0 auto 0px auto;padding: 0 0 50px 0}	
	#check #title h2{opacity:inherit !important;}
	#check p{width:80%; margin: 0 auto 30px auto;padding: 0 0;font-size: 14px;letter-spacing:0px;line-height: 18px;}
	#check table{width:80%; margin: 0 auto 20px auto;padding: 0 0;border-collapse: collapse;border-top:1px solid black;border-bottom:1px solid black;}
	#check table tr{border-bottom:1px solid black;}
	#check table th{display: inline-block;width:100%;  margin: 0 auto;padding:14px 0 4px 0;font-weight: normal;font-size: 14px;letter-spacing:1px;text-align: left;}
	#check table td{display: inline-block;width:100%; margin: 0 auto;padding:0 0 14px 0;font-size: 14px;letter-spacing:1px;line-height:18px;}
	#check form {width:80%; margin: 0 auto;}
	#check form .clear{ float: left;}
	#check form .submit{float: right}
	#check form .clear:hover,
	#check form .submit:hover{cursor:pointer;background:#595757;}	
	#check form input[type=submit],
	#check form input[type=button] {  -webkit-appearance: none;  border-radius: 0;outline: 0;border: 0; width:48%; margin: 0 ;padding: 20px 0;font-size: 16px;letter-spacing:1px;background:#000040;color: white}
	
	/*お問い合わせ 完了*/
	#thanks{margin:0 auto 0px auto;padding: 0 0 50px 0}
	#thanks #title h2{opacity:inherit !important;}
	#thanks p{width:80%; margin: 0 auto 30px auto;padding: 0 0;font-size: 14px;letter-spacing:0px;line-height: 18px;}
	#thanks a{display: block; width:80%; margin: 0 auto;padding: 20px 0;font-size: 16px;letter-spacing:0px;background:#000040;color: white;text-align: center;text-decoration: none}
	#thanks a:hover{background:#595757;}
}