@charset "UTF-8";

section:first-of-type {
	padding-top: 138px;
	@media screen and (max-width: 768px) {
		padding-top: 21.333vw;
	}
}

section.contact {
	h2::after {
		content: "Contact";
	}
	table {
		margin: 30px auto;
		max-width: 800px;
		width: 100%;
		font-size: var(sizeText1);
		border-collapse: collapse;
		}
		tr > th,
		tr > td {
			display: block;
			padding: 4vw;
			border: solid 1px rgba(213,213,213,1.00);
			border-bottom-width: 0;
			@media screen and (min-width: 768px) {
				display: table-cell;
				padding: 20px;
			}
		}
		tr {
			> th {
				background-color: rgba(242,242,242,1.00);
				font-weight: bold;
				text-align: left;
				vertical-align: top;
				text-align:left;
				@media screen and (min-width: 768px) {
					width: 30%;
					border-bottom-width: 1px;
				}
				> span {
					margin-left: 0.3em;
					display: inline-block;
					border-radius: 2px;
					padding: 0.533vw 1.067vw 0.8vw;
					font-weight: bold;
					color: rgba(255,255,255,1.00);
					background-color: rgba(197,0,0,1.00);
					line-height: 1;
					@media screen and (min-width: 768px) {
						padding: 2px 4px 3px;
						font-size: 12px;
						line-height: 1;
					}
				}
			}
			> td {
				background-color: rgba(255,255,255,1.00);
				@media screen and (min-width: 768px) {
					border-bottom-width: 1px;
				}
				input[type="text"],
				textarea {
					width: 100%;
					box-sizing: border-box;
				}
			}
			&:last-child > td {
				border-bottom-width: 1px;
			}
		}
	}
	div.button {
		margin-top: 1em;
		text-align: center;
		input[type="submit"] {
			padding: 2.667vw 8vw;
			border: solid 2px var(--redColor);
			border-radius: 5px;
			box-sizing: content-box;
			overflow: hidden;
			color: rgba(255,255,255,1.00);
			background-color: var(--redColor);
			letter-spacing: 1px;
			text-align: center;
			font-weight: bold;
			font-size: var(--textSize1);
			cursor: pointer;
			@media screen and (min-width: 768px) {
				padding: 10px 30px;
			}
		}
		input[name="submitBack"] {
			color: rgba(255,255,255,1.00);
			background-color: rgba(192,192,192,1.00);
			&:hover {
				color: rgba(192,192,192,1.00);
				background-color: rgba(255,255,255,1.00);
			}
		}
		input[type="submit"]:hover {
			color: var(--redColor);
			background-color: rgba(255,255,255,1.00);
		}
		input[name="submitBack"] {
			color: rgba(255,255,255,1.00);
			border-color: rgba(192,192,192,1.00);
			background-color: rgba(192,192,192,1.00);
		}
	}
	div.mw_wp_form_complete {
		margin: 8vw auto;
		p {
			font-size: 4.267vw;
			line-height: 1.8;
			@media screen and (min-width: 768px) {
				font-size: 18px;
				text-align: center;
			}
		}
	}}