@import url(https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c&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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{font-family:M PLUS Rounded\ 1c,sans-serif}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#root{background-color:#111;position:relative;z-index:1}.gnavi{height:fit-content;inset:0;position:absolute;-webkit-user-select:none;user-select:none;z-index:3}.gnavi-list{display:flex;gap:2em;justify-content:end;padding:16px 32px}.gnavi-item a{color:#fff;text-decoration:none}.breadcrumbs-list{display:none;font-size:.8em;gap:.5em;.breadcrumbs-item:nth-of-type(1n+2):before{content:">";display:inline-block;margin-right:.5em}}body,main{position:relative}main{height:min(100vh,100dvh);z-index:2}footer{z-index:3}.home-header{display:none}.home-main{overflow:hidden;padding-top:0;padding-top:var(--gnavi-height,0);&:before{background:linear-gradient(180deg,#ff477b00,#5c5ce040 50%,#318fff80);content:"";display:block;height:100%;inset:0;position:absolute;width:100%;z-index:1}}.home-content-main-visual{height:100vh;height:calc(100vh - var(--gnavi-height, 0px));margin:0 auto;max-width:1600px;position:relative;z-index:1}.home-content-main-visual-lead{margin:0 0 0 32px;max-width:58.82353%;padding:min(22vh,50%) 0 0 32px;position:relative;z-index:1;&:before{background-color:#fff;content:"";display:block;height:calc(100% + 5em);inset:-60px 0 0;position:absolute;transition:inset .5s ease-in-out;width:8px;z-index:0}}.home-content-main-visual-lead-title{color:#fff;font-size:clamp(24px,3vw,64px);letter-spacing:.15em;line-height:1;margin:0 auto}.home-content-main-visual-lead-text{color:#fff;font-size:clamp(16px,2vw,36px);letter-spacing:.25em;line-height:1.5;margin:1.5em auto 0 0}.home-content-main-visual-image{filter:brightness(.4);height:100%;object-fit:cover;object-position:center;position:absolute;width:100%;z-index:0}.home-content-main-visual-avater-wrapper{height:clamp(200px,60%,641px);inset:0 0 0 auto;margin:auto;position:absolute;-webkit-user-select:none;user-select:none;width:clamp(200px,50%,745px);z-index:2;&:before{content:"";display:block;height:100%;inset:0;position:absolute;width:100%;z-index:0}}.home-content-main-visual-avater{height:100%;object-fit:contain;object-position:center;width:100%}.home-content-main-visual-button{color:#fff;inset:auto 0 calc(50% - 33vh);margin:0 0 0 64px;position:absolute;text-decoration:none;width:fit-content;z-index:2}.home-content-main-visual-button-svg{width:clamp(100px,33vw,348px)}.home-content{z-index:1}.home-footer-sns{display:flex;gap:24px;margin:0 0 0 auto;max-width:fit-content;padding:0 32px}.home-footer{inset:auto 0 0;position:absolute;.home-footer-copyright{color:#fff;font-size:12px;padding:16px}}#firefly-container{backface-visibility:hidden;height:100vh;overflow:hidden;perspective:1000px;position:relative;transform:translateZ(0);width:100vw}.firefly{background-color:#fff;border-radius:50%;height:4px;pointer-events:none;position:absolute;width:4px}@keyframes float-up{0%{transform:translateY(0)}to{transform:translateY(-50vh)}}.profile-header{display:none}.profile-main{overflow:hidden;padding-top:0;padding-top:var(--gnavi-height,0);position:relative;z-index:0;&:before{background:linear-gradient(180deg,#ff477b00,#5c5ce040 50%,#318fff80);content:"";display:block;height:100%;inset:0;position:absolute;width:100%;z-index:1}}.profile-content-image{height:max(75vh,100%);inset:-96px 4% 0;position:absolute;width:calc(50% - 64px);z-index:2}.profile-content-image.animate{animation:slideUpAndRotate 1s ease-out forwards}.profile-content-image-path1,.profile-content-image-path2,.profile-content-image-path3{opacity:0}.profile-content-image-path1 path,.profile-content-image-path2 path,.profile-content-image-path3 path{filter:drop-shadow(11px 8px 3px rgba(0,0,0,.25))}.profile-content-image-path1{transform:translate(649.79px,299.5px);transform-origin:151.743px 723.675px}.profile-content-image-path2{transform:translate(649.79px,299.5px);transform-origin:330.432px 659.432px}.profile-content-image-path3{transform:translate(649.79px,299.5px);transform-origin:405.209px 580px}.profile-content-image-path1.animate,.profile-content-image-path2.animate,.profile-content-image-path3.animate{animation:slideUpAndRotate 1s ease-out forwards}.profile-content-image-path1.animate{animation-delay:0s}.profile-content-image-path2.animate{animation-delay:.5s}.profile-content-image-path3.animate{animation-delay:1s}.profile-content-character-image{animation:slideUpAndRotateCharacter .3s ease-out 1.9s forwards;height:max(75vh,100%);inset:-96px 4% 0;object-fit:contain;object-position:center;opacity:0;position:absolute;transform-origin:center;width:calc(50% - 64px);z-index:1}.profile-content-text-container{animation:profileTextFadeIn 1s ease-out 1s forwards;background:#fff3;height:0;margin:clamp(32px,13vw,163px) clamp(32px,5vw,64px) 0 auto;max-width:50%;opacity:0;padding:clamp(32px,5vw,64px) 0;position:relative;&:before{background:#fff;content:"";display:block;height:100%;inset:0;position:absolute;width:8px;z-index:0}}.profile-content-title{color:#fff;font-size:clamp(32px,5vw,64px);height:fit-content;inset:-.6em 0 0 clamp(32px,5vw,64px);letter-spacing:.1em;line-height:1;position:absolute;z-index:1}.profile-content-text{color:#fff;font-size:clamp(14px,2vw,20px);height:100%;line-height:1.5;overflow:auto;padding:0 clamp(32px,5vw,64px)}@keyframes profileTextFadeIn{0%{height:0;opacity:0}to{height:calc(100vh - 139px - clamp(32px, 6vw, 109px));height:calc(100vh - var(--gnavi-height, 0px)*2 - clamp(32px, 6vw, 109px) - 139px);opacity:1}}.profile-content-main-visual-lead{margin:0 0 0 32px;padding:min(22vh,50%) 0 0 32px;position:relative;&:before{background-color:#fff;content:"";display:block;height:calc(100% + 5em);inset:-60px 0 0;position:absolute;width:8px;z-index:0}}.profile-content-main-visual-lead-title{color:#fff;font-size:clamp(24px,3vw,64px);letter-spacing:.25em;line-height:1;margin:0 auto}.profile-content-main-visual-lead-text{color:#fff;font-size:clamp(16px,2vw,36px);letter-spacing:.25em;line-height:1.5;margin:1.5em auto 0 0;max-width:50%}.profile-content-main-visual-image{filter:brightness(.4);height:100vh;object-fit:cover;object-position:center;position:absolute;width:100vw;z-index:0}.profile-content-main-visual-avater-wrapper{height:clamp(200px,60%,641px);inset:0 0 0 auto;margin:auto;position:absolute;-webkit-user-select:none;user-select:none;width:clamp(200px,50%,745px);z-index:2;&:before{content:"";display:block;height:100%;inset:0;position:absolute;width:100%;z-index:0}}.profile-content-main-visual-avater{height:100%;object-fit:contain;object-position:center;width:100%}.profile-content-main-visual-button{color:#fff;inset:auto 0 calc(50% - 33vh);margin:0 0 0 64px;position:absolute;text-decoration:none;width:fit-content;z-index:2}.profile-content-main-visual-button-svg{width:clamp(100px,33vw,348px)}.profile-content{margin:0 auto;max-width:1440px;position:relative;z-index:2}.profile-footer-sns{display:flex;gap:24px;margin:0 0 0 auto;max-width:fit-content;padding:0 32px}.profile-footer{inset:auto 0 0;position:absolute;z-index:1;.profile-footer-copyright{color:#fff;font-size:12px;padding:16px}}@keyframes slideUpAndRotate{0%{opacity:0;transform:translate(0) rotate(0deg) scale(0)}to{opacity:1;transform:translate(649.79px,99.5px) rotate(1turn) scale(1)}}@keyframes slideUpAndRotateCharacter{0%{opacity:0;transform:translate(0) rotate(-90deg) scale(0)}to{opacity:1;transform:translate(0) rotate(0deg) scale(1)}}.skilles-header{display:none}.skilles-main{padding-top:0;padding-top:var(--gnavi-height,0);position:relative;z-index:0;&:before{background:linear-gradient(180deg,#ff477b00,#5c5ce040 50%,#318fff80);content:"";display:block;height:100%;inset:0;position:absolute;width:100%;z-index:1}}.skilles-content-main-visual-lead{margin:0 0 0 32px;padding:min(22vh,50%) 0 0 32px;position:relative;&:before{background-color:#fff;content:"";display:block;height:calc(100% + 5em);inset:-60px 0 0;position:absolute;width:8px;z-index:0}}.skilles-content-main-visual-lead-title{color:#fff;font-size:clamp(24px,3vw,64px);letter-spacing:.25em;line-height:1;margin:0 auto}.skilles-content-main-visual-lead-text{color:#fff;font-size:clamp(16px,2vw,36px);letter-spacing:.25em;line-height:1.5;margin:1.5em auto 0 0;max-width:50%}.skilles-content-main-visual-image{filter:brightness(.4);height:100vh;object-fit:cover;object-position:center;position:absolute;width:100vw;z-index:0}.skilles-content-main-visual-avater-wrapper{height:clamp(200px,60%,641px);inset:0 0 0 auto;margin:auto;position:absolute;-webkit-user-select:none;user-select:none;width:clamp(200px,50%,745px);z-index:2;&:before{content:"";display:block;height:100%;inset:0;position:absolute;width:100%;z-index:0}}.skilles-content-main-visual-avater{height:100%;object-fit:contain;object-position:center;width:100%}.skilles-content-main-visual-button{color:#fff;inset:auto 0 calc(50% - 33vh);margin:0 0 0 64px;position:absolute;text-decoration:none;width:fit-content;z-index:2}.skilles-content-main-visual-button-svg{width:clamp(100px,33vw,348px)}.skilles-content-text-container{animation:profileTextFadeIn 1s ease-out 1s forwards;background:#fff3;height:0;margin:clamp(32px,13vw,72px) auto 0;max-width:720px;opacity:0;padding:clamp(32px,5vw,64px) 0;position:relative;width:calc(100% - clamp(32px, 5vw, 64px)*2);z-index:3;&:before{background:#fff;content:"";display:block;height:100%;inset:0;position:absolute;width:8px;z-index:0}}.skilles-content-title{color:#fff;font-size:clamp(32px,5vw,64px);height:fit-content;inset:-.6em 0 0 clamp(32px,5vw,64px);letter-spacing:.1em;line-height:1;position:absolute;z-index:1}.skilles-content-text{grid-gap:.5em 0;color:#fff;display:grid;font-size:clamp(14px,2vw,20px);gap:.5em 0;height:100%;line-height:1.5;overflow:auto;padding:1em clamp(32px,5vw,64px)}.skilles-content-text-item{display:flex;gap:16px;position:relative}.skilles-content-text-item-name{font-size:clamp(12px,2vw,18px);width:clamp(100px,40%,200px)}.skilles-content-text-item-level{display:flex;position:relative;width:100%}.skilles-content-text-item-level:before{animation:skillGauge 1s ease-out 1s forwards;background:linear-gradient(90deg,#fff 50%,#6663ba 0);background:linear-gradient(90deg,#fff var(--skill-gauge-width,50%),#6663ba var(--skill-gauge-width,50%));content:"";display:block;height:4px;margin:auto auto auto 0;width:100%}@keyframes skillGauge{0%{background:linear-gradient(90deg,#fff,#6663ba 0);background:linear-gradient(90deg,#fff var(--skill-gauge-width,0),#6663ba var(--skill-gauge-width,0))}to{background:linear-gradient(90deg,#fff 100%,#6663ba 0);background:linear-gradient(90deg,#fff var(--skill-gauge-width,100%),#6663ba var(--skill-gauge-width,100%))}}.skilles-content-text-item-level-maxnum{color:#fff;font-size:12px;inset:-.5em 0 0 auto;position:absolute}.skilles-footer-sns{display:flex;gap:24px;margin:0 0 0 auto;max-width:fit-content;padding:0 32px}.skilles-footer{inset:auto 0 0;position:absolute;z-index:1;.skilles-footer-copyright{color:#fff;font-size:12px;padding:16px}}.projects-header{display:none}.projects-main{padding-top:0;padding-top:var(--gnavi-height,0);position:relative;z-index:0;&:before{background:linear-gradient(180deg,#ff477b00,#5c5ce040 50%,#318fff80);content:"";display:block;height:100%;inset:0;position:absolute;width:100%;z-index:1}}.projects-content-main-visual-lead{margin:0 0 0 32px;padding:min(22vh,50%) 0 0 32px;position:relative;&:before{background-color:#fff;content:"";display:block;height:calc(100% + 5em);inset:-60px 0 0;position:absolute;width:8px;z-index:0}}.projects-content-main-visual-lead-title{color:#fff;font-size:clamp(24px,3vw,64px);letter-spacing:.25em;line-height:1;margin:0 auto}.projects-content-main-visual-lead-text{color:#fff;font-size:clamp(16px,2vw,36px);letter-spacing:.25em;line-height:1.5;margin:1.5em auto 0 0;max-width:50%}.projects-content-main-visual-image{filter:brightness(.4);height:100vh;object-fit:cover;object-position:center;position:absolute;width:100vw;z-index:0}.projects-content-main-visual-avater-wrapper{height:clamp(200px,60%,641px);inset:0 0 0 auto;margin:auto;position:absolute;-webkit-user-select:none;user-select:none;width:clamp(200px,50%,745px);z-index:2;&:before{content:"";display:block;height:100%;inset:0;position:absolute;width:100%;z-index:0}}.projects-content-main-visual-avater{height:100%;object-fit:contain;object-position:center;width:100%}.projects-content-main-visual-button{color:#fff;inset:auto 0 calc(50% - 33vh);margin:0 0 0 64px;position:absolute;text-decoration:none;width:fit-content;z-index:2}.projects-content-main-visual-button-svg{width:clamp(100px,33vw,348px)}.projects-content-text-container{animation:profileTextFadeIn 1s ease-out 1s forwards;background:#fff3;height:0;margin:clamp(32px,13vw,72px) auto 0;max-width:960px;opacity:0;padding:clamp(32px,5vw,64px) 0;position:relative;width:calc(100% - clamp(32px, 5vw, 64px)*2);z-index:3;&:before{background:#fff;content:"";display:block;height:100%;inset:0;position:absolute;width:8px;z-index:0}}.projects-content-title{color:#fff;font-size:clamp(32px,5vw,64px);height:fit-content;inset:-.6em 0 0 clamp(32px,5vw,64px);letter-spacing:.1em;line-height:1;position:absolute;z-index:1}.projects-content-text{grid-gap:.5em 0;color:#fff;display:grid;font-size:clamp(14px,2vw,20px);gap:.5em 0;height:100%;line-height:1.5;overflow:auto;padding:1em clamp(32px,5vw,64px)}.projects-footer-sns{display:flex;gap:24px;margin:0 0 0 auto;max-width:fit-content;padding:0 32px}.projects-footer{inset:auto 0 0;position:absolute;z-index:1;.projects-footer-copyright{color:#fff;font-size:12px;padding:16px}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:where([hidden]:not([hidden=until-found])){display:none!important}:where(html){-webkit-text-size-adjust:none;scrollbar-gutter:stable;tab-size:2}:where(html:has(dialog:modal[open])){overflow:clip}@media (prefers-reduced-motion:no-preference){:where(html:focus-within){scroll-behavior:smooth}}:where(body){-webkit-font-smoothing:antialiased;font-family:system-ui,sans-serif;line-height:1.5}:where(button){all:unset}:where(input,button,textarea,select){color:inherit;font:inherit}:where(textarea){resize:vertical;resize:block}:where(button,label,select,summary,[role=button],[role=option]){cursor:pointer}:where(:disabled){cursor:not-allowed}:where(label:has(>input:disabled),label:has(+input:disabled)){cursor:not-allowed}:where(a){color:inherit;text-underline-offset:.2ex}:where(ul,ol){list-style:none}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,picture,svg,video){block-size:auto;max-inline-size:100%}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(h1,h2,h3){text-wrap:balance;line-height:calc(1em + .5rem)}:where(hr){block-size:0;border:none;border-block-start:1px solid;color:inherit;overflow:visible}:where(dialog){background:none;border:none;inset:unset;max-height:none;max-width:none}:where(dialog:not([open],[popover])){display:none!important}:where([popover]){background:none;border:none;color:inherit;inset:unset}:where([popover]:not(:popover-open)){display:none!important}:where(:focus-visible){box-shadow:0 0 0 5px Canvas;outline:3px solid CanvasText;outline-offset:1px}:where(:focus-visible,:target){scroll-margin-block:8vh}:where(.visually-hidden:not(:focus-within,:active)){border:0!important;clip-path:inset(50%)!important;height:1px!important;overflow:hidden!important;position:absolute!important;-webkit-user-select:none!important;user-select:none!important;white-space:nowrap!important;width:1px!important}.page-enter{opacity:0}.page-enter-active{opacity:1;transition:opacity .3s ease-in}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity .3s ease-out}
/*# sourceMappingURL=main.9f7580ca.css.map*/