.index-banner{align-items:center;background:var(--primary) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MCA2MCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEyLjIgNi41IDExIDAgNi42IDQuOSAwIDRsMy4zIDUuOC0yLjkgNiA2LjUtMS4zIDQuOCA0LjYuNy02LjYgNS44LTMuMXptMjYgMjZMMzcgMjZsLTQuNSA0LjlMMjYgMzBsMy4zIDUuOC0yLjkgNiA2LjUtMS4zIDQuOCA0LjYuNy02LjYgNS44LTMuMXptLS44IDQuMS0uOS41LS4xIDEtLjMgMi42LTEuOS0xLjgtLjgtLjctMSAuMi0yLjUuNSAxLjEtMi4zLjUtMS0uNS0uOC0xLjMtMi4yIDIuNi4zIDEgLjEuNy0uOCAxLjctMS45LjUgMi41LjIgMSAxIC40IDIuMyAxLjF6IiBvcGFjaXR5PSIuMTUiLz48L3N2Zz4=) top left /11em fixed;display:flex;min-height:100vh;perspective:1200px;position:relative}.index-banner .wrap{flex:1;transform-style:preserve-3d}.index-banner .card{background-color:var(--light);border-radius:var(--radius);padding:2em;position:relative;transform-style:preserve-3d}.index-banner .banner-secondly{opacity:.5}.index-banner .slogan:before{content:"6";display:inline-block;opacity:0;width:0}.index-banner .slogan:after{animation:shining .3s infinite alternate;border-right:2px solid;content:"";margin:0 .25em}@keyframes shining{0%{opacity:.2}to{opacity:.8}}.index-banner h1{font-size:4em;margin-bottom:1.5em;transform:translateZ(30px);width:2.5em}@media screen and (max-height:768px){.index-banner h1{font-size:2.5em}}.index-banner .banner-illust{bottom:-2em;position:absolute;right:2em;top:-2em;transform:translateZ(60px)}.index-banner .banner-illust .illust-face{animation:face 1s backwards;background-color:var(--lighter-gray-2);border-radius:5em;border-top-right-radius:var(--radius);font-size:1.2em;line-height:2.5;min-width:3.5em;padding:0 .5em;position:absolute;right:80%;text-align:center;top:28%;transform-origin:top right;white-space:nowrap}.index-banner .banner-illust .illust-face small{display:inline-block;margin-left:0;max-width:0;overflow:hidden;transition:margin .3s,max-width .3s;vertical-align:-.8em}.index-banner .banner-illust .illust-face:hover small{margin-left:.5em;max-width:10em}@keyframes face{0%{transform:scale(.1)}to{transform:scale(1)}}.index-banner .banner-illust img{height:100%;width:auto}@media screen and (max-width:768px){.index-banner .banner-illust{max-height:65vw}}.index-banner .banner-social{font-size:1.2em}.index-banner .banner-social a{color:inherit;margin-right:.5em}.index-banner .go-down{bottom:1em;color:#fff;font-size:3em;left:50%;position:absolute;transform:translate(-50%)}.index-banner .go-down .ri{animation:up-and-down .5s infinite alternate;display:block}.music-card{counter-reset:music-index;height:100%;padding:var(--padding)}.music-card li{border-radius:var(--radius);cursor:pointer;display:flex;padding:.75em;position:relative;transition:background-color .3s}.music-card li:before{content:counter(music-index);counter-increment:music-index;display:inline-block;margin-right:1rem;min-width:1.25em;opacity:.6;text-align:center}.music-card li.active:before,.music-card li:hover:before{background:50%/1em no-repeat;content:"";opacity:1}.music-card li:hover:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='red' d='M5.24 2.49C4.28 1.95 3.5 2.4 3.5 3.5v9c0 1.1.75 1.5 1.66.89l7.17-4.78c.92-.61.88-1.56-.07-2.1z'/%3E%3C/svg%3E")}.music-card li.active:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' style='transform:rotate(180deg)' viewBox='0 0 16 16'%3E%3Cstyle%3E@keyframes paul-scale{0%25{height:0}to{height:11px}}.st0{fill:red}%3C/style%3E%3Crect width='2' height='11' x='4' y='2.5' class='st0' style='animation:paul-scale .3s infinite alternate .3s backwards'/%3E%3Crect width='2' height='11' x='7' y='2.5' class='st0' style='animation:paul-scale .3s infinite alternate .15s backwards'/%3E%3Crect width='2' height='11' x='10' y='2.5' class='st0' style='animation:paul-scale .3s infinite alternate backwards'/%3E%3C/svg%3E")}.music-card li:nth-child(odd){background-color:var(--hover-bg-dark)}.music-card li:hover{background-color:var(--hovered-bg-dark)}.music-card li span:first-child{margin-right:1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-card li span:last-child{margin-left:auto;opacity:.6;white-space:nowrap}.page-index{margin-top:-4em;padding:0}.page-index section{padding:4em 0}.page-index section .title{margin-bottom:2em}.page-index section .title h2{color:var(--primary);display:inline-block;font-size:2.6em;letter-spacing:.1em;position:relative;text-shadow:.1em .1em 0 var(--light)}.page-index section .title h2 .ri{font-size:2em;line-height:1;margin-left:.5em;opacity:.2;pointer-events:none;position:absolute;text-shadow:none;top:-.1em;z-index:-1}@media screen and (max-width:600px){.page-index section .title h2{font-size:2em}}.page-index section .title p{display:inline-block;margin-left:1em;opacity:.3}@media screen and (max-width:600px){.page-index section .title p{display:none}}.page-index section .gallery-card h3 .ri,.page-index section .is-card h3 .ri{margin-left:.25em}.page-index section .gallery-card .ri-star-fill,.page-index section .is-card .ri-star-fill{color:var(--yellow)}.page-index .article-card{color:inherit;display:block;height:100%;overflow:hidden;position:relative}.page-index .article-card .card-image{height:0;padding-bottom:62.5%;position:relative}.page-index .article-card .card-image:after{background:linear-gradient(transparent,var(--light));bottom:-1px;content:"";display:block;left:0;position:absolute;right:0;top:0}.page-index .article-card:hover .card-image:before{opacity:0}.page-index .article-card .card-info{padding:1.5em;padding:var(--padding);padding-top:.5em}.page-index .article-card img{height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.page-index .article-card p{opacity:.5}.page-index .note-card{color:inherit;display:flex;height:100%;padding:1.5em;padding:var(--padding)}.page-index .note-card time{color:var(--primary);margin-right:var(--padding);min-width:5.5em}.page-index .note-card time span{display:block;font-size:2.2em}.page-index .note-card p{opacity:.5}.page-index .video-card{color:inherit;display:block;text-align:center}.page-index .video-card .card-image{background-color:#0003;border-radius:var(--radius);margin-bottom:1em;overflow:hidden;position:relative}.page-index .video-card .card-image:before{background-color:var(--primary);bottom:0;content:"";display:block;left:0;opacity:.3;position:absolute;right:0;top:0;z-index:1}.page-index .video-card .card-image .ri{color:#fff;display:block;font-size:5em;left:0;margin:auto;position:absolute;right:0;top:calc(50% - .5em);z-index:1}.page-index .video-card .card-image img{aspect-ratio:16/9;filter:blur(1px);-o-object-fit:cover;object-fit:cover;transition:transform .3s;width:100%}.page-index .video-card .card-image:hover img{transform:scale(1.1)}@media screen and (max-width:600px){.page-index .video-card .card-image .ri{font-size:2em}.page-index .video-card .card-image img{filter:none}}.page-index .gallery-card .image{aspect-ratio:1/1;border-radius:var(--radius);cursor:pointer;cursor:zoom-in;margin-bottom:1em}.page-index .gallery-card h3{margin-bottom:.25em}.page-index .gallery-card small{opacity:.5}.page-index .project-card{align-items:center;color:inherit;display:flex;padding:1em}.page-index .project-card img{border-radius:var(--radius);height:3em;margin-right:1em;width:3em}