@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700&display=swap);@font-face{font-display:swap;font-family:Google Sans Flex;font-style:normal;font-weight:100 900;src:url(/static/media/GoogleSansFlext.fc52ed64cef70232cb20.ttf) format("truetype")}*,:after,:before{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%;width:100%}body{-webkit-font-smoothing:antialiased;background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,"Noto Serif JP",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}ol,ul{list-style:none}:root{--color-bg:#000;--color-surface:#0a0a0a;--color-border:#ffffff1a;--color-text:#fff;--color-text-dim:#ffffff73;--color-accent:#fff;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Serif JP",sans-serif;--font-mono:"Google Sans Flex",sans-serif;--header-height:60px;--max-width:1100px;--transition:0.3s cubic-bezier(0.4,0,0.2,1)}.portfolio-layout{background:#000;background:var(--color-bg);color:#fff;color:var(--color-text);display:flex;flex-direction:column;min-height:100vh}.portfolio-header{align-items:center;background:#0000;display:flex;height:60px;height:var(--header-height);justify-content:space-between;left:0;mix-blend-mode:difference;padding:0 40px;position:fixed;right:0;top:0;z-index:1100}.portfolio-header__logo{color:#fff;color:var(--color-text);font-family:Google Sans Flex,sans-serif;font-family:var(--font-mono);font-size:.85rem;font-weight:700;letter-spacing:.12em;position:relative;text-transform:uppercase;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition);z-index:1}.portfolio-header__logo:hover{opacity:.6}.hamburger{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:44px;justify-content:center;padding:0;position:relative;width:44px;z-index:1}.hamburger__line{animation:hamburger-hint 3s ease-in-out .8s 2;background:#fff;display:block;height:1px;position:relative;transition:transform .45s cubic-bezier(.23,1,.32,1),width .35s cubic-bezier(.23,1,.32,1);width:28px}@keyframes hamburger-hint{0%{width:28px}30%{width:18px}60%{width:28px}80%{width:22px}to{width:28px}}.hamburger:hover .hamburger__line{width:22px}.hamburger--open .hamburger__line{animation:none;background:#0000}.hamburger__line:after,.hamburger__line:before{background:#fff;content:"";height:1px;left:0;position:absolute;transition:transform .45s cubic-bezier(.23,1,.32,1),top .3s ease,bottom .3s ease;width:28px}.hamburger__line:after,.hamburger__line:before{transform:translateY(0) rotate(0)}.hamburger__line:before{top:0}.hamburger__line:after{bottom:0}.hamburger__line:after,.hamburger__line:before{opacity:0;transition:opacity 0s .2s,transform .45s cubic-bezier(.23,1,.32,1)}.hamburger--open .hamburger__line:before{opacity:1;top:0;transform:rotate(45deg);transition:opacity 0s 0s,transform .45s cubic-bezier(.23,1,.32,1)}.hamburger--open .hamburger__line:after{bottom:0;opacity:1;transform:rotate(-45deg);transition:opacity 0s 0s,transform .45s cubic-bezier(.23,1,.32,1)}.nav-overlay{align-items:center;display:flex;inset:0;justify-content:flex-end;pointer-events:none;position:fixed;z-index:1050}.nav-overlay--open{pointer-events:all}.nav-overlay__backdrop{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#000000a6;border:none;cursor:pointer;inset:0;opacity:0;position:absolute;transition:opacity .45s ease}.nav-overlay--open .nav-overlay__backdrop{opacity:1}.nav-overlay__menu{background:#000;display:flex;flex-direction:column;gap:0;height:100%;min-width:300px;padding:120px 60px 60px;position:relative;transform:translateX(100%);transition:transform .55s cubic-bezier(.23,1,.32,1);z-index:1}.nav-overlay--open .nav-overlay__menu{transform:translateX(0)}.nav-overlay__link{align-items:flex-start;border-bottom:1px solid #ffffff1a;color:#fff;display:flex;font-family:Google Sans Flex,sans-serif;font-family:var(--font-mono);font-size:clamp(1.6rem,4vw,2.4rem);font-weight:700;gap:14px;letter-spacing:-.01em;opacity:0;padding:20px 0;transform:translateX(20px);transition:opacity .4s ease,transform .4s ease,color .2s ease}.nav-overlay__link:first-child{border-top:1px solid #ffffff1a}.nav-overlay__link:hover{color:#ffffff80}.nav-overlay--open .nav-overlay__link:first-child{opacity:1;transform:translateX(0);transition-delay:.18s}.nav-overlay--open .nav-overlay__link:nth-child(2){opacity:1;transform:translateX(0);transition-delay:.26s}.nav-overlay--open .nav-overlay__link:nth-child(3){opacity:1;transform:translateX(0);transition-delay:.34s}.nav-overlay--open .nav-overlay__link:nth-child(4){opacity:1;transform:translateX(0);transition-delay:.42s}.nav-overlay__link-body{display:flex;flex-direction:column;gap:4px}.nav-overlay__link-desc{color:#fff6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,"Noto Serif JP",sans-serif;font-family:var(--font-sans);font-size:.65rem;font-weight:400;letter-spacing:.02em;line-height:1.4}.nav-overlay__num{color:#ffffff59;font-size:.65rem;font-weight:400;letter-spacing:.12em;padding-top:.5rem}@keyframes text-flicker{0%{opacity:1}15%{opacity:.6}30%{opacity:1}55%{opacity:.75}70%{opacity:1}88%{opacity:.55}to{opacity:1}}.shuffle-text--animating{animation:text-flicker .18s linear infinite;display:inline-block}.home-page{background:#000;box-sizing:border-box;flex-direction:column;gap:12px;min-height:100vh;padding:40px 64px 36px;width:100%}.home-page,.home-top-bar{display:flex;position:relative}.home-top-bar{align-items:center;flex-shrink:0;justify-content:space-between;z-index:1200}.home-logo{color:#fff;font-family:Google Sans Flex,sans-serif;font-family:var(--font-mono);font-size:.85rem;font-weight:700;letter-spacing:.12em;text-decoration:none;text-transform:uppercase}.home-page__frame{border-radius:1px;flex:none;height:25vh;position:relative}.home-page__canvas{height:100%;inset:0;position:absolute;width:100%}.home-page__content{align-items:center;display:flex;inset:0;justify-content:center;mix-blend-mode:difference;pointer-events:none;position:absolute;z-index:10}.home-page__name{color:#fff;font-family:Google Sans Flex,sans-serif;font-family:var(--font-mono);font-size:clamp(1.2rem,2.8vw,2.4rem);font-weight:400;letter-spacing:-.02em;line-height:1.6;text-align:left;white-space:pre}.typing-text{display:inline-block;text-align:center}.typing-line{display:block;min-height:1.6em}@keyframes cursor-blink{0%,45%{opacity:1}55%,to{opacity:0}}@keyframes cursor-gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.typing-cursor{animation:cursor-blink .9s ease-in-out infinite,cursor-gradient-shift 2s ease infinite;background:linear-gradient(180deg,#ff6b6b,#ffd93d,#6bcb77,#4d96ff,#c77dff);background-size:100% 400%;border-radius:1px;display:inline-block;height:1em;margin-right:1px;vertical-align:text-bottom;width:2px}.work-detail-page{background:#fff!important;color:#333;min-height:100vh}.works-section{display:flex;justify-content:center;margin-top:80px;padding:0 0 80px}.works-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);max-width:1100px;width:100%}.works-card{background:#111;cursor:pointer;overflow:hidden;position:relative}.works-card__img{aspect-ratio:16/10;display:block;height:auto;object-fit:contain;transition:filter .3s cubic-bezier(.4,0,.2,1);transition:filter var(--transition);width:100%}.works-card:hover .works-card__img{filter:brightness(.55)}.works-card__overlay{align-items:center;background:#ffffff1f;display:flex;flex-direction:column;gap:16px;inset:0;justify-content:center;position:absolute}.works-card__more{border-bottom:1px solid #ffffff80;color:#fff;font-family:Google Sans Flex,sans-serif;font-family:var(--font-mono);font-size:.85rem;letter-spacing:.2em;padding-bottom:2px;text-decoration:none;text-transform:uppercase;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition)}.works-card__more:hover{opacity:.7}.works-card__close{background:none;border:none;color:#fff9;cursor:pointer;font-family:Google Sans Flex,sans-serif;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;transition:color .3s cubic-bezier(.4,0,.2,1);transition:color var(--transition)}.works-card__close:hover{color:#fff}.home-bottom-bar{align-items:center;display:flex;flex-shrink:0;justify-content:flex-end;position:relative;z-index:1200}.home-explore-btn{align-items:center;background:none;border:none;color:#fff9;cursor:pointer;display:inline-flex;font-family:Google Sans Flex,sans-serif;font-family:var(--font-mono);font-size:.78rem;gap:10px;letter-spacing:.12em;padding:0;text-transform:uppercase;transition:color .3s cubic-bezier(.4,0,.2,1),gap .3s cubic-bezier(.4,0,.2,1);transition:color var(--transition),gap var(--transition)}.home-explore-btn:hover{color:#fff;gap:16px}.page-shell{background:#0a0a0a;background:var(--color-surface);min-height:100vh;padding-top:60px;padding-top:var(--header-height)}.page-container{margin:0 auto;max-width:1100px;max-width:var(--max-width);padding:80px 40px}.page-title{color:#fff;font-size:clamp(1.5rem,4vw,3rem);font-weight:700;letter-spacing:-.02em;margin-bottom:16px}.page-subtitle,.page-title{font-family:Google Sans Flex,sans-serif;font-family:var(--font-mono)}.page-subtitle{color:#ffffff73;color:var(--color-text-dim);font-size:.9rem;letter-spacing:.06em;margin-bottom:64px}.projects-grid{grid-gap:24px 16px;display:grid;gap:24px 16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.project-card-wrap{cursor:pointer;display:flex;flex-direction:column;gap:10px}.project-card-wrap:focus{outline:1px solid #fff6;outline-offset:4px}.project-card{aspect-ratio:16/10;background:#111;overflow:hidden;position:relative;transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform var(--transition)}.project-card-wrap:hover .project-card__overlay{opacity:1}.project-card-wrap:hover .project-card__thumb{filter:grayscale(0);transform:scale(1.04)}.project-card__thumb{display:block;filter:grayscale(100%);height:100%;object-fit:cover;transition:transform .3s cubic-bezier(.4,0,.2,1),filter .3s cubic-bezier(.4,0,.2,1);transition:transform var(--transition),filter var(--transition);width:100%}.project-card__overlay{background:#0000008c;display:flex;flex-direction:column;inset:0;justify-content:flex-end;opacity:0;padding:20px;position:absolute;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition)}.project-card__name{color:#fff;font-family:Google Sans Flex,sans-serif;font-family:var(--font-mono);font-size:.9rem;font-weight:700;letter-spacing:.04em;margin-bottom:4px}.project-card__desc{color:#ffffffa6;font-size:.75rem;letter-spacing:.02em}.project-card__title-below{color:#ffffffbf;font-family:Google Sans Flex,sans-serif;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.04em;padding:0 2px}.project-card--placeholder{aspect-ratio:16/10;background:#161616;display:flex;flex-direction:column;justify-content:flex-end;padding:24px}.project-card--placeholder .project-card__name{color:#fff;font-family:Google Sans Flex,sans-serif;font-family:var(--font-mono);font-size:1rem;font-weight:700;margin-bottom:6px}.project-card--placeholder .project-card__desc{color:#ffffff80;font-size:.78rem}.project-detail{background:#0a0a0a;background:var(--color-surface);min-height:100vh;padding-top:60px;padding-top:var(--header-height)}.project-detail__hero{align-items:center;background:#111;display:flex;justify-content:center;max-height:60vh;overflow:hidden;width:100%}.project-detail__hero gif,.project-detail__hero img{display:block;filter:grayscale(30%);height:auto;max-height:60vh;object-fit:contain;width:100%}.project-detail__body{margin:0 auto;max-width:1100px;max-width:var(--max-width);padding:60px 40px}.project-detail__back{align-items:center;color:#ffffff73;color:var(--color-text-dim);cursor:pointer;display:inline-flex;font-family:Google Sans Flex,sans-serif;font-family:var(--font-mono);font-size:.75rem;gap:8px;letter-spacing:.1em;margin-bottom:40px;text-transform:uppercase;transition:color .3s cubic-bezier(.4,0,.2,1);transition:color var(--transition)}.project-detail__back:hover{color:#fff}.project-detail__title{font-family:Google Sans Flex,sans-serif;font-family:var(--font-mono);font-size:clamp(1.8rem,4vw,3rem);font-weight:700;letter-spacing:-.02em;line-height:1.15;margin-bottom:24px}.project-detail__tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:40px}.project-detail__tag{border:1px solid #ffffff1a;border:1px solid var(--color-border);letter-spacing:.1em;padding:4px 12px}.project-detail__section-label,.project-detail__tag{color:#ffffff73;color:var(--color-text-dim);font-family:Google Sans Flex,sans-serif;font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase}.project-detail__section-label{letter-spacing:.2em;margin-bottom:12px}.project-detail__text{color:#fffc;font-size:1rem;line-height:1.8;margin-bottom:48px;max-width:680px}.project-detail__divider{border:none;border-top:1px solid #ffffff1a;border-top:1px solid var(--color-border);margin:40px 0}.project-detail__links{display:flex;flex-wrap:wrap;gap:16px}.btn-outline{align-items:center;background:#0000;border:1px solid #ffffff4d;color:#fff;cursor:pointer;display:inline-flex;font-family:Google Sans Flex,sans-serif;font-family:var(--font-mono);font-size:.75rem;gap:8px;letter-spacing:.12em;padding:12px 24px;text-transform:uppercase;transition:background .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1);transition:background var(--transition),border-color var(--transition)}.btn-outline:hover{background:#ffffff14;border-color:#ffffffb3}.contact-page{align-items:center;background:#0a0a0a;background:var(--color-surface);display:flex;flex-direction:column;min-height:100vh;padding-top:120px;padding-top:calc(var(--header-height) + 60px)}.contact-inner{max-width:560px;padding:0 40px 60px;width:100%}.contact-form{gap:32px}.contact-field,.contact-form{display:flex;flex-direction:column}.contact-field{gap:8px}.contact-label{color:#ffffff73;color:var(--color-text-dim);font-family:Google Sans Flex,sans-serif;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase}.contact-input{background:#fff;border:none;color:#111;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,"Noto Serif JP",sans-serif;font-family:var(--font-sans);font-size:1rem;outline:none;padding:12px 14px;transition:box-shadow .3s cubic-bezier(.4,0,.2,1);transition:box-shadow var(--transition)}.contact-input:focus{box-shadow:0 0 0 2px #fff9}.contact-textarea{background:#fff;border:none;color:#111;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,"Noto Serif JP",sans-serif;font-family:var(--font-sans);font-size:1rem;min-height:120px;outline:none;padding:12px 14px;resize:none;transition:box-shadow .3s cubic-bezier(.4,0,.2,1);transition:box-shadow var(--transition)}.contact-textarea:focus{box-shadow:0 0 0 2px #fff9}.contact-submit{align-self:flex-start;background:#0000;border:1px solid #ffffff4d;color:#fff;cursor:pointer;font-family:Google Sans Flex,sans-serif;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.15em;margin-top:8px;padding:14px 32px;text-transform:uppercase;transition:background .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1);transition:background var(--transition),border-color var(--transition)}.contact-submit:hover{background:#ffffff14;border-color:#ffffffb3}.about-page{background:#0a0a0a;background:var(--color-surface);min-height:100vh;padding-top:120px;padding-top:calc(var(--header-height) + 60px)}.about-inner,.about-page{align-items:center;display:flex;flex-direction:column}.about-inner{max-width:560px;padding:0 40px 60px;text-align:center;width:100%}.about-image-wrap{margin-bottom:40px}.about-image{border-radius:50%;display:block;filter:grayscale(20%);height:160px;object-fit:cover;width:160px}.about-text1{color:#ffffffd9;font-size:1rem;line-height:1.8;margin-bottom:56px}.about-career{border-top:1px solid #ffffff1a;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:32px;padding-top:40px;text-align:left;width:100%}.about-career-item{align-items:flex-start;display:flex;gap:24px}.about-career-period{color:#ffffff73;color:var(--color-text-dim);font-family:Google Sans Flex,sans-serif;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;min-width:90px;padding-top:2px;white-space:nowrap}.about-career-body{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--color-border);flex:1 1;padding-bottom:32px}.about-career-item:last-child .about-career-body{border-bottom:none;padding-bottom:0}.about-career-company{color:#fff;font-family:Google Sans Flex,sans-serif;font-family:var(--font-mono);font-size:.9rem;font-weight:700;margin-bottom:6px}.about-career-desc{color:#ffffff73;color:var(--color-text-dim);font-size:.85rem;line-height:1.7}.page-footer-back{max-width:560px;padding:0 40px 60px;width:100%}.back-btn{color:#ffffff73;color:var(--color-text-dim);font-family:Google Sans Flex,sans-serif;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.12em;text-decoration:none;text-transform:uppercase;transition:color .3s cubic-bezier(.4,0,.2,1);transition:color var(--transition)}.back-btn:hover{color:#fff}.ad-screen-wrapper,.diagnosis-app-wrapper{color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;padding:20px}.diagnosis-app-wrapper{background-color:#8da4ce}.ad-screen-wrapper{background-color:#7494c0}.diagnosis-container{margin:0 auto;max-width:600px}@keyframes popIn{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.question-screen{animation:popIn .3s ease-out;display:flex;flex-direction:column;gap:10px}.line-icon{font-size:40px;margin-bottom:-10px}.speech-bubble{background-color:#fff;border-radius:15px;border-top-left-radius:0;box-shadow:0 1px 2px #0000001a;margin-bottom:10px;margin-left:10px;max-width:80%;padding:15px;position:relative;width:-webkit-fit-content;width:fit-content}.speech-bubble:before{border-left:10px solid #0000;border-top:10px solid #fff;content:"";left:-10px;position:absolute;top:0}.progress-text{color:#888;font-size:12px;margin-bottom:5px}.question-text{color:#333;font-size:16px;line-height:1.5;margin:0}.main-image{border-radius:10px;margin-top:10px;width:100%}.button-container{animation:popIn .4s ease-out;background-color:#fff;border-radius:15px;box-shadow:0 1px 2px #0000001a;display:flex;flex-direction:column;margin-left:50px;max-width:80%;overflow:hidden}.diagnosis-option-btn{background-color:#fff;border:none;border-bottom:1px solid #eee;color:#007bff;cursor:pointer;display:block;font-size:16px;padding:15px;text-align:center;transition:background-color .2s;width:100%}.diagnosis-option-btn:last-child{border-bottom:none}.diagnosis-option-btn:hover{background-color:#f2f7fd}.result-screen{animation:popIn .5s ease-out;background-color:#fff;border-radius:20px;margin-top:50px;padding:30px;text-align:center}.start-btn{background-color:#06c755;border:none;border-radius:10px;box-shadow:0 4px 6px #0000001a;color:#fff;font-size:18px;transition:.2s}.restart-btn,.start-btn{cursor:pointer;font-weight:700;margin-top:20px;padding:15px;width:100%}.restart-btn{background-color:#1c52e7;border:2px solid #ddd;border-radius:50px;box-shadow:0 4px 6px #0000000d;color:#fdfdfd;font-size:16px;transition:.3s}.result-image{border-radius:10px;box-shadow:0 4px 8px #0000001a;height:auto;margin-top:20px;max-width:100%}.chat-container{margin:0 auto;max-width:480px}.chat-row{align-items:flex-start;display:flex;margin-bottom:15px}.bot-icon{align-items:center;background-color:#fff;border-radius:50%;display:flex;flex-shrink:0;font-size:24px;height:40px;justify-content:center;margin-right:10px;width:40px}.bot-icon.invisible{opacity:0}.message-bubble{background-color:#fff;border-radius:15px;box-shadow:0 1px 2px #0000001a;color:#333;font-size:15px;line-height:1.5;max-width:80%;padding:12px 16px;position:relative}.message-bubble:before{border-bottom:8px solid #0000;border-right:8px solid #fff;border-top:8px solid #0000;content:"";left:-8px;position:absolute;top:10px}.image-bubble{background-color:initial;box-shadow:none;max-width:80%;padding:0}.image-bubble:before{display:none}.image-bubble img{border-radius:12px;display:block;width:100%}.options-area{margin-top:20px;padding:0 20px}.options-card{background-color:#fff;border-radius:15px;box-shadow:0 2px 5px #0000001a;padding:20px;text-align:center}.options-label{border-bottom:1px solid #f0f0f0;color:#333;font-size:14px;font-weight:700;margin-bottom:15px;padding-bottom:10px}.chat-option-btn{background-color:initial;border:none;border-radius:8px;color:#007bff;cursor:pointer;display:block;font-size:16px;margin-bottom:10px;padding:12px;transition:background-color .2s;width:100%}.chat-option-btn:hover{background-color:#f8fbff}.chat-option-btn:last-child{margin-bottom:0}.project-detail__back{color:#161616}.works-card__info{padding:12px}.works-card__title{font-size:14px;font-weight:700;margin:0 0 8px}.works-card__tags{display:flex;flex-wrap:wrap;gap:6px}.works-card__tag{background:#fff;border-radius:20px;color:#111;font-size:12px;padding:2px 10px}@media (max-width:768px){.portfolio-header{padding:0 20px}.home-page{padding:24px}.page-container{padding:60px 20px}.project-detail__body{padding:40px 20px}.projects-grid,.works-grid{grid-template-columns:1fr}.nav-overlay__menu{min-width:100%;padding:100px 32px 48px}.nav-overlay__link{font-size:clamp(1.4rem,8vw,2rem)}}
/*# sourceMappingURL=main.29c1aa92.css.map*/