/* =========================================================================
   フォーム（お問い合わせ・資料請求）
   静的サイト site/contact.html / site/download.html の入力欄スタイル。
   ========================================================================= */

input,
select,
textarea {
	width: 100%;
	font-family: inherit;
	font-size: 16px;
	color: #10150F;
	border: 1px solid #E6EEE8;
	border-radius: 999px;
	padding: 0 16px;
	background: #fff;
}

input,
select {
	height: 52px;
}

textarea {
	padding: 14px 16px;
	line-height: 1.85;
	resize: vertical;
}

input:focus-visible,
select:focus-visible,
textarea:focus-visible,
button:focus-visible {
	outline: 2px solid #1E8E48;
	outline-offset: 2px;
}

/* ラジオ・チェックボックスは幅いっぱいにしない */
input[type="radio"],
input[type="checkbox"] {
	width: auto;
	height: auto;
}

/* --- フォーム未設定時の案内 -------------------------------------------- */
.cn-form-notice {
	background: #FEF5E6;
	border-radius: 24px;
	padding: 32px;
	font-size: 15px;
	color: #5B635C;
}

.cn-form-notice__title {
	font-family: 'Zen Kaku Gothic New', 'Noto Sans JP', sans-serif;
	font-weight: 900;
	font-size: 17px;
	color: #10150F;
	margin-bottom: 8px;
}

.cn-form-notice__admin {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px dashed #E0C79A;
	font-size: 13px;
	line-height: 1.8;
}

.cn-form-notice code {
	background: rgba(16, 21, 15, 0.06);
	border-radius: 4px;
	padding: 2px 6px;
	font-size: 12px;
}