@charset "utf-8";
/* ------------------------------------------------ */
.form-nav {
	text-align: center;
	padding: 20px 0px;
}
.form-nav ul {
}
.form-nav ul li {
	display: inline-block;
	vertical-align: middle;
	padding: 0px 10px;
}
.form-nav ul li a {
	display: inline-block;
	color: var(--white);
	font-weight: 700;
	line-height: 1em;
	padding: 15px 20px;
}
.html_jobseeker .form-nav ul li a {
	background-color: var(--color1);
}
.html_company .form-nav ul li a {
	background-color: var(--blue1);
}
@media screen and (max-width: 767px) {
	.form-nav ul li {
		display: block;
		padding: 5px 10px;
	}
	.form-nav ul li a {
		display: block;
		padding: 20px 10px;
	}
}
.form-nav ul li a span {
	display: inline-block;
}
.form-nav ul li a:hover {
}
.html_jobseeker .form-nav ul li a:hover {
	background-color: var(--color2);
}
.html_company .form-nav ul li a:hover {
	background-color: var(--blue3);
}
/* ------------------------------------------------ */
.info-form-bloc {
	background-color: var(--white);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1);
	padding: 10px;
}
.info-form-bloc-title {
	font-size: 20px;
	font-size: clamp(18px, 2vw, 20px);
	line-height: 1em;
	border-bottom: 1px solid var(--black);
	margin-bottom: 10px;
	padding: 10px 0px;
}
/* ------------------------------------------------ */
.pods-field-wrapper {
	position: relative;
}
.pods-wordlimit-message {
	position: absolute;
	z-index: 0;
	right: 0px;
	top: -25px;
	display: block;
	font-size: 12px;
	font-weight: 500;
	line-height: 1em;
	text-align: right;
	color: var(--white);
	background-color: var(--black);
	padding: 3px 5px;
}
/* ------------------------------------------------ */
.pods-form-fieldset {
}
.pods-form-fieldset h2 {
	font-size: 20px;
	font-size: clamp(18px, 2vw, 20px);
	text-align: center;
	border-bottom: 2px solid var(--black);
	margin-bottom: 0px;
	padding: 10px 10px;
}

.swpm-form-row,
.pods-field__container {
	margin-bottom: 30px;
	padding: 10px 10px;
}
@media screen and (min-width: 768px) {

}
@media screen and (max-width: 767px) {
	.swpm-form-row,
	.pods-field__container {
		margin-bottom: 30px;
		padding: 10px 0px;
	}
}
.pods-field__container.pods-form-ui-row-type- {
	margin-bottom: 0px;
	padding: 0px;
}
label.pods-form-ui-label {
}
/*
.pods-form-ui-field {
	padding: 10px 10px;
}
*/
.swpm-form-label-wrap,
.pods-field__container > .pods-form-ui-label,
.pods-form-ui-labels {
	display: block;
	font-size: 20px;
	font-size: clamp(18px, 2vw, 20px);
	font-weight: 700;
	line-height: 1em;
	border-bottom: 1px dashed var(--black);
	margin-bottom: 20px;
	padding-bottom: 10px;
}
.pods-field__container > .pods-form-ui-label abbr {
	color: var(--red1);
	text-decoration: none;

}


.pods-field__container.pods-form-ui-row-type-  > .pods-form-ui-label {
	margin-bottom: 0px;
}

.pods-radio-pick, .pods-checkbox-pick {
  max-height: auto;
  overflow-y: auto;
}

/* パターンA：付与されているもう一つの専用クラスを使う（一番シンプルで確実） */
.pods-form-ui-label.pods-radio-pick__option__label {
	font-size: 1.1em;
	font-weight: 500;
}
.pods-form-ui-label.pods-radio-pick__option__label input,
.pods-form-ui-label.pods-checkbox-pick__option__label input {
	margin-right: 5px;
}


/* パターンB：ラジオボタンのリスト内にあるラベル、という構造で指定 */
.pods-radio-pick .pods-form-ui-label {
}
.pods-form-ui-row-type-pick .pods-form-ui-field select {
	
}
/* ------------------------------------------------ */
.description.help-tex {
	display: block;
	position: relative;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 1.4em;
	margin-top: 5px;
	padding: 10px 10px 10px 30px;
}
.description.help-tex::before {
	content: "";
	position: absolute;
	left: 5px;
	top: 10px;
	width: 20px;
	height: 20px;

	background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="28px" height="28px" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="%236082d1" d="M15.613,18.067l-3.226,0l-0.734,-14.156l4.693,-0l-0.733,14.156Zm-1.579,6.022c-1.306,0 -2.249,-1.124 -2.249,-2.358c0,-1.306 1.016,-2.358 2.249,-2.358c1.233,0 2.249,1.052 2.249,2.358c0,1.306 -1.016,2.358 -2.249,2.358m-0.034,-24.089c-7.732,-0 -14,6.268 -14,14c0,7.731 6.268,14 14,14c7.731,-0 14,-6.269 14,-14c0,-7.732 -6.269,-14 -14,-14"/></svg>');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100%;
}
/* ------------------------------------------------ */
.pods-marionette-adapter-wrapper-single-file .pods-ui-form .pods-dfv-list-add {
	display: block;
	width: 120px;
	color: var(--blue1);
	text-align: center;
	background-color: var(--white);
	border: 1px solid var(--blue1);
	border-radius: 5px;
	margin: 0px auto;
	padding: 5px 10px;
}

/* ------------------------------------------------ */
.pods-field__container > .pods-form-ui-label.modal-help {
	cursor: pointer;
	position: relative;
}
.pods-field__container > .pods-form-ui-label.modal-help::after {
	display: inline-block;
	content: "記入例はこちら";
	font-size: 12px;
	line-height: 1em;
	border: 1px solid var(--gray2);
	margin-left: 20px;
	padding: 5px 10px;
}
/* ------------------------------------------------ */
.tax-parent,
.tax-child {
	margin-bottom: 20px;
}
.tax-child {
	background-color: #f2ede8;
}
.tax-child-inner {
	padding: 5px 10px;
}
/*
.tax-parent {
	overflow-y: auto;
	max-height: 300px;
}
.tax-child-inner {
	overflow-y: auto;
	max-height: 100%;
}
*/
.tax-parent span {
}
.tax-child strong {
	display: block;
	font-size: 18px;
	border-bottom: 1px dashed var(--black);
	margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
	.tax-parent,
	.tax-child-inner {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		align-items: stretch;
		justify-content: center;
	}
	.tax-parent span,
	.tax-child-inner span {
		box-sizing: border-box;
		flex: 0 0 calc(33.3333% - 10px);
	}
	.area-selector .tax-parent span,
	.area-selector .tax-child-inner span,
	.jsarea-selector .tax-parent span,
	.jsarea-selector .tax-child-inner span,
	.jsaddr-selector .tax-parent span,
	.jsaddr-selector .tax-child-inner span {
		box-sizing: border-box;
		flex: 0 0 calc(20% - 10px);
	}
}
@media screen and (max-width: 767px) {

	.tax-selector span {
		display: block;
		box-sizing: border-box;
		margin-bottom: 3px;
	}

	.toku-selector .tax-parent,
	.toku-selector .tax-child-inner,
	.area-selector .tax-parent,
	.area-selector .tax-child-inner,
	.jsarea-selector .tax-parent,
	.jsarea-selector .tax-child-inner,
	.jsaddr-selector .tax-parent,
	.jsaddr-selector .tax-child-inner {
		display: flex;
		flex-wrap: wrap;
		gap: 3px;
		align-items: stretch;
		justify-content: center;
	}
	.toku-selector .tax-parent span,
	.toku-selector .tax-child-inner span,
	.area-selector .tax-parent span,
	.area-selector .tax-child-inner span,
	.jsarea-selector .tax-parent span,
	.jsarea-selector .tax-child-inner span,
	.jsaddr-selector .tax-parent span,
	.jsaddr-selector .tax-child-inner span {
		flex: 0 0 calc(50% - 3px);
		margin-bottom: 0px;
	}
}
.tax-selector span em {
	display: block;
	position: relative;
	z-index: 3;
	color: var(--gray1);
	font-weight: 500;
	line-height: 40px;
	line-height: 1em;
	background-color: var(--gray5);
	background-color: #eff7f7;
	border: 2px solid var(--gray3);
	border-radius: 5px;
	padding-left: 35px;
	padding-right: 10px;
	padding: 15px 10px 15px 35px;
	cursor: pointer;
}
@media screen and (max-width: 767px) {
	.tax-selector span em {
		font-size: 13px;
	}
}
.tax-selector a.is-active em,
.tax-selector span.is-active em {
	color: var(--white);
	background-color: var(--line4);
	background-color: #222;
}
.tax-selector a.is-selected em,
.tax-selector span.is-selected em {
	color: var(--white);
	color: var(--white);
	background-color: var(--line3);
	background-color: #222;
}
.tax-selector a.is-off em,
.tax-selector span.is-off em {
	background-color: #ccc;
	pointer-events: none;
}
/*
.html_jobseeker .tax-selector a.is-active em,
.html_jobseeker .tax-selector span.is-active em {
	background-color: var(--line4);
	background-color: #222;
}
.html_jobseeker .tax-selector a.is-selected em,
.html_jobseeker .tax-selector span.is-selected em {
	color: var(--white);
	background-color: var(--line3);
	background-color: #222;
}
.html_company .tax-selector a.is-active em,
.html_company .tax-selector span.is-active em {
	background-color: var(--blue4);
	background-color: #222;
}
.html_company .tax-selector a.is-selected em,
.html_company .tax-selector span.is-selected em {
	color: var(--white);
	background-color: var(--blue3);
	background-color: #222;
}
*/

.tax-selector span em::after {
	display: block;
	content: '';
	position: absolute;
	z-index: 2;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	width: 10px;
	height: 10px;
	background-color: var(--gray4);
	border: 2px solid var(--gray2);
}
.tax-selector.radio-selector span em::after {
	border-radius: 30px;
}
.tax-selector a.is-active em::after,
.tax-selector span.is-active em::after {
	background-color: var(--line4);
	border: 2px solid var(--white);
}
.

.tax-selector span.is-disabled em {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
  background-color: #ccc;
}
.tax-selector strong {
	display: block;
	padding: 10px 10px;
}
#selected-list {
	position: relative;
display: none;
}
#selected-list {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	align-items: stretch;
	justify-content: left;
display: none;
}
#selected-list li {
	box-sizing: border-box;
}
@media screen and (min-width: 768px) {
	#selected-list li {
		flex: 0 0 calc(20% - 5px);
	}
}
@media screen and (max-width: 767px) {
	#selected-list li {
		flex: 0 0 calc(50% - 5px);
	}
}
#selected-list:has(li) {
	border-radius: 3px;
	margin-bottom: 10px;
	padding: 10px 10px;
}
.html_jobseeker #selected-list:has(li) {
	background-color: var(--line4);
}
.html_company #selected-list:has(li) {
	background-color: var(--blue4);
}
#selected-list:has(li)::before {
	position: absolute;
	left: 0px;
	top: -15px;

	content: "選択中";
	color: var(--white);
	color: var(--black);
	font-size: 12px;
	font-weight: 700;
	line-height: 1em;
}
#selected-list li {
	position: relative;
	line-height: 1em;
	padding: 0px 0px;
}
#selected-list li em {
	display: block;
	color: var(--white);
	color: var(--black);
	font-size: 13px;
	font-weight: 600;
	line-height: 1em;

	background-color: rgba(255,255,255,1);
	border-radius: 2px;
	padding: 10px 10px;
	cursor: pointer;
}
#selected-list li span {
	display: block;
	position: absolute;
	z-index: 0;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
	width: 10px;
	height: 10px;
	font-size: 10px;
	line-height: 1em;
	color: var(--gray3);
	border-radius:50px;
	padding: 2px;
	pointer-events: none;
}
#selected-list li:hover span {
	display: block;
	color: var(--black);

}
.remaining-count {
	text-align: center;
	margin-bottom: 10px;
}
.remaining-count span {
	display: inline-block;
	color: var(--white);
	font-size: 12px;
	vertical-align: middle;
	background-color: var(--red2);
	padding: 1px 5px;
}
.remaining-count span b {
	font-size: 18px;
	padding: 0px 5px;
}
#jobs-remaining-count {
	display: block;

}

/* ------------------------------------------------ */

.modal-selector {
	position: relative;
	visibility: hidden;
	opacity: 0;
	opacity: 1;
	position:fixed;
	z-index: 9999;
/*
	left:50%;
	top:60%;
	transform:translate(-50%,-60%);
	transition: all 0.2s linear;
	width: 50%;
	height: 50%;
*/
	background-color: var(--white);
	padding: 0px;
	box-shadow: 1px 1px 5px 3px rgba(0,0,0,0.2);
	box-sizing: border-box;
}
.modal-selector.modal-selector-open {
	visibility: visible;
	opacity: 1;
}
@media screen and (min-width: 768px) {
	.modal-selector {
		left:50%;
		top:60%;
		transform:translate(-50%,-60%);
		width: 50%;
		height: 50%;
	}
	.modal-selector.modal-selector-open {
		top:50%;
	}
}
@media screen and (max-width: 767px) {
	.modal-selector {
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}
}
div.modal-selector-close {
	text-align: center;
	padding: 10px 0px 0px 0px;
}
div.modal-selector-close span {
	display: inline-block;
	color: var(--white);
	font-size: 15px;
	font-weight: 700;
	line-height: 1em;
	background-color: var(--blue1);
	padding: 10px 20px;
	cursor: pointer;
}
div.modal-selector-close.close1 {
	display: none;
}
div.modal-selector-close.close2 {
	display: none;
/*
	content: "";
	position: sticky;
	z-index: 1;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 40px;

*/
}
/* ------------------------------------------------ */

.wpuf-modal {
	visibility: hidden;
	opacity: 0;
	position:fixed;
	z-index: 9999;
	left:50%;
	top:60%;
	transform:translate(-50%,-60%);
	transition: all 0.2s linear;
	background-color: var(--white);
	border: 3px solid var(--color1);
	padding: 0px;
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1);
}
.wpuf-modal.wpuf-modal-open {
	visibility: visible;
	opacity: 1;
	top:50%;
}
.wpuf-modal-prev.modal-none,
.wpuf-modal-next.modal-none {
	opacity: 0.5;
	pointer-events: none;
}
.form-recruitpost .modal-help {
}
.form-recruitpost .modal-help .wpuf-label label {
/*
	display: inline-block;
*/
	cursor: pointer;
	position: relative;
}
.form-recruitpost .modal-help .wpuf-label label::after {
	display: inline-block;
	content: "記入例はこちら";
/*
	position: absolute;
	right: -30px;
	top: 0px;
*/
	font-size: 12px;
	line-height: 1em;
	border: 1px solid var(--gray2);
	margin-left: 20px;
	padding: 5px 10px;
}
.wpuf-modal-inner {
	padding: 20px 10px;
	padding: 5px 10px;
}
.wpuf-modal-inner dl {
}
.wpuf-modal-inner dl dt {
	border-bottom: 1px solid var(--color1);
}
.wpuf-modal-inner dl dd {
	padding: 20px 10px 30px 10px;
}
.wpuf-modal-help {
	font-size: 0.85em;
	background-color: var(--gray5);
	margin-bottom: 10px;
	padding: 5px 10px;
}
.wpuf-modal-close {
	text-align: center;
	padding: 0px 5px 5px 5px;
}
.wpuf-modal-close span {
	display: block;
	color: var(--white);
	font-size: 15px;
	font-weight: 700;
	line-height: 1em;
	background-color: var(--color1);
	padding: 10px 20px;
	cursor: pointer;
}
.wpuf-modal-inner dl {
}
.wpuf-modal-inner dl dt {
	color: var(--color1);
	font-weight: 700;
}
.wpuf-modal-inner dl dd {
}

/* ------------------------------------------------ */

/*
.forminner input[type="text"].disabled,
.forminner input[type="email"].disabled {
	pointer-events: none;
	color: var(--gray2);
	background-color: var(--gray5);
	border: 1px solid var(--gray2);
}
*/
.forminner #swpm-registration-form input[type="text"].disabled {
	pointer-events: none;
	color: var(--red2);
	font-weight: 700;
	background-color: var(--white);
	border: 1px solid var(--white);
}

.forminner .submit input.disabled,
.pods-submittable-fields .pods-submit input.disabled {
	opacity: 0.3;
	pointer-events: none;
	background-color: #666;
	border: 1px solid #666;
}
.pods-submittable-fields .pods-submit a.disabled {
	opacity: 0.3;
	pointer-events: none;
}
.submit,
.swpm-registration-submit-section,
.swpm-login-submit,
.pods-submit {
	text-align: center;
	padding: 20px 10px;
}
.pods-form-front .pods-submit {
  float: none!important;
}
/*
.submit input,
.submit button,
.pods-submit input,
.swpm-registration-submit-section input,
.swpm-registration-submit-section button,
.swpm-login-submit input,
.swpm-pw-reset-submit-button input,
.swpm-submit-section button,
body p.swpm-edit-profile-submit-section input,
.pods-submittable-fields .pods-submit input {
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	box-sizing: border-box;
	appearance: button;
	display: block;
	color: var(--white);
	font-size: 16px;
	background-color: var(--color1);
	border: 1px solid var(--color1);
	margin: 0px auto;
	padding: 20px 100px;
	cursor: pointer;
}
.submit input:disabled,
.submit button:disabled {
	background-color: var(--gray4);
	border: 1px solid var(--gray4);
}
.submit.disabled input.submitbtn {
	background-color: var(--gray4);
	border: 1px solid var(--gray4);
	pointer-events: none;
}
.submit input:hover,
.submit button:hover,
.submit.disabled input:hover,
.pods-submit input:hover,
.mw_wp_form_confirm .submit.disabled input:hover,
.swpm-submit-section button:hover,
.swpm-registration-submit-section input:hover,
.swpm-registration-submit-section button:hover,
.swpm-login-submit input:hover {
	color: var(--white);
	background-color: var(--color2);
	border: 1px solid var(--color2);
}
*/
/* ------------------------------------------------ */

/* ------------------------------------------------ */