@charset "utf-8";

/* お問い合わせページ */

.contact-form {
	max-width: 600px;
	margin: 20px auto 0;
}

.contact-form .form-group {
	margin-bottom: 16px;
}

.contact-form label {
	display: block;
	margin-bottom: 6px;
	font-weight: bold;
}

.contact-form input[type="text"],
.contact-form textarea {
	width: 100%;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 1.4rem;
	font-family: inherit;
	box-sizing: border-box;
}

.contact-form textarea {
	resize: vertical;
}

.contact-submit {
	width: 200px;
	height: auto;
	padding: 12px;
	background-color: var(--subject-color, var(--link));
}

.contact-note {
	margin-top: 10px;
	font-size: 1.2rem;
	color: #666;
}

[data-theme="dark"] .contact-form input[type="text"],
[data-theme="dark"] .contact-form textarea {
	background-color: #2a2a2a;
	border-color: #444;
	color: var(--foreground);
}

[data-theme="dark"] .contact-note {
	color: #999;
}