main.re2025 {
  .link_group,
  .link_anchor_thumb {
    gap: 4px 16px;
    flex-direction: row;
    flex-wrap: wrap;
    > * {
      flex: 0 0 calc((100% - 16px * 1) / 2);
      a {
        .thumb {
          margin: 5px 0;
          width: 32px;
          height: 32px;
        }
      }
    }
  }
  .sect_voice_detail {
    .voice_person {
      display: flex;
      gap: 20px;
      figure {
        width: 60px;
        height: 60px;
      }
      h3 {
        margin-bottom: 8px;
      }
      p {
        margin: 0;
        margin-top: 4px;
        color: #808080;
      }
    }
    .voice_star {
      margin: 8px 0 16px;
      figure {
        max-width: 236px;
      }
      h5 {
        margin: 0;
        color: #4f4f4f;
      }
    }
    .box_summary {
      margin: 20px 0 64px;
      border-radius: 4px;
      background-color: #f4f4f4;
      padding: 16px;
      dl {
        dt {
          margin-top: 8px;
          color: #808080;
          &:nth-of-type(1) {
            margin-top: 0;
          }
        }
        dd {
          margin-top: 4px;
          font-weight: 500;
        }
        &:nth-child(2) {
          margin-top: 8px;
        }
      }
    }
  }
  @media (width >= 768px) {
    .link_group,
    .link_anchor_thumb {
      > * {
        flex: 0 0 calc((100% - 20px * 3) / 4);
        a {
          .thumb {
            margin: 5px 0;
            width: 40px;
            height: 40px;
          }
        }
      }
    }
    .sect_voice_detail {
      .voice_person {
        .voice_meta {
          display: flex;
          flex-wrap: wrap;
          h3 {
            flex: 0 0 100%;
          }
          .break {
            flex-basis: 100%;
            height: 0;
          }
          p {
            position: relative;
            padding-right: 16px;
            margin-right: 17px;
            &::after {
              display: block;
              position: absolute;
              right: 0;
              top: 0;
              bottom: 0;
              margin: auto;
              content: '';
              width: 1px;
              height: 18px;
              background-color: #d9d9d9;
            }
            &:nth-of-type(3),
            &:nth-of-type(4) {
              margin-right: 0;
            }
            &:nth-of-type(4) {
              padding-right: 0;
              &::after {
                display: none;
              }
            }
          }
        }
      }
      .voice_star {
        margin: 32px 0 20px;
        display: flex;
        align-items: center;
        align-self: stretch;
        gap: 4px;
        figure {
          max-width: 196px;
        }
        h5 {
          margin: 0;
          color: #888;
        }
      }
      .box_summary {
        margin: 32px 0 80px;
        padding: 20px 24px;
        display: flex;
        align-items: flex-start;
        gap: 40px;
        align-self: stretch;

        dl {
          display: inline-grid;
          row-gap: 8px;
          column-gap: 20px;
          flex: 1 0 0;
          grid-template-rows: repeat(3, fit-content(100%));
          grid-template-columns: fit-content(100%) minmax(0, 1fr);
          dt {
            margin-top: 0px;
            color: #808080;
            &:nth-of-type(1) {
              margin-top: 0;
            }
          }
          dd {
            margin-top: 0;
          }
          &:nth-child(2) {
            margin-top: 0px;
          }
        }
      }
    }
  }
  @media (width >= 1024px) {
  }
}