@charset "UTF-8";
.voice-list {
  padding: 64px 0 88px;
}

.voice-grid--full {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0;
}

.voice-card-full {
  padding: 36px 40px;
  border-bottom: 1px solid #e5e7eb;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
@media (max-width: 768px) {
  .voice-card-full {
    padding: 28px 20px;
  }
}
.voice-card-full:hover {
  background: #f7f8fc;
}
.voice-card-full__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}
.voice-card-full__stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  color: #FFDD23;
  font-size: 18px;
}
.voice-card-full blockquote {
  margin: 0 0 16px;
  border-left: 3px solid #132381;
  padding-left: 20px;
}
.voice-card-full blockquote p {
  font-size: 16px;
  line-height: 1.9;
  color: #2d2d3a;
}
.voice-card-full footer {
  font-size: 14px;
  color: #9ca3af;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.voice-area {
  font-weight: 700;
  color: #132381;
}

.voice-profile {
  color: #9ca3af;
}

.voice-detail {
  padding-bottom: 88px;
}
.voice-detail__profile {
  background: #f7f8fc;
  padding: 40px;
  margin-bottom: 56px;
}
.voice-detail__main {
  margin-bottom: 56px;
}
.voice-detail__quote {
  background: #132381;
  color: #ffffff;
  padding: 48px;
  border-left: none;
  position: relative;
}
.voice-detail__quote::before {
  content: "“";
  font-family: Georgia, serif;
  font-size: 80px;
  color: #FFDD23;
  position: absolute;
  top: 16px;
  left: 32px;
  line-height: 1;
}
.voice-detail__quote p {
  font-size: 18px;
  line-height: 2;
  padding-left: 24px;
}
.voice-detail__interview {
  margin-bottom: 56px;
}
.voice-detail__interview h2 {
  font-size: 22px;
  font-weight: 700;
  color: #0d1035;
  margin-bottom: 32px;
  padding-bottom: 12px;
  border-bottom: 2px solid #132381;
}
.voice-detail__related {
  background: #f7f8fc;
  padding: 32px 40px;
  margin-bottom: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.voice-detail__related p {
  font-size: 14px;
  color: #555555;
}

.voice-stars-inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 4px;
  color: #FFDD23;
  font-size: 18px;
}

.interview-item {
  margin-bottom: 32px;
  padding-bottom: 32px;
  border-bottom: 1px solid #e5e7eb;
}
.interview-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.interview-item h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 700;
  color: #132381;
  margin-bottom: 12px;
}
.interview-item h3 i {
  font-size: 18px;
}
.interview-item p {
  font-size: 16px;
  color: #444444;
  line-height: 1.9;
}/*# sourceMappingURL=voice.css.map */