/* 求人詳細ページ内のエントリーフォーム（どのデザインでも同じ見た目になるよう値を明示） */
.sj-entry[hidden] { display: none; }
.sj-entry { clear: both; margin: 30px 0 10px; scroll-margin-top: 80px; }
.sj-entry-inner { position: relative; border: 1px solid #ddd; border-radius: 8px; padding: 24px 24px 16px; background: #fff; }
.sj-entry-close { position: absolute; top: 8px; right: 10px; width: 36px; height: 36px; border: 0; border-radius: 50%; background: transparent; font-size: 24px; line-height: 36px; color: #666; cursor: pointer; }
.sj-entry-close:hover { background: #f0f0f0; }
.sj-entry .kakomi { margin-top: 0; }
.sj-entry-remember { margin: 16px 0 6px; padding: 12px 14px; background: #f7f7f7; border-radius: 6px; font-size: 13px; line-height: 1.7; }
.sj-entry-remember label { cursor: pointer; }
.sj-entry-forget { margin-left: 6px; padding: 2px 10px; border: 1px solid #bbb; border-radius: 4px; background: #fff; font-size: 12px; cursor: pointer; }
.sj-entry-note { margin: 4px 0 0; font-size: 12px; color: #777; }
.sj-entry-hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.sj-entry-msg { margin: 0 0 16px; padding: 12px 14px; border-radius: 6px; font-size: 14px; line-height: 1.7; }
.sj-entry-msg.is-error { border: 1px solid #b00000; color: #b00000; background: #fff6f6; }
.sj-entry-msg.is-ok { border: 1px solid #2e7d32; color: #2e7d32; background: #f3faf3; }
.sj-entry-actions { text-align: center; margin: 20px 0 8px; }
.sj-entry-actions button { margin: 0 6px; padding: 8px 22px; border: 0; border-radius: 4px; font-size: 14px; font-weight: bold; cursor: pointer; }
.sj-entry-back { background: #999; color: #fff; }
.sj-entry-send { background: #444; color: #fff; }
.sj-entry-send[disabled] { opacity: .6; cursor: wait; }
.sj-entry-thanks { padding: 40px 0; text-align: center; font-size: 15px; line-height: 2; }
@media (max-width: 600px) {
	.sj-entry-inner { padding: 20px 12px 12px; }
}

/* ------------------------------------------------------------------
 * エントリーフォームの入力欄（求人ページ内・エントリーフォームのページ共通）
 * どの項目も同じ幅・同じ見た目にそろえ、注記（半角英数字など）は入力欄の下に出す
 * ------------------------------------------------------------------ */
#sj-entry .contactform_table input[type="text"],
#sj-entry .contactform_table input[type="date"],
#sj-entry .contactform_table select,
#sj-entry .contactform_table textarea,
#entry_body .contactform_table input[type="text"],
#entry_body .contactform_table input[type="date"],
#entry_body .contactform_table select,
#entry_body .contactform_table textarea {
	display: block;
	box-sizing: border-box;
	width: 560px;  /* 表の列幅は中身で決まるため、% ではなく実寸で指定 */
	max-width: 100%;
	margin: 0;
	padding: 8px 10px;
	border: 1px solid #cfd9db;
	border-radius: .5em;
	background: #fff;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08);
	font-size: 14px;
	line-height: 1.5;
	color: #333;
}
#sj-entry .contactform_table select,
#entry_body .contactform_table select { width: 280px; height: auto; }
#sj-entry .contactform_table input[type="date"],
#entry_body .contactform_table input[type="date"] { width: 220px; }
/* 志望動機・自己PR は大きく */
#sj-entry textarea#yourcomment,
#entry_body textarea#yourcomment { min-height: 240px; font-size: 15px; line-height: 1.7; resize: vertical; }
#sj-entry textarea#skill,
#entry_body textarea#skill { min-height: 80px; resize: vertical; }
/* 単独ページ用の隠し欄（エントリー案件画面）は見えないまま */
#sj-entry input#refe,
#entry_body input#refe { border: 0 !important; box-shadow: none !important; color: #fff !important; padding: 0 !important; height: 1px; }
/* 注記は入力欄の下に小さく */
.sj-form-note { display: block; margin-top: 4px; font-size: 12px; color: #777; }
/* ラジオボタン・チェックボックス */
.sj-choice { display: inline-flex; align-items: center; gap: 4px; margin: 4px 18px 4px 0; font-size: 14px; cursor: pointer; }
.sj-choice input { margin: 0; }
/* 「任意」の印（「必須」と同じ形で灰色） */
.contactform_table span.nini { border: none; background: #999; border-radius: .25em; padding: 3px 10px; margin-left: 5px; color: #fff; font-size: 10px; font-weight: bold; }
@media (max-width: 767px) {
	#sj-entry .contactform_table input[type="text"],
	#sj-entry .contactform_table textarea,
	#entry_body .contactform_table input[type="text"],
	#entry_body .contactform_table textarea { width: 100%; }
}
.sj-choice a { color: #1a5fb4; text-decoration: underline; }