@charset "utf-8";
/* ----採用情報 - ニュース一覧---- */


/* ----リスト---- */

#wrap #main {
	border-right: none;
}

#main ul {
	position: relative;
	margin: 0px;
	padding-bottom: 80px;
	list-style: none;
}

#main ul::after {
	position: absolute;
	bottom: 0;
	right: -42px;
	z-index: 2;
	content: '';
	width: 1px;
	height: 85px;
	border-right: 1px solid #ededed;
}

#main ul li {
	clear: both;
	position: relative;
	padding: 30px 0px 10px 0px;
	border-bottom: 1px solid #e5e5e5;
	display: none;
}

#main ul li::after {
	position: absolute;
	top: 0;
	right: -42px;
	z-index: 2;
	content: '';
	width: 1px;
	height: 85px;
	border-right: 1px solid #ededed;
}

#main ul li div:first-child {
	float: left;
	margin-right: 20px;
}

#main ul li div p:first-child {
	font-size: 11px;
	font-weight: normal;
	line-height: 150%;
	margin-bottom: 10px;
	padding: 0px;
}

#main ul li div p:last-child {
	font-size: 10px;
	line-height: 15px;
	text-align: center;
	padding: 0px 5px;
	color: #fff;
}

.fLeft {
	float: left;
	width: 65% !important;
	max-height: 120px;
}

.fRight {
	float: right;
}

p.press {
	background-color: #1e63cb;
}

p.newgraduates {
	background-color: #6ac026;
}

p.carrier {
	background-color: #e78f12;
}

#main ul li div h2 {
	font-size: 14px !important;
	font-weight: normal;
	letter-spacing: 2px;
	line-height: 180%;
	width: 100%;
	margin: 0px !important;
	padding: 0px;
}

#main ul li div h2 a {
	color: #333;
}

/* ----sub---- */

#wrap #sub ul {
	margin-top: 0px;
	border-left: 1px solid #e5e5e5;
}

#wrap #sub ul li {
	cursor: pointer;
}

#wrap #sub ul li:first-child {
	border-top: none;
}


/*
****     SP     ***
**/
@media (max-width: 767px) {
	#main ul {
		overflow: hidden;
		padding-bottom: 40px;
	}
	#main ul li {
    overflow: hidden;
    padding: 15px 0px;
	}
		#main ul li div p:first-child {
    font-size: 12px;
    margin-bottom: 5px;
	}
	#main ul li div p:last-child {
    font-size: 12px;
    line-height: 1;
    padding: 4px 5px;
    width: 90px;
	}
	#main ul li div:first-child {
    width: 35%;
    box-sizing: border-box;
    margin: 0;
	}
	#main ul li div:last-child {
    width: 60%;
    float: left;
    box-sizing: border-box;
    margin: 0;
    padding-left: 20px;
	}
	#main ul li div h2 {
		letter-spacing: 0;
	}
	#main ul li div h2 a {
    line-height: 150%;
	}
	#recruit #sub.news-sub {
    height: 35px;/*メニューの縦幅*/
    background-color: #fff;/*メニューの背景色*/
		overflow-x: scroll;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
	}
	#recruit #sub.news-sub ul {
	list-style-type: none;
    width: 600px;/*メニューの横幅*/
    height: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
		display: block!important;
	}
	#recruit #sub.news-sub li {
    float: left;
    height: 100%;
	  width: 150px;
		border-right: 1px solid #ddd;
		box-sizing: border-box;
	}
	#recruit #sub.news-sub li:last-child {
		border-right:0;
	}
	#recruit #sub.news-sub a {
    display: block;
    height: 100%;
    color: #333;/*文字色*/
    text-decoration: none;
    line-height: 35px;/*メニューの縦幅*/
		font-size: 12px;
		background-color: #f2f2f2;
	}
	#recruit #sub.news-sub .current {
	  background-color: #fff;
		border-bottom: 2px solid #f19716;
	}
	#recruit #sub.news-sub ul li:last-child {
		border-bottom: 0;
	}
}