/* =========================================================================
   セキュリティ（/security）だけで使う部品。2026-10-09 の作り直しで足した
   データの扱い（7つ）→ 管理と体制 → チェックシートの受付 → セキュリティのよくある質問
   料金ページ（pricing.css）と同じく、箱と影は使わず、線と等幅の番号で区切る
   ========================================================================= */

/* ---------- データの扱い: 上の太線、等幅の番号、見出し、説明 ---------- */
.sc-facts{list-style:none;counter-reset:fc;border-top:2px solid var(--n900)}
.sc-facts li{counter-increment:fc;display:grid;grid-template-columns:4em 14em minmax(0,1fr);gap:0 var(--s-16);padding:var(--s-24) 0;border-bottom:1px solid var(--rule,var(--n200))}
.sc-facts li::before{content:'0' counter(fc);font-family:var(--f-mono);font-size:12.5px;line-height:1.9;letter-spacing:.06em;color:var(--n600)}
.sc-facts .t{font-size:17px;font-weight:600;line-height:1.5;color:var(--n900)}
.sc-facts .d{font-size:15px;line-height:1.85;color:var(--n800)}

/* ---------- 管理と体制: 左に項目（紫）、縦の線、右に説明 ---------- */
.sc-rows{border-top:2px solid var(--n900)}
.sc-row{display:grid;grid-template-columns:14em minmax(0,1fr)}
.sc-row .k{padding:var(--s-24) var(--s-24) var(--s-24) 0;font-size:15px;font-weight:600;line-height:1.85;color:var(--p600)}
.sc-row .v{padding:var(--s-24) 0 var(--s-24) var(--s-32);border-left:1px solid var(--n200);font-size:15px;line-height:1.85;color:var(--n800)}
.sc-row + .sc-row .k,.sc-row + .sc-row .v{border-top:1px dashed var(--n200)}

/* ---------- チェックシートの受付: 上下の線のあいだに、左に文、右にボタン ---------- */
.sc-review{display:flex;align-items:center;justify-content:space-between;gap:var(--s-24) var(--s-48);padding:var(--s-32) 0;border-top:2px solid var(--n900);border-bottom:1px solid var(--rule,var(--n200))}
.sc-review .sec-title{font-size:clamp(22px,2.4vw,28px)}
.sc-review p{margin-top:var(--s-16);max-width:620px;font-size:16px;line-height:1.85;color:var(--n800)}
.sc-review .btn{flex:none}

/* ---------- セキュリティのよくある質問: 中央の細い列（行の見た目は faq-lines.css） ---------- */
.sc-faq{max-width:760px;margin:0 auto}
.sc-faq-more{margin-top:var(--s-32);text-align:center;font-size:15px;line-height:1.85;color:var(--n600)}
.sc-faq-more a{color:var(--p500);text-decoration:underline;text-underline-offset:3px}

@media (max-width:960px){
  .sc-facts li{grid-template-columns:3.5em minmax(0,1fr)}
  .sc-facts .d{grid-column:2}
  .sc-row{grid-template-columns:10em minmax(0,1fr)}
  .sc-review{flex-direction:column;align-items:flex-start}
}
@media (max-width:760px){
  .sc-row{grid-template-columns:minmax(0,1fr)}
  .sc-row .k{padding:var(--s-24) 0 var(--s-4)}
  .sc-row .v{padding:0 0 var(--s-24);border-left:0}
  .sc-row + .sc-row .v{border-top:0}
}