@media screen and (min-width: 769px){

	/* フォームフィールド ----------------------------------------- */
	input[type=text]{
		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);
		width:450px;
		height:25px;
		padding: 0 3px;
	}

	input[type=text]:focus {
		border:solid 1px #20b2aa;
	}

	input[type=text], select { 
		outline: none;
	}

	textarea{
		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);
		width:450px;
		height:100px;
		padding:3px;
		font-size: 10pt;
	}

	textarea:focus {
		border:solid 1px #20b2aa;
	}

	iframe{
		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);
		width:450px;
		height:150px;
		font-size: 8pt;
	}
	.x-small {
		font-size: 8pt;
	}

	.red {
		color: red;
	}

	.confirm_table {
		width: 640px;
	}

	.confirm_table .x-small {
		line-height: 1.5;
	}

	.confirm_table .field {
		background-color: #ddd;
		padding-right: 10px;
		font-size:10pt;
		width: 130px;
	}

	.confirm_table td {
		background-color: #eee;
		font-size:10pt;
	}

	#submit_confirm {
		position: relative;
		float:right;
		margin-top: 20px;
		margin-right: 30px;
	}

	#submit_confirm:hover {
		opacity: 0.5;
	}

	#reset {
		position: relative;
		float:left;
		margin-top: 20px;
		margin-left:30px;
	}
	
	hr {
		border: 0;
		height: 1px;
		background: #333;
		background-image: -webkit-linear-gradient(left, #eee, #333, #eee);
		background-image:    -moz-linear-gradient(left, #eee, #333, #eee);
		background-image:     -ms-linear-gradient(left, #eee, #333, #eee);
		background-image:      -o-linear-gradient(left, #eee, #333, #eee);
	}
}

@media screen and (max-width: 768px){
	/* フォームフィールド ----------------------------------------- */
	
	#inquiry_form {
		margin:10px;
	}
	
	#submit input[type:image]{
		width: 80%;
	}
	
	input[type=text]{
		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);
		width:100%;
		height:35px;
		padding: 0 3px;
	}

	input[type=text]:focus {
		border:solid 1px #20b2aa;
	}

	input[type=text], select { 
		outline: none;
	}

	textarea{
		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);
		width:100%;
		height:150px;
		padding: 0 3px;
		font-size: 10pt;
		margin-right: 15px;
	}

	textarea:focus {
		border:solid 1px #20b2aa;
	}

	.x-small {
		font-size: 8pt;
	}

	.red {
		color: red;
	}

	.confirm_table {
		width: 100%;
	}

	.confirm_table .x-small {
		line-height: 1.5;
	}

	.confirm_table .field {
		background-color: #ddd;
		padding-right: 10px;
		font-size:10pt;
		width: 130px;
	}

	.confirm_table td {
		background-color: #eee;
		font-size:10pt;
	}

	#submit_confirm {
		position: relative;
		float:right;
		margin-top: 20px;
		margin-right: 30px;
	}

	#submit_confirm:hover {
		opacity: 0.5;
	}

	#reset {
		position: relative;
		float:left;
		margin-top: 20px;
		margin-left:30px;
	}

}