/* セキュリティの考え方（security.html, 2026-11-11） */
.sec-belief-wrap{padding-top:10px;}
.sec-belief{background:#fff;border:2px solid var(--green);border-radius:16px;padding:22px 24px;}
.sec-belief h2{font-size:22px;color:var(--green-dark);margin:6px 0 10px;}
.sec-belief p{font-size:15px;line-height:1.9;margin:0;}
.sec-belief strong{color:var(--green-dark);background:linear-gradient(transparent 62%,#fdeac0 62%);}
.sec-belief p + p{margin-top:12px;}
/* 図解：守りが困難極まりない理由 */
.sec-zukai{margin-top:22px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 24px;}
.sec-zukai h2{font-size:21px;color:var(--green-dark);margin:6px 0 4px;}
.sec-zukai-lead{font-size:14.5px;margin:0 0 14px;}
.sec-attack{border-radius:12px;background:#fbfbf9;border:1px solid var(--line);padding:12px;}
.sec-at-head{display:grid;grid-template-columns:1fr 34px 120px;gap:8px;font-size:12px;font-weight:900;color:#6b776f;padding:0 4px 6px;}
.sec-at-head span:last-child{grid-column:3;text-align:center;}
.sec-at-row{display:grid;grid-template-columns:1fr 34px 120px;gap:8px;align-items:center;margin:6px 0;}
.sec-at-way{background:#fdecea;color:#8e2a20;border-radius:8px;padding:8px 10px;font-size:13.5px;font-weight:700;}
.sec-at-arrow{text-align:center;font-weight:900;color:#c0392b;font-size:18px;}
.sec-at-ok,.sec-at-ng{text-align:center;border-radius:8px;padding:8px 4px;font-size:13px;font-weight:900;}
.sec-at-ok{background:#e3f2e7;color:#1f7a3c;}
.sec-at-ok::before{content:"✓ ";}
.sec-at-ng{background:#c0392b;color:#fff;}
.sec-at-ng::before{content:"✕ ";}
.sec-at-row.hole .sec-at-way{background:#c0392b;color:#fff;}
.sec-at-end{margin-top:10px;background:#2b2b2b;color:#fff;border-radius:10px;padding:12px 14px;font-weight:900;font-size:15px;line-height:1.7;text-align:center;}
.sec-score{display:grid;grid-template-columns:1fr 48px 1fr;gap:10px;align-items:center;margin:18px 0;}
.sec-score-box{border-radius:12px;padding:14px 16px;}
.sec-score-box h3{font-size:16px;margin:0 0 6px;}
.sec-score-box ul{margin:0;padding-left:1.2em;font-size:14px;line-height:1.85;}
.sec-score-box.atk{background:#fdecea;}.sec-score-box.atk h3{color:#a3271b;}
.sec-score-box.def{background:#e3f2e7;}.sec-score-box.def h3{color:var(--green-dark);}
.sec-score-box li:last-child{font-weight:900;}
.sec-score-vs{text-align:center;font-weight:900;font-size:18px;color:#8a6400;}
.sec-compare{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.sec-cmp{border-radius:12px;padding:14px 16px;border:2px solid;}
.sec-cmp.on{border-color:#e0a0a0;background:#fffafa;}
.sec-cmp.off{border-color:var(--green);background:#f4faf5;}
.sec-cmp h3{font-size:15px;margin:0 0 8px;}
.sec-cmp p{font-size:13.5px;line-height:1.8;margin:0;}
.sec-cmp .sec-cmp-pic{font-weight:900;font-size:15px;text-align:center;background:#fff;border-radius:8px;padding:8px;margin-bottom:8px;letter-spacing:.04em;}
.sec-cmp.on .sec-cmp-pic{color:#a3271b;}.sec-cmp.off .sec-cmp-pic{color:var(--green-dark);}
.sec-zukai-note{font-size:12.5px;color:#666;line-height:1.8;margin:12px 0 0;}
@media (max-width:620px){
  .sec-zukai{padding:18px 14px;}
  .sec-at-head{display:none;}
  .sec-at-row{grid-template-columns:1fr 88px;gap:6px;}
  .sec-at-arrow{display:none;}
  .sec-score{grid-template-columns:1fr;}
  .sec-score-vs{margin:-4px 0;}
  .sec-compare{grid-template-columns:1fr;}
}
.sec-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px;}
.sec-pillar{background:var(--cream);border:1px solid var(--line);border-radius:12px;padding:16px;}
.sec-pillar h3{font-size:16px;color:var(--green-dark);margin:8px 0 6px;}
.sec-pillar p{font-size:13.5px;line-height:1.8;margin:0;}
.sec-num{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--green);color:#fff;font-weight:900;}
.sec-online{background:#f3f6f8;border-radius:16px;padding:22px 24px;}
.sec-online h2{font-size:21px;color:var(--green-dark);margin:6px 0 10px;}
.sec-online > p{font-size:14.5px;line-height:1.9;margin:0;}
.sec-routes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 14px;}
.sec-route{background:#fff;border-radius:12px;padding:14px;border-top:5px solid var(--green);}
.sec-route.r2{border-top-color:#e07a1f;}
.sec-route.r3{border-top-color:#2f6fa8;}
.sec-route h3{font-size:15px;margin:0 0 6px;color:var(--ink);}
.sec-route p{font-size:13px;line-height:1.75;margin:0;}
.sec-honest{font-size:13px;line-height:1.8;color:#555;border-left:4px solid #e8a817;padding:6px 0 6px 12px;margin:0;}
.sec-links{margin-top:14px;font-size:13.5px;}
.sec-links a{margin:0 6px;}
.sp-only{display:none;}
@media (max-width:820px){.sec-pillars,.sec-routes{grid-template-columns:1fr;}}
@media (max-width:560px){.sec-belief,.sec-online{padding:18px 16px;}.sec-belief h2,.sec-online h2{font-size:19px;}.sp-only{display:inline;}}
.sec-zukai-fig{margin:0;}
.sec-zukai-fig img{width:100%;height:auto;display:block;border-radius:12px;border:1px solid var(--line);}
.sec-h2{font-size:21px;color:var(--green-dark);margin:28px 0 0;}
/* セキュリティ点検・診断（商品） 2026-11-11 */
.sec-hero-links{margin-top:14px;}
.sec-hero-links a{display:inline-block;background:#e8a817;color:#1d1d1d;font-weight:900;border-radius:999px;padding:10px 18px;text-decoration:none;font-size:14.5px;}
.sec-product{background:#fff;border:2px solid #e8a817;border-radius:16px;padding:24px;}
.sec-product h2{font-size:24px;color:var(--green-dark);margin:6px 0 10px;}
.sec-product > p{font-size:15px;line-height:1.9;margin:0;}
.sec-steps{list-style:none;counter-reset:st;margin:18px 0 14px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.sec-steps li{counter-increment:st;background:var(--cream);border:1px solid var(--line);border-radius:12px;padding:14px;}
.sec-steps li b{display:block;font-size:15px;color:var(--green-dark);margin-bottom:6px;}
.sec-steps li b::before{content:counter(st);display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--green);color:#fff;font-size:13px;margin-right:8px;}
.sec-steps li span{display:block;font-size:13.5px;line-height:1.8;}
.sec-product-note{font-size:13px;color:#555;line-height:1.8;}
.sec-proof{margin-top:12px;background:#eef7f0;border-left:5px solid var(--green);border-radius:8px;padding:12px 14px;font-size:14px;font-weight:700;line-height:1.8;}
.sec-price{margin-top:12px;font-size:14.5px;line-height:1.8;}
.sec-product-wrap{scroll-margin-top:96px;}
.sec-zukai-fig picture{display:block;}
@media (max-width:900px){.sec-steps{grid-template-columns:1fr 1fr;}}
@media (max-width:560px){.sec-steps{grid-template-columns:1fr;}.sec-product{padding:18px 14px;}.sec-product h2{font-size:20px;}}
/* トップのスライドの図解：縦横比を保つ（スマホでは縦長の画像） */
.sec-slide-pic{display:block;width:100%;max-width:520px;margin:0 auto;}
.sec-slide-pic img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.16);border:1px solid #fff;}
@media (max-width:760px){.sec-slide-pic{max-width:360px;}}