.item_area{
	background-color:rgb(180, 240, 120);
	margin-top: 1.5rem;
}
.page_move_area{
	background-color: #fff;
}

#job_list_wrap h1 {
	padding: 10px 10px;
	font-size: 12px;
	line-height: 1.2;
}
.pankuzu {
	padding: 10px 5px 0px 5px;
}
.pankuzu a {
	display: inline-block;
	border-radius: 1em;
	padding: 0 0.5em;
	text-decoration: none;
	margin-bottom: 4px;
	background-color: #fff;
}

#list_header_wrap {
	background-color: #00A0E9;
	padding: 8px;
	position: relative;
}
.syain_header {
}
/*@font-face {
	font-family: "GenJyuuGothicX";
	src: url("../../css/font/GenJyuuGothicX-Bold.ttf") format("truetype");
}*/
#list_header_wrap h1 {
	color: #FFF;
	font-family: "GenJyuuGothicX","M PLUS Rounded 1c","ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	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: 24px;
	font-weight: normal;
	width: 240px;
	text-align: center;
}

.joken_nav{
	padding: 0.5rem 0rem 0.5rem 0rem;
	display: block;
	text-align: center;
	margin: 1rem auto 1.5rem auto;
	max-height: 7rem;
	background-color: #fff;
}

.li-jt-icon{
    max-height: min(21.5vw, 7rem);
    display: inline-block;
	vertical-align: text-bottom;
	margin-top: 1.5vw;
}

.li-jt-cap{
    font-size: min(3.5vw, 1rem);
    display: inline-block;
    text-align: left;
    margin-left: min(4vw, 1rem);
    vertical-align: top;
	padding-top: min(1vw,0.5rem);
}

.li-jt-cap span{
	color: #E9546A;
    font-weight: bold;
    font-size: min(5vw, 1.5rem);
	line-height: min(6vw, 1.7rem);
}


@media (min-width: 480px) {
	#list_header_wrap h1 {
		width: 340px;
	}
}
#list_header_wrap[class="syain_header"] h1 {
	font-family: "Zen Kaku Gothic Antique","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Arial,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
#list_header_explanation {
	background-color: #FFF;
	padding: 4px;
}
#list_header_explanation p {
	font-size: 12px;
	width: 240px;
	line-height: 1.4;
	min-height: 4em;
}
@media (min-width: 480px) {
	#list_header_explanation p {
		width: 340px;
	}
}
#list_header_img {
	position: absolute;
	right: 0;
	bottom: 8px;
	width: 113px;
	height: auto;
}
@media (max-width: 360px) {
	#list_header_img {
		width: 100px;
	}
}
.syain_header #list_header_img {
	position: absolute;
	right: 8px;
	width: 100px;
	height: 120px;
	object-fit: cover;
	object-position: 100% 0;
}
@media (max-width: 360px) {
	.syain_header #list_header_img {
		width: 94px;
	}
}
a.search_btn_area {
	display: block;
	border: 1px solid var(--color-blue);
	padding: 8px;
	margin: 8px;
	text-align: center;
	border-radius: 4px;
}
a.search_btn_area img {
	vertical-align: -4px;
	margin-right: 4px;
}

/* ■表紙インタビュー表示部分 */
#hyousi_interview_wrap {
	margin: 4px 16px;
}
#hyousi_interview_content {
	border: 2px solid #0068B6;
	margin: 4px;
	padding: 8px;
}
#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;
}

/* ■検索条件表示部分 */
#condition {
	background-color: #DDF1FC;
	background-color: #E3F1FF;
	background-color: #EEE;
	background-color: #FFF33F;
	padding: 5px;
	font-size: 12px;
	margin-bottom: 10px;
}
#condition dt {
	color: #804F1B;
	font-weight: bold;
	font-size: 14px;
}
#condition dt:before {
	content: "■";
}
.search_exmp {
	background-color: #FFF;
	padding: 8px;
	margin: 0 8px 8px;
}
.search_exmp em {
	font-weight: bold;
}

/* ■職場見学・仕事体験でマッチング！成功事例 */
a.link_btn {
	display: block;
	padding: 8px;
	margin: 16px auto;
	width: 80%;
	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;
}
/* ■件数、ページ移動部分 */
#pageNavi {
	width: 100%;
	font-size: 12px;
	text-align: center;
	margin-bottom: 10px;
}
#pageNavi .back {
	width: 20%;
}
#pageNavi .kensu {
	width: 60%;
}
#pageNavi .next {
	width: 20%;
}
#pageNavi a {
	font-size: 14px;
	text-decoration: none;
	line-height: 1;
	display: inline-block;
	width: 100%;
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #231815;
	color: #FFF;
	border-radius: 3px;
	margin: 10px 0;
	box-shadow: 1px 1px 2px 1px #CCC;
	-moz-box-shadow: 1px 1px 2px 1px #CCC;
	-webkit-box-shadow: 1px 1px 2px 1px #CCC;
}
#pageNavi .back a {
	background-image: url('/_sp/img/cursor_prev.png');
	background-repeat: no-repeat;
	background-size: 10px 12px;
	background-position: 10% 50%;
	text-indent: 15%;
}
#pageNavi .next a {
	background-image: url('/_sp/img/cursor_next.png');
	background-repeat: no-repeat;
	background-size: 10px 12px;
	background-position: 90% 50%;
	text-indent: -15%;
}
/* ■地図で探す、さらに絞込む */
#searchBtns {
	padding: 0 20%;
	margin-right: 0;
	display: block;
}
#searchBtns:after{
	content:".";display:block;height:0;clear:both;visibility:hidden;
}
#searchBtns a {
	display: block;
	text-decoration: none;
	text-align: center;
	line-height: 40px;
	background-color: #fff;
	margin-right: 0;
	border-radius: 30px;
	border: #00BE00 solid 2px;
	color: #00BE00;
	font-weight: bold;
}

#searchBtns a img {
	vertical-align: -3px;
	margin-right: 2px;
}

/* ■表示順表示件数変更 */
#list_change {
	margin: -4px 8px 12px;
	text-align: center;
}
#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 {
}

/* ■仕事情報リスト */
#Items {
	background-color:rgb(180, 240, 120);
	padding: 8px 12px;
}
@media screen and (max-width: 340px) {
	#Items {
		padding: 8px 0;
	}
}
.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;
	border: 1px solid #EEE;
	position: relative;
}
.job_data + .job_data {
	margin-top: 48px;
}
.job_data + .job_data.job_data:before {
	width: 50%;
	height: 4px;
	background-color: #00BE00;
	margin: 20px 0;
	display: block;
	content: "";
	top: -44px;
	left: 25%;
	position: absolute;
	border-radius: 3px;
}
.item_header {
}
.kinmuchi {
	display: inline-block;
	margin: 0.5rem 4px 2px;
	padding: 0 4px;
	color: #333333;
	font-size:17px;
	border:none;
	font-weight:bold;
}
.kinmuchi_hosoku {
	font-size: 12px;
}
.hw_icon {
	display: inline-block;
	margin: 4px 2px 2px;
	padding: 1px 6px;
	border: 1px solid #F85;
	border-radius: 2px;
	color: #333333;
	font-size: 14px;
}
.keisaikikan {
	display: inline-block;
	position: absolute;
	right: 4px;
	top: 0.75rem;
	color: #333333;
	font-size: 12px;
}
.com_name {
	display: block;
	color: #333333;
	font-weight: bold;
	font-size: 16px;
	background-color: #fff33f;
	padding: 4px;
	margin: 0.75rem 0 1rem 0;
	/* 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; */
}
.main_img{
    overflow: hidden;
}

.catch_img_L,.catch_img_M,.catch_img_S {
	text-align: center;
	margin: 8px auto;
	margin-top:4px;
	margin-bottom:0;
}


.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;
}
.main-catch{
	display: block;}
.catch_copy {
	display: block;
	font-weight: bold;
	color: #333333;
	text-align: left;
	padding: 8px 12px;
	line-height:140%;
	padding-top:0px;
	padding-bottom:0;
	font-size:110%;
	margin-top: 0.5rem;
}

.job_datail {
	margin: 4px 2px 12px;
	padding: 1px;
	border:none;
}
.koyoukeitai {
	text-decoration: none;
	padding: 0px 5px 0px 8px;
	font-size:15px;
	float:left;
}
.koyoukeitai span + span {
	margin-left: 4px;
}
span[class^="koyo_"] {
	border-radius: 0 2px 2px 0;
	display: inline-block;
	padding: 4px 4px 3px 4px;
	line-height: 1;
	border: 1px solid #AAA;
	border-left-width: 5px;
	color: #333;
}
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;}
.syokusyumei {
	display: block;
	font-size: 18px;
	font-weight: bold;
	padding: 8px;
	padding-top:0px;
	padding-bottom:0px;
	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;
	color: #00BE00;
}

.jyouken_box{
	display: flex;
	font-size: 11px;
	font-weight: bold;
	margin-top: 5px;
	padding: 5px;
	flex-wrap: wrap;
}
.jyouken_box_p{
	border: solid 1px;
	padding: 0 6px;
	color: #00be00;
	margin: 2px;
}

.com_name_sub {
	margin: 0 8px;
	font-weight: bold;
}
.com_name_sub img {
	margin-right: 4px;
	vertical-align: -2px;
}
.shigotonaiyou {
	margin: 4px 8px;
	padding: 4px;
	line-height: 1.6;
	word-wrap:break-word;
	word-break: break-all;
	margin-left:0;
	padding-left:0;
	border:none;
}
.shigotonaiyou span {
	color: #00BE00;;
	border: 1px solid#00BE00;
	padding: 2px 4px;
	font-size: 15px;
	font-weight: bold;
	display: inline-block;
	margin-right: 4px;
	line-height: 1;
}
.remaining_box{
	margin: 10px auto;
    width: 100%;
	padding-bottom: 15px;
}
.remaining_box p{
	text-align: center;
    font-size: 16px;
    font-weight: bold;
    width: 178px;
    margin: 0 auto;
    border-bottom: dotted 2px #00be00;
}
.remaining_box span{
	color: red;
}
.kanren{
	font-size:90%;
	text-align:right;
	margin:15px 7px 10px
}
.icon {
	width: 100%;
	margin: 0 auto 8px;
	font-size: 12px;
}
@media screen and (max-width: 340px) {
	.icon {
		font-size: 11px;
	}
}
.icon td {
	width: 20%;
	text-align: center;
}
.icon_ok, .icon_no {
	border-radius: 6px;
	border: 1px solid #FFF;
	display: block;
	padding-top: 1px;
	padding-bottom: 1px;
}
.icon_ok {
	background-color: #FFF33F;
}
.icon_no {
	background-color: #EEE;
	color: #BBB;
}
.detail {
	margin: 12px;
	margin-top:0;
	margin-bottom:0px;
	display: inline-block;
}
.detail li { 
	overflow: hidden;
	margin-bottom: 7px;
	display: flex;
    justify-content: space-evenly;
}
.detail li img {
vertical-align: top;
	margin-left: 0;
}
.detail li p {
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* overflow: hidden; */
    text-overflow: ellipsis;
    line-height: 1.4rem;
	margin-right: 0;
	margin-top:-0.1rem;
	min-height: 0;
	vertical-align: baseline;
}
.text{
	right:0;
	width: 96%;
	float: right;
	vertical-align: baseline;
}

.action_btn_wrap {
	margin-right: 4px;
	margin-left: 4px;
}
.action_btn {
	width: 100%;
}
.action_btn td {
	padding: 4px;
}
.action_btn a {
	display: flex;
	background-color: #EEE;
	padding: 4px;
	text-decoration: none;
	text-align: center;
	height: 3.2em;
	border-radius: 2px;
	vertical-align: middle;
	webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.oubo_btn {
}
.oubo_btn a {
	color: #333333;
	background-color: #fff33f;;
}
.detail_btn {
}
.detail_btn a {
	color: #FFF;
	background-color: #00BE00;
	min-width: 5em;
}
.keep_btn {
}
.keep_btn a {
	border: 2px solid #00BE00;
	background-color: #FFF;
	color: #00BE00;
	min-width: 5em;
}
.keep_btn a[class^="keep"] {
}
.keep_btn a[class^="keeped"] {
	background-color: #00BE00;
	color: #FFF;
}
.update_btm {
	text-align: right;
	margin-top: 4px;
	margin-right: 8px;
	color: #555;
	font-size: 12px;
}
.update_btm .today {
	color: #E9536B;
	border: 2px solid #E9536B;
	border-radius: 2px;
	padding: 2px 8px;
	font-weight: bold;
}
/* ■簡易版マッチングメール */
#matching_mail_light {
	background-color: #fff;
	padding: 4px;
	text-align: center;
	margin-top: 12px;
	margin-bottom: 12px;
}
#matching_mail_light summary {
	font-size: 14px;
}
#matching_mail_light_input {
	margin-top: -20px;
	margin-bottom: 4px;
}
#matching_mail_light_email {
	-webkit-appearance: none;
	padding: 2px;
	border-radius: 2px;
	margin-top: 4px;
	margin-bottom: 4px;
	border: 2px solid #FCC700;
	min-width: 12em;
}
#matching_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;
}
#matching_mail_light_infomation {
}
#matching_mail_light_ssl {
	color: #888;
	font-size: 12px;
	margin: 8px 4px;
}

/* ■表示順表示件数変更 */
#list_change {
	margin: -4px 8px 12px;
	text-align: center;
}
#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 {
}
#list_change_btn {
	background-color: #72B9E7;
	color: #FFF;
	border: 1px solid #555;
	padding: 0 4px;
}
#list_change_btn:disabled {
	background-color: #EEE;
	color: #888;
	border: 1px solid #888;
	padding: 0 4px;
}

/* ■リスト下部分 */
.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('/_sp/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: #FFF;
	font-size: 16px;
	padding: 8px;
	line-height: 1;
	margin-bottom: 8px;
}
a.none_item {
	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;
	background-color: #FFF;
}
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;
}
.tac {
	background-color: #fff;
	text-align: center;
	padding-top:1rem ;
}
.TbBanner {
	background-color: #fff;
	text-align: center;
	padding-bottom:1rem;
}


/* ■応募ダイアログ */
a.weboubo_ok_icon {
	color: #E9546A;
	border: 1px solid #E9546A;
	border-radius: 2px;
	font-size: 14px;
	padding: 2px 6px;
	text-decoration: none;
}


@media screen and (min-width: 670px) {
	.img-catch{
		display: flex;
		justify-content: space-evenly;
	}
	.main-catch{
		display: inline-block;
		width: 50%;
		margin: auto 0 auto 0;
	}
	.main_img{
		display: inline-block;
	}

}