@charset "utf-8";

/*-----------------------------------------------
* News List（newsList）
-------------------------------------------------*/
.newsList {
	align-items: center;
}

.newsList--date {
	flex-shrink: 0;
}

.newsList--tags {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	flex-shrink: 0;
	align-items: center;
	margin-right: 16px;
}

.newsList--tag {
	display: inline-block;
	padding: 2px 10px;
	border: 1px solid #c3d82d;
	color: #c3d82d;
	font-size: 12px;
	line-height: 1.4;
	white-space: nowrap;
}

.newsList--title {
	flex: 1;
	min-width: 0;
	width: auto;
}

@media screen and (max-width: 768px) {
	.newsList{
		flex-wrap: wrap;
	}
	.newsList--date{
		width: auto;
		padding-right: 1em;
	}
	.newsList--tags {
		margin-right: 12px;
	}

	.newsList--tag {
		font-size: 14px;
	}

	.newsList--title {
		flex: auto;
		width: 100%;
	}
}


.newsMore{
	display: flex;
	justify-content: center;
	position: relative;
	top: unset;
	right: unset;
	margin-top: 32px;
	width: auto;
}
.newsMore__link{
	width: auto;
	padding: 0 104px;
	font-size: 14px;
	border-radius: 96px;
}
@media screen and (max-width:768px){
	.newsMore__link{
		font-size: 24px;
	}
}



/*-----------------------------------------------
* News Detail（newsDetail）
-------------------------------------------------*/
.newsDetail h3 {
	flex-wrap: wrap;
	align-items: center;
}

.newsDetail__h3In{
	display: flex;
	flex-direction: column;
}

.newsDetailIn {
	display: flex;
	flex-direction: column;
}

.newsDetail--date {
	flex-shrink: 0;
}

.newsDetail--tags {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 6px;
	flex-shrink: 0;
	align-items: center;
	margin-right: 16px;
}

.newsDetail--tag {
	display: inline-block;
	padding: 2px 10px;
	border: 1px solid #c3d82d;
	color: #c3d82d;
	font-size: 12px;
	line-height: 1.4;
	white-space: nowrap;
	text-decoration: none;
}

.newsDetail--title {
	flex: 1;
	min-width: 0;
	width: auto;
}

@media screen and (max-width: 768px) {
	.newsDetail h3 {
		flex-wrap: wrap;
	}
	.newsDetail__h3In{
		flex-direction: row;
	}

	.newsDetail--date {
		width: auto;
		padding-right: 1em;
	}

	.newsDetail--tags {
		margin-right: 12px;
	}

	.newsDetail--tag {
		font-size: 14px;
	}

	.newsDetail--title {
		flex: auto;
		width: 100%;
	}
}