@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Martian+Mono:wght@100..800&display=swap";html{font-size:10px}.template1{background:#f4f4f5;color:#666}.template1 .mv{font-optical-sizing:auto;font-family:Martian Mono,monospace}.template1 a{color:#999}body{margin:0;font-family:serif;letter-spacing:.1em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}html,body,#root{width:100%;height:100%;margin:0;padding:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,*:before,*:after{box-sizing:border-box}.mv{position:relative;width:100%;overflow:hidden;height:100vh;height:100dvh}.logo{position:absolute;left:50%;top:calc(50% - 20px);margin-left:-60px;opacity:0;animation:logoAnim 3s ease-out forwards}.logo img{width:120px;height:auto}.canvas-container{z-index:-1;position:fixed;top:0;left:0;width:100%;height:100vh}.canvas-container canvas{width:100%;height:100%}.logo-container{position:absolute;top:0;left:0;width:100%;height:100vh;height:100dvh}.logo-container canvas{width:100%;height:100%}.detail{position:absolute;width:100%;display:flex;flex-direction:column;align-items:flex-end;padding-right:48px;text-align:right;z-index:11;bottom:30%}@media screen and (max-width:768px){.detail{padding-right:5%}}.detail__text{margin:0;font-size:1.1rem;line-height:2;height:4em}.skill{position:absolute;left:0;top:20px;font-size:1.1rem;z-index:1}.skill__list{margin:0;padding:0 0 0 20px}.skill__item{height:1em;line-height:1;margin-bottom:1em;padding-left:16px;list-style:none;position:relative}.skill__item:before{position:absolute;left:0;top:0;content:"-"}.company-info{padding:24px;margin-top:100px}.company-info table{width:100%;max-width:800px;margin:0 auto;border-collapse:collapse}.company-info table th,.company-info table td{font-weight:400;padding:2em 1em;font-size:1.4rem}@media screen and (max-width:768px){.company-info table th,.company-info table td{padding:1em;font-size:1.2rem}}.company-info table th{text-align:left;padding-right:1.5em;vertical-align:top;white-space:nowrap}@media screen and (max-width:768px){.company-info table th{padding-right:1em}}.company-info table th br{display:none}@media screen and (max-width:768px){.company-info table th br{display:block}}.company-info table td{text-align:left}.company-info ul{padding:0;margin:0}.company-info ul li{padding:0 0 0 1em;margin:0;list-style:none;position:relative}.company-info ul li:before{content:"・";position:absolute;left:-.4em}.company-info ul li+li{margin-top:8px}.scroll{position:absolute;bottom:20px;text-align:center;width:100%;font-size:1.2rem}.copyright{text-align:center;font-size:1.2rem;padding-bottom:40px;margin-top:80px}@media screen and (max-width:768px){.copyright{margin-top:40px;padding-bottom:20px}}@keyframes cursorAnim{0%{visibility:visible;opacity:1}to{opacity:0}}@keyframes logoAnim{0%{opacity:0}to{opacity:1}}#magic{position:absolute;width:100%;height:100vh;height:100dvh;display:block;top:0;left:0;opacity:0;z-index:10}#magic.active{animation:logoAnim 1s 1.2s ease-out forwards}.pointer{position:fixed;top:120%;left:50%;transform:translate(-4px,-4px);width:8px;height:8px;border-radius:50%;background:#00000080}@media screen and (max-width:768px){.pointer{display:none}}