@charset "UTF-8";
/*------------------------------------------------------------------
********************************************************************
 * ▼構成
 * ・ベースとなるCSS
 * ・スマホ用（@media screen and (max-width: 767px) {} ）

 * 共通系
 * 一覧ページ
 * 詳細ページ
********************************************************************
--------------------------------------------------------------------*/

/*--- 共通系 ---*/
.news_box{
	max-width: 1280px;
	width: 90%;
	margin: 100px auto 0;
	padding-bottom: 120px;
	border-bottom: #bcc1ca 1px solid;
}
@media screen and (max-width: 767px) {
	.news_box{
		margin-top: 30px;
		padding-bottom: 0;
		border-bottom: none;
	}
}

/*--- 一覧ページ ---*/
.news_box.archive .list{
	max-width: 1080px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.news_box.archive .list li > span,
.news_box.archive .list a{
	display: flex;
	width: 100%;
}

.news_box.archive .list a{
	background: url(../imgs/other/arrow_navy.png) no-repeat right 15px center/ 20px;
}
@media screen and (max-width: 767px) {
	.news_box.archive .list a{
		background-position: right center;
		background-size: 12px;
	}
}

.news_box.archive .list a:hover{
	background-position: right 0px center;
}

.news_box.archive .list li > span p,
.news_box.archive .list a p{
	width: 100%;
	padding: 30px 0;
}
@media screen and (max-width: 767px) {
	.news_box.archive .list li > span p,
	.news_box.archive .list a p{
		padding: 17px 0;
	}
}

.news_box.archive .list .date{
	max-width: 100px;
	border-bottom: #0f1f3f 1px solid;
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	font-weight: 400;
}
@media screen and (max-width: 767px) {
	.news_box.archive .list .date{
		max-width: none;
		width: 22%;
		font-size: 3.46vw;
	}
}

.news_box.archive .list .title{
	max-width: 980px;
	padding-left: 30px;
	border-bottom: #d4d4d4 1px solid;
}
@media screen and (max-width: 767px) {
	.news_box.archive .list .title{
		max-width: none;
		width: 78%;
		padding: 17px 20px 17px 10px;
		font-size: 3.46vw;
	}
}

.wp-pagenavi{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 30px;
	margin-top: 80px;
}
@media screen and (max-width: 767px) {
	.wp-pagenavi{
		margin-top: 40px;
	}
}

.wp-pagenavi .page{
	font-size: 16px;
	font-weight: 400;
	color: #1a1a1a;
}
@media screen and (max-width: 767px) {
	.wp-pagenavi .page{
		font-size: 4.26vw;
	}
}

.wp-pagenavi .current{
	font-size: 16px;
	font-weight: 600;
	color: #1a1a1a;
}
@media screen and (max-width: 767px) {
	.wp-pagenavi .current{
		font-size: 4.26vw;
	}
}

.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink{
	display: inline-block;
	width: 13px;
	height: 13px;
}

.wp-pagenavi .previouspostslink{
	background: url(../imgs/other/arrow_navy_left.png) no-repeat left top 2px / 13px;
}

.wp-pagenavi .nextpostslink{
	background: url(../imgs/other/arrow_navy.png) no-repeat left top 2px / 13px;
}

.news_box.archive .no_results{
	text-align: center;
	font-size: 18px;
	font-weight: 500;
}

.news_box.archive .prev_1{
	margin-top: 80px;
}


/*--- 詳細ページ ---*/
.news_box.detail{
	margin-top: 80px;
}
@media screen and (max-width: 767px) {
	.news_box.detail{
		margin-top: 40px;
	}
}

.news_box.detail > div{
	max-width: 1080px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.news_box.detail .date{
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #1a1a1a;
}
@media screen and (max-width: 767px) {
	.news_box.detail .date{
		font-size: 4.26vw;
	}
}

.news_box.detail .title{
	width: 100%;
	margin-top: 5px;
	padding-bottom: 25px;
	border-bottom: #d4d4d4 1px solid;
	font-size: 22px;
	font-weight: 500;
	color: #1a1a1a;
}
@media screen and (max-width: 767px) {
	.news_box.detail .title{
		font-size: 5.85vw;
	}
}

.news_box.detail .content{
	margin-top: 25px;
	font-size: 16px;
}
@media screen and (max-width: 767px) {
	.news_box.detail .content{
		font-size: 4.26vw;
	}
}

.news_box.detail .content p{
	line-height: calc(36 / 16);
}

.news_box.detail .content a[href$=".pdf"]{
	text-decoration: underline;
	padding-left: 30px;
	background: url(../imgs/other/icon_pdf.png) no-repeat left center / contain;
}

.news_box.detail .prev_1{
	margin-top: 120px;
}
@media screen and (max-width: 767px) {
	.news_box.detail .prev_1{
		margin-top: 80px;
	}
}