@charset "UTF-8";
/* ======================================
   searchList
====================================== */

#searchList > h1 {
	display : flex;
	font-size : 2em;
	font-weight : 700;
	align-items : center;
	margin-bottom : 30px;
}

#searchList > h1::before {
	display : inline-block;
	font-family : "Material Icons";
	font-size : 1.4em;
	margin-right : 5px;
	content : "\e8b6";
	transform : translateY(0.05em);
	color : #1684b2;
}

#searchList .searchKeyword {
	margin-bottom : 8px;
	padding : 12px;
	background-color : #ffffff;
	box-shadow : rgb(0 0 0 / 20%) 0 0 3px;
}
#searchList .keyword {
	display : grid;
	grid-template-columns : 1fr 16em;
	grid-gap : 16px;
}
#searchList .keyword input {
	display : block;
	flex-grow : 1;
	width : 100%;
	max-width : 100%;
	padding : 0.5em;
	border : #cccccc solid 1px;
	border-radius : 4px;
}
#searchList .keyword > div {
	display : flex;
	justify-content : center;
	align-items : center;
}
#searchList .keyword > button {
	font-weight : bold;
	width : 14em;
	margin : 0 auto;
	padding : 1em;
	cursor : pointer;
	transition : background-color 0.2s ease-out;
	text-shadow : 1px 1px 5px rgb(0 0 0 / 30%), -1px 1px 5px rgb(0 0 0 / 30%);
	color : #ffffff;
	border-radius : 2em;
	background-color : #ffa213;
}
#searchList .keyword > button:hover {
	background-color : #ef7900;
}

#searchList .keyword > #__popup_keyword {
	display : none;
}
#searchList .popup .keyword > #__popup_keyword {
	display : flex;
	z-index : 100;
	position : fixed;
	top : 0;
	left : 0;
	font-size : 1.2em;
	justify-content : center;
	align-items : center;
	width : 100%;
	height : 100%;
	letter-spacing : 0.05em;
	background-color : rgba(0, 0, 0, 0.4);
}
#searchList .keyword > #__popup_keyword div {
	transition : opacity 1s ease-out;
	opacity : 0;
}
#searchList .popup .keyword > #__popup_keyword div {
	padding : 2em;
	opacity : 1;
	border-radius : 6px;
	background-color : #ffffff;
}

#searchList .searchSetting {
	margin-bottom : 50px;
	border : 6px solid #ffffff;
	background-color : #ffffff;
	box-shadow : rgb(0 0 0 / 20%) 0 0 3px;
}

#searchCondition > p {
	font-size : 1.4em;
	font-weight : bold;
	margin-bottom : 16px;
	padding : 0.5em 1em;
	color : #ffffff;
	background-color : #1684b2;
}

#settingPreview {
	margin-bottom : 8px;
}
#settingPreview > li {
	display : grid;
	grid-template-columns : 10em 1fr;
	grid-gap : 16px;
}
#settingPreview > li.notfound {
	grid-template-columns : 1fr;
	font-size : 1.2em;
	padding : 1em;
	text-align : center;
}
#settingPreview > li:not(:last-child) {
	margin-bottom : 8px;
}
#settingPreview > li > h5 {
	display : flex;
	font-size : 1.2em;
	font-weight : bold;
	justify-content : center;
	align-items : center;
	color : #1684b2;
	border-right : 1px solid #cccccc;
}
#settingPreview p {
	padding : 0.5em;
}
#searchList #settingSelector {
	padding-top : 1em;
	padding-bottom : 0.5em;
	text-align : center;
	border-top : 1px dotted #aaaaaa;
}
#searchList #settingSelector button {
	display : flex;
	font-size : 1em;
	font-weight : bold;
	justify-content : center;
	align-items : center;
	box-sizing : border-box;
	width : 18em;
	max-width : 100%;
	margin : 0 auto;
	padding : 1em;
	cursor : pointer;
	transition : background-color 0.2s ease-out;
	text-shadow : 1px 1px 5px rgb(0 0 0 / 30%), -1px 1px 5px rgb(0 0 0 / 30%);
	color : #ffffff;
	border-radius : 2em;
	background-color : #1684b2;
}
#searchList #settingSelector button::before {
	display : inline-block;
	font-family : "Material Icons";
	margin-right : 0.25em;
	content : "\e148";
}

#searchList #settingSelector button:hover {
	background-color : #0e77a3;
}

#searchList #searchButton {
	padding : 8px;
}
#searchList #searchButton button {
	display : flex;
	font-size : 1.2em;
	font-weight : bold;
	justify-content : center;
	align-items : center;
	box-sizing : border-box;
	width : 60%;
	max-width : 100%;
	margin : 0 auto;
	padding : 1em;
	cursor : pointer;
	transition : background-color 0.2s ease-out;
	text-shadow : 1px 1px 5px rgb(0 0 0 / 30%), -1px 1px 5px rgb(0 0 0 / 30%);
	color : #ffffff;
	border-radius : 6px;
	background-color : #ffa213;
}
#searchList #searchButton button:hover {
	background-color : #ef7900;
}
#searchList #searchButton button span {
	font-size : 0.8em;
}

#search_modal {
	visibility : hidden;
	z-index : 100;
	position : fixed;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
	transition : background-color 0.2s ease-out;
	opacity : 0;
	background-color : rgba(0, 0, 0, 0.4);
}
#search_modal.open {
	visibility : visible;
	opacity : 1;
}
#search_modal .container {
	display : flex;
	position : absolute;
	top : 50%;
	left : 50%;
	flex-direction : column;
	width : 80vw;
	max-width : 1024px;
	max-height : 80vh;
	padding : 24px;
	transform : translate(-50%, -50%);
	border-radius : 6px;
	background-color : #ffffff;
}

#search_modal .container > .close {
	position : absolute;
	top : -2em;
	right : -2em;
	overflow : hidden;
	width : 0;
	height : 0;
	padding-top : 4em;
	padding-left : 4em;
	cursor : pointer;
	border-radius : 50%;
	background-color : #000000;
}
#search_modal .container > .close:hover {
	background-color : #333333;
}
#search_modal .container > .close::before {
	display : inline-block;
	position : absolute;
	top : 50%;
	left : 50%;
	font-family : "Material Icons";
	font-size : 2.4em;
	font-weight : 700;
	content : "\e5cd";
	transform : translateX(-50%) translateY(-50%);
	color : #ffffff;
}

#search_modal .container > .search {
	padding-top : 12px;
	border-top : 1px solid #dddddd;
}
#search_modal .container > .search button {
	display : block;
	font-size : 1.2em;
	font-weight : bold;
	box-sizing : border-box;
	width : 100%;
	max-width : 24em;
	margin : 0 auto;
	padding : 1em;
	cursor : pointer;
	transition : all 0.5s ease-out;
	text-align : center;
	text-shadow : 1px 1px 5px rgb(0 0 0 / 30%), -1px 1px 5px rgb(0 0 0 / 30%);
	color : #ffffff;
	border-radius : 32px;
	background-color : #ffa213;
}
#search_modal .container > .search button:hover {
	background-color : #ef7900;
}
#search_modal .container > .search button .resultNum {
	display : inline;
}
#search_modal .container > .search button .resultNum span {
	font-family : Futura, "Century Gothic", "Questrial", sans-serif;
	font-size : 1.4em;
	margin : 0 0.5em;
}
#search_modal .container > .inner {
	position : relative;
	overflow-y : auto;
	flex-grow : 1;
	margin-bottom : 12px;
}

#searchItems {
	border-right : 1px solid #dddddd;
	border-bottom : 1px solid #dddddd;
	border-left : 1px solid #dddddd;
}
#searchItems > dt {
	display : grid;
	grid-template-columns : 5em 1fr 7em;
	font-size : 1.2em;
	font-weight : bold;
	align-items : center;
	padding : 0.75em;
	color : #1684b2;
	border-top : 1px solid #dddddd;
	background-color : #ffffff;
}
#searchItems > dt:last-child {
	border-bottom : 1px solid #dddddd;
}
#searchItems > dt > p {
	display : inline-block;
	padding : 0.25em 1em 0.25em 0.25em;
	border-right : 1px solid #dddddd;
}
#searchItems > dt > span {
	font-size : 0.8em;
	font-weight : normal;
	line-height : 1.4em;
	padding : 0.25em 1em;
	color : #444444;
}
#searchItems > dt > button {
	display : flex;
	font-size : 0.75em;
	font-weight : bold;
	line-height : 1;
	justify-content : center;
	align-items : center;
	padding : 1em;
	cursor : pointer;
	transition : background-color 0.2s ease-out;
	color : #444444;
	border : 1px solid #dddddd;
	border-radius : 2em;
	background-color : #ffffff;
}
#searchItems > dt > button:hover {
	background-color : #dddddd;
}
#searchItems > dt > button span {
	line-height : 1.4em;
	margin-left : 0.5em;
}
#searchItems > dd {
	overflow : hidden;
	max-height : 0;
	transition : all 0.3s ease-out;
}
#searchItems > dd.open {
	overflow : hidden;
	max-height : 20em;
}

#searchItems > dd > .inner {
	padding : 0.75em;
	border-top : 1px solid #dddddd;
	background-color : #f3f3f3;
}
#searchItems > dd > ul {
	display : flex;
	flex-wrap : wrap;
}
#searchItems > dd > ul > li {
	padding : 0.5em;
}

/* === */

#searchList .jobOfferNum {
	font-size : 1.5rem;
	font-weight : 700;
	margin-bottom : 20px;
}

#searchList .jobOfferNum span {
	font-family : Futura, "Century Gothic", "Questrial", sans-serif;
	font-size : 2.25rem;
	font-weight : 600;
	letter-spacing : 0.03em;
	color : #ffa213;
}

#searchList .jobOfferResult_item {
	padding : 24px 40px 40px;
	border-top : #1684b2 solid 4px;
	background-color : #ffffff;
}

#searchList .jobOfferResult_item .category {
	margin-bottom : 6px;
}
#searchList .jobOfferResult_item .category::after {
	display : block;
	clear : both;
	content : "";
}
#searchList .jobOfferResult_item .category > .new {
	display : inline-block;
	font-family : Futura, "Century Gothic", "Questrial", sans-serif;
	font-size : 16px;
	font-weight : 600;
	line-height : 1.25;
	float : left;
	margin : 0 18px 12px 0;
	padding : 8px 12px;
	color : #ffffff;
	background-color : #dc2a2a;
	white-space : nowrap;
}
#searchList .jobOfferResult_item .category > .jobkind {
	display : inline;
	float : left;
}
#searchList .jobOfferResult_item .category > .jobkind > li {
	display : inline-block;
	font-size : 20px;
	line-height : 1.25;
	margin-right : 18px;
	padding : 6px 0;
	color : #1684b2;
}
#searchList .jobOfferResult_item .category > .feature {
	display : inline;
	float : left;
}
#searchList .jobOfferResult_item .category > .feature > li {
	display : inline-block;
	font-size : 16px;
	line-height : 1.25;
	margin : 6px 18px 6px 0;
	padding : 6px 8px;
	color : #1684b2;
	border : #1684b2 solid 1px;
	background-color : #ffffff;
}

#searchList .jobOfferResult_item .title {
	font-family : "Meiryo", "Helvetica Neue", "Helvetica", "Hiragino Sans",
	"Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", sans-serif;
	font-size : 1.375rem;
	font-weight : 700;
	line-height : 1.6;
	margin-bottom : 10px;
	color : #334666;
}

#searchList .jobOfferResult_item .campany {
	font-size : 1.125rem;
	font-weight : 700;
	margin-bottom : 12px;
}

#searchList .jobOfferResult_item .option {
	display : flex;
	flex-wrap : wrap;
	align-items : center;
	margin : 0 -3px 15px;
}

#searchList .jobOfferResult_item .option > div {
	font-size : 1rem;
	margin : 5px;
	padding : 5px 15px;
	color : #1684b2;
	border : #1684b2 solid 1px;
}

#searchList .jobOfferResult_item .job {
	display : flex;
	font-size : 1em;
	flex-wrap : wrap;
	margin-bottom : 20px;
	border-bottom : #1684b2 solid 1px;
}

#searchList .jobOfferResult_item .job > dt {
	font-weight : bold;
	flex-basis : 20%;
	padding : 16px;
	color : #1684b2;
	border-top : #1684b2 solid 1px;
	background-color : #ecf2f4;
}
#searchList .jobOfferResult_item .job > dd {
	line-height : 1.75;
	flex-basis : 61%;
	flex-grow : 1;
	padding : 16px;
	border-top : #1684b2 solid 1px;
}
#searchList .jobOfferResult_item .job > dd > * {
	line-height : 1.75;
}
#searchList .jobOfferResult_item .job > dd > *:not(:last-child) {
	margin-bottom : 1em;
}
#searchList .jobOfferResult_item .job > dd span.necessary {
	display : inline-block;
	font-size : 0.8em;
	font-weight : bold;
	margin : 0 0.75em 0.75em 0;
	padding : 0.5em 0.75em;
	background-color : #ffe045;
}
#searchList .jobOfferResult_item .job > dd span.welcome {
	display : inline-block;
	font-size : 0.8em;
	font-weight : bold;
	margin : 0 0.75em 0.75em 0;
	padding : 0.5em 0.75em;
	color : #ffffff;
	background-color : #1ebfa1;
}
#searchList .jobOfferResult_item .job > dd span.station {
	display : inline-block;
	font-size : 0.8em;
	font-weight : bold;
	margin : 0 0.75em 0.75em 0;
	padding : 0.5em 0.75em;
	color : #ffffff;
	background-color : #1684b2;
}
#searchList .jobOfferResult_item .job > dd .summary {
	font-weight : bold;
	margin-bottom : 0.75em;
}

#searchList .jobOfferResult_item footer {
	display : flex;
	justify-content : space-between;
}

#searchList .jobOfferResult_item footer .linkBtn {
	font-size : 1.5rem;
	width : 380px;
	padding : 23px 0;
}

#searchList .jobOfferResult_item footer .linkBtn::after {
	right : 25px;
	font-size : 1.875rem;
}

#searchList .jobOfferResult_item footer .detail-right {
	font-size : 0.75rem;
	text-align : right;
	color : #777777;
}

#searchList .jobOfferResult_item footer .detail-right div + div {
	margin-top : 10px;
}

#searchList .jobOfferResult_item + .jobOfferResult_item {
	margin-top : 30px;
}

/* ======================================
   jobOfferHeader
====================================== */
#jobOfferHeader {
	width : 100%;
	padding : 75px 0;
	border-top : #1684b2 solid 4px;
}

#jobOfferHeader > .inner {
	display : flex;
	justify-content : space-between;
	width : 1200px;
	margin : 0 auto;
}

#jobOfferHeader .jobOfferHeader_title {
	font-family : "Meiryo", "Helvetica Neue", "Helvetica", "Hiragino Sans",
	"Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", sans-serif;
	font-size : 1.875rem;
	font-weight : 700;
	line-height : 1.45;
	flex-basis : 83.33333%;
	color : #334666;
}

#jobOfferHeader .jobOfferHeader-right {
	font-size : 0.75rem;
	flex-grow : 1;
	text-align : right;
	color : #444444;
}

#jobOfferHeader .jobOfferHeader-right div {
	margin-top : 10px;
}

/* ======================================
   jobOfferDetail
====================================== */
#pageBody #columnContents {
	padding: 30px 0 100px!important;
}
#pageBody #category-list {
	margin-top:-100px;
	padding-bottom: 100px;
}
#pageBody > #contents {
	padding-top : 0;
	padding-bottom : 150px;
}

.jobOfferDetail_category {
	width : 100%;
	background-color : #d9f0fa;
}

.jobOfferDetail_category > .inner {
	display : flex;
	justify-content : space-between;
	align-items : center;
	max-width : 1200px;
	margin : 0 auto;
	padding : 20px 0;
}

.jobOfferDetail_category > .inner .inner-left {
	display : flex;
	flex-grow : 1;
	align-items : center;
}

.jobOfferDetail_category > .inner .inner-left .new {
	font-family : Futura, "Century Gothic", "Questrial", sans-serif;
	font-size : 1.125rem;
	font-weight : 600;
	margin-right : 15px;
	padding : 5px 15px;
	color : #ffffff;
	background-color : #dc2a2a;
}

.jobOfferDetail_category > .inner .inner-left .name {
	font-size : 1.125rem;
	margin-right : 60px;
	color : #1684b2;
}

.jobOfferDetail_category > .inner .inner-left .option {
	display : flex;
	flex-basis : 60%;
	flex-grow : 1;
	flex-wrap : wrap;
	align-items : center;
}

.jobOfferDetail_category > .inner .inner-left .option > div {
	font-size : 1rem;
	margin : 5px;
	padding : 5px 15px;
	color : #1684b2;
	border : #1684b2 solid 1px;
	background-color : #ffffff;
}

.jobOfferDetail_category > .inner .linkBtn {
	font-size : 1rem;
	width : 230px;
	padding : 20px 0;
}

.jobOfferDetail_category > .inner .linkBtn::after {
	display : none;
}

.jobOfferDetail_main {
	margin : 40px 0 70px;
	padding : 20px;
	background-color : #ffffff;
}

.jobOfferDetail_main > h3 {
	font-family : "Meiryo", "Helvetica Neue", "Helvetica", "Hiragino Sans",
	"Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", sans-serif;
	font-size : 1.375rem;
	font-weight : 700;
	margin-bottom : 35px;
	padding : 20px 30px;
	color : #ffffff;
	background-color : #1684b2;
}

.jobOfferDetail_main > h4 {
	font-family : "Meiryo", "Helvetica Neue", "Helvetica", "Hiragino Sans",
	"Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", sans-serif;
	font-size : 1.5rem;
	font-weight : 700;
	margin-bottom : 30px;
	color : #1684b2;
}

.jobOfferDetail_main .description {
	font-size : 1rem;
	margin-bottom : 30px;
}

.jobOfferDetail_main .description strong {
	font-weight : 700;
}

.jobOfferDetail_main .description p + p {
	margin-top : 30px;
}

.jobOfferDetail_main .recruitment {
	display : flex;
	font-size : 1rem;
	flex-wrap : wrap;
	border-bottom : #1684b2 solid 1px;
}

.jobOfferDetail_main .recruitment > dt {
	font-family : "Meiryo", "Helvetica Neue", "Helvetica", "Hiragino Sans",
	"Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", sans-serif;
	font-weight : 700;
	line-height : 1.8;
	flex-basis : 14.65517%;
	padding : 20px 30px;
	color : #1684b2;
	border-top : #1684b2 solid 1px;
	background-color : #ecf2f4;
}

.jobOfferDetail_main .recruitment > dd {
	line-height : 1.8;
	flex-basis : 75%;
	flex-grow : 1;
	padding : 20px 24px;
	border-top : #1684b2 solid 1px;
}

.jobOfferDetail_main .recruitment > dd strong {
	font-weight : 700;
}

.jobOfferDetail_main .recruitment > dd p + p {
	margin-top : 30px;
}

.jobOfferDetail_point {
	display : flex;
	position : relative;
	margin : 0 30px 55px;
	border-radius : 14px;
	background-color : #ffffff;
}

.jobOfferDetail_point::before {
	display : flex;
	position : absolute;
	top : -30px;
	left : -30px;
	font-family : Futura, "Century Gothic", "Questrial", sans-serif;
	font-size : 1rem;
	font-weight : 600;
	justify-content : center;
	align-items : center;
	width : 90px;
	height : 90px;
	content : "POINT";
	letter-spacing : 0.05em;
	color : #1684b2;
	border : #1684b2 solid 5px;
	border-radius : 100px;
	background-color : #fbcf49;
}

.jobOfferDetail_point > h3 {
	display : flex;
	font-family : "Meiryo", "Helvetica Neue", "Helvetica", "Hiragino Sans",
	"Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", sans-serif;
	font-size : 1rem;
	font-weight : 700;
	flex-basis : 21.92982%;
	justify-content : center;
	align-items : center;
	color : #ffffff;
	border-radius : 14px 0 0 14px;
	background-color : #1684b2;
}

.jobOfferDetail_point > div {
	font-size : 1rem;
	line-height : 1.8;
	flex-basis : 60%;
	flex-grow : 1;
	padding : 50px;
	border-radius : 0 14px 14px 0;
	box-shadow : inset 0 0 0 5px #1684b2;
}

.jobOfferDetail_company {
	margin : 40px 0 70px;
	padding : 20px;
	background-color : #ffffff;
}

.jobOfferDetail_company > h3 {
	font-family : "Meiryo", "Helvetica Neue", "Helvetica", "Hiragino Sans",
	"Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", sans-serif;
	font-size : 1.375rem;
	font-weight : 700;
	margin-bottom : 35px;
	padding : 20px 30px;
	color : #ffffff;
	background-color : #1684b2;
}

.jobOfferDetail_company .campany {
	display : flex;
	font-size : 1rem;
	flex-wrap : wrap;
	border-bottom : #1684b2 solid 1px;
}

.jobOfferDetail_company .campany > dt {
	font-family : "Meiryo", "Helvetica Neue", "Helvetica", "Hiragino Sans",
	"Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", sans-serif;
	font-weight : 700;
	line-height : 1.8;
	flex-basis : 14.65517%;
	padding : 20px 30px;
	color : #1684b2;
	border-top : #1684b2 solid 1px;
	background-color : #d2ecf7;
}

.jobOfferDetail_company .campany > dd {
	line-height : 1.8;
	flex-basis : 75%;
	flex-grow : 1;
	padding : 20px 24px;
	border-top : #1684b2 solid 1px;
}

.jobOfferDetail_company .campany > dd strong {
	font-weight : 700;
}

.jobOfferDetail_company .campany > dd p + p {
	margin-top : 30px;
}

.jobOfferDetail_relation .relation_heading {
	font-family : "Meiryo", "Helvetica Neue", "Helvetica", "Hiragino Sans",
	"Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", sans-serif;
	font-size : 1.375rem;
	font-weight : 700;
	margin-bottom : 30px;
	padding : 20px 30px;
	color : #ffffff;
	background-color : #1684b2;
}

.jobOfferDetail_relation .relationContainer {
	position : relative;
	margin-bottom : 70px;
}

.jobOfferDetail_relation .relationContainer .swiper-slide {
	height : auto;
	padding : 10px 0;
}

.jobOfferDetail_relation .relationContainer .swiper-button-next::after {
	content : "\e5cc";
}

.jobOfferDetail_relation .relationContainer .swiper-button-next,
.jobOfferDetail_relation .relationContainer .swiper-button-prev {
	z-index : 9;
	position : static;
}

.jobOfferDetail_relation .relationContainer .swiper-button-next::after,
.jobOfferDetail_relation .relationContainer .swiper-button-prev::after {
	position : relative;
	font-family : "Material Icons";
	height : 24px;
	color : #888888;
}

.jobOfferDetail_relation .relationContainer .swiper-button-prev::after {
	content : "\e5cb";
}

.jobOfferDetail_relation .relationContainer .slider-pagination-wrapper {
	display : flex;
	position : relative;
	justify-content : center;
	align-items : center;
	padding-top : 20px;
}

.jobOfferDetail_relation .relationContainer .swiper-pagination {
	z-index : 9;
	position : static;
}

.jobOfferDetail_relation .relationContainer .swiper-pagination-bullet {
	width : 12px;
	height : 12px;
	margin : 0 6px;
}

.jobOfferDetail_relation .relationContainer .swiper-pagination-bullet-active {
	background : #334666;
}

.jobOfferDetail_relation .relationContainer .relationSlider {
	position : relative;
}

.jobOfferDetail_relation .relationContainer .relationSlider_item {
	display : block;
	position : relative;
	height : 100%;
	transition : 0.2s ease-in-out;
	text-decoration : none;
	border-radius : 6px;
	box-shadow : 0 2px 8px rgba(0, 0, 0, 0.2);
}

.jobOfferDetail_relation .relationContainer .relationSlider_item.new::before {
	position : absolute;
	top : 0;
	left : 20px;
	width : 35px;
	height : 15px;
	content : "";
	transform : translateY(-50%);
	background : url(/wp/wp-content/themes/tenshokusekkei/common/img/icon_new.svg)
	no-repeat center center;
}

.jobOfferDetail_relation .relationContainer .relationSlider_item-top {
	padding : 20px;
	border-radius : 6px 6px 0 0;
	background-color : #ffffff;
}

.jobOfferDetail_relation .relationContainer .relationSlider_item-top .access {
	line-height : 1.45;
	margin-bottom : 10px;
}

.jobOfferDetail_relation .relationContainer .relationSlider_item-top .title {
	font-family : "Meiryo", "Helvetica Neue", "Helvetica", "Hiragino Sans",
	"Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", sans-serif;
	font-size : 1rem;
	font-weight : 700;
	line-height : 1.5;
	margin-bottom : 10px;
	color : #334666;
}

.jobOfferDetail_relation .relationContainer .relationSlider_item-top .work {
	line-height : 1.45;
}

.jobOfferDetail_relation .relationContainer .relationSlider_item-bottom {
	padding : 15px 20px;
	color : #ffffff;
	border-radius : 0 0 6px 6px;
	background-color : #a79970;
}

.jobOfferDetail_relation
	.relationContainer
	.relationSlider_item-bottom
	.salary {
	position : relative;
	line-height : 1.45;
	padding-left : 20px;
}

.jobOfferDetail_relation
	.relationContainer
	.relationSlider_item-bottom
	.salary::before {
	position : absolute;
	top : 0.2em;
	left : 0;
	width : 13px;
	height : 13px;
	content : "";
	background : url(/wp/wp-content/themes/tenshokusekkei/common/img/icon_yen.svg)
	no-repeat center center;
}

.jobOfferDetail_relation .contact_heading {
	font-size : 1.5rem;
	font-weight : 700;
	line-height : 1.45;
	margin-bottom : 40px;
	text-align : center;
	color : #1684b2;
}

.jobOfferDetail_relation .contact_heading > span {
	display : inline-block;
	position : relative;
}

.jobOfferDetail_relation .contact_heading > span::before {
	z-index : 0;
	position : absolute;
	bottom : 0;
	width : 100%;
	height : 10px;
	content : "";
	background-color : #fbcf49;
}

.jobOfferDetail_relation .contact_heading > span > span {
	position : relative;
}

.jobOfferDetail_relation .contact_text {
	font-size : 1rem;
	max-width : 815px;
	margin : 0 auto 25px;
}

.jobOfferDetail_relation .linkBtn {
	font-size : 1.5rem;
	line-height : 1.2;
	width : 460px;
	margin : 0 auto;
	padding : 25px 40px;
}

.jobOfferDetail_relation .linkBtn::after {
	right : 25px;
	font-size : 1.875rem;
}

.jobOfferDetail_relation .linkBtn span {
	font-size : 1.125rem;
}

.end_p {
	margin-top : 20px;
	text-align : center;
}

@media screen and (max-width: 767px) {
	#searchList {
		padding-bottom : 0;
	}
	#searchList > h1 {
		font-size : 1.5rem;
		margin-bottom : 0.5em;
	}
	#searchList .keyword {
		grid-template-columns : 1fr;
	}
	#settingPreview {
		padding : 0 12px;
	}
	#settingPreview > li {
		display : block;
	}
	#settingPreview > li > h5 {
		font-size : 1em;
		justify-content : flex-start;
		margin-bottom : 0.5em;
		padding : 0 0.5em;
		text-align : left;
		border-right : none;
		border-left : 3px solid #1684b2;
	}
	#settingPreview > li p {
		padding : 0;
	}
	#searchItems > dt {
		display : block;
		position : relative;
		padding : 0.75em 2.5em 0.75em 0.75em;
	}
	#searchItems > dt > h4 {
		display : block;
		font-size : 0.8em;
		margin-top : 0.25em;
		padding : 0;
		border-right : none;
	}
	#searchItems > dt > span {
		display : block;
		margin-top : 0.25em;
		padding : 0;
	}
	#searchItems > dt > button {
		display : flex;
		position : absolute;
		top : 50%;
		right : 8px;
		font-size : 0.75em;
		justify-content : center;
		align-items : center;
		padding : 0.5em 0.75em;
		transform : translateY(-50%);
	}
	#searchItems > dt > button span {
		display : none;
	}
	#searchItems > dd.open {
		max-height : 60em;
	}
	#searchItems > dd > .inner {
		font-size : 0.8em;
		padding : 0.5em;
	}
	#searchItems > dd > ul > li {
		line-height : 1.45;
		padding : 0.35em 0.5em;
	}
	#searchList .keyword > button {
		width : 18em;
	}

	#search_modal .container {
		width : 88vw;
	}
	#search_modal .container > .search {
		padding-top : 0;
		border-top : none;
	}
	#search_modal .container {
		padding : 12px 8px;
	}
	#search_modal .container > .search button {
		font-size : 0.9em;
	}
	#search_modal .container > .search button .resultNum span {
		font-size : 1em;
		margin : 0;
	}
	#search_modal .container > .close {
		top : -1.2em;
		right : -1.2em;
		padding-top : 2.4em;
		padding-left : 2.4em;
	}
	#search_modal .container > .close::before {
		font-size : 1.4em;
	}

	#searchList .jobOfferResult_item {
		padding : 20px 20px 30px;
	}
	#searchList .jobOfferResult_item .title {
		font-size : 1rem;
	}
	#searchList .jobOfferResult_item .option > div {
		font-size : 0.8rem;
		margin : 0.2em;
	}
	#searchList .jobOfferResult_item .campany {
		margin-bottom : 1em;
	}
	#searchList .jobOfferResult_item .job {
		display : block;
		margin-bottom : 30px;
	}
	#searchList .jobOfferResult_item .job > dt {
		font-size : 1rem;
		padding : 16px;
	}
	#searchList .jobOfferResult_item .job > dd {
		font-size : 1rem;
		padding : 16px 8px;
	}

	#searchList .jobOfferResult_item footer {
		flex-direction : column;
	}
	#searchList .jobOfferResult_item footer .linkBtn {
		width : 100%;
	}
	#searchList .jobOfferResult_item footer .detail-right {
		margin-top : 30px;
	}
	#jobOfferHeader {
		padding : 30px 0;
	}
	#jobOfferHeader > .inner {
		flex-direction : column;
		width : 100%;
		padding : 0 20px;
	}
	#jobOfferHeader .jobOfferHeader_title {
		font-size : 1.25rem;
		flex-basis : auto;
	}
	#jobOfferHeader .jobOfferHeader-right {
		margin-top : 20px;
	}
	#pageBody > #contents {
		padding-bottom : 60px;
	}
	.jobOfferDetail_category > .inner {
		flex-direction : column;
		align-items : flex-start;
		padding : 20px;
	}
	.jobOfferDetail_category > .inner .linkBtn {
		width : 100%;
		margin : 20px 0 0;
	}
	.jobOfferDetail_main .recruitment {
		display : block;
	}
	.jobOfferDetail_main .recruitment > dt {
		padding : 10px 20px;
	}
	.jobOfferDetail_main .recruitment > dd {
		padding : 20px 0;
	}
	.jobOfferDetail_point {
		flex-direction : column;
		margin : 0 0 55px;
	}
	.jobOfferDetail_point::before {
		top : -45px;
		left : -15px;
		width : 80px;
		height : 80px;
	}
	.jobOfferDetail_point > h3 {
		flex-basis : auto;
		padding : 20px 0;
		border-radius : 14px 14px 0 0;
	}
	.jobOfferDetail_point > div {
		flex-basis : auto;
		padding : 30px;
		border-radius : 0 0 14px 14px;
	}
	.jobOfferDetail_company .campany {
		display : block;
	}
	.jobOfferDetail_company .campany > dt {
		padding : 10px 20px;
	}
	.jobOfferDetail_company .campany > dd {
		padding : 20px 0;
	}
	.jobOfferDetail_relation .linkBtn {
		font-size : 1.25rem;
		width : 100%;
		padding : 25px;
	}
	.jobOfferDetail_relation .linkBtn::after {
		right : 10px;
	}
	.jobOfferDetail_relation .linkBtn span {
		font-size : 1rem;
	}
	#category-list {
		padding: 35px 20px 10px!important;
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	#searchList .jobOfferResult_item .job {
		display : block;
		margin-bottom : 30px;
	}
	#searchList .jobOfferResult_item .job > dt {
		padding : 10px 20px;
	}
	#searchList .jobOfferResult_item .job > dd {
		padding : 20px 0;
	}
	#jobOfferHeader {
		padding : 50px 0;
	}
	#jobOfferHeader > .inner {
		flex-direction : column;
		width : 100%;
		padding : 0 20px;
	}
	#jobOfferHeader .jobOfferHeader_title {
		font-size : 1.5rem;
		flex-basis : auto;
	}
	.jobOfferDetail_category > .inner {
		flex-direction : column;
		align-items : flex-start;
		padding : 20px;
	}
	.jobOfferDetail_category > .inner .linkBtn {
		margin : 20px auto 0;
	}
	.jobOfferDetail_main .recruitment {
		display : block;
	}
	.jobOfferDetail_main .recruitment > dt {
		padding : 10px 20px;
	}
	.jobOfferDetail_main .recruitment > dd {
		padding : 20px 0;
	}
	.jobOfferDetail_point {
		flex-direction : column;
	}
	.jobOfferDetail_point > h3 {
		flex-basis : auto;
		padding : 20px 0;
		border-radius : 14px 14px 0 0;
	}
	.jobOfferDetail_point > div {
		flex-basis : auto;
		border-radius : 0 0 14px 14px;
	}
	.jobOfferDetail_company .campany {
		display : block;
	}
	.jobOfferDetail_company .campany > dt {
		padding : 10px 20px;
	}
	.jobOfferDetail_company .campany > dd {
		padding : 20px 0;
	}
}
/* ======================================
   category-list
====================================== */
#category-list {
	background: #F0F0F0;
	max-width: 100% !important;
	padding: 30px 0px 100px;
}

#category-list > .inner {
	max-width: 1200PX;
	margin: 0 auto;
}

#category-list > .inner > h3 {
	font-family: Meiryo, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, sans-serif;
	font-size: 1.5rem;
	font-weight: 700;
	margin-bottom: 25px;
	color: #0d668b;
}

#category-list > .inner > .category-list_inner_box dl {
	color: #0d668b;
}

#category-list > .inner > .category-list_inner_box {
	margin: 24px 0;
}

#category-list > .inner > .category-list_inner_box dl dt {
	font-family: Meiryo, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, sans-serif;
	font-size: 1.0rem;
	font-weight: 700;
	margin-bottom: 25px;
	color: #0d668b;
}


.category-list_inner_box #recentKeyword dd a {
	display : inline-block;
	margin : 5px;
	padding-bottom : 2px;
	text-decoration : none;
	color : #0d668b;
	border-bottom : #0d668b solid 1px;
}