@charset "UTF-8";

/* main */
#news .main {
	position: relative;
	width: 100%;
	height: 500px;
	overflow: hidden;
	background: url(../images/news/bg-main_pc.jpg) no-repeat center center;
	background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}
#news .content {
	padding-top: 106px;
	padding-bottom: 160px;
}
#news .content .content-inner {
	max-width: 820px;
	width: 100%;
	margin: 0 auto;
}

/* news */
#news .ttl-news {
    width: 158px;
}

.news-list > dl {
	display: flex;
	justify-content: space-between;
}
.news-list > dl + dl {
    margin-top: 52px;
}
.news-list > dl .date {
    margin-top: 4px;
	width: 140px;
	display: block;
}
.news-list > dl .date span {
	letter-spacing: .4px;
	color: #777777;
	font-size: 16px;
}
.news-list > dl > dd {
	width: calc(100% - 140px);
}
.news-list > dl dl dt {
	font-size: 20px;
	line-height: 1.6;
	color: #003284;
	border-bottom: 1px solid #CDD5E3;
	font-weight: 500;
	letter-spacing: 1.4px;
    padding-bottom: 8px;
}
.news-list > dl dl dd {
	font-size: 16px;
	line-height: 28px;
    letter-spacing: 1.2px;
    padding-top: 19px;
}
#news .pagination-container {
	margin-top: 64px;
}
#news .pagination {
	display: flex;
	margin: 0 auto;
	justify-content: center;
}
#news .pagination .page {
	border: 1px solid #003284;	
	margin: 0 12px;
	width: 34px;
	height: 34px;
}
#news .pagination .page a {
	font-weight: 600;
	width: 34px;
	height: 34px;
    text-align: center;
	display: block;
	line-height: 32px;
	text-decoration: none;
	color: #003284;
	font-size: 20px;
	font-family: 'Montserrat', sans-serif;
}
#news .pagination .page.page-active a {
	background: #003284;
	color: #fff;
}
#news .pagination .prev a,
#news .pagination .next a {
	width: 34px;
	height: 34px;
	display: flex;
	align-items: center;
}
#news .pagination .prev {
    margin-right: 15px;
	background: url(../images/news/arrow-prev.png) no-repeat center center;
	background-size: 9px 16px;
}
#news .pagination .next {
    margin-left: 15px;
	background: url(../images/news/arrow-next.png) no-repeat center center;
	background-size: 9px 16px;
}
#news .pagination .prev.disabled,
#news .pagination .next.disabled {
	opacity: 0;
	visibility: hidden;
}

.next-block {
	background: url(../images/news/bg-next-pc.jpg) no-repeat center center;
	background-size: cover;
}
.next-block .ttl-service {
	width: 203px;
}
@media screen and (max-width:768px) {
	/* main */
	#news .main {
		height: 82.67vw;
		background: url(../images/news/bg-main_sp.jpg) no-repeat center center;
		background-size: cover;
	}
	#news .content {
	    padding-top: 9.8vw;
        padding-bottom: 28vw;
	}
	#news .content .content-inner {
		max-width: 100%;
		padding: 0 5.33vw;
	}

	/* news */
	#news .ttl-news {
	    width: 26.93vw;
	}

	.news-list > dl {
		display: block;
	}
	.news-list > dl + dl {
	    margin-top: 7.8vw;
	}
	.news-list > dl .date {
		width: 100%;
	    margin-bottom: 2.2vw;
	    margin-top: 0;
	}
	.news-list > dl .date span {
		font-size: 3.2vw;
		letter-spacing: .1vw;
	}
	.news-list > dl > dd {
		width: 100%;
	}
	.news-list > dl dl {
		width: 100%;
	}
	.news-list > dl dl dt {
		font-size: 4vw;
		letter-spacing: .37vw;
		padding-bottom: 2.4vw;
	}
	.news-list > dl dl dd {
		font-size: 3.47vw;
		line-height: 6.13vw;
	    letter-spacing: .34vw;
	    padding-top: 3.2vw;
	}

	#news .pagination-container {
		margin-top: 10.13vw;
	}
	#news .pagination .page {
		border: 0.27vw solid #003284;
		margin: 0 2.13vw;
		width: 7.47vw;
		height: 7.47vw;
	}
	#news .pagination .page a {
		width: 7.47vw;
		height: 7.47vw;
		font-size: 3.73vw;
		line-height: 7vw;
	}
	#news .pagination .prev a,
	#news .pagination .next a {
		width: 7.47vw;
		height: 7.47vw;
	}
	#news .pagination .prev {
	    margin-right: .2vw;
		background-size: 27%;
	}
	#news .pagination .next {
	    margin-left: .2vw;
		background-size: 27%;
	}
	.next-block {
		background: url(../images/news/bg-next-sp.jpg) no-repeat center center;
		background-size: cover;
	}
	.next-block .ttl-service {
		width: 34.4vw;
	}
}