@charset "utf-8";

/* ------- ニュース一覧 ------- */
:root ol, :root ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#news-index .content-area01{
	height:290px;
	margin:0 auto;
	text-align:center;
}

.contents.news #news-index .content-area01{/*ニュース*/
	background:url(img/news/bg_title.jpg) no-repeat center top;
}
#news-index h1{
	color:#fff;
	font-size:4.4rem;
}
#news-list{
	background:#edf0f5;
	padding:6.5rem 0 0;
}
#news-list .content-area01 .inner01 .newslist{
    max-width: 1000px;
    margin: 0 auto;
    padding-bottom: 80px;
}
.newslist li {
  border-bottom: 1px dotted #c5d8dc;
}
.newslist li a {
  box-sizing: border-box;
  color: #000000;
  display: flex;
  padding: 18px;
  text-decoration: none;
  transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
  width: 100%;
}
.newslist li a:hover {
  background: #e1eaf5;
  text-decoration: none;
}
.newslist li div {
	width: 100px;
  align-items: start;
  display: flex;
  margin-top: 5px;
}
.newslist li div time{
  width: 8em;
  font-size: 0.6em;
}
.newslist li p {
  align-items: start;
}

.newslist li span.label-press,
.newslist li span.label-news{
	margin-left: 20px;
	padding: 0.5rem;
	font-size:0.9rem;
	color:#fff;
	width:116px;
	text-align:center;
}
.newslist li span.label-press{
  background-color:#0066cb;
  height: 32px;
}
.newslist li span.label-news{
  background-color:#9bcd37;
  height: 32px;
}
.newslist li p span.pdf-style {
	width:800px;
    background-image: url(img/common/icon_pdf.gif);
    background-repeat: no-repeat;
    background-position: 0 0.6rem;
    padding-left: 22px;
  margin-left: 18px;
}
/* 時間の設定 */
.newslist li time {
  vertical-align: top;
    color: #01579b;
}
/* ページネーション */
.pagination {
    display: flex;
    justify-content: space-between;
    max-width: 800px;
    margin: 0 auto;
    padding-bottom: 80px;
    font-weight: bold;
}
.pagination .prev {
    background:url(img/news/news_prev.png) no-repeat 30px; 
}
.pagination .next {
    background:url(img/news/news_next.png) no-repeat 130px; 
}
.pagination a {
    text-decoration: none;
    color: #000000;
}
.pagination a:hover {
    color: #4699b3;
}
.pagination li a {
    padding: 7px 20px;
    display: block;
}
.pagination .prev a,.pagination .next a {
    border: 1.5px solid #c5d8dc;
    padding: 7px 65px;
    display: block;
}
.pagination .prev a {
    padding-left: 80px;
}
.pagination .next a {
    padding-right: 80px;
}
.pagination .num ul {
    display: flex;
}

/* 20201102CMS用に編集 */


.newslist li p span.pdf-style {
	width:800px;
    background-image: url(img/common/icon_pdf.gif);
    background-repeat: no-repeat;
    background-position: 0 0.6rem;
    padding-left: 22px;
  margin-left: 18px;
}

.newslist li div {
	width: 100px;
  align-items: start;
  display: flex;
  margin-top: 5px;
}