.matrix-container{background:#000;width:100%;height:100%;display:flex}.matrix-pattern{flex-shrink:0;width:1000px;height:100%;position:relative}.matrix-column{white-space:nowrap;width:20px;height:100%;font-size:16px;font-weight:700;line-height:18px;animation:linear infinite fall;position:absolute;top:-100%}.matrix-column:before{content:"アイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤユヨラリルレロワヲンABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";-webkit-text-fill-color:transparent;writing-mode:vertical-lr;letter-spacing:1px;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(#fff 0% 5%,#00ff41 10% 20%,#0d3 30%,#0b2 40%,#091 50%,#070 60%,#050 70%,#030 80%,#00ff4180 90%,#0000 100%);-webkit-background-clip:text;background-clip:text;position:absolute;top:0;left:0}.matrix-column:first-child{animation-duration:3s;animation-delay:-2.5s;left:0}.matrix-column:nth-child(2){animation-duration:4s;animation-delay:-3.2s;left:25px}.matrix-column:nth-child(3){animation-duration:2.5s;animation-delay:-1.8s;left:50px}.matrix-column:nth-child(4){animation-duration:3.5s;animation-delay:-2.9s;left:75px}.matrix-column:nth-child(5){animation-duration:3s;animation-delay:-1.5s;left:100px}.matrix-column:nth-child(6){animation-duration:4.5s;animation-delay:-3.8s;left:125px}.matrix-column:nth-child(7){animation-duration:2.8s;animation-delay:-2.1s;left:150px}.matrix-column:nth-child(8){animation-duration:3.2s;animation-delay:-2.7s;left:175px}.matrix-column:nth-child(9){animation-duration:3.8s;animation-delay:-3.4s;left:200px}.matrix-column:nth-child(10){animation-duration:2.7s;animation-delay:-1.9s;left:225px}.matrix-column:nth-child(11){animation-duration:4.2s;animation-delay:-3.6s;left:250px}.matrix-column:nth-child(12){animation-duration:3.1s;animation-delay:-2.3s;left:275px}.matrix-column:nth-child(13){animation-duration:3.6s;animation-delay:-3.1s;left:300px}.matrix-column:nth-child(14){animation-duration:2.9s;animation-delay:-2.6s;left:325px}.matrix-column:nth-child(15){animation-duration:4.1s;animation-delay:-3.7s;left:350px}.matrix-column:nth-child(16){animation-duration:3.3s;animation-delay:-2.8s;left:375px}.matrix-column:nth-child(17){animation-duration:3.7s;animation-delay:-3.3s;left:400px}.matrix-column:nth-child(18){animation-duration:2.6s;animation-delay:-2.2s;left:425px}.matrix-column:nth-child(19){animation-duration:4.3s;animation-delay:-3.9s;left:450px}.matrix-column:nth-child(20){animation-duration:3.4s;animation-delay:-2.4s;left:475px}.matrix-column:nth-child(21){animation-duration:2.4s;animation-delay:-1.7s;left:500px}.matrix-column:nth-child(22){animation-duration:3.9s;animation-delay:-3.5s;left:525px}.matrix-column:nth-child(23){animation-duration:3s;animation-delay:-2s;left:550px}.matrix-column:nth-child(24){animation-duration:4.4s;animation-delay:-4s;left:575px}.matrix-column:nth-child(25){animation-duration:2.3s;animation-delay:-1.6s;left:600px}.matrix-column:nth-child(26){animation-duration:3.5s;animation-delay:-3s;left:625px}.matrix-column:nth-child(27){animation-duration:4s;animation-delay:-3.8s;left:650px}.matrix-column:nth-child(28){animation-duration:2.8s;animation-delay:-2.5s;left:675px}.matrix-column:nth-child(29){animation-duration:3.6s;animation-delay:-3.2s;left:700px}.matrix-column:nth-child(30){animation-duration:3.2s;animation-delay:-2.7s;left:725px}.matrix-column:nth-child(31){animation-duration:2.7s;animation-delay:-1.8s;left:750px}.matrix-column:nth-child(32){animation-duration:4.1s;animation-delay:-3.6s;left:775px}.matrix-column:nth-child(33){animation-duration:3.1s;animation-delay:-2.1s;left:800px}.matrix-column:nth-child(34){animation-duration:3.7s;animation-delay:-3.4s;left:825px}.matrix-column:nth-child(35){animation-duration:2.9s;animation-delay:-2.8s;left:850px}.matrix-column:nth-child(36){animation-duration:4.2s;animation-delay:-3.7s;left:875px}.matrix-column:nth-child(37){animation-duration:3.3s;animation-delay:-2.3s;left:900px}.matrix-column:nth-child(38){animation-duration:2.5s;animation-delay:-1.9s;left:925px}.matrix-column:nth-child(39){animation-duration:3.8s;animation-delay:-3.5s;left:950px}.matrix-column:nth-child(40){animation-duration:3.4s;animation-delay:-2.6s;left:975px}.matrix-column:nth-child(odd):before{content:"アイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤユヨラリルレロワヲン123456789"}.matrix-column:nth-child(2n):before{content:"ガギグゲゴザジズゼゾダヂヅデドバビブベボパピプペポヴァィゥェォャュョッABCDEFGHIJKLMNOPQRSTUVWXYZ"}.matrix-column:nth-child(3n):before{content:"アカサタナハマヤラワイキシチニヒミリウクスツヌフムユルエケセテネヘメレオコソトノホモヨロヲン0987654321"}.matrix-column:nth-child(4n):before{content:"ンヲロヨモホノトソコオレメヘネテセケエルユムフヌツスクウリミヒニチシキイワラヤマハナタサカア"}.matrix-column:nth-child(5n):before{content:"ガザダバパギジヂビピグズヅブプゲゼデベペゴゾドボポヴァィゥェォャュョッ!@#$%^&*()_+-=[]{}|;:,.<>?"}@keyframes fall{0%{opacity:1;transform:translateY(-10%)}to{opacity:0;transform:translateY(200%)}}@media (width<=768px){.matrix-column{width:18px;font-size:14px;line-height:16px}}@media (width<=480px){.matrix-column{width:15px;font-size:12px;line-height:14px}}