/* ================================================================
   newsletter/speaking-self-introduction — local.css
   ================================================================ */

/* Part 1 特徴リスト（定義リスト） */
.si-feat {
  margin: .6rem 0 1.2rem;
  border: 1px solid rgba(70,162,218,.2);
  border-radius: 8px;
  overflow: hidden;
}
.si-feat__row {
  display: flex;
  border-bottom: 1px solid rgba(70,162,218,.1);
}
.si-feat__row:last-child { border-bottom: none; }
.si-feat__row dt {
  flex: 0 0 5rem;
  padding: .6rem 1rem;
  font-size: .88rem;
  font-weight: 700;
  color: var(--blue);
  background: rgba(70,162,218,.06);
  border-right: 1px solid rgba(70,162,218,.15);
  display: flex;
  align-items: center;
  margin: 0;
}
.si-feat__row dd {
  flex: 1;
  padding: .6rem 1rem;
  font-size: .88rem;
  color: var(--gray2);
  margin: 0;
  display: flex;
  align-items: center;
  line-height: 1.6;
}

@media (max-width: 640px) {
  .si-feat__row dt { flex: 0 0 4rem; padding: .55rem .75rem; font-size: .83rem; }
  .si-feat__row dd { padding: .55rem .75rem; font-size: .83rem; }
}