@charset "utf-8";
/* News */
.news-list{font-weight: 400; width: 100%; margin: 0 auto; font-weight: normal;}
.news-list li{display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 0 20px; width: 100%; }
.news-list .date{width: 120px; height: 30px; background: #bc910c; text-align: center; color: #fff; display: flex;justify-content: center;align-items: center; }
.news-list .txt{width: calc(100% - 140px);}
.news-list a{text-decoration: underline; text-underline-offset: 0.25em;}
.news-list a:hover{color: #bc910c;}

.news-btn a{max-width: 220px; margin: 0 auto; font-weight: bold; letter-spacing: 0.1em; line-height: 1.2; color: #fff; position: relative; background: #3c2615; border-radius: 40px; text-align: center; box-shadow: 3px 3px 0 #907f73; display: block; transition: .3s; height: 35px; display: flex; align-items: center; align-content: center; justify-content: center; flex-wrap: wrap;}
.news-btn i.ic-arrow{background: #fff; position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}
.news-btn i.ic-arrow::after{border: solid #666; border-width: 0 2px 2px 0;}

.news-btn a:hover{box-shadow: none; transform: translateY(3px); background: #333;}
.news-btn a:hover i.ic-arrow::after{border: solid #333; border-width: 0 2px 2px 0;}

@media screen and (max-width: 768px){
    .news-list{line-height: 1.7; max-width: 768px;}
    .news-list li{margin: 0 0 20px;}
    .news-list .date{height: 28px; margin: 0 0 5px; width: 100px;;}
	.news-list .txt{width: 100%;}
    .news-btn a{height: 30px; width: 180px;}
}