/* 実績・改善事例：既存のフォーム・メニュー・ブランドスタイルから独立 */
.cases{position:relative;isolation:isolate;padding-top:68px;padding-bottom:62px}
.cases:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(165deg,#fff 15%,#f5fbff 70%,#edf7ff);border-radius:26px}
.cases:after{content:"";position:absolute;right:0;bottom:0;width:50%;height:320px;background:url('assets/wave.svg') right bottom/cover no-repeat;opacity:.12;z-index:-1;pointer-events:none}
.cases .section-label{margin-bottom:14px}
.cases-heading{display:flex;align-items:baseline;justify-content:space-between;gap:22px}
.cases-heading h2{color:var(--navy);margin:0}
.cases-heading>p{font-size:14px;color:var(--muted)}
.cases-intro{font-size:14px;color:var(--muted);margin-top:16px}
.cases-perspectives{display:flex;flex-wrap:wrap;gap:12px 28px;padding:0;margin:24px 0 34px;list-style:none;color:var(--blue);font-size:12px;font-weight:600}
.cases-perspectives li{position:relative}
.cases-perspectives li:not(:last-child):after{content:"→";position:absolute;right:-21px;font-weight:400;color:#8ab2d6}
.cases-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.case-card{min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid #dbe9f7;border-radius:17px;box-shadow:0 10px 30px #153c6810;overflow:hidden}
.case-header{padding:25px 27px 20px;position:relative;background:linear-gradient(115deg,#f0f8ff,#fff 76%);border-top:3px solid #1675c3}
.case-number{font-family:Georgia,serif;font-size:11px;letter-spacing:.13em;color:var(--blue)}
.case-type{margin:9px 0 5px;font-size:11px;color:var(--muted)}
.case-header h3{font-family:var(--serif);font-size:22px;line-height:1.55;color:var(--navy);margin:0;overflow-wrap:anywhere}
.case-steps{list-style:none;margin:0;padding:22px 27px 5px;display:flex;flex-direction:column;gap:25px;flex:1}
.case-steps>li{position:relative}
.case-steps>li:not(:last-child):after{content:"↓";position:absolute;left:11px;bottom:-25px;color:#93b9da;font-size:17px;line-height:25px}
.case-steps h4{font-family:inherit;font-size:13px;font-weight:600;color:var(--navy);display:flex;align-items:center;gap:9px;margin:0 0 8px}
.case-steps h4 span{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;font-family:Georgia,serif;font-size:10px;color:var(--blue);background:#eaf4fd}
.case-steps p{font-size:13px;line-height:1.9;color:var(--muted);margin:0}
.case-steps .case-change{padding:15px;border-radius:10px;background:linear-gradient(110deg,#edf7ff,#f8fcff);margin-top:0}
.case-change h4{color:var(--blue)}
.case-change p{color:var(--navy)}
.case-related{position:static;display:block;margin:17px 27px 0;padding:15px 0 23px;border-top:1px solid #e5eef7;background:none}
.case-related>p{font-size:10px;color:var(--muted);margin:0 0 9px;width:auto;order:initial}
.case-related ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0}
.case-related li{font-size:10px;line-height:1.6;color:var(--blue);border:1px solid #dceaf7;border-radius:20px;padding:4px 10px;background:#fff}
.cases-note{font-size:11px;color:var(--muted);margin:22px 0 0;line-height:1.8}
@media(max-width:760px){.cases{padding:38px 23px 42px}.cases-heading{display:block}.cases-heading>p{margin-top:12px;font-size:12px}.cases-intro{font-size:12px;line-height:1.9}.cases-grid{grid-template-columns:1fr;gap:22px}.cases-perspectives{font-size:11px;gap:10px 24px;margin:21px 0 27px}.cases-perspectives li:not(:last-child):after{right:-18px}.case-header{padding:22px 21px 18px}.case-header h3{font-size:20px}.case-steps{padding:20px 21px 5px}.case-steps p{font-size:13px}.case-related{margin:16px 21px 0;padding:14px 0 21px}.cases-note{font-size:10px}.cases:before{border-radius:0}}