.container .dl-news {
  border-top: 1px solid #eee; }
  @media only screen and (max-width: 767px) {
    .container .dl-news {
      margin-bottom: 3rem; } }
  .container .dl-news > div {
    border-bottom: 1px solid #eee;
    padding: 2.5rem .5rem;
    display: flex;
    justify-content: space-between;
    position: relative; }
    @media only screen and (max-width: 767px) {
      .container .dl-news > div {
        flex-direction: column;
        padding: 1.5rem .5rem; } }
    .container .dl-news > div:hover {
      background: rgba(238, 238, 238, 0.5); }
    .container .dl-news > div dt {
      width: 18rem;
      padding-left: 1.5rem;
      flex-shrink: 0; }
      @media only screen and (max-width: 767px) {
        .container .dl-news > div dt {
          width: 100%;
          padding: 0 0 .5rem; } }
    .container .dl-news > div dd {
      width: 100%; }
      .container .dl-news > div dd > a {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 10; }
.container .article-news-header {
  margin-bottom: 5rem;
  display: flex;
  flex-direction: column; }
  @media only screen and (max-width: 767px) {
    .container .article-news-header {
      margin-bottom: 2rem; } }
  .container .article-news-header-ttl {
    font-size: 3rem;
    border-bottom: 1px solid #eee;
    padding: 0 0 1.5rem; }
    @media only screen and (max-width: 767px) {
      .container .article-news-header-ttl {
        font-size: 2rem;
        padding-bottom: 1rem; } }
  .container .article-news-header-time {
    font-size: 1.4rem;
    color: #053c7c;
    margin-left: auto;
    margin-top: 1rem; }
    @media only screen and (max-width: 767px) {
      .container .article-news-header-time {
        font-size: 1.2rem;
        margin-top: .4rem; } }
.container .article-news-inner {
  padding-bottom: 3rem; }
  @media only screen and (max-width: 767px) {
    .container .article-news-inner {
      padding-bottom: 0; } }
  .container .article-news-inner p {
    line-height: 2; }