.feature{border-radius:var(--r);background:var(--night);color:var(--on);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:0;min-height:46rem;text-decoration:none;display:grid;overflow:hidden}.feature .art{background:radial-gradient(60rem 40rem at 30% 30%,#00286499,#0000 70%);align-items:flex-end;padding:4.8rem;display:flex;position:relative}.feature .art .outlet{letter-spacing:-.04em;color:#fff;font-size:6.4rem;font-weight:500;line-height:1}.feature .art .outlet small{letter-spacing:.02em;color:var(--on-3);margin-top:1.4rem;font-size:1.5rem;font-weight:400;display:block}.feature .play{background:#fff;border-radius:50%;place-items:center;width:6.4rem;height:6.4rem;display:grid;position:absolute;top:4.8rem;left:4.8rem}.feature .play:after{content:"";border-left:1.6rem solid var(--ink);border-top:1rem solid #0000;border-bottom:1rem solid #0000;margin-left:.4rem}.feature .body{border-left:1px solid var(--on-line);flex-direction:column;justify-content:space-between;padding:4.8rem;display:flex}.feature .kind{color:var(--on-3);font-size:1.4rem}.feature h2{letter-spacing:-.03em;color:#fff;margin-top:1.6rem;font-size:3.6rem;font-weight:500;line-height:1.08}.feature p{color:var(--on-2);margin-top:1.6rem}.feature .go{color:#fff;font-weight:500}@media (width<=900px){.feature{grid-template-columns:1fr;min-height:0}.feature .body{border-left:0;border-top:1px solid var(--on-line)}}@media (width<=760px){.feature .art{min-height:24rem;padding:3.2rem}.feature .play{width:5.2rem;height:5.2rem;top:3.2rem;left:3.2rem}.feature .art .outlet{font-size:4.4rem}.feature .body{gap:2.4rem;padding:3.2rem}.feature h2{font-size:2.8rem}.pcards .pc{min-height:0}.cases li a{padding:2rem 0}}.pcards{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}@media (width<=900px){.pcards{grid-template-columns:1fr}}.pc{border-radius:var(--r);background:var(--bg-2);flex-direction:column;justify-content:space-between;gap:3rem;min-height:30rem;padding:3.2rem;text-decoration:none;transition:background .2s;display:flex}.pc:hover{background:var(--bg-3)}.pc .outlet{letter-spacing:.02em;font-size:1.5rem;font-weight:600}.pc .kind{color:var(--ink-3);margin-left:.8rem;font-size:1.3rem;font-weight:400}.pc h3{letter-spacing:-.02em;font-size:2.3rem;font-weight:500;line-height:1.15}.pc .go{font-size:1.45rem;font-weight:500}.cases{border-top:1px solid var(--line);list-style:none}.cases li a{border-bottom:1px solid var(--line);grid-template-columns:12.8rem 24rem minmax(0,1fr) 6rem;align-items:center;gap:3rem;padding:2.4rem 0;text-decoration:none;display:grid}.cases li a:hover{background:var(--bg-2)}.cases .outlet{font-size:1.6rem;font-weight:600}.cases .th{aspect-ratio:3/2;object-fit:cover;filter:grayscale()contrast(1.05);border-radius:1rem;width:100%;height:auto}.cases .outlet small{font-family:var(--mono);color:var(--ink-3);margin-top:.6rem;font-size:1.2rem;font-weight:400;display:block}.cases .what{color:var(--ink-2);font-size:1.7rem}.cases .go{text-align:right;font-size:1.5rem}@media (width<=760px){.cases li a{grid-template-columns:10.4rem minmax(0,1fr);align-items:start;gap:.6rem 1.6rem}.cases .th{grid-row:1/span 3}.cases .go{text-align:left}}
