/* parts/03-problems/style.css */
/* 03-problems専用：ほかのパーツに影響しないよう.lp-problems内に限定 */
.lp-problems{padding:84px 0 72px;background:#fff;color:var(--color-text);scroll-margin-top:24px}
/* セクション見出し */
.lp-problems__heading{text-align:center;max-width:800px;margin:0 auto 38px}
.lp-problems__eyebrow{font-size:10px;font-weight:700;letter-spacing:.2em;color:#1386c4;margin:0 0 14px}
.lp-problems h2{font-size:clamp(25px,2.6vw,34px);line-height:1.6;letter-spacing:-.035em;margin:0 0 13px;font-weight:800}
.lp-problems h2 span{color:var(--color-primary)}
.lp-problems__intro{margin:0;color:#647c90;font-size:14px;line-height:1.9}
/* PCは4列。カードの余白・背景を変更する場合はここ */
.lp-problems__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.lp-problems__card{position:relative;min-width:0;padding:25px 22px 27px;border:1px solid #dcebf5;border-radius:10px;background:linear-gradient(160deg,#f4fbff,#fff 75%)}
.lp-problems__card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}
.lp-problems__number{font-size:12px;font-weight:bold;letter-spacing:.12em;color:#7ba7c5}
.lp-problems__icon{display:block;width:46px;height:46px;padding:3px;color:#238ebc}
.lp-problems__card h3{font-size:17px;line-height:1.65;letter-spacing:-.04em;margin:0 0 12px;font-weight:700}
.lp-problems__card>p{margin:0;font-size:13px;line-height:1.95;color:#60788c}
/* 次のパーツにつなげる案内 */
.lp-problems__bridge{position:relative;text-align:center;margin-top:47px;padding:41px 20px 25px;background:#edf8ff;border-radius:10px}
.lp-problems__bridge-mark{position:absolute;top:-18px;left:calc(50% - 18px);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:white;border:1px solid #d7edf9;color:#168bc7;font-size:20px}
.lp-problems__bridge>p{margin:0 0 5px;font-size:23px;font-weight:700;letter-spacing:.015em}
.lp-problems__bridge strong{color:var(--color-primary)}
.lp-problems__bridge-text{display:block;font-size:13px;color:#5c7d96;line-height:1.9}
.lp-problems__bridge>a{display:inline-flex;align-items:center;gap:14px;margin-top:18px;text-decoration:none;font-size:12px;font-weight:bold;color:#0877c4;border-bottom:1px solid #a6d6ed;padding-bottom:3px}
.lp-problems__bridge>a:hover{color:#054d85;border-color:currentColor}
.lp-problems a:focus-visible{outline:3px solid #00a4d3;outline-offset:5px}
.lp-problems__mobile-break{display:none}
/* タブレットは2列 */
@media(max-width:1000px){.lp-problems__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lp-problems__card-top{margin-bottom:15px}}
/* スマートフォンは1列で読みやすく */
@media(max-width:600px){.lp-problems{padding:52px 0 45px}.lp-problems__heading{text-align:left;margin-bottom:26px}.lp-problems__mobile-break{display:block}.lp-problems h2{font-size:25px;line-height:1.65}.lp-problems h2 span{display:block}.lp-problems__intro{font-size:13px}.lp-problems__grid{grid-template-columns:1fr;gap:12px}.lp-problems__card{padding:20px 21px}.lp-problems__card-top{margin-bottom:7px}.lp-problems__icon{width:38px;height:38px}.lp-problems__card h3{font-size:18px;margin-bottom:8px}.lp-problems__card>p{font-size:13px}.lp-problems__bridge{margin-top:37px;padding:34px 16px 23px}.lp-problems__bridge>p{font-size:21px}.lp-problems__bridge-text{font-size:12px}}