/* ==========================================================================
   c-card-worries — Figma: Card/worries（24496:24912）こんなお悩みをお持ちの方に
   PC: 白地・内側 24px・間 16px・イラスト枠 296×232・タイトル renewal/JP/20/Bold・箇条書き renewal/JP/16/Regular
       箇条書きのマーカーは 28px 枠の中央に 10px の bg/brand
   SP: タイトル renewal/JP/18/Bold・箇条書き renewal/JP/14/Regular
   ========================================================================== */

.c-card-worries {
  display: flex;
  flex-direction: column;
  gap: var(--space-16);
  height: 100%;
  padding: var(--space-24);
  background-color: var(--color-bg-base); /* Figma は #ffffff の直値（変数未設定）。bg/base で実装・報告済み */
}

.c-card-worries__image-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 296 / 232; /* Figma 固有寸法 */
}

.c-card-worries__image {
  width: auto;
  max-height: 100%;
}

.c-card-worries__title {
  color: var(--color-text-base);
  text-align: center;
}

.c-card-worries__list {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
}

.c-card-worries__item {
  display: flex;
  gap: var(--space-8);
  color: var(--color-text-base);
}

.c-card-worries__item::before {
  content: "";
  flex-shrink: 0;
  width: 10px; /* Figma 固有寸法: マーカー */
  height: 10px;
  margin: 9px; /* 28px 枠の中央 */
  background-color: var(--color-bg-brand);
}

@media (max-width: 1023px) {

  .c-card-worries__title {
    font-size: 1.125rem; /* SP: renewal/JP/18/Bold（tokens.css .t-jp-18-bold） */
    line-height: calc(32 / 18);
  }

  .c-card-worries__item {
    font-size: 0.875rem; /* SP: renewal/JP/14/Regular（tokens.css .t-jp-14-regular） */
    line-height: calc(24 / 14);
  }

  .c-card-worries__item::before {
    margin: 7px; /* SP: 24px 枠の中央 */
  }
}