@charset "UTF-8";

/* --------------------------------------------------------------------------------------
	キービジュアル
--------------------------------------------------------------------------------------- */

.key-image { background-image: url(../img/news/key-image.jpg); }

@media (max-width: 900px) {


}

/* --------------------------------------------------------------------------------------
	記事が0件の時
--------------------------------------------------------------------------------------- */

.no-post {
	padding: 24px 0;
	text-align: center;
}

/* --------------------------------------------------------------------------------------
	記事の中身のスタイルをデフォルトに戻す
--------------------------------------------------------------------------------------- */

.post-content :where(
	blockquote, dd, dl, dt, fieldset, figure, figcaption, form, hr,
	h1, h2, h3, h4, h5, h6, ol, ul, li, p, pre,
	table, caption, thead, tbody, tfoot, tr, td, th, col, colgroup,
	b, strong, i, em, cite, var, abbr, code, kbd, samp,
	big, small, sub, sup, s, del, ins, u, mark, q,
	button, input, select, textarea
) {
	all: revert;
}

.post-content :where(*) { box-sizing: border-box; }

.post-content :where(h1, h2, h3, h4, h5, h6, p, li, dd, blockquote, td, th) {
	line-height: 1.8;
}

.post-content :where(img) {
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}

.post-content :where(a, a:visited) {
	color: var(--color-blue);
	text-decoration: underline;
}

/* reset.css の a:hover { color: #fff } が勝つと白い背景で文字が消えるので、ここで色を指定し直す */
.post-content a:hover,
.post-content a:focus-visible {
	color: var(--color-blue);
	text-decoration: none;
}

.post-content > p + h2:nth-of-type(n+2) { margin-top: 60px; }

/* --------------------------------------------------------------------------------------
	詳細ページ
--------------------------------------------------------------------------------------- */

.news-details-content {
	background-color: #fff;
	color: #000;
	padding: 80px 188px;
}

.news-head-title {
	border-bottom: 1px solid var(--color-gold);
	padding-bottom: 8px;
}

.news-head-title small {
	display: block;
	font-size: 16px;
}

.news-head-title strong {
	display: block;
	font-size: 26px;
	margin-top: 42px;
}

.post-content {
	line-height: 1.8;
	margin-top: 24px;
	word-break: break-word;
}


.news-details-wrap .return-banner {
	margin-top: 64px;
	text-align: right;
}

@media (max-width: 900px) {

	.news-details-wrap.box-padding {
		padding: 0;
		width: auto;
	}

	.news-details-content { padding: 9.988vw 6.242vw; }

	.news-head-title small { font-size: 3.496vw; }

	.news-head-title strong {
		font-size: 4.994vw;
		margin-top: 4.333vw;
	}

	.post-content > p + h2:nth-of-type(n+2) { margin-top: 10.333vw; }

	.news-details-wrap .return-banner { margin: 9.988vw 6.242vw; }

}