@charset "utf-8";/*シングル用*/
/* ------------------------------------------------ */


/* ------------------------------------------------ */
.recruitpost-list {
}
/* ------------------------------------------------ */
.recruitpost-box {
	position: relative;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: var(--white);
	border-radius: 10px;
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);
	padding: 20px 10px;
}
.carousel .recruitpost-box {
	height: 100%;
	border: 1px solid var(--color1);
	padding: 10px 0px 0px 0px;
}
.recruitpost-list .recruitpost-box {
	border: 2px solid var(--black);
	margin-bottom: 30px;
}
.recruitpost-det {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.recruitpost-det-bloc {
}
.recruitpost-det-bloc1 .recruitpost-box {
	padding: 20px;
}
.recruitpost-box.recruitpost-draft {/*審査中*/
}
.recruitpost-box.recruitpost-archive {/*掲載終了*/
	pointer-events: none;
	background-color: var(--gray3);
	opacity: 0.5;
}
.recruitpost-box.recruitpost-status-expired {/*アカウントの期限切れ*/
	pointer-events: none;
	background-color: var(--gray3);
	opacity: 0.5;
display: none;
}
#user-rank2 .recruitpost-box.recruitpost-status-expired {/*アカウントの期限切れ*/
display: block;
}
/* ------------------------------------------------ */
.recruitpost-box-outer {
	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: 0px;
}
.carousel .recruitpost-box-outer {
	padding: 0px 0px 60px 0px;
}
/* ------------------------------------------------ */

.recruitpost-box-ossm {
}
.carousel .recruitpost-box-ossm {
	display: none;
}

@media screen and (max-width: 767px) {
	.recruitpost-box-ossm {
		text-align: center;
	}
	.recruitpost-list .recruitpost-box-ossm span {
		display: inline-block;
		position: relative;
		color: var(--white);
		font-size: 16px;
		font-weight: 700;
		line-height: 1em;
		vertical-align: middle;
		line-height: 1em;
		background-color: var(--red2);
		padding: 10px 30px;
	}
	.recruitpost-list .recruitpost-box-ossm span::before,
	.recruitpost-list .recruitpost-box-ossm span::after {
		content: '';
		position: absolute;
		z-index: 1;
		top: 50%;
		width: 0px;
		height: 0px;
		border-style: solid;
		margin-top: -25px;
	}
	.recruitpost-list .recruitpost-box-ossm span::before {
		left: 0;
		border-width: 25px 0px 25px 15px;
		border-color: transparent transparent transparent #fff;
	}
	.recruitpost-list .recruitpost-box-ossm span::after {
		right: 0;
		border-width: 25px 15px 25px 0px;
		border-color: transparent #fff transparent transparent;
	}
}
@media screen and (min-width: 768px) {
	#page-index .recruitpost-box-ossm,
	.recruitpost-list .recruitpost-box-ossm {
		position: absolute;
		top: 0;
		right: 0;
		width: 200px;
		height: 200px;
		overflow: hidden;
	}
	#page-index .recruitpost-box-ossm span,
	.recruitpost-list .recruitpost-box-ossm span {
		display: inline-block;
		position: absolute;
		padding: 5px 0;
		left: 50px;
		top: 30px;
		width: 200px;
		color: var(--white);
		text-align: center;
		font-size: 16px;
		font-weight: 700;
		line-height: 18px;
		background-color: var(--red2);
		letter-spacing: 0.05em;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		padding: 10px 10px;
	}

	#page-index .carousel .recruitpost-box-ossm span {
		font-size: 12px;
		font-weight: 700;
		line-height: 13px;
		padding: 5px 10px;
	}
}
.recruitpost-det .recruitpost-box-ossm {
	text-align: center;
	margin-bottom: 10px;
}
.recruitpost-det .recruitpost-box-ossm span {
	display: inline-block;
	position: relative;
	color: var(--white);
	font-size: 16px;
	font-weight: 700;
	line-height: 1em;
	vertical-align: middle;
	line-height: 1em;
	background-color: var(--red2);
	padding: 10px 30px;
}
.recruitpost-det .recruitpost-box-ossm span::before,
.recruitpost-det .recruitpost-box-ossm span::after {
	content: '';
	position: absolute;
	z-index: 1;
	top: 50%;
	width: 0px;
	height: 0px;
	border-style: solid;
	margin-top: -25px;
}
.recruitpost-det .recruitpost-box-ossm span::before {
	left: 0;
	border-width: 25px 0px 25px 15px;
	border-color: transparent transparent transparent #fff;
}
.recruitpost-det .recruitpost-box-ossm span::after {
	right: 0;
	border-width: 25px 15px 25px 0px;
	border-color: transparent #fff transparent transparent;
}

.recruitpost-box-icon {
	position: relative;
	text-align: center;
	padding: 0px 0px;
}
.carousel .recruitpost-box-icon div {
	position: absolute;
	content: "";
	z-index: 0;
	left: 0px;
	top: -26px;
	width: 100%;
}

.recruitpost-box-icon span {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	color: var(--white);
	color: var(--color2);
	border-bottom: none;
	font-size: 12px;
	font-weight: 700;
	line-height: 1em;
	text-align: center;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 5px 8px;
}
.recruitpost-box-icon span.icon-new {
	color: var(--white);
	background-color: var(--color2);
}
.recruitpost-box-icon span.icon-kyubo {
	background-color: var(--color1);
}
.recruitpost-box-icon span.icon-ossm {
	display: none;
}
.carousel .recruitpost-box-icon span.icon-ossm {
	display: inline-block;
	color: var(--white);
	background-color: var(--red1);
	margin: 0px 0px 0px 2px;
}

.recruitpost-box-tag {
	padding: 5px 10px;
	line-height: 1em;
}
.recruitpost-list .recruitpost-box-tag {
	padding-right: 100px;
	background-color: #ccc;
}
.recruitpost-det .recruitpost-box-tag {
	text-align: center;
}
.carousel .recruitpost-box-tag {
	padding: 5px 10px 0px 10px;
}

.recruitpost-box-tag em {
	display: inline-block;
	color: var(--white);
	font-size: 13px;
	font-size: clamp(12px, 1.3vw, 13px);
	font-weight: 500;
	line-height: 1em;
	background-color: var(--white);
	margin: 0px 3px 2px 0px;
	padding: 3px 4px;
}
.carousel .recruitpost-box-tag em {
	margin: 0px 2px 2px 0px;
	padding: 2px 2px;
}
.recruitpost-box-tag em.tag-area1 {
	background-color: #6567bf;
}
.recruitpost-box-tag em.tag-area2 {
	background-color: #2e3192;
}
.recruitpost-box-tag em.tag-job {
	background-color: #22b54c;
}
.recruitpost-box-tag em.tag-type {
	background-color: #0d83b5;
}

/* ------------------------------------------------ */
.recruitpost-box-main {
}
.carousel .recruitpost-box-main {
	padding-bottom: 50px;
}
.recruitpost-box-img {
	padding: 10px;
}
.recruitpost-box-text {
	padding: 10px;
}
.carousel .recruitpost-box-text {
	padding: 5px 10px;
}
@media screen and (min-width:768px) {
	.recruitpost-list .recruitpost-box-main {
		display: table;
		width: 100%;
		table-layout: fixed;
		border-spacing: 0px;
	}
	.recruitpost-list .recruitpost-box-img,
	.recruitpost-list .recruitpost-box-text {
		display: table-cell;
		vertical-align: top;
	}
	.recruitpost-list .recruitpost-box-img {
		width: 300px;
	}
	.recruitpost-list .recruitpost-box-text {
	}
}
/* ------------------------------------------------ */
.recruitpost-box-img {
	text-align: center;
}
.recruitpost-box-img img {
	display: inline-block;
}
.recruitpost-box-img2 {
	text-align: center;
	padding: 10px 0px;
}
.recruitpost-box-img2 ul {
}
.recruitpost-box-img2 ul li {
}
@media screen and (min-width: 768px) {
.recruitpost-box-img2 ul {
	display: flex;
	flex-wrap: nowrap;
	gap: 10px;
	align-items: stretch;
	justify-content: center;
}
.recruitpost-box-img2 ul li {
	flex: 1;
	box-sizing: border-box;
}
}
@media screen and (max-width: 767px) {

}
.recruitpost-box-img2 img {
	display: inline-block;
}
/* ------------------------------------------------ */
.recruitpost-box-title {
	border-bottom: 2px solid var(--black);
	margin-bottom: 10px;
	padding: 0px 0px 10px 0px;
}
.carousel .recruitpost-box-title {
	padding: 0px 0px 5px 0px;
}
.recruitpost-det .recruitpost-box-title {
	text-align: center;
}
.recruitpost-box-title h2 {
	color: var(--line1);
	font-size: 24px;
	font-size: clamp(18px, 2.4vw, 24px);
	line-height: 1.2em;
	font-weight: 700;
	margin-bottom: 10px;
}
.recruitpost-det .recruitpost-box-title h2 {
	font-size: 28px;
	font-size: clamp(22px, 2.8vw, 28px);
}
.recruitpost-box-title h2 br:last-child {
	display: none;
}
.recruitpost-box-title h3 {
	font-size: 16px;
	font-size: clamp(13px, 1.6vw, 16px);
	line-height: 1em;
	font-weight: 700;
}
.carousel .recruitpost-box-title h3 {
	font-size: .85em;
}
/* ------------------------------------------------ */

.recruitpost-box-list {
}
.recruitpost-det .recruitpost-box-list {
	max-width: 600px;
	margin: 0px auto;
	padding: 10px 0px;
}
.recruitpost-box-list ul {
}
.recruitpost-box-list ul li {
	margin-bottom: 5px;
}
.recruitpost-det .recruitpost-box-list ul li {
	font-size: 1.1em;
	background-color: var(--color1);
	background-color: #eaf9dd;
	border: 2px solid var(--color1);
	padding: 15px 0px;
}
.recruitpost-det .recruitpost-box-list ul li.recruitpost-box-list-tokten {
	background-color: #fffbdb;
	border: 2px solid var(--red2);
}
.recruitpost-det .recruitpost-box-list ul li:last-child {
}
.recruitpost-box-list ul li dl {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-spacing: 0px;
}
.recruitpost-box-list ul li dl dt,
.recruitpost-box-list ul li dl dd {
	display: table-cell;
	vertical-align: middle;
}
.recruitpost-box-list ul li dl dt {
	width: 50px;
	text-align: center;
}
.recruitpost-det .recruitpost-box-list ul li.recruitpost-box-list-tokten dl dt::after {
	color: #39b54a;
	color: var(--red2);
}
.recruitpost-det .recruitpost-box-list ul li dl dt em {
	display: block;
	position: relative;
	color: var(--color1);
	font-size: 12px;
	line-height: 1em;
	padding: 30px 0px 0px 0px;
}
.recruitpost-det .recruitpost-box-list ul li.recruitpost-box-list-tokten dl dt em {
	color: var(--red2);
}
.recruitpost-det .recruitpost-box-list ul li dl dt em::before {
	content: "";
	position: absolute;
	z-index: 0;
	left: 50%;
	top: -0px;
	transform: translateX(-50%);
	width: 24px;
	height: 24px;
	mask-size: 24px;
	mask-repeat: no-repeat;
	mask-position: center;
	background-color: var(--color1);
}

.recruitpost-box-list ul li.recruitpost-box-list-jobs dl dt em::before {
	mask-image: url("./img/icon/jobs.svg");
}
.recruitpost-box-list ul li.recruitpost-box-list-salary dl dt em::before {
	mask-image: url("./img/icon/money.svg");
}
.recruitpost-box-list ul li.recruitpost-box-list-addr dl dt em::before {
	mask-image: url("./img/icon/area.svg");
}
.recruitpost-box-list ul li.recruitpost-box-list-tokten dl dt em::before {
	background-color: var(--red2);
	mask-image: url("./img/icon/tokten.svg");
}

.recruitpost-box-list ul li dl dd {
}
@media screen and (min-width: 768px) {
	.recruitpost-box-list ul li dl dd {
		padding-left: 10px;
	}
}
.recruitpost-box-list ul li dl dd span {
	display: block;
	line-height: 1.4em;
}
.carousel .recruitpost-box-list ul li dl dd span {
	font-size: 0.8em;
}
.recruitpost-box-list ul li dl dd span b {
	color: #c00;
}
.recruitpost-box-list ul li.recruitpost-box-list-salary dl dd span b {
	font-size: 1.2em;
}
.recruitpost-det .recruitpost-box-list ul li.recruitpost-box-list-salary dl dd span b {
	color: var(--red2);
}
.recruitpost-box-list ul li.recruitpost-box-list-tokten dl dd em {
	display: inline-block;
	color: var(--white);
	font-size: 14px;
	font-weight: 500;
	line-height: 1em;
	background-color: #39b54a;
	background-color: var(--red2);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 5px;
	padding: 3px 5px;
}
.recruitpost-box-list ul li.recruitpost-box-list-tokten dl dd strong {
	display: block;
	color: var(--black);
	font-size: 14px;
	font-size: clamp(13px, 1.4vw, 14px);
	font-weight: 400;
	line-height: 1.3em;
}
.recruitpost-det .recruitpost-box-list ul li.recruitpost-box-list-tokten dl dd strong {
	font-weight: 500;
	line-height: 1.4em;
}
/* ------------------------------------------------ */

.recruitpost-box-cat {
	text-align: center;
	padding: 5px 0px 0px 0px;
}
.recruitpost-box-cat em {
	display: inline-block;
	color: var(--color1);
	font-size: 13px;
	font-size: clamp(12px, 1.3vw, 13px);
	line-height: 1em;
	font-weight: 500;
	line-height: 1em;
	background-color: var(--white);
	border: 1px solid var(--color2);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 0px 3px 2px 0px;
	padding: 3px 5px;
}

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


/* ------------------------------------------------ */
.recruitpost-box-btn {
/*
bloc.css
*/
	text-align: center;
	padding: 10px 10px;
}

.recruitpost-box-btn.fixed {
	position: absolute;
	position: fixed;
	z-index: 5;
	right: 0px;
	bottom: 0px;
	width: 100%;
	text-align: center;
	background-color: rgba(255,255,255,0.5);
	padding: 10px 10px;
	border-top: none;
	box-sizing: border-box;
}

/* ------------------------------------------------ */
.carousel .recruitpost-box-btm {
	display: none;
}
.recruitpost-box-btm {
	padding-top: 0px;
}
/* ------------------------------------------------ */
.carousel .recruitpost-box-time {
	display: none;
}
.recruitpost-box-time {
	font-size: 0.85em;
	text-align: right;
	padding: 0px 10px 5px 10px;
}
.recruitpost-box-time span {
	display: inline-block;
	vertical-align: middle;
	padding-right: 10px;
}
/* ------------------------------------------------ */
body.single .recruitpost-catch {
	margin-bottom: 20px;
}
body.single .recruitpost-catch1 {
	text-align: center;
	margin-bottom: 20px;
}
body.single .recruitpost-catch1 strong {
	display: block;

	font-size: 20px;
	font-size: clamp(22px, 2.4vw, 24px);
	line-height: 1.2em;
}
body.single .recruitpost-catch2 {
	text-align: center;
}
body.single .recruitpost-photos {
	text-align: center;
	padding: 20px 0px;
}
body.single .recruitpost-photos a {
	display: inline-block;
	vertical-align: top;
}
body.single .recruitpost-photos a img {
	display: inline-block;
	vertical-align: top;
}
/* ------------------------------------------------ */
.recruitpost-det-bloc2 {
	padding: 20px 0px;
}
.recruitpost-det-bloc2 dl {
	background-color: var(--white);
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);
	border-radius: 10px;
	margin-bottom: 20px;
	padding: 10px;
}
.recruitpost-det-bloc2 dl:last-child {
}
.recruitpost-det-bloc2 dl dt {
	border-bottom: 1px solid var(--black);
	padding: 10px 10px;
}
.recruitpost-det-bloc2 dl dt svg {
	display: inline-block;
	height: 40px;
	vertical-align: middle;
	margin-right: 10px;
}
.recruitpost-det-bloc2 dl dt svg path,
.recruitpost-det-bloc2 dl dt svg polygon,
.recruitpost-det-bloc2 dl dt svg rect,
.recruitpost-det-bloc2 dl dt svg circle {
	fill: var(--color1);
}
.recruitpost-det-bloc2 dl dt span {
	display: inline-block;
	position: relative;
	color: var(--color1);
	font-size: 1.3em;
	font-weight: 700;
	line-height: 1em;
	vertical-align: middle;
	padding-left: 30px;
}
.recruitpost-det-bloc2 dl dt span::before {
	content: "";
	position: absolute;
	left: -0px;
	top: 50%;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px;
/*
	background-color: var(--blue1);
	mask-size: auto 24px;
	mask-repeat: no-repeat;
	mask-position: center;
*/
}
.recruitpost-det-bloc2 dl.recruitpost-text-mess dt span::before {
	background-image: url("./img/icon/message.svg");
}
.recruitpost-det-bloc2 dl.recruitpost-text-naiyo dt span::before {
	background-image: url("./img/icon/jobs.svg");
}
.recruitpost-det-bloc2 dl.recruitpost-text-genba dt span::before {
	background-image: url("./img/icon/area.svg");
}
.recruitpost-det-bloc2 dl.recruitpost-text-kinmu dt span::before {
	background-image: url("./img/icon/area.svg");
}
.recruitpost-det-bloc2 dl.recruitpost-text-shikaku dt span::before {
	background-image: url("./img/icon/note2.svg");
}
.recruitpost-det-bloc2 dl.recruitpost-text-movie dt span::before {
	background-image: url("./img/icon/man2.svg");
}
.recruitpost-det-bloc2 dl.recruitpost-text-type dt span::before {
	background-image: url("./img/icon/man2.svg");
}
.recruitpost-det-bloc2 dl.recruitpost-text-salary dt span::before {
	background-image: url("./img/icon/money.svg");
}
.recruitpost-det-bloc2 dl.recruitpost-text-access dt span::before {
	background-image: url("./img/icon/access.svg");
}
.recruitpost-det-bloc2 dl.recruitpost-text-oth dt span::before {
	background-image: url("./img/icon/access.svg");
}
.recruitpost-det-bloc2 dl.recruitpost-text-company dt span::before {
	background-image: url("./img/icon/company2.svg");
}
.recruitpost-det-bloc2 dl dd {
	padding: 20px;
}
@media screen and (max-width: 767px) {
	.recruitpost-det-bloc2 dl dd {
		padding: 10px;
	}
}
.recruitpost-det-bloc2 dl dd p {
	margin-bottom: 10px;
}
.recruitpost-det-bloc2 dl dd p:last-child {
	margin-bottom: 0px;
}
.recruitpost-det-bloc2 dl dd ul {
}
.recruitpost-det-bloc2 dl dd ul li {
}
.recruitpost-det-bloc2 dl dd ul li::before {
	content: "■ ";
}
.recruitpost-movie-tex {
}
@media screen and (max-width: 767px) {
	.recruitpost-movie-tex {
		overflow-x: auto;
	}
}
.recruitpost-movie-tex a {
	color: var(--color1);
	text-decoration: underline;
}
.recruitpost-text-salary {
}
.recruitpost-text-salary1 {
	margin-bottom: 20px;
}
.recruitpost-text-salary1+.recruitpost-text-salary2 {
	border-top: 2px solid #000;
	padding-top: 20px;
}
.recruitpost-text-salary:last-child {
	margin-bottom: 0px;
}
.recruitpost-text-salary em {
	display: block;
	color: var(--color1);
	font-size: 1.2em;
	font-weight: 700;
	border-bottom: 1px dashed #000;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
.recruitpost-text-salary-top {
	margin-bottom: 10px;
	padding-top: 10px;
}
.recruitpost-text-salary-top:last-child {
	margin-bottom: 0px;
}
.recruitpost-text-salary-top p {
	font-size: 1.2em;
	font-weight: 700;
}
.recruitpost-text-salary-top p b {
	color: var(--red2);
}
.recruitpost-text-salary-btm {
/*
	background-color: #fff7e5;
	border: 1px solid #ffd1a3;
*/
	padding: 10px 10px;
}
.recruitpost-text-salary-btm p {
}

.recruitpost-det-bloc2 dl dd table {
	width: 100%;
	border-collapse:collapse;
	border-spacing: 0px;
	empty-cells:show;
}
.recruitpost-det-bloc2 dl dd table tr {
	border-bottom: 1px solid #000;
	border-bottom: 1px dashed var(--gray2);
}
.recruitpost-det-bloc2 dl dd table tr:last-child {
	border-bottom: none;
}
.recruitpost-det-bloc2 dl dd table th {
	width: 20%;
	font-weight: 500;
	text-align: center;
	padding: 5px;
}
.recruitpost-det-bloc2 dl table td {
	padding: 10px;
}
@media screen and (max-width: 767px) {
	.recruitpost-det-bloc2 dl dd tabletable,
	.recruitpost-det-bloc2 dl dd tablet body,
	.recruitpost-det-bloc2 dl dd table tr,
	.recruitpost-det-bloc2 dl dd table th,
	.recruitpost-det-bloc2 dl dd table td {
		display: block;
		width: 100%;
		box-sizing: border-box;
	}
	.recruitpost-det-bloc2 dl dd table {
		display: block;
		width: auto;
	}
	.recruitpost-det-bloc2 dl dd table tbody {
		display: block;
	}
	.recruitpost-det-bloc2 dl dd table tr {
		display: block;
	border-bottom: 2px solid #000;
	}
	.recruitpost-det-bloc2 dl dd table th {
		display: block;
		width: auto;
		text-align: left;
		border-bottom: 1px dashed #000;
		padding: 5px;
	}
	.recruitpost-det-bloc2 dl dd table th:before{
		display:block;
	}
	.recruitpost-det-bloc2 dl table td {
		display: block;
	}
}
/* ------------------------------------------------ */
.jobseekerinfo-bloc {
	margin-bottom: 40px;
}
.jobseekerinfo-title {
/*
	text-align: center;
*/
}
.jobseekerinfo-title h3 {
	display: block;
/*
	max-width: 300px;
*/
	color: var(--black);
	font-size: 20px;
	font-size: clamp(18px, 2.4vw, 24px);
	border-radius: 5px 5px 0px 0px;
	margin-bottom: 0px;
/*
	margin: 0px auto;
*/
	padding: 10px 0px 20px 40px;
}

.jobseekerinfo-title h3 span {
	display: inline-block;
	position: relative;
}
.jobseekerinfo-title h3 span {
	display: flex;
	align-items: center;
	text-align: center;
	gap: 1rem;
}
.jobseekerinfo-title h3 span::after {
	content: "";
	flex: 1;
	border-bottom: 1px solid var(--blue1);
}


.jobseekerinfo-title h3 span::before {
	content: "";
	position: absolute;
	left: -35px;
	top: 50%;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
/*
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px;
*/
	mask-size: auto 24px;
	mask-repeat: no-repeat;
	mask-position: center;
}
#bloc-jobseekerinfo-userinfo .jobseekerinfo-title h3 span::before {
	background-color: var(--blue1);
	mask-image: url("./img/icon/man2.svg");
}
#bloc-jobseekerinfo-skill .jobseekerinfo-title h3 span::before {
	background-color: var(--blue2);
	mask-image: url("./img/icon/single.svg");
}
#bloc-jobseekerinfo-taigu .jobseekerinfo-title h3 span::before {
	background-color: var(--blue3);
	mask-image: url("./img/icon/present.svg");
}

.jobseekerinfo-box {
	background-color: var(--white);
	border: 3px solid var(--gray4);
	border-radius: 10px;
	border-radius: 10px 10px 10px 10px;
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.2);
	padding: 10px 10px;
}
/*
#bloc-jobseekerinfo-userinfo .jobseekerinfo-box {
	border: 3px solid var(--blue1);
}
#bloc-jobseekerinfo-skill .jobseekerinfo-box {
	border: 3px solid var(--blue2);
}
#bloc-jobseekerinfo-taigu .jobseekerinfo-box {
	border: 3px solid var(--blue3);
}
*/

@media screen and (min-width: 768px) {
	.jobseekerinfo-box {
		padding: 20px;
	}
}
@media screen and (max-width: 767px) {

}
.jobseekerinfo-box dl {
}
@media screen and (min-width: 768px) {
	.jobseekerinfo-box dl {
		display: table;
		width: 100%;
		table-layout: fixed;
		border-spacing: 0px;
		border-bottom: 1px solid var(--blue4);
	}
	.jobseekerinfo-box dl:last-child {
		border-bottom: none;
	}
	.jobseekerinfo-box dl dt,
	.jobseekerinfo-box dl dd {
		display: table-cell;
		vertical-align: middle;
	}
	.jobseekerinfo-box dl dt {
		width: 25%;
		text-align: center;
	}
	.jobseekerinfo-box dl dd {
		padding: 20px;
	}
}
@media screen and (max-width: 767px) {
	.jobseekerinfo-box dl dt {
		border-bottom: 1px solid var(--blue4);
	}
	.jobseekerinfo-box dl dd {
		padding: 10px 10px 30px 30px;
	}
}

.jobseekerinfo-box dl dt b {
	display: inline-block;
	color: var(--white);
	font-size: 16px;
	line-height: 1em;
	background-color: var(--blue4);
	border-radius: 3px 3px 0px 0px;
	padding: 10px 10px;
}
@media screen and (min-width: 768px) {
.jobseekerinfo-box dl dt b {
	display: block;
	border-radius: 4px;
}
}
@media screen and (max-width: 767px) {

}
.jobseekerinfo-box dl dd {
	font-size: 1.1em;
}
.jobseekerinfo-box dl dd p {
	margin-bottom: 0px;
}
.jobseekerinfo-box dl.jobseekerinfo-box-addr dd small {
	display: none;
}

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


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