@charset "utf-8";/*シングル用*/
/* ------------------------------------------------ */
.jobseekerinfo-det {
}
.jobseekerinfo-det .outer {
	padding: 0px;
}

/* ------------------------------------------------ */
/*
.jobseekerinfo-box {
	background-color: var(--white);
	border-radius: 10px;
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);
	padding: 20px 10px;
}
.jobseekerinfo-title {
	position: relative;
	z-index: 1;
	line-height: 1em;
	text-align: center;
	padding: 30px 10px 10px 10px;
}
.jobseekerinfo-title h3 {
	display: inline-block;
	position: relative;
	font-size: 24px;
	font-size: clamp(20px, 2.4vw, 24px);
	line-height: 1em;
	font-weight: 700;
	vertical-align: middle;
}

*/
/* ------------------------------------------------ */
/*
.jobseekerinfo-box dl {
	border-bottom: none;
	border-bottom: 1px dashed var(--black);
}
.jobseekerinfo-box dl:first-child {
	border-top: 1px solid var(--black);
}
.jobseekerinfo-box dl:last-child {
	border-bottom: 1px solid var(--black);
}
.jobseekerinfo-box dl dt {
	font-weight: 500;
	vertical-align: middle;
	padding: 10px 10px;
}
.jobseekerinfo-box dl dd {
	background-color: var(--white);
	vertical-align: middle;
	font-size: 1.1em;
	padding: 10px 10px;
}
@media screen and (min-width: 768px) {
	.jobseekerinfo-box dl {
		display: table;
		width: 100%;
		table-layout: fixed;
		border-spacing: 0px;
	}
	.jobseekerinfo-box dl dt,
	.jobseekerinfo-box dl dd {
		display: table-cell;
		vertical-align: middle;
	}
	.jobseekerinfo-box dl dt {
		text-align: center;
	}
	.jobseekerinfo-box dl dt {
		width: 25%;
		border-right: 1px solid var(--black);
		padding: 10px 10px;
	}
}
@media screen and (max-width: 767px) {
	.jobseekerinfo-box dl dt {
		border-bottom: 1px dashed var(--black);
		padding: 10px 10px;
	}
	.jobseekerinfo-box dl dt {
	}
	.jobseekerinfo-box dl dd {
		background-color: var(--white);
		vertical-align: middle;
		font-size: 1.1em;
		padding: 10px 10px;
	}
}
.jobseekerinfo-box dl.swpm-logged-username dd b {
	word-break: break-all;
}
.jobseekerinfo-box dl.swpm-logged-status dd b span {
	color: var(--red3);
}
.jobseekerinfo-box dl.swpm-logged-status dd em {
	display: inline-block;
	font-weight: 700;
	vertical-align: middle;
	padding: 0px 10px;
}
#mypage.user_status-expired .jobseekerinfo-box dl.swpm-logged-status dd em,
#mypage.user_status-inactive .jobseekerinfo-box dl.swpm-logged-status dd em {
	color: var(--red1);
	border: 1px solid var(--red1);
}
#mypage.user_status-active .jobseekerinfo-box dl.swpm-logged-status dd em {
	border: 1px solid var(--black);
}
.jobseekerinfo-box dl.swpm-logged-status dd p {
	font-size: 0.8em;
	line-height: 1.2em;
	margin: 0;
}
.jobseekerinfo-box dl dd .link {
	padding: 5px 10px;
}
.jobseekerinfo-box dl dd .link a {
	display: inline-block;
}
.jobseekerinfo-box dl dd .link span {
	font-size: 15px;
	padding: 12px 20px;
}
@media screen and (max-width: 767px) {
	.jobseekerinfo-box dl.swpm-logged-social {
		text-align: center;
	}
	.swpm-logged-social div.nsl-container[data-align="left"] {
		text-align: center;
	}
}

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