.listing-figure {
    margin: 0 auto;
    .list {
      margin: 0;
      padding: 0;
      list-style: none;
      .item {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-bottom: 10px;
        .link {
          color: #eeeeee;
          text-decoration: none;
          .title {
            margin: 0;
            margin-bottom: 0.3em;
            text-transform: initial;
            font-size: 20px;
    
            &:hover {
              text-decoration: underline;
            }
          }
  
          @media screen and (max-width: 500px) {
            .title {
              font-size: 16px;
            }
          }
        }
        .sub {
          font-family: Helvetica, Arial, sans-serif;
          font-size: 0.888888em;
          color: #eeeeee;
          justify-content: center;
        }
        @media screen and (max-width: 500px) {
          .sub {
            font-size: 14px
          }
        }
      }
    }
  }