@charset "utf-8";/*ブロック*/
/* ------------------------------------------------ */
.error-message {
	text-align: center;
	padding: 50px 10px;
}
/* ------------------------------------------------ */
.yokoline {
	display: flex;
	align-items: center;
	text-align: center;
	gap: 1rem;
}
.yokoline::before,
.yokoline::after {
	content: "";
	flex: 1;
	border-bottom: 1px solid #e0e0e6;
}
/* ------------------------------------------------ */
.social-btn {
}
.social-btn a {
    color: #fff;
	display: inline-block;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: .25px;
    overflow: hidden;
    text-align: center;
    text-overflow: clip;
    white-space: nowrap;
    flex: 1 1 auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: none;
	background-color:#06C755;
	background-color: var(--line1);
    border-radius: 4px;
}
.social-btn a[data-action="unlink"] {
	background-color: var(--gray3);
}
.social-btn a span {
    display: block;
	position: relative;
    padding: 10px 24px 10px 50px;
}
.social-btn a span::before {
	content: "";
	display: inline-block;
	position: absolute;
	z-index: 0;
	left: 8px;
	top: 50%;
	transform: translateY(-50%);
    height: 24px;
    width: 24px;
    vertical-align: top;
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="%23ffffff" fill-rule="evenodd" d="M23.9917 11.1626c-.0125.1941-.0398.4415-.0949.7355-.1476.9364-.4616 1.8307-.917 2.6636-.2146.3924-1.2669 1.8861-1.5896 2.2799-1.7735 2.1644-4.7435 4.6627-9.7102 7.0911-.4634.2267-.9922-.1503-.9354-.6684l.2503-2.2824c.0399-.3638-.2193-.6925-.5787-.7306C4.5376 19.6278 0 15.5746 0 10.6672 0 5.32816 5.37099 1 11.9966 1c6.4387 0 11.6927 4.08755 11.9838 9.2181.0084.1488.032.6243.0113.9445zm-9.8475-2.60911v2.86741s-2.4507-3.23845-2.4881-3.28101c-.1171-.13313-.2896-.21503-.4811-.20767-.3338.01283-.5898.30838-.5898.64678v4.6682c0 .3433.2747.6217.6136.6217.3389 0 .6137-.2784.6137-.6217v-2.8501s2.488 3.2667 2.5245 3.3018c.1085.1041.2543.1685.4152.17.3408.0031.6194-.3023.6194-.6475V8.55349c0-.34335-.2748-.62171-.6137-.62171-.3389.00008-.6137.27836-.6137.62171zm-8.74426.00003v4.07198h1.84092c.33891 0 .61366.2784.61366.6218 0 .3433-.27475.6217-.61366.6217H4.78627c-.33891 0-.61366-.2784-.61366-.6217V8.55352c0-.34335.27475-.62171.61366-.62171s.61367.27836.61367.62171zM8.91697 13.869h.26828c.26483 0 .47953-.2175.47953-.4858V8.41763c0-.26831-.2147-.48582-.47953-.48582h-.26828c-.26483 0-.47953.21751-.47953.48582v4.96557c0 .2683.2147.4858.47953.4858zM19.3601 7.93181c.339 0 .6137.27836.6137.62171 0 .34336-.2747.62172-.6137.62157h-1.8409v1.10351h1.8409c.339 0 .6137.2784.6137.6217 0 .3434-.2747.6217-.6137.6217h-1.8409v1.1035h1.8409c.339 0 .6137.2784.6137.6218 0 .3433-.2747.6217-.6137.6217h-2.4545c-.3389 0-.6137-.2784-.6137-.6217V8.55352c0-.34335.2748-.62171.6137-.62171h2.4545z" clip-rule="evenodd"/></svg>');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100%;
}
/* ------------------------------------------------ */
/* ------------------------------------------------ */
#slide {
	position: relative;
	z-index: 0;
	overflow: hidden;
}
.carousel {
	position: relative;
	height: 100%;
}
swiper-container {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
swiper-container.mySwiper {
}
swiper-container.mySwiper_sp {
}
swiper-container.mySwiper_sp a {
	display: inline-block;
}
swiper-container {
/*
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: stretch;
	align-items: stretch;
*/
}
swiper-slide {
	position: relative;
	height: auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
/*
	padding: 0px 10px;
	padding: 0px 10px 30px 10px;
	padding: 30px 0px 30px 0px;
*/
}
swiper-slide img {
	margin: 0px auto;
}
.carousel swiper-slide {
	padding: 10px 10px 25px 10px;
}

swiper-container::part(button-prev),
swiper-container::part(button-next) {
	width: 10px;
	height: auto;
	color: #fff;
	background-color: red;
	padding: 10px 10px;
}
swiper-container::part(button-prev),
swiper-container::part(button-next) {
	width: 10px;
	height: auto;
	color: #fff;
	background-color: rgba(0,0,0,0.5);
	padding: 10px 10px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
swiper-container::part(button-prev):hover,
swiper-container::part(button-next):hover {
	background-color: var(--color1);
}
swiper-container::part(pagination) {
	bottom: 0px;
/*
	top: auto;
	height: 7px;
	background-color: #ccc;
*/
}
swiper-container::part(bullet) {
}
swiper-container::part(bullet-active) {
}

/* ------------------------------------------------ */
#mv {
	position: relative;
	color: var(--white);
	background-image: url("./img/parts/mv1.webp");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: cover;
	background-size: contain;
	background-color: var(--black);
}
@media screen and (min-width: 768px) {

	.mv {
		background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,1) 30%,rgba(0,0,0,0) 60%,rgba(0,0,0,0) 100%);
	}
}
@media screen and (max-width: 767px) {
	#mv {
		background-position: center top;
	}
	.mv {
		background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 30%,rgba(0,0,0,1) 100%);

	}
}
.mv-img {
	position: relative;
	z-index: 0;
}
.mv-tex {
/*
	position: absolute;
	z-index: 3;
	left: 50%;
	top: 0px;
	transform: translateX(-50%);
	width: 1000px;
	height: 100%;
*/
	padding: 40px 0px;
}
.mv-title {
	display: block;
	text-align: center;
	font-family: var(--font2);
	border-bottom: 1px solid var(--gray2);
	margin-bottom: 10px;
	padding-bottom: 10px;
}
@media screen and (min-width: 768px) {
	.mv-title {
		display: inline-block;
	}
}
@media screen and (max-width: 767px) {

}
.mv-title b {
	display: block;
	font-size: 20px;
	font-size: clamp(36px, 6vw, 60px);
	font-weight: 600;
	line-height: 1.2em;
	margin-bottom: 10px;
}
.mv-title b rt {
	font-size: 13px;
}
.mv-title strong {
	display: block;
	color: var(--color1);
	font-weight: 500;
	letter-spacing: 5px;
}
.mv-ken {
	padding: 0px 20px;
}
.mv-ken dl {
}
.mv-ken dl dt {
}
.mv-ken dl dd {
}
@media screen and (min-width: 768px) {
	.mv-ken dl dt {
		margin-bottom: 10px;
	}
	.mv-ken dl dd {
	}
}
@media screen and (max-width: 767px) {
	.mv-ken {
		text-align: center;
	}
	.mv-ken dl dt {
		display: inline-block;
		vertical-align: middle;
	}
	.mv-ken dl dd {
		display: inline-block;
		vertical-align: middle;
	}
}
.mv-ken dl dt b {
	display: inline-block;
	font-size: 13px;
	font-weight: 500;
	vertical-align: bottom;
}
.mv-ken dl dt small {
	display: inline-block;
	font-size: 10px;
	vertical-align: bottom;
	padding-left: 10px;
}
.mv-ken dl dd b {
	display: inline-block;
	color: var(--color1);
	font-size: 20px;
	font-size: clamp(18px, 3vw, 30px);
	font-weight: 400;
	line-height: 1em;
	vertical-align: bottom;
}
.mv-ken dl dd small {
	display: inline-block;
	line-height: 1em;
	vertical-align: bottom;
}
.mv-ken dl dd span {
	display: inline-block;
	font-size: 10px;
	line-height: 1em;
	vertical-align: bottom;
	padding-left: 10px;
}
.mv {
}
/* ------------------------------------------------ */
#top-bloc {
	background-color: var(--black);
}
@media screen and (min-width: 768px) {
	#top-bloc {
	padding: 0px 0px 0px 0px;
	}
}
/* ------------------------------------------------ */
.recruitpost-btn {
	text-align: center;
	padding: 10px 10px;
}
.recruitpost-btn-sumi {
	position: absolute;
	z-index: 0;
	left: 0px;
	top: 0px;

	color: var(--white);
	font-size: 12px;
	line-height: 1em;
	background-color: var(--red2);
	padding: 5px 10px;
}
.recruitpost-btn ul {
	display: flex;
	gap: 10px;
	align-items: stretch;
	justify-content: center;
}
.recruitpost-btn ul li {
	box-sizing: border-box;
}
@media screen and (min-width: 768px) {
	.recruitpost-btn ul {
		flex-wrap: nowrap;
	}
	.recruitpost-btn ul li {
	}
}
@media screen and (max-width: 767px) {
	.recruitpost-btn ul {
		flex-wrap: wrap;
	}
	#search-list-recruitpost .recruitpost-btn ul li.recruitpost-btn-single {
			flex: 1 1 100%;
	}
/*
	.recruitpost-btn ul li {
		flex: 1 0 calc(50% - 10px);
	}
	.recruitpost-btn ul li.recruitpost-btn-single {
		flex: 1 1 100%;
	}
*/
}
.recruitpost-btn a,
.recruitpost-btn button {
}
.recruitpost-btn a,
.recruitpost-btn button {
	font-family: var(--font1);
	font-weight: 500;
	line-height: 1em;
	border: 2px solid;
	box-sizing: border-box;
	border-radius: 10px;
	cursor: pointer;
}
@media screen and (min-width: 768px) {
	.recruitpost-btn a,
	.recruitpost-btn button {
		display: inline-block;
		display: block;
		font-size: 16px;
		padding: 20px 30px 20px 50px;
	}
}
@media screen and (max-width: 767px) {
	.recruitpost-btn a,
	.recruitpost-btn button {
		display: block;
		width: 100%;
		font-size: 15px;
		padding: 14px 20px 14px 30px;
	}
	#search-list-recruitpost .recruitpost-btn ul li.recruitpost-btn-single a {
		padding: 20px 20px 20px 30px;
	}
}
.recruitpost-btn em {
	display: block;
	display: inline-block;
	color: #c00;
	font-size: 13px;
	font-weight: 500;
}
.recruitpost-btn p {
	padding: 14px 30px;
	padding: 20px 30px 20px 50px;
}
.recruitpost-box-btn .recruitpost-btn a,
.recruitpost-box-btn .recruitpost-btn button {
	font-size: 20px;
	padding: 20px 30px 20px 50px;
}
.recruitpost-btn a,
.recruitpost-btn button {
	color: var(--color1);
	background-color: var(--white);
}
/*
#search-list-recruitpost .recruitpost-btn a,
#search-list-recruitpost .recruitpost-btn button {
	color: var(--recruitpost1);
	border-color: var(--recruitpost1);
}
#search-list-jobseekerinfo .recruitpost-btn a,
#search-list-jobseekerinfo .recruitpost-btn button {
	color: var(--jobseekerinfo1);
}
*/

.recruitpost-btn ul li.recruitpost-btn-tel a {
	color: var(--line3);
}

.recruitpost-btn ul li.recruitpost-btn-entry a {
	color: var(--black);
}
.recruitpost-btn ul li.recruitpost-btn-scout a {
	color: var(--black);
}

.recruitpost-btn ul li.recruitpost-btn-fav button {
	color: var(--line4);
}
.recruitpost-btn ul li.recruitpost-btn-fav button.is-favorited {
	color: var(--gray3);
}
#search-list-recruitpost .recruitpost-btn ul li.recruitpost-btn-single a {
	color: var(--white);
	background-color: var(--line4);
}
#search-list-jobseekerinfo .recruitpost-btn ul li.recruitpost-btn-single a {
	color: var(--jobseekerinfo2);
}
.recruitpost-btn ul li a:hover,
.recruitpost-btn ul li button:hover {
	color: var(--color2);
}
#search-list-recruitpost .recruitpost-btn ul li.recruitpost-btn-single a:hover,
#search-list-recruitpost .recruitpost-btn ul li.recruitpost-btn-single button:hover {
	color: var(--white);
	background-color: var(--line3);
}
.recruitpost-btn a span,
.recruitpost-btn button span {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
.recruitpost-btn a span::before,
.recruitpost-btn button span::before {
	content: "";
	position: absolute;
	z-index: 0;
	left: -20px;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	background-color: var(--gray1);
/*
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px;
*/
	mask-size: 16px;
	mask-repeat: no-repeat;
	mask-position: center;
}
.recruitpost-btn ul li.recruitpost-btn-entry a span::before {
	mask-image: url("./img/icon/mail.svg");
}
.recruitpost-btn ul li.recruitpost-btn-scout a span::before {
	mask-image: url("./img/icon/kamih.svg");
}
.recruitpost-btn ul li.recruitpost-btn-fav button span::before {
	mask-image: url("./img/icon/bkm1.svg");
}
.recruitpost-btn ul li.recruitpost-btn-fav button.is-favorited span::before {
	mask-image: url("./img/icon/bkm2.svg");
}
.recruitpost-btn ul li.recruitpost-btn-tel a span::before {
	mask-image: url("./img/icon/tel.svg");
}
.recruitpost-btn ul li.recruitpost-btn-single a span::before {
	mask-image: url("./img/icon/single.svg");
}

.recruitpost-btn button.active {
	font-weight: 500;
	background-color: var(--gray4);
}
/* ------------------------------------------------ */

/* ------------------------------------------------ */
.carousel {
}
.carousel {
}
.carousel-list-tag {
	padding: 0px 0px;
	line-height: 1em;
}
.carousel-list-tag em {
	display: inline-block;
	color: var(--white);
	font-size: 11px;
	font-weight: 500;
	line-height: 1em;
	background-color: var(--white);
	border-radius: 2px;
	margin: 0px 3px 2px 0px;
	padding: 3px 4px;
}
.carousel-list-tag em.tag-area1 {
	background-color: #71bf44;
	background-color: var(--color1);
	background-color: var(--color4);
}
.carousel-list-tag em.tag-area2 {
	background-color: #3f7f19;
	background-color: var(--color2);
	background-color: var(--color4);
}
.carousel-list-tag em.tag-job {
	background-color: #378431;
	background-color: var(--color3);
}
.carousel-list-tag em.tag-type {
	background-color: #0d83b5;
	background-color: var(--color2);
}
.carousel-list-tag em.tag-cat {
	color: var(--gray1);
	background-color: var(--white);
	border: 1px solid var(--gray3);
}
.carousel-list-img {
	text-align: center;
}
.carousel-list-img img {
	width: 200px;
}

.carousel-list-title {
	border-bottom: 2px solid var(--black);
	padding: 0px 0px 10px 0px;
}
.carousel-list-title h2 {
	color: var(--color2);
	font-size: 16px;
	font-size: clamp(15px, 1.6vw, 16px);
	line-height: 1.2em;
	font-weight: 700;
	margin-bottom: 10px;
}
/*
.carousel-list-title h2 br:last-child {
*/
.carousel-list-title h2 br {
	display: none;
}
.carousel-list-title h3 {
	font-size: 12px;
	line-height: 1em;
	font-weight: 500;
}
.carousel-list-list {
	padding: 0px 10px;
}
.carousel-list-list ul {
}
.carousel-list-list ul li {
	font-size: 12px;
	line-height: 1.4em;
	border-bottom: 1px solid var(--gray5);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 20px;
	padding: 5px 0px 5px 30px;
}
.carousel-list-list ul li:first-child {
	border-top: none;
}
.carousel-list-list ul li br {
	display: inline;
}
.carousel-list-list ul li.carousel-list-list-jobs {
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><polygon points="26.39 21.26 23.61 21.26 23.61 23.9 20.98 23.9 20.98 26.67 23.61 26.67 23.61 29.31 26.39 29.31 26.39 26.67 29.02 26.67 29.02 23.9 26.39 23.9 26.39 21.26"/><path fill="%23000000" d="M25,0C11.19,0,0,11.19,0,25s11.19,25,25,25,25-11.19,25-25S38.81,0,25,0Zm16.3,34.48H8.7c-1.06,0-1.93-.86-1.93-1.93,0-.96,.71-1.75,1.63-1.9,.77-8.49,7.9-15.14,16.6-15.14s15.83,6.65,16.6,15.14c.92,.14,1.63,.93,1.63,1.9,0,1.06-.86,1.93-1.93,1.93Z"/></svg>');
}
.carousel-list-list ul li.carousel-list-list-salary {
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="100%" height="100%" viewBox="0 0 15 15" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="%23000000" d="M10.75,6.644l0,1.327l-2.246,-0l0,0.865l2.246,-0l0,1.326l-2.246,-0l0,1.695l-2.009,-0l0,-1.695l-2.246,-0l0,-1.326l2.246,-0l0,-0.865l-2.246,-0l0,-1.327l1.635,0l-1.916,-3.501l1.899,0l1.633,2.984l1.633,-2.984l1.899,0l-1.916,3.501l1.634,0Zm-3.25,-6.644c-4.142,0 -7.5,3.358 -7.5,7.5c0,4.142 3.358,7.5 7.5,7.5c4.142,0 7.5,-3.358 7.5,-7.5c0,-4.142 -3.358,-7.5 -7.5,-7.5"/></svg>');
}
.carousel-list-list ul li.carousel-list-list-addr {
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="100%" height="100%" viewBox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="%23000000" d="M3.75,5.959c-0.389,-0 -1.819,-1.594 -1.819,-2.599c0,-1.004 0.814,-1.819 1.819,-1.819c1.005,0 1.819,0.815 1.819,1.819c-0,1.005 -1.43,2.599 -1.819,2.599m0,-5.959c-2.071,0 -3.75,1.679 -3.75,3.75c0,2.071 1.679,3.75 3.75,3.75c2.071,0 3.75,-1.679 3.75,-3.75c0,-2.071 -1.679,-3.75 -3.75,-3.75" style="fill-rule:nonzero;"/><path fill="%23000000" d="M3.75,2.525c-0.461,0 -0.835,0.374 -0.835,0.835c0,0.461 0.374,0.835 0.835,0.835c0.461,0 0.835,-0.374 0.835,-0.835c-0,-0.461 -0.374,-0.835 -0.835,-0.835"/></svg>');
}
.carousel-list-list ul li.carousel-list-list-tokten {
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><path fill="%23000000" d="M25,0C11.19,0,0,11.19,0,25s11.19,25,25,25,25-11.19,25-25S38.81,0,25,0Zm-1.74,38.38H11.56v-9h11.7v9Zm0-11H11.56v-9h11.7v9Zm1.3-10l-10-3,3.62-5.71,6.38,5.71,6.38-5.71,3.62,5.71-10,3Zm13,21h-11.7v-9h11.7v9Zm0-11h-11.7v-9h11.7v9Z"/></svg>');
}

.carousel-list-list ul li.carousel-list-list-tokten strong {
	display: block;
	color: var(--black);
	font-size: 13px;
	font-size: clamp(12px, 1.3vw, 13px);
	font-weight: 400;
	line-height: 1.3em;
}
/* ------------------------------------------------ */

@media screen and (max-width:767px) {
	.scroll {
		position: relative;
	}
	.scroll-inner {
		position: relative;
		z-index: 0;
		width:100%;
		overflow-x:scroll;
	}
	.scroll-inner table {
		width:900px;
	}
	.scroll-tex {
		position: absolute;
		z-index: 1;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		transition: all 0.2s linear;
		width: 30px;
		height: 30px;
		background-color: rgba(255,255,255,1);
		box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);
		padding: 10px;
		opacity: .5;
		background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 77.4 87.17"><path d="M46.41,87.16c-6.85,0-10.94-3.82-14.87-8.08-.48-.52-.93-1-1.37-1.47-1.44-1.54-2.8-2.99-4.51-5.1l-10.89-12.94c-2.52-3.01-2.14-7.5.86-10.03,3-2.53,7.5-2.14,10.03.86l4.1,4.86v-23.82c0-3.61,2.94-6.55,6.55-6.55s6.55,2.94,6.55,6.55v6.78c.23-.02.46-.04.7-.04,1.89,0,3.64.82,4.85,2.16.71-.26,1.47-.4,2.25-.4,2.49,0,4.67,1.4,5.77,3.46.44-.09.88-.14,1.33-.14,3.61,0,6.55,2.94,6.55,6.55v19.45c0,9.87-8.03,17.9-17.9,17.9h0ZM20.21,52.84c-.49,0-.98.16-1.38.5-.91.76-1.02,2.12-.26,3.03l10.91,12.95s.02.03.03.04c1.6,1.98,2.85,3.31,4.29,4.85.44.48.91.96,1.39,1.5,3.5,3.79,6.35,6.48,11.22,6.48,7.13,0,12.93-5.8,12.93-12.93v-19.45c0-.87-.71-1.58-1.58-1.58-.6,0-.99.34-1.18.55-.68.77-1.78,1.04-2.74.68s-1.6-1.29-1.6-2.32v-.63c0-.87-.71-1.58-1.58-1.58-.63,0-1.02.37-1.2.58-.61.74-1.59,1.06-2.51.82-.93-.23-1.64-.97-1.83-1.91-.15-.73-.8-1.26-1.55-1.26-.47,0-.92.23-1.23.62-.65.83-1.77,1.16-2.77.82-1-.34-1.68-1.29-1.68-2.35v-10.8c0-.87-.71-1.58-1.58-1.58s-1.58.71-1.58,1.58v24.69c0,2.47-.84,4.26-2.35,5.04-.97.5-2.56.78-4.64-.72-.17-.12-.32-.26-.45-.42l-5.42-6.43c-.42-.51-1.03-.76-1.65-.76h0Z"/><path d="M14.76,21.24l-5.83-5.83h17.83c1.43,0,2.59-1.16,2.59-2.59s-1.16-2.59-2.59-2.59H8.93l5.83-5.83c1.01-1.01,1.01-2.65,0-3.66-1.01-1.01-2.65-1.01-3.66,0L1.23,10.62c-.74.46-1.23,1.27-1.23,2.2s.49,1.75,1.23,2.2l9.86,9.86c.5.5,1.17.76,1.83.76s1.32-.25,1.83-.76c1.01-1.01,1.01-2.65,0-3.66h0Z"/><path d="M76.17,10.62L66.3.76c-.5-.5-1.17-.76-1.83-.76s-1.32.25-1.83.76c-1.01,1.01-1.01,2.65,0,3.66l5.83,5.83h-17.83c-1.43,0-2.59,1.16-2.59,2.59s1.16,2.59,2.59,2.59h17.83l-5.83,5.83c-1.01,1.01-1.01,2.65,0,3.66,1.01,1.01,2.65,1.01,3.66,0l9.86-9.86c.74-.46,1.23-1.27,1.23-2.2s-.49-1.75-1.23-2.2h0Z"/></svg>');
		background-repeat: no-repeat;
		background-position: center;
		background-size: 70%;
	}
	.scroll.active .scroll-tex {
		opacity: 0;
	}
	.scroll.left .scroll-tex {
		opacity: 0;
	}
}

.scroll-inner table tr th:nth-child(1),
.scroll-inner table tr td.fee_td1 {
	position: sticky;
	z-index: 3;
	top: 0;
	left: 0;
	width: 120px;
}
/*
.scroll-inner table tr th.fee_th1::before,
.scroll-inner table tr td.fee_td1::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0px;
	left: 0;
	width: 100%;
	height: 100%;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	background: #fff;
}
.scroll-inner table tr th.fee_th1::after,
.scroll-inner table tr td.fee_td1::after {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0;
	width: 100%;
	height: 100%;
	left: -1px;
	border-left: 1px solid #000;
}
*/
/* ------------------------------------------------ */

#mypage-nav {
/*
	color: var(--white);
	background-color: var(--gray1);
	background-color: #222;
*/
}
.mypage-nav {
}
.mypage-nav-search {
}
.mypage-nav-search a {
}
.mypage-nav-search a span {
}
.mypage-nav-search a span b {
}
.mypage-nav-search a span small {
}


@media screen and (min-width: 768px) {
	.mypage-nav ul {
		display: flex;
		flex-wrap: nowrap;
		gap: 5px;
		align-items: stretch;
		justify-content: center;
	}
	.mypage-nav ul li {
		flex: 1;
		box-sizing: border-box;
	/*
	flex: 1 0 calc(33.3% - 3px);
	*/
	}
}
@media screen and (max-width: 767px) {
	.mypage-nav ul {
	}
	.mypage-nav ul li {
		max-width: 320px;
		margin: 0px auto;
		margin-bottom: 5px;
	}
}
@media screen and (max-width:479px) {
	.mypage-nav ul {
	}
	.mypage-nav ul li {
	}
}
.mypage-nav ul li.mypage-nav-logout {
	display: none;
}
/*
}
*/
.mypage-nav ul li a {
	display: block;
	color: var(--white);
	text-align: center;
	vertical-align: top;
	padding: 10px 10px 25px 10px;
}
@media screen and (max-width: 767px) {
	.mypage-nav ul li a {
		border-radius: 5px;
		padding: 16px 10px;
	}
}
.mypage-nav ul li.mypage-nav-account a {
	background-color: #22b58e;
}
.mypage-nav ul li.mypage-nav-user a {
	background-color: #008e9e;
}
.mypage-nav ul li.mypage-nav-recruitpost a {
	background-color: #0071bc;
}
.mypage-nav ul li.mypage-nav-scout a {
	background-color: #2356c1;
}
.mypage-nav ul li.mypage-nav-apply a {
	background-color: #2393c2;
}
.mypage-nav ul li.mypage-nav-apply a {
}
.mypage-nav ul li.mypage-nav-search a {
	background-color: #4c8756;
}
.html_jobseeker .mypage-nav ul li a:hover,
.html_company .mypage-nav ul li a:hover {
	color: var(--white);
	opacity: 0.8;
}
.mypage-nav ul li a:hover span::after {
	width: 16px;
	height: 11px;
}
/*
@media screen and (min-width: 768px) {
	.mypage-nav ul li a {
		text-align: left;
		padding: 20px 10px;
	}
}
@media screen and (max-width: 767px) {
	.mypage-nav ul li a {
		text-align: left;
		padding: 10px 8px;
	}
}
*/
.mypage-nav ul li a span {
	display: block;
	position: relative;
	font-weight: 500;
	line-height: 1em;
}
.mypage-nav ul li a span em {
	display: block;
}
.mypage-nav ul li a span small {
	display: block;
}
@media screen and (min-width: 768px) {
	.mypage-nav ul li a span em {
		display: block;
	}
	.mypage-nav ul li a span small {
		display: block;
	}
}
@media screen and (max-width: 767px) {
	.mypage-nav ul li a span em {
		display: inline-block;
		vertical-align: middle;
	}
	.mypage-nav ul li a span small {
		display: inline-block;
		vertical-align: middle;
	}

}
.mypage-nav ul li a span::before {
	content: "";
	position: absolute;
	z-index: 0;
/*
		left: 0px;
		top: 50%;
		transform: translateY(-50%);
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px;
*/
	background-color: var(--white);
	mask-size: 16px;
	mask-repeat: no-repeat;
	mask-position: center;
}
.mypage-nav ul li a span::after {
	content: "";
	position: absolute;
	z-index: 0;
/*
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px;
*/
	mask-image: url("./img/icon/arrow4.svg");
	background-color: var(--white);
	mask-size: 100%;
	mask-repeat: no-repeat;
	mask-position: center;
	transition: all 0.2s linear;
}


@media screen and (min-width: 768px) {
	.mypage-nav ul li a span::before {
		left: 50%;
		top: 0px;
		transform: translateX(-50%);
		width: 16px;
		height: 16px;
	}
	.mypage-nav ul li a span::after {
		left: 50%;
		bottom: -20px;
		transform: translateX(-50%);
		width: 16px;
		height: 16px;
	}
}
@media screen and (max-width: 767px) {
	.mypage-nav ul li a span::before {
		left: 0px;
		top: 50%;
		transform: translateY(-50%);
		width: 16px;
		height: 16px;
	}
}
.mypage-nav ul li.mypage-nav-now a span::before {
	background-color: #ff0;
}
@media screen and (min-width: 768px) {
	.mypage-nav ul li a span {
		padding: 30px 0px 0px 0px;
	}
	.mypage-nav ul li a span::before {
	}
}
@media screen and (max-width: 767px) {
	.mypage-nav ul li a span {
		padding: 0px 0px 0px 20px;
		font-size: 15px;
		line-height: 1em;
	}
	.mypage-nav ul li a span::before {
	}
}

.mypage-nav ul li.mypage-nav-dashb a span::before {
	mask-image: url("./img/icon/dashb.svg");
}
.mypage-nav ul li.mypage-nav-search a span::before {
	mask-image: url("./img/icon/search.svg");
}
.mypage-nav ul li.mypage-nav-account a span::before {
	mask-image: url("./img/icon/man2.svg");
}
.mypage-nav ul li.mypage-nav-user a span::before {
	mask-image: url("./img/icon/man1.svg");
}
.mypage-nav ul li.mypage-nav-company a span::before {
	mask-image: url("./img/icon/company.svg");
}
.mypage-nav ul li.mypage-nav-recruitpost a span::before {
	mask-image: url("./img/icon/note.svg");
}
.mypage-nav ul li.mypage-nav-scout a span::before {
	mask-image: url("./img/icon/kamih.svg");
}
.mypage-nav ul li.mypage-nav-apply a span::before {
	mask-image: url("./img/icon/mail.svg");
}
.mypage-nav ul li.mypage-nav-logout a span::before {
	mask-image: url("./img/icon/logout.svg");
}
/* ------------------------------------------------ */
.userinfo-inner {
	margin-bottom: 30px;
}
/* ------------------------------------------------ */
.userinfo-box {
	background-color: var(--white);
	border-radius: 10px;
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);
	padding: 20px 10px;
}
.userinfo-title {
	position: relative;
	z-index: 1;
	line-height: 1em;
	text-align: center;
	padding: 30px 10px 10px 10px;
}
.userinfo-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;
}

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

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