.system-2026{position:relative;overflow:hidden;padding:100px 24px 88px;background:#f1f4fa;color:#13213a}
.system-2026-inner{width:min(1440px,100%);margin:auto}
.system-2026-head{position:relative;min-height:210px;text-align:center}
.system-2026-ghost{position:absolute;inset:-54px 0 auto;font:900 clamp(90px,13vw,190px)/1 Arial,sans-serif;color:#dfe7f8;opacity:.58}
.system-2026-kicker,.system-2026-head h2,.system-2026-head>p{position:relative;z-index:2}
.system-2026-kicker{display:inline-block;margin:0 0 18px;padding:6px 72px;border-radius:99px;background:linear-gradient(90deg,#dcecff,#eadcff);color:#205ee9;font-size:13px;font-weight:900;letter-spacing:.35em}
.system-2026-head h2{margin:0;font-family:"Noto Serif JP","Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(42px,4.8vw,72px);font-weight:800;line-height:1.2;letter-spacing:-.035em;color:#071437}
.system-2026-head h2 strong{background:linear-gradient(90deg,#168df1,#4b60ef 58%,#8b32e9);-webkit-background-clip:text;background-clip:text;color:transparent}
.system-2026-head>p{margin:20px auto 0;font-family:"Noto Sans JP",sans-serif;font-size:clamp(14px,1.35vw,19px);font-weight:700;line-height:1.9;letter-spacing:.015em;color:#071437}
.system-2026-handwriting{position:absolute;right:18px;top:-32px;z-index:1;width:270px;height:auto;opacity:.64;pointer-events:none}
.system-2026-stories{display:grid;gap:96px;margin-top:0}
.system-2026-story{display:grid;grid-template-columns:minmax(280px,.62fr) minmax(0,1.55fr);align-items:center;gap:30px;min-height:540px}
.system-2026-story-reverse{grid-template-columns:minmax(0,1.55fr) minmax(280px,.62fr)}
.system-2026-story-reverse .system-2026-copy{order:2}.system-2026-story-reverse .system-2026-ui{order:1}
.system-2026-copy{position:relative;z-index:2;padding:0 16px}
.system-2026-copy span{display:inline-block;font:600 78px/1 "Noto Serif JP",Georgia,serif;letter-spacing:-.08em;color:#3472fa}
.system-2026-copy small{display:inline-flex;align-items:center;gap:14px;margin-left:18px;color:#3565e9;font:800 12px/1 "Noto Sans JP",sans-serif;letter-spacing:.3em;vertical-align:22px}
.system-2026-copy small::after{content:"";display:block;width:78px;height:1px;background:#7394f5}
.system-2026-copy h3{margin:8px 0 14px;font-family:"Noto Serif JP","Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(34px,3.1vw,50px);font-weight:800;line-height:1.24;letter-spacing:-.035em;color:#071437}
.system-2026-copy h4{margin:0 0 18px;font-family:"Noto Sans JP",sans-serif;font-size:clamp(18px,1.55vw,24px);font-weight:800;line-height:1.55;letter-spacing:-.015em;background:linear-gradient(90deg,#187cf0,#773de9);-webkit-background-clip:text;background-clip:text;color:transparent}
.system-2026-copy p{margin:0;font-family:"Noto Sans JP",sans-serif;font-size:15px;font-weight:500;line-height:1.95;letter-spacing:.015em;color:#3a4b70}
.system-2026-ui{position:relative;overflow:hidden;min-width:0;margin:0;aspect-ratio:1.64/1}
.system-2026-ui img{position:absolute;left:0;top:50%;display:block;width:100%;max-width:none;height:auto;transform:translateY(-50%)}
.system-2026-tags{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;width:min(1320px,100%);margin:100px auto 0;padding:0;list-style:none}
.system-2026-tags li{display:flex;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:8px 12px;border:1px solid #b9c9ff;border-radius:999px;background:rgba(255,255,255,.9);box-shadow:0 10px 28px rgba(35,75,160,.08);font-family:"Noto Sans JP",sans-serif;font-size:16px;font-weight:800;color:#102859;white-space:nowrap}
.system-2026-tag-icon{position:relative;display:block;flex:0 0 30px;width:30px;height:30px;overflow:hidden}
.system-2026-tag-icon img{position:absolute;width:145px;height:auto;max-width:none}
.system-2026-tag-icon-diary img{left:-13px;top:-22px}.system-2026-tag-icon-shift img{left:-57px;top:-22px}.system-2026-tag-icon-web img{left:-102px;top:-22px}
.system-2026-tag-icon-payment img{left:-13px;top:-64px}.system-2026-tag-icon-sales img{left:-57px;top:-64px}.system-2026-tag-icon-crm img{left:-102px;top:-64px}
@media(max-width:980px){
 .system-2026{padding:76px 20px 72px}.system-2026-head{min-height:250px}.system-2026-handwriting{display:none}
 .system-2026-story,.system-2026-story-reverse{grid-template-columns:1fr;gap:0;min-height:0}
 .system-2026-story-reverse .system-2026-copy,.system-2026-story-reverse .system-2026-ui{order:initial}
 .system-2026-stories{gap:72px}.system-2026-copy{max-width:720px;padding:0}
 .system-2026-ui{margin:0 -12px}.system-2026-tags{grid-template-columns:repeat(3,1fr);margin-top:72px}
}
@media(max-width:767px){
 .system-2026{padding:60px 20px 58px}.system-2026-head{min-height:245px}
 .system-2026-ghost{top:-22px;font-size:82px}.system-2026-kicker{padding:5px 46px}
 .system-2026-head h2{font-size:32px}.system-2026-head>p{font-size:13px;line-height:1.8}.system-2026-head>p br{display:none}
 .system-2026-stories{gap:74px;margin-top:26px}.system-2026-copy span{font-size:60px}.system-2026-copy h3{font-size:29px;margin-bottom:14px}
 .system-2026-copy h4{font-size:21px}.system-2026-copy p{font-size:14px;line-height:1.85}
 .system-2026-ui{margin:16px -14px 0;aspect-ratio:1.45/1}.system-2026-ui img{left:-8%;width:116%}
 .system-2026-tags{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:66px}.system-2026-tags li{min-height:50px;padding:7px 9px;font-size:14px}
}