/*-------------------------------
---.intro
-------------------------------*/

.intro dt {
  text-align: justify;
  font-size: var(--font-size-xxxl);
}

.intro br {
  display: none;
}


/*-------------------------------
---.voice_contents
-------------------------------*/

.voice_contents {
  grid-gap: 0.3rem;
  margin-bottom: 9rem;
}

.voice_contents .item_wrap {
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  grid-template-areas:  'a a'
                        'b c'
                        'd e';
  grid-gap: .3rem;
}

.voice_contents .item_wrap .item:nth-child(1) {
  grid-area: a;
}

.voice_contents .item_wrap .item:nth-child(2) {
  grid-area: b;
}

.voice_contents .item_wrap .item:nth-child(3) {
  grid-area: c;
}

.voice_contents .item_wrap .item:nth-child(4) {
  grid-area: d;
}

.voice_contents .item_wrap .item:nth-child(5) {
  grid-area: e;
}

.voice_contents .item a .image {
  height: auto;
}

.voice_contents .item:nth-child(2) .serial_number,
.voice_contents .item:nth-child(3) .serial_number,
.voice_contents .item:nth-child(4) .serial_number,
.voice_contents .item:nth-child(5) .serial_number {
  width: 25px;
  height: 25px;
  font-size: 1.2rem;
  font-weight: 500;
}

.voice_contents .item .caption {
  position: unset;
  color: var(--text-color);
  text-align: unset;
  background: unset;
  opacity: 1;
  padding: 1rem 1.5rem 3rem;
}

.voice_contents .item .caption .owner_name {
  font-size: var(--font-size-s);
}

.voice_contents .item .caption .catch_copy {
  font-size: var(--font-size-s);
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /** webkit以外のフォールバック */
  max-height: calc(1.2em * 2);
}

.voice_contents .item .caption .catch_copy br {
  display: none;
}

/*--- large item ---*/
.voice_contents .item:nth-child(1) .caption .owner_name {
  font-size: revert;
}

.voice_contents .item:nth-child(1) .caption .catch_copy {
  font-size: var(--font-size-xxl);
}