@charset "UTF-8";
/* ======================================
   section
====================================== */
#pageBody > #mainvisual {
	max-width : 100%;
	margin : 0;
}

#pageBody > #introduction {
	max-width : 100%;
	margin : 0;
}

#pageBody > #search {
	max-width : 100%;
	margin : 0;
}

#pageBody > #jobOffer {
	max-width : 100%;
	margin : 0;
	padding : 30px 0 90px;
	background-color : #f0f0f0;
}

#pageBody > #blogs {
	max-width : 100%;
	margin : 0;
	padding : 60px 0;
	background-color : #1684b2;
}

#pageBody > #appeal {
	max-width : 100%;
	margin : 0;
}

/* ======================================
   mainvisual
====================================== */
#mainvisual {
	position : relative;
	background : url(/wp/wp-content/themes/tenshokusekkei/top/img/mainvisual.jpg)
	no-repeat center center/cover;
}

#mainvisual > .inner {
	display : flex;
	flex-direction : column;
	justify-content : center;
	max-width : 1200px;
	margin : 0 auto;
	padding : 36px 32px;
}
#mainvisual h2 {
	font-family : "Noto Serif JP", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho",
	"MS PMincho", serif;
	font-size : 3em;
	font-weight : 500;
	line-height : 1.25;
	margin-bottom : 0.35em;
	text-shadow : 1px 1px 5px white, -1px 1px 5px white;
	letter-spacing : 0.05em;
	color : #333333;
}

#mainvisual .rankingGroup_title {
	font-family : "Noto Serif JP", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho",
	"MS PMincho", serif;
	font-size : 1.5em;
	font-weight : 500;
	margin-bottom : 0.75em;
	text-shadow : 1px 1px 5px white, -1px 1px 5px white;
	color : #333333;
}

#mainvisual .rankingGroup_item {
	display : flex;
	align-items : center;
}

#mainvisual .rankingGroup_item-left > div {
	display : flex;
	align-items : center;
	margin-right : 25px;
}

#mainvisual .rankingGroup_item-left > div > div:first-of-type {
	font-size : 1rem;
	width : 200px;
	margin-right : 15px;
	padding : 10px;
	text-align : center;
	color : #ffffff;
	background-color : #222222;
}

#mainvisual .rankingGroup_item-left > div > div:nth-of-type(2) {
	font-family : "Noto Serif JP", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho",
	"MS PMincho", serif;
	font-size : 1.25rem;
	letter-spacing : 0.05em;
	color : #333333;
}

#mainvisual .rankingGroup_item-left > div > div:nth-of-type(2) span {
	font-size : 1.875rem;
	color : #fbcf49;
}

#mainvisual .rankingGroup_item-left > div > div:nth-of-type(3) {
	display : none;
}

#mainvisual .rankingGroup_item-left > div + div {
	margin-top : 10px;
}

#mainvisual .rankingGroup_item-right {
	display : flex;
	margin : 0 -2px;
}

#mainvisual .rankingGroup_item-right > div {
	padding : 0 10px;
}

/* ======================================
   introduction
====================================== */
#introduction {
	background-color : #ffffff;
}

#introduction > .inner {
	display : flex;
	max-width : 1200px;
	margin : 0 auto;
	padding : 10px 0;
}

#introduction > .inner > h3 {
	display : flex;
	font-family : "Noto Serif JP", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho",
	"MS PMincho", serif;
	font-size : 1.2rem;
	font-weight : bold;
	line-height : 1.45;
	flex-basis : 25%;
	flex-direction : column;
	flex-grow : 1;
	justify-content : center;
	margin-right : 20px;
}

#introduction > .inner > h3 span {
	display : block;
	font-family : "Meiryo", "Helvetica Neue", "Helvetica", "Hiragino Sans",
	"Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", sans-serif;
	font-size : 0.875rem;
	font-weight : 400;
	line-height : 1.45;
	margin-top : 10px;
}

#introduction > .inner > div {
	display : flex;
	flex-basis : 50%;
	justify-content : space-between;
	align-items : center;
}

#introduction > .inner > div img {
	max-width : 100%;
}

/* ======================================
   search
====================================== */
#search {
	background : #1684b2;
	background : linear-gradient(90deg, #1684b2 0%, #1684b2 50%, #2495c5 50%);
	padding-bottom: 0 !important;
}

#search > .inner {
	display : flex;
	max-width : 1200px;
	margin : 0 auto;
}

#search .searchBox {
	flex-basis : 50%;
	padding : 40px 45px 40px 0;
}

#search .searchBox_title {
	display : flex;
	align-items : center;
	margin-bottom : 16px;
}

#search .searchBox_title h3 {
	position : relative;
	font-family : "Noto Serif JP", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho",
	"MS PMincho", serif;
	font-size : 1rem;
	font-weight : 600;
	line-height : 1.45;
	margin-right : 20px;
	padding : 10px 20px;
	text-align : center;
	color : #333333;
	border-radius : 4px;
	background-color : #fbcf49;
}

#search .searchBox_title h3::after {
	position : absolute;
	bottom : -10px;
	left : 25px;
	width : 0;
	height : 0;
	content : "";
	border-width : 10px 10px 10px 0;
	border-style : solid;
	border-color : transparent #fbcf49 transparent transparent;
}

#search .searchBox_title > div {
	font-size : 1rem;
	line-height : 1.45;
	color : #ffffff;
}

#search .searchBox form {
	display : flex;
	margin-bottom : 12px;
}

#search .searchBox form input[type="text"] {
	display : block;
	flex-grow : 1;
	height : 55px;
	margin-right : 20px;
	border : #cccccc solid 1px;
	border-radius : 6px;
	box-shadow : 0 2px 8px rgba(0, 0, 0, 0.2);
}

#previewConditions {
	position : relative;
	font-size : 1.1em;
	margin-top : 8px;
	padding : 16px;
	color : #ffffff;
	border-radius : 8px;
	background-color : #39a8d7;
}
#previewConditions::after {
	display : inline-block;
	position : absolute;
	top : -8px;
	right : 66px;
	content : "";
	border-right : 8px solid transparent;
	border-bottom : 8px solid #39a8d7;
	border-left : 8px solid transparent;
}
#previewConditions > span.notfound {
	display : block;
	text-align : center;
}
#search .searchBox form .searchGroup {
	position : relative;
	flex-grow : 1;
}

#search .searchBox form .searchGroup_label {
	display : block;
	position : relative;
	font-size : 1.125rem;
	line-height : 1.2;
	width : 200px;
	padding : 15px 30px 15px 20px;
	cursor : pointer;
	text-decoration : none;
	border : none;
	border : #cccccc solid 1px;
	border-radius : 6px;
	background-color : #ffffff;
	box-shadow : 0 2px 8px rgba(0, 0, 0, 0.2);

	-webkit-appearance : none;
	   -moz-appearance : none;
	        appearance : none;
}

#search .searchBox form .searchGroup_label::after {
	position : absolute;
	top : 50%;
	right : 10px;
	font-family : "Material Icons";
	font-size : 24px;
	content : "\e145";
	transform : translateY(-50%);
	pointer-events : none;
	color : #333333;
}

#search .searchBox form .searchGroup_label span {
	font-size : 0.8em;
}

#search .searchBox form .searchGroup_list {
	font-size : 1.125rem;
	width : 170px;
	height : 55px;
	padding : 15px 30px 15px 20px;
	border : #cccccc solid 1px;
	border-radius : 6px;
	background-color : #ffffff;
	box-shadow : 0 2px 8px rgba(0, 0, 0, 0.2);

	-webkit-appearance : none;
	   -moz-appearance : none;
	        appearance : none;
}

#search .searchBox form .searchGroup_list option {
	font-size : 1rem;
	color : #333333;
}

#search .searchBox form .searchGroup.category {
	flex-basis : 8em;
}
#search .searchBox form .searchGroup.category select {
	width : 100%;
}
#search .searchBox form .searchGroup.category::after {
	position : absolute;
	top : 50%;
	right : 5px;
	font-family : "Material Icons";
	font-size : 30px;
	content : "\e5c5";
	transform : translateY(-50%);
	pointer-events : none;
	color : #333333;
}

#search .searchBox form .searchGroup + .searchGroup {
	flex-grow : 1;
	margin : 0 20px 0 50px;
}

#search .searchBox form .searchGroup + .searchGroup::before {
	position : absolute;
	top : 50%;
	left : -42px;
	font-family : "Material Icons";
	font-size : 36px;
	content : "\e5cd";
	transform : translateY(-50%);
	pointer-events : none;
	color : #fbcf49;
}
#search .searchBox form .searchGroup + .searchGroup > label {
	width : 100%;
}

#search .searchBox form > button {
	display : flex;
	position : relative;
	justify-content : center;
	align-items : center;
	width : 100px;
	height : 55px;
	cursor : pointer;
	transition : 0.2s ease-in-out;
	border-radius : 6px;
	background-color : #ffa213;
	box-shadow : 0 2px 8px rgba(0, 0, 0, 0.2);
}

#search .searchBox form > button:hover {
	background-color : #ef7900;
}

#search .searchBox form > button::before {
	display : inline-block;
	font-family : "Material Icons";
	font-size : 26px;
	content : "\e8b6";
	text-shadow : 0 2px 8px rgba(0, 0, 0, 0.2);
	color : #ffffff;
}

.searchBox #recentKeyword {
	display : flex;
	align-items : flex-start;
}
.searchBox #recentKeyword dt {
	display : inline-block;
	font-family : "Meiryo", "Helvetica Neue", "Helvetica", "Hiragino Sans",
	"Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", sans-serif;
	font-weight : 700;
	flex-basis : 31%;
	margin-right : 20px;
	padding : 5px 20px;
	text-align : center;
	color : #334666;
	background-color : #ededdb;
}
.searchBox #recentKeyword dd {
	display : flex;
	flex-basis : 65%;
	flex-grow : 1;
	flex-wrap : wrap;
}
.searchBox #recentKeyword dd a {
	display : inline-block;
	margin : 5px;
	padding-bottom : 2px;
	text-decoration : none;
	color : #ffffff;
	border-bottom : #ffffff solid 1px;
}

#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;
	height : 70vh;
	padding : 24px;
	transform : translate(-50%, -50%);
	border-radius : 6px;
	background-color : #ffffff;
}
#search_modal .container > .inner {
	overflow-y : auto;
	flex-grow : 1;
	margin-bottom : 12px;
}

#search_modal .container .set {
	padding-top : 12px;
	border-top : 1px solid #dddddd;
}
#search_modal .container .set button {
	display : block;
	font-weight : bold;
	box-sizing : border-box;
	width : 100%;
	max-width : 100%;
	padding : 1.2em;
	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 : #1684b2;
}
#search_modal .container .set button:hover {
	background-color : #0e77a3;
}
#search_modal .container .set button span {
	font-size : 0.8em;
}

#search_modal .container > .inner > dl {
	display : flex;
	font-size : 1em;
	flex-wrap : wrap;
	margin-bottom : 20px;
	border-bottom : #1684b2 solid 1px;
}
#search_modal .container > .inner > dl > dt {
	display : flex;
	font-size : 1.4em;
	font-weight : bold;
	flex-basis : 20%;
	padding : 16px;
	color : #1684b2;
	border-top : #1684b2 solid 1px;
	background-color : #ecf2f4;
}
#search_modal .container > .inner > dl > dd {
	line-height : 1.75;
	flex-basis : 61%;
	flex-grow : 1;
	border-top : #1684b2 solid 1px;
}
#search_modal .container > .inner > dl > dt::before {
	font-size : 1.2em;
	margin-right : 0.25em;
}
#search_modal .container > .inner > dl > dd h4 {
	font-weight : bold;
	padding : 1em;
	color : #1684b2;
	border-bottom : 1px dotted #aaaaaa;
}
#search_modal .container ul {
	padding : 16px;
}
#search_modal .container ul:not(:last-child) {
	border-bottom : 1px dotted #aaaaaa;
}
#search_modal .container ul > li {
	display : inline-block;
	padding : 8px;
}

#search .searchBox + .searchBox {
	padding : 40px 0 60px 40px;
}

#workLocationSelector > .inner {
	overflow-y : auto;
	max-height : 100%;
	padding-right : 8px;
}
#workLocationSelector h4 {
	font-size : 1.2em;
	font-weight : bold;
	padding : 1em;
	color : #1684b2;
	border-left : #1684b2 solid 3px;
	background-color : #ecf2f4;
}
#workLocationSelector ul {
	display : grid;
	grid-template-columns : 1fr 1fr 1fr 1fr;
	border : 1px dashed #cccccc;
}
#workLocationSelector .inner > ul:not(:last-child) {
	margin-bottom : 32px;
}
#workLocationSelector ul > li {
	border-right : 1px dashed #cccccc;
	border-bottom : 1px dashed #cccccc;
}
#workLocationSelector ul > li.__col_last {
	border-right : none;
}
#workLocationSelector ul > li.__row_last {
	border-bottom : none;
}
#workLocationSelector ul > li label {
	display : block;
	font-size : 1.2em;
	line-height : 1.45;
	padding : 1em;
}

/* ======================================
   category-list
====================================== */
#category-list {
	background: #F0F0F0;
	max-width: 100% !important;
	padding: 60px 0px 35px;
	margin-top: 30px !important;
}

#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;
}

/* ======================================
   jobOffer
====================================== */

#jobOffer > .inner {
	display : flex;
	max-width : 1200px;
	margin : 0 auto;
}

#jobOffer .mainContents {
	width : 73.3%;
	margin-right : 30px;
}

#jobOffer .subContents {
	flex-basis : 25%;
	flex-grow : 1;
}

#jobOffer .newArrival {
	padding-bottom : 60px;
}

#jobOffer .newArrival > h3 {
	display : flex;
	font-family : "Meiryo", "Helvetica Neue", "Helvetica", "Hiragino Sans",
	"Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", sans-serif;
	font-size : 1.375rem;
	font-weight : 700;
	justify-content : space-between;
	align-items : center;
	margin-bottom : 25px;
	padding : 10px 30px;
	color : #ffffff;
	background-color : #1684b2;
}

#jobOffer .newArrival > h3 > span {
	display : flex;
	align-items : flex-end;
}

#jobOffer .newArrival > h3 .date {
	font-family : Futura, "Century Gothic", "Questrial", "Meiryo", "Helvetica Neue",
	"Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial",
	"Yu Gothic", sans-serif;
	font-size : 0.875rem;
	margin-left : 40px;
	letter-spacing : 0.1em;
}

#jobOffer .newArrival > h3 .linkBtn {
	font-size : 0.875rem;
}

#jobOffer .newArrival .newArrivalContainer {
	position : relative;
	margin-bottom : 0;
}

#jobOffer .newArrival .newArrivalContainer .swiper-slide {
	height : auto;
	padding : 10px 0;
}

#jobOffer .newArrival .newArrivalContainer .swiper-button-next::after {
	content : "\e5cc";
}

#jobOffer .newArrival .newArrivalContainer .swiper-button-next,
#jobOffer .newArrival .newArrivalContainer .swiper-button-prev {
	z-index : 9;
	position : static;
}

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

#jobOffer .newArrival .newArrivalContainer .swiper-button-prev::after {
	content : "\e5cb";
}

#jobOffer .newArrival .newArrivalContainer .slider-pagination-wrapper {
	display : flex;
	position : relative;
	justify-content : center;
	align-items : center;
	padding-top : 20px;
}

#jobOffer .newArrival .newArrivalContainer .swiper-pagination {
	z-index : 9;
	position : static;
}

#jobOffer .newArrival .newArrivalContainer .swiper-pagination-bullet {
	width : 12px;
	height : 12px;
	margin : 0 6px;
}

#jobOffer .newArrival .newArrivalContainer .swiper-pagination-bullet-active {
	background : #334666;
}

#jobOffer .newArrival .newArrivalContainer .newArrivalSlider {
	position : relative;
}

#jobOffer .newArrival .newArrivalContainer .newArrivalSlider_item {
	display : flex;
	position : relative;
	flex-direction : column;
	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);
}

#jobOffer .newArrival .newArrivalContainer .newArrivalSlider_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;
}

#jobOffer .newArrival .newArrivalContainer .newArrivalSlider_item-top {
	flex-grow : 1;
	padding : 20px;
	border-radius : 6px 6px 0 0;
	background-color : #ffffff;
}

#jobOffer .newArrival .newArrivalContainer .newArrivalSlider_item-top .access {
	line-height : 1.45;
	margin-bottom : 10px;
}

#jobOffer .newArrival .newArrivalContainer .newArrivalSlider_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;
}

#jobOffer .newArrival .newArrivalContainer .newArrivalSlider_item-top .work {
	line-height : 1.45;
}

#jobOffer .newArrival .newArrivalContainer .newArrivalSlider_item-bottom {
	padding : 15px 20px;
	color : #ffffff;
	border-radius : 0 0 6px 6px;
	background-color : #a79970;
}

#jobOffer
	.newArrival
	.newArrivalContainer
	.newArrivalSlider_item-bottom
	.salary {
	position : relative;
	line-height : 1.45;
	padding-left : 20px;
}

#jobOffer
	.newArrival
	.newArrivalContainer
	.newArrivalSlider_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;
}
/* 20251114追加 開始 */

#jobOffer .search_all_recruit {
	margin-bottom : 40px;
	padding-bottom: 20px;
}
#jobOffer .search_all_recruit_container {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	flex-wrap: wrap;
}
#jobOffer .search_all_recruit_button {
	background-color: #ffa213;
	color: #ffffff;
	font-size: 1.375rem;
	font-weight: 700;
	line-height: 1.75;
	padding: 15px 40px;
	border-radius: 4px;
	text-decoration: none;
	transition: opacity 0.3s ease;
	display: flex;
    align-items: center;
    justify-content: center;
}
#jobOffer .search_all_recruit_button:hover {
	opacity: 0.9;
	text-decoration: none;
	color: #ffffff;
}
#jobOffer .search_all_recruit_button span {
	display: inline-block;
	padding-right: 25px;
	background-image: url(/wp/wp-content/themes/tenshokusekkei/common/img/icon_search.svg);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 20px 20px;
	letter-spacing: 0.125em;
}
#jobOffer .search_all_recruit_description {
	font-size: 1.125rem;
	line-height: 1.75;
	color: #000;
	align-self: flex-end;
}
#jobOffer .search_all_recruit_button::after {
    display: inline-block;
    font-family: "Material Icons";
    font-size: 28px;
    content: "\e8b6";
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
	margin-left: 12px;
    color: #ffffff;
}
/* 20251114追加 終了 */


#jobOffer .feature .pickupArea_item {
	position : relative;
	width : 100%;
	height : 226px;
	margin-bottom : 40px;
	text-decoration : none;
	border-radius : 6px;
	box-shadow : 0 2px 8px rgba(0, 0, 0, 0.2);
}
#jobOffer .feature .pickupArea_item2 {
	position : relative;
	width : 100%;
	height : 226px;
	margin-bottom : 40px;
	border-radius : 6px;
	box-shadow : 0 2px 8px rgba(0, 0, 0, 0.2);
}

#jobOffer .feature .pickupArea_item:first-of-type {
	display : block;
	padding-top : 35px;
	padding-left : 35px;
	background : url(/wp/wp-content/themes/tenshokusekkei/top/img/bg_support.jpg)
	no-repeat center center;
}

#jobOffer .feature .pickupArea_item:first-of-type > div {
	width : 50%;
}

#jobOffer .feature .pickupArea_item:first-of-type > div > div {
	margin-top : 30px;
	text-align : center;
}

#jobOffer .feature .pickupArea_item:first-of-type h4 {
	font-family : "Noto Serif JP", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho",
	"MS PMincho", serif;
	font-size : 1.625rem;
	line-height : 1.75;
	margin-bottom : 20px;
	color : #ffffff;
}

#jobOffer .feature .pickupArea_item:first-of-type h4 span {
	display : block;
	font-size : 1.125rem;
	line-height : 1.75;
}

#jobOffer .feature .pickupArea_item:first-of-type .text {
	display : inline-block;
	position : relative;
	font-family : "Noto Serif JP", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho",
	"MS PMincho", serif;
	font-size : 1.125rem;
	margin-top : 0;
	padding-right : 50px;
	text-decoration : none;
	color : #ffffff;
}

#jobOffer .feature .pickupArea_item:first-of-type a::after {
	position : absolute;
	top : 50%;
	right : 0;
	font-family : "Material Icons";
	font-size : 1.25rem;
	content : "\e5cc";
	transform : translateY(-50%);
	text-shadow : 0 2px 8px rgba(0, 0, 0, 0.2);
}

#jobOffer .feature .pickupArea_item2 {
	display : flex;
	align-items : center;
	background : url(/wp/wp-content/themes/tenshokusekkei/top/img/bg_pickup.jpg)
	no-repeat center center;

	text-decoration-line : none;
}
#jobOffer .feature .pickupArea_item2 > div {
	width : 50%;
	text-align : center;
}

#jobOffer .feature .pickupArea_item2 h4 {
	font-family : "Noto Serif JP", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho",
	"MS PMincho", serif;
	font-size : 1.625rem;
	line-height : 1.75;
	margin-bottom : 20px;
	text-align : center;
	color : #ffffff;
}

#jobOffer .feature .pickupArea_item2 h4 span {
	display : block;
	font-size : 1.125rem;
	line-height : 1.75;
	color : #ffedc4;
}

#jobOffer .feature .pickupArea_item2 .linkBtn {
	width : 18em;
	margin : 0 auto;
}
#jobOffer .feature .pickupArea_item + .pickupArea_item2 {
	margin-top : 30px;
}

#jobOffer .feature {
	padding-bottom : 60px;
}

#jobOffer .feature > 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 : 30px;
	padding : 20px 30px;
	color : #ffffff;
	background-color : #1684b2;
}

#jobOffer .feature .featureGroup {
	display : flex;
	flex-wrap : wrap;
	margin : 0 -10px 60px;
}

#jobOffer .feature .featureGroup_item {
	flex-basis : 33.3333%;
	max-width : 33.3333%;
	padding : 0 10px;
}

#jobOffer .feature .featureGroup_item:nth-of-type(n + 4) {
	margin-top : 20px;
}

#jobOffer .feature .featureGroup_item a {
	display : block;
	height : 100%;
	text-decoration : none;
	border-radius : 0 0 6px 6px;
	background-color : #ffffff;
	box-shadow : 0 2px 8px rgba(0, 0, 0, 0.2);
}

#jobOffer .feature .featureGroup_item .img {
	overflow : hidden;
}

#jobOffer .feature .featureGroup_item .img img {
	max-width : 100%;
	transition : 0.35s ease-in-out;
}

#jobOffer .feature .featureGroup_item a:hover .img img {
	transform : scale(1.2);
}

#jobOffer .feature .featureGroup_item h4 {
	font-family : "リュウミン R-KL", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho",
	"MS PMincho", serif;
	font-size : 1.25rem;
	padding : 15px 20px;
	color : #ffffff;
	background-color : #a79970;
}

#jobOffer .feature .featureGroup_item .description {
	line-height : 1.7;
	padding : 15px 20px;
}

#jobOffer .feature .articleArea {
	display : flex;
	margin : 0 -15px 60px;
}

#jobOffer .feature .articleArea_item {
	padding : 15px;
}

#jobOffer .feature .articleArea_item a {
	display : block;
	transition : 0.2s ease-in-out;
	text-decoration : none;
	border-radius : 6px;
	box-shadow : 0 2px 8px rgba(0, 0, 0, 0.2);
}

#jobOffer .feature .articleArea_item a:hover {
	opacity : 0.8;
}

#jobOffer .feature .articleArea_item h4 {
	font-family : "Noto Serif JP", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho",
	"MS PMincho", serif;
	font-size : 1.875rem;
	font-weight : 500;
	line-height : 1.75;
	height : 150px;
	text-shadow : 0 0 5px rgba(0, 0, 0, 0.5);
	color : #ffffff;
}

.articleArea_item:first-of-type h4 {
	padding : 20px;
	border-radius : 6px 6px 0 0;
	background : url(/wp/wp-content/themes/tenshokusekkei/top/img/bg_special.png)
	no-repeat center right 10px,
	#70b7c1;
}

.articleArea_item:nth-of-type(2) h4 {
	padding : 20px;
	text-align : center;
	border-radius : 6px 6px 0 0;
	background : url(/wp/wp-content/themes/tenshokusekkei/top/img/bg_blog.jpg)
	no-repeat center center;
}

#jobOffer .feature .articleArea_item h4 .title-en {
	display : block;
	font-family : Futura, "Century Gothic", "Questrial", sans-serif;
	font-size : 0.875rem;
	font-weight : 700;
	margin-bottom : 20px;
	letter-spacing : 0.1em;
}

#jobOffer .feature .articleArea_item h4 .title-s {
	display : block;
	font-size : 1.25rem;
}

#jobOffer .feature .articleArea_item .description {
	line-height : 1.7;
	padding : 15px 20px;
	border-radius : 0 0 6px 6px;
	background-color : #ffffff;
}

#jobOffer .feature .forBeginnerBox {
	margin : 40px 0 0;
	padding : 40px 50px;
	border-top : #a79970 solid 4px;
	border-bottom : #a79970 solid 4px;
	background-color : #ffffff;
}

#jobOffer .feature .forBeginnerBox > h4 {
	font-family : "Noto Serif JP", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho",
	"MS PMincho", serif;
	font-size : 1.5rem;
	font-weight : 600;
	margin-bottom : 40px;
	text-align : center;
	letter-spacing : 0.05em;
}

#jobOffer .feature .forBeginnerBox > div {
	font-family : "Noto Serif JP", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho",
	"MS PMincho", serif;
	font-size : 1.375rem;
	font-weight : 600;
	line-height : 1.45;
	margin-bottom : 30px;
	text-align : center;
	letter-spacing : 0.05em;
}

#jobOffer .feature .forBeginnerBox > div span {
	display : block;
	position : relative;
	font-size : 1rem;
	width : 200px;
	margin : 0 auto 20px;
	padding : 10px 20px;
	text-align : center;
	color : #333333;
	border-radius : 4px;
	background-color : #fbcf49;
}

#jobOffer .feature .forBeginnerBox > div span::after {
	position : absolute;
	top : 70%;
	left : 25px;
	width : 0;
	height : 0;
	content : "";
	border-width : 10px 10px 10px 0;
	border-style : solid;
	border-color : transparent #fbcf49 transparent transparent;
}

#jobOffer .feature .forBeginnerBox > ul {
	display : flex;
	flex-wrap : wrap;
	margin : 0 -10px 30px;
}

#jobOffer .feature .forBeginnerBox > ul li {
	flex-basis : 50%;
	max-width : 50%;
	padding : 0 10px;
}

#jobOffer .feature .forBeginnerBox > ul li:nth-of-type(n + 3) {
	margin-top : 20px;
}

#jobOffer .feature .forBeginnerBox > ul li > div {
	display : flex;
	align-items : center;
	height : 100%;
	padding : 10px;
	background-color : #f4f0e3;
}

#jobOffer .feature .forBeginnerBox > ul li > div > div {
	display : flex;
	justify-content : center;
	align-items : center;
	width : 75px;
	height : 75px;
	margin-right : 10px;
	border-radius : 50%;
	background-color : #1684b2;
}

#jobOffer .feature .forBeginnerBox > ul li > div > p {
	font-weight : 700;
	line-height : 1.57;
	flex-basis : 70%;
	flex-grow : 1;
}

#jobOffer .feature .forBeginnerBox .linkBtn {
	font-size : 1rem;
	width : 320px;
	margin : 0 auto;
	padding : 20px;
	background : url(/wp/wp-content/themes/tenshokusekkei/top/img/icon_first.png)
	no-repeat center left 15px,
	#ffa213;
}

#jobOffer .feature .forBeginnerBox .linkBtn:hover {
	background : url(/wp/wp-content/themes/tenshokusekkei/top/img/icon_first.png)
	no-repeat center left 15px,
	#ef7900;
}

#jobOffer .caseStudy > 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 : 30px;
	padding : 20px 30px;
	color : #ffffff;
	background-color : #1684b2;
}

#jobOffer .caseStudy_lead {
	display : flex;
	align-items : center;
	margin-bottom : 25px;
}

#jobOffer .caseStudy_lead > div:first-of-type {
	display : inline-block;
	position : relative;
	font-family : "Noto Serif JP", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho",
	"MS PMincho", serif;
	font-size : 1rem;
	font-weight : 700;
	margin : 0 20px 0 0;
	padding : 10px 20px;
	text-align : center;
	color : #333333;
	border-radius : 4px;
	background-color : #fbcf49;
}

#jobOffer .caseStudy_lead > div:first-of-type::after {
	position : absolute;
	top : 70%;
	left : 25px;
	width : 0;
	height : 0;
	content : "";
	border-width : 10px 10px 10px 0;
	border-style : solid;
	border-color : transparent #fbcf49 transparent transparent;
}

#jobOffer .caseStudy_lead > div:nth-of-type(2) {
	font-weight : 700;
	line-height : 1.7;
	color : #333333;
}

#jobOffer .caseStudy_list {
	display : flex;
	flex-wrap : wrap;
	margin : 0 -10px;
}

#jobOffer .caseStudy_list a {
	display : block;
	flex-basis : 33.3333%;
	max-width : 33.3333%;
	padding : 0 10px;
	text-decoration : none;
}

#jobOffer .caseStudy_list a .img {
	overflow : hidden;
}

#jobOffer .caseStudy_list a .img img {
	max-width : 100%;
	transition : 0.35s ease-in-out;
}

#jobOffer .caseStudy_list a:hover img {
	transform : scale(1.2);
}

#jobOffer .caseStudy_list h4 {
	font-family : "Meiryo", "Helvetica Neue", "Helvetica", "Hiragino Sans",
	"Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", sans-serif;
	font-size : 1.125rem;
	font-weight : 700;
	line-height : 1.45;
	margin : 15px 0 10px;
}

#jobOffer .applyBox {
	margin-bottom : 30px;
	padding-bottom : 25px;
	border-top : #a79970 solid 4px;
	background-color : #ffffff;
}

#jobOffer .applyBox p {
	font-family : "Noto Serif JP", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho",
	"MS PMincho", serif;
	font-size : 1.125rem;
	line-height : 1.7;
	margin : 15px 0;
	text-align : center;
	color : #334666;
}

#jobOffer .applyBox .linkBtn {
	font-size : 1.125rem;
	width : 90%;
	margin : 0 auto;
	padding-top : 20px;
	padding-bottom : 20px;
	background-color : #1684b2;
}
#jobOffer .applyBox .linkBtn:hover {
	background-color : #0d668b;
}
#jobOffer .recommend {
	margin-bottom : 30px;
}

#jobOffer .recommend > h3 {
	font-family : "Noto Serif JP", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho",
	"MS PMincho", serif;
	font-size : 1.125rem;
	line-height : 1.7;
	padding : 20px;
	letter-spacing : 0.05em;
	color : #ffffff;
	background : url(/wp/wp-content/themes/tenshokusekkei/top/img/img_recommend.png)
	no-repeat center right,
	#5a9f96;
}

#jobOffer .recommend_list > li {
	border-bottom : #e0e0e0 solid 1px;
	background-color : #ffffff;
}

#jobOffer .recommend_list > li a {
	display : block;
	padding : 25px 20px;
	transition : 0.2s ease-in-out;
	text-decoration : none;
}

#jobOffer .recommend_list > li a:hover {
	opacity : 0.8;
}

#jobOffer .recommend_list > li a div {
	line-height : 1.45;
}

#jobOffer .recommend_list > li a .company {
	font-weight : 700;
	margin-bottom : 10px;
	color : #334666;
}

#jobOffer .recommend_list > li a .area {
	margin-bottom : 10px;
	color : #666666;
}

#jobOffer .recommend > a {
	display : block;
	position : relative;
	padding : 10px 40px 10px 0;
	transition : 0.2s ease-in-out;
	text-align : right;
	text-decoration : none;
	color : #ffffff;
	background-color : #a79970;
}

#jobOffer .recommend > a:hover {
	background-color : #7f6e3d;
}

#jobOffer .recommend > a::after {
	position : absolute;
	top : 50%;
	right : 5px;
	font-family : "Material Icons";
	font-size : 1.25rem;
	content : "\e5cc";
	transform : translateY(-50%);
}

#jobOffer .blog {
	margin-bottom : 30px;
}

#jobOffer .blog > h3 {
	font-family : "Meiryo", "Helvetica Neue", "Helvetica", "Hiragino Sans",
	"Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", sans-serif;
	font-size : 1rem;
	font-weight : 700;
	margin-bottom : 15px;
	color : #334666;
}

#jobOffer .blog > ul {
	padding : 0 20px 15px;
	background-color : #ffffff;
}

#jobOffer .blog > ul > li {
	padding : 1em 0;
	border-bottom : #000000 dotted 1px;
}
#jobOffer .blog > ul > li:last-child {
	border-bottom : none;
}
#jobOffer .blog > ul > li a {
	display : block;
	font-weight : bold;
	line-height : 1.7;
	margin-bottom : 0.5em;
	text-decoration : none;
	color : #0d668b;
}

#jobOffer .blog > ul > li a:hover {
	text-decoration : underline;
	opacity : 0.8;
}

#jobOffer .blog > a {
	display : block;
	position : relative;
	padding : 10px 40px 10px 0;
	transition : 0.2s ease-in-out;
	text-align : right;
	text-decoration : none;
	color : #ffffff;
	background-color : #a79970;
}

#jobOffer .blog > a:hover {
	background-color : #7f6e3d;
}

#jobOffer .blog > a::after {
	position : absolute;
	top : 50%;
	right : 5px;
	font-family : "Material Icons";
	font-size : 1.25rem;
	content : "\e5cc";
	transform : translateY(-50%);
}

.subContents .interview {
	margin-bottom : 30px;
}

.subContents .interview > h3 {
	font-family : "Meiryo", "Helvetica Neue", "Helvetica", "Hiragino Sans",
	"Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", sans-serif;
	font-size : 1rem;
	font-weight : 700;
	color : #334666;
}

.subContents .interview > h3 img {
	width : 100%;
}

.subContents .interview > ul {
	padding : 0 20px;
	background-color : #ffffff;
}

.subContents .interview > ul > li {
	padding : 1em 0;
	border-bottom : #000000 dotted 1px;
}
.subContents .interview > ul > li:last-child {
	border-bottom : none;
}
.subContents .interview > ul > li a {
	font-weight : bold;
	line-height : 1.7;
	text-decoration : none;
	color : #0d668b;
}

.subContents .interview > ul > li a:hover {
	text-decoration : underline;
	opacity : 0.8;
}

.subContents .interview > a {
	display : block;
	position : relative;
	padding : 10px 40px 10px 0;
	transition : 0.2s ease-in-out;
	text-align : right;
	text-decoration : none;
	color : #ffffff;
	background-color : #a79970;
}

.subContents .interview > a:hover {
	background-color : #7f6e3d;
}

.subContents .interview > a::after {
	position : absolute;
	top : 50%;
	right : 5px;
	font-family : "Material Icons";
	font-size : 1.25rem;
	content : "\e5cc";
	transform : translateY(-50%);
}

.subContents .bannerGroup a {
	display : block;
	transition : 0.2s ease-in-out;
}

.subContents .bannerGroup a:hover {
	opacity : 0.8;
}

.subContents .bannerGroup a + a {
	margin-top : 20px;
}

.subContents .bannerGroup img {
	max-width : 100%;
}

/* ======================================
   blogs
====================================== */
#blogs > .inner {
	display : flex;
	justify-content : space-between;
	max-width : 1200px;
	margin : 0 auto;
}

#blogs > .inner > div:first-of-type {
	flex-basis : 73.3%;
	max-width : 73.3%;
}

#blogs > .inner > div:first-of-type 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 : #ffffff;
}

#blogs > .inner > div:first-of-type h3 span {
	display : inline-block;
	font-family : Futura, "Century Gothic", "Questrial", sans-serif;
	font-size : 1rem;
	margin-left : 15px;
}

#blogs > .inner > div:first-of-type ul {
	padding : 20px 30px;
	background-color : #2b9ecd;
}

#blogs > .inner > div:first-of-type ul li {
	display : flex;
	position : relative;
	align-items : flex-start;
	padding : 20px 0;
	color : #ffffff;
}

#blogs > .inner > div:first-of-type ul li::after {
	position : absolute;
	bottom : 0;
	left : 0;
	width : 100%;
	height : 1px;
	content : "";
	background-image : linear-gradient(
	to right,
	#ffffff,
	#ffffff 3px,
	transparent 2px,
	transparent 2px
	);
	background-size : 15px;
}

#blogs > .inner > div:first-of-type ul li span {
	display : inline-block;
	line-height : 1.45;
	flex-basis : 15%;
	margin-right : 10px;
}

#blogs > .inner > div:first-of-type ul li a {
	display : block;
	line-height : 1.45;
	flex-basis : 70%;
	flex-grow : 1;
	text-decoration : none;
}

#blogs > .inner > div:first-of-type ul li a:hover {
	text-decoration : underline;
}

#blogs > .inner > div:nth-of-type(2) {
	flex-basis : 25%;
	max-width : 25%;
}

#blogs > .inner > div:nth-of-type(2) .fb-page {
	width : 100%;
}

/* ======================================
   appeal
====================================== */
#appeal {
	position : relative;
}

#appeal > .bg {
	position : absolute;
	top : 0;
	right : 0;
	width : 33.6vw;
	height : 100%;
	background : url(/wp/wp-content/themes/tenshokusekkei/common/img/img_company.jpg)
	no-repeat top center/cover;
}

#appeal > .inner {
	position : relative;
	max-width : 1200px;
	margin : 0 auto;
}

#appeal > .inner > div {
	width : 73.3%;
	padding : 60px 20px 95px 0;
	background-color : #ffffff;
}

#appeal h3 {
	font-family : "Noto Serif JP", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho",
	"MS PMincho", serif;
	font-size : 1.875rem;
	font-weight : 600;
	line-height : 1.7;
	margin-bottom : 30px;
	color : #1684b2;
}

#appeal h3 span {
	display : block;
	font-size : 1.125rem;
	line-height : 1.45;
	color : #666666;
}

#appeal p {
	font-size : 1rem;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	#pageBody > #jobOffer {
		padding-bottom : 60px;
	}
	#mainvisual > .inner {
		justify-content : center;
		padding : 24px;
	}
	#mainvisual h2 {
		font-size : 2.25rem;
	}
	#introduction > .inner {
		padding : 20px;
	}
	#introduction > .inner > h3 {
		flex-basis : 25%;
		flex-grow : 1;
		margin-right : 20px;
	}
	#introduction > .inner > div {
		flex-basis : 50%;
	}
	#introduction > .inner > div img {
		width : 100%;
	}
	#search {
		background : linear-gradient(0deg, #1684b2 0%, #1684b2 50%, #2495c5 50%);
	}
	#search > .inner {
		flex-direction : column;
	}
	#search .searchBox {
		padding : 40px 20px;
	}
	#search .searchBox + .searchBox {
		padding : 40px 20px;
	}
	#search_modal .container > .inner > dl {
		display : block;
	}
	#search_modal .container > .inner > dl > dt {
		font-size : 1.2em;
		padding : 0.75em 0.5em;
	}
	#search_modal .container > .inner > dl > dd ul {
		padding : 16px 0;
	}
	#search_modal .container > .inner > dl {
		display : block;
	}
	#category-list {
		padding: 50px 20px 10px;
	}
	#jobOffer > .inner {
		flex-direction : column;
		padding : 0 20px;
	}
	#jobOffer .mainContents {
		width : 100%;
		margin : 0;
		margin-bottom : 60px;
	}
	#jobOffer .subContents {
		width : 100%;
	}
	#jobOffer .feature .pickupArea_item:first-of-type h4 {
		font-size : 1.5rem;
	}
	#jobOffer .feature .pickupArea_item:first-of-type .text {
		font-size : 0.9375rem;
		line-height : 25px;
		padding-right : 30px;
	}
	#jobOffer .applyBox .img {
		text-align : center;
		background-color : #138dbe;
	}
	#jobOffer .bannerGroup {
		display : flex;
		flex-wrap : wrap;
		margin : 0 -10px;
	}
	#jobOffer .bannerGroup a {
		flex-basis : 33.3333%;
		padding : 0 10px;
	}
	#jobOffer .bannerGroup a:last-of-type {
		flex-grow : 1;
		margin-top : 20px;
		text-align : center;
	}
	#jobOffer .bannerGroup a + a {
		margin-top : 0;
	}

	#blogs > .inner {
		padding : 0 20px;
	}
	#appeal {
		padding-bottom : 300px;
	}
	#appeal > .bg {
		top : auto;
		bottom : 0;
		width : 100%;
		height : 300px;
		background-position : top left;
	}
	#appeal > .inner {
		padding : 60px 20px;
	}
	#appeal > .inner > div {
		width : 100%;
		padding : 0;
	}
}

@media screen and (max-width: 767px) {
	#pageBody > #jobOffer {
		padding : 25px 0;
	}
	#pageBody > section {
		padding-bottom: 15px;
	}
	#mainvisual {
		background : none;
	}
	#mainvisual > .inner {
		display : block;
		height : auto;
		padding : 0;
	}
	#mainvisual h2 {
		font-size : 1.5em;
		line-height : 1.6;
		margin : 0;
		padding : 20px 20px 25px;
		text-shadow : 1px 1px 3px white, -1px 1px 3px white, 1px -1px 3px white,
		-1px -1px 3px white;
		background : url(/wp/wp-content/themes/tenshokusekkei/top/img/mainvisual_sp.jpg)
		no-repeat center top/cover;
	}
	#mainvisual h2 .fontSize-s {
		font-size : 1.2em;
	}
	#mainvisual .rankingGroup {
		padding : 15px 20px 20px;
		background-color : #1684b2;
	}
	#mainvisual .rankingGroup_title {
		font-size : 1em;
		line-height : 1.7;
		margin-bottom : 5px;
		text-align : center;
		text-shadow : none;
		color : #ffffff;
	}
	#mainvisual .rankingGroup_item {
		display : block;
	}
	#mainvisual .rankingGroup_item-left > div {
		justify-content : center;
		margin : 0;
	}
	#mainvisual .rankingGroup_item-left > div > div:first-of-type {
		font-size : 0.85em;
		width : auto;
		min-width : 10em;
		padding : 0.5em;
	}
	#mainvisual .rankingGroup_item-left > div > div:nth-of-type(2) {
		font-size : 1.25em;
		margin-right : 15px;
		color : #ffffff;
	}
	#mainvisual .rankingGroup_item-left > div > div:nth-of-type(2) span {
		font-size : 1.25em;
		color : #fbcf49;
	}
	#mainvisual .rankingGroup_item-left > div > div:nth-of-type(3) {
		display : block;
	}
	#mainvisual .rankingGroup_item-left > div > div:nth-of-type(3) img {
		max-width : 100%;
		height : 26px;
	}
	#mainvisual .rankingGroup_item-right {
		display : none;
		justify-content : center;
		margin : 10px -10px 0 0;
	}
	#introduction > .inner {
		flex-direction : column;
		padding : 15px 20px 10px;
	}
	#introduction > .inner > h3 {
		font-size : 1em;
		flex-basis : auto;
		margin : 0 0 15px 0;
		text-align : center;
	}
	#introduction > .inner > h3 span {
		font-size : 0.875em;
		margin-top : 1em;
	}
	#introduction > .inner > div:first-of-type {
		flex-basis : 50%;
		justify-content : center;
	}
	#search {
		background : none;
	}
	#search > .inner {
		flex-direction : column;
	}
	#search .searchBox {
		padding : 20px 15px;
		background : #1684b2;
	}
	#search .searchBox_title h3 {
		font-size : 0.875rem;
		padding : 10px;
	}
	#search .searchBox form {
		justify-content : space-between;
	}
	#search .searchBox form input[type="text"] {
		margin-right : 10px;
	}
	#search .searchBox form .searchGroup {
		width : 35%;
	}
	#search .searchBox form .searchGroup_label {
		font-size : 1rem;
		width : 100%;
		padding : 17px 30px 17px 10px;
	}
	#search .searchBox form .searchGroup_list {
		padding : 17px 30px 17px 10px;
	}
	#search .searchBox form .searchGroup + .searchGroup {
		margin : 0 10px 0 30px;
	}
	#search .searchBox form .searchGroup + .searchGroup::before {
		left : -25px;
		font-size : 20px;
	}
	#search .searchBox form .searchGroup.category {
		flex-basis : 4em;
	}
	#search .searchBox form button {
		width : 50px;
	}
	#search_modal .container {
		width : 90vw;
		height : 90vh;
		padding : 16px;
	}
	#search_modal .container > .inner > dl {
		display : block;
	}
	#search_modal .container > .inner > dl > dt {
		font-size : 1.2em;
		padding : 0.75em 0.5em;
	}
	#search_modal .container > .inner > dl > dd ul {
		padding : 16px 0;
	}
	#search_modal .container > .inner > dl {
		display : block;
	}
	#search .searchBox #recentKeyword {
		flex-direction : column;
	}
	#search .searchBox #recentKeyword dt {
		flex-basis : auto;
		margin : 0 0 15px 0;
	}
	#search .searchBox #recentKeyword dd {
		flex-basis : auto;
	}
	#search .searchBox + .searchBox {
		padding : 20px 15px;
		background : #2495c5;
	}
	#category-list {
		padding: 35px 20px 10px;
	}
	.category-list_inner_box #recentKeyword dd{
		font-size: 0.875rem;
	}
	#jobOffer > .inner {
		flex-direction : column;
		padding : 0 15px;
	}
	#jobOffer .mainContents {
		width : 100%;
		margin : 0;
		margin-bottom : 40px;
	}
	#jobOffer .subContents {
		width : 100%;
	}
	#jobOffer .newArrival > h3 {
		flex-direction : column;
		align-items : flex-start;
		padding : 15px 20px;
	}
	#jobOffer .newArrival > h3 > span {
		line-height : 1.45;
		flex-direction : column;
		align-items : flex-start;
		width : 100%;
		margin-bottom : 15px;
	}
	#jobOffer .newArrival > h3 .date {
		display : block;
		width : 100%;
		margin : 15px 0 0 0;
		text-align : right;
	}

	#jobOffer .feature .pickupArea_item:first-of-type {
		height : auto;
		margin-top : 100px;
		padding : 20px 15px;
		background : #b8a67e;
	}
	#jobOffer .feature .pickupArea_item:first-of-type > div {
		width : 100%;
	}
	#jobOffer .feature .pickupArea_item:first-of-type h4 {
		text-align : center;
	}
	#jobOffer .feature .pickupArea_item:first-of-type .text {
		line-height : 1.45;
		width : 100%;
		padding : 15px 35px 15px 20px;
		text-shadow : 0 0 5px rgba(0, 0, 0, 0.4);
		border-radius : 6px;
		background-color : #ffa213;
		box-shadow : 0 2px 8px rgba(0, 0, 0, 0.2);
	}
	#jobOffer .feature .pickupArea_item:first-of-type .text::after {
		right : 10px;
	}
	#jobOffer .feature .pickupArea_item2 {
		height : auto;
		padding : 20px 15px;
		background : #4dadbb;
	}
	#jobOffer .feature .pickupArea_item2 > div {
		width : 100%;
	}
	#jobOffer .feature .featureGroup {
		flex-direction : column;
	}
	#jobOffer .feature .featureGroup_item {
		flex-basis : auto;
		max-width : 100%;
	}
	#jobOffer .feature .featureGroup_item + .featureGroup_item {
		margin-top : 70px;
	}
	#jobOffer .feature .featureGroup_item .img img {
		width : 100%;
	}
	#jobOffer .feature .articleArea {
		flex-direction : column;
	}
	#jobOffer .feature .forBeginnerBox {
		padding : 20px 10px;
	}
	#jobOffer .feature .forBeginnerBox > h4 {
		line-height : 1.45;
		margin-bottom : 15px;
	}
	#jobOffer .feature .forBeginnerBox > ul {
		flex-direction : column;
	}
	#jobOffer .feature .forBeginnerBox > ul li {
		flex-basis : auto;
		max-width : 100%;
	}
	#jobOffer .feature .forBeginnerBox > ul li + li {
		margin-top : 30px;
	}
	#jobOffer .feature .forBeginnerBox > ul li:nth-of-type(n + 3) {
		margin-top : 30px;
	}
	#jobOffer .feature .forBeginnerBox > ul li > div {
		flex-direction : column;
		padding : 30px 20px;
	}
	#jobOffer .feature .forBeginnerBox > ul li > div > div {
		margin : 0 0 15px 0;
	}
	#jobOffer .feature .forBeginnerBox .linkBtn {
		width : 100%;
	}
	#jobOffer .caseStudy_lead {
		flex-direction : column;
	}
	#jobOffer .caseStudy_lead > div:first-of-type {
		margin : 0 0 20px 0;
	}
	#jobOffer .caseStudy_list {
		flex-direction : column;
	}
	#jobOffer .caseStudy_list a {
		flex-basis : auto;
		max-width : 100%;
	}
	#jobOffer .caseStudy_list a + a {
		margin-top : 30px;
	}
	#jobOffer .caseStudy_list a .img img {
		width : 100%;
	}
	#jobOffer .applyBox {
		margin-bottom : 60px;
	}
	#jobOffer .applyBox .linkBtn {
		width : 88%;
	}
	#jobOffer .applyBox .img {
		text-align : center;
		background-color : #138dbe;
	}
	#jobOffer .recommend {
		margin-bottom : 60px;
	}
	#jobOffer .recommend > a {
		padding : 20px 40px 20px 0;
	}
	#jobOffer .blog {
		margin-bottom : 60px;
	}
	#jobOffer .blog > a {
		padding : 20px 40px 20px 0;
	}
	#jobOffer .search_all_recruit { 
		padding:0;
	}
	#jobOffer .search_all_recruit_container {
		gap: 5px;
	}

	.subContents .interview {
		margin-bottom : 60px;
	}
	.subContents .interview > a {
		padding : 20px 40px 20px 0;
	}

	#jobOffer .bannerGroup img {
		width : 100%;
	}
	#blogs > .inner {
		display : block;
		padding : 0 20px;
	}
	#blogs > .inner > div:first-of-type {
		flex-basis : auto;
		max-width : 100%;
	}
	#blogs > .inner > div:first-of-type ul {
		padding : 0 20px 20px;
	}
	#blogs > .inner > div:first-of-type ul li {
		font-size : 0.875rem;
		flex-direction : column;
	}
	#blogs > .inner > div:first-of-type ul li span {
		flex-basis : auto;
		margin : 0 0 15px 0;
	}
	#blogs > .inner > div:first-of-type ul li a {
		flex-basis : auto;
	}
	#blogs > .inner > div:nth-of-type(2) {
		flex-basis : auto;
		max-width : 100%;
		margin-top : 30px;
	}
	#appeal {
		padding-bottom : 200px;
	}
	#appeal > .bg {
		top : auto;
		bottom : 0;
		width : 100%;
		height : 200px;
		background-position : top left;
	}
	#appeal > .inner {
		padding : 40px 20px;
	}
	#appeal > .inner > div {
		width : 100%;
		padding : 0;
	}
	#appeal h3 {
		font-size : 1.25rem;
	}
	#appeal h3 span {
		font-size : 0.875rem;
		margin-bottom : 10px;
	}
	#appeal p {
		font-size : 0.875rem;
	}
}
.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;
}
#settingSelector {
	padding-top : 1em;
	padding-bottom : 0.5em;
	text-align : center;
	border-top : 1px dotted #aaaaaa;
}
#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;
}
#settingSelector button::before {
	display : inline-block;
	font-family : "Material Icons";
	margin-right : 0.25em;
	content : "\e148";
}

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

#searchButton {
	padding : 8px;
}
#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;
}
#searchButton button:hover {
	background-color : #ef7900;
}
#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;
}