@charset "utf-8";
.news{
	width:min(calc(1260 / var(--vw-min) * 100vw),1260px);
	margin:0 auto;
	position:relative;
	z-index:10;
}
@media screen and (max-width:768px){
	.news{
		width:calc(360 / var(--vw-min) * 100vw);
	}
}
.news__tabLists{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	margin-bottom:min(calc(80 / var(--vw-min) * 100vw),80px);
}
@media screen and (max-width:768px){
	.news__tabLists{
		justify-content:flex-start;
		margin:0 auto calc(24 / var(--vw-min) * 100vw);
		width:calc(335 / var(--vw-min) * 100vw);
	}
}
.news__tabItem{
	margin:0 min(calc(4 / var(--vw-min) * 100vw),4px);
}
@media screen and (max-width:768px){
	.news__tabItem{
		margin:0 calc(3 / var(--vw-min) * 100vw) calc(3 / var(--vw-min) * 100vw) 0;
	}
}
.news__tabLink{
	background:var(--color-slate);
	display:flex;
	height:min(calc(40 / var(--vw-min) * 100vw),40px);
	align-items:center;
	line-height:1;
	padding:0 min(calc(20 / var(--vw-min) * 100vw),20px);
	border-radius:40px;
	text-decoration:none;
	color:#fff;
	transition: all 0.3s ease;
}
@media screen and (hover:hover){
	.news__tabLink:hover {
		background:var(--color-black);
	}
}
@media screen and (max-width:768px){
	.news__tabLink{
		height:calc(27 / var(--vw-min) * 100vw);
		padding:0 calc(14 / var(--vw-min) * 100vw);
		border-radius:54px;
		font-size:calc(13 / var(--vw-min) * 100vw);
	}
}
.news__tabItem.is-active .news__tabLink{
	pointer-events:none;
	background:var(--color-black);
}

.news__lists{
	width:100%;
	display:flex;
	flex-wrap:wrap;
}
@media screen and (max-width:768px){
	.news__lists{
		justify-content:space-between;
		width:calc(335 / var(--vw-min) * 100vw);
		margin:0 auto;
	}
}
.news__item{
	width:calc(100% / 3);
	padding:0 min(calc(30 / var(--vw-min) * 100vw),30px) min(calc(60 / var(--vw-min) * 100vw),60px);
}
@media screen and (max-width:768px){
	.news__item{
		width:calc(100% / 2 - calc(6 / var(--vw-min) * 100vw));
		padding:0 0 calc(32 / var(--vw-min) * 100vw);
	}
}
.news__itemLink{
	display:block;
	height:100%;
	text-decoration:none;
	transition:all 1s ease;
}
@media screen and (hover:hover){
	.news__itemLink:hover{
		transform:scale(1.05);
		transition:all 0.2s ease;
	}
}
.news__itemThumb{
	position:relative;
	padding-top:56.25%;
	margin-bottom:min(calc(18 / var(--vw-min) * 100vw),18px);
	box-shadow:var(--boxshadow-default);
}
@media screen and (max-width:768px){
	.news__itemThumb{
		margin-bottom:calc(11 / var(--vw-min) * 100vw);
	}
}
.news__itemThumb img{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	object-fit:cover;
}
.news__itemDateCat{
	display:flex;
}
.news__itemDate{
	font-family:var(--font-libre);
	line-height:1.5;
	font-size:min(calc(14 / var(--vw-min) * 100vw),14px);
	letter-spacing:0.01em;
	color:var(--color-black);
	opacity:.6;
	margin-right:min(calc(16 / var(--vw-min) * 100vw),16px);
	white-space:nowrap;
}
@media screen and (max-width:768px){
	.news__itemDate{
		line-height:1.5;
		font-size:calc(11 / var(--vw-min) * 100vw);
		margin-right:calc(8 / var(--vw-min) * 100vw);
		white-space:nowrap;
	}
}
.news__itemCatLists{
	flex:1;
	display:flex;
	flex-wrap:wrap;
	margin-bottom:min(calc(10 / var(--vw-min) * 100vw),10px);
}
@media screen and (max-width:768px){
	.news__itemCatLists{
		margin-bottom:calc(8 / var(--vw-min) * 100vw);
	}
}
.news__itemCatItem{
	height:min(calc(19 / var(--vw-min) * 100vw),19px);
	background:var(--color-slate);
	display:flex;
	align-items:center;
	line-height:1;
	font-size:min(calc(12 / var(--vw-min) * 100vw),12px);
	padding:0 min(calc(12 / var(--vw-min) * 100vw),12px);
	border-radius:19px;
	color:#fff;
	margin:0 min(calc(4 / var(--vw-min) * 100vw),4px) min(calc(4 / var(--vw-min) * 100vw),4px) 0;
}
@media screen and (max-width:768px){
	.news__itemCatItem{
		height:calc(17 / var(--vw-min) * 100vw);
		font-size:calc(10 / var(--vw-min) * 100vw);
		padding:0 calc(8 / var(--vw-min) * 100vw);
		border-radius:20px;
		margin:0 calc(2 / var(--vw-min) * 100vw) calc(2 / var(--vw-min) * 100vw) 0;
	}
}
.news__itemTitle{
	font-size:min(calc(15 / var(--vw-min) * 100vw),15px);
	color:var(--color-black);
	opacity:.9;
	font-weight:700;
	line-height:1.6875;
	letter-spacing:0.02em;
}
@media screen and (max-width:768px){
	.news__itemTitle{
		font-size:calc(12 / var(--vw-min) * 100vw);
	}
}