/* 2026-10-12 全体リデザイン（トップの invest 寄せデザインに統一）。main.css の後に読む構造面の調整 */
:root{--radius:14px;--bg:#F7FBFE;--mono:"Outfit","Zen Kaku Gothic New","Hiragino Kaku Gothic ProN",sans-serif;--serif:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;--sans:"Hiragino Kaku Gothic ProN","Hiragino Sans","Noto Sans JP",sans-serif;--ink:#123A5A;--ink-2:#40566A;--mute:#6B8093;--line:#E3EDF5;--line-2:#CFE2EF;--accent:#1E8BE8;--accent-2:#123A5A}
body{background:#fff;color:#20303C}
h1,h2,h3,h4,.hd__name{font-family:var(--serif);font-weight:900;color:#123A5A;letter-spacing:-.01em}
.util{background:#123A5A;color:#CFE2EF}
.util__nav a{color:#CFE2EF}
.hd{background:rgba(255,255,255,.92);border-bottom:1px solid #E3EDF5}
.hd__mark{color:#1E8BE8}
.hd__nav a{font-weight:500;color:#40566A}
.hd__nav a.is-active::after{background:#1E8BE8;border-radius:2px}
.btn--primary{background:#123A5A;box-shadow:0 10px 22px -12px rgba(18,58,90,.6)}
.btn--primary:hover{background:#1B4E74}
.shkcover{border-radius:24px!important;box-shadow:0 20px 48px -24px rgba(30,139,232,.34)!important}
.art__body h2{font-family:var(--serif);font-weight:900;color:#123A5A}
.art__body h3{font-family:var(--serif);font-weight:900;color:#123A5A}
.art__body a{color:#1E8BE8}
.art__body table{border-radius:14px;overflow:hidden}
.rtoc-mokuji-content{border-radius:20px!important;border:1px solid #E3EDF5!important;box-shadow:0 2px 10px rgba(30,139,232,.06)}
.soken-callout,.soken-box,.soken-hub,.soken-rel,.article-hashtags,.refx,.soken-compare{border-radius:20px!important}
.card,.skz-card,.skz-dcard,.soken-prov,.shkw{border-radius:20px!important}
.card:hover,.skz-card:hover{box-shadow:0 20px 48px -24px rgba(30,139,232,.34)}
.cta,.fv-cta{border-radius:999px!important}
.ft{background:#0E2E48}
.tag,.tag--a,.tag--b,.tag--c,.tag--d,.tag--e{background:#E3F4FD!important;color:#1673C4!important;border:1px solid #CFE2EF!important;border-radius:999px!important;font-weight:700;letter-spacing:.08em}
.tag--feature{background:#1E8BE8!important;color:#fff!important;border-color:#1E8BE8!important}
/* 書式テンプレートへの案内ボックス（記事内） */
.shk-tplbox{margin:2.2em 0;padding:22px 24px;border:1px solid #E3EDF5;border-radius:20px;background:radial-gradient(380px 200px at 100% 0%,#E6F4FD 0%,rgba(230,244,253,0) 70%),#fff;box-shadow:0 14px 36px -24px rgba(30,139,232,.4)}
.shk-tplbox .k{display:flex;align-items:center;gap:10px;margin:0 0 6px;font-size:12.5px;font-weight:800;letter-spacing:.08em;color:#1E8BE8}
.shk-tplbox .k:before{content:"";width:22px;height:2px;border-radius:2px;background:#1E8BE8}
.shk-tplbox .h{margin:0 0 14px;font-weight:800;color:#123A5A;font-size:15.5px;line-height:1.7}
.shk-tplbox .g{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.shk-tplbox .g a{display:block;padding:12px 14px;border:1px solid #CFE2EF;border-radius:14px;background:#F7FBFE;text-decoration:none!important;transition:.15s}
.shk-tplbox .g a:hover{border-color:#1E8BE8;background:#fff}
.shk-tplbox .g b{display:block;color:#123A5A;font-size:15px}
.shk-tplbox .g span{display:block;color:#55697A;font-size:12px;margin-top:2px}
.shk-tplbox .all{margin:12px 0 0;font-size:13.5px;font-weight:700}.shk-tplbox .all a{color:#1E8BE8}
.shk-gl{color:inherit!important;text-decoration:underline dotted #29B6F6!important;text-decoration-thickness:2px!important;text-underline-offset:4px;border-bottom:0!important;background:none!important}.shk-gl:hover{color:#1E8BE8!important}

/* 2026-10-13 共通フッター（静的ページ・WordPress共通） */
footer.sf{background:#0E2E48;color:#A9C1D4;padding:56px 0 28px;font-family:"Hiragino Kaku Gothic ProN","Hiragino Sans","Noto Sans JP",sans-serif;font-size:14px;line-height:1.7}
footer.sf a{color:#D5E4EF;text-decoration:none}
footer.sf a:hover{color:#fff}
.sf-in{max-width:1240px;margin:0 auto;padding:0 28px}
.sf-top{display:flex;justify-content:space-between;align-items:flex-start;gap:28px;flex-wrap:wrap;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.1)}
.sf-brand{max-width:520px}
.sf-logo{display:inline-flex;align-items:center;gap:10px}
.sf-mk{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#29B6F6,#1E8BE8);display:grid;place-items:center}
.sf-logo b{font-family:"Zen Kaku Gothic New",sans-serif;font-weight:900;font-size:21px;color:#fff;letter-spacing:.02em}
.sf-brand p{margin:12px 0 0;font-size:13.5px;color:#A9C1D4;line-height:1.85}
.sf-ctas{display:flex;gap:10px;flex-wrap:wrap}
.sf-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:13px 22px;font-weight:800;font-size:14px;white-space:nowrap}
footer.sf .sf-btn.p{background:#fff;color:#123A5A}
footer.sf .sf-btn.g{border:1px solid rgba(255,255,255,.35);color:#fff}
footer.sf .sf-btn:hover{transform:translateY(-1px)}
.sf-cols{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px;padding:32px 0 28px}
.sf-cols h4{margin:0 0 12px;font-family:"Zen Kaku Gothic New",sans-serif;font-weight:900;font-size:13.5px;color:#fff;letter-spacing:.04em}
.sf-cols ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sf-cols li a{font-size:13.5px;color:#A9C1D4}
.sf-cols li a:hover{color:#fff}
.sf-media{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:16px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}
.sf-media span{font-size:12px;font-weight:700;color:#7E9BB1;letter-spacing:.08em}
.sf-media a{font-size:13.5px;font-weight:700}
.sf-note{margin:18px 0 0;padding:14px 16px;border-radius:12px;background:rgba(255,255,255,.05);font-size:12px;line-height:1.85;color:#8FA9BD}
.sf-bot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;margin-top:20px;font-size:12px;color:#7E9BB1}
@media (max-width:980px){.sf-cols{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:600px){.sf-cols{grid-template-columns:1fr 1fr;gap:22px 16px}.sf-in{padding:0 18px}footer.sf{padding:44px 0 96px}.sf-ctas{width:100%}.sf-btn{flex:1}}