:root{--gmail-color:#ea4335;--x-color:#89909c;--pixiv-color:#0096fa;--shop-color:#fc4d50;--homepage-color:#d8613f;--link-color:#4abdf8;--box-shadow-color:rgba(0,0,0,0.2);--box-shadow-color-dark:rgba(0,0,0,0.3);--box-shadow-color-hover:rgba(38,38,38,0.2);--main-title-color:#ec4ab7;--border-color:#f9dff8;--border-ucolor:#dbeffd;--base-text-hover:#fff;--icon-color:#c1c2c3;--icon-button-color:#fff;--header-logo-color:#888;--news-image-color:#f1f1f1;--icon-background-color:#000;--title-font-size:60px;--subtitle-font-size:25px;--content-font-size:20px;--title-font-size-large:45px;--title-font-size-medium:32px;--subtitle-font-size-large:20px;@media (prefers-color-scheme:light){--background-color:#f6f6f6;--base-text:#4d434b;--card-background-color:#fff;--button-text-color:#f1f2f3;--button-color:#38393a}@media (prefers-color-scheme:dark){--background-color:#38393a;--base-text:#fff;--card-background-color:#2f3232;--button--text-color:#38393a;--button-color:#f1f2f3}}html{scroll-behavior:smooth}body{margin:0;background-color:var(--background-color);font-family:"Zen Maru Gothic","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}header{height:100px;padding:0 20px;position:fixed;top:0;width:100%;background-color:var(--background-color);z-index:9999;box-sizing:border-box;border-bottom:3px solid var(--border-ucolor)}header .inner{position:relative;max-width:100%;height:100%;margin:0 auto}header .header-logo{font-family:"Source Code Pro",sans-serif;font-size:50px;float:left;margin-left:50px;padding:15px 0}header .header-logo img{max-width:100px;height:auto}header .header-logo span{color:var(--header-logo-color)}header .header-logo a{text-decoration:none;color:var(--background-color)}header .icon{font-size:32px;text-decoration:none;color:var(--icon-color);display:none}header .nav-menu{height:100%;display:flex;align-items:center;justify-content:center;float:right;margin-right:50px;transition:.2s ease-out}header .nav-menu li a{padding:var(--content-font-size);box-sizing:border-box;font-size:var(--content-font-size);-webkit-text-decoration-line:none;text-decoration-line:none;color:var(--base-text)}header .icon:hover,header .nav-menu li a:hover{border-bottom:3px solid var(--icon-color);transition:.1s ease-out}@media screen and (max-width:1380px){header{height:80px}header .header-logo{margin-left:20px;font-size:32px;padding:8px 0}header .nav-menu{display:flex;margin-right:10px}header .nav-menu li a{font-size:18px;padding:20px 10px}}@media screen and (max-width:980px){header{height:60px}header .header-logo{font-size:var(--content-font-size);padding:20px 0}header .nav-menu{display:flex}header .nav-menu li a{font-size:12px}}@media screen and (max-width:768px){header{padding:0;height:80px}header .header-logo{margin-left:20px;font-size:32px;padding:8px 0}header .nav-menu li{width:100%;display:none;float:none;text-align:center;margin-bottom:30px}header .icon{display:block;float:right;margin-right:20px}header .icon a{padding:24px 0}header .nav-menu li a{font-size:22px}header .menu-icon{display:block}header .icon:hover,header .nav-menu li a:hover{border-bottom:none}}@media screen and (max-width:768px){header .nav-menu.responsive{display:block;float:none;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;background-color:var(--background-color);margin-right:0!important}header .nav-menu.responsive li{display:block;clear:both}header .nav-menu.responsive li:last-child{padding-bottom:20px}}@media screen and (max-width:300px){header{padding:0;height:60px}header .header-logo{margin-left:10px;font-size:30px;padding:15px 0}header .icon{margin-right:10px;font-size:30px;align-self:center}header .icon a{padding:17px 0}}.section--hello{position:relative;padding:5vh 20px;margin-top:100px;margin-bottom:0;text-align:center;height:90vh;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.section--hello .inner{max-width:1600px;margin:0 auto}.section--hello .wrapper{color:var(--main-title-color)}.section--hello .text-title{font-size:50px;font-weight:500;letter-spacing:1px;word-spacing:2px}.section--hello .text-title .hello-emoji{display:inline-block;transform-origin:80% 80%;-webkit-animation:hello 1.8s linear infinite;animation:hello 1.8s linear infinite}.section--hello .role{margin-top:70px;font-size:35px;color:var(--base-text)}.section--hello .text-subtitle{font-weight:300;color:var(--base-text);margin-top:50px;font-size:var(--subtitle-font-size);line-height:1.5}.section--hello .social-links,.section--hello .wrapper-links{margin-top:50px}.section--hello .wrapper-links>*{display:inline-block;text-decoration:none;font-size:22px;color:var(--base-text);padding:20px 30px;border:2px solid var(--main-title-color);margin-right:20px;border-radius:16px;text-align:center;transition:.3s ease-out}.section--hello .wrapper-links>:hover{background-color:var(--main-title-color);color:var(--base-text-hover);border-color:var(--main-title-color)}#resume{margin-right:0}@-webkit-keyframes hello{0%{transform:rotate(0deg)}10%{transform:rotate(-10deg)}20%{transform:rotate(12deg)}30%{transform:rotate(-10deg)}40%{transform:rotate(9deg)}50%{transform:rotate(0deg)}to{transform:rotate(0deg)}}@keyframes hello{0%{transform:rotate(0deg)}10%{transform:rotate(-10deg)}20%{transform:rotate(12deg)}30%{transform:rotate(-10deg)}40%{transform:rotate(9deg)}50%{transform:rotate(0deg)}to{transform:rotate(0deg)}}@media screen and (max-width:1380px){.section--hello{margin-top:80px}.section--hello .wrapper{min-width:480px}.section--hello .text-title{font-size:55px}.section--hello .role{font-size:var(--subtitle-font-size)}.section--hello .text-subtitle{margin-top:30px;font-size:var(--subtitle-font-size-large)}.section--hello .wrapper-links>*{font-size:var(--content-font-size)}}@media screen and (max-width:980px){.section--hello{margin-top:60px}}@media screen and (max-width:768px){.section--hello{margin-top:80px;padding:5vh 20px}.section--hello .inner{display:block}.section--hello .wrapper{min-width:auto}.section--hello .text-title{font-size:36px}.section--hello .role{margin-top:30px}.section--hello .social-links{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto}.section--hello .wrapper-links>*{max-width:100%;display:block;padding:20px 0;margin:10px 0;font-size:18px;background-color:var(--background-color)}#about{margin:0 auto}#resume{margin:10px auto 0}}.social-media-links{margin-top:30px;font-size:22px}.social-media-links .icon-button i{padding:10px;display:inline-block;color:var(--icon-button-color);box-sizing:border-box;border-radius:50%;margin:5px;transition:.3s ease-out}.shop i{background-color:var(--shop-color)}.homepage i{background-color:var(--homepage-color)}.link i{background-color:var(--link-color)}.section--news{padding:110px 150px 0;position:relative;margin-top:50px}.section--news .inner{max-width:1600px;display:flex;margin:0 auto}.section--news .wrapper{margin-left:10px;flex:60% 1}.section--news .news-title{font-size:var(--title-font-size);font-weight:400;color:var(--base-text)}.section--news .news-subtitle{margin-top:50px;font-size:var(--subtitle-font-size);font-weight:300;color:var(--base-text)}.section--news .news-cards{margin-top:50px;display:grid;grid-template-columns:repeat(auto-fit,20%);grid-row-gap:20px;row-gap:20px}.section--news .news-desc{margin-top:20px;font-size:var(--subtitle-font-size);color:var(--base-text);overflow-y:scroll;height:10em}.section--news .news-desc p{margin:15px;font-weight:300}.section--news .news-image{flex:40% 1;font-size:300px;color:var(--news-image-color);align-self:center;text-align:center}@media screen and (max-width:1380px){.section--news{padding:90px 20px 0}.section--news .news-title{font-size:var(--title-font-size-large)}.section--news .news-desc,.section--news .news-subtitle{font-size:var(--content-font-size)}.section--news .news-cards{grid-template-columns:repeat(auto-fit,25%)}.section--news .news-image{font-size:200px}}@media screen and (max-width:980px){.section--news .news-cards{grid-template-columns:repeat(auto-fit,32%)}}@media screen and (max-width:768px){.section--news .inner{display:block}.section--news .news-title{font-size:var(--title-font-size-medium);text-align:center;font-weight:500}.section--news .news-subtitle{text-align:center}.section--news .news-image{display:none}.section--news .news-cards{grid-template-columns:repeat(auto-fit,50%)}}.news-card{border-radius:3px;border-left-color:var(--border-ucolor);border-right-color:var(--border-ucolor);border-left-width:3px;border-bottom:3px solid var(--border-ucolor);border-right-width:3px;border-top:3px solid var(--border-ucolor);margin-bottom:-3px;padding-top:-100px}#topButton{visibility:hidden;position:fixed;bottom:20px;right:30px;z-index:99;border:none;outline:none;background-color:var(--button-color);color:var(--button-text-color);cursor:pointer;padding:20px 15px;border-radius:15px;transition:.3s ease-in-out;font-size:var(--content-font-size)}#topButton:hover{transform:translateY(-8px);transition:.3s ease 0s}@media screen and (max-width:768px){#topButton{display:none}}.section--work{margin-top:50px;padding:110px 150px 0}.section--work .inner{max-width:1600px;margin:0 auto}.section--work .work-title{font-size:var(--title-font-size);color:var(--base-text)}.section--work .work-subtitle{margin-top:50px;font-size:var(--subtitle-font-size);color:var(--base-text);font-weight:300}.section--work .work-content{margin-top:50px;display:grid;grid-template-columns:repeat(auto-fit,32%);grid-column-gap:2%;-webkit-column-gap:2%;column-gap:2%}@media screen and (max-width:1380px){.section--work{padding:90px 20px 0}.section--work .work-title{font-size:var(--title-font-size-large)}.section--work .work-subtitle{font-size:var(--subtitle-font-size-large)}.section--work .work-content{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}@media screen and (max-width:768px){.section--work .work-title{text-align:center;font-size:var(--title-font-size-medium);font-weight:500}.section--work .work-subtitle{text-align:center}.section--work .work-content{grid-template-columns:repeat(auto-fit,100%)}}.work-card{background-color:var(--card-background-color);border:10px solid var(--border-color);border-radius:10px;box-shadow:13px 13px 6px var(--box-shadow-color);padding:30px;margin-bottom:30px}.work-card:hover{transition:.3s ease-out;box-shadow:0 4px 8px var(--box-shadow-color-hover)}.work-card .work-link{text-decoration:none}.work-card .work-card-img img{display:block;max-width:250px;height:auto;margin:0 auto}.work-card .work-card-title{font-size:var(--subtitle-font-size);font-weight:500}.work-card .work-card-desc,.work-card .work-card-title{margin-top:20px;color:var(--base-text);text-align:center}.work-card .work-card-desc{line-height:1.4;font-size:var(--content-font-size);font-weight:300}@media screen and (max-width:1380px){.work-card .work-card-title{font-size:25px}.work-card .work-card-desc{font-size:20px}}@media screen and (max-width:768px){.work-card .work-card-img img{max-width:180px}}.section--contact{margin:50px 0;padding:110px 150px 0}.section--contact .contact-title{max-width:1600px;margin:0 auto;font-size:var(--title-font-size);color:var(--base-text)}.section--contact .inner{max-width:1600px;margin:0 auto;display:flex;flex-direction:row-reverse}.section--contact .wrapper-inner{flex:85% 1}.section--contact .contact-subtitle{font-weight:300}.section--contact .contact-introduce,.section--contact .contact-subtitle{font-size:var(--subtitle-font-size);color:var(--base-text);margin-top:50px}.section--contact .contact-introduce{font-weight:500}.section--contact .social-links{margin-top:50px}.section--contact .profile-img{flex:15% 1;text-align:right}.section--contact .profile-img img{max-width:250px;height:auto;border:5px solid var(--border-color);border-radius:30px;box-shadow:0 5px 12px 5px var(--box-shadow-color-dark)}.section--contact .profile-img img:hover{transition:.2s ease-out;box-shadow:0 4px 8px var(--box-shadow-color-hover)}.section--contact .contact-introduce a{color:var(--base-text-hover);background:var(--main-title-color);padding:10px 30px;display:inline-block;border-radius:5px;text-decoration:none;transition:.5s ease-out}.contact-introduce>a:hover{background-color:var(--icon-background-color)}@media screen and (max-width:1380px){.section--contact{padding:90px 20px 0}.section--contact .contact-title{font-size:var(--title-font-size-large)}.section--contact .contact-subtitle{font-size:var(--subtitle-font-size-large)}}@media screen and (max-width:768px){.section--contact .contact-title{font-size:var(--title-font-size-medium);font-weight:500;text-align:center}.section--contact .inner{display:block;margin-bottom:40px}.section--contact .profile-img{margin-top:30px;text-align:center}.section--contact .wrapper-inner{text-align:center}}footer{padding:0 20px;margin:30px 0}footer .inner{max-width:1600px;margin:0 auto}footer .footer-content{font-size:var(--content-font-size)}.staffcard-main,footer .footer-content{text-align:center;color:var(--base-text)}.staffcard-main{border-radius:10px;box-shadow:13px 13px 6px var(--box-shadow-color);padding:30px;margin-bottom:30px;background-color:var(--card-background-color);border:10px solid var(--border-color);font-size:var(--subtitle-font-size);transition:.3s ease-out}.staffcard-main:hover{box-shadow:0 4px 8px var(--box-shadow-color-hover)}.staffcard-main .staffcard-role{font-weight:500}.staffcard-main .staffcard-company{margin-top:30px}.staffcard-main .staffcard-date{font-size:var(--content-font-size);margin-top:30px;font-weight:300;color:var(--base-text)}.staffcard-main .icon-button i{padding:10px;display:inline-block;color:var(--icon-button-color);box-sizing:border-box;border-radius:50%;margin:5px;transition:.3s ease-out}.email i{background-color:var(--gmail-color)}.twitter i{background-color:var(--x-color)}.pixiv i{background-color:var(--pixiv-color)}.icon-button>i:hover{background-color:var(--icon-background-color)}@media screen and (max-width:1380px){.staffcard-main .staffcard-role{font-size:22px}.staffcard-main .staffcard-company{font-size:19px}.staffcard-main .staffcard-date{font-size:16px}}.section--staff{margin-top:50px;padding:110px 150px 0}.section--staff .inner{max-width:1600px;margin:0 auto}.section--staff .staff-title{font-size:var(--title-font-size);color:var(--base-text)}.section--staff .staff-cards{margin-top:50px;display:grid;grid-template-columns:repeat(auto-fit,32%);grid-column-gap:2%;-webkit-column-gap:2%;column-gap:2%}.section--staff .staff-cards img{max-width:150px;height:auto;border:5px solid var(--border-color);border-radius:100%;box-shadow:0 5px 12px 5px var(--box-shadow-color-dark);margin:15px 0}@media screen and (max-width:1380px){.section--staff{padding:90px 20px 0}.section--staff .staff-title{font-size:var(--title-font-size-large)}.section--staff .staff-cards{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}@media screen and (max-width:768px){.section--staff .staff-title{font-size:var(--title-font-size-medium);text-align:center;font-weight:500}.section--staff .staff-cards{grid-template-columns:repeat(auto-fit,100%)}}.twitter-main{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,48%));grid-column-gap:1em;-webkit-column-gap:1em;column-gap:1em;grid-row-gap:1em;row-gap:1em;margin-top:1em;justify-content:center}.section--gallery{margin:50px 0;padding:110px 150px 0}.section--gallery .inner{max-width:1600px;margin:0 auto}.section--gallery .gallery-title{font-size:var(--title-font-size);color:var(--base-text)}.section--gallery .gallery-content{margin:50px 0 0;display:grid;grid-template-columns:repeat(auto-fit,25%);grid-column-gap:0;-webkit-column-gap:0;column-gap:0}.section--gallery .gallery-content img{width:100%;height:auto;cursor:pointer;opacity:1;transition:.5s ease-out;margin:0 auto}.section--gallery .gallery-content img:hover{transition:.5s ease-out;opacity:.2}@media screen and (max-width:1380px){.section--gallery{padding:90px 20px 0}.section--gallery .gallery-title{font-size:var(--title-font-size-large)}.section--gallery .gallery-subtitle{font-size:var(--subtitle-font-size-large)}.section--gallery .gallery-content{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media screen and (max-width:768px){.section--gallery .gallery-title{text-align:center;font-size:var(--title-font-size-medium);font-weight:500}.section--gallery .gallery-subtitle{text-align:center}.section--gallery .gallery-content{grid-template-columns:repeat(auto-fit,100%)}}.header-illust{background-position:50%;background-size:cover;background-image:url(/static/media/header.ca272048.png);font-size:100px;width:100%;height:100vh}.section--rssfeed{margin:50px 0;padding:110px 150px 0}.section--rssfeed .inner{max-width:1600px;margin:0 auto}.section--rssfeed .rssfeed-title{font-size:var(--title-font-size);color:var(--base-text)}.section--rssfeed .rssfeed-content{margin:50px 0 0;display:grid;grid-template-columns:repeat(auto-fit,50%);grid-column-gap:0;-webkit-column-gap:0;column-gap:0}@media screen and (max-width:1380px){.section--rssfeed{padding:90px 20px 0}.section--rssfeed .rssfeed-title{font-size:var(--title-font-size-large)}.section--rssfeed .rssfeed-subtitle{font-size:var(--subtitle-font-size-large)}.section--rssfeed .rssfeed-content{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}@media screen and (max-width:768px){.section--rssfeed .rssfeed-title{text-align:center;font-size:var(--title-font-size-medium);font-weight:500}.section--rssfeed .rssfeed-subtitle{text-align:center}.section--rssfeed .rssfeed-content{grid-template-columns:repeat(auto-fit,100%)}}.section--rssfeed-box .rssfeed-box-title{font-size:30px;color:var(--base-text);margin:50px 0}.section--rssfeed .rssfeed-box-content{overflow-y:scroll;height:20em}@media screen and (max-width:1380px){.section--rssfeed-box{padding:90px 20px 0}.section--rssfeed-box .rssfeed-box-title{font-size:30px}.section--rssfeed-box .rssfeed-box-subtitle{font-size:var(--subtitle-font-size)}.section--rssfeed-box .rssfeed-box-content{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}@media screen and (max-width:768px){.section--rssfeed-box .rssfeed-box-title{text-align:center;font-size:var(--subtitle-font-size);font-weight:500}.section--rssfeed-box .rssfeed-box-subtitle{text-align:center}.section--rssfeed-box .rssfeed-box-content{grid-template-columns:repeat(auto-fit,100%)}}.rssfeed-card{border-radius:3px;border:1px solid var(--border-color);padding:10px;margin-bottom:-1px;color:var(--base-text);text-align:left;transition:.3s ease-out;width:90%}.rssfeed-card-title{font-size:18px;margin-bottom:10px}.rssfeed-card-pubDate{font-size:15px;margin-bottom:10px}.work-page{background-color:var(--card-background-color);border:10px solid var(--border-color);border-radius:10px;box-shadow:13px 13px 6px var(--box-shadow-color);padding:30px;margin:120px 100px 30px}.work-page:hover{transition:.3s ease-out;box-shadow:0 4px 8px var(--box-shadow-color-hover)}.work-page .work-page-img img{display:block;max-width:250px;height:auto;margin:0 auto}.work-page .work-page-title{font-size:var(--subtitle-font-size);font-weight:500}.work-page .work-page-desc,.work-page .work-page-title{margin-top:20px;color:var(--base-text);text-align:center}.work-page .work-page-desc{line-height:1.4;font-size:var(--content-font-size);font-weight:300}@media screen and (max-width:1380px){.work-page{margin-top:100px}.work-page .work-page-title{font-size:25px}.work-page .work-page-desc{font-size:20px}}@media screen and (max-width:980px){.work-page{margin-top:80px}}@media screen and (max-width:768px){.work-page{margin-top:100px;margin-right:10px;margin-left:10px}.work-page .work-page-img img{max-width:180px}}@media screen and (max-width:300px){.work-page{margin-top:80px}}
/*# sourceMappingURL=main.488037ee.chunk.css.map */