@charset "UTF-8";

/*//////////////////////////////////////////////*/
/* [[ base.js ]] */
/*//////////////////////////////////////////////*/
.ui-slider-navi {
	cursor: pointer;
}

/*//////////////////////////////////////////////*/
/* [[ common ]] */
/*//////////////////////////////////////////////*/
/*[memo]
body class + 一部のソース変更にてデザインを変更する仕様です。
アルキタ = arukita
ジョブキタ = jobkita
SG総合 = sg
SG旭川 = sg asa
SG函館 = sg hkd
SG千恵 = sg cie
SG苫小牧 = sg tmk
SG十勝 = sg tkc
SG釧路 = sg ksr
SG北見 = sg ktm
SG小樽 = sg otr
SG岩滝 = sg iwt
しゅふきた総合 = shufukita
しゅふきた札幌 = shufukita spr
しゅふきた旭川 = shufukita asa
しゅふきた函館 = shufukita hkd
しゅふきた千恵 = shufukita cie
しゅふきた苫小牧 = shufukita tmk
しゅふきた十勝 = shufukita tkc
しゅふきた釧路 = shufukita ksr
しゅふきた北見 = shufukita ktm
学生 = gakusei
オタルナビ = otaru
------------------------------------------------*/
body {
	color: #212121;
	font-size: 14px;
	line-height:1.5;
	-webkit-text-size-adjust: none;
	background: #ddd;
}

a { color: #00f; }
a:visited { color: #039; }
a:hover { color: #00f; }
a:active { color: #003; }

img.jobIcon {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin-right: 3px;
}

/* [[ ┠ #header ]] */
/*==============================================*/
#header {
	border-bottom: solid 1px #ddd;
	background: #fff;
}
#headerWrap {
	width: 940px;
	height: 80px;
	margin:0 auto;

	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}

/* [[ ┃┠ #siteTitle ]] */
/*----------------------------------------------*/
#siteTitle {
	/* 未指定 */
}
#siteTitle span {
	display: block;
	font-weight: bold;
	font-size: 11px;
	line-height: 20px;
}
#siteTitle img {
	display: block;
	height: 30px;
}

/* [[ ┃┗ #utilityNav ]] */
/*----------------------------------------------*/
#utilityNav {
	/* 未指定 */
}
#utilityNav ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
}
#utilityNav li {
	font-size: 11px;
}
#utilityNav li + li {
	margin-left: 10px;
}

#utilityNav li a {
	display: block;
	color: #666;
	text-decoration: none;

	padding-left: 15px;
	position: relative;
}
#utilityNav li a:hover {
	color: #00f;
	text-decoration: underline;
}
#utilityNav li a:before {
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;

	width: 0;
	height: 0;

	border-style: solid;
	border-width: 4px 8px;
	border-color: transparent transparent transparent #ccc;

	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

/* [[ ┠ #contents ]] */
/*==============================================*/
#contents {
	padding-top: 20px;
	padding-bottom: 60px;
	/*
	↑
	body background-color指定あり
	body.xxx で各サイトのデザイン変更する仕様のため
	#contents と #footer の空きを #contents で持つようにしています。
	（#footer 空きもつと body の背景色が出てしまうため）
	*/
	background: #fff;
}

#contentsWrap {
	width: 940px;
	margin:0 auto;
}

/*---------------*/
#contents #main {
	/* 未指定 */
}
body#jobDetail #sub {
	padding-top: 40px;
}

/*---------------*/
#mainBody {
	float: left;
	width: 540px;
	padding: 20px 0 0 0;
}

#mainBody:first-child {
	padding-top: 0;
}

#mainSidebar {
	float: right;
	width: 380px;
	padding: 20px 0 0 0;
}

#mainBody:first-child + #mainSidebar {
	padding-top: 0;
}

/* [[ ┃┠ #contentsHeader ]] */
/*----------------------------------------------*/
#contentsHeader {
	padding: 20px 0 0 0;
}

#contents .returnLink + #contentsHeader/* .returnLink = 求人詳細最上部戻りリンク */
{
	padding-top: 10px;
}

#contentsHeader:first-child {
	padding-top: 0;
}

/*---------------*/
#contentsHeader h1:not(.imgheadline) {
	padding: 10px 0;
	border-top: solid 5px #666;
	border-bottom: solid 1px #ddd;
	color: #000;
	font-weight: bold;
	font-size: 18px;
}

/*---------------*/
#contentsHeader h1.imgheadline {
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}

#contentsHeader h1.imgheadline img {
	display: block;
}

/*---------------*/
#contentsHeader .lead {
	padding: 20px 0 0 0;
}
#contentsHeader .lead + .lead {
	margin-top: 20px;
	border-top: solid 1px #ddd;
}

/*---------------*/
#contentsHeader .lead .images.layoutLeft {
	float: left;
	padding: 0 10px 0 0;
}
#contentsHeader .lead .images.layoutRight {
	float: right;
	padding: 0 0 0 10px;
}
#contentsHeader .lead .images a,
#contentsHeader .lead .images img {
	display: block;
}

/*---------------*/
#contentsHeader .lead p {
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	border-top: dotted 1px #ddd;
	overflow: hidden;/* .images float */
}
#contentsHeader .lead p:first-child,
#contentsHeader .lead .images + p {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
	/* reset */
}
#contentsHeader .lead p strong {
	color: #000;
	font-weight: bold;
}

/* [[ ┃┠ #contentsFooter ]] */
/*----------------------------------------------*/
#contentsFooter {
	padding-top: 20px;
}

/* [[ ┃┠ .nav ]] */
/*----------------------------------------------*/
#contentsHeader .nav {
	margin: 20px 0 0 0;
	padding: 9px 0;
	border: solid 1px #e6e6e6;
	text-align: center;
	background: #f6f6f6;
	border-radius: 5px;
}
#contentsHeader .nav li {
	display: inline-block;
	padding: 0 10px;
	font-size: 12px;
}
#contentsHeader .nav li + li {
	border-left: solid 1px #d6d6d6;
}

/* [[ ┃┠ .pagination ]] */
/*----------------------------------------------*/
/*[memo]
#contentsHeader / #contentsFooter で使用
------------------------------------------------*/
#contents .pagination {
	padding: 20px 0 0 0;
}
#contents .pagination:first-child {
	padding-top: 0;
}

/*---------------*/
#contents .pagination .pageStatus {
	color: #000;
	font-weight: bold;
	text-align: center;
}
#contents .pagination .pageStatus strong {
	color: #f00;
}

/*---------------*/
#contents .pagination .pageNav {
	margin-top: 10px;

	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

/*---------------*/
#contents .pagination .pageNav li {
	width: 30px;
	height: 30px;

	font-size: 12px;
	line-height: 12px;

	/* text center middle */
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
#contents .pagination .pageNav li:not(.back):not(.next) {
	background-color: #eee;
}
#contents .pagination .pageNav li + li {
	margin-left: 5px;
}
#contents .pagination .pageNav li:not(.back):not(.next).act {
	background-color: #666;
	color: #fff;
	font-weight: bold;
}

/*---------------*/
#contents .pagination .pageNav li a {
	text-decoration: none;
	color: #333;

	width: 100%;
	height: 100%;

	/* text center middle */
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

/*---------------*/
#contents .pagination .pageNav li.first {
	margin-right: 35px;
}
#contents .pagination .pageNav li.last {
	margin-left: 40px;
}
#contents .pagination .pageNav li.first,
#contents .pagination .pageNav li.last {
	position: relative;
}
#contents .pagination .pageNav li.first:after,
#contents .pagination .pageNav li.last:before {
	content: "…";

	width: 30px;
	height: 30px;

	/* text center middle */
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;

	position: absolute;
	top: 0;
}
#contents .pagination .pageNav li.first:after {
	left: 35px;
}
#contents .pagination .pageNav li.last:before {
	right: 35px;
}

/*---------------*/
#contents .pagination .pageNav li.back,
#contents .pagination .pageNav li.next {
	width: auto;
	/* reset */
	color: #ccc;
	font-weight: bold;
}
#contents .pagination .pageNav li.back {
	padding-left: 20px;

	/* 下記URLエンコードしたSVGから「ccc」を検索して色を変えてください */
	background-image: url("data:image/svg+xml,%3csvg%20version%3d%221%2e0%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20width%3d%2218px%22%20height%3d%2230px%22%20viewBox%3d%220%200%2018%2030%22%3e%0d%0a%09%3cg%3e%0d%0a%09%09%3cpath%20fill%3d%22%23ccc%22%20d%3d%22M15%2e5%2c30a2%2e5%2c2%2e5%2c0%2c0%2c0%2c1%2e77%2d4%2e27L6%2e54%2c15%2c17%2e27%2c4%2e27A2%2e5%2c2%2e5%2c0%2c1%2c0%2c13%2e73%2e73L1%2e23%2c13%2e23a2%2e5%2c2%2e5%2c0%2c0%2c0%2c0%2c3%2e54l12%2e5%2c12%2e5A2%2e49%2c2%2e49%2c0%2c0%2c0%2c15%2e5%2c30Z%22%2f%3e%0d%0a%09%3c%2fg%3e%0d%0a%3c%2fsvg%3e");
	background-position: left center;
	background-repeat: no-repeat;
	-webkit-background-size: auto 20px;
	background-size: auto 20px;
}
#contents .pagination .pageNav li.next {
	padding-right: 20px;

	/* 下記URLエンコードしたSVGから「ccc」を検索して色を変えてください */
	background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218px%22%20height%3D%2230px%22%20viewBox%3D%220%200%2018%2030%22%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpath%20fill%3D%22%23ccc%22%20d%3D%22M3%2C30a2.49%2C2.49%2C0%2C0%2C1-1.77-.73%2C2.52%2C2.52%2C0%2C0%2C1%2C0-3.54L12%2C15%2C1.23%2C4.27A2.5%2C2.5%2C0%2C0%2C1%2C4.77.73l12.5%2C12.5a2.52%2C2.52%2C0%2C0%2C1%2C0%2C3.54L4.77%2C29.27A2.49%2C2.49%2C0%2C0%2C1%2C3%2C30Z%22%2F%3E%0D%0A%09%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E");
	background-position: right center;
	background-repeat: no-repeat;
	-webkit-background-size: auto 20px;
	background-size: auto 20px;
}
#contents .pagination .pageNav li.back a {
	margin-left: -20px;
	padding-left: 20px;

	/* 下記URLエンコードしたSVGから「222」を検索して色を変えてください */
	background-image: url("data:image/svg+xml,%3csvg%20version%3d%221%2e0%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20width%3d%2218px%22%20height%3d%2230px%22%20viewBox%3d%220%200%2018%2030%22%3e%0d%0a%09%3cg%3e%0d%0a%09%09%3cpath%20fill%3d%22%23222%22%20d%3d%22M15%2e5%2c30a2%2e5%2c2%2e5%2c0%2c0%2c0%2c1%2e77%2d4%2e27L6%2e54%2c15%2c17%2e27%2c4%2e27A2%2e5%2c2%2e5%2c0%2c1%2c0%2c13%2e73%2e73L1%2e23%2c13%2e23a2%2e5%2c2%2e5%2c0%2c0%2c0%2c0%2c3%2e54l12%2e5%2c12%2e5A2%2e49%2c2%2e49%2c0%2c0%2c0%2c15%2e5%2c30Z%22%2f%3e%0d%0a%09%3c%2fg%3e%0d%0a%3c%2fsvg%3e");
	background-position: left center;
	background-repeat: no-repeat;
	-webkit-background-size: auto 20px;
	background-size: auto 20px;
}
#contents .pagination .pageNav li.next a {
	margin-right: -20px;
	padding-right: 20px;

	/* 下記URLエンコードしたSVGから「222」を検索して色を変えてください */
	background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218px%22%20height%3D%2230px%22%20viewBox%3D%220%200%2018%2030%22%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpath%20fill%3D%22%23222%22%20d%3D%22M3%2C30a2.49%2C2.49%2C0%2C0%2C1-1.77-.73%2C2.52%2C2.52%2C0%2C0%2C1%2C0-3.54L12%2C15%2C1.23%2C4.27A2.5%2C2.5%2C0%2C0%2C1%2C4.77.73l12.5%2C12.5a2.52%2C2.52%2C0%2C0%2C1%2C0%2C3.54L4.77%2C29.27A2.49%2C2.49%2C0%2C0%2C1%2C3%2C30Z%22%2F%3E%0D%0A%09%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E");
	background-position: right center;
	background-repeat: no-repeat;
	-webkit-background-size: auto 20px;
	background-size: auto 20px;
}

/* [[ ┃┠ .caution ]] */
/*----------------------------------------------*/
/*[memo]
お探しのページが見つかりません。
------------------------------------------------*/
#contents .caution {
	margin: 20px 0 0 0;
	padding: 14px;
	border: solid 1px #ccc;
	border-radius: 5px;
}

/*---------------*/
#contents .caution p {
	padding: 15px 0 0 0;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}
#contents .caution p.alert {
	color: #f00;
}
#contents .caution p + p {
	margin: 15px 0 0 0;
	border-top: dotted 1px #ddd;
}
#contents .caution p:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

/*---------------*/
#contents .caution .links {
	padding: 15px 0 0 0;
	text-align: center;
}
#contents .caution p + .links {
	margin: 15px 0 0 0;
	border-top: dotted 1px #ddd;
}
#contents .caution .links:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}
#contents .caution .links li {
	display: inline-block;
	margin: 0 5px;
}
#contents .caution .links li a {
	width: 240px;
	height: 45px;

	background-color: #999;
	border-radius: 5px;
	box-shadow: inset 0 -3px 0 rgba(0,0,0, 0.2);
	padding-bottom: 5px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	/* テキスト middle 合わせ */
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;

	color: #fff;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	white-space: nowrap;
}

/* [[ ┃┠ .spec ]] */
/*----------------------------------------------*/
/*[memo]
メリットアイコン
------------------------------------------------*/
#contents .spec {
	margin-top: 20px;
}
#contents .jdetSpec .spec {
	margin-top: 10px;
}

/*---------------*/
#contents .spec ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
}
#contents .spec li {
	width: 20%;
	height: 20px;
	padding-right: 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#contents .spec li:nth-child(5n) {
	padding-right: 0;
}
#contents .spec li:nth-child(n + 6) {
	margin-top: 1px;
}

/*---------------*/
#contents .spec li span {
	width: 100%;
	height: 100%;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	line-height: 1;
	text-align: center;
	background: #bbb;

	/* text center middle */
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

/*---------------*/
#contents .spec .help {
	padding: 5px 0 0 0;
}
#contents .spec .help a {
	display: inline-block;
	color: #888;
	font-size: 12px;
	line-height: 15px;
	text-decoration: none;
}
#contents .spec .help a:before {
	content: "▼";
	display: inline-block;
	vertical-align: top;
	margin: 0 5px 0 0;
	color: #ccc;
	font-size: 9px;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
#contents .spec .help a:hover {
	color: #00f;
	text-decoration: underline;
}

/* [[ ┠ #footer ]] */
/*==============================================*/
#footer {
	/* 未指定 */
}
#footerWrap {
	width: 940px;
	margin: 0 auto;
	padding: 20px 0;
}

/* [[ ┃┠ .pageTop ]] */
/*----------------------------------------------*/
#footer .pageTop {
	position: fixed;
	left: 50%;
	bottom: 15px;
	margin-left: 510px;/* #contents width 940px / 2 + 40px*/
}
#footer .pageTop a {
	display: block;
	width: 40px;
    line-height: 40px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background: rgba(0,0,0, 0.5);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 5px;
}

/* [[ ┃┗ #copyright ]] */
/*----------------------------------------------*/
#copyright dt {
	color: #333;
    font-weight: 700;
    font-size: 1rem;
	text-align: center;
}
#copyright dt a {
	color: #333;
	text-decoration: none;
}
#copyright dd {
	margin-top: 5px;
	color: #666;
	font-size: 0.75rem;
	text-align: center;
}

/*//////////////////////////////////////////////*/
/* [[ jobList ]] */
/*//////////////////////////////////////////////*/
/* [[ ┠ #jobData ]] */
/*==============================================*/
/*[memo]
キモカード

.jobData
┗ .accountSection
　 ┠ .employer
　 ┗ .jobSection
　 　 ┗ .jobSection
　 　 　 ┠ .heading
　 　 　 ┃ ┠ .jobtitle
　 　 　 ┃ ┗ .leading
　 　 　 ┠ .jobCardSummary
　 　 　 ┗ .spec

------------------------------------------------*/
#contents .jobData {
	margin-top: 20px;
	background: #fff;
	border-radius: 3px;
	box-shadow: 0 1px 7px rgba(0,0,0,0.2);
}

/* [[ ┃┠ .accountSection ]] */
/*----------------------------------------------*/
/*[memo]
求人枠 = 企業・口座単位
------------------------------------------------*/
.accountSection {
	/* 未指定 */
}

/* [[ ┃┠ .employer ]] */
/*----------------------------------------------*/
/*[memo]
企業名
------------------------------------------------*/
#contents .jobData .accountSection .employer {
	padding: 20px 30px;
	color: #222;
	font-weight: bold;
	font-size: 16px;
}

/* [[ ┃┠ .jobSection ]] */
/*----------------------------------------------*/
#contents .jobData .jobSection {
	padding: 30px;
	border-top: solid 1px #ddd;
}

/* [[ ┃┠ .heading ]] */
/*----------------------------------------------*/
/*[memo]
募集職種名 + 詳細ボタン
------------------------------------------------*/
#contents .jobData .jobSection .heading {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}

/*---------------*/
#contents .jobData .jobSection .jobtitle {
	margin-right: 10px;
	font-size: 16px;
	overflow: hidden;

	height: 45px;/* .leading（ボタン）height */
	/* テキスト middle 合わせ */
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}
#contents .jobData .jobSection .jobtitle a {
	text-decoration: none;

	display: block;
	/* 文字省略 */
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#contents .jobData .jobSection .jobtitle a:hover {
	text-decoration: underline;
}

/*[memo]
プログラム側で.leading（ボタン）ソースが出力されないケースがあります。
その場合の代替として、疑似的な「詳細を見る」ボタンを表示させています。
*/
#contents .jobData .jobSection .jobtitle:only-child {
	margin-right: 0;
	width: 100%;

	position: relative;
}
#contents .jobData .jobSection .jobtitle:only-child a {
	margin-right: 130px;
}
#contents .jobData .jobSection .jobtitle:only-child a:before {
	content: '詳細を見る';

	width: 120px;
	height: 45px;

	position: absolute;
	top: 0;
	right: 0;

	background-color: #666;
	border-radius: 5px;
	box-shadow: inset 0 -5px 0 rgba(0,0,0, 0.2);
	padding-bottom: 5px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	cursor: pointer;

	/* テキスト middle 合わせ */
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;

	color: #fff;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	white-space: nowrap;
}

/*---------------*/
#contents .jobData .jobSection .leading {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
}
#contents .jobData .jobSection .leading li + li {
	margin-left: 5px;
}
#contents .jobData .jobSection .leading li a,
#contents .jobData .jobSection .leading li span {
	width: 120px;
	height: 45px;

	background-color: #666;
	border-radius: 5px;
	box-shadow: inset 0 -5px 0 rgba(0,0,0, 0.2);
	padding-bottom: 5px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	cursor: pointer;

	/* テキスト middle 合わせ */
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;

	color: #fff;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	white-space: nowrap;
}

/* [[ ┃┠ .jobCardSummary ]] */
/*----------------------------------------------*/
/*[memo]
募集要項
------------------------------------------------*/
.jobCardSummary {
	margin-top: 30px;
	border: solid 1px #ddd;

	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
}

.jobCardSummaryItem {
	width: 33.3%;
	font-size: 14px;
	line-height: 1.5;

	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
}
.jobCardSummaryItem:first-child {
	width: 33.4%;
}
.jobCardSummaryItem + .jobCardSummaryItem {
	border-left: solid 1px #ddd;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.jobCardSummaryItem_title,
.jobCardSummaryItem_detail {
	padding: 10px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.jobCardSummaryItem_title {
	width: 100px;
	border-right: solid 1px #ddd;
	background-color: #f6f6f6;

	/* text middle */
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.jobCardSummaryItem_detail {
	width: calc(100% - 100px);/* 100% - &_title width - padding */

	/* テキスト1行のときmiddle合わせ */
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;

	/* 半角英数字 改行指定 */
	word-wrap : break-word;
	overflow-wrap : break-word;
}
.jobCardSummaryItem-area .jobCardSummaryItem_detail p {
	width: 100%;
	font-weight: bold;

	/* 文字1行省略指定 */
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.jobCardSummaryItem-pay .jobCardSummaryItem_detail p,
.jobCardSummaryItem-time .jobCardSummaryItem_detail p {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	/*
	↑
	IE11では効かない命令です。
	IE11対応のため max-height = 2行分の高さを指定して
	はみ出る文字は overflow hidden で対応しています。
	※ max-height なのでIE11以外のブラウザにも害はありません。
	↓
	*/
	max-height: 62px;
	/* font-size 14px * line-height 1.5 * 2行分 + dd padding 10px */
}
.jobCardSummaryItem-pay .jobCardSummaryItem_detail p br,
.jobCardSummaryItem-time .jobCardSummaryItem_detail p br {
	display: none;
}

/*//////////////////////////////////////////////*/
/* [[ jobDetail ]] */
/*//////////////////////////////////////////////*/
/* [[ ┠ .returnLink ]] */
/*==============================================*/
/*[memo]
求人詳細 最上部・最下部にある戻るリンク
------------------------------------------------*/
#contents .returnLink {
	/* 未指定 */
}
#contents .returnLink ~ #main {
	margin-top: 20px;
}
#contents #sub + .returnLink {
	margin-top: 20px;
}
#contents .returnLink a {
	color: #36f;
	text-decoration: none;
	padding-left: 15px;

	/* 下記URLエンコードしたSVGから「36f」を検索して色を変えてください */
	background-image: url("data:image/svg+xml,%3csvg%20version%3d%221%2e0%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20width%3d%2218px%22%20height%3d%2230px%22%20viewBox%3d%220%200%2018%2030%22%3e%0d%0a%09%3cg%3e%0d%0a%09%09%3cpath%20fill%3d%22%2336f%22%20d%3d%22M15%2e5%2c30a2%2e5%2c2%2e5%2c0%2c0%2c0%2c1%2e77%2d4%2e27L6%2e54%2c15%2c17%2e27%2c4%2e27A2%2e5%2c2%2e5%2c0%2c1%2c0%2c13%2e73%2e73L1%2e23%2c13%2e23a2%2e5%2c2%2e5%2c0%2c0%2c0%2c0%2c3%2e54l12%2e5%2c12%2e5A2%2e49%2c2%2e49%2c0%2c0%2c0%2c15%2e5%2c30Z%22%2f%3e%0d%0a%09%3c%2fg%3e%0d%0a%3c%2fsvg%3e");
	background-position: left center;
	background-repeat: no-repeat;
	-webkit-background-size: auto 20px;
	background-size: auto 100%;
}
#contents .returnLink a:hover {
	color: #00f;
	text-decoration: underline;
}

/* [[ ┠ .warning ]] */
/*==============================================*/
/*[memo]
掲載終了の告知要素
------------------------------------------------*/
#contents .warning {
	padding: 15px;
	background: #f00;
	border-radius: 5px;
}
#contents .warning p {
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
	border-top: dotted 1px rgba(255,255,255,0.6);
	color: #fff;
	font-weight: bold;
	text-align: center;
}
#contents .warning p:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}
#contents .warning a {
	color: #ff0;
}

/* [[ ┠ .jobtitle ]] */
/*==============================================*/
/*[memo]
求人詳細 募集職種名
------------------------------------------------*/
#contentsHeader .jobtitle {
	margin-top: 10px;
	color: #000;
	font-weight: bold;
	font-size: 16px;
}

/* [[ ┠ .jdetSpec ]] */
/*==============================================*/
/*[memo]
メリットアイコンなどを内包
------------------------------------------------*/
.jdetSpec {
	margin-top: 20px;
}
.jdetSpec_title {
	padding: 5px 10px;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	background: #999;
	border-radius: 5px;
}

/* [[ ┠ .jobInfo ]] */
/*==============================================*/
/*[memo]
募集要項・会社データなど
------------------------------------------------*/
#contents .jobInfo {
	margin: 20px 0 0 0;
}
#contents .jobInfo:first-child {
	margin-top: 0;
}

/*---------------*/
/* 「例外」について */
#contents div.jobInfo.notes {
	padding: 10px;
	background: #f6f6f6;
	border-radius: 5px;
}
#contents div.jobInfo.notes + div.jobInfo.notes {
	margin-top: 10px;
}

/* [[ ┃┠ .headline ]] */
/*----------------------------------------------*/
#contents .jobInfo .headline {
	padding: 5px 10px;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	background: #999;
	border-radius: 5px;
}

/*---------------*/
#contents #jobPRpoint.jobInfo .headline,/* PRポイント */
#contents #jobContact.jobInfo .headline/* 連絡先 */
{
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

/* [[ ┃┠ table ]] */
/*----------------------------------------------*/
#contents .jobInfo table {
	width: 100%;
	margin: 10px 0 0 0;
}
#contents .jobInfo th,
#contents .jobInfo td {
	padding: 10px;
	border: solid 1px #ccc;
}
#contents .jobInfo th {
	min-width: 5em;
	max-width: 50%;
	vertical-align: middle;
	color: #000;
	font-weight: bold;
	text-align: center;
	white-space:nowrap;
	background: #f6f6f6;
}
#contents .jobInfo td {
	word-break: break-all;/*半角英数字改行命令*/
}

/* [[ ┃┠ dl.jobInfo > xxx / div.jobInfo > xxx ]] */
/*----------------------------------------------*/
/*[memo]
募集要項・会社データなど
------------------------------------------------*/
#contents .jobInfo dd,
#contents div.jobInfo p {
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
	border-top: dotted 1px #ccc;
	word-break: break-all;/*半角英数字改行命令*/
}
#contents .jobInfo dd.notes {
	color: #6c6c6c;
	font-size: 12px;
}

/*---------------*/
#contents .jobInfo dt + dd {
	padding-top: 0;
	border-top: none;
}

/*---------------*/
#contents div.jobInfo p:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

/*---------------*/
#contents #jobPRpoint.jobInfo dd.detail,
#contents #jobContact.jobInfo dd.detail {
	margin-top: 0;
	padding: 9px;
	/* reset */
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
#contents #jobPRpoint.jobInfo dd.detail {
	border: solid 1px #eeb;
	border-top: none;
	background: #ffc;
}
#contents #jobContact.jobInfo dd.detail {
	border: solid 1px #ccc;
	border-top: none;
}

/*---------------*/
#contents .jobInfo.notes p {
	color: #212121;
	font-size: 12px;
}

/* [[ ┠ .others ]] */
/*==============================================*/
/*[memo]
関連求人（この企業が掲載している職種一覧）などで使用
------------------------------------------------*/
#contents .others > .headline {
	padding: 10px 0;
	border-top: solid 5px #666;
	border-bottom: solid 1px #ddd;
	color: #000;
	font-weight: bold;
	font-size: 16px;
}

/*//////////////////////////////////////////////*/
/* [[ clearfix ]] */
/*//////////////////////////////////////////////*/
#contentsHeader .lead,
#main,
.clearfix
{ zoom:1; }

#contentsHeader .lead:after,
#main:after,
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}

* html #contentsHeader .lead,
* html #main,
* html .clearfix
{
	display:inline-table;
	/*\*/display:block;/**/
}