#Items {
	background-color: #FFF9B0;
	padding: 8px 20px;
	font-size: 16px;
}
h1 {
	margin: 5px 10px;
	font-size: 12px;
	line-height: 1.2;
}
.pankuzu {
	margin: 4px 0;
}
.Hits {
	margin-top: 16px;
}


#list_header_wrap {
	background-color: #00A0E9;
	padding: 8px;
	position: relative;
}
/*@font-face {
	font-family: "GenJyuuGothicX";
	src: url("../../css/font/GenJyuuGothicX-Bold.ttf") format("truetype");
}*/
#list_header_wrap h1 {
	color: #FFF;
	font-family: "M PLUS Rounded 1c","ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-size: 32px;
	font-weight: normal;
	width: 750px;
}
#list_header_wrap[class="syain_header"] h1 {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Arial,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-weight: bold;
}
#list_header_explanation {
	background-color: #FFF;
	padding: 4px;
}
#list_header_explanation p {
	width: 750px;
	line-height: 1.4;
	min-height: 3em;
	padding: 8px;
}
#list_header_img {
	position: absolute;
	right: 8px;
	bottom: 8px;
	width: 117px;
	height: 135px;
}
.syain_header #list_header_img {
	position: absolute;
	right: 8px;
	width: 110px;
	height: 110px;
	object-fit: cover;
	object-position: 100% 0;
}
a.search_btn_area {
	display: block;
	border: 1px solid #00A5E3;
	padding: 8px;
	margin: 8px auto;
	width: 420px;
	text-align: center;
	font-size: 18px;
	border-radius: 4px;
}
a.search_btn_area .fwb {
	margin-left: 4px;
}

/* ■表紙インタビュー表示部分 */
#hyousi_interview_wrap {
	margin: 4px 16px;
	font-size: 16px;
}
#hyousi_interview_content {
	border: 2px solid #0068B6;
	margin: 4px;
	padding: 20px;
}
#hyousi_interview_title {
	color: #0068B6;
	font-weight: bold;
	margin: 4px 0;
}
#hyousi_interview_name {
	color: #0068B6;
	font-size: 80%;
}
#hyousi_interview_img {
	text-align: center;
}
#hyousi_interview_img img {
	width: 60%;
}
#hyousi_interview_body {
}
#hyousi_interview_body span {
	color: #0068B6;
	display: inline-block;
	margin: 8px 0;
}
/* ■検索条件表示部分 */
#SearchStatus {
	padding-bottom: 12px;
	border-bottom: 3px dotted #777;
}
#SearchStatusTitle {
	font-weight: bold;
}
.search_exmp {
	background-color: #00A5E3;
	padding: 8px;
	font-size: 18px;
	margin-top: 4px;
	color: #FFF;
}
.search_exmp em {
	font-weight: bold;
}
/* ■地図で探す、さらに絞込む */
#searchBtns {
	padding: 0 10px;
}
#searchBtns:after{
	content:".";display:block;height:0;clear:both;visibility:hidden;
}
#searchBtns a {
	display: block;
	text-decoration: none;
	text-align: center;
	line-height: 40px;
	color: #2FA8E0;
	text-shadow: 0px 1px 0px #FFF, 1px 1px 0px #FFF, 1px 0px 0px #FFF, 1px -1px 0px #FFF, 0px -1px 0px #FFF, -1px -1px 0px #FFF, -1px 0px 0px #FFF, -1px 1px 0px #FFF;
	font-weight: bold;
	width: 46%;
	background: -moz-linear-gradient(top,#EBF6F7,#FFF 20%,#EBF6F7);
	background: -webkit-gradient(linear,left top,left bottom,from(#EBF6F7),color-stop(0.2,#FFF),to(#EBF6F7));
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #2FA8E0;
	box-shadow: 0px 0px 1px #004EA2;
	-moz-box-shadow: 0px 0px 1px #004EA2;
	-webkit-box-shadow: 0px 0px 1px #004EA2;
	margin: 12px auto;
}
#searchBtns a img {
	vertical-align: -3px;
	margin-right: 2px;
}
/* ■職場見学・仕事体験でマッチング！成功事例 */
a.link_btn {
	display: block;
	padding: 12px;
	margin: 16px auto;
	width: 608px;
	border: 2px solid #00A5E3;
	background-color: #00A5E3;
	border-radius: 4px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	box-shadow: 2px 2px 1px #CCC;
	-moz-box-shadow: 2px 2px 1px #CCC;
	-webkit-box-shadow: 2px 2px 1px #CCC;
	color: #FFF;
}
a.link_btn:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
/* ■表示順・表示数 */
#list_change {
	float: right;
}
#list_sort,#list_limit {
	margin-right: 8px;
	border-radius: 3px;
	padding: 0 4px;
	font-size: 14px;
	border: 1px solid #888;
	background-color: #FFF;
}
#list_sort {
}
#list_limit {
	margin-left: 8px;
}
#list_change label {
	position: relative;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	height: 2.5em;
}
#list_change label::before,
#list_change label::after {
	position: absolute;
	content: '';
	pointer-events: none;
}
#list_change label::before {
	right: 0.4em;
	display: inline-block;
	width: 2em;
	height: 2.5em;
	border-radius: 0 3px 3px 0;
	background-color: #00a5e3;
	content: '';
	vertical-align: middle;
}
#list_change label::after {
	position: absolute;
	top: 40%;
	right: 1.4em;
	transform: translate(50%, -50%) rotate(45deg);
	width: 6px;
	height: 6px;
	border-bottom: 3px solid #fff;
	border-right: 3px solid #fff;
	content: '';
}
#list_change label select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	height: 2.5em;
	padding: .4em 3.6em .4em .8em;
	border: 2px solid #00a5e3;
	border-radius: 3px;
	color: #333333;
	font-size: 1em;
	cursor: pointer;
	vertical-align: middle;
	line-height: 1.2;
}
#list_change label select:focus {
	outline: 1px solid #00a5e3;
}

/* ■件数、ページ移動部分 */
.PageLink {
	font-family: 'tahoma';
	color: #999999;
	margin-bottom: 16px;
}
.PageLink a {
	margin: 0px;
	padding: 3px 6px;
	text-decoration: underline;
	vertical-align: -5px;
}
.PageLink a:hover {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #F39606;
	background-color: #FFFFDD;
	padding: 2px 5px;
}
.PageLink .NoLink {
	vertical-align: -5px;
}
.PageLink span.Now {
	color: #555555;
	padding: 3px 4px;
	margin: 0 5px;
	border: 1px solid #888888;
	background-color: #FFF;
	vertical-align: -5px;
}
/* ■仕事情報リスト */
.job_data {
	background-color: #FFF;
	box-shadow: 3px 3px 1px #BBB;
	-moz-box-shadow: 3px 3px 1px #BBB;
	-webkit-box-shadow: 3px 3px 1px #BBB;
	padding-bottom: 2px;
	margin-bottom: 20px;
	border: 1px solid #EEE;
}
.job_data:after{
	content:".";display:block;height:0;clear:both;visibility:hidden;
}
.job_data + .job_data {
	margin-top: 32px;
}
.job_data + .sp_job_data {
	margin-top: 70px;
}
.item_header {
	position: relative;
}
.item_header:after{
	content:".";display:block;height:0;clear:both;visibility:hidden;
}
.kinmuchi {
	display: inline-block;
	margin: 4px 4px 2px;
	padding: 0 4px;
	border-radius: 1px 1px 0 0;
	color: #555;
	font-weight:bold;
}
.hw_icon {
	display: inline-block;
	margin: 4px 2px 2px;
	padding: 1px 6px;
	border: 1px solid #F85;
	border-radius: 2px;
	color: #555;
}
.keisaikikan {
	display: inline-block;
	position: absolute;
	right: 7px;
	top: 7px;
	color: #555;
}
.com_name {
	display: block;
	color: #333;
	font-weight: bold;
	font-size:120%;
	background-color: #FFF33F;
	padding: 8px;
	margin-bottom: 12px;
	border-top: 2px solid #333;
	text-shadow: 0px 1px 0px #FFF, 1px 1px 0px #FFF, 1px 0px 0px #FFF, 1px -1px 0px #FFF, 0px -1px 0px #FFF, -1px -1px 0px #FFF, -1px 0px 0px #FFF, -1px 1px 0px #FFF;
}
.catch_img_L,.catch_img_M,.catch_img_S {
	margin: 12px;
	margin-top:0;
	float: left;
	width: 300px;
	text-align: center;
}
.catch_img_L img {
	max-width: 300px;
	max-height: 150px;
}
.catch_img_L img.ue, .catch_img_L img.naka, .catch_img_L img.sita {
	object-fit: cover;
	width: 300px;
	height: 150px;
}
.catch_img_L img.ue {
	object-position: 50% 0%;
}
.catch_img_L img.naka {
	object-position: 50% 50%;
}
.catch_img_L img.sita {
	object-position: 50% 100%;
}
.catch_img_M img {
	max-width: 240px;
	max-height: 120px;
}
.catch_img_M img.ue, .catch_img_M img.naka, .catch_img_M img.sita {
	object-fit: cover;
	width: 240px;
	height: 120px;
}
.catch_img_M img.ue {
	object-position: 50% 0%;
}
.catch_img_M img.naka {
	object-position: 50% 50%;
}
.catch_img_M img.sita {
	object-position: 50% 100%;
}
.catch_img_S img {
	max-width: 160px;
	max-height: 80px;
}
.no_img {
	height: 300px;
	height: auto;
}
.catch_copy {
	display: block;
	font-size: 20px;
	font-weight: bold;
	color: #333;
	text-align: left;
	margini-top: 12px;
	margin-bottom:0;
	padding:4px 12px 0px;
}
.job_datail {
	margin: 4px 12px 12px;
	padding: 4px;
	padding-top:10px;
	padding-left:0px;
	border:none;
}
.job_datail:after{
	content:".";display:block;height:0;clear:both;visibility:hidden;
}
.koyoukeitai {
	text-decoration: none;
	margin-left: 8px;
	font-size:110%;
	display:inline;
}
.koyoukeitai span + span {
	margin-left: 4px;
}
span[class^="koyo_"] {
	border-radius: 0 2px 2px 0;
	display: inline-block;
	padding: 4px 4px 2px 4px;
	line-height: 1;
	border: 1px solid #AAA;
	border-left-width: 5px;
	color: #333;
	transform: translate(0px,-2px)
}
span.koyo_1 {border-left-color: #076AB6;}
span.koyo_2 {border-left-color: #076AB6;}
span.koyo_3 {border-left-color: #076AB6;}
span.koyo_4 {border-left-color: #23AB37;}
span.koyo_5 {border-left-color: #FFDA00;}
span.koyo_6 {border-left-color: #FFDA00;}
span.koyo_7 {border-left-color: #F39806;}
span.koyo_8 {border-left-color: #F39806;}
span.koyo_9 {border-left-color: #F39806;}
span.koyo_10 {border-left-color: #804F1B;}
span.koyo_11 {border-left-color: #7D7E7E;}
.item_header h2 {
	display: inline;
}
.syokusyumei {
	font-weight: bold;
	margin:0 0 -5px 0;
	font-size:24px;
	font-family: Inter,"Noto Sans JP","メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Arial,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-feature-settings: "palt";
}
.com_name_sub {
	margin: 0 8px;
	font-weight: bold;
}
.detail_left {
	/* width: 580px; */
	float: left;
	/* margin-left: 20px; */
}
.shigotonaiyou {
	margin: 4px;
	padding: 4px;
	border-top: 1px #AAA dotted;
	border-bottom: 1px #AAA dotted;
	line-height: 1.6;
	/* width: 500px; */
}
.shigotonaiyou span {
	color: #00A5E3;
	border: 1px solid #00A5E3;
	border-radius: 2px;
	padding: 2px 4px;
	font-size: 12px;
	display: inline-block;
	margin-right: 4px;
	line-height: 1;
}
.detail {
	margin: 12px;
}
.detail li {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.2;
	margin-bottom: 8px;
	/* width: 500px; */
}
.detail li img {
	margin-right: 6px;
	vertical-align: top;
}
.action_btn_wrap {
	margin-right: 4px;
	margin-left: 4px;
	bottom: 0;
	float: left;
	width:100%;
}
.action_btn_wrap span {
	display: block;
	width: 200px;
}
.action_btn_wrap a {
	display: block;
	padding: 4px;
	text-decoration: none;
	text-align: center;
	line-height: 2.4em;
	font-weight: bold;
	width: 200px;
	margin-bottom: 8px;
}
.action_btn_wrap a:hover,.action_btn_wrap span:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
.detail_btn {
}
.detail_btn a,.detail_btn_wide a {
	color: #FFF;
	background-color: #00A5E3;
	border: 2px solid #00A5E3;
}
.keep_btn {
}
.keep_btn a {
	border: 2px solid #FFE43F;
	background-color: #FFF;
	cursor: pointer;
}
.keep_btn a.keep ,.keep_btn a.ToKeep {
	color: #00A5E3;
}
.keep_btn a.keeped ,.keep_btn a.Keeped {
	background-color: #FFE43F;
	color: #000;
}
.oubo_btn {
}
.oubo_btn a {
	color: #FFF;
	background-color: #E9546A;
	border: 2px solid #E9546A;
}
.icon {
	width: 500px;
	margin: 0 12px 8px;
	font-size: 12px;
}
.icon td {
	width: 18%;
	text-align: center;
}
.icon_ok, .icon_no {
	border-radius: 6px;
	border: 1px solid #FFF;
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
}
.icon_ok {
	background-color: #FFF33F;
}
.icon_no {
	background-color: #EEE;
	color: #BBB;
}
.update_btm {
	text-align: right;
	margin-right: 20px;
	color: #555;
	font-size: 14px;
}
.update_btm .today {
	color: #E9536B;
	border: 1px solid #E9536B;
	border-radius: 2px;
	padding: 0 8px;
	font-weight: bold;
}
.remaining_box{
	margin: 0 auto;
    width: 100%;
	padding-bottom: 15px;
}
.remaining_box p{
	text-align: center;
    font-size: 16px;
    font-weight: bold;
    width: fit-content;
    margin: 0 auto;
    border-bottom: dotted 2px #3eb6d9;
}
.remaining_box span{
	color: red;
}
.end_date_str{
	font-size: 0.7em;
}
.kanren {
	font-size:90%;
	text-align:right;
	margin:0 15px 10px 0;
}

/* ■簡易版マッチングメール */
#maching_mail_light {background-color:#E3F1FF;padding:8px;text-align:center;box-shadow:2px 2px 2px #CCC;margin: 8px;}
#maching_mail_light label {font-weight: bold;}
#maching_mail_light_input {margin-bottom:4px;}
#maching_mail_light_email {-webkit-appearance: none;padding:2px;border-radius:2px;margin-top:4px;margin-bottom:4px;border:2px solid #FCC700;min-width: 12em;}
#maching_mail_light_submit {margin:4px;display:inline-block;padding:4px 12px;border-radius:4px;box-shadow:2px 2px 2px #CCC;background-color: #72B9E7;color: #FFF;border:1px solid #555;cursor:pointer;}
#maching_mail_light_infomation {}
#maching_mail_light_ssl {color:#888;font-size:12px;margin: 8px 4px;}

#maching_mail_light2 {background-color:#E3F1FF;padding:4px;text-align:center;box-shadow:2px 2px 2px #CCC;margin-top: 12px;margin-bottom: 12px;}
#maching_mail_light2 label {font-size: 13px;}
#maching_mail_light2_input {margin-bottom:4px;}
#maching_mail_light2_email {-webkit-appearance: none;padding:2px;border-radius:2px;margin-top:4px;margin-bottom:4px;border:2px solid #FCC700;min-width: 12em;}
#maching_mail_light2_submit {margin:4px;display:inline-block;padding:4px 12px;border-radius:4px;box-shadow:2px 2px 2px #CCC;background-color: #72B9E7;color: #FFF;border:1px solid #555;cursor:pointer;}

/* ■リスト下部分 */
.hrefToday {
	display: block;
	line-height: 2em;
	font-weight: bold;
	font-size: 110%;
	color: #FFF;
	text-decoration: none;
	background-color: #7CD;
	padding: 5px 7px;
	background-repeat: no-repeat;
	background-image: url('/_pc/img/cursor_r_white_18.png');
	background-size: 9px 15px;
	background-position-y: 50%;
	background-position-x: 95%;
	border: 1px solid #FFF;
	box-shadow: 1px 1px 1px #CCC;
	-moz-box-shadow: 1px 1px 1px #CCC;
	-webkit-box-shadow: 1px 1px 1px #CCC;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	text-shadow: 0px 1px 0px #3EB6D9, 1px 1px 0px #3EB6D9, 1px 0px 0px #3EB6D9, 1px -1px 0px #3EB6D9, 0px -1px 0px #3EB6D9, -1px -1px 0px #3EB6D9, -1px 0px 0px #3EB6D9, -1px 1px 0px #3EB6D9;
	margin-bottom: 20px;
}
a.jsLink {
	text-align: center;
	display: block;
	width: 300px;
	height: 60px;
	margin: 10px auto;
}

/* ■関連する求人検索 */
#kanrenSearch {
	margin-top: 20px;
	margin-bottom: 20px;

	box-shadow: 2px 2px 2px 1px #DDD;
	-moz-box-shadow: 2px 2px 2px 1px #DDD;
	-webkit-box-shadow: 2px 2px 2px 1px #DDD;
}
#kanrenSearch dt {
	background-color: #FFDD55;
	padding: 5px;
}
#kanrenSearch dd {
	background-color: #FFFEEE;
	padding: 5px;
}
#kanrenSearch a {
	display: inline-block;
	padding: 10px;
	padding-right: 0;

	position: relative;
	padding-left: 12px;
	vertical-align: middle;
}
#kanrenSearch a::before,
#kanrenSearch a::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 4px;
	margin: auto;
	content: "";
	vertical-align: middle;
	box-sizing: border-box;
	width: 4px;
	height: 4px;
	border: 4px solid transparent;
	border-left: 4px solid #207FDD;
}
#kanrenSearch a em {
	font-weight: bold;
	font-size: 120%;
}
#kanrenSearch .cnt {
	font-size: 12px;
}
#none_list {
	margin-top:20px;
}
#none_list_title {
	background-color: #DEF;
	font-size: 16px;
	padding: 8px;
	line-height: 1;
	margin-bottom: 8px;
}
a.none_item {
	background-color: #FFF;
	display: block;
	padding: 8px;
	border: 1px solid #999;
	border-top: 4px solid #5AF;
	margin-bottom: 8px;
	border-radius: 2px;
	box-shadow: 1px 1px 1px #CCC;
	-moz-box-shadow: 1px 1px 1px #CCC;
	-webkit-box-shadow: 1px 1px 1px #CCC;
	text-decoration: none;
}
a.none_item span {
	display: block;
	color: #333;
}
a.none_item span.none_syokusyu {
	background-color: #DEF;
	font-size: 16px;
	margin-top: -8px;
	margin-right: -8px;
	margin-left: -8px;
	padding: 8px;
	text-decoration: underline;
}
a.none_item span.none_koyo {}
a.none_item span.none_comname {
	background-color: #EEE;
	padding: 4px;
	border-radius: 2px 4px;
}
a.none_item span.none_catchcopy {
	font-weight: bold;
	color: #345;
	margin-top: 4px;
	margin-bottom: 4px;
}
a.none_item span.none_kinmuchi {
	width: 300px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
a.none_item span.none_kyuuyo {
	width: 300px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
a.none_item span.none_kyuuzitsu {
	width: 300px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* 以下、特別求人関連*/

.sp_job_icon{
    left: -3px;
    top: -32px;
    position: absolute;
    background-color: #ff6c25;
    border-top: 3px solid #ff6c25;
    border-right: 13px solid #ff6c25;
    border-left: 5px solid #ff6c25;
    border-bottom: 3px solid #ff6c25;
    color: #FFF !important;
    font-weight: bold;
    border-radius: 10px 10px 0px 0px;
}


.sp_job_data {
	background-color: #FFF;
	padding-bottom: 2px;
	margin-bottom: 20px;
	border: 3px solid #ff6c25;
	position: relative;
	border-radius: 0px 20px 20px 20px;
	margin-top: 2.5rem;
}
.sp_job_data:after{
	content:".";display:block;height:0;clear:both;visibility:hidden;
}
.sp_job_data + .sp_job_data {
	margin-top: 40px;
}
.sp_job_data + .job_data {
	margin-top: 32px;
}

.sp_com_name{
	background-color: #ffe7ca;
}

.sp_syokusyumei{
	display: block;
	font-size: 18px;
	font-weight: bold;
	padding-top:0px;
	padding-bottom:3px;
	margin:0;
	line-height:140%;
	font-family: Inter,"Noto Sans JP","メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Arial,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-feature-settings: "palt";
	letter-spacing: 1px;
	display: -webkit-inline-box;
	color: #333 !important;
	width: 90%;
	vertical-align: top;
}

.sp_body{
  width: 100%;
}
.catch_img_sp{
  display: inline-block;
  max-width: 50%;
  text-align: center;
}
.catch_img_sp img{
  width: 100%;
}
.detail li.sp_kyuyo {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 1.5;
	word-break: keep-all;
    /* margin-bottom: 8px; */ /* 必要に応じて */
	display: -webkit-inline-box;
	width: 90%;
}

.detail li.sp_kyuyo > img {
    float: left; /* img要素を左にフロート */
    margin-right: 0.5em; /* img要素とテキストの間に少しスペース */
	margin-top: 6px;
}