@charset "UTF-8";

.formBox {
	text-align: left;
	background: url(./images/common/column_bg_01.gif);
	border: solid 1px #EEE;
	margin: 0 auto;
	padding: 50px 100px;
}

.required::after {
	content: "必須";
	color: #FFF;
	font-size: 12px;
	background: #BE1925;
	padding: 2px 10px;
	float: right;
}

.formBox dt {
	font-weight: bold;
}
.formBox dd {
	margin: 0 0 15px;
}


.btn {
	text-align: center;
	margin: 20px auto 0;
}

input, textarea {
	padding: 5px;
	box-sizing: border-box;
}
input.sizeS { width: 30%; }
input.sizeM { width: 50%; }
input.sizeL { width: 100%; }
textarea { width: 100%; height: 200px; }

input[type="submit"] {
	padding: 5px 20px;
}


.wpcf7c-conf {
	background-color: #FCEFDD!important;
	color: black!important;
	border: 1px solid #FCEFDD!important;
}

/* FOR smartphone landscape
***************************************************************************/
@media screen and (max-width:700px) {

	.formBox {
		background-size: 13px auto;
		border: solid 1px #EEE;
		margin: 0 auto;
		padding: 20px;
	}

	.btn {
		text-align: center;
		margin: 20px auto 0;
	}
	
	input, textarea {
		padding: 5px;
		box-sizing: border-box;
	}
	input[type="text"].sizeS { width: 30%; }
	input[type="text"].sizeM { width: 50%; }
	input[type="text"].sizeL { width: 100%; }
	textarea { width: 100%; height: 150px; }
	
	input[type="submit"] {
		padding: 5px 20px;
	}

}