/* 事例一覧：業種で絞ると、カードが場所を入れ替える */
.cashero .vis{width:100%;max-width:520px;margin:0 auto}
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;position:relative}
.tiles i{display:block;aspect-ratio:4/3;border:3px solid var(--ink);border-radius:18px;background:#fff;opacity:0;transform:translateY(20px) rotate(var(--rt,0deg));transition:opacity .5s var(--ease),transform .5s var(--ease),background .3s,box-shadow .3s,border-color .3s;transition-delay:calc(var(--i)*70ms);position:relative}
.tiles i:nth-child(3n+1){--rt:-2deg}.tiles i:nth-child(3n){--rt:2deg}
.tiles i:before{content:"";position:absolute;left:14%;right:34%;top:22%;height:7px;border-radius:4px;background:#d3d6db}.tiles i:after{content:"";position:absolute;left:14%;right:50%;top:44%;height:7px;border-radius:4px;background:var(--red);opacity:.8}
.tiles.in i{opacity:1;transform:rotate(var(--rt,0deg))}.rm .tiles i{opacity:1;transform:none}
.tiles i.off{opacity:.18;box-shadow:none}.tiles i:not(.off){box-shadow:5px 5px 0 var(--red)}
.tcount{grid-column:1/-1;font:900 56px/1 var(--disp);color:var(--red);text-align:center;margin-top:10px}.tcount small{font-size:.3em;color:var(--ink);margin-left:4px}
/* カード */
.cg.cases9{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.cg.cases9 .cc.case:nth-child(n){margin-top:0}
.cc.case{min-height:0;padding:26px 24px;gap:8px}.cc.case h3{font-size:19px;line-height:1.5}.cc.case .res{font-size:16px;line-height:1.8;flex:1}
.cc.case mark{background:linear-gradient(transparent 62%,#ffd9df 62%);color:var(--red);font-weight:900;padding:0 2px;background-size:0 100%;background-repeat:no-repeat;transition:background-size .9s var(--ease) .4s}
.cc.case.in mark,.rm .cc.case mark{background-size:100% 100%}
.cc.case dl{display:grid;gap:6px;margin-top:6px;padding-top:12px;border-top:1px solid var(--line);font-size:13px}.cc.case dt{color:var(--gray);display:inline;margin-right:8px}.cc.case dd{display:inline;font-weight:700}
.tabs button:focus-visible{outline:3px solid var(--red);outline-offset:2px}
.slotbox{min-height:120px;margin-top:40px;border:3px dashed #d3d6db;border-radius:30px}
@media(max-width:1024px){.cg.cases9{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.cg.cases9{grid-template-columns:minmax(0,1fr)}.tcount{font-size:44px}}