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

	form {
		padding: 4em 0 0 0;
		max-width: 1000px;
		margin: 0 auto;
	}

	form div {
		margin-bottom: 3em;
	}

	form div label {
		display: block;
		font-weight: bold;
		margin-bottom: 0.75em;
		font-size: 1.15em;
	}

	form select {
		padding: 1.25em;
		background: #fff;
		border: var(--border_color2) solid 1px;
		border-radius: 3px;
	}

	form input,
	form textarea {
		width: calc(100% - 40px);
		padding: 0.75em 1.25em;
		background: #fff;
		border: var(--border_color2) solid 1px;
		border-radius: 4px;
		font-size: 1.5em;
	}

	form input[type="submit"] {
		border: 0px;
		width: 50%;
		background: var(--submit_bg_color);
		color: var(--submit_txt_color);
		font-size: 1.625em;
		font-weight: 600;
		padding: 1.25em 0;
		margin: 0 25%;
	}

@media screen and (max-width: 768px) {
	form {
		padding: 0 1em;
	}

	form div {
		margin-bottom: 2em;
	}

	form div label {
		font-size: 1em;
	}

	form input,
	form textarea {
		width: calc(100% - 20px);
		padding: 0.75em;
		font-size: 1.4em;
	}

	form input[type="submit"] {
		border: 0px;
		width: 90%;
		font-size: 1.4em;
		font-weight: 600;
		padding: 1em 0;
		margin: 0 5%;
	}
	
}

form input[type="submit"] {
 transition: all .3s;
}
form input[type="submit"]:hover {
	cursor: pointer;
	opacity: 0.4;
}