/* ----------------------------------------- */
.search {
	margin-bottom: 20px;
}
#search-sen {
	border: 4px solid var(--black);
	padding: 20px;
}
/* ----------------------------------------- */
#top-search {
	position: relative;
	padding: 10px 10px 20px 10px;
	background-color: var(--black);
}
.top-search {
}
.drawer .top-search {
	position: static;
	width: auto;
}
.top-search-outer {
	margin: 0px auto;
	padding: 10px;
	box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.1);
}


/* ------------------------------------------------ */
.search-select {
}
.search-select-main {
}
.bloc-search .search-select-main {
	position: relative;
	overflow: auto;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.bloc-search .search-select-main::-webkit-scrollbar{
   width: 10px;
}
.bloc-search .search-select-main::-webkit-scrollbar-track {
   background-color: var(--gray4);
}
.bloc-search .search-select-main::-webkit-scrollbar-thumb {
   background-color: var(--red3);
}
.search-select-inner {
	position: relative;
}
@media screen and (min-width: 768px) {
	.search-select-inner {
		padding-top: 0px;
	}
}

.search-select-bloc {
}
.search-select-box {
}
/*
@media screen and (min-width:768px) {

	#html_page_page-search_page .search-select-box {
		display: none;
		opacity: 0.8;
	}
	#html_page_page-search_page .search-select-box#search-select-area.open,
	#html_page_page-search_page .search-select-box#search-select-jobs.open,
	#html_page_page-search_page .search-select-box#search-select-toku.open {
		display: block;
		opacity:1;
	}
}
*/

@media screen and (min-width: 768px) {
	.bloc-index.bloc-page .search-select-blocB {
		display: block;
		width: auto;
	}
	.bloc-index.bloc-page .search-select-blocB .search-select-box {
		display: block;
		width: auto;
	}

	.bloc-search#search-select-area.search-select-box,
	.bloc-search#search-select-jobs.search-select-box,
	.bloc-search#search-select-toku.search-select-box {
		padding: 0px;
	}
}
@media screen and (max-width: 767px) {
	.search-select-box {
		padding: 0px 10px;
	}
}
/* ------------------------------------------------ */
.search-select-link {
	padding: 10px 10px;
}
@media screen and (min-width: 768px) {
	.bloc-index .search-select-link {
		display: none;
	}
}

.search-select-link-box {
	text-align: center;
	margin-bottom: 10px;
}
.search-select-link-box:last-child {
	margin-bottom: 0px;
}
@media screen and (min-width:768px) {
	.search-select-link {
		display: table;
		width: 100%;
		table-layout: fixed;
		border-spacing: 10px 0px;
		padding: 0px;
	}
	.search-select-link .search-select-link-box {
		display: table-cell;
		vertical-align: top;
		margin-bottom: 0px;
	}
}
.search-select-link-box p {
	color: var(--white);
}
.search-select-link-box select {
	color: var(--black);
	background-color: var(--white);
	border: 1px solid var(--black);
	width: 100%;
	border-radius: 10px;
	padding: 10px 5px;
}
.search-select-link-box a {
	display: block;
	color: var(--white);
	line-height: 1em;
	background-color: var(--black);
	border: 1px solid var(--white);
	border-radius: 2px;
	box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
	padding: 18px 30px;
}
.search-select-link-box a:hover {
	color: var(--color1);
	border: 1px solid var(--color1);
}
.search-select-link-box a span {
	display: inline-block;
	position: relative;
	font-size: 1.2em;
	line-height: 1em;
}
.search-select-link a span b {
	font-size: 1.1em;
}
.search-select-link-box a span::before {
	content: "";
	position: absolute;
	z-index: 0;
	left: -30px;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center;
}
.search-select-link-box:nth-child(1) a span::before {
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17.62 21.4"><path fill="%23378431" d="m8.81,0C3.95,0,0,3.95,0,8.81s6.93,12.59,8.81,12.59,8.81-7.72,8.81-12.59S13.68,0,8.81,0Zm0,12.86c-2.23,0-4.04-1.81-4.04-4.04s1.81-4.04,4.04-4.04,4.04,1.81,4.04,4.04-1.81,4.04-4.04,4.04Z"/></svg>');
}
.search-select-link-box:nth-child(2) a span::before {
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.4 21.4"><circle fill="%23378431" cx="9.7" cy="5.52" r="5.52"/><path fill="%23378431" d="m0,21.4c0-5.16,4.34-9.34,9.7-9.34s9.7,4.18,9.7,9.34H0Z"/></svg>');
}
.search-select-link-box:nth-child(3) a span::before {
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22.5 21.4"><path fill="%23378431" d="m22.5,8.17l-7.77-1.13L11.25,0l-3.48,7.05-7.77,1.13,5.62,5.48-1.33,7.74,6.95-3.66,6.95,3.66-1.33-7.74,5.62-5.48h0Zm-11.25,6.51l-3.55,1.87.68-3.95-2.87-2.8,3.97-.58,1.77-3.6,1.77,3.6,3.97.58-2.87,2.8.68,3.95-3.55-1.87h0Z"/></svg>');
}
.search-select-link-box a span::after {
	content: "";
	position: absolute;
	z-index: 0;
	right: -30px;
	top: 50%;
	transform: translateY(-50%);
	width: 12px;
	height: 6px;
	background-color: var(--white);
	clip-path: polygon(100% 0, 100% 35%, 50% 100%, 0 35%, 0 0, 50% 65%);
	transition: all 0.2s linear;
}
.search-select-link-box a:hover span::after {
	height: 10px;
	background-color: var(--color1);
}
/* ------------------------------------------------ */
.search-select-sentaku,
.search-select-sentakus {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
/*
.bloc-index .search-select-sentakus {
	display: none;
}
.bloc-index .search-select-sentaku {
	display: none;
}
.bloc-search .search-select-sentakus {
	display: none;
}
*/
.search-select-sentaku.on {
	color: var(--white);
	font-size: 14px;
	padding: 5px 10px;
}
.search-select-sentakus.on {
/*
	background-color: var(--gray5);
	background-color: #e8e5d8;
	margin-top: 5px;
*/
	color: var(--white);
	padding: 0px 10px;
}
.search-select-sentaku span {
	display: none;
	font-weight: 700;
	vertical-align: middle;
}
.search-select-sentaku.on span {
	display: inline-block;
}
.search-select-sentaku.on b {
	display: inline-block;
	vertical-align: middle;
}
.search-select-sentakus.on b {
	display: inline-block;
	font-size: 0.85em;
	font-weight: 500;
	vertical-align: middle;
}
/* ------------------------------------------------ */
.search-select-btm {
	text-align: center;
}
@media screen and (min-width:768px) {
	.search-select-btm {
		display: table;
		width: 100%;
		table-layout: fixed;
		border-spacing: 10px 0px;
		padding: 10px 0px 0px 0px;
	}
	.search-select-btm #search-select-word,
	.search-select-btm #search-select-btn {
		display: table-cell;
		vertical-align: top;
		margin-bottom: 0px;
	}
	.search-select-btm #search-select-btn {
		width: 300px;
	}
}
/* ------------------------------------------------ */
.search-select-word {
	background-color: var(--white);
	padding: 0px 5px;
}
.search-select-word div {
/*
	background-color: var(--white);
	border-radius: 2px;
*/
}
.search-select-word input {
	display: block;
	width: 100%;
	font-size: 16px;
	line-height: 1em;
	border: none;
	padding: 0px;
	padding: 15px 10px;
	background-color: var(--white);
}
.search-select-word input[type="text"] {
    padding-block: 0px;
    padding-inline: 0px;
	padding: 12px 10px;
}
/* ------------------------------------------------ */
.search-select-btn-box {
	padding: 0px 0px;
	background-color: #fcc;
}
.search-select-btn div {
	padding: 0px;
}
.search-select-btn button {
	display: block;
	width: 100%;
	font-size: 16px;
	line-height: 1em;
	background-color: var(--line4);
	border: none;
	cursor: pointer;
	border-radius: 2px;
	padding: 15px 0px;
}
.search-select-btn button span {
	display: inline-block;
	position: relative;
	color: var(--white);
	font-size: 16px;
	font-weight: 500;
	line-height: 1em;
	vertical-align: middle;
	cursor: pointer;
}
.search-select-btn button span::before {
	content: "";
	position: absolute;
	z-index: 0;
	left: -30px;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 70"><path fill="%23ffffff" d="M43.75,52.5c14.5,0,26.25-11.76,26.25-26.25S58.25,0,43.75,0,17.5,11.75,17.5,26.25c0,14.5,11.75,26.25,26.25,26.25ZM24.06,26.25c0-10.86,8.83-19.69,19.69-19.69s19.69,8.83,19.69,19.69-8.83,19.69-19.69,19.69-19.69-8.83-19.69-19.69Z"/><path fill="%23ffffff" d="M11.2,68.08l16.06-16.06c-3.72-2.39-6.89-5.56-9.28-9.28L1.92,58.8c-2.56,2.56-2.56,6.72,0,9.28,2.56,2.56,6.72,2.56,9.28,0Z"/></svg>');
}
.search-select-btn button:hover {
	background-color: var(--color2);
}
.search-select-reset button {
	background-color: transparent;
	border: none;
	cursor: pointer;
}
/* ------------------------------------------------ */
.search-select-box ul {
	font-size: 0;
}
.search-select-rank-on {
	display: none!important;
}
/* ------------------------------------------------ */
.select-recruitpost-zen {
	text-align: center;
	margin-bottom: 10px;
}
/* ------------------------------------------------ */
.search-select-box ul li {
	display: inline-block;
	font-size: 15px;
	font-weight: 500;
	vertical-align: top;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1px;
}
#search-select-area .search-select-tab-list ul li {
	width: 25%;
}
#search-select-area .select-recruitpost-sentaku ul li {
	width: 25%;
}
#search-select-area .select-recruitpost-sentaku-box ul li {
	width: 25%;
}
#search-select-area .select-recruitpost-sentaku-box ul:first-child {
	text-align: center;
}
#search-select-area .select-recruitpost-sentaku-box ul:first-child li {
	text-align: left;
}

#search-select-jobs .select-recruitpost-sentaku ul li {
	width: 33.33333%;
}
#search-select-jobs .select-recruitpost-sentaku-box ul li {
	width: 33.33333%;
}
#search-select-jobs .select-recruitpost-sentaku-box ul:first-child {
	text-align: center;
}
#search-select-jobs .select-recruitpost-sentaku-box ul:first-child li {
	text-align: left;
}

#search-select-toku .search-select-toku-list ul li {
	width: 33.33333%;
}

@media screen and (max-width: 767px) {
	#search-select-area .search-select-tab-list ul li {
		width: 50%;
	}
	#search-select-area .search-select-tab-item ul li {
		width: 50%;
	}

	#search-select-toku .search-select-toku-list ul li {
		display: block;
		width: auto;
	}
}

.select-recruitpost-sentaku-box ul:first-child {
	margin-bottom: 10px;
}
/* ------------------------------------------------ */
.select-recruitpost-sentaku-box {
	display: none;
}
.select-recruitpost-sentaku-box.open {
	display: block;
	padding-top: 10px;
	padding-bottom: 40px;
}
/* ------------------------------------------------ */
.select-recruitpost ul li label {
	display: block;
	cursor: pointer;
	height: 100%;
	padding: 0px 0px;
}
.select-recruitpost.off ul li label {
	pointer-events: none;
	cursor: default;
	cursor: not-allowed;
}
.select-recruitpost ul li label em {
	display: block;
	position:relative;
	z-index: 0;
	height: 100%;
	line-height:1;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.select-recruitpost ul li label em span {
	display: block;
	padding: 15px 5px 15px 25px;
}
.select-recruitpost-zen.select-recruitpost ul li label em {
    border-radius: 50px;
}
.select-recruitpost-zen.select-recruitpost ul li label em span {
	display: block;
	font-weight: 700;
	padding: 15px 10px 15px 35px;
}
@media screen and (min-width: 768px) {
	.select-recruitpost ul li label em span {
		padding: 12px 10px 12px 25px;
	}
	.select-recruitpost-zen.select-recruitpost ul li label em span {
		padding: 18px 20px 18px 35px;
	}
}
.select-recruitpost ul li input[type="radio"],
.select-recruitpost ul li input[type="checkbox"] {
	display: none;
}
.select-recruitpost ul li input[type="radio"] + em::before {
	content: "";
	position: absolute;
	left: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 7px;
	height: 7px;
	border-width: 2px;
	border-style: solid;
	border-radius: 50%;
	padding: 2px;
	background-clip: content-box;
}
.select-recruitpost ul li input[type="checkbox"] + em::before {
	content: "";
	position: absolute;
	left: 5px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 13px;
	height: 13px;
	border: 2px solid;
	box-sizing: border-box;
}
.select-recruitpost ul li input[type="checkbox"]:checked + em::after {
	display: block;
	content: "";
	position: absolute;
	left: 5px;
	top: 50%;
	width: 14px;
	height: 9px;
	transform: rotate(-45deg);
	border-bottom: 2px solid;
	border-left: 2px solid;
	margin-top: -9px;
	box-sizing: border-box;
}


.select-recruitpost ul li label em {
	display: block;
	background-color: var(--gray6);
	border: 2px solid var(--gray4);
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.select-recruitpost.off ul li label em {
	color: var(--gray4);
	background-color: var(--gray6);
	border: 2px solid var(--gray5);
}
.select-recruitpost ul li input[type="radio"]:checked + em,
.select-recruitpost ul li input[type="checkbox"]:checked + em {
	color: var(--white);
	background-color: var(--color2);
	border: 2px solid var(--color1);
}
.select-recruitpost ul li input[type="radio"] + em:hover,
.select-recruitpost ul li input[type="checkbox"] + em:hover,
.select-recruitpost ul li label em:hover {
	color: var(--white);
	background-color: var(--color1);
}
.select-recruitpost ul li input[type="radio"]:checked + em:hover,
.select-recruitpost ul li input[type="checkbox"]:checked + em:hover,
.select-recruitpost ul li label em:hover {
	color: var(--white);
	background-color: var(--color2);
}


.select-recruitpost ul li input[type="radio"]:not(:checked) + em::before {
	border-color: var(--gray3);
	background-color: var(--gray4);
}
.select-recruitpost ul li input[type="radio"]:checked + em::before {
	border-color: var(--gray5);
	background-color: var(--gray6);
}

.select-recruitpost ul li input[type="checkbox"] + em::before{
	background-color: var(--white);
	border-color: var(--gray4);
}
.select-recruitpost ul li input[type="checkbox"]:not(:checked) + em::before {
	border-color: var(--gray3);
	background-color: var(--gray4);
}
.select-recruitpost.off ul li input[type="checkbox"]:not(:checked) + em::before {
	border-color: var(--gray5);
	background-color: var(--gray6);
}
.select-recruitpost ul li input[type="checkbox"]:checked + em::before {
	border-color: var(--white);
	background-color: var(--color2);
}
.select-recruitpost ul li input[type="checkbox"]:checked + em::after {
	border-color: var(--white);
}
/* ------------------------------------------------ */
.search-select-tab-item {
}
.search-select-tab-list {
	margin-bottom: 5px;
}
.search-select-tab-list ul {
}
.search-select-tab-list ul li {
}
.search-select-tab-list ul li em {
	display: block;
	padding: 3px;
}
.search-select-tab-list ul li em span {
	display: block;
	font-weight: 700;
	text-align: center;
	background-color: var(--gray6);
	border: 2px solid var(--color1);
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	padding: 10px 5px;
	cursor: pointer;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.search-select-tab-list ul li em span:hover {
	color: var(--white);
	background-color: var(--color1);
}
.search-select-tab-list ul li.active em span {
	color: var(--white);
	background-color: var(--color2);
}
.search-select-tab-item {
}
.search-select-tab-item-list {
	display: none;
}
.search-select-tab-item-list.actives {
	display: block;
}
/* ------------------------------------------------ */
.select-recruitpost-sentaku {
	padding-bottom: 10px;
}
.select-recruitpost-sentaku em {
	display: block;
	padding: 3px;
}
.select-recruitpost-sentaku em span {
	display: block;
	font-weight: 700;
	text-align: center;
	background-color: var(--gray6);
	border: 2px solid var(--color1);
	padding: 10px 5px;
	cursor: pointer;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.select-recruitpost-sentaku em span:hover {
	color: var(--white);
	background-color: var(--color1);
}
.select-recruitpost-sentaku em span.actives {
	color: var(--white);
	background-color: var(--color2);
	border: 2px solid var(--color1);
}
/* ------------------------------------------------ */
.select-recruitpost-sentaku-sentakushite-tex {
	color: var(--white);
	font-size: 13px;
	font-weight: 500;
	text-align: center;
	background-color: var(--black);
}
/* ------------------------------------------------ */
.search-select-jobs-list1 {
	margin-bottom: 10px;
}
.search-select-jobs-list2 {
	position: relative;
}
.search-select-jobs-list2.off {
	background-color: var(--gray4);
}
.search-select-jobs-list2-tex {
	display: none;
}
.search-select-jobs-list2.off .search-select-jobs-list2-tex {
	display: block;
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 10px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	color: var(--color1);
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	background-color: rgba(255,255,255,1);
	border: 2px solid var(--color1);
	padding: 10px;
}



/* ------------------------------------------------ */
.modalOpen {
}
.modal-bloc {
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	display:none;
	z-index:1000;
}
@media screen and (min-width: 768px) {
	.bloc-index #search-select-area .modal-bloc,
	.bloc-index #search-select-jobs .modal-bloc,
	.bloc-index.bloc-page #search-select-toku .modal-bloc {
		display: block;
		position: static;
		width: auto;
		height: auto;
	}
}
.modaloverLay {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	z-index:1000;
	background:rgba(0,0,0,0.3);
}
@media screen and (min-width: 768px) {
	.bloc-index #search-select-area .modaloverLay,
	.bloc-index #search-select-jobs .modaloverLay,
	.bloc-index.bloc-page #search-select-toku .modaloverLay {
		display: none;
	}
}
.modal-box {
	position:absolute;
	z-index:9999;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width: 100%;
	height:100%;
	border: 3px solid var(--black);
}
@media screen and (min-width: 768px) {
	.modal-box {
		width: 60%;
		height:80%;
	}
}
@media screen and (min-width: 768px) {
	.bloc-index #search-select-area .modal-box,
	.bloc-index #search-select-jobs .modal-box,
	.bloc-index.bloc-page #search-select-toku .modal-box {
		display: block;
		position: static;
		width: auto;
		height: auto;
		transform:translate(0%);
		border: none;
	}
}
@keyframes modal {
	0% {top:-100%}
	100% {top:50%}
}
@keyframes modalClose {
	0% {top:50%}
	100% {top:0%}
}
/*

.sandwichs {
	position:absolute;
	left: 0px;
	top: -0px;
	width: 40px;
	height: 40px;
	background-color: var(--black);
	z-index: 9999;
}
*/
#search-link .sandwichs {
	background-color: var(--color1);
}
.bloc-index #search-select-area .sandwichs {
	display: none;
}
/*
.sandwichs::before,
.sandwichs::after {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	position: absolute;
	top: 48%;
	width: 100%;
	height: 6%;
	content: "";
	background-color: var(--white);
	transition: all 0.8s ease-in-out;
}
.sandwichs::before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.sandwichs::after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.sandwichs:hover::before,
.sandwichs:hover::after {
	height: 14%;
}
.sandwichs:hover::before {
	-webkit-transform: rotate(315deg);
	transform: rotate(315deg);
}
.sandwichs:hover::after {
	-webkit-transform: rotate(-315deg);
	transform: rotate(-315deg);
}
.sandwichs:hover {
	cursor: pointer;
}
*/
/* ------------------------------------------------ */
.modal-inner {
	height:100%;
	overflow-y: auto;
	background:rgba(255,255,255,1);
	text-align: left;
}
/* ------------------------------------------------ */
.search-select-modal-list {
	padding: 0px 10px 10px 10px;
}
.modal-bloc-open .search-select-modal-list {
	padding: 0px 10px 80px 10px;
}
/*
.bloc-search .search-select-modal-list {
	padding: 0px 10px 80px 10px;
}
*/
.search-select-modal-list h2 {
	font-size: 1.8em;
	text-align: center;
	border-bottom: 2px solid var(--black);
	margin-bottom: 20px;
	padding: 10px 0px;
}
@media screen and (min-width: 768px) {
	.bloc-index #search-select-area .search-select-modal-list h2,
	.bloc-index #search-select-jobs .search-select-modal-list h2,
	.bloc-index.bloc-page #search-select-toku .search-select-modal-list h2 {
		display: none;
	}
}
.modal-btn {
	text-align: center;
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 2;
	width: 100%;
	text-align: center;
}
@media screen and (min-width: 768px) {
	.bloc-index #search-select-area .modal-btn,
	.bloc-index #search-select-jobs .modal-btn ,
	.bloc-index.bloc-page #search-select-toku .modal-btn {
		display: none;
	}
}
.modal-btn button {
	display: block;
	width: 100%;
	color: var(--white);
	font-size: 18px;
	font-weight: 700;
	line-height: 1em;
	background-color: var(--black);
	border: none;
	border-top: 2px solid var(--black);
	padding: 20px 0px;
	cursor: pointer;
}
.modal-btn button:hover {
	background-color: var(--color2);
}
/* ------------------------------------------------ */
#recruitpost-list {
}
/* ------------------------------------------------ */
/* ----------------------------------------- */
.result {
	background-color: #f2f2f2;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 30px;
	padding: 5px;
}
.resulttitle {
	text-align: center;
	border-bottom: 1px solid #000;
}
.resultinner {
	padding: 5px;
}
.result dl {
	font-size: 0.9em;
	line-height: 1em;
	border-bottom: 1px dashed #999;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.result dl:last-child {
	border-bottom: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.result dt {
	width: 100px;
	text-align: center;
	vertical-align: middle;
}
.result dt span {
	display: block;
	padding: 3px 3px;
}
.result dd {
	vertical-align: middle;
	padding: 5px 5px;
}
/* ----------------------------------------- */
/* ----------------------------- */
/* ----------------------------------------- */
.modalOpen {
}
.modaloverLay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	z-index:10;
	background:rgba(0,0,0,0.3);
}
.modalbox {
	position:absolute;
	z-index:9999;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width: 80%;
	height:80%;
}
@media screen and (max-width: 767px) {
	.modalbox {
		width: 90%;
	}
}
.modal-inner {
	overflow-y: auto;
	height: 100%;
}
.modalCloses {
}
@keyframes modal {
	0% {top:-100%}
	100% {top:50%}
}
@keyframes modalClose {
	0% {top:50%}
	100% {top:0%}
}

/*
.sandwichs {
	position:absolute;
	right: -100px;
	bottom: -0px;
	width: 40px;
	height: 40px;
	background-color: #000;
}
.sandwichs::before,
.sandwichs::after {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	position: absolute;
	top: 48%;
	width: 100%;
	height: 6%;
	content: "";
	background-color: #fff;
	transition: all 0.8s ease-in-out;
}
.sandwichs::before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.sandwichs::after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.sandwichs:hover::before,
.sandwichs:hover::after {
	height: 14%;
}
.sandwichs:hover::before {
	-webkit-transform: rotate(315deg);
	transform: rotate(315deg);
}
.sandwichs:hover::after {
	-webkit-transform: rotate(-315deg);
	transform: rotate(-315deg);
}
.sandwichs:hover {
	cursor: pointer;
}
*/
/* postnav---------------------------------------------------------------------- */
#postnav {
	font-size: 13px;
	line-height: 1em;
	padding: 10px 0px 30px 0px;
}
#postnav a {
	display: inline-block;
	color: #333;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 5px 5px;
}
#postnav a:hover {
	background-color: #e5d8bc;
}
#postnav a[rel=prev] {
	float: left;
}
#postnav a[rel=next] {
	float: right;

}
/* ----------------------------------------- */
.search-list {
	padding: 50px 0px;
}
@media screen and (max-width: 767px) {
	.search-list {
		padding: 30px 10px;
	}
}
.search-list h2 {
	font-size: 20px;
	font-size: clamp(18px, 2vw, 20px);
	font-weight: 700;
	line-height: 1em;
	padding: 10px 10px;
}
.search-list h2.yokoline::before,
.search-list h2.yokoline::after {
	border-bottom: 1px solid #000;
}
/*
.search-list#search-list-recruitpost {
	border: 1px solid var(--recruitpost1);
}
.search-list#search-list-jobseekerinfo {
	border: 1px solid var(--jobseekerinfo1);
}
*/
.search-count {
	margin-bottom: 40px;
}
.search-count b {
	color: var(--color1);
	font-size: 1.2em;
	font-weight: 700;
}
@media screen and (max-width: 767px) {
	.search-count {
		text-align: center;
		margin-bottom: 30px;
	}
}
/* ------------------------------------------------ */
.search-sort {
	text-align: right;
}
.search-sort ul {
	font-size: 0;
}
.search-sort ul li {
	display: inline-block;
	vertical-align: middle;
}
.search-sort ul li a {
	display: inline-block;
	font-size: 13px;
	font-weight: 500;
	line-height: 1em;
	border-right: 1px solid #000;
	padding: 0px 5px;
}
.search-sort ul li:last-child a {
	border-right: none;
}
.search-sort ul li.sort_current a {
	color: var(--color1);
}

/* ------------------------------------------------ */
.search-list-box {
	position: relative;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: var(--white);
	border: 1px solid var(--gray5);
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 10px;
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);
	margin-bottom: 30px;
	padding: 10px 10px;
}
.search-list-box.search-jobseekerinfo-box {
	padding: 0px;
	overflow: hidden;
}
.jobseekerinfo-box-keikenjob {
	padding: 3px 0px;
}
.jobseekerinfo-box-keikenjob em {
	display: inline-block;
	vertical-align: middle;
	color: var(--white);
	font-size: 12px;
	background-color: var(--blue1);
	padding: 0px 5px;
}
.jobseekerinfo-box-keikenjob b {
	display: inline-block;
	vertical-align: middle;
	padding: 0px 5px;
}
}
.jobseekerinfo-box-keikenjob span {
	display: inline-block;
	vertical-align: middle;
}
.jobseekerinfo-box-keikenjob small {
	display: inline-block;
	vertical-align: middle;
	padding: 0px 5px;
}
.jobseekerinfo-box-keikenjob strong {
	display: inline-block;
	position: relative;
	padding-right: 20px;
}
.jobseekerinfo-box-keikenjob strong::after {
	content: "";
	position: absolute;
	z-index: 0;
	right: 0px;
	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;
}
/* ------------------------------------------------ */
.search-jobseekerinfo-user {
/*
	position: absolute;
	right: 0px;
	top: 0px;
*/
	text-align: right;
	font-size: 11px;
	padding: 5px 10px;
}
.search-jobseekerinfo-user div {
	display: inline-block;
	vertical-align: middle;
	padding: 0px 5px;
}
.search-jobseekerinfo-user div span {
	display: inline-block;
	line-height: 1em;
}
.search-jobseekerinfo-user div b {
	display: inline-block;
	font-size: 13px;
	font-weight: 500;
	line-height: 1em;
}
.search-jobseekerinfo-user-login,
.search-jobseekerinfo-user-offline {
}
.search-jobseekerinfo-user-login em,
.search-jobseekerinfo-user-offline em {
	display: inline-block;
	font-weight: 400;
	line-height: 1em;
	border-radius: 30px;
	padding: 5px 8px 5px 5px;
}
.search-jobseekerinfo-user-login em {
	color: #3da856;
	background-color: #d6edd8;
}
.search-jobseekerinfo-user-offline em {
	color: #999;
	background-color: #e6e6e6;
}
.search-jobseekerinfo-list {
	position: relative;
	padding: 10px;
}
.search-jobseekerinfo-list dl {
		border-bottom: 1px solid var(--blue4);
	padding: 5px 0px;
}
.search-jobseekerinfo-list dl:last-child {
	border-bottom: none;
}
/*
.search-jobseekerinfo-list dl:nth-child(odd) {
	background-color: #f2f2f2;
}
.search-jobseekerinfo-list dl:nth-child(even) {
	background-color: #fff;
}
*/

@media screen and (min-width: 768px) {
	.search-jobseekerinfo-list dl {
		display: table;
		width: 100%;
		table-layout: fixed;
		border-spacing: 0px;
	}
	.search-jobseekerinfo-list dl dt,
	.search-jobseekerinfo-list dl dd {
		display: table-cell;
		vertical-align: middle;
	}
	.search-jobseekerinfo-list dl dt {
		width: 20%;
	}
	.search-jobseekerinfo-list dl dd {
	}
}
@media screen and (max-width: 767px) {

	.search-jobseekerinfo-list dl.search-js-table {
		display: table;
		width: 100%;
		table-layout: fixed;
		border-spacing: 0px;
	}
	.search-jobseekerinfo-list dl.search-js-table dt,
	.search-jobseekerinfo-list dl.search-js-table dd {
		display: table-cell;
		vertical-align: middle;
	}
	.search-jobseekerinfo-list dl dt {
		width: 40%;
	}
	.search-jobseekerinfo-list dl.search-js-table dt b {
	display: block;
	}
}

.search-jobseekerinfo-list dl dt {
	padding: 2px 10px;
	background-color: var(--blue4);
}
.search-jobseekerinfo-list dl dt b {
	position: relative;
	display: inline-block;
	color: var(--white);
	line-height: 1em;
	border-radius: 3px 3px 0px 0px;
	padding: 10px 10px 10px 30px;
}
@media screen and (min-width: 768px) {
	.search-jobseekerinfo-list dl dt b {
		display: block;
		border-radius: 4px;
	}
}
@media screen and (max-width: 767px) {
	.search-jobseekerinfo-list dl dt b {
		font-size: 12px;
	}
}
.search-jobseekerinfo-list dl dt b::before {
	content: "";
	position: absolute;
	left: 5px;
	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: auto 16px;
	mask-repeat: no-repeat;
	mask-position: center;
}
.search-jobseekerinfo-list dl.search-js-nickname dt b::before {
	mask-image: url("./img/icon/man2.svg");
}
.search-jobseekerinfo-list dl.search-js-age dt b::before {
	mask-image: url("./img/icon/age.svg");
}
.search-jobseekerinfo-list dl.search-js-addr dt b::before {
	mask-image: url("./img/icon/map.svg");
}
.search-jobseekerinfo-list dl.search-js-keijobs dt b::before {
	mask-image: url("./img/icon/bag2.svg");
}
.search-jobseekerinfo-list dl.search-js-kakudo dt b::before {
	mask-image: url("./img/icon/kakudo.svg");
}


.search-jobseekerinfo-list dl dd {
	font-size: 1.1em;
	padding: 2px 10px;
}

.search-js-access {
	font-size: 12px;
	padding: 0px 0px;
	line-height: 1em;
	text-align: right;
}
@media screen and (min-width: 768px) {
	.search-js-access {
		position: absolute;
		right: 10px;
		top: 10px;
	}
}
@media screen and (max-width: 767px) {
	.search-js-access {
		margin-bottom: 10px;
	}
}
.search-jobseekerinfo-btn {
	background-color: var(--blue4);
	background-color: #efede0;
}
.search-jobseekerinfo-list dl.search-js-addr dd small {
	display: none;
}
/* ------------------------------------------------ */
.search-list-tag {
	padding: 0px 0px;
	line-height: 1em;
}
.search-list-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);
	border-radius: 2px;
	margin: 0px 3px 2px 0px;
	padding: 3px 4px;
}
.search-list-tag em.tag-area1 {
	background-color: var(--color1);
	background-color: var(--color4);
	background-color: #42706d;
}
.search-list-tag em.tag-area2 {
	background-color: var(--color2);
	background-color: var(--color4);
	background-color: #3f7f19;
}
.search-list-tag em.tag-job {
	background-color: var(--color3);
	background-color: #2d7f51;
}
.search-list-tag em.tag-type {
	background-color: var(--color2);
	background-color: #0a5e7f;
}

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

.search-recruitpost-cat {
	padding: 0px 0px 5px 0px;
}
.search-recruitpost-cat em {
	display: inline-block;
	color: var(--gray1);
	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(--gray3);
	border-radius: 2px;
	margin: 0px 3px 2px 0px;
	padding: 3px 5px;
}

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

/* ------------------------------------------------ */
.search-recruitpost-fav {
}
@media screen and (min-width: 768px) {
	.search-recruitpost-fav {
		position: absolute;
		z-index: 0;
		right: 0px;
		top: 0px;
	}
}
@media screen and (max-width: 767px) {

}
.search-recruitpost-fav button {
	display: block;
	color: var(--white);
	font-size: 13px;
	text-decoration: none;
	background-color: var(--color2);
	background-repeat: no-repeat;
	background-position: 5px center;
	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="M28.417,0L1.583,0L1.583,30L15,21.209L28.417,30L28.417,0ZM15,18.202L4.099,25.344L4.099,2.516L25.901,2.516L25.901,25.344L15,18.202Z"/></svg>');
	background-size: 12px;
	padding: 5px 10px 5px 22px;
}
.search-recruitpost-fav button.is-favorited {
	background-color: var(--gray3);
}
/* ------------------------------------------------ */
.search-recruitpost-main {
}
.recruitpost-box-img {
	padding: 10px;
}
.search-recruitpost-text {
	padding: 0px 0px;
}
@media screen and (min-width:768px) {
	.search-recruitpost-main {
		display: table;
		width: 100%;
		table-layout: fixed;
		border-spacing: 0px;
	}
	.search-recruitpost-main .search-recruitpost-img,
	.search-recruitpost-main .search-recruitpost-text {
		display: table-cell;
		vertical-align: top;
	}
	.search-recruitpost-text {
		padding: 0px 10px;
	}
	.search-recruitpost-main .search-recruitpost-img {
		width: 300px;
	}
}
.search-recruitpost-img {
	text-align: center;
}
.search-recruitpost-img img {
	display: inline-block;
}
/* ------------------------------------------------ */
.search-recruitpost-title {
	border-bottom: 2px solid var(--black);
	padding: 0px 0px 10px 0px;
}
.search-recruitpost-title h2 {
	color: var(--line4);
	font-size: 24px;
	font-size: clamp(18px, 2.4vw, 24px);
	line-height: 1.2em;
	font-weight: 700;
	margin-bottom: 10px;
}
.search-recruitpost-title h2 br:last-child {
	display: none;
}
.search-recruitpost-title h3 {
	font-size: 14px;
	font-size: clamp(13px, 1.4vw, 14px);
	line-height: 1em;
	font-weight: 500;
}
/* ------------------------------------------------ */

.search-recruitpost-list {
	padding: 0px 10px;
}
.search-recruitpost-list ul {
}
.search-recruitpost-list ul li {
	border-bottom: 1px solid var(--gray5);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 20px;
	padding: 5px 0px 5px 30px;
}
.search-recruitpost-list ul li:first-child {
	border-top: none;
}
.search-recruitpost-list ul li.search-recruitpost-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>');
}
.search-recruitpost-list ul li.search-recruitpost-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>');
}
.search-recruitpost-list ul li.search-recruitpost-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>');
}
.search-recruitpost-list ul li.search-recruitpost-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>');
}

.search-recruitpost-list ul li.search-recruitpost-list-salary b {
	color: var(--red2);
	font-size: 1.3em;
}
.search-recruitpost-list ul li.search-recruitpost-list-tokten em {
	display: inline-block;
	color: var(--white);
	background-color: var(--red2);
	font-size: 12px;
	font-weight: 500;
	line-height: 1em;
	border-radius: 3px;
	padding: 5px 18px;
}
.search-recruitpost-list ul li.search-recruitpost-list-tokten strong {
	display: block;
	color: var(--black);
	font-size: 14px;
	font-size: clamp(13px, 1.4vw, 14px);
	font-weight: 400;
	line-height: 1.3em;
}

/* ------------------------------------------------ */
.search-recruitpost-btn {
/*
bloc.css
*/
}
.search-recruitpost-btm {
	padding-top: 0px;
}
/* ------------------------------------------------ */
.search-recruitpost-time {
	font-size: 0.85em;
	text-align: right;
	padding: 0px 10px 5px 10px;
}
.search-recruitpost-time span {
	display: inline-block;
	vertical-align: middle;
	padding-right: 10px;
}
/* ----------------------------------------- */
.pods-pagination-paginate {
	display: block;
	text-align: center;
	padding: 10px 0px;
}
.pods-pagination-paginate span.current,
.pods-pagination-paginate a {
	display: inline-block;
	line-height: 1em;
	vertical-align: middle;
	border-radius: 3px;
	margin: 0px 2px;
	padding: 4px 5px;
}
.pods-pagination-paginate span.current {
	font-weight: 900;
	background-color: var(--white);
}
.pods-pagination-paginate a {
	color: var(--white);
}
#search-list-recruitpost .pods-pagination-paginate span.current {
	color: var(--gray1);
}
#search-list-recruitpost .pods-pagination-paginate span.current {
	color: var(--gray1);
}
#search-list-recruitpost .pods-pagination-paginate a {
	background-color: var(--gray1);
}
#search-list-jobseekerinfo .pods-pagination-paginate a {
	background-color: var(--gray1);
}

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