
/* 共通 *******************/
.wrapper920 {
    width: 100%;
    max-width: 920px;
    margin: 0 auto;
}




/* お仕事を探す *******************/
section.search {
    padding: 53px 0 80px;
}
/* 検索結果一覧用のページタイトル */
section.search div.tag > nav ul li {
    display: none;
}
section.search div.tag > nav ul li:last-of-type {
    display: block;
}
section.search div.tag > nav ul li {
    font-size: 24px;
    font-weight: bold;
    color: #303033;
}
section.search div.tag > nav ul li::before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    background-image: url(../../images/recruit/search/icon_search.png);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-right: 8px;
}
section.search div.tag > nav ul li::after {
    content: "の求人";
    display: inline-block;
}

section.search ul.note {
    padding-top: 40px;
}
section.search ul.note > li {
    padding: 32px;
    border: 1px solid #ABACB3;
    border-radius: 8px;
    margin-bottom: 40px;
}
/* 雇用形態 */
p.employee {
    width: max-content;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    padding: 4px 8px;
    border-radius: 4px;
}
p.employee.ao {
    background: #46A594;
}
p.employee.ore {
    background: #F98F20;
}
ul.note > li > h2 {
    font-size: 18px;
    font-weight: bold;
    color: #ED1D23;
    padding: 20px 0;
    border-bottom: 1px solid #ABACB3;
    margin-bottom: 20px;
}
ul.note > li > h3 {
    font-size: 16px;
    font-weight: 500;
    color: #303033;
}
/* 募集要項 */
ul.note > li > ol {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    margin-bottom: 30px;
} 
ul.note > li > ol li img {
    width: 100%;
    max-width: 330px;
    height: auto;
}
ul.note > li > ol li table {
    width: 506px;
}
ul.note > li > ol li table tr:first-of-type {
    border-top: 1px solid #D3D8DF;
}
ul.note > li > ol li table tr {
    border-bottom: 1px solid #D3D8DF;
}
ul.note > li > ol li table th {
    position: relative;
    font-size: 14px;
    font-weight: bold;
    color: #ED1D23;
    padding: 14px 0;
}
/* 各アイコン */
ul.note > li > ol li table tr th::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 16px;
    background-image: url(../../images/recruit/search/h_kyuyo.png);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-right: 10px;
}
ul.note > li > ol li table tr:nth-of-type(2) th::before {
    background-image: url(../../images/recruit/search/h_kinmuchi.png);
}
ul.note > li > ol li table tr:nth-of-type(3) th::before {
    background-image: url(../../images/recruit/search/h_time.png);
}
ul.note > li > ol li table td {
    width: 370px;
    font-size: 14px;
    font-weight: 400;
    color: #303033;
    line-height: 1.8;
    padding: 14px 0;
}

/* 詳細を見るボタン */
ul.note > li > a {
    width: 315px;
    margin: 0 auto;
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    border-radius: 5px;
    padding: 15px 0;
    background: linear-gradient(#ED1D23 50%, #D41920 100%);
}
ul.note > li > a:hover {
    color: #ffffffd7;
    background: #D41920;
}




/* ページャー *******************/
.pagenation {
	display: table;
	text-align: center;
	margin: 0 auto 30px;
	line-height: 1.0;
	font-size:14px;
}
.pagenation span {
    display: block;
    float: left;
	font-size: 22px;
	font-weight: bold;
	color: #FFF;
	background-color: #F4F5F9;
	border: 1px solid #D4D8DB;
	border-radius: 4px;
	line-height: 43px;
	text-align: center;
	width: 48px;
	height: 48px;
	margin-left: 10px;
	margin-right: 10px;
    box-sizing: border-box;
}
.pagenation span a {
    color: #626266;
    background-color: transparent;
	width: 100%;
	height: 100%;
	padding-left: 0;
	padding-right: 0;
}
.pagenation span.current {
	color: #fff;
	background-color: #ED1D23;
    border: 1px solid #ED1D23;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 0;
	padding-right: 0;
}
.pagenation span a:hover {
    color: #fff;
	background-color: #ED1D23;
    border: 1px solid #ED1D23;
    border-radius: 4px;
}
.pagenation span.prev a,
.pagenation span.next a {
	color: #ED1D23;
}
.pagenation span.prev a:hover,
.pagenation span.next a:hover {
	color: #fff;
}
.pagenation span.scope_limit {
	color: #626266;
}




/* お仕事を探す *******************/
section.search_area {
    padding-bottom: 98px;
}



/*■■■■■■■■■■■■■■sp■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media screen and (max-width: 959px) {
*{}
*{}
/*■■■■■■■■■■■■■■sp■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


/* 共通 *******************/
.wrapper920 {
    width: 90%;
}




/* お仕事を探す *******************/
section.search {
    padding: 32px 0 48px;
    border-bottom: 1px solid #D3D8DF;
    margin-bottom: 48px;
}
/* 検索結果一覧用のページタイトル */
section.search div.tag > nav ul li {
    font-size: min(6vw,24px);
}
section.search ul.note > li {
    padding: 20px 15px;
}
ul.note > li > h2 {
    font-size: 16px;
    line-height: 1.6;
}
ul.note > li > h3 {
    font-size: 14px;
    line-height: 1.2;
}
/* 募集要項 */
ul.note > li > ol {
    display: block;
}
ul.note > li > ol li img {
    display: block;
    max-width: 600px;
    margin: 0 auto 20px;
}
ul.note > li > ol li table {
    width: 100%;
}
ul.note > li > ol li table tr:first-of-type {
    border-top: none;
}
ul.note > li > ol li table tr {
    border-bottom: none;
}
ul.note > li > ol li table th {
    font-size: 14px;
    padding: 4px 7px;
    display: block;
    width: 100%;
    background-color: #F4F5F9;
    box-sizing: border-box;
}
ul.note > li > ol li table td {
    display: block;
    width: 100%;
    padding: 8px 0;
}

/* 詳細を見るボタン */
ul.note > li > a {
    width: 100%;
    max-width: 315px;
}




/* ページャー *******************/
.pagenation span {
    font-size: 18px;
    line-height: 36px;
    width: 36px;
	height: 36px;
	margin-left: 4px;
	margin-right: 4px;
}
.pagenation span.current {
    margin-left: 4px;
	margin-right: 4px;
}




/* お仕事を探す *******************/
section.search_area {
    padding-bottom: 64px;
}




/*■■■■■■■■■■■■■■sp■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
}
/*■■■■■■■■■■■■■■sp■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/