@charset "UTF-8";



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



/* [[=====================================================================]] */
/* [[body common]] */
/*===========================================================================*/
body {
	min-width: 1100px;
	color: #000000;
	font-size: 14px;
	line-height:1.5;
	-webkit-text-size-adjust: none;
	background: #fff;
}

a { color: #0022C8; text-decoration: none;}
a:visited { color: #0022C8; }
a:hover { color: #0022C8; text-decoration: underline;}
a:active { color: #000000; }

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

input[type=button],
input[type=submit] {
	cursor: pointer;
}

::-webkit-input-placeholder {color:#999; font-size:11px; padding:2px 0; opacity:1;}
::-moz-placeholder {color:#999; font-size:11px; padding:2px 0; opacity:1;}
:-moz-placeholder {color:#999; font-size:11px; padding:2px 0; opacity:1;}
:-ms-input-placeholder {color:#999; font-size:11px; padding:2px 0; opacity:1;}



/* [[=====================================================================]] */
/* [[#header]] */
/*===========================================================================*/
#header {
	border-top: solid 4px #49c;
}

#header:before {
	content: "　";
	display: block;
	position: absolute;
	top: 98px;
	left: 0px;
	width: 100%;
	height: 1px;
	font-size: 0;
	line-height: 0;
	background: #ddd;
}

#headerWrap {
	position: relative;
	width: 940px;
	margin:0 auto;
}

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

body.preupdate #header:before {
	top: 79px;/* #siteTitle height + #header border-top */
}

/* [[┃-------------------------------------------------------------------]] */
/* [[┠ #siteTitle]] */
/*===========================================================================*/
/*[memo]
h1 / div で使用 = css id 指定
-----------------------------------------------------------------------------*/
#siteTitle {
	padding: 17px 0;/* + span height + a height = 75px */
}

/* [[┃┠ span]] */
/*___________________________________________________________________________*/
#siteTitle span {
	display: block;
	padding: 0 0 7px 0;
	color: #000;
	font-weight: bold;
	font-size: 10px;
	line-height: 1;
}

/* [[┃┗ a]] */
/*___________________________________________________________________________*/
#siteTitle a {
	display: block;
	width: 142px;
	font-size: 0;
	line-height: 0;
}

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

body.preupdate #siteTitle a {
	position: relative;
}

body.preupdate #siteTitle a:after {
	content: "先行配信";
	display: inline-block;
	position: absolute;
	bottom: 0px;
	right: -85px;
	width: 80px;
	height: 25px;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	line-height: 25px;
	background: #f30;
	border-radius: 100px;
}

/* [[┃　┗ imge]] */
/*---------------------------------------------------------------------------*/
#siteTitle a img {
	width: 100%;
	/* image width = 170px height = 24px*/
}

/* [[┃-------------------------------------------------------------------]] */
/* [[┠ #globalNav]] */
/*===========================================================================*/
#globalNav {
	/* 未指定 */
}

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

body.preupdate #globalNav {
	display: none;
}

/* [[┃┗ .nav]] */
/*___________________________________________________________________________*/
/* [[┃　┗ ul]] */
/*---------------------------------------------------------------------------*/
/*[memo]
ie9 = border-radius + gradient 共存できないため要調整
-----------------------------------------------------------------------------*/
#globalNav .nav ul {
	/* float: left; */
	width: 100%;
	display: flex;
	align-items: center;
	border: solid 1px #ccc;
	background: #fff;
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#fff),
		to(#f3f3f3)
	);
	background:-webkit-linear-gradient(
		top,
		#fff,
		#f3f3f3
	);
	background:linear-gradient(
		to bottom,
		#fff,
		#f3f3f3
	);
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#fff3f3f3);
	border-radius: 5px;
	-webkit-box-shadow: 1px 2px 3px #eee;
	box-shadow: 1px 2px 3px #eee;
	
	/*
	[memo / ie9]
	border-radius 5px 外に背景色（gradient）はみ出てるが
	視認できない程度の色（#f3f3f3）なので可としています。
	*/
}

#globalNav .nav ul + ul {
	margin-left: 10px;
}

/* [[┃　　┗ li]] */
/*--------------------------------------------------*/
#globalNav .nav ul li {
	/* float: left;
	width: 132px; */
	width: 20%;
	border-left: solid 1px #ccc;
}

/* #globalNav .nav ul li:first-child,
#globalNav .nav ul + ul li {
	width: 131px;
} */

#globalNav .nav ul li:first-child {
	border-left: none;
}

/* [[┃　　　┗ a]] */
/*------------------------------*/
#globalNav .nav li a {
	display: block;
	color: #000;
	font-weight: bold;
	font-size: 12px;
	line-height: 38px;
	text-align: center;
	-webkit-box-shadow: inset -1px -1px 0px #fff;
	box-shadow: inset -1px -1px 0px #fff;
}

#globalNav .nav li:first-child a {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	/* a:hover 対応 */
}

#globalNav .nav li:nth-last-of-type(1) a {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	/* a:hover 対応 */
}

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

#globalNav .nav li a:hover {
	position: relative;
	color: #49c;
	text-decoration: none;
	background: #fff;
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#f6f6f6),
		to(#fff)
	);
	background:-webkit-linear-gradient(
		top,
		#f6f6f6,
		#fff
	);
	background:linear-gradient(
		to bottom,
		#f6f6f6,
		#fff
	);
	-webkit-box-shadow: none;
	box-shadow: none;
	
	/*
	[memo / ie9]
	border-radius + gradient 共存できないため
	ie9 = gradient なしとしています
	*/
}

#globalNav .nav li a:hover:before {
	content: "　";
	display: block;
	position: absolute;
	bottom: -14px;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -7px;
	border-style: solid;
	border-width: 7px;
	border-color: #ccc transparent transparent transparent;
	font-size: 0;
	line-height: 0;
}

#globalNav .nav li a:hover:after {
	content: "　";
	display: block;
	position: absolute;
	bottom: -12px;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -6px;
	border-style: solid;
	border-width: 6px;
	border-color: #fff transparent transparent transparent;
	font-size: 0;
	line-height: 0;
}

#globalNav .nav li.hrs a:hover:before,
#globalNav .nav li.hrs a:hover:after,
#globalNav .nav li.shinsotsu a:hover:before,
#globalNav .nav li.shinsotsu a:hover:after {
	display: none;
}

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

#globalNav .nav li:not(.home).act a {
	position: relative;
	color: #fff;
	background: #9cf;
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#8be),
		to(#9cf)
	);
	background:-webkit-linear-gradient(
		top,
		#8be,
		#9cf
	);
	background: #006CD9;
	-webkit-box-shadow: none;
	box-shadow: none;
	
	/*
	[memo / ie9]
	border-radius + gradient 共存できないため
	ie9 = gradient なしとしています
	*/
}

/* #globalNav .nav li:not(.home).act a:before {
	content: "　";
	display: block;
	position: absolute;
	bottom: -14px;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -7px;
	border-style: solid;
	border-width: 7px;
	border-color: #006CD9 transparent transparent transparent;
	font-size: 0;
	line-height: 0;
}

#globalNav .nav li:not(.home).act a:after {
	display: none;
} */

#globalNav .nav.type-new ul {
	border: none;
	background: #fff;
	box-shadow: none;
}
#globalNav .nav.type-new ul li {
	border-left: none;
	margin-right: 1px;
}
#globalNav .nav.type-new ul li:first-child {
	padding-left: 0;
}
#globalNav .nav.type-new li a {
	min-height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: none;
	background: #006CD9;
	color: #fff;
}
#globalNav .nav.type-new li.act a,
#globalNav .nav.type-new li a:hover {
	background-color: #C7E5FF;
	color: #0054AA;
}
#globalNav .nav.type-new li a:before,
#globalNav .nav.type-new li a:after {
	display: none !important;
}
#globalNav .nav.type-new li a:hover:before,
#globalNav .nav.type-new li a:hover:after {
	display: none;
}
.topBanner {
	margin-bottom: 10px;
}
.topBanner > ul {
	display: grid;
	grid-template-columns: auto auto;
	gap: 20px;
}
.topBanner a {
	transition: 300ms;
}
.topBanner a:hover {
	opacity: 0.7;
}
.topBanner img {
	max-width: 100%;
	vertical-align: middle;
}

/* [[┃-------------------------------------------------------------------]] */
/* [[┠ #utilityNav]] */
/*===========================================================================*/
#utilityNav {
	position: absolute;
	width: 350px;
	top: 22px;
	right: 265px;
}

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

body.preupdate #utilityNav {
	right: 0;
}

/* [[┃┗ .nav]] */
/*___________________________________________________________________________*/
/* [[┃　┗ ul]] */
/*---------------------------------------------------------------------------*/
/* [[┃　　┗ li]] */
/*--------------------------------------------------*/
#utilityNav .nav li {
	display: inline-block;
	margin: 0 0 0 10px;
	color: #666;
	font-size: 11px;
	line-height: 13px;
	margin-bottom: 6px;
}

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

body.preupdate #utilityNav .nav li.sitemap,
body.preupdate #utilityNav .nav li.guide {
	display: none;
}

/* [[┃　　　┗ a]] */
/*------------------------------*/
#utilityNav .nav li a {
	display: inline-block;
	color: #666;
	padding: 0 0 0 17px;
	background: url(https://image.haj.co.jp/jobkita/primary/pc/base/hd_unav_icon.png) no-repeat left center;
}

#utilityNav .nav li a:hover {
	color: #0022C8;
}

/* [[┃-------------------------------------------------------------------]] */
/* [[┠ .hajLogin]] */
/*===========================================================================*/
#header .hajLogin {
	position: absolute;
	top: 24px;
	right: 0;
}

#header .hajLoginWrap {
	/* 未指定 */
}

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

body.preupdate #header .hajLogin {
	display: none;
}

/* [[┃┗ ul]] */
/*___________________________________________________________________________*/
/* [[┃　┗ li]] */
/*---------------------------------------------------------------------------*/#header .hajLogin li {
	float: left;
	margin-left: 5px;
	border-radius: 5px;
	/* -webkit-box-shadow: 0px 1px 2px #ddd;
	box-shadow: 0px 1px 2px #ddd; */
}

#header .hajLogin li:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* [[┃　　┗ a]] */
/*--------------------------------------------------*/
#header .hajLogin li a {
	display: block;
	width: 100px;
	border: solid 1px #FFC447;
	color: #000000;
	font-weight: bold;
	font-size: 11px;
	line-height: 27px;
	text-align: center;
	background: #FFC447;
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#FFC447),
		to(#FBB829)
	);
	background:-webkit-linear-gradient(
		top,
		#FFC447,
		#FBB829
	);
	background: linear-gradient(  to bottom,  #FFC447,  #FBB829 );
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 5px;
	/* text-shadow: 1px 1px 1px rgba(0,0,0,0.2); */
	/* -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4); */
	/* box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4); */
}

#header .hajLogin li a:hover {
	background: #FFB546;
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#FFB546),
		to(#FF9900)
	);
	background:-webkit-linear-gradient(
		top,
		#FFB546,
		#FF9900
	);
	background: linear-gradient(  to bottom,  #FFB546,  #FF9900 );
	text-decoration: none;
}

#header .hajLogin li.entry a {
	padding-left: 4px;
}

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

#header .hajLogin li.myclip a {
	background: #FFFFFF;
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#FFFFFF),
		to(#F6F6F6)
	);
	background:-webkit-linear-gradient(
		top,
		#FFFFFF,
		#F6F6F6
	);
	background: linear-gradient(  to bottom,  #FFFFFF,  #F6F6F6 );
	border: solid 1px #DDDDDD;
	color: #0054AA;
}
#header .hajLogin li.myclip a:hover {
	background: #F6F6F6;
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#F6F6F6),
		to(#DFDFDF)
	);
	background:-webkit-linear-gradient(
		top,
		#F6F6F6,
		#DFDFDF
	);
	background: linear-gradient(  to bottom,  #F6F6F6,  #DFDFDF );
	text-decoration: none;
}


#header .hajLogin li.login a,
#header .hajLogin li.logout a {
	border: solid 1px #006CD9;
	color: #fff;
	border-radius: 5px;
	background: #006CD9;
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#006CD9),
		to(#0062C6)
	);
	background:-webkit-linear-gradient(
		top,
		#006CD9,
		#0062C6
	);
	background: linear-gradient(  to bottom,  #006CD9,  #0062C6 );
	/* text-shadow: 1px 1px 1px rgba(0,0,0,0.2); */
	/* -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4); */
	/* box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4); */
}
#header .hajLogin li.login a:hover,
#header .hajLogin li.logout a:hover {
	background: #004891;
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#005BB8),
		to(#004891)
	);
	background:-webkit-linear-gradient(
		top,
		#005BB8,
		#004891
	);
	background: linear-gradient(  to bottom,  #005BB8,  #004891 );
	text-decoration: none;
}



/* [[=====================================================================]] */
/* [[#contents]] */
/*===========================================================================*/
#contents {
	padding: 20px 0 60px 0;
}

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

#main {
	float: right;
	width: 700px;
}

#sub {
	float: left;
	width: 220px;
}

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

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

#mainSidebar {
	/* float: right; */
	width: auto;
	padding: 20px 0 0 0;
	/* display: none; */
	margin-top: 40px;
}

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

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

#contents .returnLink ~ #main,
#contents .returnLink ~ #sub {
	padding-top: 10px;
}

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

#important.banner + #mainBody {
	padding-top: 10px;
}

#important.banner + #mainBody + #mainSidebar {
	padding-top: 10px;
}

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

body#jobDetail #main {
	float: none;
	width: auto;
	/* reset */
}

body#jobDetail #sub,
body#jobDetail #contents .returnLink ~ #sub {
	float: none;
	width: auto;
	/* reset */
	padding-top: 40px;
}

body#jobDetail #mainBody {
	width: 580px;
	/* reset */
	padding-top: 20px;
	float: left;
}

body#jobDetail #mainSidebar {
	width: 340px;
	/* reset */
	padding-top: 20px;
	float: right;
	margin-top: 0;
}

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

body#forClient #main,
body#sitemap #main,
body#clip #main,
body#special.block3 #main,
body#special.block2 #main,
body#mailmag #main,
body#notfound #main,
body#search.jobtype #main,
body#publish.index #main,
body#howto.index #main {
	float: none;
	width: auto;
	/* reset */
}

body#forClient #sub,
body#sitemap #sub,
body#clip #sub,
body#special.block3 #sub,
body#special.block2 #sub,
body#mailmag #sub,
body#notfound #sub,
body#search.jobtype #sub,
body#publish.index #sub,
body#howto.index #sub {
	display: none;
}

/* [[┃-------------------------------------------------------------------]] */
/* [[┠ .breadcrumbs]] */
/*===========================================================================*/
#contents .breadcrumbs {
	margin: -10px 0 0 0;
	padding: 0 0 10px 0;
}

#contents .breadcrumbsWrap {
	/* 未指定 */
}

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

body.preupdate #contents .breadcrumbs {
	display: none;
}

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

body#publish.detail.complete #contents .breadcrumbs {
	max-width:700px;
	margin-left: auto;
	margin-right: auto;
}

/* [[┃┗ p]] */
/*___________________________________________________________________________*/
#contents .breadcrumbs p {
	display: inline-block;
	color: #666;
	font-size: 11px;
	line-height: 1;
}

#contents .breadcrumbs p + p {
	padding: 0 0 0 5px;
}

#contents .breadcrumbs p + p:before {
	content: ">";
	display: inline-block;
	padding: 0 5px 0 0;
	color: #999;
}

/* [[┃　┗ a]] */
/*---------------------------------------------------------------------------*/
#contents .breadcrumbs p a {
	color: #666;
}

#contents .breadcrumbs p a:hover {
	color: #00f;
}

/* [[┃　　┗ span]] */
/*--------------------------------------------------*/
#contents .breadcrumbs p a span {
	/* 未指定 */
}

/* [[┃-------------------------------------------------------------------]] */
/* [[┠ .returnLink]] */
/*===========================================================================*/
#contents .returnLink {
	clear: both;
	padding: 20px 0 0 0;
	font-size: 0;
	line-height: 0;
}

#contentsHeader .returnLink,
#contentsFooter .returnLink {
	padding-top: 10px;
}

#contents .returnLink:first-child,
#contentsHeader .returnLink:first-child,
#contentsFooter .returnLink:first-child,
#contents .breadcrumbs + .returnLink {
	padding-top: 0;
}

#contents .returnLink:first-child {
	margin-top: -10px;/* #contents padding - 10px */
}

/* [[┃┗ a]] */
/*___________________________________________________________________________*/
#contents .returnLink a {
	display: inline-block;
	padding: 5px 10px 5px;
	overflow: hidden;
	color: #006CD9;
	font-size: 14px;
	line-height: 1;
	/* background-image: url(https://image.haj.co.jp/jobkita/primary/pc/base/return_icon.png); */
	background-position: left center;
	background-repeat: no-repeat;
	/* background-color: #f3f3f3; */
	border-radius: 5px;
	border: solid 1px #006CD9;
}

#contents .returnLink a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #006CD9;
}

/* [[┃-------------------------------------------------------------------]] */
/* [[┠ .warning]] */
/*===========================================================================*/
#contents .warning {
	margin: 20px 0 0 0;
	padding: 15px;
	background: #f00;
	border-radius: 5px;
}

#contents .warning:first-child {
	margin-top: 0;
}

/* [[┃┗ p]] */
/*___________________________________________________________________________*/
#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;
}

#contents .warning p:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

/* [[┃　┗ a]] */
/*---------------------------------------------------------------------------*/
#contents .warning a {
	color: #ff0;
}

/* [[┃-------------------------------------------------------------------]] */
/* [[┠ ul.execute]] */
/*===========================================================================*/
#contents .execute {
	padding: 20px 0 0 0;
	text-align: center;
}

#contents .execute:first-child {
	padding-top: 0;
}

/* [[┃┗ li]] */
/*___________________________________________________________________________*/
#contents .execute li {
	display: inline-block;
	min-width: 210px;
	margin: 0 5px;
	padding: 3px;
	border: solid 1px #e9e9e9;
	background: #f3f3f3;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 8px;
}

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

body#special.block3 #contents #contentsFooter .execute li,
body#special.block2 #contents #contentsFooter .execute li {
	min-width: 300px;
}

/* [[┃　┗ a]] */
/*---------------------------------------------------------------------------*/
#contents .execute li a {
	display: block;
	padding: 10px;
	border: solid 1px #d6d6d6;
	color: #28d;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	background: #fff;
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#fff),
		to(#f6f6f6)
	);
	background:-webkit-linear-gradient(
		top,
		#fff,
		#f6f6f6
	);
	background:linear-gradient(
		to bottom,
		#fff,
		#f6f6f6
	);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 -1px 0px #fff;
	box-shadow: inset 0 -1px 0px #fff;
}

#contents .execute li a:hover {
	border: solid 1px #ccc;
	background: #fff;
	text-shadow: none;
	-webkit-box-shadow: inset 0 1px 0px #f0f0f0;
	box-shadow: inset 0 1px 0px #f0f0f0;
}

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

#contents .execute li.decision a {
	border: solid 1px #006CD9;
	color: #fff;
	background: #006CD9;
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#006CD9),
		to(#0062C6)
	);
	background:-webkit-linear-gradient(
		top,
		#006CD9,
		#0062C6
	);
	background: linear-gradient(  to bottom,  #006CD9,  #0062C6 );
	/* text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4);
	box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4); */
}

#contents .execute li.decision a:hover {
	background: #004891;
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#005BB8),
		to(#004891)
	);
	background:-webkit-linear-gradient(
		top,
		#005BB8,
		#004891
	);
	background: linear-gradient(  to bottom,  #005BB8,  #004891 );
	text-shadow: none;
	-webkit-box-shadow: inset 0 1px 0px #80b0e0;
	box-shadow: inset 0 1px 0px #80b0e0;
}

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

#contents .execute li.decision.searchExe a:before {
	content: "　";
	display: inline-block;
	width: 18px;
	height: 18px;
	vertical-align: middle;
	margin: -2px 5px 0 0;
	font-size: 0;
	line-height: 0;
	background: url(https://image.haj.co.jp/jobkita/primary/pc/base/exe_search_loupe.png) no-repeat left center;
}

/* [[┃-------------------------------------------------------------------]] */
/* [[┠ .caution]] */
/*===========================================================================*/
#contents .caution {
	margin: 20px 0 0 0;
	padding: 14px;
	border: solid 1px #ccc;
	border-radius: 8px;
}

/* [[┃┠ p]] */
/*___________________________________________________________________________*/
#contents .caution p {
	padding: 15px 0 0 0;
	font-weight: bold;
	font-size: 14px;
}

#contents .caution p.alert {
	color: #DE0000;
}

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

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

body#clip #contents .caution p {
	text-align: center;
}

/* [[┃┠ ul / dl]] */
/*___________________________________________________________________________*/
#contents .caution ul,
#contents .caution dl {
	margin: 15px 0 0 0;
	padding: 0 9px;
	border: solid 1px #ccc;
	border-radius: 5px;
}

#contents .caution ul.alert,
#contents .caution dl.alert {
	padding: 0 8px;
	border: solid 2px #f00;
	background: #fee;
}

/* [[┃┃┗ li / dt /dd]] */
/*---------------------------------------------------------------------------*/
#contents .caution li,
#contents .caution dt,
#contents .caution dd {
	padding: 10px 0;
	border-top: dotted 1px #ccc;
	font-size: 14px;
}

#contents .caution li:first-child,
#contents .caution dt:first-child,
#contents .caution dd:first-child {
	border-top: none;
}

#contents .caution dt {
	color: #000;
	font-weight: bold;
}

#contents .caution ul.alert li,
#contents .caution dl.alert dt,
#contents .caution dl.alert dd {
	color: #DE0000;
}

/* [[┃┃　┗ span]] */
/*--------------------------------------------------*/
#contents .caution li span,
#contents .caution dt span,
#contents .caution dd span {
	color: #8be;
}

#contents .caution ul.alert li span,
#contents .caution dl.alert dt span,
#contents .caution dl.alert dd span {
	color: #DE0000;
}

/* [[┃┗ ul.links]] */
/*___________________________________________________________________________*/
#contents .caution .links {
	margin: 0;
	padding: 15px 0 0 0;
	border: none;
	border-radius: 0;
	/* reset */
	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;
}

/* [[┃　┗ li]] */
/*---------------------------------------------------------------------------*/
#contents .caution .links li {
	padding: 0;
	border-top: none;
	/*reset*/
	display: inline-block;
	margin: 0 5px;
}

/* [[┃　　┗ a]] */
/*--------------------------------------------------*/
#contents .caution .links li a {
	display: block;
	min-width: 210px;
	padding: 8px 20px;
	border: solid 1px #006CD9;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	background: #006CD9;
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#006CD9),
		to(#0062C6)
	);
	background:-webkit-linear-gradient(
		top,
		#006CD9,
		#0062C6
	);
	background: linear-gradient(  to bottom,  #006CD9,  #0062C6 );
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 5px;
	/* text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4);
	box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4); */
}

#contents .caution .links li a:hover {
	text-shadow: none;
	background: #004891;
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#005BB8),
		to(#004891)
	);
	background:-webkit-linear-gradient(
		top,
		#005BB8,
		#004891
	);
	background: linear-gradient(  to bottom,  #005BB8,  #004891 );
}

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

#contents .returnLink + #contentsHeader {
	padding-top: 10px;
}

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

#contentsFooter {
	clear: both;
	padding-top: 20px;
}

/* [[┃┠ h1]] */
/*___________________________________________________________________________*/
#contentsHeader h1 {
	margin: 10px 0 0 0;
	padding: 10px 0;
	/*border-top: solid 5px #006CD9;*/
	border-bottom: solid 1px #ddd;
	color: #000;
	font-weight: bold;
	font-size: 18px;
}

#contentsHeader h1:first-child {
	margin-top: 0;
}

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

body#special.block3 #contentsHeader h1,
body#special.block2 #contentsHeader h1 {
	padding-left: 30px;
	background: url(https://image.haj.co.jp/jobkita/primary/pc/special/title_icon.png) no-repeat left 10px;
}

/* [[┃┃┗ span.lead / span.headline]] */
/*---------------------------------------------------------------------------*/
#contentsHeader h1 span {
	display: block;
}

#contentsHeader h1 span.lead {
	padding: 0;/* #contentsHeader .lead */
	/* reset */
	font-weight: normal;
	font-size: 12px;
}

/* [[┃┠ h2 / .jobtitle]] */
/*___________________________________________________________________________*/
/*[memo]
h2 = 通常タイトルで使用
.jobtitle = h2・h3〜で使用 = 募集職種名
※通常タイトル（h2）と使い分けるため .jobtitle を指定
-----------------------------------------------------------------------------*/
#contentsHeader h2,
#contentsHeader .jobtitle {
	padding: 10px 0 0 0;
	color: #000;
	font-weight: bold;
	font-size: 16px;
}

#contentsHeader h2:first-child,
#contentsHeader .jobtitle:first-child {
	padding-top: 0;
}

/* [[┃┃┗ span]] */
/*---------------------------------------------------------------------------*/
#contentsHeader h2 span {
	display: block;
}

#contentsHeader h2 span.lead {
	padding: 0;/* #contentsHeader .lead */
	/* reset */
	font-size: 14px;
}

#contentsHeader h2 span.headline {
	color: #49c;
	font-size: 24px;
}

#contentsHeader h2.jobtitle span.jobtitle_text,
#contentsHeader h2.jobtitle span.jobtitle_copy {
	display: inline;
}
#contentsHeader .jobtitle .jobtitle_copy:before {
	content: '【';
}
#contentsHeader .jobtitle .jobtitle_copy:after {
	content: '】';
}

/* [[┃┠ .imgheadline]] */
/*___________________________________________________________________________*/
/*[memo]
hタグで使用のため class 指定
-----------------------------------------------------------------------------*/
#contentsHeader h1.imgheadline,
#contentsHeader h2.imgheadline {
	padding: 0;
	border: none;
	font-size: 0;
	line-height: 1;
	/* reset */
}

#contentsHeader .imgheadline {
	/* 未指定 */
}

/* [[┃┃┗ img]] */
/*---------------------------------------------------------------------------*/
#contentsHeader .imgheadline img {
	display: block;
	width: 100%;
}

/* [[┃┠ p / p.notes / div.lead]] */
/*___________________________________________________________________________*/
/*[memo]
p.notes = 補足説明文（使用例：求人詳細 委託・例外表記）
div.lead = 管理PGなどで入力される内容（タグ可仕様のたdivを仕様）
-----------------------------------------------------------------------------*/
#contentsHeader p,
#contentsFooter p,
#contentsHeader .lead,
#contentsFooter .lead {
	padding: 10px 0 0 0;
}

#contentsHeader h2 + p,
#contentsFooter h2 + p,
#contentsHeader h2 + .lead,
#contentsFooter h2 + .lead,
#contentsHeader .spec + p,
#contentsHeader .banner + p,
#contentsHeader p + p,
#contentsFooter p + p,
#contentsHeader .lead + .lead,
#contentsFooter .lead + .lead,
#contentsHeader .lead + p,
#contentsFooter .lead + p,
#contentsHeader p + .lead,
#contentsFooter p + .lead {
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	border-top: dotted 1px #ddd;
}

#contentsHeader p:first-child,
#contentsFooter p:first-child,
#contentsHeader .lead:first-child,
#contentsFooter .lead:first-child {
	padding-top: 0;
}

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

#contentsHeader p.notes,
#contentsFooter p.notes {
	color: #666;
	font-size: 12px;
}

/* [[┃┠ .selectItem]] */
/*___________________________________________________________________________*/
#contentsHeader .selectItem {
	border-bottom: solid 1px #ddd;
}

#contentsHeader .lead + .selectItem,
#contentsHeader .relatedLink + .selectItem {
	margin-top: 20px;
	border-top: solid 3px #49c;
}

/* [[┃┃┠ p.headline]] */
/*---------------------------------------------------------------------------*/
#contentsHeader .selectItem .headline {
	padding: 10px 0;
	/* reset */
	/* float: left;
	width: 120px; */
	color: #0054AA;
	font-weight: bold;
	font-size: 16px;
    padding-bottom: 3px;
}

/* [[┃┃┗ table]] */
/*---------------------------------------------------------------------------*/
#contentsHeader .selectItem table {
	/* float: left; */
	width: 100%;
}

/* [[┃┃　┗ th / td]] */
/*--------------------------------------------------*/
#contentsHeader .selectItem th,
#contentsHeader .selectItem td {
	border-top: dotted 1px #ddd;
	font-size: 12px;
}

#contentsHeader .selectItem tr:first-child th,
#contentsHeader .selectItem tr:first-child td {
	border-top: none;
}

#contentsHeader .selectItem th {
	width: 6em;
	padding: 10px 10px 10px 0;
	white-space:nowrap;
	vertical-align: top;
	color: #333;
	font-weight: bold;
}

#contentsHeader .selectItem td {
	color: #0054AA;
	padding: 5px 10px 10px 0;/* top値 5px = 10px - span margin top値 */
}

/* [[┃┃　　┠ span]] */
/*------------------------------*/
#contentsHeader .selectItem td span {
	display: inline-block;
	margin: 5px 0 0 0;
	padding: 0 10px;
	border-left: solid 1px #ddd;
}

/* [[┃┃　　┗ strong]] */
/*------------------------------*/
/*[memo] strong = フリーワード「もしかして」 */

#contentsHeader .selectItem td strong {
	display: inline-block;
	margin: 5px 0 0 0;
	padding: 1px 10px;
	color: #fff;
	font-weight: bold;
	background: #8be;
	border-radius: 5px;
}

/* [[┃┠ .pagination]] */
/*___________________________________________________________________________*/
#contents .pagination {
	padding: 10px 0 0 0;
	display: flex;
	align-items: center;
}

#contents .execute + .pagination {
	padding-top: 20px;
}

#contents .pagination:first-child {
	padding-top: 0;
}

/* [[┃┃┠ p.pageStatus]] */
/*---------------------------------------------------------------------------*/
#contents .pagination .pageStatus {
	margin: 0;
	padding: 0;
	border: none;
	/* reset */
	color: #000;
	font-weight: bold;
	margin-right: 20px;
	font-weight: normal;
}

/* [[┃┃┃┗ strong]] */
/*--------------------------------------------------*/
#contents .pagination .pageStatus strong {
	color: #DE0000;
	font-weight: normal;
}

/* [[┃┃┗ ul.pageNav]] */
/*---------------------------------------------------------------------------*/
#contents .pagination .pageNav {
	position: relative;
	min-height: 35px;
	margin: 10px 0 0 0;
	border: solid 1px #ddd;
	overflow: hidden;
	text-align: center;
	background: #fff;
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#fff),
		to(#f6f6f6)
	);
	background:-webkit-linear-gradient(
		top,
		#fff,
		#f6f6f6
	);
	background:linear-gradient(
		to bottom,
		#fff,
		#f6f6f6
	);
	border-radius: 5px;
	-webkit-box-shadow: inset 0 -1px 0px #fff;
	box-shadow: inset 0 -1px 0px #fff;
	margin-top: 0;
	padding: 0 63px;
	margin-left: auto;
}

/* [[┃┃　┗ li]] */
/*--------------------------------------------------*/
#contents .pagination .pageNav li {
	display: inline-block;
	min-width: 23px;
	height: 35px;
	color: #ccc;
	font-size: 12px;
	line-height: 35px;
}

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

#contents .pagination .pageNav li.first:after {
	content: "…";
	display: inline-block;
	color: #666;
}

#contents .pagination .pageNav li.last:before {
	content: "…";
	display: inline-block;
	color: #666;
}

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

#contents .pagination .pageNav li.back,
#contents .pagination .pageNav li.next {
	border: 0;
	/* reset */
	position: absolute;
	top: 0px;
	height: 100%;
	font-weight: bold;
}

#contents .pagination .pageNav li.back {
	left: 0px;
	padding: 0 10px 0 20px;
	border-right: solid 1px #ddd;
	background: url(https://image.haj.co.jp/jobkita/primary/pc/base/pgnav_back_blank.png) no-repeat left center;
}

#contents .pagination .pageNav li.next {
	right: 0px;
	padding: 0 20px 0 10px;
	border-left: solid 1px #ddd;
	background: url(https://image.haj.co.jp/jobkita/primary/pc/base/pgnav_next_blank.png) no-repeat right center;
}

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

#contents .pagination .pageNav li.act {
	height: 25px;
	margin: 5px 0;
	color: #fff;
	font-weight: bold;
	line-height: 25px;
	background: #006CD9;
	border-radius: 5px;
}

/* [[┃┃　　┗ a]] */
/*------------------------------*/
#contents .pagination .pageNav li a {
	display: inline-block;
	min-width: 35px;/* = li width */
	color: #666;
}

#contents .pagination .pageNav li a:hover {
	color: #00f;
	text-decoration: underline;
}

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

#contents .pagination .pageNav li.back a,
#contents .pagination .pageNav li.next a {
	color: #006CD9;
}

#contents .pagination .pageNav li.back a:hover,
#contents .pagination .pageNav li.next a:hover {
	text-decoration: none;
	background-color: #fff;
	-webkit-box-shadow: inset 0 1px 0px #f3f3f3;
	box-shadow: inset 0 1px 0px #f3f3f3;
}

#contents .pagination .pageNav li.back a {
	margin: 0 -10px 0 -20px;
	padding: 0 10px 0 20px;
	background: url(https://image.haj.co.jp/jobkita/primary/pc/base/pgnav_back.png) no-repeat left center;
}

#contents .pagination .pageNav li.next a {
	margin: 0 -20px 0 -10px;
	padding: 0 20px 0 10px;
	background: url(https://image.haj.co.jp/jobkita/primary/pc/base/pgnav_next.png) no-repeat right center;
}

/* [[┃┠ .editor]] */
/*___________________________________________________________________________*/
#contents .editor {
	margin: 10px 0 0 0;
	padding: 9px;
	border: solid 1px #eee;
	background: #f9f9f9;
	border-radius: 5px;
}

/* [[┃┃┠ .jobFilter]] */
/*---------------------------------------------------------------------------*/
#contents .editor .jobFilter {
	float: right;
}

/* [[┃┃┠ .categoryFilter]] */
/*---------------------------------------------------------------------------*/
#contents .editor .categoryFilter {
	float: left;
}

/* [[┃┃┃┠ dt]] */
/*--------------------------------------------------*/
#contents .editor .categoryFilter dt {
	display: inline-block;
	vertical-align: middle;
	padding: 0 0 0 20px;
	color: #333;
	font-weight: bold;
	font-size: 14px;
}

#contents .editor .categoryFilter dt:first-child {
	padding-left: 0;
}

/* [[┃┃┃┗ dd]] */
/*--------------------------------------------------*/
#contents .editor .categoryFilter dd {
	display: inline-block;
	vertical-align: middle;
	padding: 0 0 0 2px;
}

/* [[┃┃┃　┗ a]] */
/*------------------------------*/
#contents .editor .categoryFilter dd a {
	display: block;
	width: 60px;
	height: 20px;
	padding: 0 0 0 27px;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	line-height: 20px;
	background: url(https://image.haj.co.jp/jobkita/primary/pc/base/filter_category_on.png) no-repeat right center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#contents .editor .categoryFilter dd a.displayOff {
	padding: 0 0 0 8px;
	background: url(https://image.haj.co.jp/jobkita/primary/pc/base/filter_category_off.png) no-repeat right center;
}

/* [[┃┗ .toolbar]] */
/*___________________________________________________________________________*/
#contents .toolbar {
	/* margin: 10px 0 0 0; */
	padding: 4px 0;
	/* border: solid 1px #eed; */
	/* background: #ffe; */
	/* border-radius: 8px; */
	display: flex;
	justify-content: flex-end;
}

#contents .toolbar:first-child {
	margin-top: 0;
}

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

body.preupdate #contents .toolbar {
	display: flex;
	flex-wrap: wrap;
}
body.preupdate #contents .toolbar .jobName {
	order: 1;
	width: 100%;
}

body.preupdate #contents .toolbar .webEntry {
	order: 3;
}
body.preupdate #contents .toolbar:before {
	content: "ご応募は右のボタンよりお進みください";
	display: inline-block;
	padding: 0 0 0 10px;
	color: #eca;
	font-weight: bold;
	font-size: 14px;
	line-height: 40px;
	margin-right: 20px;
	order: 2;
}

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

body#jobDetail #contents .jobtitle + .toolbar {
	margin-top: 20px;
	/* reset */
}

/* [[┃　┠ p]] */
/*---------------------------------------------------------------------------*/
#contents .toolbar p {
	padding: 0 0 0 10px;
	/* reset */
	float: left;
	color: #333;
	font-weight: bold;
	font-size: 12px;
	line-height: 40px;
}

/* [[┃　┠ ul.clipTool / div.clipTool]] */
/*---------------------------------------------------------------------------*/
/*[memo]
javascriptで
.clipTool.clipStatus.ui-myclip.off = クリップ未
.clipTool.clipStatus.ui-myclip.on = クリップ済
状態を切り替えます。
-----------------------------------------------------------------------------*/
#contents .toolbar ul.clipTool {
	display: table;
}

#contents .toolbar .clipTool {
	float: left;
	margin: 0 5px 0 0;
	border: solid 1px #d6d6d6;
	overflow: hidden;
	background: #fff;
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#fff),
		to(#f6f6f6)
	);
	background:-webkit-linear-gradient(
		top,
		#fff,
		#f6f6f6
	);
	background:linear-gradient(
		to bottom,
		#fff,
		#f6f6f6
	);
	border-radius: 5px;
	/* -webkit-box-shadow: inset 0 -1px 0px #fff;
	box-shadow: inset 0 -1px 0px #fff; */
}

#contents .toolbar p + .clipTool {
	float: right;
	margin-right: 0;
	margin-left: 20px;
	/* reset */
}

#contents .toolbar div.clipTool:hover {
	background: #fff;
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#F6F6F6),
		to(#DFDFDF)
	);
	background:-webkit-linear-gradient(
		top,
		#F6F6F6,
		#DFDFDF
	);
	background:linear-gradient(
		to bottom,
		#F6F6F6,
		#DFDFDF
	);
	-webkit-box-shadow: inset 0 1px 0px #f0f0f0;
	box-shadow: inset 0 1px 0px #f0f0f0;
}

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

#contents .toolbar .clipTool.clipStatus.on {
	border: solid 1px #d6d6d6;
	background: #f6f6f6;
	-webkit-box-shadow: inset 0 1px 0px #f0f0f0;
	box-shadow: inset 0 1px 0px #f0f0f0;
}

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

body.preupdate #contents .toolbar .clipTool {
	display: none;
}

/* [[┃　┃┗ li]] */
/*--------------------------------------------------*/
#contents .toolbar .clipTool li {
	display: table-cell;
	vertical-align: middle;
	border-left: solid 1px #d6d6d6;
}

#contents .toolbar .clipTool li:first-child {
	border-left: none;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

#contents .toolbar .clipTool li:nth-last-of-type(1) {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

#contents .toolbar .clipTool li:hover {
	background: #fff;
	-webkit-box-shadow: inset 0 1px 0px #f0f0f0;
	box-shadow: inset 0 1px 0px #f0f0f0;
}

/* [[┃　┃　┗ a / span]] */
/*------------------------------*/
#contents .toolbar .clipTool a,
#contents .toolbar .clipTool span {
	display: block;
	min-width: 120px;
	padding: 14px 10px;/* 14px = height 40px - line-height 12px / 2 */
	color: #0054AA;
	font-weight: bold;
	font-size: 12px;
	line-height: 1;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* text-shadow: 1px 1px 1px rgba(0,0,0,0.1); */
}

#contents .toolbar .clipTool span {
	cursor: pointer;
}

#contents .toolbar .clipTool a:hover,
#contents .toolbar .clipTool span:hover {
	text-decoration: none;
	text-shadow: none;
}

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

#contents .toolbar .clipTool.clipStatus a:before,
#contents .toolbar .clipTool.clipStatus span:before {
	content: "　";
	display: inline-block;
	vertical-align: middle;
	width: 17px;
	height: 18px;
	margin: -12px 3px -10px -4px;
	/* -12px or -10px = height 40px - before icon 18px / 2 */
	font-size: 0;
	line-height: 0;
	background-image: url(https://image.haj.co.jp/jobkita/primary/pc/base/tlbar_clip_icon.png);
	background-position: left top;
	background-repeat: no-repeat;
}

#contents .toolbar .clipTool.clipStatus a:after,
#contents .toolbar .clipTool.clipStatus span:after {
	content: "する";
	display: inline;
}

#contents .toolbar .clipTool.clipStatus.on a:after,
#contents .toolbar .clipTool.clipStatus.on span:after {
	content: "済み";
}

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

#contents .toolbar .clipTool.clipStatus.on a,
#contents .toolbar .clipTool.clipStatus.on span {
	color: #ddd;
	text-shadow: none;
}

#contents .toolbar .clipTool.clipStatus.on a:before,
#contents .toolbar .clipTool.clipStatus.on span:before {
	background-position: left -100px;
}

/* [[┃　┗ .webEntry]] */
/*---------------------------------------------------------------------------*/
/*[memo]
.webEntry a = Web応募フォームへ
.webEntry b = ジョブキタ紹介に登録して応募
.batchEntry a = Web応募一括送信（マイクリップ一覧内で使用）
-----------------------------------------------------------------------------*/
#contents .toolbar .webEntry,
#contents .toolbar .batchEntry {
	float: right;
}

/* [[┃　　┗ a]] */
/*--------------------------------------------------*/
#contents .toolbar .webEntry a,
#contents .toolbar .webEntry b,
#contents .toolbar .batchEntry a {
	display: block;
	padding: 12px 20px;/* 14px = height 40px - line-height 16px / 2 */
	/* border: solid 1px #e90; */
	color: #000000;
	font-weight: bold;
	font-size: 16px;
	line-height: 1;
	text-align: center;
	background: #FFC447;
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#FFC447),
		to(#FBB829)
	);
	background:-webkit-linear-gradient(
		top,
		#FFC447,
		#FBB829
	);
	background:linear-gradient(
		to bottom,
		#FFC447,
		#FBB829
	);
	border-radius: 5px;
	/* text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4);
	box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4); */
}
#contents .toolbar .webEntry b {
	cursor: pointer;
}
#contents .toolbar .webEntry a:hover,
#contents .toolbar .webEntry b:hover,
#contents .toolbar .batchEntry a:hover {
	text-decoration: none;
	background: #FFB546;
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#FFB546),
		to(#FF9900)
	);
	background:-webkit-linear-gradient(
		top,
		#FFB546,
		#FF9900
	);
	background:linear-gradient(
		to bottom,
		#FFB546,
		#FF9900
	);
}

#contents .annotation {
	float: right;
	font-weight: normal;
	font-size: 12px;
	text-indent: -1em;
	padding-left: 1em;
}

/* [[┃-------------------------------------------------------------------]] */
/* [[┠ .others]] */
/*===========================================================================*/
#contents .others {
	padding: 10px 0 0 0;
}

#contents .others:first-child {
	padding-top: 0;
}

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

body#jobDetail #contents .others {
	padding-top: 20px;
	/* reset */
}

body#jobDetail #contents .others:first-child {
	padding-top: 0;
}

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

body#jobDetail.preupdate #contents #publish.others {
	display: none;
}

/* [[┃┠ .headline]] */
/*___________________________________________________________________________*/
/*[memo]
hタグで使用のため class 指定
-----------------------------------------------------------------------------*/
#contents .others > .headline {
	padding: 7px 10px;
	border-bottom: solid 3px #006CD9;
	color: #0054AA;
	font-weight: bold;
	font-size: 12px;
	background: #f3f3f3;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

#contents .others > .headline ~ .headline {
	margin-top: 10px;
	padding: 5px 10px;
	border-bottom: none;
	color: #36a;
	background: #eef6ff;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	/* reset */
	border: solid 1px #dde6ee;
	border-radius: 5px;
}

#contents .others > .headline + .headline {
	margin-top: 5px;
	/* reset */
}

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

#contents #hajEvent.others > .headline {
	border-bottom: solid 3px #006CD9;
	color: #fff;
	background: #006CD9;
}

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

body#jobDetail #contents .others > .headline {
	font-size: 14px;
}

/* [[┃┠ .item / a]] */
/*___________________________________________________________________________*/
#contents .others > .item {
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	border-top: dotted 1px #ddd;
}

#contents .others > .headline + .item {
	margin-top: 0;
	border-top: none;
}

#contents .others > .item a {
	display: block;
	text-decoration: none;
}

/* [[┃┃┠ .category]] */
/*---------------------------------------------------------------------------*/
/*[memo]
hタグで使用のため class 指定
-----------------------------------------------------------------------------*/
#contents .others .item .category {
	display: inline-block;
	padding: 2px 10px 1px 10px;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	background: #8be;
	border-radius: 100px;
}

/* [[┃┃┠ .thumbnail]] */
/*---------------------------------------------------------------------------*/
#contents .others .item .thumbnail {
	float: left;
	width: 60px;
	margin: 0 10px 0 0;
	font-size: 0;
	line-height: 0;
}

/* [[┃┃┃┗ imge]] */
/*--------------------------------------------------*/
#contents .others .item .thumbnail img {
	display: block;
	width: 100%;
}

/* [[┃┃┠ .headline]] */
/*---------------------------------------------------------------------------*/
/*[memo]
hタグで使用のため class 指定
-----------------------------------------------------------------------------*/
#contents .others .item .headline {
	font-weight: bold;
	font-size: 14px;
}

#contents .others .item .category ~ .headline {
	padding: 5px 0 0 0;
}

#contents .others .item .thumbnail ~ .headline {
	margin-left: 70px;
}

#contents .others .item a:hover .headline {
	text-decoration: underline;
}

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

#contents .others .item.new .headline:after {
	content: "NEW";
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 2px;
	padding: 0 5px;
	color: #fff;
	font-weight: bold;
	font-size: 8px;
	line-height: 14px;
	background: #f00;
	border-radius: 100px;
}

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

#contents #hajLinks.others .item .headline {
	padding: 0 0 0 17px;
	font-size: 12px;
	background: url(https://image.haj.co.jp/jobkita/primary/pc/base/hajlinks_icon.png) no-repeat left center;
}

/* [[┃┃┠ p.update]] */
/*---------------------------------------------------------------------------*/
#contents .others .item p.update {
	vertical-align: middle;
	padding: 5px 0 0 0;
	color: #333;
	font-weight: bold;
	font-size: 9px;
}

#contents .others .item .thumbnail ~ p.update {
	margin-left: 70px;
}

/* [[┃┃┠ p.lead]] */
/*---------------------------------------------------------------------------*/
#contents .others .item p.lead {
	clear: both;
	padding: 5px 0 0 0;
	color: #555;
	font-size: 12px;
}

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

body#jobDetail #contents .others .item .thumbnail ~ p.lead {
	clear: none;
	/* reset */
	margin-left: 70px;
}

/* [[┃┠ .banner]] */
/*___________________________________________________________________________*/
/* banner.css 参照 */

/* [[┃┗ .more]] */
/*___________________________________________________________________________*/
#contents .others .more {
	margin: 10px 0 0 0;
	padding: 5px 0 0 0;
	border-top: dotted 1px #ddd;
}

/* [[┃　┗ a]] */
/*---------------------------------------------------------------------------*/
#contents .others .more a {
	display: inline-block;/* background-image */
	padding: 0 0 0 17px;
	color: #666;
	font-size: 12px;
	background: url(https://image.haj.co.jp/jobkita/primary/pc/base/othr_more_icon.png) no-repeat left center;
}

#contents .others .more a:hover {
	color: #00f;
}

/* [[┃-------------------------------------------------------------------]] */
/* [[┠ #attachmentNav]] */
/*===========================================================================*/
#attachmentNav {
	clear: both;
	width: 100%;
}

/* [[┃┗ .item]] */
/*___________________________________________________________________________*/
#attachmentNav .item {
	position: fixed;
	left: 50%;
	margin-left: 490px;/* #contents width 940px / 2 + 20px*/
}

/* [[┃　┃ + .pageTop]] *//*---------------*/
#attachmentNav .item.pageTop {
	display: none;/* js 表示切り替え */
	bottom: 50px;
}

/* [[┃　┃ + .winClose]] *//*---------------*/
#attachmentNav .item.winClose {
	top: 0px;
}

/* [[┃　┗ a]] */
/*---------------------------------------------------------------------------*/
#attachmentNav .item a {
	display: block;
	width: 40px;
	height: 40px;
	padding: 10px;/* image size 20px */
	background: #006CD9;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 5px;
}

/* [[┃　　┃ + .winClose]] *//*---------------*/
#attachmentNav .item.winClose a {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

/* [[┃　　┗ img]] */
/*--------------------------------------------------*/
#attachmentNav .item a img {
	display: block;
}

/* [[┃-------------------------------------------------------------------]] */
/* [[┠ .pmark]] */
/*===========================================================================*/
#contents .pmark {
	padding: 20px 0 0 0;
}

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

#contents .others + .pmark {
	margin: 10px 0 0 0;
	border-top: dotted 1px #ddd;
}

/* [[┃┗ a]] */
/*___________________________________________________________________________*/
#contents .pmark a {
	display: block;
	width: 75px;
	margin: 0 auto;
	font-size: 0;
	line-height: 0;
}

/* [[┃　┗ img]] */
/*---------------------------------------------------------------------------*/
#contents .pmark a img {
	width: 75px;
}

/* [[┃-------------------------------------------------------------------]] */
/* [[┠ .tekiseiMedia]] */
/*===========================================================================*/
#contents .tekiseiMedia {
	padding: 20px 0 0 0;
}

#contents .tekiseiMedia a {
	display: block;
	width: 198px;
	margin: 0 auto;
	font-size: 0;
	line-height: 0;
}
#contents .tekiseiMedia a img {
	width: 100%;
}



/* [[=====================================================================]] */
/* [[.relatedLink]] */
/*===========================================================================*/
/*[memo]
検索結果一覧ページなどの最下部に、読み物やHAJ関連サイトへ誘導するリンクブロック
求人詳細でも使用（例：「くらしごと」へのリンク）
※ジョブキタ一次産業実装時追加

.relatedLink.publishLink = 読み物
.relatedLink.hajsiteLink = HAJ関連サイト
.relatedLink.kurashigotoLink = 「くらしごと」へのリンク
※ #contentsHeader 内でも使用（一次産業タイトル画像下リード文）
-----------------------------------------------------------------------------*/
/* [[┠ base setting]] */
/*___________________________________________________________________________*/
#contents .relatedLink {
	margin: 20px 0 0 0;
	border: solid 3px #8be;
	overflow: hidden;
	border-radius: 8px;
}

#contents .relatedLink:first-child {
	margin-top: 0;
}

/* [[┃┠ .headline]] */
/*---------------------------------------------------------------------------*/
/*[memo]
hタグや他タグで使用のため class 指定
-----------------------------------------------------------------------------*/
#contents .relatedLink > .headline {
	padding: 10px 30px;
	border-top: solid 1px #8be;
	color: #69d;
	font-weight: bold;
	font-size: 16px;
	background: #eef6ff;
}

#contents .relatedLink > .headline:first-child {
	border-top: none;
}

/* [[┃┠ p]] */
/*---------------------------------------------------------------------------*/
#contents .relatedLink > p {
	padding: 10px;
	border-top: solid 1px #eee;
}

#contents .relatedLink > p:first-child,
#contents .relatedLink > p + p {
	border-top: none;
	padding-top: 0;
}

/* [[┃┗ .linkList]] */
/*---------------------------------------------------------------------------*/
#contents .relatedLink .linkList {
	border-top: solid 1px #eee;
}

#contents .relatedLink .linkList:first-child {
	border-top: none;
}

/* [[┃　┗ li = li.item or li.more]] */
/*--------------------------------------------------*/
#contents .relatedLink .linkList li + li {
	border-top: solid 1px #eee;
}

#contents .relatedLink .linkList li a {
	display: block;
	padding: 30px;
	color: #666;
}

#contents .relatedLink .linkList li a:hover {
	text-decoration: none;
}

#contents .relatedLink .linkList li.more {
	text-align: right;
	padding: 10px;
}

#contents .relatedLink .linkList li.more a {
	display: inline-block;
	/* reset */
	padding: 0 0 0 17px;
	color: #666;
	font-size: 12px;
	background: url(https://image.haj.co.jp/jobkita/primary/pc/relatedlink/more_icon.png) no-repeat left center;
}

#contents .relatedLink .linkList li.more a:hover {
	color: #00f;
	text-decoration: underline;
}

/* [[┃　　┠ .thumbnail]] */
/*--------------------------------------------------*/
#contents .relatedLink .linkList li.item .thumbnail {
	float: left;
	width: 80px;
	margin: 0 10px 10px 0;
	font-size: 0;
	line-height: 0;
}

#contents .relatedLink .linkList li.item .thumbnail img {
	display: block;
	width: 100%;
}

/* [[┃　　┠ .headline]] */
/*--------------------------------------------------*/
#contents .relatedLink .linkList li.item .headline {
	color: #00f;
	font-weight: bold;
	font-size: 1.6rem;
}

#contents .relatedLink .linkList li.item a:visited .headline {
	color: #039;
}

#contents .relatedLink .linkList li.item a:hover .headline {
	color: #00f;
	text-decoration: underline;
}

#contents .relatedLink .linkList li.item a:active .headline {
	color: #003;
}

#contents .relatedLink .linkList li.item .thumbnail ~ .headline {
	margin-left: 70px;
}

#contents .relatedLink .linkList li.item.new .headline:after {
	content: "NEW";
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 2px;
	padding: 0 5px;
	color: #fff;
	font-weight: bold;
	font-size: 0.8rem;
	line-height: 14px;
	background: #f00;
	border-radius: 100px;
}

/* [[┃　　┠ .update]] */
/*--------------------------------------------------*/
#contents .relatedLink .linkList li.item p.update {
	padding: 5px 0 0 0;
	color: #333;
	font-weight: bold;
	font-size: 1.2rem;
}

#contents .relatedLink .linkList li.item .thumbnail ~ p.update {
	margin-left: 70px;
}

/* [[┃　　┗ .lead]] */
/*--------------------------------------------------*/
#contents .relatedLink .linkList li.item p.lead {
	clear: both;
	padding: 5px 0 0 0;
	color: #555;
	font-size: 1.6rem;
}

#contents .relatedLink .linkList li.item p.lead:first-child {
	padding-top: 0;
}

#contents .relatedLink .linkList li.item .thumbnail ~ p.lead {
	clear: none;
	/* reset */
	margin-left: 70px;
}

/* [[┠ #contentsHeader > ]] */
/*___________________________________________________________________________*/
#contents #contentsHeader .relatedLink {
	margin-top: 10px;
	border: none;
	border-radius: 0;
	/* reset */
	position: relative;
	padding-left: 45px;
}

#contents #contentsHeader .lead + .relatedLink {
	padding-top: 10px;
	border-top: dotted 1px #ddd;
}

#contents #contentsHeader .relatedLink > .headline {
	border-top: none;
	/* reset */

	display: block;
	position: absolute;
	top: 2px;
	left: 0;

	width: 40px;
	line-height: 15px;
	padding: 5px 0;

	color: #fff;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	background: #fa2;
	border-radius: 5px;
}

#contents #contentsHeader .lead + .relatedLink > .headline {
	top: 12px;
}

#contents #contentsHeader .relatedLink > p {
	padding: 0;
	border-top: none;
	/* reset */
}

/* [[┠ .relatedLink.publishLink]] */
/*___________________________________________________________________________*/
/* 打ち消し命令なし */

/* [[┠ .relatedLink.hajsiteLink]] */
/*___________________________________________________________________________*/
#contents .relatedLink.hajsiteLink > .headline {
}

#contents .relatedLink.hajsiteLink .linkList li.item a {
	display: table;
	width: 100%;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


#contents .relatedLink.hajsiteLink .linkList li.item .thumbnail,
#contents .relatedLink.hajsiteLink .linkList li.item p.lead {
	display: table-cell;
	vertical-align: middle;
}

#contents .relatedLink.hajsiteLink .linkList li.item .thumbnail {
	width: 105px;
	margin: 0;
	/* reset */
	padding-right: 20px;
}

#contents .relatedLink.hajsiteLink .linkList li.item p.lead {
	padding: 0;
	margin: 0;
	/* reset */
	width: 99%;
}

/* [[┗ .relatedLink.kurashigotoLink]] */
/*___________________________________________________________________________*/
#contents .relatedLink.kurashigotoLink {
	border: solid 1px #ddd;
	/* reset */
}

#contents .relatedLink.kurashigotoLink .linkList {
	padding: 0 10px;
}

#contents .relatedLink.kurashigotoLink .linkList li.item {
	padding: 10px 0;
	/* reset */
}

#contents .relatedLink.kurashigotoLink .linkList li.item > a {
	padding: 0;
	/* reset */
}

#contents .relatedLink.kurashigotoLink .linkList li.item a strong {
	color: #00f;
	font-weight: normal;
	text-decoration: underline;
}



/* [[=====================================================================]] */
/* [[#siteGuide]] */
/*===========================================================================*/
#siteGuide {
	padding: 20px 0;
	border-top: solid 3px #006CD9;
	background: #f9f9f9;
}

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

body.preupdate #siteGuide {
	display: none;
}

/* [[┃┠ .section]] */
/*___________________________________________________________________________*/
#siteGuide .section {
	width: 940px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#siteGuide .section:first-child {
	padding-top: 0;
}

/* [[┃┠ #siteSummary.section]] */
/*___________________________________________________________________________*/
/* [[┃┃┠ h3]] */
/*---------------------------------------------------------------------------*/
#siteSummary h3 {
	color: #000;
	font-weight: bold;
	font-size: 14px;
}

/* [[┃┃┗ p]] */
/*---------------------------------------------------------------------------*/
#siteSummary p {
	padding: 5px 0 0 0;
	font-size: 12px;
}

/* [[┃┗ #contentsLinks]] */
/*___________________________________________________________________________*/
/* [[┃　┗ dl.linksCategory]] */
/*---------------------------------------------------------------------------*/
#contentsLinks .linksCategory {
	padding: 20px 0 0 0;
}

#contentsLinks .linksCategory:first-child {
	padding-top: 0;
}

#contentsLinks #optionLinks.linksCategory,
#contentsLinks #employLinks.linksCategory {
	width: 50%;
	float: left;
}

/* [[┃　　┠ dt]] */
/*--------------------------------------------------*/
#contentsLinks .linksCategory dt,
#otherLinks .linksCategory dt {
	padding: 0 0 0 5px;
	border-left: solid 4px #006CD9;
	color: #000;
	font-weight: bold;
	font-size: 13px;
	line-height: 1.2;
}
#otherLinks .linksCategory dt {
	margin: 0 0 5px 0;
}

/* [[┃　　┗ dd / ul / li]] */
/*--------------------------------------------------*/
#contentsLinks .linksCategory dd,
#otherLinks .linksCategory dd {
	display: inline-block;
	margin: 2px 10px 0 0;
	padding: 0 10px 0 0;
	border-right: solid 1px #ddd;
	font-size: 11px;
}

#contentsLinks .linksCategory dd ul,
#contentsLinks .linksCategory dd li {
	display: inline-block;
}

#contentsLinks .linksCategory dd li {
	padding: 0 10px 0 0;
}

#contentsLinks .linksCategory dd li:nth-last-of-type(1) {
	margin-right: -10px;/* = dd margin 相殺*/
	padding-right: 0;
}

#contentsLinks .linksCategory dd li:first-child:before {
	content: "（";
	display: inline-block;
	padding-right: 5px;
}

#contentsLinks .linksCategory dd li:nth-last-of-type(1):after {
	content: "）";
	display: inline-block;
	padding-left: 5px;
}

/* [[┃　　　┗ a /]] */
/*------------------------------*/
#contentsLinks .linksCategory dd a,
#otherLinks .linksCategory dd a {
	color: #333;
}

#contentsLinks .linksCategory dd a:hover,
#otherLinks .linksCategory dd a:hover {
	color: #00f;
}




/* [[=====================================================================]] */
/* [[#footer]] */
/*===========================================================================*/

/* [[┃-------------------------------------------------------------------]] */
/* [[┠ #footerNav]] */
/*===========================================================================*/
#footerNav {
	padding: 20px 0;
	border-top: solid 5px #aaddf6;
	background: #8be;
}

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

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

body.preupdate #footerNav {
	display: none;
}

/* [[┃┗ dl]] */
/*___________________________________________________________________________*/

/* [[┃　┠ dt]] */
/*---------------------------------------------------------------------------*/#footerNav dt {
	color: #fff;
	font-weight: bold;
	font-size: 12px;
}

/* [[┃　┃┗ a]] */
/*--------------------------------------------------*/
#footerNav dt a {
	display: inline-block;/* background-image */
	padding: 0 0 0 17px;
	color: #fff;
	background: url(https://image.haj.co.jp/jobkita/primary/pc/base/ftnav_icon_a.png) no-repeat left center;
}

/* [[┃　┗ dd]] */
/*---------------------------------------------------------------------------*/#footerNav dd {
	display: table;
	width: 100%;
	padding: 20px 0 0 0;
	color: #666;
	font-size: 11px;
}

/* [[┃　　┗ ul / li]] */
/*--------------------------------------------------*/
#footerNav ul {
	display: table-cell;
	width: 25%;
	padding: 0 10px;
	border-right: dotted 1px #a6d6f6;
}

#footerNav ul:first-child {
	border-left: dotted 1px #a6d6f6;
}

#footerNav li {
	padding: 5px 0 0 0;
}

#footerNav li:first-child {
	padding-top: 0;
}

/* [[┃　　　┗ a]] */
/*------------------------------*/
#footerNav li a {
	padding: 0 0 0 10px;
	color: #fff;
	background: url(https://image.haj.co.jp/jobkita/primary/pc/base/ftnav_icon_b.png) no-repeat left center;
}

/* [[┃-------------------------------------------------------------------]] */
/* [[┠ #copyright]] */
/*===========================================================================*/
#copyright {
	padding: 20px 0;
	border-top: solid 5px #49c;
}

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

/* [[┃┠ ul]] */
/*___________________________________________________________________________*/#copyright ul {
	display: table;
	float: right;
	padding: 5px 0 0 0;/* dl（Copyright）middle 合わせ */
}

/* [[┃┃┗ li]] */
/*---------------------------------------------------------------------------*/
#copyright li {
	display: table-cell;
	vertical-align: middle;
	padding: 0 10px 0 0;
	font-size: 0;
	line-height: 0;
}

/* [[┃┃　┗ a]] */
/*--------------------------------------------------*/
#copyright li a {
	display: inline-block;
}

/* [[┃┃　　┗ img]] */
/*------------------------------*/
#copyright li img {
	height: 18px;
}

#copyright li.sgw img {
	height: 16px;
}

#copyright li.gakusei img {
	height: 20px;
	margin-top: -4px;
}

/* [[┃┗ dl]] */
/*___________________________________________________________________________*/
#copyright dl {
	float: left;
}

/* [[┃　┠ dt]] */
/*---------------------------------------------------------------------------*/
#copyright dt {
	color: #333;
	font-weight: bold;
	font-size: 13px;
	line-height: 1;
}

/* [[┃　┃┗ a]] */
/*--------------------------------------------------*/
#copyright dt a {
	color: #333;
}

/* [[┃　┗ dd]] */
/*---------------------------------------------------------------------------*/
#copyright dd {
	padding: 5px 0 0 0;
	color: #666;
	font-size: 10px;
	line-height: 1;
}



/* [[=====================================================================]] */
/* [[.jobData]] */
/*===========================================================================*/
/*[memo]
.jobData = 通常求人（フリー枠あり）
.jobData.p0 = 無料求人
.jobData.agent = JJS非公開求人
.jobData.expire = 終了求人（クリップで使用）
-----------------------------------------------------------------------------*/
#contents .jobData {
	margin-top: 20px;
	background-color: #fff;
	box-shadow: 0 1px 7px rgba(0,0,0, 0.2);
	border-radius: 5px;
}

/*[ 求人一覧PR求人 ]
------------------------------ */
#contents .jobData.jobData-PR {
	border: solid 1px #006CD9;
	box-sizing: border-box;
}
#contents .jobData.jobData-PR:before {
	content: '[PR]';
	display: block;
	background-color: #006CD9;

	padding: 5px;
	color: #fff;
	font-size: 14px;
	line-height: 1;
	text-align: right;
}

/* [[┃-------------------------------------------------------------------]] */
/* [[┠ .freewordHit]] */
/*===========================================================================*/
#contents .jobData .freewordHit {
	padding: 10px 20px;
	border-bottom: solid 1px #ddd;
	font-size: 12px;
	margin-bottom: 10px;

	position: relative;/* before / after */
}
#contents .jobData.jobData-PR .freewordHit {
	padding-left: 19px;
	padding-right: 19px;
}

#contents .jobData .freewordHit:before {
	content: "　";
	display: block;

	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;

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

	position: absolute;
	bottom: -16px;
	left: 30px;
	z-index: 1;
}
#contents .jobData .freewordHit:after {
	content: "　";
	display: block;

	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;

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

	position: absolute;
	bottom: -14px;
	left: 30px;
	z-index: 2;
}

/* [[┃┠ dt]] */
/*___________________________________________________________________________*/
#contents .jobData .freewordHit dt {
	color: #000;
	font-weight: bold;
}

/* [[┃┗ dd]] */
/*___________________________________________________________________________*/
#contents .jobData .freewordHit dd {
	color: #999;
}

/* [[┃　┗ strong]] */
/*---------------------------------------------------------------------------*/
#contents .jobData .freewordHit dd strong {
	display: inline-block;
	margin-left: 3px;
	margin-right: 3px;
	color: #000;
	background: #ff6;
}

/* [[┃-------------------------------------------------------------------]] */
/* [[┠ .jobDataLabel]] */
/*===========================================================================*/
.jobDataLabel {
	position: absolute;
	z-index: 10;
	/*
	↑
	[memo]
	.jobDataLabel の上に .freewordHit（フリーワードの一致）が入ることがあります。
	.freewordHitの高さ（行数）は固定じゃない。
	↑
	.jobDataLabel の下にある .sellingPoint に重ねるためデザインです。
	↑
	なので...
	.sellingPoint に重ねるため position absolute を指定。
	重ねるけど高さ不特定の .freewordHit の下に置きたいので、
	（topやleftを使わず）margin でレイアウトしています。
	↓
	*/
	margin-top: 5px;
	margin-left: -5px;

	background: #f00;
	width: 130px;
	height: 30px;

	filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
	/*[memo]
	box-shadow ではリボン装飾のbefore・afterに影が付かなかったので
	filter drop-shadow で指定しました。
	↑
	でも filter drop-shadow はIE11で使えない指定です。
	IE11では影なしとなります。
	*/

	color: #fff;
	font-weight: bold;
	font-size: 14px;

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

/* リボン装飾 / 左下の折り返し */
.jobDataLabel:before {
	content: ' ';
	width: 0;
	height: 0;

	font-size: 0;
	line-height: 0;

	border-style: solid;
	border-width: 3px;
	border-color: #a00 #a00 transparent transparent;

	position: absolute;
	bottom: -6px;
	left: 0;
}

/* リボン装飾 / 右の切り込み */
.jobDataLabel:after {
	content: ' ';
	width: 0;
	height: 0;

	font-size: 0;
	line-height: 0;

	border-style: solid;
	border-width: 15px 6px;
	border-color: #f00 transparent #f00 #f00;

	position: absolute;
	top: 0;
	right: -6px;
}
/* .freewordHit + .jobDataLabel {
	margin-top: 10px;
} */
.freewordHit + .employer {
	margin-top: -10px !important;
}

/* [[┃-------------------------------------------------------------------]] */
/* [[┠ .sellingPoint]] */
/*===========================================================================*/
#contents .jobData .sellingPoint {
	padding: 20px;
	margin: 0 -20px;

	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	border-bottom: solid 1px #ddd;
}
#contents .jobData.agent .sellingPoint {
	background-image: url(https://image.haj.co.jp/jobkita/primary/pc/job/jjs_job_logo.png);
	background-position: left 20px top 20px;
	background-repeat: no-repeat;
	-webkit-background-size: auto 20px;
	background-size: auto 20px;

	padding-top: 50px;
}
#contents .jobData  .jobDataLabel + .sellingPoint {
	padding-top: 30px;
}
#contents .jobData  .freewordHit + .jobDataLabel + .sellingPoint {
	padding-top: 35px;
}
#contents .jobData.jobData-PR .sellingPoint {
	padding-left: 19px;
	padding-right: 19px;
}

/* [[┃┠ .mainPhoto]] */
/*___________________________________________________________________________*/
#contents .jobData .sellingPoint .mainPhoto {
	width: 150px;
	min-width: 150px;
	margin-right: 10px;
	font-size: 0;
	line-height: 0;
	text-align: center;
	background: #eee;
}
#contents .jobData .sellingPoint .mainPhoto img {
	display: inline-block;
	max-width: 100%;
	max-height: 113px;
}

/* [[┃┗ p.message]] */
/*___________________________________________________________________________*/
#contents .jobData .sellingPoint .message {
	color: #000;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.5;

	/* 半角英数字 改行指定 */
	word-wrap : break-word;
	overflow-wrap : break-word;
}
#contents .jobData .sellingPoint .mainPhoto + .message {
	/*
	親要素.sellingPoint で flexを指定。
	「半角英数字改行指定」を活かすために
	width指定が必須
	*/
	width: calc(100% - 160px);
}
#contents .jobData .sellingPoint .message br {
	/* 改行禁止 */
	display: none;
}
/*[memo]
アピールラベル + フリー枠（写真なし・キャッチのみ）の場合の指定
「写真がない」場合、アピールラベルにキャッチが被るのを防ぐための指定です。

元々アピールラベル + フリー枠の場合、キャッチの親となる .sellingPoint に空きが付いています。

「アピールラベル + フリー枠」だけでは（写真が有無がわからないので）
仕方なく .sellingPoint の空きに加算するようキャッチに上空きを指定しています。
*/
#contents .jobData  .jobDataLabel + .sellingPoint .message:only-child {
	margin-top: 15px;
}

/* [[┃-------------------------------------------------------------------]] */
/* [[┠ .jobDataAside]] */
/*===========================================================================*/
/*[memo]
以下を表示させるための要素
・イベント参加マーク
・その他バナー画像など（例：6項目グラフ・HAJイベント告知など）

以前までバナー画像は .accountSection > .additionalInfo で表示させていたが、
イベント参加マークが追加となりバナー画像も .jobDataAside で表示させる仕様になりました。

バナー画像のPG出力が .jobDataAside になってたら
旧指定 .additionalInfo を削除してください。
-----------------------------------------------------------------------------*/
.jobDataAside {
	margin-left: 20px;
	margin-right: 20px;
}
.jobtitle + .jobDataAside,
.freewordHit + .jobDataAside {
	padding-top: 20px;
}
.jobDataLabel + .jobDataAside {
	padding-top: 45px;
}
.freewordHit + .jobDataLabel + .jobDataAside {
	padding-top: 50px;
}
#contents .jobData.jobData-PR .jobDataAside {
	margin-left: 19px;
	margin-right: 19px;
}

.jobDataAside_item + .jobDataAside_item {
	padding-top: 10px;
}

.jobDataAside_item-event {
	padding: 10px 10px 10px 160px;
	border: solid 1px #8be;
	background-color: #fff;
	border-radius: 5px;
	box-sizing: border-box;

	/* 半角英数字 改行指定 */
	word-wrap : break-word;
	overflow-wrap : break-word;

	font-weight: bold;
	font-size: 13px;

	position: relative;
}
.jobDataAside_item-event:before {
	content:' ';

	font-size: 0;
	line-height: 0;

	display: block;
	width: 149px;
	height: 100%;
	background-color: #8be;
	background-image: url(https://image.haj.co.jp/jobkita/primary/pc/job/event_join_joblist.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 100% auto;

	position: absolute;
	top: 0;
	left: 0;
}

.jobDataAside_item-banner {
	font-size: 0;
	line-height: 0;
}
.jobDataAside_item-banner a {
	display: block;
}
.jobDataAside_item-banner img {
	width: 100%;
}

/* [[┃-------------------------------------------------------------------]] */
/* [[┠ .accountSection]] */
/*===========================================================================*/
/*[memo]
求人枠 = 企業・口座単位
-----------------------------------------------------------------------------*/
#contents .jobData .accountSection {
	border-top: solid 1px #ddd;
	padding: 20px;
}
#contents .jobData .accountSection:first-child,
#contents .jobData .freewordHit + .accountSection,
#contents .jobData .freewordHit + .jobDataLabel + .accountSection,
#contents .jobData .jobtitle.jobtitle-line2 + .accountSection {
	border-top: none;
}
#contents .jobData .jobDataAside + .accountSection {
	margin-top: 20px;
}
#contents .jobData .jobDataLabel + .accountSection {
	padding-top: 40px;
}
#contents .jobData .freewordHit + .jobDataLabel + .accountSection {
	padding-top: 45px;
}
#contents .jobData.jobData-PR .accountSection {
	padding-left: 19px;
	padding-right: 19px;
}

/* [[┃┠ .employer]] */
/*___________________________________________________________________________*/
/*[memo]
hタグで使用のため class 指定
-----------------------------------------------------------------------------*/
#contents .jobData .accountSection .employer {
	color: #000;
	font-weight: bold;
	font-size: 22px;
}

/*---------------*/
/* 終了求人（クリップで使用） */
#contents .jobData.expire .accountSection .employer {
	color: #bbb;
}

/*---------------*/
/* クリップ + JJS */
body#clip #contents .jobData.agent .accountSection .employer {
	background-image: url(https://image.haj.co.jp/jobkita/primary/pc/job/jjs_job_logo.png);
	background-position: left center;
	background-repeat: no-repeat;
	-webkit-background-size: auto 16px;
	background-size: auto 16px;

	padding-left: 120px;
}
body#clip #contents .jobData.agent.expire .accountSection .employer,
body#clip.conf #contents .jobData.agent .accountSection .employer {
	background-image: none;
	padding-left: 0;
}

	/* [[┃┠ .additionalInfo]] */
/*___________________________________________________________________________*/
/*[memo]
イベントバナー画像表示要素 = .additionalInfo = 旧仕様指定
（例：6項目グラフ・HAJイベント告知など）
イベント参加マークが追加となりバナー画像も .jobDataAside で表示させる仕様になりました。
↓
バナー画像のPG出力が .jobDataAside になってたら下記指定削除してください。
↓
-----------------------------------------------------------------------------*/
#contents .jobData .additionalInfo {
	/* 未指定 */
}

/* [[┃┗ .jobSection]] */
/*___________________________________________________________________________*/
#contents .jobData .jobSection {
	/* 未指定 */
}

/* [[┃　┠ .heading]] */
/*---------------------------------------------------------------------------*/
#contents .jobData .jobSection .heading {
	margin-top: 5px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
}
body#home #contents .jobData .jobSection .heading {
	display: block;
}

/*---------------*/
/* 終了求人（クリップで使用） */
#contents .jobData.expire .jobSection .heading {
	padding-right: 130px;
	position: relative;
}
#contents .jobData.expire .jobSection .heading:after {
	content: "掲載終了";
	display: block;

	width: 120px;
	padding: 1px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	color: #fff;
	font-size: 11px;
	text-align: center;
	background: #f00;
	border-radius: 100px;

	position: absolute;
	top: 50%;
	right: 0;
	z-index: 90;
	transform: translateY(-50%);
}

/* [[┃　┃┠ .jobtitle]] */
/*--------------------------------------------------*/
/*[memo]
hタグで使用のため class 指定
----------------------------------------------------*/
#contents .jobData .jobSection .jobtitle {
	width: 100%;
	min-width: 0;/* .heading display flex 対応 = a white-space nowrap 対応 */
	position: relative;
}
#contents .jobData .jobSection .jobtitle:not(.jobtitle-line2) {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
}
#contents .jobData .jobSection .jobtitle .selection {
	position: absolute;
	top: 1px;
	left: 0;
}
#contents .jobData .jobSection .jobtitle .selection input {
	margin: 0;
	vertical-align: middle;
}
#contents .jobData .jobSection .jobtitle .selection + a {
	margin-left: 30px;
}
#contents .jobData .jobSection .jobtitle a {
	display: block;
	font-size: 16px;
	line-height: 1.5;
}
#contents .jobData .jobSection .jobtitle a:not(.jobtitleLink) {
	/* 1行文字省略 = body#clip 使用 */
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#contents .jobData .jobSection .jobtitle.jobtitle-line2 {
	/* 未指定 */
}
#contents .jobData .jobSection .jobtitle.jobtitle-line2 a.jobtitleLink {
	/* 2行文字省略 */
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	max-height: 16px * 1.5 * 2;
}
#contents .jobData .jobSection .jobtitle.jobtitle-line2 a.jobtitleLink .jobtitleLink_text {
	display: inline;
}
#contents .jobData .jobSection .jobtitle.jobtitle-line2 a.jobtitleLink .jobtitleLink_copy {
	display: inline;
}
#contents .jobData .jobSection .jobtitle.jobtitle-line2 a.jobtitleLink .jobtitleLink_copy:before {
	content: '【';
}
#contents .jobData .jobSection .jobtitle.jobtitle-line2 a.jobtitleLink .jobtitleLink_copy:after {
	content: '】';
}

/*---------------*/
/* 終了求人（クリップで使用） */
#contents .jobData.expire .jobSection .jobtitle,
#contents .jobData.expire .jobSection .jobtitle a {
	color: #bbb;
}

/* [[┃　┃┗ ul.leading]] */
/*--------------------------------------------------*/
#contents .jobData .jobSection .leading {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row-reverse;
	justify-content: flex-start;
	align-items: center;
}

/*---------------*/
/* HOME */
body#home #contents .jobData .jobSection .leading {
	margin-top: 20px;
}

/* [[┃　┃　┗ li]] */
/*------------------------------*/
#contents .jobData .jobSection .leading li {
	width: 120px;
}
#contents .jobData .jobSection .leading li + li {
	margin-right: 5px;
}
#contents .jobData .jobSection .leading li a,
#contents .jobData .jobSection .leading li b,
#contents .jobData .jobSection .leading li span {
	height: 45px;
	border: solid 1px #d6d6d6;
	background: #fff;
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#fff),
		to(#f6f6f6)
	);
	background:-webkit-linear-gradient(
		top,
		#fff,
		#f6f6f6
	);
	background:linear-gradient(
		to bottom,
		#fff,
		#f6f6f6
	);
	/* text-shadow: 1px 1px 1px rgba(0,0,0,0.1); */
	/* -webkit-box-shadow: inset 0 -1px 0 #fff; */
	/* box-shadow: inset 0 -1px 0 #fff; */
	border-radius: 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: #0054AA;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
}
#contents .jobData .jobSection .leading li a:hover,
#contents .jobData .jobSection .leading li b:hover,
#contents .jobData .jobSection .leading li span:hover {
	background: #F6F6F6;
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#F6F6F6),
		to(#DFDFDF)
	);
	background:-webkit-linear-gradient(
		top,
		#F6F6F6,
		#DFDFDF
	);
	background:linear-gradient(
		to bottom,
		#F6F6F6,
		#DFDFDF
	);
}

/*---------------*/
/* クリップボタン */
#contents .jobData .jobSection .leading li.clipStatus a:after,
#contents .jobData .jobSection .leading li.clipStatus span:after {
	content: "する";
}
#contents .jobData .jobSection .leading li.clipStatus.on a:after,
#contents .jobData .jobSection .leading li.clipStatus.on span:after {
	content: "済み";
}
#contents .jobData .jobSection .leading li.clipStatus.on a,
#contents .jobData .jobSection .leading li.clipStatus.on span {
	color: #ccc;
	border: solid 1px #d6d6d6;
	background: #f6f6f6;
	-webkit-box-shadow: inset 0 1px 2px #ddd;
	box-shadow: inset 0 1px 2px #ddd;
}

/*---------------*/
/* 詳細をみる */
#contents .jobData .jobSection .leading li.more a,
#contents .jobData .jobSection .leading li.more span {
	/* border: solid 1px #006CD9; */
	color: #fff;
	background: #006CD9;
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#006CD9),
		to(#0062C6)
	);
	background:-webkit-linear-gradient(
		top,
		#006CD9,
		#0062C6
	);
	background: linear-gradient(  to bottom,  #006CD9,  #0062C6 );
	/* text-shadow: 1px 1px 1px rgba(0,0,0,0.2); */
	/* -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4); */
	/* box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4); */
}
#contents .jobData .jobSection .leading li.more a:hover {
	background: #004891;
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#005BB8),
		to(#004891)
	);
	background:-webkit-linear-gradient(
		top,
		#005BB8,
		#004891
	);
	background: linear-gradient(  to bottom,  #005BB8,  #004891 );
}
#contents .others .jobData .jobSection .leading li.more {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
	/* 継承 reset */
}
#contents .others .jobData .jobSection .leading li.more a {
	padding: 0;
	/* 継承 reset */
}

/*---------------*/
/* Web応募 */
#contents .jobData .jobSection .leading li.webEntry a,
#contents .jobData .jobSection .leading li.agentEntry b {
	/* border: solid 1px #e90; */
	color: #000000;
	background: #FFC447;
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#FFC447),
		to(#FBB829)
	);
	background:-webkit-linear-gradient(
		top,
		#FFC447,
		#FBB829
	);
	background:linear-gradient(
		to bottom,
		#FFC447,
		#FBB829
	);
	/* text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4);
	box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4); */
}
#contents .jobData .jobSection .leading li.webEntry a:hover,
#contents .jobData .jobSection .leading li.agentEntry b:hover {
	background: #FFB546;
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#FFB546),
		to(#FF9900)
	);
	background:-webkit-linear-gradient(
		top,
		#FFB546,
		#FF9900
	);
	background: linear-gradient(  to bottom,  #FFB546,  #FF9900 );
	text-decoration: none;
	text-shadow: none;
	/* -webkit-box-shadow: inset 0px 1px 0px #f0b040;
	box-shadow: inset 0px 1px 0px #f0b040; */
}
#contents .jobData .jobSection .leading li.agentEntry b {
	font-size: 12px;
	line-height: 1.3;
}

/*---------------*/
/* HOME */
body#home #contents .jobData .jobSection .leading li + li {
	margin-right: 10px;
}
body#home #contents .jobData .jobSection .leading li {
	/* width: calc(50% - 5px); */
}
body#home #contents .jobData .jobSection .leading li a,
body#home #contents .jobData .jobSection .leading li b,
body#home #contents .jobData .jobSection .leading li span {
	height: 35px;
}

/* [[┃　┠ .entryInfo]] */
/*---------------------------------------------------------------------------*/
/*[memo]
「Web応募一括送信OK」表記
------------------------------------------------------------------------------*/
/*
#contents .jobData .jobSection .entryInfo {
	margin: -15px 0 0 0;
	padding: 0 0 10px 0;
}
#contents .jobData .jobSection .entryInfo p {
	display: inline-block;
	padding: 2px 15px;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	background: #36d;
	border-radius: 100px;
}
*/
#contents .jobData .jobSection .entryInfo {
	/* 空タグ使用あり 未指定 */
}
#contents .jobData .jobSection .entryInfo p {
	display: inline-block;
	padding: 2px 15px;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	background: #36d;
	border-radius: 100px;
	margin-top: 10px;
}

/* [[┃　┗ .item]] */
/*---------------------------------------------------------------------------*/
#contents .jobData .jobSection .item,
/* ↓ 求人プレビュー用class = 文字数制限させないためのclass */
#contents .jobData .jobSection .itemPreview {
	margin-top: 20px;
}
#contents .jobData .jobSection .item dl,
/* ↓ 求人プレビュー用class = 文字数制限させないためのclass */
#contents .jobData .jobSection .itemPreview dl {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;

	border: solid 1px #ddd;
}
#contents .jobData .jobSection .item dt,
#contents .jobData .jobSection .item dd,
/* ↓ 求人プレビュー用class = 文字数制限させないためのclass */
#contents .jobData .jobSection .itemPreview dt,
#contents .jobData .jobSection .itemPreview dd {
	font-size: 14px;
	line-height: 1.5;
	border-top: solid 1px #ddd;
}
#contents .jobData .jobSection .item dt:first-child,
#contents .jobData .jobSection .item dt:first-child + dd,
/* ↓ 求人プレビュー用class = 文字数制限させないためのclass */
#contents .jobData .jobSection .itemPreview dt:first-child,
#contents .jobData .jobSection .itemPreview dt:first-child + dd {
	border-top: none;
}
#contents .jobData .jobSection .item dt,
/* ↓ 求人プレビュー用class = 文字数制限させないためのclass */
#contents .jobData .jobSection .itemPreview dt {
	width: 100px;
	background-color: #f6f6f6;
	border-right: solid 1px #ddd;
	padding: 10px;

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

	/* text middle合わせ */
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
#contents .jobData .jobSection .item dd,
	/* ↓ 求人プレビュー用class = 文字数制限させないためのclass */
#contents .jobData .jobSection .itemPreview dd {
	/* 半角英数字 改行指定 */
	word-wrap : break-word;
	overflow-wrap : break-word;
}
/* ↓ 求人プレビュー用class = 文字数制限させないためのclass */
#contents .jobData .jobSection .itemPreview dd {
	width: calc(100% - 100px - 20px);
	padding: 10px;
}

/*[ エリア・駅 ]
------------------------------ */
#contents .jobData .jobSection .item dd.area {
	width: calc(100% - 100px);
	padding: 10px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* エリア・駅 文字1行省略指定 */
#contents .jobData .jobSection .item dd.area p {
	font-weight: bold;

	/* 文字省略処理 */
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/*[ 給与・給与 ]
------------------------------ */
/*[memo]
文字2行省略指定
-webkit-line-clamp を使って実装
↑
IE11では効かない命令です。
IE11対応のため max-height = 2行分の高さを指定して
はみ出る文字は overflow hidden で対応しています。
↑
なので！！
height に影響のある指定はNGです。
例）padding-top / padding-bottom
例）box-sizing: border-box;
↓
*/
#contents .jobData .jobSection .item dd:not(.area) br {
	display: none;
}
#contents .jobData .jobSection .item dd:not(.area) {
	width: calc(100% - 100px - 20px);
	padding: 10px;

	position: relative;
}
/*
↑
-webkit-line-clamp を使って文字2行省略指定を実装。
IE11のため max-height 指定が必要 + heightに影響のでる指定はNG
↑
でも...
1データ化の際、ソース修正なしで対応するため、padding-top / padding-bottom は必要
↓
なので！
before（background-color: #fff;）を被せて
はみ出る文字を（padding-bottom 部分で見えてします3行目以降の文字を）
無理矢理 隠しています。
↓
*/
#contents .jobData .jobSection .item dd:not(.area):before {
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;

	width: 100%;
	height: 10px;
	background-color: #fff;
	/*
	background-color: rgba(255,0,0,0.5);
	*/

	position: absolute;
	bottom: 0;
	left: 0;
}
/* 文字2行省略指定 */
#contents .jobData .jobSection .item dd:not(.area) {
	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: 42px;
	/* font-size 14px * line-height 1.5 * 2行分 */
}

/*[ .jobData.expire：掲載終了求人 ]
------------------------------ */
#contents .jobData.expire .jobSection .item dl {
	color: #bbb;
}
#contents .jobData.expire .jobSection .item dt {
	background-color: #f9f9f9;
}



/* [[=====================================================================]] */
/* [[.jobCardMini]] */
/*===========================================================================*/
/*[memo]
レコメンド系の求人カード
1行3個（3カード）
-----------------------------------------------------------------------------*/
.jobCardMini {
	background-color: #fff;
	box-shadow: 0 1px 7px rgba(0,0,0, 0.2);
	border-radius: 5px;

	/* 1行3個（3カード） */
	width: 300px;
	margin-top: 20px;
	margin-left: 20px;
}
.jobCardMini:nth-child(3n + 1) {
	margin-left: 0;
}
.jobCardMini_header {
	padding: 20px 20px 0 20px;
}
.jobCardMini_body {
	padding: 10px 20px 0 20px;
}

/*[memo]
親.jobCardMiniはカードが横に並ぶデザインです。
&_bodyのheightがまちまちになっても、カードの高さは揃うデザインとなります。
↑
&_bodyのheightがまちまちになっても
&_footer（ボタン.jobCardMiniFunction）が揃うように指定しています。
↓
*/
.jobCardMini {
	padding-bottom: 75px;
	box-sizing: border-box;

	position: relative;
}
.jobCardMini_footer {
	position: absolute;
	bottom: 20px;
	left: 20px;

	width: calc(100% - 40px);
}

/* [[┃┠ .jobCardMiniTitle]] */
/*___________________________________________________________________________*/
.jobCardMiniTitle_employer {
	display: block;
	color: #333;
	font-size: 12px;

	/* 1行文字省略 */
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.jobCardMiniTitle_jobType {
	display: block;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.5;
}
.jobCardMiniTitle_jobType:not(.jobCardMiniTitleJobType) {
	/* 1行文字省略 */
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.jobCardMiniTitle_jobType.jobCardMiniTitleJobType {
	/* 2行文字省略 */
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	max-height: 16px * 1.5 * 2;
}
.jobCardMiniTitleJobType_text {
	display: inline;
}
.jobCardMiniTitleJobType_copy {
	display: inline;
}
.jobCardMiniTitleJobType_copy:before {
	content: '【';
}
.jobCardMiniTitleJobType_copy:after {
	content: '】';
}

/* [[┃┠ .jobCardMiniImage]] */
/*___________________________________________________________________________*/
.jobCardMiniImage {
	margin-top: 10px;
}
.jobCardMiniImage:first-child {
	margin-top: 0;
}
.jobCardMiniImage {
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	position: relative;/* img */

	width: 100%;
}
.jobCardMiniImage:before {
	content: " ";
	font-size: 0;
	line-height: 0;

	display: block;
	padding-top: 75%;/* 4:3のアスペクト比よりheightを確保 */
}
.jobCardMiniImage img {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 10;
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}
.jobCardMiniImage:after {
	content: "NO PHOTO";

	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;

	color: #ddd;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;

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

/* [[┃┠ .jobCardMiniSummary]] */
/*___________________________________________________________________________*/
.jobCardMiniSummary {
	margin-top: 10px;
	border: solid 1px #ddd;
}
.jobCardMiniSummary:first-child {
	margin-top: 0;
}
.jobCardMiniSummaryItem {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
}
.jobCardMiniSummaryItem + .jobCardMiniSummaryItem {
	border-top: solid 1px #ddd;
}
.jobCardMiniSummaryItem_title,
.jobCardMiniSummaryItem_detail {
	padding: 10px 8px;
	box-sizing: border-box;

	font-size: 12px;
	line-height: 1.5;
}
.jobCardMiniSummaryItem_title {
	width: 80px;
	border-right: solid 1px #ddd;
	background-color: #f6f6f6;
	text-align: right;
}
.jobCardMiniSummaryItem_detail {
	width: calc(100% - 80px);

	/* 文字省略処理 */
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.jobCardMiniSummaryItem_detail p {
	display: inline;
}
.jobCardMiniSummaryItem_detail p + p {
	margin-left: 0.5em;/* 約 半角スペース分 */
}
.jobCardMiniSummaryItem-area .jobCardMiniSummaryItem_detail p {
	font-weight: bold;
}

/* [[┃┗ .jobCardMiniFunction]] */
/*___________________________________________________________________________*/
.jobCardMiniFunction {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
}
.jobCardMiniFunction_item-clip,
.jobCardMiniFunction_item-more {
	width: calc(50% - 5px);
	height: 45px;
}
.jobCardMiniFunction_item-clip b {
	width: 100%;
	height: 100%;
	border: solid 1px #d6d6d6;
	background: #fff;
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#fff),
		to(#f6f6f6)
	);
	background:-webkit-linear-gradient(
		top,
		#fff,
		#f6f6f6
	);
	background:linear-gradient(
		to bottom,
		#fff,
		#f6f6f6
	);
	/* -webkit-box-shadow: inset 0 -1px 0 #fff;
	box-shadow: inset 0 -1px 0 #fff; */
	border-radius: 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: #333;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
}
.jobCardMiniFunction_item-clip b:hover {
	background: #fff;
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#F6F6F6),
		to(#DFDFDF)
	);
	background:-webkit-linear-gradient(
		top,
		#F6F6F6,
		#DFDFDF
	);
	background:linear-gradient(
		to bottom,
		#F6F6F6,
		#DFDFDF
	);
}
.jobCardMiniFunction_item-clip b:after {
	content: "する";
}
.jobCardMiniFunction_item-clip b.on {
	color: #ccc;
	border: solid 1px #d6d6d6;
	background: #f6f6f6;
	-webkit-box-shadow: inset 0 1px 2px #ddd;
	box-shadow: inset 0 1px 2px #ddd;
}
.jobCardMiniFunction_item-clip b.on:after {
	content: "済み";
}
.jobCardMiniFunction_item-more a {
	width: 100%;
	height: 100%;
	border: solid 1px #006CD9;
	background: #006CD9;
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#006CD9),
		to(#0062C6)
	);
	background:-webkit-linear-gradient(
		top,
		#006CD9,
		#0062C6
	);
	background:linear-gradient(
		to bottom,
		#006CD9,
		#0062C6
	);
	/* -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4);
	box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4); */
	border-radius: 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-align: center;
	text-decoration: none;
}
.jobCardMiniFunction_item-more a:hover {
	background: #005BB8;
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#005BB8),
		to(#004891)
	);
	background:-webkit-linear-gradient(
		top,
		#005BB8,
		#004891
	);
	background:linear-gradient(
		to bottom,
		#005BB8,
		#004891
	);
}



/* [[=====================================================================]] */
/* [[.clipNotes]] */
/*===========================================================================*/
#contents .clipNotes {
	position: relative;
	margin: 20px 0 0 0;
}

#contents .clipNotes:before {
	content: "　";
	display: block;
	position: absolute;
	top: -5px;
	left: 15px;
	width: 25px;
	height: 50px;
	font-size: 0;
	line-height: 0;
	background: url(https://image.haj.co.jp/jobkita/primary/pc/base/clipnotes_icon.png) no-repeat left top;
	filter: brightness(55%) saturate(240%);
}

/* [[┗ dl]] */
/*===========================================================================*/
#contents .clipNotes dl {
	display: table;
	width: 100%;
	padding: 5px 10px 5px 50px;
	border: solid 3px #006CD9;
	border-radius: 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* [[┃┠ dt]] */
/*___________________________________________________________________________*/
#contents .clipNotes dt {
	display: table-cell;
	vertical-align: middle;
	width: 160px;
	color: #0054AA;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.3;
}

/* [[┃┗ dd]] */
/*___________________________________________________________________________*/
#contents .clipNotes dd {
	display: table-cell;
	vertical-align: middle;
	font-size: 11px;
}

/* [[=====================================================================]] */
/* [[.spec]] */
/*===========================================================================*/
#contents .spec {
	padding-top: 9px;
}
#contents .spec li {
	float: left;
	width: 20%;
	padding-top: 1px;
	padding-right: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#contents .spec li a:hover {
	text-decoration: none;
}
#contents .spec li a,
#contents .spec li span {
	display: block;
	padding: 7px 3px 6px 3px;
	color: #000;
	font-weight: bold;
	font-size: 14px;
	line-height: 1;
	text-align: center;
	background: #FFEE75;
	/* background: #bbb; */
	/* border: solid 1px #fb841a; */
}

/* [[┃┗ help]] */
/*___________________________________________________________________________*/
#contents .spec .help {
	padding: 5px 0 0 0;
}

/* [[┃　┗ a]] */
/*---------------------------------------------------------------------------*/
#contents .spec .help a {
	display: inline-block;
	padding: 0 0 0 17px;
	color: #888;
	font-size: 12px;
	background: url(https://image.haj.co.jp/jobkita/primary/pc/base/spec_help_icon.png) no-repeat left center;
}

#contents .spec .help a:hover {
	color: #00f;
}



/* [[=====================================================================]] */
/* [[.searchNav]] */
/*===========================================================================*/
/*[memo]
左メニュー（#sub #globalSearch.searchNav）使用時指定
#contents or #main 内での使用は、各ページcssで指定。

※駅検索・職種詳細検索 = body#search #segmentSearch.searchNav = pc_search.css
※メルマガ = body#mailmag #searchData .detail .searchNav = pc_mailmag.css

※ #search はbody id で使用。他箇所での使用は不可
-----------------------------------------------------------------------------*/
#contents #sub .searchNav {
	padding: 0 0 5px 0;
	overflow: hidden;
	background: #f3f3f3;
	border-radius: 5px;
}

#contents #sub .searchNav .searchCategory a:visited { color: #00f; }
#contents #sub .searchNav .searchCategory a:hover { text-decoration: none; }

/* [[┃-------------------------------------------------------------------]] */
/* [[┠ 1st]] */
/*===========================================================================*/
/* [[┃┠ h2.headline]] */
/*___________________________________________________________________________*/
#contents #sub .searchNav .headline {
	padding: 5px 10px;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	background: #006CD9;
}

/* [[┃┠ .searchCategory]] */
/*___________________________________________________________________________*/
#contents #sub .searchNav .searchCategory {
	margin: 5px 5px 0 5px;
	border: solid 1px #e3e3e3;
	background: #fff;
}

/* [[┃┃┠ .catTitle]] */
/*---------------------------------------------------------------------------*/
#contents #sub .searchNav .catTitle {
	padding: 10px;
	border-top: solid 1px #d6d6d6;
	font-size: 16px;
}

#contents #sub .searchNav .catTitle:first-child {
	border-top: none;
}

/* [[┃┃┃ + .ui-accordion-switch]] *//*---------------*/
#contents #sub .searchNav .catTitle.ui-accordion-switch {
	cursor: pointer;
	padding: 10px 20px 10px 10px;
	/* reset */
	background-image: url(https://image.haj.co.jp/jobkita/primary/pc/base/sch_title_acd.png);
	background-position: 181px center;
	background-repeat: no-repeat;
}

#contents #sub .searchNav .catTitle.ui-accordion-switch.open {
	background-position: -119px center;
}

/* [[┃┃┃┗ a]] */
/*--------------------------------------------------*/
#contents #sub .searchNav .catTitle > a {
	display: block;
	margin: -10px;
	padding: 10px 20px 10px 10px;
	background-image: url(https://image.haj.co.jp/jobkita/primary/pc/base/sch_title_link.png);
	background-position: right center;
	background-repeat: no-repeat;
}

/* [[┃┃┗ .catDetail]] */
/*---------------------------------------------------------------------------*/
#contents #sub .searchNav .catDetail {
	border-top: solid 1px #d6d6d6;
}

/* [[┃┃　┃ + .ui-accordion-item]] *//*---------------*/
#contents #sub .searchNav .catDetail.ui-accordion-item {
	display: none;
}

#contents #sub .searchNav .catDetail.ui-accordion-item.open {
	display: block;
}

/* [[┃┃　┠ .moreLinks]] */
/*--------------------------------------------------*/
#contents #sub .searchNav .moreLinks {
	padding: 10px;
	border-top: dotted 1px #e3e3e3;
	font-size: 11px;
	line-height: 13px;
	text-align: right;
}

/* [[┃┃　┃┗ a]] */
/*------------------------------*/
#contents #sub .searchNav .moreLinks a {
	display: inline-block;
	padding: 0 15px 0 0;
	background-image: url(https://image.haj.co.jp/jobkita/primary/pc/base/sch_more_link.png);
	background-position: right center;
	background-repeat: no-repeat;
}

#contents #sub .searchNav .moreLinks a:hover {
	color: #00f;
	text-decoration: underline;
}

/* [[┃┃　┗ .return]] */
/*--------------------------------------------------*/
#contents #sub .searchNav .return {
	margin: 0 -1px -1px -1px;/* = .searchCategory border */
	padding: 5px 0;
	border-top: solid 1px #e3e3e3;
	text-align: right;
	background: #f3f3f3;
}

/* [[┃┃　　┗ a]] */
/*------------------------------*/
#contents #sub .searchNav .return a {
	color: #49c;
	font-size: 12px;
	line-height: 1;
}

#contents #sub .searchNav .return a:after {
	content: "▲";
}

/* [[┃┗ ul.execute]] */
/*___________________________________________________________________________*/#contents #sub .searchNav .execute {
	padding: 5px 5px 0 5px;
	/* reset */
}

/* [[┃　┗ li]] */
/*---------------------------------------------------------------------------*/#contents #sub .searchNav .execute li {
	display: block;
	width: auto;
	margin: 5px 0 0 0;
	padding: 0;
	border: none;
	background: none;
	border-radius: 5px;
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
	/* reset */
	-webkit-box-shadow: 0px 1px 2px #e3e3e3;
	box-shadow: 0px 1px 2px #e3e3e3;
}

#contents #sub .searchNav .execute li.decision {
	-webkit-box-shadow: 0px 1px 2px #ccc;
	box-shadow: 0px 1px 2px #ccc;
}

#contents #sub .searchNav .execute li:first-child {
	margin-top: 0;
}

#contents #sub .searchNav .execute li:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* [[┃　　┗ a]] */
/*--------------------------------------------------*/
#contents #sub .searchNav .execute li a {
	padding: 5px;
	font-size: 12px;
	/* reset */
}

/* [[┃-------------------------------------------------------------------]] */
/* [[┠ 2nd]] */
/*===========================================================================*/
/* [[┃┗ .searchCategory]] */
/*___________________________________________________________________________*/
#contents #sub .searchNav .catDetail .searchCategory {
	margin: 0;
	border: none;
	background: none;
	/* reset */
	border-top: solid 1px #d6d6d6;
	background-color: #fafafa;
}

#contents #sub .searchNav .catDetail .searchCategory:first-child {
	border-top: none;
}

/* [[┃　┠ .catTitle]] */
/*---------------------------------------------------------------------------*/
#contents #sub .searchNav .catDetail .catTitle {
	font-size: 14px;
	/* reset */
}

/* [[┃　┃ + .ui-accordion-switch]] *//*---------------*/
#contents #sub .searchNav .catDetail .catTitle.ui-accordion-switch {
	padding: 10px;
	background: #fff;
	/* reset */
}

#contents #sub .searchNav .catDetail .catTitle.ui-accordion-switch.open {
	background: none;
}

/* [[┃　┃┗ a]] */
/*--------------------------------------------------*/
#contents #sub .searchNav .catDetail .catTitle > a {
	margin: -10px;
	padding: 10px;
	background: none;
	/* reset */
}

/* [[┃　┗ .catDetail]] */
/*---------------------------------------------------------------------------*/
#contents #sub .searchNav .catDetail .catDetail {
	border-top: dotted 1px #e3e3e3;
	/* reset */
}

/* [[┃　　┗ .return]] */
/*--------------------------------------------------*/
#contents #sub .searchNav .catDetail .catDetail .return {
	margin: 0;
	padding: 5px 5px 5px 0;
	border-top: dotted 1px #e3e3e3;
	background: none;
	/* reset */
}

#contents #sub .searchNav .catDetail .catDetail .catDetail + .return {
	padding-right: 0;
	border-top: none;
}

/* [[┃　　　┗ a]] */
/*------------------------------*/

/* [[┃-------------------------------------------------------------------]] */
/* [[┠ 3rd]] */
/*===========================================================================*/
/* [[┃┗ .searchCategory]] */
/*___________________________________________________________________________*/
#contents #sub .searchNav .catDetail .catDetail .searchCategory {
	border: none;
	/* reset */
	padding: 0 5px 5px 5px;
}

#contents #sub .searchNav .catDetail .catDetail .searchCategory:first-child {
	padding-top: 5px;
}

/* [[┃　┠ .catTitle]] */
/*---------------------------------------------------------------------------*/
/* [[┃　┃ + .ui-accordion-switch]] *//*---------------*/
#contents #sub .searchNav .catDetail .catDetail .catTitle.ui-accordion-switch {
	border: solid 1px #e3e3e3;
	border-radius: 5px;
}

#contents #sub .searchNav .catDetail .catDetail .catTitle.ui-accordion-switch.open {
	background: #fff;
	/* reset */
	border-bottom: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

/* [[┃　┃┗ a]] */
/*--------------------------------------------------*/
/* [[┃　┗ .catDetail]] */
/*---------------------------------------------------------------------------*/
#contents #sub .searchNav .catDetail .catDetail .catDetail {
	border: none;
	/* reset */
	border: solid 1px #e3e3e3;
	background: #fff;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

/* [[┃　　┗ .return]] */
/*--------------------------------------------------*/
/* [[┃　　　┗ a]] */
/*------------------------------*/

/* [[┃┗ .sidebarInner]] */
/*---------------------------------------------------------------------------*/
.sidebarInner {
	display: grid;
	grid-template-columns: calc(50% - 10px) calc(50% - 10px);
	gap: 20px;
	margin: 20px 0;
}
.sidebarInner.col3 {
	grid-template-columns: auto auto auto;
}

/* [[┃-------------------------------------------------------------------]] */
/* [[┠ common parts in .catTitle]] */
/*===========================================================================*/
/* [[┃┠ .item]] */
/*___________________________________________________________________________*/
#contents #sub .searchNav .catTitle .item {
	display: block;
	color: #000;
}

/* [[┃┃┃ + span.item]] *//*---------------*/
/* 未指定 */

/* [[┃┃┃ + label.item]] *//*---------------*/
#contents #sub .searchNav .catTitle label.item {
	position: relative;/* = input laytou */
	padding-left: 20px;
	cursor: pointer;
}

/* [[┃┃┃ + 2nd]] *//*---------------*/
#contents #sub .searchNav .catDetail .catTitle > a .item {
	padding-left: 20px;
	background-image: url(https://image.haj.co.jp/jobkita/primary/pc/base/sch_title_child_link.png);
	background-position: left 3px;
	background-repeat: no-repeat;
}

#contents #sub .searchNav .catDetail .catTitle > a:hover .item {
	background-position: -300px 3px;
}

/* [[┃┃┃ + 2nd / .ui-accordion-switch]] *//*---------------*/
#contents #sub .searchNav .catDetail .catTitle.ui-accordion-switch .item,
#contents #sub .searchNav .catDetail .catTitle.ui-accordion-switch:hover .item {
	padding-left: 20px;
	background-image: url(https://image.haj.co.jp/jobkita/primary/pc/base/sch_title_child_acd.png);
	background-position: left 3px;
	background-repeat: no-repeat;
}

#contents #sub .searchNav .catDetail .catTitle.ui-accordion-switch.open .item {
	background-image: url(https://image.haj.co.jp/jobkita/primary/pc/base/sch_title_child_acd.png);
	background-position: -300px 3px;
}

/* [[┃┃┠ span]] */
/*---------------------------------------------------------------------------*/
#contents #sub .searchNav .catTitle .item > span,
#contents #sub .searchNav .catTitle .item > a span {
	color: #000;
}

#contents #sub .searchNav .catTitle a:hover .item > span,
#contents #sub .searchNav .catTitle .item > a:hover span {
	color: #00f;
	text-decoration: underline;
}

/* [[┃┃┃ + span.selection]] *//*---------------*/
#contents #sub .searchNav .catTitle .item span.selection {
	position: absolute;
	top: 2px;
	left: 0px;
}

/* [[┃┃┃ + span.itemName]] *//*---------------*/
#contents #sub .searchNav .catTitle .item span.itemName {
	font-weight: bold;
}

/* [[┃┃┃ + span.itemAdd]] *//*---------------*/
#contents #sub .searchNav .catTitle .item span.itemAdd {
	font-weight: normal;
	font-size: 12px;
}

/* [[┃┃┃ + 2nd / span.itemAdd]] *//*---------------*/
#contents #sub .searchNav .catDetail .catTitle .item span.itemAdd {
	font-size: 11px;
	/* reset */
}

/* [[┃┃┗ form]] */
/*---------------------------------------------------------------------------*/
#contents #sub .searchNav .catTitle input {
	/* 未指定 */
}

/* [[┃┗ span.description]] */
/*___________________________________________________________________________*/
#contents #sub .searchNav .catTitle .description,
#contents #sub .searchNav .catDetail .catTitle .description {
	padding: 2px 0 0 0;
	border-top: none;
	/* reset */
	display: block;
	color: #666;
	font-weight: normal;
	font-size: 11px;
}

/* [[┃-------------------------------------------------------------------]] */
/* [[┗ common parts in .catDetail]] */
/*===========================================================================*/
/* [[　┠ .element]] */
/*___________________________________________________________________________*/
#contents #sub .searchNav .element {
	padding: 0 0 10px 0;
	border-top: dotted 1px #e3e3e3;
}

#contents #sub .searchNav .element:first-child {
	border-top: none;
}

/* [[　┃┃ + #freewordSearch]] *//*---------------*/
#contents .searchNav #freewordSearch .element,
#contents .searchNav #freewordSearch .element:first-child {
	padding: 10px;
	border-top: none;
	/* reset */
}

/* [[　┃┗ li / dt / dd / a]] */
/*---------------------------------------------------------------------------*/
#contents #sub .searchNav .element li,
#contents #sub .searchNav .element dt,
#contents #sub .searchNav .element dd {
	padding: 10px 10px 0 10px;
	font-size: 14px;
}

/* [[　┃　┃ + dd / li.indent]] *//*---------------*/
#contents #sub .searchNav .element li.indent,
#contents #sub .searchNav .element dd {
	padding-left: 30px;
}

/* [[　┃　┃ + a]] *//*---------------*/
#contents #sub .searchNav .element li > a,
#contents #sub .searchNav .element dt > a,
#contents #sub .searchNav .element dd > a {
	display: block;
}

/* [[　┃　┃ + 3rd]] *//*---------------*/
#contents #sub .searchNav .catDetail .catDetail .catDetail .element li,
#contents #sub .searchNav .catDetail .catDetail .catDetail .element dt,
#contents #sub .searchNav .catDetail .catDetail .catDetail .element dd {
	font-size: 12px;
	/* reset */
}

/* [[　┃　┃ + #freewordSearch]] *//*---------------*/
#contents #sub .searchNav #freewordSearch .element li {
	padding: 0;
	/* reset */
	display: table;
	width: 100%;
}

/* [[　┃　┠ .item / .formItem / .exeItem]] */
/*--------------------------------------------------*/
#contents #sub .searchNav .element .item,
#contents #sub .searchNav .element .formItem,
#contents #sub .searchNav .element .exeItem {
	display: block;/* = a / label */
	padding-left: 20px;
	background-image: url(https://image.haj.co.jp/jobkita/primary/pc/base/sch_item_check.png);
	background-position: left 4px;
	background-repeat: no-repeat;
}

#contents #sub .searchNav .element a:hover .item,
#contents #sub .searchNav .element .item:hover {
	background-position: -300px 4px;
}

#contents #sub .searchNav .element .act .item,
#contents #sub .searchNav .element .act .formItem,
#contents #sub .searchNav .element .act .exeItem {
	background-position: -600px 4px;
}

#contents #sub .searchNav .element .none .item,
#contents #sub .searchNav .element .none .formItem,
#contents #sub .searchNav .element .none .exeItem {
	background-position: -900px 4px;
}

#contents #sub .searchNav .element .item ~ .item,
#contents #sub .searchNav .element .item ~ .formItem,
#contents #sub .searchNav .element .item ~ .exeItem,
#contents #sub .searchNav .element .formItem ~ .item,
#contents #sub .searchNav .element .formItem ~ .formItem,
#contents #sub .searchNav .element .formItem ~ .exeItem,
#contents #sub .searchNav .element .exeItem ~ .item,
#contents #sub .searchNav .element .exeItem ~ .formItem,
#contents #sub .searchNav .element .exeItem ~ .exeItem {
	padding-top: 5px;
	background: none;
}

/* [[　┃　┃┃ + p.item]] *//*---------------*/
/* 未指定 */

/* [[　┃　┃┃ + a.item]] *//*---------------*/
/* 未指定 */

/* [[　┃　┃┃ + label.item]] *//*---------------*/
#contents #sub .searchNav .element label.item {
	position: relative;/* = input laytou */
	cursor: pointer;
	background: none;
}

/* [[　┃　┃┃ + p.formItem]] *//*---------------*/
/* 未指定 */

/* [[　┃　┃┃ + p.exeItem]] *//*---------------*/
/* 未指定 */

/* [[　┃　┃┃ + #freewordSearch]] *//*---------------*/
#contents #sub .searchNav #freewordSearch .element p.formItem,
#contents #sub .searchNav #freewordSearch .element p.exeItem {
	padding: 0;
	background: none;
	/* reset */
	display: table-cell;
	vertical-align: middle;
}

#contents #sub .searchNav #freewordSearch .element p.formItem {
	padding: 3px 3px 4px 3px;
	border: solid 1px #ddd;
	border-right: none;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

#contents #sub .searchNav #freewordSearch .element p.exeItem {
	border: solid 1px #006CD9;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	background: #006CD9;
	/* background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#8be),
		to(#7ad)
	);
	background:-webkit-linear-gradient(
		top,
		#8be,
		#7ad
	);
	background: linear-gradient(  to bottom,  #006CD9,  #006CD9 ); */
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	/* -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4); */
	/* box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4); */
}

/* [[　┃　┃┃ + 3rd]] *//*---------------*/
#contents #sub .searchNav .catDetail .catDetail .catDetail .element p.item,
#contents #sub .searchNav .catDetail .catDetail .catDetail .element a.item,
#contents #sub .searchNav .catDetail .catDetail .catDetail .element label.item,
#contents #sub .searchNav .catDetail .catDetail .catDetail .element p.formItem,
#contents #sub .searchNav .catDetail .catDetail .catDetail .element p.exeItem {
	background-position: left 1px;
}

#contents #sub .searchNav .catDetail .catDetail .catDetail .element a:hover .item,
#contents #sub .searchNav .catDetail .catDetail .catDetail .element .item:hover {
	background-position: -300px 1px;
}

#contents #sub .searchNav .catDetail .catDetail .catDetail .element .act .item,
#contents #sub .searchNav .catDetail .catDetail .catDetail .element .act .formItem,
#contents #sub .searchNav .catDetail .catDetail .catDetail .element .act .exeItem {
	background-position: -600px 1px;
}

#contents #sub .searchNav .catDetail .catDetail .catDetail .element .none .item,
#contents #sub .searchNav .catDetail .catDetail .catDetail .element .none .formItem,
#contents #sub .searchNav .catDetail .catDetail .catDetail .element .none .exeItem {
	background-position: -900px 1px;
}

/* [[　┃　┃┠ span]] */
/*------------------------------*/
/* [[　┃　┃┃ + span.selection]] *//*---------------*/
#contents #sub .searchNav .element .item span.selection {
	position: absolute;
	top: 0px;
	left: 0px;
}

/* [[　┃　┃┃ + span.itemName]] *//*---------------*/
#contents #sub .searchNav .element .item span.itemName {
	font-weight: bold;
}

#contents #sub .searchNav .element a:hover .item span.itemName,
#contents #sub .searchNav .element .item a:hover span.itemName,
#contents #sub .searchNav .element a.item:hover span.itemName {
	color: #00f;
	text-decoration: underline;
}

/* [[　┃　┃┃ + span.itemAdd ]] *//*---------------*/
#contents #sub .searchNav .element .item span.itemAdd {
	color: #333;
	font-size: 11px;
}

#contents #sub .searchNav .element a:hover .item span.itemAdd,
#contents #sub .searchNav .element .item a:hover span.itemAdd,
#contents #sub .searchNav .element a.item:hover span.itemAdd {
	color: #00f;
	text-decoration: underline;
}

/* [[　┃　┃┃ + .none ]] *//*---------------*/
#contents #sub .searchNav .element .none .item span {
	color: #ccc;
}

/* [[　┃　┃┃ + .formItem > ]] *//*---------------*/
#contents #sub .searchNav .element .formItem span {
	margin-right: 5px;
	font-size: 12px;
}

/* [[　┃　┃┗ form]] */
/*------------------------------*/
#contents #sub .searchNav .element .formItem input,
#contents #sub .searchNav .element .formItem select {
	margin: 0 5px 0 0;
}

#contents #sub .searchNav .element .formItem input[type=text] {
	margin-right: 0;
}

#contents #sub .searchNav .element .formItem input[type=text],
#contents #sub .searchNav .element .formItem select {
	font-size: 14px;
}

#contents #sub .searchNav .element .formItem input[type=text] {
	width: 100%;
	padding: 3px;
	border: solid 1px #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius:3px;
}

/* [[　┃　┃　 + #freewordSearch > ]] *//*---------------*/
#contents #sub .searchNav #freewordSearch .element .formItem input {
	margin: 0;
	padding: 0;
	border: none;
	line-height: 1;
	border-radius: 0;
	/* reset */
}

#contents #sub .searchNav #freewordSearch .element .exeItem input {
	margin: 0;
	padding: 0;
	border: none;
	line-height: 1;
	background: none;
	/* reset */
	padding: 2px;
	height: 100%;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
}

/* [[　┗ .description]] */
/*___________________________________________________________________________*/
/*[memo]
下記にて仕様
.catDetail 内
.catDetail / .element / li or dd 内
-----------------------------------------------------------------------------*/
#contents #sub .searchNav .catDetail .description {
	padding: 10px;
	border-top: dotted 1px #e3e3e3;
	color: #666;
	font-size: 11px;
	display: none;
}

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

#contents #sub .searchNav .catDetail .element .description {
	padding: 0;
	border-top: none;
	/* reset */
}

#contents #sub .searchNav .catDetail .element .item + .description {
	padding-left: 20px;
}

/* [[　　┃ + .none ]] *//*---------------*/
#contents #sub .searchNav .element .none .description {
	color: #ccc;
}

/* [[　　┃ + #freewordSearch ]] *//*---------------*/
#contents #sub .searchNav #freewordSearch .catDetail .description {
	padding-top: 0;
	border-top: none;
}

/* [[　　┗ a / a.item]] */
/*---------------------------------------------------------------------------*/
#contents #sub .searchNav .catDetail .description a.item,
#contents #sub .searchNav .catDetail .element .description a.item,
#contents #sub .searchNav .catDetail .element .description a.item ~ a.item {
	display: inline-block;
	padding: 0;
	background: none;
	/* reset */
	margin: 5px 10px 0 0;
	color: #555;
}

#contents #sub .searchNav .catDetail .description a:hover,
#contents #sub .searchNav .catDetail .element .description a:hover,
#contents #sub .searchNav .catDetail .description a.item:hover,
#contents #sub .searchNav .catDetail .element .description a.item:hover,
#contents #sub .searchNav .catDetail .element .description a.item ~ a.item:hover {
	color: #00f;
	text-decoration: underline;
}

/* [[　　　 + #freewordSearch ]] *//*---------------*/
#contents #sub .searchNav #freewordSearch .catDetail .description a {
	margin-right: 10px;
}

/* [[=====================================================================]] */
/* [[.agentModal]] */
/*===========================================================================*/
/*[memo]
JJS非公開求人「ジョブキタ紹介に登録して応募」ボタンをクリックしたときに表示するモーダル
js（jQuery Magnific Popup）にて表示されます。
-----------------------------------------------------------------------------*/
.agentModal {
	position: relative;/* .agentModal_close */
	width: 640px;
	margin: 40px auto;
	padding: 40px;
	box-sizing: border-box;
	background-color: #fff;
	box-shadow: 1px 1px 3px rgba(0,0,0, 0.3);
	border-radius: 8px;
}

.agentModal_logo {
	font-size: 0;
	line-height: 0;
	text-align: center;
}
.agentModal_logo img {
	width: 240px;
}

.agentModal_lead {
	margin-top: 20px;
	color: #333;
	font-size: 16px;
}
.agentModal_lead:first-child {
	margin-top: 0;
}
.agentModal_lead-attention {
	font-weight: bold;
}
.agentModal_lead-notes {
	font-size: 14px;
}

.agentModal_jobNo {
	margin-top: 20px;
	color: #333;
	font-size: 12px;
	text-align: center;
}

.agentModal_toEntry {
	margin-top: 20px;
	text-align: center;
}
.agentModal_toEntry a {
	display: inline-block;

	min-width: 260px;
	line-height: 38px;
	/* border: solid 1px #e90; */
	box-sizing: border-box;

	color: #000000;
	font-weight: bold;
	font-size: 16px;
	background: #FFC447;
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#FFC447),
		to(#FBB829)
	);
	background:-webkit-linear-gradient(
		top,
		#FFC447,
		#FBB829
	);
	background:linear-gradient(
		to bottom,
		#FFC447,
		#FBB829
	);
	border-radius: 5px;
	/* text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4);
	box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4); */
}
.agentModal_toEntry a:hover {
	background: #FFB546;
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#FFB546),
		to(#FF9900)
	);
	background:-webkit-linear-gradient(
		top,
		#FFB546,
		#FF9900
	);
	background: linear-gradient(  to bottom,  #FFB546,  #FF9900 );
	text-decoration: none;
	text-shadow: none;
	/* -webkit-box-shadow: inset 0px 1px 0px #f0b040;
	box-shadow: inset 0px 1px 0px #f0b040; */
}

.agentModal_close {
	position: absolute;
	top: 10px;
	right: 10px;

	width: 24px;
	height: 24px;
	background-color: #ccc;
	border-radius: 100px;
	cursor: pointer;
}
.agentModal_close:hover {
	background-color: #bbb;
}
.agentModal_close.mfp-close img,
.agentModal_close img {
	display: block;
	width: 12px;/* .mfp-close reset */
	height: 12px;/* .mfp-close reset */
	padding: 6px;/* .mfp-close reset / 24px - 12px / 2 */
	opacity: 1;/* .mfp-close reset */

	/* .mfp-close reset */
	position: static;
	top: auto;
	right: auto;
	font-size: 0;
	line-height: 0;
}

/* .mfp-close reset */
.agentModal_close.mfp-close img:hover {
	opacity: 1;
}
.agentModal_close.mfp-close img:active {
	top: 10px;
}



/* [[=====================================================================]] */
/* [[▽print style]] */
/*===========================================================================*/
@media print {
pre {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -o-pre-wrap;
	white-space: -pre-wrap;
	word-wrap: break-word;
}



}/*△print style*/



/* [[=====================================================================]] */
/* [[▽clearfix]] */
/*===========================================================================*/
#contents .relatedLink .linkList li.item,
#copyrightWrap,
#contentsLinks,
#contents .others .item,
#contents .spec ul,
#contents .jobData .jobSection .item dl,
#contents .jobData .sellingPoint,
#contents .toolbar,
#contents .editor,
#contents .selectItem,
#main,
#contentsWrap,
#header .hajLogin ul,
#globalNav .nav ul,
#globalNav .nav,
.clearfix
{ zoom:1; }

#contents .relatedLink .linkList li.item:after,
#copyrightWrap:after,
#contentsLinks:after,
#contents .others .item:after,
#contents .spec ul:after,
#contents .jobData .jobSection .item dl:after,
#contents .jobData .sellingPoint:after,
#contents .toolbar:after,
#contents .editor:after,
#contents .selectItem:after,
#main:after,
#contentsWrap:after,
#header .hajLogin ul:after,
#globalNav .nav ul:after,
#globalNav .nav:after,
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}

* html #contents .relatedLink .linkList li.item,
* html #copyrightWrap,
* html #contentsLinks,
* html #contents .others .item,
* html #contents .spec ul,
* html #contents .jobData .jobSection .item dl,
* html #contents .jobData .sellingPoint,
* html #contents .toolbar,
* html #contents .editor,
* html #contents .selectItem,
* html #main,
* html #contentsWrap,
* html #header .hajLogin ul,
* html #globalNav .nav ul,
* html #globalNav .nav,
* html .clearfix
{
	display:inline-table;
	/*\*/display:block;/**/
}