@charset "UTF-8";
/* =====================================================================
   新着情報・ニュースリリース(/common/css/page/news.css。既存サイトの news/css/news.css・ir/css/ir.css)
   SitePage の style が NEWS の画面(新着情報の一覧・詳細・開示情報)だけで読み込む(layout :: headAssets)。
   ===================================================================== */
/* ページ送り(Bootstrap の pagination。色だけ既存サイトに合わせる) */
.news-paging {
	--bs-pagination-color: var(--site-blue-muted);
	--bs-pagination-hover-color: var(--site-navy);
	--bs-pagination-focus-color: var(--site-navy);
	--bs-pagination-active-bg: var(--site-blue-muted);
	--bs-pagination-active-border-color: var(--site-blue-muted);
	--bs-pagination-focus-box-shadow: 0 0 0 .25rem rgba(var(--site-navy-rgb), .25);
}

.news-paging .page-link {
	text-decoration: none;
}

.newslist {
	clear: both;
	margin: 1em 0;
	/* トップ画面から #nws_code で飛んだときに、画面の上端に少し余白を空ける */
	scroll-margin-top: 1rem;
}

.newslist dt {
	padding: .3em 0 .3em .5em;
	border-bottom: 1px dotted var(--site-border);
	border-left: .5em solid var(--site-border);
	font-size: 1rem;
	font-weight: 400;
}

.newslist dd {
	margin: .5em 1em;
	padding: .3em 0;
}

.newslist-logo {
	float: right;
}

.newslist-logo img {
	width: auto;
	height: 20px;
}

.newslist-new {
	margin: 0 .2em;
	padding: 0 .4em;
	color: var(--site-required);
	font-size: .75rem;
	font-weight: 700;
	line-height: 1;
}

.newslist-company {
	display: block;
	margin-top: 5px;
	font-size: .75rem;
}

.newslist-detail-ttl {
	margin: 0;
	font-size: 1.125rem;
}

.newslist-detail-contents {
	margin: 1em 0 0;
	/* 管理機能で入力した本文の改行をそのまま表示する */
	white-space: pre-wrap;
	overflow-wrap: anywhere;
}

.newslist-detail-link {
	margin: 1.5em 0 0;
}

@media (min-width: 768px) {
	.newslist-wrapper {
		margin-bottom: 10px;
		border-bottom: 1px solid #eee;
	}

	/* 横並びは Bootstrap の d-md-flex(テンプレートで指定) */
	.newslist {
		margin: 0;
		border-top: 1px solid #eee;
	}

	.newslist dt {
		align-self: center;
		width: 14em;
		padding: 1em;
		border: 0;
	}

	.newslist dd {
		align-self: center;
		width: calc(100% - 14em);
		margin: 1em;
		padding: 0 1em;
		border-left: 3px solid var(--site-border-light);
		word-break: break-all;
	}

	.newslist-logo {
		display: block;
		float: none;
		margin-top: 5px;
	}

	.newslist-logo img {
		height: 26px;
		border: 1px solid #eee;
	}

	.news-detail {
		margin-bottom: 50px;
	}
}

.newsrelease-list dt {
	padding-top: .5em;
	font-weight: 700;
}

.newsrelease-list dd {
	padding-bottom: .5em;
	border-bottom: 1px solid var(--site-border-light);
}