.news-title{
	background-color: #FFFEF5;
	padding-top:150px;
	padding-bottom: 30px;
}


.news{
	margin-top:60px;
}
	.news .bg{
		display: block;
		background-color: #F7F4E2;
		padding: 2rem;
		font-family:"Yu Gothic UI";
		height: 100%;
	}
  .news .bg:hover{
    opacity: 0.7;
    transition: 0.3s;
  }
		.news a{
			color: #000;
			text-decoration: none;
		}
	.news .date{
		font-size:14px;
		margin-top:10px;
		letter-spacing: 1px;
	}
	.news .read{
		margin-top:10px;
		letter-spacing: 1px;
	}


.news-page{
	font-family:"Yu Gothic UI";
	background-color: #FFFEF5;
	padding:2rem 1rem;
}
	.news-page .date{
		font-size: 14px;
		font-weight: bold;
		letter-spacing: 1px;
	}
	.news-page .title{
		font-size:24px;
		margin-top:10px;
		letter-spacing: 1px;
	}
	.news-page .body{
		margin-top:20px;
		font-size: 18px;
		letter-spacing: 1px;
		line-height: 1.6rem;
	}
	
.news-list{
	font-family:"Yu Gothic UI";
}
	.news-list a{
		color: #000;
		text-decoration: none;
	}
	.news-list .list-container{
		display: block;
		margin-bottom: 30px;
	}
  .news-list .list-container:hover{
    opacity: 0.7;
    transition: 0.3s;
  }
	.news-list .date{
		font-size: 14px;
		letter-spacing: 1px;
		margin-top:14px;
	}
	.news-list .read{
		margin-top:6px;
		font-size: 16px;
		letter-spacing: 1px;
		line-height: 1.4rem;
	}