/* トップ「悩みから探す」。.spn の中だけに効かせる */
.spn{box-sizing:border-box;width:100%;max-width:1160px;margin:0 auto;padding:90px 0 80px;color:#39352d;font-family:"LINE Seed JP",sans-serif}
.spn *,.spn *::before,.spn *::after{box-sizing:border-box}
.spn__sp{display:none}
.spn__head{text-align:center;margin:0 0 36px}
.spn__en{margin:0 0 8px;color:#6398bc;font:700 16px/1.4 "LINE Seed JP",sans-serif;letter-spacing:.04em}
.spn__title{margin:0 0 12px;padding:0;border:0;background:none;color:#39352d;font-size:32px;font-weight:700;line-height:1.5}
.spn__title::before,.spn__title::after{content:none}
.spn__lead{margin:0;font-size:15px;line-height:1.8}
.spn__panel{padding:36px 40px;background:#fff;border-radius:5px;display:grid;gap:24px}
.spn__q{display:grid;grid-template-columns:150px minmax(0,1fr);gap:0 20px}
.spn__qlabel{display:block;margin:0;font-size:19px;font-weight:700;line-height:1.4}
.spn__qno{display:block;color:#6398bc;font:700 14px/1.4 "LINE Seed JP",sans-serif}
.spn__select{display:none}
.spn__chips{display:flex;flex-wrap:wrap;gap:10px}
.spn__chip{appearance:none;margin:0;padding:10px 20px;background:#fff;border:2px solid #6398bc;border-radius:999px;color:#3f7396;font:700 14px/1.5 "LINE Seed JP",sans-serif;cursor:pointer;transition:background .15s,color .15s}
.spn__chip:hover{background:#e6eff5}
.spn__chip[aria-pressed="true"]{background:#3f7396;border-color:#3f7396;color:#fff}
.spn__chip:focus-visible,.spn__select:focus-visible,.spn__btn:focus-visible,.spn__card a:focus-visible{outline:3px solid #d9b93f;outline-offset:2px}
.spn__note[hidden]{display:none}
.spn__result{margin-top:44px}
.spn__rtitle{margin:0 0 24px;padding:0;border:0;background:none;color:#39352d;font-size:22px;font-weight:700;line-height:1.6;text-align:left}
.spn__rtitle::before,.spn__rtitle::after{content:none}
.spn__note{margin:0;padding:24px;background:#f8f2d6;border-radius:5px;font-size:15px;line-height:1.8}
.spn__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}
.spn__card{display:flex;flex-direction:column;align-items:center;margin:0;padding:32px 28px;background:#fff;border-radius:5px;list-style:none;text-align:center}
.spn__card::before{content:none}
.spn__card img{display:block;width:88px;height:88px;object-fit:contain;margin:0 0 14px}
.spn__cname{margin:0 0 10px;padding:0;border:0;background:none;color:#3f7396;font-size:20px;font-weight:700;line-height:1.5}
.spn__cname::before,.spn__cname::after{content:none}
.spn__ctext{margin:0 0 18px;font-size:14px;line-height:1.8;text-align:left}
.spn__card a{display:block;width:100%;max-width:240px;margin-top:auto;padding:13px 10px;background:#ebdd9a;border-radius:5px;color:#3f7396;font-size:15px;font-weight:700;line-height:1.5;text-align:center;text-decoration:none;transition:background .15s}
.spn__card a:hover{background:#e3d27f}
.spn__cta{display:flex;justify-content:center;gap:16px;margin-top:44px}
.spn__btn{display:block;width:300px;padding:16px 10px;border-radius:5px;font-size:15px;font-weight:700;line-height:1.5;text-align:center;text-decoration:none}
.spn__btn--main{background:#ebdd9a;border:2px solid #ebdd9a;color:#3f7396}
.spn__btn--main:hover{background:#e3d27f;border-color:#e3d27f}
.spn__btn--sub{background:#fff;border:2px solid #6398bc;color:#3f7396}
.spn__btn--sub:hover{background:#e6eff5}
@media (max-width:767px){
  .spn{padding:56px 16px}
  .spn__sp{display:inline}
  .spn__head{text-align:left;margin-bottom:24px}
  .spn__en{font-size:13px}
  .spn__title{font-size:23px}
  .spn__lead{font-size:14px}
  .spn__panel{padding:20px 16px;gap:18px}
  .spn__q{grid-template-columns:minmax(0,1fr);gap:8px}
  .spn__qlabel{font-size:16px}
  .spn__qno{display:inline;margin-right:8px;font-size:15px}
  .spn__chips{display:none}
  .spn__select{appearance:none;-webkit-appearance:none;display:block;width:100%;height:52px;margin:0;padding:0 40px 0 14px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%233f7396' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 14px center;border:2px solid #6398bc;border-radius:5px;color:#3f7396;font:700 16px/1.4 "LINE Seed JP",sans-serif;cursor:pointer}
  .spn__result{margin-top:32px}
  .spn__rtitle{font-size:18px;margin-bottom:20px}
  .spn__cards{grid-template-columns:minmax(0,1fr);gap:12px}
  .spn__card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:4px 14px;padding:20px 16px;text-align:left}
  .spn__card img{width:48px;height:48px;margin:0;grid-row:1}
  .spn__cname{margin:0;font-size:17px;align-self:center;grid-column:2}
  .spn__ctext{grid-column:1/-1;margin:6px 0 12px}
  .spn__card a{grid-column:1/-1;max-width:none}
  .spn__cta{flex-direction:column;gap:12px;margin-top:32px}
  .spn__btn{width:100%}
}
@media (prefers-reduced-motion:reduce){.spn *{transition:none}}