@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,
	.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,
	.seikyu {
		width: 50px;
	}
}