ul.document-list {
      list-style: none;
      padding: 0;
      margin: 0 auto;
      max-width: 800px;
      border-top: 1px solid #ccc;
      background-color: #fff;
    }

    ul.document-list li {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      padding: 15px;
      border-bottom: 1px dotted #ccc;
    }

    ul.document-list li a {
      text-decoration:none;
    }
    ul.document-list li a:hover {
      text-decoration: underline;
    }
    .date {
      width: 150px;
      min-width: 100px;
      font-weight: bold;
      color: #333;
    }

    .title {
      flex: 1;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 10px;
      color: #000;
    }

    .pdf-icon {
      width: 18px;
      vertical-align: middle;
    }

    .size {
      color: #666;
      font-size: 0.9em;
    }

    /* ▼ レスポンシブ対応 ▼ */
    @media (max-width: 600px) {
      ul.document-list li {
        flex-direction: column;
        align-items: flex-start;
      }

      .date {
        width: 100%;
        margin-bottom: 5px;
        margin-left: 5px;
      }

      .title {
        margin-left: 5px;
        flex-direction: row;
        align-items: center;
        gap: 10px;
      }
    }