/* --------------------------------------------------------------------------------------
   エントリーフォーム
--------------------------------------------------------------------------------------- */

.page-entry .key-sub { background-image: url(../../img/recruit/entry/key_image.jpg); }

.entry-form th,
.entry-form td {
	border-bottom: 1px solid #c1c1c1;
	padding-bottom: 32px;
	padding-top: 32px;
}

.entry-form th.top { vertical-align: top; }

.entry-form td select {
	appearance: none;
	border: 1px solid #c1c1c1;
	border-radius: 6px;
	min-width: 200px;
	padding: 10px 16px;
}

.entry-form td .select > div {
	align-items: center;
	display: inline-flex;
	position: relative;
}

.entry-form td .select > div::before {
	background-color: #010101;
	clip-path: polygon(50% 100%, 0 0, 100% 0);
	content: '';
	display: block;
	height: 9px;
	position: absolute;
	right: 13px;
	width: 13px;
}

.entry-form td .select > div.year::before,
.entry-form td .select > div.month::before,
.entry-form td .select > div.day::before { right: 38px; }

.entry-form td .select > div::after {
	display: inline-block;
	font-weight: var(--Medium);
	margin-left: 8px;
}

.entry-form td .select > .year::after { content: '年'; }
.entry-form td .select > .month::after { content: '月'; }
.entry-form td .select > .day::after { content: '日'; }

.entry-form td .select > div select { padding-right: 40px; }

.entry-form td .name-column,
.entry-form td .name-column p,
.entry-form td .radio {
	align-items: center;
	display: flex;
}

.entry-form td .name-column p:nth-of-type(n+2),
.entry-form td .select > div:nth-of-type(n+2) { margin-left: 20px; }

.entry-form td .name-column p span {
	display: block;
	font-weight: var(--Medium);
	min-width: 43px;
}

.entry-form td .name-column p input[type='text'] { max-width: 168px; }

.entry-form .mw_wp_form .horizontal-item + .horizontal-item { margin-left: 30px; }

.entry-form td .address dl {
	align-items: center;
	display: flex;
}

.entry-form td .address dl:nth-of-type(n+2) { margin-top: 12px; }
.entry-form td .address dt { width: 133px; }
.entry-form td .address dd { max-width: 300px; }

.entry-form td .note {
	font-size: 1.4rem;
	margin-bottom: 16px;
	margin-top: 16px;
}

.entry-form td .note:first-child { margin-top: 0; }

.entry-form td .radio label { cursor: pointer; }
.entry-form td .radio label span { display: block; }

.entry-form td .checkbox {
	display: flex;
	flex-wrap: wrap;
}

.entry-form td .checkbox .horizontal-item { min-width: 166px; }

.entry-form td .checkbox .horizontal-item + .horizontal-item:nth-of-type(5) { margin-left: 0; }
.entry-form td .checkbox .horizontal-item + .horizontal-item:nth-of-type(n+5) { margin-top: 8px; }

.entry-form td .error {
	color: red;
	font-size: 1.3rem;
}

.entry-form td .select .error {
	left: 17px;
	margin-top: 0;
	position: absolute;
	top: 50px;
}

.entry-form td .name-column .error,
.entry-form td .address .error,
.entry-form td .radio .error {
	margin-left: 20px;
	margin-top: 0;
}

.entry-form td .address .error,
.entry-form td .checkbox .error { margin-top: 5px; }

.entry-form .privacy-text {
	line-height: 1.7;
	margin-top: 32px;
	text-align: center;
}

.entry-form .privacy-check {
	background-color: #f5f5f5;
	margin-top: 32px;
	padding: 18px 0;
	text-align: center;
}

.entry-form .privacy-check label {
	align-items: flex-end;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	position: relative;
}

.entry-form .privacy-check label input { margin-bottom: 5px; }

.entry-form .privacy-check label span {
	cursor: pointer;
	padding-top: 30px;
}

.entry-form .privacy-check label span::before {
	color: red;
	content: '※個人情報基本方針にご同意いただけないと送信できません。';
	display: block;
	font-size: 1.4rem;
	font-weight: var(--Bold);
	left: 0;
	margin-bottom: 20px;
	position: absolute;
	top: 0;
	width: 100%;
}

.entry-form .privacy-check label input:checked + span { padding-top: 0; }
.entry-form .privacy-check label input:checked + span::before { display: none; }

.entry-form td .select.occupation { display: block; }

.entry-form td .select.occupation > div {
	/* display: none; */
	margin-left: 0 !important;
}

.entry-form td .select.occupation > div.active { display: inline-flex; }

.entry-form td .mw-wp-form_file { margin-top: 6px; }

.mw_wp_form_input .conf-text,
.mw_wp_form_preview td .name-column p span,
.mw_wp_form_preview .note,
.mw_wp_form_preview td .select > div::before,
.mw_wp_form_preview .required::after,
.mw_wp_form_preview .preview-hidden .note,
.mw_wp_form_preview .privacy-text,
.mw_wp_form_preview .privacy-check { display: none !important; }

.mw_wp_form_preview td .select > div::after { margin-left: 0; }

.mw_wp_form_preview td .name-column p:nth-of-type(n+2),
.mw_wp_form_preview td .select > div:nth-of-type(n+2) { margin-left: 10px; }

.entry-form .mw_wp_form_preview table { min-width: 57%; }

@media (max-width: 1000px) {

	.page-entry .key-sub { background-image: url(../../img/recruit/entry/key_image_sp.jpg); }

	.entry-form tr,
	.entry-form th,
	.entry-form td { display: block; }

	.entry-form tr { margin-top: 0; }

	.entry-form th {
		border-bottom: none;
		padding: 5.333vw 0 0;
		width: auto;
	}

	.entry-form .required::after {
		font-size: 3.2vw;
		margin-left: 1.333vw;
	}

	.entry-form td {
		/* max-width: calc(100vw - 10.667vw); */
		padding: 2.4vw 0 5.333vw;
	}

	.entry-form td input[type='text'],
	.entry-form td input[type='email'],
	.entry-form td textarea,
	.entry-form td .select > div select { min-height: 10.4vw; }

	.entry-form td select { padding: 3.2vw 4.267vw; }
	.entry-form td .select > div select { padding-right: 8.333vw; }

	.entry-form td .note {
		font-size: 3.2vw;
		margin-bottom: 2.133vw;
		margin-left: 1.1em;
		text-indent: -1.1em;
	}

	.recruit-form-wrap .privacy-text { text-align: left; }

	.entry-form td .select {
		display: block;
		max-width: 33.333vw;
	}

	.entry-form td .select > div:nth-of-type(n+2),
	.entry-form td .address dd {
		margin-left: 0;
		margin-top: 2.333vw;
	}

	.entry-form td .address dl { display: block; }

	.entry-form .privacy-text { text-align: left; }

	.entry-form .privacy-check label span::before { font-size: 2.733vw; }

	.entry-form .privacy-check label input {
		margin-bottom: 0;
		margin-right: 3px;
	}


	.entry-form .mw_wp_form .horizontal-item + .horizontal-item { margin-left: 4vw; }

	.entry-form td .checkbox .horizontal-item { min-width: 50%; }
	.entry-form td .checkbox .horizontal-item + .horizontal-item { margin-left: 0;}
	.entry-form td .checkbox .horizontal-item + .horizontal-item:nth-of-type(n+3),
	.entry-form td .checkbox .horizontal-item + .horizontal-item:nth-of-type(n+5) { margin-top: 2.667vw; }


}