@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Sono:wght@200..800&display=swap";*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input,button,textarea,select{font:inherit}ul,ol{list-style:none}a{text-decoration:none;color:inherit}img,picture,video,canvas,svg{display:block;max-width:100%}button{background:none;border:none;cursor:pointer}table{border-collapse:collapse;border-spacing:0}body{font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,sans-serif;margin:0;padding:0;background-color:#fafafa;min-height:100vh;display:flex;align-items:center;justify-content:center}.container{width:90%;max-width:900px;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column;justify-content:center}@media(max-width: 768px){.container{width:85%;padding:15px;justify-content:flex-start}}@media(max-width: 480px){.container{width:90%;padding:10px}}h1{font-family:"Sono",-apple-system,BlinkMacSystemFont,sans-serif;color:#4f4f4f;text-align:center;margin:1em 0;font-weight:400;font-size:1.8em}@media(min-width: 768px){h1{font-size:2.2em}}@media(min-width: 1024px){h1{font-size:2.5em}}p{color:#666;line-height:1.6;margin-bottom:1em;font-size:.9em}@media(min-width: 768px){p{font-size:1em}}@media(min-width: 1024px){p{font-size:1.1em}}.header-section{margin:1rem 0}.header-section p:last-child{letter-spacing:.02em;margin:0 auto}.en{font-family:"Roboto",-apple-system,BlinkMacSystemFont,sans-serif}.jp{font-family:"Noto Sans JP"}.logo-container{text-align:center}.logo-container .logo{width:250px;height:auto;margin:0 auto;margin-bottom:60px}@media(min-width: 768px){.logo-container .logo{width:340px}}.sub-section{margin:3rem 0;text-align:center}.sub-section .title{font-family:"Roboto";letter-spacing:.02em;color:#4f4f4f;margin-bottom:.5em;font-weight:500;font-size:1.2em}@media(min-width: 768px){.sub-section .title{font-size:1.2em}}@media(min-width: 1024px){.sub-section .title{font-size:1.3em}}.sub-section p{text-align:center}.sub-section p:last-child{margin-bottom:0}.works-card{max-width:500px;padding:1.5rem auto;margin:1rem auto}.works-card p{margin-bottom:.5rem;text-align:left}.works-card p:first-child{font-weight:500;font-size:1.1em;color:#4f4f4f;margin-bottom:.3rem}.works-card p:nth-child(2){font-weight:500;font-size:1.1em;color:#4f4f4f;margin:.3rem 0}.works-card p:last-child{font-size:.85em;color:#666;margin-bottom:1rem}.works-image{width:100%;height:auto;border-radius:4px;margin-top:.5rem}.creator-info{display:inline-flex;align-items:center;gap:.5em}.creator-info p{display:flex;align-items:center;gap:.5em}.creator-info .portfolio{font-family:"Roboto";letter-spacing:.02em;background-color:#4f4f4f;color:#fff;padding:.2em .5em;font-size:.8em;font-weight:500;letter-spacing:.05em;transform:translateY(0.12em);text-decoration:none;transition:opacity .2s ease}.creator-info .portfolio:hover{opacity:.8}