@charset "utf-8";
.news {
	padding:70px 0;
	background:var(--bg-gray-color);
}
.news__inner {
	width:var(--content-width);
	margin:0 auto;
}
.news__lists {
	margin-bottom:30px;
}
.news__lists li {
	margin-bottom:10px;
}
.news__lists li a{
	display:flex;
	padding:10px 36px 10px 10px;
	background:#FFF;
	text-decoration:none;
	position:relative;
}
.news__lists li a:before{
	content:'';
	position:absolute;
	top:50%;
	right:18px;
	content:"";
	display:block;
	width:6px;
	height:10px;
	background:url(../img/common/arrow_r-gy.svg) no-repeat center center / contain;
	margin-top:-5px;
	transition:transform .2s ease;
}
.news__lists li a:hover:before{
	transform:translateX(6px);
}
.news__list--img{
	max-width:50px;
	flex:1;
	margin-right:10px;
}
.news__list--img img{
	display:block;
	max-width:50px;
}
.news__list--texts{
	font-weight:700;
}
.news__list--texts time{
	padding-top:5px;
	display:inline-block;
	font-size:14px;
	line-height:1;
	margin-bottom:8px;
}
.news-new{
	margin-left:10px;
	display:inline-block;
	padding:0 13px;
	background:#175dc3;
	color:#FFF;
	line-height:1.41;
	font-size:12px;
	vertical-align:baseline;
}
.news__list--texts{
	font-size:14px;
	line-height:1.75;
}
@media screen and (max-width: 768px){
	.news{
		padding-bottom:8.125vw;
	}
	.news__lists{
		margin:0 auto 6vw;
	}
	.news__lists li{
		margin-bottom:3.125vw;
	}
	.news__lists li a{
		display:flex;
		padding:3.125vw 4.8vw 3.125vw 4.125vw;
		background:#FFF;
		text-decoration:none;
		position:relative;
	}
	.news__lists li a:before{
		content:'';
		position:absolute;
		top:50%;
		right:3vw;
		content:"";
		display:block;
		width:1.875vw;
		height:3.125vw;
		margin-top:-1.5677vw;
	}
	.news__list--img{
		max-width:12.5vw;
		margin-right:3.125vw;
	}
	.news__list--img img{
		max-width:12.5vw;
	}
	.news__list--texts time{
		padding-top:0px;
		font-size:1.2rem;
		margin-bottom:1.5vw;
	}
	.news-new{
		margin-left:2vw;
		padding:0 2vw;
		font-size:1.15rem;
	}
	.news__list--texts{
		font-size:1.2rem;
		line-height:1.75;
	}
}
.news__paging {
	background:#144185;
	height:56px;
	position: relative;
}
.news__paging--pn {
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	display: flex;
	justify-content: space-between;
}
.news__paging--pn li {
	width:142px;
	height:56px;
}
.news__paging--pn li a {
	display: block;
	height:56px;
	position: relative;
}
.news__paging--pn li a.disabled {
	pointer-events: none;
	background:#CCC;
}
.news__paging--pn li a:before {
	content:'';
	position: absolute;
	left:50%;
	top:50%;
	width:9px;
	height:16px;
	margin-top:-8px;
	margin-left:-5px;
	transition:all 0.3s ease;
}
.news__paging--prev:before {
	background:url(../img/common/arrow_l-w-thin.svg) no-repeat center center / contain;
}
.news__paging--next:before {
	background:url(../img/common/arrow_r-w-thin.svg) no-repeat center center / contain;
}
.news__paging--prev:hover:before {
	transform: translateX(-5px);
}
.news__paging--next:hover:before {
	transform: translateX(5px);
}

.news__paging--lists {
	position: relative;
	margin:0 auto;
	height:56px;
	display: flex;
	width:calc(100% - 284px);
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	justify-content: center;
	align-items: center;
}
.news__paging--lists li {
	width:26px;
	height:26px;
	margin:0 12px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.news__paging--lists li a {
	color:#ccc;
	text-decoration: none;
	font-size:18px;
	transition: all 0.3s ease;
}
.news__paging--lists li a:hover {
	color:#FFF;
}
.news__paging--lists li a.is-active {
	color:#FFF;
	font-weight: 700;
	pointer-events: none;
}
.news__paging--lists li .break-view {
	display: block;
	width:100%;
	height:100%;
	background:url(../img/common/ellipsis.svg) no-repeat center center / contain;
}
#isPage {
	display: none;
}
@media screen and (max-width: 768px){
	.news__paging {
		height:15vw;
	}
	.news__paging--pn li {
		width:20vw;
		height:15vw;
	}
	.news__paging--pn li a {
		height:15vw;
	}
	.news__paging--lists {
		display: none;
	}
	.news__paging--pn li a:before {
		content:'';
		position: absolute;
		left:50%;
		top:50%;
		width:4.2666vw;
		height:3vw;
		margin-top:-1.5vw;
		margin-left:-2.1333vw;
		transition:all 0.3s ease;
	}
	#isPage {
		justify-content: center;
		position: relative;
		margin:0 auto;
		height:15vw;
		display: flex;
		width:calc(100% - 40vw);
		border-left:1px solid #FFF;
		border-right:1px solid #FFF;
		justify-content: center;
		align-items: center;
		font-size:1.6rem;
		color:#FFF;
	}
}