/* =============================================================
   Contact Form 7 のデザイン調整（問い合わせフォーム共通）
   - 会社名/お名前の横幅をメールアドレスと同じに統一（全て100%）
   - セレクト（問い合わせ目的）はテキスト入力より縦+2px
   - 薄いインディゴの色味＋フォーカス時の強調で入力しやすく
   ============================================================= */

/* --- 入力欄の幅を統一 --- */
.wpcf7-form .wpcf7-form-control-wrap {
	display: block;
	width: 100%;
}
.wpcf7-form input.wpcf7-text,
.wpcf7-form input.wpcf7-email,
.wpcf7-form select.wpcf7-select,
.wpcf7-form textarea.wpcf7-textarea {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

/* --- 共通の入力デザイン（薄いインディゴの色味） --- */
.wpcf7-form input.wpcf7-text,
.wpcf7-form input.wpcf7-email,
.wpcf7-form select.wpcf7-select,
.wpcf7-form textarea.wpcf7-textarea {
	background: #f7f5fb;               /* インディゴをほんのり感じる薄紫 */
	border: 1px solid #d9d2e9;
	border-radius: 8px;
	padding: 12px 14px;
	color: #1a1a1a;
	line-height: 1.4;
	transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}
.wpcf7-form input.wpcf7-text::placeholder,
.wpcf7-form input.wpcf7-email::placeholder,
.wpcf7-form textarea.wpcf7-textarea::placeholder {
	color: #8a819e;
}

/* ホバーで気づける程度に */
.wpcf7-form input.wpcf7-text:hover,
.wpcf7-form input.wpcf7-email:hover,
.wpcf7-form select.wpcf7-select:hover,
.wpcf7-form textarea.wpcf7-textarea:hover {
	border-color: #b7a8d6;
}

/* フォーカス：インディゴで明確に */
.wpcf7-form input.wpcf7-text:focus,
.wpcf7-form input.wpcf7-email:focus,
.wpcf7-form select.wpcf7-select:focus,
.wpcf7-form textarea.wpcf7-textarea:focus {
	background: #fff;
	border-color: #4B0082;
	box-shadow: 0 0 0 3px rgba(75, 0, 130, 0.12);
	outline: none;
}

/* --- 問い合わせ目的（セレクト）：テキスト入力より縦を2px高く --- */
.wpcf7-form select.wpcf7-select {
	padding-top: 13px;    /* 12px + 1px */
	padding-bottom: 13px; /* 12px + 1px = 合計 +2px */
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%234B0082' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 14px center;
	padding-right: 40px;
}

/* --- 見出し（項目タイトル）にインディゴのアクセント --- */
.wpcf7-form h5 {
	position: relative;
	padding-left: 12px;
	margin-bottom: 6px;
}
.wpcf7-form h5::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.18em;
	bottom: 0.18em;
	width: 4px;
	border-radius: 2px;
	background: #4B0082;
}

/* --- 同意チェック --- */
.wpcf7-form .wpcf7-acceptance input[type="checkbox"] {
	accent-color: #4B0082;
	width: 18px;
	height: 18px;
}

/* --- 送信ボタン --- */
.wpcf7-form input.wpcf7-submit {
	background: #4B0082;
	color: #fff;
	border: 0;
	border-radius: 8px;
	padding: 14px 40px;
	cursor: pointer;
	transition: filter 0.2s ease, box-shadow 0.2s ease;
}
.wpcf7-form input.wpcf7-submit:hover {
	filter: brightness(1.25);
	box-shadow: 0 4px 14px rgba(75, 0, 130, 0.3);
}

/* 必須未入力・未同意のあいだは無効表示（contact-form.js が制御） */
.wpcf7-form input.wpcf7-submit:disabled,
.wpcf7-form input.wpcf7-submit:disabled:hover {
	background: #c9c2d8;
	color: #fff;
	cursor: not-allowed;
	filter: none;
	box-shadow: none;
}