/* ===== worry ===== */
body{
    font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",sans-serif;
    color:var(--ink);
    -webkit-font-smoothing:antialiased;
  }
/* ===== Section ===== */
.worry{
    background:var(--bg);
    padding:80px 24px;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:32px;
  }
/* 見出し下の説明文（Figma: Medium 500） */
.worry .sec-head p{font-weight:500;line-height:1.6;color:var(--ink)}
/* ===== Cards ===== */
.worry-list{
    display:flex;
    justify-content:center;
    gap:80px;
    flex-wrap:wrap;
  }
.worry-card{
    width:287px;
    display:flex;
    flex-direction:column;
    align-items:center;
  }
/* speech bubble（Figma Group 66 のSVGを使用。本体287×116・角丸34・外側2px線。
   尻尾の位置が 左/中央/右 の3種で、尻尾は本体下端から下へはみ出して描かれる） */
.worry-bubble{
    position:relative;
    width:287px;
    height:116px;                /* SVGの本体部分と同じ高さ（尻尾は::beforeがはみ出して描く） */
    padding:26px 24px 22px;
    margin-bottom:34px;
  }
/* 枠・尻尾ともSVGで描画（テキストはこの上に載る） */
.worry-bubble::before{
    content:"";
    position:absolute;
    left:-2px;top:-2px;          /* 外側2px線のぶん本体からはみ出す */
    width:291px;height:137.771px;
    background:url('../../images/worry_bubble1.svg') no-repeat 0 0 / 100% 100%;
    pointer-events:none;
  }
/* 尻尾の位置をカードごとに変える（左→中央→右） */
.worry-card:nth-of-type(2) .worry-bubble::before{
    height:138.763px;
    background-image:url('../../images/worry_bubble2.svg');
  }
.worry-card:nth-of-type(3) .worry-bubble::before{
    height:134.119px;
    background-image:url('../../images/worry_bubble3.svg');
  }
.worry-label{
    position:absolute;
    top:-17px;
    left:5px;
    min-width:82px;
    height:34px;
    padding:0 14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:var(--blue);
    color:var(--label-text);
    border-radius:32px;
    font-size:18px;
    font-weight:700;
    letter-spacing:.11em;
    white-space:nowrap;
  }
.worry-text{
    position:relative;           /* 吹き出しSVG(::before)より上に描画する */
    margin-top:10px;
    font-size:20px;
    font-weight:500;
    line-height:1.6;
    color:var(--text);
  }
.worry-person{
    height:236px;
    width:auto;
    display:block;                   /* 3体とも台座が下端で揃うよう同じ高さ */
  }
/* モバイル専用のまとめイラスト（PCでは非表示） */
.worry-solo{display:none}
/* ===== Responsive ===== */
@media (max-width:1080px){
.worry-list{gap:48px}
}
@media (max-width:900px){
.worry-list{gap:40px 32px}
}
@media (max-width:640px){
.worry{padding:56px 20px;gap:8px}
/* SP: 吹き出しを縦に積む（Figma 928:9467 準拠）
   ラベル上端間ピッチ152px＝本体下端→次ラベル上端が約25px空く。
   ラベルはカード上端から14px上に出るため、gap 39px − 14px = 25px */
.worry-list{flex-direction:column;align-items:center;gap:39px;width:100%;max-width:340px;margin-top:24px}
.worry-card{width:100%;max-width:none}
.worry-bubble{margin-bottom:0}
.worry-label{top:-14px}   /* ラベルは本体に20px重なる（高さ34px − 上に出る14px） */
.worry-text{font-size:18px}
/* SP: 各カードの人物は隠し、下にまとめて1体だけ表示 */
.worry-person{display:none}
.worry-solo{
      display:block;
      height:230px;
      width:auto;
      object-fit:contain;
      margin-top:6px;
    }
}
.worry{background:#e5e7eb}