@import "https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;600;700&display=swap";
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.font-jp{font-display:swap;font-family:Noto Serif JP,Yu Mincho,YuMincho,serif}*{font-feature-settings:normal;font-variant-ligatures:normal}@font-face{font-family:Noto Serif JP;font-display:swap;src:local(Noto Serif JP)}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes charAppear{0%{opacity:0;filter:blur(5px);transform:translateY(40px)scale(.9)}60%{opacity:.9;transform:translateY(-5px)scale(1.02)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}.animate-fadeIn{animation:1s cubic-bezier(.16,1,.3,1) forwards fadeIn}.animate-fadeOut{animation:.5s cubic-bezier(.16,1,.3,1) forwards fadeOut}.animate-charAppear{animation:.7s cubic-bezier(.34,1.56,.64,1) forwards charAppear}.animate-spin-slow{animation:2s linear infinite spin}.animate-fadeInLeft{animation:1.2s cubic-bezier(.16,1,.3,1) forwards fadeInLeft}.animate-fadeInUp{animation:1.2s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.animate-fadeInRight{animation:1.2s cubic-bezier(.16,1,.3,1) forwards fadeInRight}@media (max-width:1024px){.fixed.top-20.right-8 h1{font-size:60px!important}}@media (max-width:768px){.fixed.top-8.left-8{top:1.5rem!important;left:1.5rem!important}.fixed.top-8.left-8>div:first-child{width:3rem!important;height:3rem!important}.fixed.top-56.left-8{font-size:14px!important;top:12rem!important;left:1.5rem!important}.fixed.top-20.right-8{top:2rem!important;right:1.5rem!important}.fixed.top-20.right-8 h1{font-size:48px!important}.grid.md\:grid-cols-2,.grid.md\:grid-cols-3{grid-template-columns:1fr}.grid.md\:grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.fixed.top-20.right-8 h1{font-size:36px!important}.text-4xl,.md\:text-5xl{font-size:1.875rem!important}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f5f1e8}::-webkit-scrollbar-thumb{background:#d4cfc4;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#b4afa4}