@charset "utf-8";

.voice {
  background-color: #fff;
  border-radius: 0.6rem;
  padding: 5rem 2rem;
  margin-top: 2.6rem;
}

.fixed-cta--voice {
  background-color: var(--c-primary-10);
  padding: 2rem;
  border-radius: 0.6rem
}

.fixed-cta__inner {}

.fixed-cta__content {}

.fixed-cta__text {
  font-size: var(--fluid-20-32);
}

.fixed-cta__icon {
  width: 6.8rem;
}

.fixed-cta__icon-img {}

.fixed-cta__action {}

.fixed-cta__btn {
  grid-template-columns: 1fr 2rem;
}

.fixed-cta__btn-text {
  padding-left: 2rem;
}

.fixed-cta__btn-icon {
  width: 2rem;
}

.fixed-cta__btn-arrow {}

@media (min-width: 768px) {
  .voice {
    padding: 10rem 10rem;
    margin-top: 5.5rem;
  }

  .fixed-cta--voice {}

  .fixed-cta__inner {}

  .fixed-cta__content {}

  .fixed-cta__text {}

  .fixed-cta__icon {
    width: 11.1rem;
  }

  .fixed-cta__icon-img {}

  .fixed-cta__action {
    width: 45.8rem;
  }

  .fixed-cta__btn {}

  .fixed-cta__btn-text {}

  .fixed-cta__btn-icon {}

  .fixed-cta__btn-arrow {}
}

.pagination {
  margin-block: 3.6rem 4.2rem
}

@media (min-width: 768px) {
  .pagination {
    margin-block: 5.5rem 4.5rem
  }
}

.voice__list {
  display: grid;
  gap: 2rem;
}

.voice__item {
  border: 1px solid var(--c-primary);
  border-radius: 0.6rem;
  padding: 1.4rem 1.9rem;
  display: grid;
  gap: 1rem;
}

.voice__title {
  font-size: var(--fluid-18-24);
  overflow-wrap: anywhere;
  word-break: break-all;
}

.voice__figure {}

.voice__image {
	aspect-ratio: 135 / 101;
}

.voice__meta {
  font-size: var(--fz-14)
}

.voice__meta-list {}

.voice__meta-item {}

.voice__meta-label {}

.voice__meta-link {
  text-decoration: underline !important
}

.voice__meta-value {}

.voice__body {
  font-size: var(--fz-14);
  text-align: justify;
}

.voice__info {
  font-size: var(--fz-12)
}

.voice__content {
  display: contents;
}

.voice__caption {
  font-size: var(--fz-12);
  margin-top: 1rem;
  text-align: right;
}

@media (min-width: 768px) {
  .voice__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }

  .voice__item {
    padding: 1.0rem 2rem 2rem;
    display: grid;
    grid-template-columns: 1fr 20rem;
    grid-row: span 4;
    gap: 1rem 2rem;
  }

  .voice__title {
    grid-column: 1 / -1;
  }

  .voice__content {
    display: grid;
    grid-column: 1 / -1;
    grid-row: 2 / span 3;
    grid-template-columns: 1fr 20rem;
    grid-template-rows: subgrid;
    grid-template-areas:
      "figure meta"
      "body body"
      "info info";
    gap: 1rem 2rem;
  }

  .voice__figure {
    grid-area: figure;
  }

  .voice__image {}

  .voice__meta {
    grid-area: meta;
  }

  .voice__meta-list {}

  .voice__meta-item {}

  .voice__meta-label {
    display: block;
  }

  .voice__meta-link {
    display: block;
  }

  .voice__meta-value {
    display: block;
  }

  .voice__body {
    grid-area: body;
  }

  .voice__info {
    grid-area: info;
    display: grid;
    align-items: end;
  }

  .voice__caption {
    margin-top: 2rem;
  }
}

.voice-lead {
  font-size: var(--fluid-14-18);
  text-align: center;
  margin-top: 1.3rem;
}

@media (min-width: 768px) {
  .voice-lead {
    margin-top: 2.3rem;
  }
}