@charset "UTF-8";

/* ----------------------------------------------------
 * news
 * ---------------------------------------------------- */
.top__news-container {
#	background: #fefdf2a8;
#	box-shadow: 0 -8px 10px 1px rgba(0, 0, 0, 0.2), 0 8px 10px 6px rgba(0, 0, 0, 0.2);
#	padding: 5% 0;
	margin: 5% 0 8%;

	@media (max-width: 750px) {
		margin: 10% 0 15%;
	}
}

.top__news-title {
	width: 27%;
	margin: 0 auto 5%;

	@media (max-width: 750px) {
		width: 43%;
		margin: 0 auto 7%
	}
}

.top__news-body {
	width: 87%;
	margin: auto;
}

.news-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.news-item {
	display: flex;
	align-items: flex-start;
	margin-bottom: 1.5%;
	font-size: calc(40 * 100vw / 1920);
	line-height: 1.4;
	color: var(--text-color1);
	gap: 6vw;

	@media (max-width: 750px) {
		flex-direction: column;
		gap: 0.3vw;
		font-size: calc(26 * 100vw / 750);
		margin-bottom: 4vw;
	}
}
.news-date {
	color: #e83d55;
	width: 15%;

	@media (max-width: 750px) {
		width: 100%;
	}
}
.news-content {
	color: var(--text-color2);
	flex: 1;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;

	@media (max-width: 750px) {
		-webkit-line-clamp: 2;
	}

	a {
		color: var(--text-color2);
	}
	a:hover {
		color: #a7944f;
	}
}

.news__article-container {
	margin-top: 10%;
	margin-bottom: 15%;

	@media (max-width: 750px) {
		margin-top: 10%;
		margin-bottom: 15%;
	}

	.news__article-title {
		width: 27%;
		margin: 0 auto 5%;

		@media (max-width: 750px) {
			width: 43%;
			margin: 0 auto 7%
		}
	}

	.news__article-area {
		width: 83%;
		margin: auto;
#		background: #f3efe6;
		display: flex;
		flex-direction: column;
		gap: 0.6vw;

		@media (max-width: 750px) {
			width: 88%;
			gap: 1.5vw;
		}
	}

	.news__article-date {
		color: #e84158;
		font-weight: 500;
		font-size: calc(35 * 100vw / 1920);

		@media (max-width: 750px) {
			font-size: calc(25 * 100vw / 750);
		}
	}

	.news__article-sub {
		color: var(--text-color2);
		font-weight: 500;
		font-size: calc(35 * 100vw / 1920);

		@media (max-width: 750px) {
			font-size: calc(25 * 100vw / 750);
			margin-bottom: 3%;
		}
	}

	.news__article-image {

		@media (max-width: 750px) {
			margin-bottom: 3%;
		}
	}

	.news__article-body {
		padding: 0 0.5%;
		font-size: calc(32 * 100vw / 1920);
		line-height: 2.1;
		letter-spacing: 0.04em;

		@media (max-width: 750px) {
			padding: 0;
			font-size: calc(22 * 100vw / 750);
		}
	}

	a {
		color: #42210b;
		text-decoration: underline;
	}

	a:hover {
		color: #d13b14;
	}

	.attention {
		color: #d13b14;
	}

	.news__article-sub-title {
		font-size: calc(19 * 100vw / 1920);
		font-weight: 900;

		@media (max-width: 750px) {
			font-size: calc(22 * 100vw / 750);
		}
	}
}