@charset "UTF-8";

::placeholder {
	color: #aaaaaa;
	font-weight: normal;
}

input[type="checkbox"],
input[type="radio"] {
	all: revert;
	align-self: center;
	margin: 0 5px;
}

input[type="text"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="telephone"],
input[type="number"],
textarea {
	display: block;
	width: 100%;
	max-width: 100%;
	padding: 10px 12px;
	border: solid 1px #b3b3b3;
	border-radius: 3px;
	box-sizing: border-box;
	background: #ffffff;
	font-size: 16px;
	line-height: 1.5;
	vertical-align: middle;
	outline: none;
}

textarea {
	min-height: 15em;
	line-height: inherit;
	vertical-align: middle;
	resize: vertical;
}

label {
	display: inline-flex;
}

label,
select {
	cursor: pointer;
}

.form {
}

.form_text {
}

.form_tbl {
}

.form_row {
	margin-top: 10px;
}

.form_row + .form_row {
	margin-top: 10px;
}

.form_name {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	max-width: 520px;
}

.form_name > dl {
	display: grid;
	gap: 4px;
}

.form_name > dl > dt {
}

.form_name > dl > dd {
}

.form_zip {
	display: grid;
	gap: 4px;
	max-width: 250px;
}

.form_zip > dt {
}

.form_zip > dd {
}

.form_btn {
	text-align: center;
}

@media screen and (max-width: 991.98px) {
}

@media screen and (max-width: 767.98px) {
	.form {
	}

	.form_text {
	}

	.form_tbl {
		margin-bottom: 20px;
	}

	.form_row {
	}

	.form_row + .form_row {
	}

	.form_name {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.form_name > dl {
	}

	.form_name > dl > dt {
	}

	.form_name > dl > dd {
	}

	.form_zip {
		max-width: 220px;
	}

	.form_zip > dt {
	}

	.form_zip > dd {
	}

	.form_btn {
	}
}