.sec-voice-pickup {
  display: flex;
  align-items: flex-start;
  background: var(--color-bg-gray);
  gap: min(24px,  calc(24 / 960 * 100vw));
  padding: min(32px,  calc(32 / 960 * 100vw));
}

.sec-voice-pickup .images {
  flex-shrink: 0;
}

.sec-voice-pickup .image {
  flex-shrink: 0;
  aspect-ratio: 1;
  border-radius: 50%;
  width: min(60px,  calc(60 / 960 * 100vw));
}

.sec-voice-pickup .content {
  flex: 1;
}

.sec-voice-pickup .title {
  color: var(--color-navy);
}

.sec-voice-pickup .text strong {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
  text-decoration-color: var(--color-orange);
}

.sec-voice-pickup .profile {
  color: var(--color-navy);
}

@media only screen and (max-width: 768.8px) {
  .sec-voice-pickup {
    display: grid;
    grid-template-columns: 13.8666666667vw 1fr;
    grid-template-areas: "img title" "text text" "profile profile";
    gap: 4.2666666667vw;
    padding: 6.4vw 5.3333333333vw;
  }

  .sec-voice-pickup .images {
    grid-area: img;
  }

  .sec-voice-pickup .image {
    width: 13.8666666667vw;
  }

  .sec-voice-pickup .content {
    display: contents;
  }

  .sec-voice-pickup .title {
    grid-area: title;
  }

  .sec-voice-pickup .text {
    grid-area: text;
  }

  .sec-voice-pickup .profile {
    grid-area: profile;
  }
}