@charset "UTF-8";
/* CSS Document */
/* :news
----------------------------------------------- */

.news-p .pagename{
	background-image:url(../images/news/mainimg.jpg);
}
.news-p .pagename.pagename-ul-2 .pagename-block{
	border-bottom-color:#333;
	color:#333;
}
.news-p .pagename.pagename-ul-2 .pagename-en{
	color:#333;
}


/*
@media print, screen and (min-width: 767.99px) {

.news-p .breadcrumb{
    flex-wrap:nowrap;
}
.news-p .breadcrumb li:nth-child(1),
.news-p .breadcrumb li:nth-child(2){
	white-space:nowrap;

}
}

@media (max-width: 767.98px) {

.news-p .breadcrumb{
	font-size:80%;
}

}
*/



.news-p .pagetitle{
	background-image:url(../images/news/pagetitle.jpg);
}
@media (max-width: 767.98px) {
.news-p .pagetitle{
	background-image:url(../images/news/pagetitle-sp.jpg);
}
.news-main{
	margin-bottom:50px;
}

}




.news-index-title{
	background:#ebeae8;
	padding:10px 20px;
	margin-bottom:20px;
}


.news-main .recent-info-block{
	padding:0px;
}
.news-main .recent-list-items{
	margin:0!important;
}

.news-main .recent-list-items a:first-child .list-item{
}
.news-main .recent-list-items a:last-child .list-item{
}

.news-main .recent-list-items a{
}
  .recent-list-items {
    margin-top: 3rem; }
    .recent-list-items a {
      color: #333333; }
      .recent-list-items a:hover {
        text-decoration: none; }
    .recent-list-items .list-item {
      position: relative;
      display: flex;
    flex-wrap:wrap;

      align-items: center;
      padding: 1.5rem;
      border-bottom: 1px solid #cdd6dd;
	  
	  }
	  .recent-list-items  a:last-child .list-item{
		border-bottom:0;
	}
	
      .recent-list-items .list-item strong {
        margin-right: 1rem; }
      .recent-list-items .list-item span {
        margin-right: 1rem;
        padding: .25rem .5rem;
        font-size: 13px;
        background-color: #378962;
        color: #FFFEFD; }
      .recent-list-items .list-item p {
        margin-bottom: 0;
		width:100%;
		margin-top:5px;
		padding-right:20px; }
      .recent-list-items .list-item:after {
        content: "";
        position: absolute;
        right: 1rem;
        top: 50%;
        transform: translateY(-50%);
        height: 18px;
        width: 10px;
        background: url("../images/chevron-right-primary.svg") no-repeat;
        background-size: cover; }
      .recent-list-items .list-item:hover {
        background-color: rgba(0, 92, 146, 0.1); }

  @media (max-width: 767.98px) {
    .recent-list-items .list-item {
      flex-wrap: wrap;
      padding: 1rem; }
      .recent-list-items .list-item span {
        padding: .125rem .5rem; }
      .recent-list-items .list-item p {
        width: 100%;
        margin-top: .5rem; }
}





.page-navi{
	text-align:center;
	margin:30px 0;
}
.page-navi a{
	display:inline-block;
	margin:0 5px;
	padding-left:5px;
	padding-right:5px;
	min-width:40px;
	height:40px;
	text-align:center;
	line-height:40px;
	color: rgba(0,92,146,1);
}

.page-navi .num{
	background:rgba(0,92,146,0.05);
	border:1px solid rgba(0,92,146,1);
}






/*
===== side =====
*/

.news-side .group{
	margin-bottom:50px;
}
.news-side .group .head{
	border-bottom:2px solid rgba(0,92,146,1);
	color:rgba(0,92,146,1);
	font-weight:bold;
	padding-bottom:5px;
	margin-bottom:10px;
}

.news-side .group ul{
	margin:0;
	padding:0;
}
.news-side .group li{
	list-style:none;
	margin:0 0 5px 0;
	padding:0;
}

.news-side .group .year-list a{
	background:url(../images/news/side-arrow.png) left no-repeat;
	background-size:13px 13px;

	padding-left:20px;
}

.news-side a{
	color:#000000;
}


/*
===== entry =====
*/


.news-entry{
	border-bottom:1px solid #CDD6DD;
	margin-bottom:30px;
	padding-bottom:35px;
}

.news-entry .meta{
	margin-bottom:5px;
}

.news-entry .meta .date{
	display:inline-block;
	font-weight:bold;
	margin-right:10px;
}

.news-entry .meta .cat-list{
	display:inline-block;
	font-size:80%;
}
.news-entry .meta .cat-list span{
	background:#378962;
	color:#fff;
	display:inline-block;
	margin-right:5px;
	padding:0 4px;
}


.entry-title{
	font-size:24px;
	border-bottom:1px solid #CDD6DD;
	padding-bottom:10px;
	margin-bottom:20px;
	font-weight:bold;
}

.news-entry .body:after{content: ""; display: block; clear: both;height: 0;}