/* ==========================================================================
   NEWS
   ========================================================================== */
/* index
 ========================================================================== */
@media screen and (min-width: 768px), print {
  .news {
    padding-top: 110px; }
    .news .box-center {
      width: 1055px; } }

@media screen and (max-width: 767px) {
  .news {
    padding-top: 55px; } }

.news-list li > span {
  color: #939393; }

.news-list li:not(:first-child) {
  margin-top: 20px; }

.news-list li a[href$=".doc"]:after, .news-list li a[href$=".xls"]:after, .news-list li a[href$=".pdf"]:after {
  display: inline-block;
  content: '';
  width: 19px;
  height: 23px;
  position: relative;
  top: .45em;
  margin-left: 5px; }
  @media screen and (max-width: 767px) {
    .news-list li a[href$=".doc"]:after, .news-list li a[href$=".xls"]:after, .news-list li a[href$=".pdf"]:after {
      width: 16px;
      height: 20px; } }

.news-list li a[href$=".doc"]:after {
  background: url(/common/css/img/icon_doc.svg) no-repeat left 0;
  background-size: 19px auto; }
  @media screen and (max-width: 767px) {
    .news-list li a[href$=".doc"]:after {
      background-size: 16px auto; } }

.news-list li a[href$=".xls"]:after {
  background: url(/common/css/img/icon_xls.svg) no-repeat left 0;
  background-size: 19px auto; }
  @media screen and (max-width: 767px) {
    .news-list li a[href$=".xls"]:after {
      background-size: 16px auto; } }

.news-list li a[href$=".pdf"]:after {
  background: url(/common/css/img/icon_pdf.svg) no-repeat left 0;
  background-size: 19px auto; }
  @media screen and (max-width: 767px) {
    .news-list li a[href$=".pdf"]:after {
      background-size: 16px auto; } }

@media screen and (min-width: 768px), print {
  .news-list li a {
    font-size: 16px;
    font-size: 1.6rem; } }

@media screen and (max-width: 767px) {
  .news-list li a {
    font-size: 15px;
    font-size: 1.5rem; } }