@charset "UTF-8";
/* 採用フォーム（Contact Form 7）用の追加スタイル
 *
 * 既存の styles.css には手を入れず、フォームのあるページだけで読み込む。
 * .mailform の枠組み（表組み・入力欄の枠線）は styles.css のものをそのまま使う。
 */

/* 確認画面は既定で非表示（リニューアルサイトと同じ考え方） */
.confirm_area {
	display: none;
}

/* 確認表示は入力欄と同じ高さ感で読めるように */
.mailform .confirm_area {
	padding: 5px 0;
	line-height: 1.8;
	word-break: break-all;
}

/* ボタンの装飾は既存の styles.css（.mailform input）に任せる。
   独自に上書きすると現行サイトと見た目が変わるため何も指定しない。 */


/* ラジオボタンの字間を現行サイトに合わせる。
   CF7 の既定は .wpcf7-list-item に margin-left:1em、
   ラベル前後に空白文字（::before/::after の content:" "）が入るため打ち消す。 */
.mailform .wpcf7-list-item {
	margin: 0;
}

.mailform .wpcf7-list-item-label::before,
.mailform .wpcf7-list-item-label::after {
	content: none;
}

/* Contact Form 7 のエラー表示 */
.wpcf7-not-valid-tip {
	display: block;
	color: #c00;
	font-size: 12px;
	margin-top: 4px;
}

.wpcf7-response-output {
	margin: 20px auto;
	padding: 15px;
	border: 1px solid #ccc;
	line-height: 1.8;
	text-align: left;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
	border-color: #c00;
	color: #c00;
}

/* 住所欄のリスト（styles.css の .mailform table td li を踏襲） */
.mailform .input_area ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

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