/* 10分野イラスト、番号、上段5ステップ構成 */
.category-icon,.filter-icon{fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.category-icon{width:26px;height:26px}.filter-icon{width:17px;height:17px}
.case-filters button{display:inline-flex;align-items:center;gap:6px}
.case-number-icon{left:14px!important;bottom:12px!important;display:inline-flex;align-items:center;gap:9px;padding:7px 12px;border:1px solid #ffffff70;border-radius:999px;background:#05243edb;box-shadow:0 5px 15px #00182d4d;font-size:inherit!important}
.case-number-icon b{font-size:1.25rem;line-height:1;color:#fff}.case-number-icon .category-icon{color:#79e8ff}
.architecture-panel{padding:22px;background:#ffffff12;border:1px solid #ffffff36;border-radius:24px;box-shadow:0 20px 50px #00162e3d}
.architecture-title{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;padding:0 4px 16px}
.architecture-title b{font-size:1.02rem}.architecture-title small{max-width:310px;text-align:right;color:#cce7f5;line-height:1.55}
.case-architecture{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:22px;margin:0;padding:0;background:none;border:0;border-radius:0;list-style:none}
.case-architecture:before{content:"";position:absolute;left:8%;right:8%;top:50%;height:3px;background:linear-gradient(90deg,#55dff7,#8ef0cd);transform:translateY(-50%);opacity:.8}
.case-architecture li{position:relative;z-index:1;min-width:0;min-height:128px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:14px 8px;border:1px solid #ffffff38;border-radius:16px;background:linear-gradient(145deg,#ffffff26,#ffffff13);text-align:center;box-shadow:0 10px 24px #00162e2b}
.case-architecture li:not(:last-child):after{content:"›";position:absolute;right:-19px;top:50%;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#74eaff;color:#07324f;font-size:1.25rem;font-weight:900;transform:translateY(-50%)}
.case-architecture li span{display:grid;place-items:center;width:30px;height:30px;margin-bottom:7px;border-radius:50%;background:#74eaff;color:#062d49;font-size:.72rem;font-weight:900}
.case-architecture li b{font-size:.94rem}.case-architecture li small{color:#d9edf8;font-size:.69rem}
@media(max-width:980px){
 .architecture-title{align-items:flex-start;flex-direction:column}.architecture-title small{text-align:left}
 .case-architecture{grid-template-columns:repeat(5,minmax(105px,1fr));gap:16px;overflow-x:auto;max-width:none;padding:3px 2px 12px}
 .case-architecture:before{display:none}.case-architecture li:not(:last-child):after{right:-15px}
}
@media(max-width:620px){
 .architecture-panel{padding:18px}.case-architecture{grid-template-columns:1fr;overflow:visible;gap:26px}
 .case-architecture li{min-height:96px}.case-architecture li:not(:last-child):after{content:"↓";right:auto;left:50%;top:auto;bottom:-23px;transform:translateX(-50%)}
 .case-number-icon{padding:6px 10px}.case-number-icon .category-icon{width:22px;height:22px}
}