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

/*------------------------------------------------
*
*　一覧
--------------------------------------------------*/
.news-box{
	margin-bottom: 50px;
}

.news-box li{
	margin-bottom: 10px;
}

.news-box li a{
	display: block;
	padding: 20px 30px;
	width: 100%;
	height: 100%;
}

.news-box li a h2{
	color: #00894F;
	display: inline-block;
	margin-left: 50px;
	margin-bottom: 20px;
}
.news-box li a p{
	margin-left: 137px;
	
}

/*------------------------------------------------
*
*　ページボタン 1 2 3...
--------------------------------------------------*/

.page-btn{
	text-align: center;
}

.page-btn span,
.page-btn a{
	display: inline-block;
	width: 54px;
	height: 54px;
	line-height: 54px;
	margin:  0 5px;
	text-align: center;
}

.page-btn span{
	color: #fff;
	background-color: #D5D3D3;
}

/*------------------------------------------------
*
*　記事
--------------------------------------------------*/
.news-content{
	padding: 40px 30px;
	margin-bottom: 50px;
}

.news-content .news-content_title{
	padding-bottom: 30px;
	border-bottom: 1px solid #D5D3D3;
	margin-bottom: 50px;
}

.news-content .news-content_title h2{
	font-size:2.4rem;
	display: inline-block;
	margin-left: 50px;
}

.news-content p{
	max-width: 950px;
	margin: 0 auto;
}

.pageMove-btn a{
	color: #00894F;
}

.pageMove-btn a:first-of-type::before{
	font-family: "Font Awesome 5 Free";
    content: '\f104';
    font-weight: 900;
	margin-right: 10px;
}

.pageMove-btn a:last-of-type::after{
	font-family: "Font Awesome 5 Free";
    content: '\f105';
    font-weight: 900;
	margin-left: 10px;
}

/*------------------------------------------------
*
*　sp
--------------------------------------------------*/
@media screen and (max-width:768px){
	.news-box li a h2,
	.news-content .news-content_title h2{
		display: block;
		margin-left: 0;
	}
	
	.news-box li a p{
		margin-left: 0;
	}
	
	
	
}