*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:noto-sans-cjk-jp,sans-serif;-webkit-transition:0.5s;transition:0.5s;scroll-behavior:smooth;font-weight:400;-webkit-font-feature-settings:"palt";font-feature-settings:"palt"}@media screen and (min-width:601px){.sp--only{display:none}}@media screen and (min-width:900px){.pc--hidden{display:none}.sp--only{display:none}}.container{max-width:100vw}@media screen and (min-width:900px){.container{margin:0 auto;max-width:min(80vw,1200px)}}:root{--color-text--main:#333;--color-text--sub:#666;--color-accent--main:#9708cc;--color-accent--sub:#43cbff;--color-bg--main:#fff;--color-bg--sub:#f5f5f5;--color-border--main:#ddd;--color-border--sub:#e6e6e6}:root[data-theme=dark]{--color-text--main:#fff;--color-text--sub:#ccc;--color-accent--main:#736efe;--color-accent--sub:#5efce8;--color-bg--main:#222;--color-bg--sub:#333;--color-border--main:#666;--color-border--sub:#777}body{background-color:var(--color-bg--main);color:var(--color-text--main)}a{color:var(--color-accent--main);text-decoration:none;-webkit-transition:0.3s;transition:0.3s}a:hover{color:var(--color-accent--sub)}#menu,.background--gradient{background-image:linear-gradient(135deg,var(--color-accent--main) 10%,var(--color-accent--sub) 100%)}#theme-toggler{z-index:7000;position:fixed;top:1.5rem;right:0.5rem;width:64px;height:34px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}#theme-toggler .theme-toggler-icon{height:30px;padding:2px 0}#theme-toggler .theme-toggler-icon svg{width:100%;height:100%}#menu{position:fixed;z-index:8500;height:100vh;width:100vw;padding:2rem;top:0;right:-100vw;-webkit-transition:0.5s;transition:0.5s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}@media screen and (min-width:900px){#menu{padding:3rem 5rem}}#menu ul{list-style:none}#menu ul li{padding:0.3rem 1rem}#menu ul li a{font-weight:700;font-size:min(7vw,2.5rem);color:#f5f5f5}#nav-toggler{position:fixed;top:1.5rem;left:0.5rem;padding:1rem;z-index:9999;cursor:pointer}#nav-toggler #nav-toggler-icon{width:2rem;height:2px;background-color:var(--color-text--main);-webkit-transition:0.5s;transition:0.5s}#nav-toggler #nav-toggler-icon:after,#nav-toggler #nav-toggler-icon:before{content:"";width:2rem;height:2px;background-color:var(--color-text--main);position:absolute;-webkit-transition:0.5s;transition:0.5s}#nav-toggler #nav-toggler-icon:before{-webkit-transform:translateY(0.6rem);transform:translateY(0.6rem)}#nav-toggler #nav-toggler-icon:after{-webkit-transform:translateY(-0.6rem);transform:translateY(-0.6rem)}#nav-toggler #nav-toggler-icon.active{background-color:transparent}#nav-toggler #nav-toggler-icon.active:before{-webkit-transform:rotate(45deg) translateY(0);transform:rotate(45deg) translateY(0);opacity:1;background-color:#fff}#nav-toggler #nav-toggler-icon.active:after{-webkit-transform:rotate(-45deg) translateY(0);transform:rotate(-45deg) translateY(0);opacity:1;background-color:#fff}#menu.active{right:0}footer{padding:1.5rem 1rem;margin-top:2.5rem;background-color:var(--color-bg--sub);color:var(--color-text--main);font-size:0.8rem}footer .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}footer .container .links{font-size:1rem}footer .container .links li{list-style:none}footer .container .links a{display:inline;font-size:0.9rem;padding:0.3rem 0}footer .container a{color:var(--color-text--main)}footer .container a:hover{color:var(--color-text--sub)}footer .container .copyright{-ms-flex-item-align:end;align-self:flex-end}footer .container .copyright small{font-size:0.8rem}.text--gradient{color:var(--color-text--main);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}@supports (-webkit-background-clip:text){.text--gradient{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}}.section-heading{margin:1rem 0.5rem}@media screen and (min-width:900px){.section-heading{text-align:center}}.section-heading h2{padding:1rem;font-size:2rem;font-weight:700}.section-heading h2:after{content:"";display:block;width:100%;height:2px;background-color:var(--color-accent--main);margin:0.5rem 0}@media screen and (min-width:900px){.section-heading h2:after{margin:1rem auto 0.5rem auto;width:10rem}}.container--grid{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1rem;margin-bottom:2rem;padding:0 1.5rem}@media screen and (min-width:601px){.container--grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media screen and (min-width:900px){.container--grid{margin:0 auto;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.container--grid .card{border-radius:0.5rem;padding:1rem;-webkit-transition:0.3s;transition:0.3s}.container--grid .card h3{margin:0;font-size:1.5rem}.container--grid .card h3:after{content:"";display:block;width:100%;height:1px;background-color:var(--color-border--main);margin:0.4rem 0}@media screen and (min-width:900px){.container--grid .card h3:after{margin:0.6rem 0}}.container--grid .card p{line-height:1.7rem}.container--grid .card p:nth-child(2){margin-top:1rem}.container--grid .card img{max-width:100%}.icon{fill:var(--color-text--main)}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#hero{position:relative;height:100vh;overflow-x:hidden}#hero .container{padding:0 4vw;height:100%}#hero .container h1{font-size:min(10vw,5rem);position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-weight:700;-webkit-animation:fadeIn ease-in-out 2s 0s;animation:fadeIn ease-in-out 2s 0s}#hero .container h1 span.animation--fadein{-webkit-animation:fadeIn ease-in-out 2.5s 0s;animation:fadeIn ease-in-out 2.5s 0s;font-size:min(8vw,4rem)}#hero .container img{width:max(30vw,10rem);z-index:-1;position:absolute;bottom:0;right:0}#hero .scroll-next{position:absolute;right:50%;margin-right:-1px;top:calc(100vh - 3.5rem)}#hero .scroll-next:after{content:"";display:block;width:2px;height:3.5rem;background-color:var(--color-accent--sub);z-index:8000;-webkit-animation:scroll-next ease-in-out infinite 3s;animation:scroll-next ease-in-out infinite 3s}@-webkit-keyframes scroll-next{0%{height:0;top:0;opacity:0}30%{height:3.5rem;opacity:1}to{height:0;top:50px;opacity:0}}@keyframes scroll-next{0%{height:0;top:0;opacity:0}30%{height:3.5rem;opacity:1}to{height:0;top:50px;opacity:0}}#aboutMe .container{padding:1rem;display:-ms-grid;display:grid;justify-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-grid-columns:1fr 1.5rem 3fr;grid-template-columns:1fr 3fr;gap:1.5rem;margin-bottom:2rem;max-width:1200px}@media screen and (min-width:900px){#aboutMe .container{max-width:min(70vw,1200px)}}@media screen and (max-width:600px){#aboutMe .container{-ms-grid-columns:1fr;grid-template-columns:1fr;gap:0}}#aboutMe .container .container--image{width:100%;text-align:center;margin-bottom:1rem}#aboutMe .container .container--image img{padding-bottom:1rem;width:200px}#aboutMe .container .container--image .name{font-weight:bold}#aboutMe .container .container--image .name span{color:var(--color-text--sub)}#aboutMe .container .introduction{max-width:500px;margin:0 auto}@media screen and (max-width:600px){#aboutMe .container .introduction{padding:0 0.5rem}}#aboutMe .container .introduction p{line-height:1.8rem}#myConcept .container{padding:1rem}#myConcept .container h3{margin-bottom:2rem;padding:1rem;font-size:12vw;font-weight:700;color:#fff}@media screen and (max-width:600px){#myConcept .container h3{font-size:2.2rem}}@media screen and (min-width:900px){#myConcept .container h3{font-size:6rem}}#myConcept .container p{font-size:1.2rem;line-height:1.9rem}#myWorks .card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap}#myWorks .card .languages{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:1rem;margin-bottom:1.5rem}#myWorks .card .languages li{margin-right:0.5rem;list-style:none;padding:0.4rem;border:1px solid var(--color-border--sub);border-radius:5px;margin-right:0.3rem;margin-bottom:0.4rem;font-size:0.8rem}#myWorks .card .links{margin-top:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-wrap:wrap;flex-wrap:wrap}#myWorks .card .links li{list-style:none;margin:0.25rem 0.3rem}#myWorks .card .links li a{display:block;background-color:var(--color-accent--main);color:#fff;padding:0.5rem 0.7rem;border-radius:3px;font-weight:700;white-space:nowrap}#contactMe p{margin-top:1rem;margin-bottom:1rem}#contactMe p .icon{margin-right:0.5rem}#contactMe p a{color:var(--color-text--main);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#contactMe p a span{color:var(--color-text--sub);margin-left:0.6rem}
/*# sourceMappingURL=top.css.map */