.news-title {
  position: relative;
}

.news-link {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 12px;
  text-decoration: underline;
  font-weight: bold;
  padding-right: 1em;
&::after {
  content: '';
  position: absolute;
  top: calc(50% - 3px);
  right: 0px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #0593b7;
  border-right: 1px solid #0593b7;
  transform: rotate(45deg);
  }
}


#news-list {
  list-style: none;
  padding: 0 20px;
  height: 180px;
  overflow-y: scroll;
  margin-bottom: 1em;
}

#news-list li {
  margin-bottom: 1em;
  border-bottom: 1px dotted #000;
}

.news-head {
  display: flex;
        align-items: flex-start;
        margin-bottom: 10px;
        font-size: 14px;
}

.news-date {
  position: relative;
        margin-top: 3px;
        padding: 0px;
        width: 6em;
        line-height: 1;   
        text-align: left;
        color: #777;
}

.news-title {
  font-weight: 700;
        line-height: 1.5;
        text-decoration: none;
        color: #924526;
}

.news-body {
  font-size: 14px;
        text-align: left;
        line-height: 1.4;
}

@media screen and (max-width: 767px) {

  .news-link {
font-size: 26px;
  }

  #news-list {
  height: 414px;
}

.news-head {
  font-size: 2rem;
}

.news-date {
  width: 6em;
        margin-top: 7px;
}
.news-title {
  padding-top: 0;
        font-size: 2rem;
}
}