/* voice */
.speaker {
  border-left: 3px solid #1bb1dc;
  padding-left: 1rem;
  color: #1bb1dc; }

@media (min-width: 991px) {
  .voice-box {
    display: grid;
    grid-template-rows: 100px 1fr;
    grid-template-columns: 1fr 400px;
    gap: 30px; }
    .voice-box .person {
      grid-column: 1 / 2;
      grid-row: 1 / 2; }
    .voice-box .photo {
      grid-column: 2 /3;
      grid-row: 1 / 3; }
    .voice-box .voice {
      grid-column: 1 / 2;
      grid-row: 2 / 3; }

  .voice-box-re {
    display: grid;
    grid-template-rows: 100px 1fr;
    grid-template-columns: 400px 1fr;
    gap: 30px; }
    .voice-box-re .person {
      grid-column: 2 / 3;
      grid-row: 1 / 2; }
    .voice-box-re .photo {
      grid-column: 1 / 2;
      grid-row: 1 / 3; }
    .voice-box-re .voice {
      grid-column: 2 / 3;
      grid-row: 2 / 3; } }