@charset "UTF-8";

@media screen and (min-width: 641px) {/* PC用 */

	/*お問い合わせページ*/
	
	div#inquiryBox {
		width: 734px;
		margin: 0px auto 50px auto;
	}
	
	div#inquiryBox div {
		font-size: 14px;
		line-height: 23px;
		text-align: center;
		margin: 30px auto;
	}
	
	div#inquiryBox div span {
		color: #ff0000;
	}
	
	div#inquiryBox table {
		width: 100%;
		margin: 0px auto 20px auto;
		font-size: 15px;
		line-height: 28px;
		border: 2px solid #1c4992;
	}
	
	div#inquiryBox table th {
		width: 150px;
		font-weight: normal;
		border-right: 2px solid #1c4992;
		border-bottom: 1px dotted #1c4992;
		padding: 15px 20px 15px 20px;
		text-align: right;
	}
	
	div#inquiryBox table th span {
		color: #ff0000;
	}
	
	div#inquiryBox table td span.wpcf7-list-item-label{
		color:#000000;
	}
	
	div#inquiryBox table td textarea{
		width:410px;
	}
	
	div#inquiryBox table td {
		border-right: 2px solid #1c4992;
		border-bottom: 1px dotted #1c4992;
		padding: 15px 20px 15px 20px;
	}
	
	div.submit {
		width: 734px;
		margin: 0px auto 0px auto;
		text-align: center;
	}
	
	#submit {
		width: 180px;
		height: 45px;
		text-align: center;
		font-size: 16px;
		background-color: #1C4992;
		overflow: hidden;
		display: block;
		color: #fff;
		text-decoration: none;
		margin: 0px auto 30px auto;
		padding: 10px 0px;
		border-radius: 5px; /* CSS3草案 */
		-webkit-border-radius: 5px; /* Safari,Google Chrome用 */
		-moz-border-radius: 5px; /* Firefox用 */ 
	}
	
	#comp_name,
	#busho {
		width: 480px;
	}
	
	#name01,
	#name02,
	#name_furi01,
	#name_furi02 {
		width: 150px;
	}
	
	#mail01,
	#mail02 {
		width: 410px;
	   border-radius: 5px;
	   -moz-border-radius: 5px;
	   -webkit-border-radius: 5px;
	   -o-border-radius: 5px;
	   -ms-border-radius: 5px;
	   border:#a9a9a9 1px solid;
	   -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
	   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
	   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
	   height:25px;
	   padding:0 3px;
	   margin:3px 0px;
	}
	
	#tel,
	#fax {
		width: 275px;
		   border-radius: 5px;
	   -moz-border-radius: 5px;
	   -webkit-border-radius: 5px;
	   -o-border-radius: 5px;
	   -ms-border-radius: 5px;
	   border:#a9a9a9 1px solid;
	   -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
	   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
	   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
	   height:25px;
	   padding:0 3px;
	   margin:3px 0px;
	}
	
	#yubin01,
	#yubin02 {
		width: 120px;
	}
	#zip{
		width:150px;
	}
	
	#add01,
	#add02 {
		width: 370px;
	}
	
	#seikyu {
		width: 50px;
	}

}

@media screen and (max-width:641px){/* スマートフォン用 */

	/*お問い合わせページ*/
	
	div#inquiryBox {
		width: 880px;
		margin: 0px 10px 0px 10px;
	}
	
	div#inquiryBox div {
		width: 900px;
		font-size: 24px;
		line-height: 32px;
		text-align: center;
		margin: 30px auto;
	}
	
	div#inquiryBox img {
		width: 900px;
		height: 180px;
	}
	
	div#inquiryBox div span {
		color: #ff0000;
	}
	
	div#inquiryBox table {
		width: 100%;
		margin: 0px auto 20px auto;
		font-size: 28px;
		line-height: 34px;
		border: 2px solid #1c4992;
	}
	
	div#inquiryBox table th {
		width: 150px;
		font-weight: normal;
		border-right: 2px solid #1c4992;
		border-bottom: 1px dotted #1c4992;
		padding: 15px 20px 15px 20px;
		text-align: right;
	}
	
	div#inquiryBox table th span {
		color: #ff0000;
	}
	
	div#inquiryBox table td span.wpcf7-list-item-label{
		color:#000000;
	}
	
	div#inquiryBox table td textarea{
		width:410px;
	}
	
	div#inquiryBox table td {
		border-right: 2px solid #1c4992;
		border-bottom: 1px dotted #1c4992;
		padding: 15px 20px 15px 20px;
	}
	
	div.submit {
		width: 734px;
		margin: 0px auto 0px auto;
		text-align: center;
	}
	
	#submit {
		width: 250px;
		text-align: center;
		font-size: 28px;
		background-color: #1C4992;
		overflow: hidden;
		display: block;
		color: #fff;
		text-decoration: none;
		margin: 0px auto 30px auto;
		padding: 10px 0px;
		border-radius: 5px; /* CSS3草案 */
		-webkit-border-radius: 5px; /* Safari,Google Chrome用 */
		-moz-border-radius: 5px; /* Firefox用 */ 
	}
	
	#comp_name,
	#busho {
		width: 480px;
	}
	
	#name01,
	#name02,
	#name_furi01,
	#name_furi02 {
		width: 150px;
	}
	
	#mail01,
	#mail02 {
		width: 410px;
	   border-radius: 5px;
	   -moz-border-radius: 5px;
	   -webkit-border-radius: 5px;
	   -o-border-radius: 5px;
	   -ms-border-radius: 5px;
	   border:#a9a9a9 1px solid;
	   -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
	   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
	   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
	   height:25px;
	   padding:0 3px;
	   margin:3px 0px;
	}
	
	#tel,
	#fax {
		width: 275px;
		   border-radius: 5px;
	   -moz-border-radius: 5px;
	   -webkit-border-radius: 5px;
	   -o-border-radius: 5px;
	   -ms-border-radius: 5px;
	   border:#a9a9a9 1px solid;
	   -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
	   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
	   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
	   height:25px;
	   padding:0 3px;
	   margin:3px 0px;
	}
	
	#yubin01,
	#yubin02 {
		width: 120px;
	}
	#zip{
		width:150px;
	}
	
	#add01,
	#add02 {
		width: 370px;
	}
	
	#seikyu {
		width: 50px;
	}


}