@charset "UTF-8";

/* ▼▼▼ 
======================================================*/

.news{ display: flex;}
.news .leftcol{
	flex: 1;
	padding-bottom: 50px;
}
.news .leftcol .news-list{ margin-bottom: 50px;}
.news .leftcol .news-list article{
	line-height: 1.6;
	border-bottom: 1px solid #BEC2C7;
	padding: 20px 0;
}
.news .leftcol .news-list article:first-child{ border-top: 1px solid #BEC2C7;}
.news .leftcol .news-list article .date-ttl{
	display: flex;
	margin-bottom: 5px;
}
.news .leftcol .news-list article .date{ margin-right: 20px;}
.news .leftcol .news-list article .lead{ font-size: 14px;}
.news .rightcol{
	width: 180px;
	margin-left: 50px;
}
.news .rightcol dl dt{
	font-size: 20px;
	line-height: 1.6;
	text-align: center;
	padding: 8px;
	background: #E3E3E3;
}
.news .rightcol dl dd a{
	display: block;
	padding: 10px 15px;
	background: #fff;
	border-bottom: 1px solid #efefef;
}
ol.pagination{
	display: flex;
	justify-content: center;
}
ol.pagination li{ margin: 0 10px 10px;}
ol.pagination li a{
	text-align: center;
	width: 50px;
	height: 50px;
	line-height: 50px;
	display: block;
	border-radius: 50%;
	background: #EFEFEF;
}
ol.pagination li.page-item-prev a{ background: url("../img/ic-left.svg") center no-repeat #EFEFEF;}
ol.pagination li.page-item-next a{ background: url("../img/ic-right.svg") center no-repeat #EFEFEF;}

.news-detail p {
	padding-top: 50px;
	line-height: 1.8;
}
.news-detail p a { text-decoration: underline;}
.news-detail img {
	margin-top: 50px;
	box-shadow: 3px 3px 3px rgba(163,174,132,.16);
}
.news-detail p.date {
	display: inline-block;
	padding-top: 0;
	margin-right: 1em;
	margin-bottom: 10px;
	font-weight: 500;
}


.news-detail h1 {
	padding-top: 60px;
	font-size: 30px;
	font-weight: 500;
	line-height: 1.6;
	margin-bottom: .5em;
}
.news-detail h2 {
	padding-top: 50px;
	font-size: 26px;
	font-weight: 500;
	line-height: 1.6;
}
.news-detail h3 {
	padding-top: 40px;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.6;
}
.news-detail h4 {
	padding-top: 30px;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.6;
}
.news-detail h5 {
	padding-top: 20px;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.6;
}
.news-detail h6 {
	padding-top: 20px;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.6;
}
.news-detail ul,.news-detail ol { padding-top: 30px;}
.news-detail a.pdf:after{ display: inline-block; vertical-align: middle; content: ""; width: 20px; height: 20px; margin-left: .5em; background: url("../img/ic-pdf.svg") center / 20px auto no-repeat;}

/* ▼▼▼ 480px〜768px
======================================================*/
@media screen and (max-width: 768px) {
	.news{ display: block;}
	.news .leftcol .news-list article .date{ margin-right: 15px;}
	.news .rightcol{
		width: auto;
		margin: 0 0 80px;
	}
	ol.pagination{ flex-wrap: wrap;}

	.news-detail p {
		padding-top: 30px;
	}
	.news-detail img {
		margin-top: 30px;
	}


	.news-detail h1 {
		padding-top: 40px;
		font-size: 26px;
	}
	.news-detail h2 {
		padding-top: 40px;
		font-size: 24px;
	}
	.news-detail h3 {
		padding-top: 30px;
		font-size: 18px;
	}
	.news-detail h4 {
		padding-top: 20px;
		font-size: 16px;
	}
	.news-detail h5 {
		padding-top: 10px;
		font-size: 16px;
	}
	.news-detail h6 {
		padding-top: 10px;
		font-size: 16px;
	}
	.news-detail ul,.news-detail ol { padding-top: 20px;}
}