@charset "utf-8";

main {
	padding-bottom: 6em;
}

.news-title {
	height: calc(10rem / var(--root-font-size));
	background: linear-gradient(to right, #68a386, #22aad9);
}

.news-single {
	padding-top: calc(190rem / var(--root-font-size));
	width: calc(620rem / var(--root-font-size));
	margin: 0 auto;
}

.news-single h2 {
	font-family: var(--noto);
	font-weight: var(--bold);
	font-size: calc(32rem / var(--root-font-size));
	margin-bottom: calc(25rem / var(--root-font-size));
}

.news-header h2 {
	border-bottom: calc(2rem / var(--root-font-size)) #000 solid;
	padding-bottom: calc(20rem / var(--root-font-size));
}

.news-meta {
	display: flex;
	flex-direction: column;
}

.news-header time,
.news-content p {
	font-family: var(--noto);
	font-weight: var(--regular);
	font-size: calc(14rem / var(--root-font-size));
}

.news-header time {
	padding: 0.4em 0;
}

.news-content p {
	line-height: 2;
	padding: 0.6em 0;
}

.news-content p a {
	color: #000;
	text-decoration: none;
	transition: 0.3s;
	overflow-wrap: anywhere;
}

.news-content p a:hover {
	color: #8b8b8b;
}

.news-content .image-wrapper {
	height: calc(340rem / var(--root-font-size));
	margin-bottom: calc(25rem / var(--root-font-size));
}

.news-content .image-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

/* SP */
@media screen and (width <= 991px) {
	.news-header time,
	.news-content p,
	.news-icon {
		font-size: calc(26rem / var(--root-font-size));
	}

	.news-header time {
		margin-right: 0.6em;
	}

	.news-icon {
		height: auto;
		padding: 0.2em;
		width: 6em;
		border-radius: calc(30rem / var(--root-font-size));
	}

	.news-meta {
		flex-direction: row-reverse;
		justify-content: flex-end;
	}

	div:has(.invert) {
		justify-content: center;
	}
}