@charset "UTF-8";

/* pager */
.pager-list {
	font-size: 0;
	text-align: center;
}
.pager-list li {
	display: inline-block;
	vertical-align: middle;
	font-weight: 700;
	letter-spacing: 0.1em;
	margin: 5px;
}
.pager-list li.count,
.pager-list li.hr {
	width: auto;
}
.pager-list li.count {
	margin-right: 15px;
}
.pager-list li.hr {
	margin: 5px -5px;
}
.pager-list li.current {
	background: #003b77;
	color: #fff;
}
.pager-list a {
	display: block;
}

.pager-detail {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background: #f4f7f7;
	font-size: 0;
	text-align: center;
	max-width: 880px;
	width: 90%;
	margin: 0 auto;
}
.pager-detail li {
	font-weight: 700;
}
.pager-detail i {
	margin: 0 .5em;
}

/* blog archive */
.newsList {
	max-width: 880px;
	margin: 0 auto;
}
.newsList__article {
	border-bottom: solid 1px #e2e7ef;
}
.newsList__img figure {
	padding-top: 69.3%;
}
.newsList__ttl {
	font-size: 1.125em;
	font-weight: 700;
	margin-bottom: 10px;
}
.newsList__cont {
	line-height: 1.63;
}
.newsList__link {
	text-align: right;
	margin-top: 15px;
}
.newsList__link a {
	position: relative;
	display: inline-block;
	border: solid #1d428b;
	background: #fff;
	color: #003b77;
	font-weight: 700;
	text-align: center;
}
.newsList__link a::after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    display: block;
    border-top-style: solid;
    border-right-style: solid;
}
.newsArticle .news_date,
.newsList .news_date {
	margin-top: 15px;
	font-size: 16px;
	font-weight: bold;
    color: #003b77;
}

/* blog article */
.newsArticle {
	max-width: 880px;
	width: 90%;
	margin: 0 auto;
}
.newsArticle__ttl {
	font-weight: 400;
}
.newsArticle__cont {
	line-height: 1.75;
}
.newsArticle__cont > * + * {
	margin-top: 1.6em;
}
.newsArticle__cont figure {
	margin-top: 3.2em;
}
.newsArticle__cont figure:first-child {
	margin-top: 0;
}


@media screen and (min-width: 768px) {

	/* pager */
	.pager-list {
		margin-top: 70px;
	}
	.pager-list li {
		font-size: 14px;
		width: 28px;
		height: 25px;
		line-height: 27px;
	}

	.pager-detail {
		padding: 18px 28px 13px;
		margin-top: 100px;
	}
	.pager-detail li {
		font-size: 18px;
	}

	/* blog archive */
	.newsList {
		margin-top: -37px;
	}
	.newsList__article {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		padding: 37px 0;
	}
	.newsList__img {
		width: 22.95%;
	}
	.newsList__txt {
		width: 72.16%;
	}
	.newsList__link a {
		border-width: 2px;
		width: 204px;
		height: 40px;
		line-height: 36px;
	}
	.newsList__link a::after {
		right: 16px;
		border-width: 3px;
		width: 10px;
		height: 10px;
		margin-top: -5px;
	}

	/* blog article */
	.newsArticle__ttl {
		font-size: 20px;
		margin-bottom: 25px;
	}

}

@media screen and (max-width: 767px) {

	/* pager */
	.pager-list {
		margin-top: 40px;
	}
	.pager-list li {
		font-size: 12px;
		width: 24px;
		height: 22px;
		line-height: 24px;
	}
	.pager-list li.count {
		width: 100%;
		margin: 0 0 15px;
	}

	.pager-detail {
		padding: 12px 2% 9px;
		margin-top: 60px;
	}
	.pager-detail li {
		font-size: 13.5px;
	}

	/* blog archive */
	.newsList {
		max-width: 360px;
		width: 80%;
		margin: -23px auto 0;
	}
	.newsList__article {
		padding: 23px 0 26px;
	}
	.newsList__img {
		margin-bottom: 15px;
	}
	.newsList__link a {
		border-width: 1px;
		width: 180px;
		height: 40px;
		line-height: 38px;
	}
	.newsList__link a::after {
		right: 12px;
		border-width: 2px;
		width: 8px;
		height: 8px;
		margin-top: -4px;
	}

	/* blog article */
	.newsArticle__ttl {
		font-size: 18px;
		margin-bottom: 20px;
	}

}