@charset "UTF-8";
/* 採用に関するお知らせ（recruit_info）の一覧・記事ページ用
 *
 * 既存の styles.css には手を入れず、このページだけで読み込む（form.css と同じ方式）。
 * 色・余白・文字サイズは styles.css で既に使われている値だけを使い、新しい値は作らない。
 *   主色 #014099 / 日付 #666 / 罫線 #eee / hover背景 #f1f6fc / SPの左右余白 3%
 *   日付の書体 arial（.timeTable__time と同じ）
 */

/* ---------- 一覧 ---------- */
.newsList {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #eee;
}

.newsList__item {
	border-bottom: 1px solid #eee;
}

.newsList__link {
	display: block;
	color: #333;
	text-decoration: none;
}

.newsList__link:hover {
	background: #f1f6fc;
}

.newsList__date {
	color: #666;
	font-family: arial;
}

.newsList__title {
	color: #014099;
	font-weight: bold;
}

.newsList__link:hover .newsList__title {
	text-decoration: underline;
}

/* ---------- 記事 ---------- */
.newsEntry__date {
	display: block;
	color: #666;
	font-family: arial;
}

.newsEntry__title {
	color: #014099;
	font-weight: bold;
	border-bottom: 1px solid #eee;
}

.newsEntry__body {
	line-height: 2;
}

.newsEntry__body p {
	margin-bottom: 1em;
}

.newsEntry__body a {
	color: #014099;
}

.newsEntry__body strong {
	font-weight: bold;
}

@media only screen and (min-width: 641px) {
	.newsList__link {
		padding: 18px 10px;
	}

	.newsList__link:after {
		content: "";
		clear: both;
		display: block;
	}

	.newsList__date {
		float: left;
		width: 110px;
		margin-right: 20px;
		font-size: 13px;
		font-size: 1.3rem;
		line-height: 1.6;
	}

	.newsList__title {
		display: block;
		overflow: hidden;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.6;
	}

	.newsEntry {
		margin-bottom: 40px;
	}

	.newsEntry__date {
		margin-bottom: 8px;
		font-size: 13px;
		font-size: 1.3rem;
	}

	.newsEntry__title {
		margin-bottom: 30px;
		padding-bottom: 12px;
		font-size: 22px;
		font-size: 2.2rem;
		line-height: 1.5;
	}

	.newsEntry__body {
		font-size: 14px;
		font-size: 1.4rem;
	}
}

@media only screen and (max-width: 640px) {
	.newsList__link {
		padding: 12px 3%;
	}

	.newsList__date {
		display: block;
		margin-bottom: 6px;
		font-size: 11px;
		font-size: 1.1rem;
	}

	.newsList__title {
		display: block;
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 1.6;
	}

	.newsEntry {
		margin-bottom: 20px;
		padding: 0 3%;
	}

	.newsEntry__date {
		margin-bottom: 6px;
		font-size: 11px;
		font-size: 1.1rem;
	}

	.newsEntry__title {
		margin-bottom: 20px;
		padding-bottom: 8px;
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 1.5;
	}

	.newsEntry__body {
		font-size: 13px;
		font-size: 1.3rem;
	}
}

/* ---------- ページ送り ---------- */
.newsPager {
	margin-top: 30px;
	text-align: center;
}

.newsPager .screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap;
}

.newsPager .nav-links {
	display: inline-block;
}

.newsPager .page-numbers {
	display: inline-block;
	min-width: 34px;
	margin: 0 3px;
	padding: 7px 8px;
	color: #014099;
	font-family: arial;
	line-height: 1.2;
	text-decoration: none;
	border: 1px solid #ccc;
}

.newsPager a.page-numbers:hover {
	background: #f1f6fc;
}

.newsPager .page-numbers.current {
	color: #fff;
	background: #014099;
	border-color: #014099;
}

.newsPager .page-numbers.dots {
	border: 0;
}

@media only screen and (max-width: 640px) {
	.newsPager {
		margin-top: 20px;
		padding: 0 3%;
	}

	.newsPager .page-numbers {
		min-width: 30px;
		margin: 0 2px 5px;
		padding: 6px;
		font-size: 12px;
		font-size: 1.2rem;
	}
}