@charset "utf-8";
.news {}
  
.news__header { background-color: #f1f1f1; padding: 16px 24px; margin-bottom: 24px; }
ul.news__category { list-style: none; font-size: 15px; padding: 0;  }
ul.news__category li { display: inline-block; background-color: #0d6efd; color: #fff; padding: 4px 8px; margin: 4px; }
.news__ttl { font-size: 24px; line-height: 1.5; }
.news__datetime { font-size: 15px; line-height: 1.25; color: #4d4d4d; }

.box--txt { padding: 16px 24px; }

.news__footer { text-align: center; border-top: 1px dotted #333; padding: 24px; margin-top: 24px; }

a.btn--back { display: inline-block;  font-size: 16px; color: #333; text-decoration: none; border: 1px solid #333; border-radius: 24px; padding: 6px 18px; transition: background ease .2s, color ease .2s; }
a.btn--back:hover { background-color: #333; color: #fff; }