@charset "utf-8";/*マイページ用*/
/* ------------------------------------------------ */
.mypage-head {
}
/* ------------------------------------------------ */
.mypage-container {
}

/*
@media screen and (min-width: 1000px) {
.mypage-container {
}
}
@media screen and (max-width: 767px) {

}

@media screen and (min-width: 768px) {
	.mypage-container {
		display: flex;
		flex-wrap: nowrap;
		gap: 0px;
		align-items: stretch;
		justify-content: center;
	}
	.mypage-side,
	.mypage-main {
		box-sizing: border-box;
	}
	.mypage-side {
		position: sticky;
		top: 0;
		height: 100vh;
		z-index: 10;
	}
	.mypage-main {
		flex: 1;
	}
}
	.mypage-side {
		flex: 0 0 20%;
	}
@media screen and (min-width: 1100px) {
	.mypage-side {
		flex: 0 0 20%;
	}
}
*/
/*
@media screen and (max-width: 1099px) {
	.mypage-side {
		flex: 0 0 18%;
	}
}
*/
@media screen and (max-width: 767px) {

}
@media screen and (min-width: 768px) {
	.pods-submittable-fields .pods-submit.fixed {
/*form.css
		width: 80%;
		width: calc(100% - 300px);
*/
	}
}
@media screen and (min-width: 768px) {
	.scout-mess-form {
		width: 80%;
		padding: 20px 10px;
/*
		width: calc(100% - 300px);
*/
		width: 100%;
	}
}


.mypage-side {
/*
	color: var(--white);
	background-color: var(--gray1);
	background-color: #222;
*/
}
.mypage-main {
	position: relative;
}
.mypage-side-inner {
}
/*
.mypage-content {
	background-color: var(--black);
}
*/
@media screen and (min-width: 768px) {
	.mypage-content {
		padding: 0px 0px 0px 0px;
	}
}
@media screen and (max-width: 767px) {

}
.mypage-bloc {
	position: relative;
}
.mypage-bloc .inner {
/*
	background-color: var(--gray6);
	padding: 20px 10px;
*/
}
@media screen and (min-width: 768px) {
	.mypage-bloc .inner {
	}
}
@media screen and (max-width: 767px) {

}
/* ------------------------------------------------ */
/*
.mypage-side-top {
	border-bottom: 1px solid var(--gray1);
	padding: 20px 10px;
}
@media screen and (min-width: 768px) {

}
@media screen and (max-width: 767px) {
	.mypage-side-top {
		display: none;
	}
}
.mypage-side-top h2 {
	position: relative;
	color: var(--color1);
	font-size: 20px;
	font-size: clamp(18px, 2vw, 20px);
	font-weight: 500;
	line-height: 1em;
	margin-bottom: 10px;
	padding: 10px 0px 10px 30px;
}
.mypage-side-top h2::before {
	content: "";
	position: absolute;
	z-index: 0;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="30px" height="30px" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="%23ffffff" d="M15.005,17.403C10.202,17.403 6.308,13.509 6.308,8.705C6.308,3.901 10.202,0.007 15.005,0.007C19.81,0.007 23.704,3.901 23.704,8.705C23.704,13.509 19.81,17.403 15.005,17.403ZM15.005,15.527C18.774,15.527 21.828,12.473 21.828,8.705C21.828,4.937 18.774,1.882 15.005,1.882C11.238,1.882 8.184,4.937 8.184,8.705C8.184,12.473 11.238,15.527 15.005,15.527Z"/><path fill="%23ffffff" d="M29.513,26.379C29.803,27.268 29.96,28.152 30.011,29.014C30.026,29.272 29.934,29.524 29.757,29.712C29.579,29.9 29.333,30.007 29.074,30.007L0.938,30.007C0.68,30.007 0.433,29.9 0.256,29.712C0.079,29.525 -0.013,29.272 0.002,29.015C0.051,28.153 0.209,27.269 0.499,26.379C2.259,20.971 8.655,17.923 15.006,17.923C21.356,17.923 27.753,20.971 29.513,26.379ZM27.729,26.959C26.199,22.257 20.527,19.799 15.006,19.799C9.484,19.799 3.813,22.257 2.283,26.959C2.155,27.352 2.058,27.743 1.99,28.131L28.022,28.131C27.954,27.743 27.857,27.352 27.729,26.959Z"/></svg>');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 100%;
}
.mypage-side-top dl {
}
.mypage-side-top dl dt {
	line-height: 1em;
	margin-bottom: 5px;
}
.mypage-side-top dl dt span {
	font-size: 13px;
}
.mypage-side-top dl dt span b {
	font-size: 16px;
}
.mypage-side-top dl dd {
	font-size: 13px;
	font-weight: 400;
	line-height: 1em;
}
.mypage-side-top dl dd span {
}

*/
/* ------------------------------------------------ */
#mypage-nav {
/*
	margin-bottom: 30px;
*/
}
.mypage-nav {
}
.mypage-nav ul {
}
.mypage-nav ul li {
}
/*
@media screen and (min-width: 768px) {
	.mypage-nav {
		padding: 10px 10px;
	}
	.mypage-nav ul li {
		border-bottom: 1px solid var(--gray1);
	}
	.mypage-nav ul li:first-child {
	}
}
@media screen and (max-width: 767px) {
*/
/*
→bloc.css
*/
/* ------------------------------------------------ */

.kigengire {
	text-align: center;
	padding: 20px 0px;
}
.kigengire-inner {
	display: block;
	display: inline-block;
	background-color: var(--white);
	border: 5px solid var(--red3);
	padding: 10px 10px;
}
.kigengire b {
	display: block;
	color: var(--red3);
	font-size: 1.2em;
}
.kigengire p {
	margin-bottom: 5px;
}
.kigengire-btn {
}
.kigengire-btn a {
	display: inline-block;
	position: relative;
	color: var(--white);
	font-weight: 700;
	text-decoration: none;
	background-color: var(--red1);
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}
.kigengire-btn a:hover {
	opacity: 0.7;
}
.kigengire-btn a span {
	display: block;
	padding: 10px 20px;
}
/* ------------------------------------------------ */
#user_login {
	padding: 0px 10px;
}
.user_login {
	max-width: 400px;
	margin: 0px auto;
}

.user_login-form-title {
	text-align: right;
	padding: 10px 20px;
}

.user_login-form-title h2 {
	font-size: 20px;
	font-size: clamp(18px, 2vw, 20px);
	font-weight: 700;
	line-height: 1em;
	text-align: center;
	margin-bottom: 10px;
}
.user_login-form-title a {
	display: inline-block;
	position: relative;
	font-weight: 700;
	vertical-align: middle;
	padding: 0px 20px 0px 0px;
}
.user_login-form-title a::after {
	content: "";
	position: absolute;
	right: 0px;
	top: 0px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 0 8px 10px;
	border-color: transparent transparent transparent var(--color1);
}

.user_login-link {
	text-align: center;
	padding: 0px 10px 10px 10px;
}
.user_login-link .link {
	padding: 0px;
}
/* ログイン------------------------------------------------ */
.user_login-form {
	text-align: center;
	background-color: var(--white);
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1);
	border-radius: 5px;
	margin-bottom: 10px;
}
.user_login-form .social-btn {
}
.user_login-form .social-btn div.nsl-container.nsl-container-block .nsl-container-buttons {
	display: block;
}
.user_login-form .social-btn div.nsl-container.nsl-container-block .nsl-container-buttons a span {
	padding: 15px 24px 15px 50px;
}
.user_login-form .swpm-username-label,
.user_login-form .swpm-password-label {
	font-weight: 700;
	text-align: left;
	padding: 10px 5px 0px 5px;
}
.user_login-form .swpm-username-input,
.user_login-form .swpm-password-input {
	text-align: left;
	padding: 10px 5px;
}
.swpm-password-input-visibility,
.swpm-remember-me {
	display: inline-block;
	font-size: 14px;
	vertical-align: middle;
	padding: 0px 10px;
	cursor: pointer;
}
.swpm-password-input-visibility.on,
.swpm-remember-me.on {
	background-color: var(--color1);
}
.swpm-password-toggle-checkbox,
.swpm-remember-checkbox {
	display: inline-block;
	vertical-align: middle;
}
.swpm-password-toggle-checkbox input,
.swpm-remember-checkbox input {
}
.swpm-password-toggle-label,
.swpm-rememberme-label {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}
.swpm-password-toggle-label span,
.swpm-remember-label span {
}
.swpm-join-us-link {
	display: none;
}

.user-regist-form .swpm_error {
	color: #c00;
	font-weight: 700;
	margin-bottom: 20px;
}
/* プロフィール------------------------------------------------ */
body p.swpm-edit-profile-submit-section::before {
	display: block;
	content: "※マークの項目は一度入力すると削除はできません";
	font-size: 0.85em;
	margin-bottom: 30px;
}
body p.swpm-edit-profile-submit-section {
	text-align: center;
	border-bottom: none;
	padding: 10px;
}
body p.swpm-edit-profile-submit-section input {/*submit*/
}
.swpm-profile-country-row,
.swpm-profile-company-row,

.form_lv_3 .swpm-profile-membership-level-row,

.form_lv_4 .swpm-profile-zipcode-row,
.form_lv_4 .swpm-profile-state-row,
.form_lv_4 .swpm-profile-city-row,
.form_lv_4 .swpm-profile-street-row,

.form_lv_A .swpm-profile-zipcode-row,
.form_lv_A .swpm-profile-state-row,
.form_lv_A .swpm-profile-city-row,
.form_lv_A .swpm-profile-street-row ,

.form_lv_B .swpm-profile-zipcode-row,
.form_lv_B .swpm-profile-state-row,
.form_lv_B .swpm-profile-city-row,
.form_lv_B .swpm-profile-street-row {
	display: none;
}
.swpm-profile-update-success {
}
/* プロフィール------------------------------------------------ */
/*
.swpm-form-repass-label-wrap::after,
*/
/*
.swpm-form-password-label-wrap::after {
	display: block;
	content: "※現在のパスワードのままにする場合は、空欄にしてください";
	color: #c00;
	font-size: 0.85em;
	font-size: 13px;
	line-height: 1em;
}
input.swpm-form-password::placeholder,
input.swpm-form-repass::placeholder {
  color: transparent;
}
body p.swpm-edit-profile-submit-section::before {
	display: block;
	content: "※マークの項目は一度入力すると削除はできません";
	font-size: 0.85em;
	margin-bottom: 30px;
}
*/
body p.swpm-edit-profile-submit-section {
	text-align: center;
	border-bottom: none;
	padding: 10px;
}
.swpm-account-delete-button {
	text-align: center;
	border-bottom: none;
	padding: 10px;
}
body p.swpm-edit-profile-submit-section input {/*submit*/
}
/* ------------------------------------------------ */

/* ------------------------------------------------ */
:root {
/*
	--my_user: #ed6464;
	--my_info: #0073a9;
	--my_recruitpost: #ff863b;
	--my_cmail: #7ba641;
*/

	--my_user: #22b58e;
	--my_info: #008e9e;
	--my_recruitpost: #0071bc;
	--my_cmail: #2393c2;

}
/* ------------------------------------------------ */
#mypage .bloc {
	position: relative;
}
/*
#mypage .bloc#bloc-mypage-userinfo::after,
#mypage .bloc#bloc-mypage-info::after,
#mypage .bloc#bloc-mypage-recruitpost::after,
#mypage .bloc#bloc-mypage-cmail::after,
#mypage .bloc#bloc-mypage-userapply::after {
	content: "";
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.8);
}
#mypage .outer {
	position: relative;
	z-index: 1;
}
*/
/*
.bloc#bloc-mypage-userinfo {background-color: var(--white);}
.bloc#bloc-mypage-info {background-color: var(--gray5);}
.bloc#bloc-mypage-recruitpost {background-color: var(--white);}
.bloc#bloc-mypage-cmail {background-color: var(--gray5);}
*/

/*
.bloc#bloc-mypage-userinfo {background-color: var(--my_user);}
.bloc#bloc-mypage-info {background-color: var(--my_info);}
.bloc#bloc-mypage-recruitpost {background-color: var(--my_recruitpost);}
.bloc#bloc-mypage-cmail {background-color: var(--my_cmail);}
*/
/*
.bloc#bloc-mypage-userinfo .inner {background-color: var(--white);}
.bloc#bloc-mypage-info .inner {background-color: var(--white);}
.bloc#bloc-mypage-recruitpost .inner {background-color: var(--white);}
.bloc#bloc-mypage-cmail .inner {background-color: var(--white);}
*/
/*
#mypage .inner {
	-moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);
	padding: 20px 10px;
}
*/
/*
#mypage .bloc#bloc-mypage-userinfo .inner,
#mypage .bloc#bloc-mypage-info .inner,
#mypage .bloc#bloc-mypage-recruitpost .inner,
#mypage .bloc#bloc-mypage-cmail .inner,
#mypage .bloc#bloc-mypage-userapply .inner {
	-moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);
	padding: 20px 10px;
}
*/
/* ------------------------------------------------ */
/*
.mypage-box {
	background-color: var(--white);
	border-radius: 10px;
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);
	padding: 20px 10px;
}
*/
/* ------------------------------------------------ */
.mypage-title {
	position: relative;
	z-index: 1;
/*
	color: var(--white);
*/
	line-height: 1em;
	text-align: center;
/*
	border-bottom: 5px solid;
	margin-bottom: 20px;
*/
	padding: 30px 10px 10px 10px;
}
#bloc-mypage-userinfo .mypage-title {
	padding: 0px 10px 10px 10px;
}
/*
#bloc-mypage-userinfo .mypage-title {background-color: var(--my_user);}
#bloc-mypage-info .mypage-title {background-color: var(--my_info);}
#bloc-mypage-recruitpost .mypage-title {background-color: var(--my_recruitpost);}
#bloc-mypage-cmail .mypage-title {background-color: var(--my_cmail);}
#bloc-mypage-userapply .mypage-title {background-color: var(--my_cmail);}

*/
#bloc-mypage-userinfo .mypage-title {color: var(--my_user);}
#user_account .mypage-title {color: var(--my_user);}
#bloc-jobseekerinfo-skill .mypage-title {color: var(--my_cmail);}
#bloc-jobseekerinfo-taigu .mypage-title {color: var(--my_recruitpost);}
#bloc-mypage-scoutlist .mypage-title {color: var(--my_recruitpost);}
#bloc-mypage-info .mypage-title {color: var(--my_info);}
#companyinfo_entry .mypage-title {color: var(--my_info);}
#companyinfo_edit .mypage-title {color: var(--my_info);}
#jobseekerinfo_entry .mypage-title {color: var(--my_info);}
#jobseekerinfo_edit .mypage-title {color: var(--my_info);}
#bloc-mypage-recruitpost .mypage-title {color: var(--my_recruitpost);}
#recruitpost_entry .mypage-title {color: var(--my_recruitpost);}
#recruitpost_edit .mypage-title {color: var(--my_recruitpost);}
#bloc-mypage-userapplylist .mypage-title {color: var(--my_cmail);}
#bloc-mypage-userapply_det .mypage-title {color: var(--my_cmail);}

.mypage-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;
}
.mypage-title h3::before {
	content: "";
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 14px;

	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}
#bloc-mypage-userinfo .mypage-title h3::before {background-color: var(--my_user);}
#user_account .mypage-title h3::before {background-color: var(--my_user);}
#bloc-jobseekerinfo-skill .mypage-title h3::before {background-color: var(--my_cmail);}
#bloc-jobseekerinfo-taigu .mypage-title h3::before {background-color: var(--my_recruitpost);}
#bloc-mypage-scoutlist .mypage-title h3::before {background-color: var(--my_recruitpost);}
#bloc-mypage-info .mypage-title h3::before {background-color: var(--my_info);}
#companyinfo_entry .mypage-title h3::before {background-color: var(--my_info);}
#companyinfo_edit .mypage-title h3::before {background-color: var(--my_info);}
#jobseekerinfo_entry .mypage-title h3::before {background-color: var(--my_info);}
#jobseekerinfo_edit .mypage-title h3::before {background-color: var(--my_info);}
#bloc-mypage-recruitpost .mypage-title h3::before {background-color: var(--my_recruitpost);}
#recruitpost_entry .mypage-title h3::before {background-color: var(--my_recruitpost);}
#recruitpost_edit .mypage-title h3::before {background-color: var(--my_recruitpost);}
#bloc-mypage-userapplylist .mypage-title h3::before {background-color: var(--my_cmail);}
#bloc-mypage-userapply_det .mypage-title h3::before {background-color: var(--my_cmail);}

@media screen and (min-width:768px) {
	.mypage-title h3::before {
		display: inline-block;
		vertical-align: middle;
		margin-right: 10px;
	}
}
@media screen and (max-width:767px) {
	.mypage-title h3::before {
		display: block;
		margin: 0px auto 10px auto;
	}
}
#bloc-mypage-userinfo .mypage-title h3::before,
#user_account .mypage-title h3::before {
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.48 18.18"><path fill="%23ffffff" d="M8.24,9.36c2.58,0,4.68-2.1,4.68-4.68S10.83,0,8.24,0,3.56,2.1,3.56,4.68s2.1,4.68,4.68,4.68Z"/><path fill="%23ffffff" d="M8.24,10.24C3.69,10.24,0,13.8,0,18.18h16.48c0-4.39-3.69-7.94-8.24-7.94Z"/></svg>');
}

#bloc-jobseekerinfo-skill .mypage-title h3::before {
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="30px" height="30px" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="%23ffffff" d="M29.47,10.212L28.305,9.048C27.599,8.341 26.453,8.342 25.747,9.048L24.657,10.138L28.381,13.861L29.47,12.772C30.177,12.065 30.177,10.919 29.47,10.212Z"/><path fill="%23ffffff" d="M14.446,20.349L14.446,24.072L18.17,24.072L27.365,14.877L23.642,11.154L14.446,20.349Z"/><path fill="%23ffffff" d="M12.694,25.825L12.694,19.623L22.005,10.313L22.005,0.687L-0,0.687L-0,29.313L22.005,29.313L22.005,22.716L18.895,25.825L12.694,25.825ZM4.576,7.697L15.092,7.697L15.092,9.45L4.576,9.45L4.576,7.697ZM4.576,14.124L15.092,14.124L15.092,15.876L4.576,15.876L4.576,14.124ZM11.002,22.303L4.576,22.303L4.576,20.55L11.002,20.55L11.002,22.303Z"/></svg>');
}
#bloc-jobseekerinfo-taigu .mypage-title h3::before {
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="30px" height="30px" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="%23ffffff" d="M15.868,16.113L25.849,16.113L25.849,10.905L15.868,10.905L15.868,16.113Z"/><path fill="%23ffffff" d="M4.151,10.905L4.151,16.113L14.132,16.113L14.132,10.905L4.151,10.905Z"/><rect fill="%23ffffff" x="15.868" y="17.849" width="9.981" height="12.151"/><rect fill="%23ffffff" x="4.151" y="17.849" width="9.981" height="12.151"/><path fill="%23ffffff" d="M16.972,10.012C27.413,8.205 28.155,1.261 23.799,0.172C19.221,-0.972 16.107,3.875 15,6.365C13.893,3.875 10.78,-0.972 6.201,0.172C1.845,1.261 2.587,8.205 13.029,10.012C13.888,10.16 14.577,9.797 15,9.244C15.423,9.797 16.112,10.16 16.972,10.012ZM20.917,5.76C20.876,6.863 19.417,8.294 16.308,8.832C16.275,8.838 16.242,8.84 16.21,8.84C16.078,8.84 15.966,8.787 15.877,8.681C15.777,8.563 15.724,8.396 15.746,8.266C15.84,7.745 17.279,4.618 19.441,4.618C19.635,4.618 19.835,4.644 20.035,4.694C20.615,4.838 20.936,5.228 20.917,5.76ZM9.965,4.694C10.165,4.644 10.365,4.618 10.559,4.618C12.721,4.618 14.16,7.745 14.254,8.266C14.276,8.396 14.223,8.563 14.123,8.681C14.034,8.787 13.922,8.84 13.79,8.84C13.758,8.84 13.725,8.838 13.692,8.832C10.583,8.294 9.124,6.863 9.083,5.76C9.064,5.228 9.385,4.838 9.965,4.694Z"/></svg>');
}

#bloc-mypage-info .mypage-title h3::before,
#companyinfo_entry .mypage-title h3::before,
#companyinfo_edit .mypage-title h3::before {
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.24 17"><path fill="%23ffffff" d="M0,17h6.5v-2.76h3.25v2.76h6.5V0H0v17ZM11.78,1.98h2.44v3.25h-2.44V1.98ZM11.78,7.67h2.44v3.25h-2.44v-3.25ZM6.9,1.98h2.44v3.25h-2.44V1.98ZM6.9,7.67h2.44v3.25h-2.44v-3.25ZM2.03,1.98h2.44v3.25h-2.44V1.98ZM2.03,7.67h2.44v3.25h-2.44v-3.25Z"/></svg>');
}
#jobseekerinfo_entry .mypage-title h3::before,
#jobseekerinfo_edit .mypage-title h3::before {
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="30px" height="30px" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="%23ffffff" d="M15.005,17.403C10.202,17.403 6.308,13.509 6.308,8.705C6.308,3.901 10.202,0.007 15.005,0.007C19.81,0.007 23.704,3.901 23.704,8.705C23.704,13.509 19.81,17.403 15.005,17.403ZM15.005,15.527C18.774,15.527 21.828,12.473 21.828,8.705C21.828,4.937 18.774,1.882 15.005,1.882C11.238,1.882 8.184,4.937 8.184,8.705C8.184,12.473 11.238,15.527 15.005,15.527Z"/><path fill="%23ffffff" d="M29.513,26.379C29.803,27.268 29.96,28.152 30.011,29.014C30.026,29.272 29.934,29.524 29.757,29.712C29.579,29.9 29.333,30.007 29.074,30.007L0.938,30.007C0.68,30.007 0.433,29.9 0.256,29.712C0.079,29.525 -0.013,29.272 0.002,29.015C0.051,28.153 0.209,27.269 0.499,26.379C2.259,20.971 8.655,17.923 15.006,17.923C21.356,17.923 27.753,20.971 29.513,26.379ZM27.729,26.959C26.199,22.257 20.527,19.799 15.006,19.799C9.484,19.799 3.813,22.257 2.283,26.959C2.155,27.352 2.058,27.743 1.99,28.131L28.022,28.131C27.954,27.743 27.857,27.352 27.729,26.959Z"/></svg>');
}
#bloc-mypage-recruitpost .mypage-title h3::before,
#recruitpost_entry .mypage-title h3::before,
#recruitpost_edit .mypage-title h3::before {
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.11 17"><path fill="%23ffffff" d="M5.12,0l-.12.13L1.15,3.77l-1.15,1.09v12.15h16.11V0H5.12ZM7.35,7.04H2.35L7.35,2.04v5Z"/></svg>');
}
#bloc-mypage-scoutlist .mypage-title h3::before {
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="20px" height="20px" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="%23ffffff" d="M19.407,0.802C18.899,0.366 18.172,0.293 17.591,0.657L0.954,8.939C0.3,9.23 -0.063,9.883 0.009,10.61C0.082,11.337 0.59,11.918 1.244,12.063L5.894,13.298L11.924,7.268C12.142,7.05 12.505,7.05 12.723,7.268C12.941,7.486 12.941,7.849 12.723,8.067L6.984,13.807L13.595,19.183C14.031,19.546 14.685,19.691 15.193,19.474C15.775,19.256 16.138,18.82 16.283,18.238L19.916,2.473C20.134,1.892 19.916,1.238 19.407,0.802Z"/></svg>');
}
#bloc-mypage-userapplylist .mypage-title h3::before,
#bloc-mypage-userapply_det .mypage-title h3::before {
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.02 13.75"><polygon fill="%23ffffff" points="0 .97 0 12.78 6.56 6.88 0 .97"/><polygon fill="%23ffffff" points="9.51 9.53 7.64 7.85 1.08 13.75 17.94 13.75 11.38 7.85 9.51 9.53"/><polygon fill="%23ffffff" points="19.02 12.78 19.02 .97 12.46 6.88 19.02 12.78"/><polygon fill="%23ffffff" points="17.94 0 1.08 0 9.51 7.59 17.94 0"/></svg>');
}

.link.mypage-bloc-link {
	padding: 10px 0px;
}
.link.mypage-bloc-links {
	padding: 0px 0px;
}
.mypage-bloc-link a,
.mypage-bloc-link em {
	color: var(--white);
	vertical-align: top;
	margin: 5px 5px;
}
@media screen and (min-width: 768px) {
	.mypage-bloc-link a,
	.mypage-bloc-link em {
		display: inline-block;
		vertical-align: top;
		margin: 5px 5px;
	}
}
.mypage-bloc-link a span,
.mypage-bloc-link em span {
	display: block;
	font-weight: 700;
	padding: 18px 40px;
}
.mypage-bloc-link em span {
	display: block;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}
.mypage-bloc-link em i {
	display: block;
	color: var(--black);
	font-size: 12px;
}

#bloc-mypage-userinfo .link.mypage-bloc-link a {background-color: var(--my_user);}
#bloc-mypage-info .link.mypage-bloc-link a {background-color: var(--my_info);}
#bloc-mypage-info .link.mypage-bloc-link a.red {background-color: var(--red3);}
#bloc-mypage-recruitpost .link.mypage-bloc-link a {background-color: var(--my_recruitpost);}
#bloc-mypage-recruitpost #mypage-recruitpost-list .link.mypage-bloc-link a {background-color: var(--my_recruitpost);}
#bloc-mypage-userapplylist .link.mypage-bloc-link a {background-color: var(--my_cmail);}
#bloc-mypage-userapply_det .link.mypage-bloc-link a {background-color: var(--my_cmail);}
.link.mypage-bloc-link em span {background-color: var(--gray4);}

#bloc-mypage-userinfo .mypage-bloc-link a:hover,
#bloc-mypage-info .mypage-bloc-link a:hover,
#bloc-mypage-recruitpost .mypage-bloc-link a:hover,
#bloc-mypage-recruitpost #mypage-recruitpost-list .link.mypage-bloc-link a:hover,
#bloc-mypage-userapplylist .mypage-bloc-link a:hover,
#bloc-mypage-userapply_det .mypage-bloc-link a:hover {
	color: var(--white);
	background-color: var(--color1);
}

/*
.mypage-bloc-link {
	text-align: center;
}
.mypage-bloc-link {
	text-align: center;
	padding: 20px 20px;
}
.mypage-bloc-link a,
.mypage-bloc-link em {
	display: block;
	color: var(--white);
	font-weight: 500;
	vertical-align: top;
	margin: 5px 5px;
}
@media screen and (min-width: 768px) {
	.mypage-bloc-link a,
	.mypage-bloc-link em {
		display: inline-block;
		vertical-align: top;
		margin: 5px 5px;
	}
}
#bloc-mypage-userinfo .mypage-bloc-link a {background-color: var(--my_user);}
#bloc-mypage-info .mypage-bloc-link a {background-color: var(--my_info);}
#bloc-mypage-recruitpost .mypage-bloc-link a {background-color: var(--my_recruitpost);}
#bloc-mypage-cmail .mypage-bloc-link a {background-color: var(--my_cmail);}
.mypage-bloc-link em span {background-color: var(--gray4);}


.mypage-bloc-link a:hover {
	color: var(--white);
	background-color: var(--blue2)!important;
}
.mypage-bloc-link a span,
.mypage-bloc-link em span {
	display: inline-block;
	position: relative;
	padding: 15px 40px 15px 30px;
}
.mypage-bloc-link em i {
	display: block;
	color: var(--black);
	font-size: 12px;
}
.mypage-bloc-link a span::after {
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -6px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 8px;
	border-color: transparent transparent transparent var(--white);

}
*/
/* ------------------------------------------------ */
/* ------------------------------------------------ */
#bloc-mypage-userinfo {
}
.mypage-userinfo {
	margin-bottom: 30px;
/*
	max-width: 700px;
	background-color: var(--white);
	border-radius: 10px;
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);
	padding: 10px 10px;
	margin: 0px auto;
*/
}
.mypage-mess {
	background-color: var(--bg1);
	border-radius: 10px;
	margin-bottom: 20px;
	padding: 10px 10px;
}
@media screen and (min-width: 768px) {
	.mypage-mess {
		text-align: center;
		padding: 20px 10px;
	}
}
@media screen and (max-width: 767px) {

}

.swpm-logged-social-renkei {
}
.swpm-logged-social-tomo {
}
.swpm-logged-social-sumi {
	margin-bottom: 5px;
}
.swpm-logged-social-sumi em {
	display: inline-block;
	color: var(--red2);
	font-size: 13px;
	vertical-align: middle;
	background-color: var(--white);
	border: 1px solid var(--red2);
	border-radius: 2px;
	margin-right: 5px;
	padding: 3px 10px;
}
.userinfo-inner dl.swpm-logged-social .social-btn em {
	display: inline-block;
	vertical-align: middle;
	font-weight: 700;
}
.userinfo-inner dl.swpm-logged-social .social-btn .swpm-logged-social-btn {
	display: inline-block;
	vertical-align: middle;
}
.swpm-logged-social-mess {
	padding-top: 10px;
}
.swpm-logged-social-mess ul {
}
.swpm-logged-social-mess ul li {
	position: relative;
	font-size: 13px;
	line-height: 1.4em;
	padding-left: 20px;
}
.swpm-logged-social-mess ul li:before {
	content: "※";
	position: absolute;
	z-index: 0;
	left: 0px;
	top: 0px;
}
/* ------------------------------------------------ */
.mypage-note {
	text-align: left;
	background-color: var(--light2);
	padding: 10px 10px;
}
.mypage-note ul {
	margin-bottom: 10px;
}
.mypage-note ul:last-child {
	margin-bottom: 0px;
}
.mypage-note ul li {
	position: relative;
	font-size: 14px;
	font-size: clamp(13px, 1.4vw, 14px);
	line-height: 1.4em;
	padding: 5px 0px 5px 20px;
}
.mypage-note ul li::before {
	content: "・";
	position: absolute;
	left: 0px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	color: var(--red1);
	line-height: 1em;
}
.mypage-note ul.mypage-note-torokukano li b {
	display: inline-block;
	color: var(--white);
	background-color: var(--red1);
	padding: 0px 10px;
}
.mypage-note ul.mypage-note-torokukano li em {
	font-weight: 700;
}
/* ------------------------------------------------ */
#bloc-mypage-info {
}
.mypage-info-status {
	text-align: center;
	padding: 20px 10px 10px 10px;
}
.mypage-info-status span {
	display: inline-block;
	font-weight: 700;
}
.mypage-info-status span b {
	font-size: 1.2em;
}
.mypage-info-status.mypage-info-status-on span b {
	color: var(--color1);
}
.mypage-info-status.mypage-info-status-off span b {
	color: var(--red1);
}

/* ------------------------------------------------ */
#bloc-mypage-recruitpost {
}
.mypage-recruitpost-top {
}
.mypage-recruitpost-bloc {
	background-color: var(--white);
	border-radius: 10px;
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);
	margin-bottom: 10px;
	padding: 10px 10px;
}
/*
.mypage-recruitpost-bloc#mypage-recruitpost-companygroup {
	border: 2px solid var(--my_recruitpost);
}
.mypage-recruitpost-bloc#mypage-recruitpost-list {
	background-color: var(--white);
	background-color: var(--my_recruitpost);
	background-color: #e5f4fc;
	border: 2px solid var(--my_recruitpost);
}
*/
.mypage-recruitpost-title {
	font-size: 1.2em;
	text-align: center;
	margin-bottom: 5px;
}
/*
.mypage-recruitpost-bloc#mypage-recruitpost-list .mypage-recruitpost-title {
	color: var(--white);
}
*/
.mypage-recruitpost-title b {
	font-weight: 700;
}
.mypage-recruitpost-title span {
	font-weight: 500;
}
.mypage-recruitpost-title span em {
	color: var(--my_recruitpost);
	font-size: 1.2em;
	font-weight: 700;
}
/* ----------------- */
.mypage-recruitpost-inner .link.mypage-bloc-link {
	padding: 0px 0px;
}
/* ----------------- */
.mypage-recruitpost-box {
}
/* ----------------- */
.mypage-recruitpost-list {
}
.mypage-recruitpost-list ul {
}
.mypage-recruitpost-list ul li {
	margin-bottom: 10px;
	padding: 0px 10px;
}
.mypage-recruitpost-list ul li {
	animation: recruitpostlistan .5s;
	transform-origin:left top;
}


.mypage-recruitpost-list ul li.mypage-recruitpost_status-pending {/*審査中*/
	background-color: var(--gray5);
}
.mypage-recruitpost-list ul li.mypage-recruitpost_status-draft {/*非公開*/
	background-color: var(--gray5);
}
.mypage-recruitpost-list ul li.mypage-recruitpost_status-archive {/*掲載終了*/
	background-color: var(--gray5);
}
.mypage-recruitpost-list ul li.mypage-recruitpost_status-trash {/*ゴミ箱*/
	background-color: var(--gray5);
}




/*
@keyframes recruitpostlistan {
	0% {transform: scale(.1);}
	100% {transform: none;}
}
*/
/*
.mypage-recruitpost-list ul li:first-child {
	border-top: 2px solid #000;
}
.mypage-recruitpost-list ul li:last-child {
	border-bottom: none;
}
*/
.mypage-recruitpost-lists-name {
	border-bottom: 1px dashed #000;
	padding: 10px 0px;
}
.mypage-recruitpost-lists-name a {
	display: inline-block;
	padding: 0px 5px;
}
li.mypage-recruitpost_status-pending .mypage-recruitpost-lists-name a {/*審査中*/
}
li.mypage-recruitpost_status-draft .mypage-recruitpost-lists-name a {/*非公開*/
}
li.mypage-recruitpost_status-archive .mypage-recruitpost-lists-name a {/*掲載終了*/
	color: var(--gray3);
}
li.mypage-recruitpost_status-trash .mypage-recruitpost-lists-name a {/*ゴミ箱*/
	color: var(--gray3);
}
.mypage-recruitpost-lists-name a b {
	display: inline-block;
	color: var(--white);
	font-size: 0.85em;
	font-weight: 500;
	line-height: 1em;
	background-color: var(--red3);
	padding: 2px 5px;
}
.mypage-recruitpost-lists-name a strong {
	display: block;
	font-size: 1.2em;
	font-weight: 700;
	line-height: 1.2em;
}
.mypage-recruitpost-lists-status {
	line-height: 1em;
	padding: 10px 0px 5px 0px;
}
.mypage-recruitpost-lists-status-box {
	font-size: 0.85em;
}
@media screen and (min-width:768px) {
	.mypage-recruitpost-lists-status-box {
		display: inline-block;
		vertical-align: top;
		padding: 0px 10px 0px 0px;
	}
}








.mypage-recruitpost-lists-status-box.status1 em {
}
.mypage-recruitpost-lists-status-box.status1 em b {
	color: var(--color1);
	font-weight: 700;
}
li.mypage-recruitpost_status-draft .mypage-recruitpost-lists-status-box.status1 em b {/*非公開*/
	color: #c00;
}
li.mypage-recruitpost_status-pending .mypage-recruitpost-lists-status-box.status1 em b {/*審査中*/
	color: #c00;
}
li.mypage-recruitpost_status-archive .mypage-recruitpost-lists-status-box.status1 em b {/*掲載終了*/
	color: var(--gray2);
}
li.mypage-recruitpost_status-trash .mypage-recruitpost-lists-status-box.status1 em b {/*ゴミ箱*/
	color: #c00;
}

.mypage-recruitpost-lists-status-box.status3 time {
}

.mypage-recruitpost-lists-status-box.status3 time span {/*掲載開始日*/
	padding: 0px 2px;
}



.mypage-recruitpost-list-btn {
	text-align: center;
	padding: 20px 0px 0px 0px;
}
.mypage-recruitpost-list-btn a,
.mypage-recruitpost-list-btn em {
	display: inline-block;
	vertical-align: middle;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	margin: 0px 5px;
	padding: 5px 10px;
}
.mypage-recruitpost-list-btn a {
	color: var(--white);
	background-color: var(--blue1);
}
.mypage-recruitpost-list-btn a.mypage-recruitpost-link_check {
	background-color: var(--blue2);
}
.mypage-recruitpost-list-btn a.mypage-recruitpost-link_del {
	background-color: var(--gray2);
}
.mypage-recruitpost-list-btn a:hover {
	color: var(--white);
	background-color: var(--blue2);
}
.mypage-recruitpost-list-btn em {
	color: var(--white);
	background-color: var(--gray1);
}
li.mypage-recruitpost_status-pending .mypage-recruitpost-list-btn em {/*審査中*/
	background-color: #0aad3a;
	background-color: var(--gray1);
}
li.mypage-recruitpost_status-draft .mypage-recruitpost-list-btn em {/*非公開*/
}
li.mypage-recruitpost_status-archive .mypage-recruitpost-list-btn em {/*掲載終了*/
}
li.mypage-recruitpost_status-trash .mypage-recruitpost-list-btn em {/*ゴミ箱*/
	background-color: var(--gray3);
}


.mypage-recruitpost-list-btn a span,
.mypage-recruitpost-list-btn em span {
	display: inline-block;
	font-size: 15px;
	font-weight: 500;
	vertical-align: middle;
}
.mypage-recruitpost-list-btn a svg,
.mypage-recruitpost-list-btn em svg {
	display: inline-block;
	height: 15px;
	vertical-align: middle;
	margin-right: 5px;
	opacity: 0.5;
}
.mypage-recruitpost-list-btn a svg rect,
.mypage-recruitpost-list-btn a svg path,
.mypage-recruitpost-list-btn em svg path ,
.mypage-recruitpost-list-btn em svg rect {
	fill: var(--white);
}
/* ----------------- */
/* ------------------------------------------------ */
#mypage-userapplylist {
}
.userapply-list {
	background-color: var(--white);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 10px;
	padding: 10px 10px;
}

.userapply-list ul {
}
.userapply-list ul li {
	border-bottom: 1px dashed var(--black);
	padding: 10px 0px;
}
.userapply-list ul li:last-child {
	border-bottom: none;
}
.userapply-list-box {
}
@media screen and (min-width: 768px) {
	.userapply-list ul li {
		display: flex;
		flex-wrap: nowrap;
		gap: 3px;
		align-items: stretch;
		justify-content: center;
	}
	.userapply-list-box {
		flex: 1;
		box-sizing: border-box;
	}
}
@media screen and (max-width: 767px) {

}
.userapply-list-box#userapplylist-date {
	font-size: 13px;
	font-weight: 400;
	line-height: 1em;
}
.userapply-list-box#userapply-list-link a {
	display: inline-block;
	color: var(--color2);
	background-color: var(--white);
	border: 1px solid var(--color2);
	border-radius: 10px;
	padding: 5px 10px;
}
.userapply-list-box#userapply-list-link a:hover {
	color: var(--white);
	background-color: var(--color1);
}
/* ------------------------------------------------ */
.apply-modal {
	visibility: hidden;
	opacity: 0;
	position:fixed;
	z-index: 8888;
	left:50%;
	top:60%;
	transform:translate(-50%,-60%);
	transition: all 0.2s linear;
	background:#fff;
	padding: 10px;
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1);
}
.apply-modal.apply-modal-open {
	visibility: visible;
	opacity: 1;
	top:50%;
}
.apply-modal-prev.modal-none,
.apply-modal-next.modal-none {
	opacity: 0.5;
	pointer-events: none;
}

	.apply-modal iframe {
		width: 100%;
		height: 100%;
	}
@media screen and (max-width:767px) {
	.apply-modal {
		width: 100%;
		height: 80%;
	}
	.apply-modal-inner {
		width: 100%;
		height: 100%;
	}
}
@media screen and (min-width:768px) {
	.apply-modal-inner  {
		width: 700px;
		height: 600px;
	}
}
.apply-modal-btn {
	text-align: center;
	background-color: var(--white);
	background-color: var(--color5);
	padding: 3px 0px;
}
.apply-modal-btn div {
	display: inline-block;
	cursor: pointer;
	color: var(--white);
	font-size: 13px;
	font-weight: 700;
	padding: 10px 20px;
}
/* ------------------------------------------------ */
#userapply-det {
	padding: 10px;
}
#userapply-det .outer {
	padding: 10px 0px;
}
.userapply-det {
	max-width: 800px;
	margin: 0px auto;
}
.userapply-det-inner {
	background-color: var(--white);
	border: 2px solid #000;
	padding: 20px;
}
.userapply-det-title {
	margin-bottom: 10px;
}
.userapply-det-title span {
	display: block;
}
.userapply-det-title b {
	display: block;
}
.userapply-det dl dd a {
	color: var(--color1);
	font-weight: 500;
	text-decoration: underline;
}
/* ------------------------------------------------ */
.mypage-userinfo-btn {
	text-align: center;
	padding: 10px 0px;
}
.mypage-userinfo-btn ul {
	margin-bottom: 10px;
}
.mypage-userinfo-btn ul:last-child {
	margin-bottom: 0px;
}
.mypage-userinfo-btn ul li {
	display: inline-block;
	vertical-align: middle;
	padding: 5px 5px;
}
.mypage-userinfo-btn ul li a {
	display: inline-block;
	color: var(--gray2);
	font-weight: 700;
	line-height: 1em;
	padding: 5px 20px;
}
.mypage-userinfo-btn ul.mypage-userinfo-btn2 li a {
	color: var(--red3);
}
.mypage-userinfo-btn ul li a:hover {
	color: var(--red2);
}
/* ------------------------------------------------ */
#mypage-link {
	background-color: var(--bg1);
}
.mypage-link-bloc .outer {
	padding: 10px 0px;
}
.mypage-link-bloc h3 {
	font-size: 20px;
	border-bottom: 1px solid #000;
	margin-bottom: 10px;
}
.mypage-link-bloc p {
}
.mypage-link-bloc p b {
	color: #c00;
	padding: 0px 3px;
}
.mypage-link-bloc ul {
	text-align: center;
}
.mypage-link-bloc ul:last-child {
	margin-bottom: 0px;
}
.mypage-link-bloc ul li {
	display: inline-block;
	vertical-align: top;
	padding: 10px 10px;
}
.mypage-link-bloc ul li a {
	display: inline-block;
	color: var(--white);
	font-size: 18px;
	font-weight: 700;
	line-height: 1em;
	background-color: var(--red3);
	border: 2px solid var(--black);
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	padding: 20px 50px;
}
.mypage-link-bloc ul li span {
	display: inline-block;
	color: var(--gray2);
	font-size: 18px;
	font-weight: 700;
	line-height: 1em;
	background-color: var(--gray4);
	border: 2px solid var(--gray2);
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	padding: 20px 50px;
}
.mypage-link-bloc ul li em {
	display: block;
}
.mypage-link-bloc.mypage-link-companyinfo ul li a {
	background-color: var(--color1);
}
.mypage-link-bloc.mypage-link-recruitpost ul li a {
	background-color: var(--color1);
}
.mypage-link-bloc ul li a:hover {
	background-color: var(--color2);
}

#mypage.user_status-expired .mypage-link-bloc ul li.mypage-link-autor-edit a,
#mypage.user_status-expired .mypage-link-bloc ul li.mypage-link-companygroup a,
#mypage.user_status-expired .mypage-link-bloc ul li.mypage-link-recruitpost a {
	pointer-events: none;
	color: var(--gray6);
	background-color: var(--gray4);
	border: 2px solid var(--gray6);
}
/* ------------------------------------------------ */
.wpuf-dashboard-container,
.wpuf-author {
/*
	display: none;
*/
}
/* ------------------------------------------------ */
.mypage-del {
	color: var(--white);
	text-align: center;
	background-color: var(--red3);
	margin-bottom: 10px;
	padding: 10px 10px;
}
/* ------------------------------------------------ */
.mypage-center {
	text-align: center;
	padding: 60px 20px;
}
/* ------------------------------------------------ */
.mypage-btm-btn {
	text-align: center;
	padding: 60px 20px;
}
.mypage-btm-btn ul li {
	display: inline-block;
	font-size: 13px;
	vertical-align: top;
	padding: 5px 5px;
}

/* ------------------------------------------------ */
.mypage-center {
	text-align: center;
	padding: 60px 20px;
}
/* ------------------------------------------------ */
#bloc-mypage-scoutlist {
}
.scout-list {
/*
	background-color: var(--white);
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);
	border-radius: 10px;
	padding: 10px 10px;
*/
}
.scout-list h4 {
	margin-bottom: 20px;
}

.scout-list-top {
	text-align: center;
	padding: 10px 10px;
}
.scout-list-top b {
	display: block;
}
.scout-list-top b em {
	color: #c00;
	font-size: 18px;
}

.scout-list-inner {
	background-color: var(--white);
	border-radius: 10px;
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);
	padding: 10px 10px;
}

.scout-list-inner ul {
}
.scout-list-inner ul li {
	border-bottom: 1px dashed var(--black);
	padding: 10px 0px;
}
.scout-list-inner ul li:last-child {
	border-bottom: none;
}
.scout-list-inner ul li div {
}
@media screen and (min-width: 768px) {
	.scout-list-inner ul li {
		display: flex;
		flex-wrap: nowrap;
		gap: 3px;
		align-items: center;
		justify-content: center;
	}
	.scout-list-inner ul li div {
		flex: 1;
		box-sizing: border-box;
	}
	.scout-list-inner ul li div.scout-list-date {
		flex: 0 0 calc(180px - 3px);
	}
	.scout-list-inner ul li div.scout-list-name {
		flex: 0 0 calc(180px - 3px);
	}
	.scout-list-inner ul li div.scout-list-btn {
		flex: 0 0 calc(160px - 3px);
	}
}
@media screen and (max-width: 767px) {

}
.scout-list-inner ul li div.scout-list-date {
	position: relative;
	font-size: 13px;
	padding-left: 30px;
}
.scout-list-inner ul li div.scout-list-date::before {
	content: "";
	position: absolute;
	z-index: 0;
	left: 10px;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 15px;
	height: 15px;
	mask-image: url('data:image/svg+xml;charset=UTF-8,<svg width="20px" height="20px" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M19.407,0.802C18.899,0.366 18.172,0.293 17.591,0.657L0.954,8.939C0.3,9.23 -0.063,9.883 0.009,10.61C0.082,11.337 0.59,11.918 1.244,12.063L5.894,13.298L11.924,7.268C12.142,7.05 12.505,7.05 12.723,7.268C12.941,7.486 12.941,7.849 12.723,8.067L6.984,13.807L13.595,19.183C14.031,19.546 14.685,19.691 15.193,19.474C15.775,19.256 16.138,18.82 16.283,18.238L19.916,2.473C20.134,1.892 19.916,1.238 19.407,0.802Z"/></svg>');
	mask-repeat: no-repeat;
	mask-position: center top;
	mask-size: 100% auto;
}
.html_company .scout-list-inner ul li div.scout-list-date::before {
	background-color: var(--color1);
}
.html_jobseeker .scout-list-inner ul li div.scout-list-date::before{
	background-color: var(--blue2);
}
.scout-list-inner ul li div.scout-list-name {
}
.scout-list-inner ul li div.scout-list-name b {
}
.html_company .scout-list-inner ul li div.scout-list-name b {
	color: var(--line2);
}
.html_jobseeker .scout-list-inner ul li div.scout-list-name b {
	color: var(--blue2);
}
.scout-list-inner ul li div.scout-list-tex {
}
.scout-list-inner ul li div.scout-list-tex b {
	font-weight: 500;
}
.scout-list-inner ul li div.scout-list-btn {
}
.scout-list-inner ul li div.scout-list-btn a {
	display: inline-block;
	display: block;
	color: var(--color2);
	background-color: var(--white);
	border: 1px solid var(--color2);
	border-radius: 10px;
	padding: 8px 10px;
}
.html_company .scout-list-inner ul li div.scout-list-btn a {
	color: var(--color1);
	border: 1px solid var(--color1);
}
.html_jobseeker .scout-list-inner ul li div.scout-list-btn a{
	color: var(--blue2);
	border: 1px solid var(--blue2);
}
.scout-list-inner ul li div.scout-list-btn a span {
	display: block;
	position: relative;
	text-align: center;
}
.scout-list-inner ul li div.scout-list-btn a span::after {
	content: "";
	position: absolute;
	z-index: 0;
	right: -5px;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 10px;
	height: 10px;
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="15px" height="15px" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="%23265b68" d="M4.495,14.51C4.239,14.51 3.983,14.412 3.788,14.217C3.397,13.827 3.397,13.193 3.788,12.803L9.091,7.5L3.788,2.196C3.397,1.806 3.397,1.173 3.788,0.782C4.178,0.392 4.812,0.392 5.202,0.782L11.213,6.792C11.4,6.98 11.505,7.234 11.505,7.5C11.505,7.765 11.4,8.019 11.213,8.207L5.202,14.217C5.007,14.412 4.751,14.51 4.495,14.51"/></svg>');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
}
.scout-list-inner ul li div.scout-list-btn a:hover {
	color: var(--white);
	background-color: var(--color1);
}
.html_company .scout-list-inner ul li div.scout-list-btn a:hover {
	color: var(--white);
	background-color: var(--color1);
}
.html_jobseeker .scout-list-inner ul li div.scout-list-btn a:hover{
	color: var(--white);
	background-color: var(--blue2);
}
.scout-list-inner ul li div.scout-list-btn small {
	display: block;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.2em;
}
/*
.scout-list-box {
}
@media screen and (min-width: 768px) {
	.scout-list-inner ul li {
		display: flex;
		flex-wrap: nowrap;
		gap: 3px;
		align-items: stretch;
		justify-content: center;
	}
	.scout-list-box {
		flex: 1;
		box-sizing: border-box;
	}
}
@media screen and (max-width: 767px) {

}
.scout-list-box#scout-list-name {
}
.scout-list-box#scout-list-date {
	font-size: 13px;
	font-weight: 400;
	line-height: 1em;
}
.scout-list-box#scout-list-link {
}
.scout-list-name {
}
.scout-list-now {
}
@media screen and (min-width: 768px) {
	.scout-list-name {
		display: inline-block;
		vertical-align: middle;
	}
	.scout-list-now {
		display: inline-block;
		vertical-align: middle;
	}
}
@media screen and (max-width: 767px) {

}
.scout-list-name b {
	font-size: 1.1em;
	line-height: 1em;
}
.scout-list-box#scout-list-name .scout-list-access,
.scout-list-box#scout-list-name .scout-list-now {
	font-size: 12px;
}
.scout-list-box#scout-list-name .scout-list-access b {
	font-weight: 400;
}
.scout-list-date1 {
}
.scout-list-date2 {
}
.scout-list-box#scout-list-link a {
	display: inline-block;
	color: var(--color2);
	background-color: var(--white);
	border: 1px solid var(--color2);
	border-radius: 10px;
	padding: 5px 10px;
}
.scout-list-box#scout-list-link a:hover {
	color: var(--white);
	background-color: var(--color1);
}
*/
/* ------------------------------------------------ */
#html_page_page-scout .main,
#page-scout .outer,
#page-scout .inner {
	padding: 0px;
}
/* ------------------------------------------------ */
.scout-head {
	background-color: #fff;
	background-color: rgba(255,255,255,0.9);
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);
}
@media screen and (min-width: 768px) {
	.scout-head {
		position: sticky;
		top: 0;
		z-index: 5;
		background-color: #fff;
		background-color: rgba(255,255,255,0.9);
	}
}
@media screen and (max-width: 767px) {

}
.scout-head-inner {
	position: relative;
	padding: 10px 10px;
}
.scout-head-name {
}
@media screen and (min-width: 768px) {
	.scout-head-inner ul {
		display: flex;
		flex-wrap: nowrap;
		gap: 0px;
		align-items: center;
		justify-content: center;
	}
	.scout-head-inner ul li {
		flex: 1;
		box-sizing: border-box;
	}
}
@media screen and (max-width: 767px) {
	.scout-head-inner ul {
		display: flex;
		flex-wrap: wrap;
		gap: 0px;
		align-items: stretch;
		justify-content: center;
	}
	.scout-head-inner ul li {
		box-sizing: border-box;
		flex: 1 0 calc(50% - 0px);
		padding: 3px 0px;
		border-bottom: 1px solid var(--black);

		display: flex;
		align-items: center; /* 縦方向の中央に配置 */
	}
	.scout-head-inner ul li.scout-head-link {
		display: block;
		text-align: center;
		padding: 10px 10px 0px 10px;
		border-bottom: none;
	}
}
.scout-head-inner dl {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-spacing: 0px;
}
.scout-head-inner dl dt,
.scout-head-inner dl dd {
	display: table-cell;
	vertical-align: middle;
}
.scout-head-inner dl dd {
	padding: 0px 5px;
}
@media screen and (min-width: 768px) {
	.scout-head-inner dl dt {
		width: 20%;
	}
}
@media screen and (max-width: 767px) {
	.scout-head-inner dl {

	}
	.scout-head-inner dl dt {
		width: 50px;
	}
}
.scout-head-inner dl dt {
	line-height: 1em;
}
.scout-head-inner dl dt b {
	display: inline-block;
	font-size: 11px;
	font-weight: 400;
	padding: 3px 3px;
}
@media screen and (min-width: 768px) {
	.html_jobseeker .scout-head-inner dl dt b {
	color: var(--white);
		color: var(--blue1);
	font-weight: 500;
	}
	.html_company .scout-head-inner dl dt b {
	color: var(--white);
		color: var(--line4);
	font-weight: 500;
	}
}
@media screen and (max-width: 767px) {
/*
	.scout-head-inner dl dt {
		text-align: center;
	}
	.html_jobseeker .scout-head-inner dl dt {
		background-color: var(--blue1);
	}
	.html_company .scout-head-inner dl dt {
		background-color: var(--line4);
	}
*/
	.html_jobseeker .scout-head-inner dl dt {
		color: var(--blue1);
	}
	.html_company .scout-head-inner dl dt {
		color: var(--line4);
	}
}
.scout-head-inner dl dd {
	font-size: 13px;
	font-weight: 500;
	line-height: 1em;
}
.scout-head-link a {
	position: relative;
	font-size: 13px;
	font-weight: 400;
	line-height: 1em;
	color: var(--white);
	border-radius: 5px;
	padding: 7px 25px 7px 15px;
}
.html_company .scout-head-link a {
	background-color: var(--line4);
}
.html_jobseeker .scout-head-link a {
	background-color: var(--blue4);
}
.html_company .scout-head-link a:hover {
	color: var(--white);
	background-color: var(--line3);
}
.html_jobseeker .scout-head-link a:hover {
	color: var(--white);
	background-color: var(--blue2);
}
.scout-head-link a::after {
	content: "";
	position: absolute;
	z-index: 0;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
	width: 10px;
	height: 10px;
	background-color: var(--white);
	mask-image: url("./img/icon/arrow1.svg");
	mask-size: 18px;
	mask-repeat: no-repeat;
	mask-position: center;
}
.scout-head-list {
	font-size: 13px;
}
.scout-head-box {
}
.scout-head-list dl {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-spacing: 0px;
}
.scout-head-list dl dt {
	display: table-cell;
	width: 80px;
	vertical-align: middle;
}
/*
.scout-head-list .scout-head-box.scout-head-box-age dl dt {
	width: 50px;
}
.scout-head-list .scout-head-box.scout-head-box-addr dl dt {
	width: 110px;
}
*/
.scout-head-list dl dt span {
	display: inline-block;
	color: var(--white);
	line-height: 1em;
	background-color: #fff;
	background-color: var(--color1);
	padding: 5px 10px;
}
.html_company .scout-head-list dl dt span {
	background-color: var(--color1);
}
.html_jobseeker .scout-head-list dl dt span {
	background-color: var(--blue2);
}
.scout-head-list dl dd {
	display: table-cell;
	vertical-align: middle;
}
@media screen and (min-width: 768px) {
	.scout-head-list {
		display: table;
		width: 100%;
		table-layout: fixed;
		border-spacing: 0px;
	}
	.scout-head-box {
		display: table-cell;
		vertical-align: middle;
	}
	.scout-head-box.scout-head-box-age {
	width: 120px;
	}
	.scout-head-box.scout-head-box-addr {
	width: 200px;
	}
}
@media screen and (max-width: 767px) {

}
.scout-head-link {
}
.scout-head-link a {
}
/* ------------------------------------------------ */
#scout-mess {
	position: relative;
}
.scout-mess {
	padding: 20px;
}
.scout-mess-form {
	position: fixed;
	z-index: 3;
	left: 0px;
	bottom: 0px;
	padding: 20px 10px;
	background-color: rgba(255,255,255,0.1);
	box-sizing: border-box;
}
@media screen and (min-width: 768px) {
	.scout-mess-form {
/*
↑-main
*/
	}
}
@media screen and (max-width: 767px) {
	.scout-mess-form {
		width: 100%;
	}
}

.scout-mess-form-inner {
	position: relative;
	height: 50px;
}
.scout-mess-form-inner textarea {
	position: absolute;
	z-index: 1;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 50px;
	font-size: 16px;
	background-color: rgba(255,255,255,0.5);
	border: 1px solid var(--gray2);
	border-radius: 10px;
	transition: all 0.2s linear;
	padding: 10px 10px;
}
.scout-mess-form-inner textarea:focus {
	height: 70px;
	background-color: rgba(255,255,255,0.9);
	border: 1px solid var(--gray1);
}
.scout-mess-form-inner button {
	position: absolute;
	z-index: 1;
	right: 10px;
	top: 10px;
	width: 50px;
	height: 30px;
	font-size: 16px;
	color: var(--white);
/*
	background-color: var(--color1);
*/
}
.scout-mess-form-inner button::after {
	content: "";
	position: absolute;
	z-index: 0;
	left: 0px;
	top: 0px;
	width: 30px;
	height: 30px;
	background-color: var(--color1);
	mask-image: url("./img/icon/kamih.svg");
	mask-size: 25px;
	mask-repeat: no-repeat;
	mask-position: center;
	border-radius: 5px;
}
.scout-mess-form-inner button span {
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

/* 初期状態：ボタンを透明にして非表示にする（クリックもできない状態） */
.scout-mess-form-inner button[name="scout_submit"] {
  opacity: 0.5;
/*
  visibility: hidden;
*/
  transition: opacity 0.3s ease, visibility 0.3s ease; /* 0.3秒かけて滑らかに変化 */
pointer-events: none;
}

/* 1文字以上入力されたら、このクラスをJSで追加して表示する */
.scout-mess-form-inner.show-button button[name="scout_submit"] {
  opacity: 1;
  visibility: visible;
pointer-events: auto;
}


.scout-mess-list {
	position: relative;
	padding: 55px 0px 55px 0px;
}
.scout-mess-list ul {
}
.scout-mess-list ul li {
	position: relative;
	width: 300px;
}
@media screen and (min-width: 768px) {
	.scout-mess-list ul li {
		width: 500px;
		padding: 15px 0px;
	}
}
@media screen and (max-width: 767px) {
	.scout-mess-list ul li {
		width: 300px;
		padding: 10px 0px;
	}
}
.scout-mess-list ul li.user-your {
	margin: 0px 0px 0px auto;
}
.scout-mess-list ul li.user-send {
	margin: 0px auto 0px 0px;
}
.scout-mess-list ul li span {
	display: block;
	font-size: 12px;
	line-height: 1em;
	margin-bottom: 5px;
}
.scout-mess-list ul li.user-your span {
	text-align: right;
}
.scout-mess-list-mess {
	position: relative;
/*
	color: var(--white);
*/
}
.scout-mess-list-mess-inner {
	position: relative;
	z-index: 1;
	border-radius: 15px;
	padding: 10px 10px;
}
.scout-mess-list ul li.user-your .scout-mess-list-mess-inner {
color: var(--white);
/*
	border: 2px solid;
*/
}
.scout-mess-list ul li.user-send .scout-mess-list-mess-inner {
	background-color: var(--white);
}

.html_company .scout-mess-list ul li.user-your .scout-mess-list-mess-inner {
	background-color: var(--blue1);
	background-color: #305982;
}
.html_jobseeker .scout-mess-list ul li.user-your .scout-mess-list-mess-inner {
	background-color: var(--color2);
	background-color: #266b3f;
}
/*
.html_company .scout-mess-list ul li.user-send .scout-mess-list-mess-inner {
	border-color: var(--color2);
}
.html_jobseeker .scout-mess-list ul li.user-send .scout-mess-list-mess-inner {
	border-color: var(--blue1);
}
*/

.scout-mess-list-mess::after {
	content: "";
	position: absolute;
	z-index: -1;
	bottom: 5px;
	width: 20px;
	height: 12px;
}
.scout-mess-list ul li.user-your .scout-mess-list-mess::after {
	right: -12px;
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
	transform: rotate(15deg);
}
.scout-mess-list ul li.user-send .scout-mess-list-mess::after {
	left: -12px;
	clip-path: polygon(100% 0, 0 50%, 100% 100%);
	transform: rotate(-15deg);
}


.html_company .scout-mess-list ul li.user-your .scout-mess-list-mess::after {
	background-color: var(--blue1);
	background-color: #305982;
}
.html_jobseeker .scout-mess-list ul li.user-your .scout-mess-list-mess::after {
	background-color: var(--color2);
	background-color: #266b3f;
}
.html_company .scout-mess-list ul li.user-send .scout-mess-list-mess::after {
	background-color: var(--color2);
	background-color: #266b3f;
	background-color: var(--white);
}
.html_jobseeker .scout-mess-list ul li.user-send .scout-mess-list-mess::after {
	background-color: var(--blue1);
	background-color: #305982;
	background-color: var(--white);
}

.scout-mess-list ul li small {
	display: block;
	position: absolute;
	z-index: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 45px;
	font-size: 11px;
	font-weight: 400;
	line-height: 1.2em;
}
.scout-mess-list ul li.user-your small {
	left: -50px;
}
.scout-mess-list ul li.user-send small {
	right: -50px;
}
.scout-mess-list {
}
/* ------------------------------------------------ */
#userapply_det {
}
.userapply_det-head {
}
.userapply_det-head h2 {
}
.userapply_det-head {
}
.userapply_det-head {
}
.userapply_det-head {
}
/* ------------------------------------------------ */