/* ===== 基本 ===== */
.lp-wrap{
max-width:920px;
margin:0 auto;
padding:16px;
line-height:1.8;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Noto Sans JP","Yu Gothic",sans-serif;
color:#111827;
}
.lp-section{
background:#ffffff;
border:1px solid #e5e7eb;
border-radius:18px;
padding:20px;
margin:20px 0;
}
.lp-h1{font-size:28px;font-weight:800;line-height:1.35;margin:0 0 12px;}
.lp-h2{font-size:22px;font-weight:800;margin:0 0 10px;}
.lp-h3{font-size:16px;font-weight:800;margin:14px 0 6px;}
.lp-text{margin:0 0 10px;}
.lp-list{margin:8px 0 0;padding-left:18px;}
.lp-note{font-size:12px;color:#6b7280;margin-top:8px;}
.lp-center{text-align:center;}

/* ===== HERO ===== */
.lp-hero{
background:#0b1220;
color:#ffffff;
border-radius:20px;
padding:30px 22px;
}
.lp-sub{opacity:.9;margin-bottom:16px;}
.lp-badges{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px;}
.lp-badge{
background:rgba(255,255,255,.12);
border:1px solid rgba(255,255,255,.18);
padding:6px 12px;
border-radius:999px;
font-size:13px;
}

/* ===== CTAボタン（button要素） ===== */
.cta-btn{
display:block;
width:100%;
max-width:420px;
margin:14px auto 0;
padding:18px 20px;
font-size:18px;
font-weight:800;
color:#ffffff;
background:linear-gradient(135deg,#22c55e,#16a34a);
border:none;
border-radius:14px;
cursor:pointer;
box-shadow:0 10px 22px rgba(34,197,94,.35);
transition:all .2s ease;
}
.cta-btn:hover{
transform:translateY(-2px);
box-shadow:0 14px 28px rgba(34,197,94,.45);
opacity:.96;
}
.cta-btn:active{
transform:translateY(0);
box-shadow:0 6px 14px rgba(34,197,94,.35);
}
.cta-micro{
font-size:12px;
color:#6b7280;
margin-top:6px;
}

/* ===== ステップ ===== */
.lp-steps{display:grid;gap:12px;}
.lp-step{
background:#f9fafb;
border:1px solid #eef2f7;
border-radius:16px;
padding:14px;
}

/* ===== 比較表 ===== */
.lp-compare{overflow-x:auto;}
table{
width:100%;
border-collapse:collapse;
min-width:560px;
}
th,td{
border:1px solid #e5e7eb;
padding:10px;
vertical-align:top;
}
th{background:#f3f4f6;}