@charset "UTF-8";body{font-family:Noto Sans JP,sans-serif;font-weight:400}.wrapWider:where(.astro-J7PV25F6){width:100%;padding:0 40px}@media screen and (max-width: 767.8px){.wrapWider:where(.astro-J7PV25F6){padding:0 1rem}}.wrapBasic:where(.astro-J7PV25F6){width:80vw;max-width:1400px;margin-right:auto;margin-left:auto}@media (max-width: 1024px){.wrapBasic:where(.astro-J7PV25F6){width:90vw}}@media screen and (max-width: 767.8px){.wrapBasic:where(.astro-J7PV25F6){width:92vw}}.anek:where(.astro-J7PV25F6){font-family:Anek Latin,sans-serif;font-weight:500}.h_1-anek:where(.astro-J7PV25F6){font-family:Anek Latin;font-size:64px;font-weight:500;line-height:64px;letter-spacing:.02em}@media screen and (max-width: 1279.8px){.h_1-anek:where(.astro-J7PV25F6){font-size:56px;line-height:56px}}.purpleOl:where(.astro-J7PV25F6){list-style:none;padding:0;counter-reset:item}.purpleOl:where(.astro-J7PV25F6).start-4{counter-reset:item 3}.purpleOl:where(.astro-J7PV25F6) li:where(.astro-J7PV25F6){position:relative;padding-left:32px;margin-bottom:5px}.purpleOl:where(.astro-J7PV25F6) li:where(.astro-J7PV25F6):before{position:absolute;left:0;counter-increment:item;content:counter(item);display:flex;width:22px;height:22px;justify-content:center;align-items:center;border-radius:50%;background-color:#7445bf;color:#fff;font-size:14px;margin-top:4px}.articleBody:where(.astro-J7PV25F6) h2:where(.astro-J7PV25F6){margin-top:40px;font-size:1.5rem;letter-spacing:.02em;line-height:1.5}.articleBody:where(.astro-J7PV25F6) h2:where(.astro-J7PV25F6)+p:where(.astro-J7PV25F6){margin-top:1rem}.articleBody:where(.astro-J7PV25F6) p:where(.astro-J7PV25F6){margin-top:16px;font-size:.9375rem;letter-spacing:.02em;line-height:1.625rem}.articleBody:where(.astro-J7PV25F6) p:where(.astro-J7PV25F6)+p:where(.astro-J7PV25F6){margin-top:8px}.articleBody:where(.astro-J7PV25F6) ul:where(.astro-J7PV25F6){margin-top:1.5rem}.articleBody:where(.astro-J7PV25F6) ul:where(.astro-J7PV25F6) li:where(.astro-J7PV25F6){position:relative;margin-top:4px;padding-left:28px;font-size:.9375rem;line-height:1.625rem}.articleBody:where(.astro-J7PV25F6) ul:where(.astro-J7PV25F6) li:where(.astro-J7PV25F6):before{content:"";display:block;position:absolute;top:calc(.5em - 5px);left:0;width:20px;height:20px;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDIwIDIwIj4KICA8cGF0aCBzdHJva2U9IiM3NDQ1QkYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgZD0iTTEyLjAxNSAzLjMyNGMuNTQ5LjM4NSAxLjA2OS44IDEuNTYgMS4yNDYuNDMuNS44MjUgMS4wMiAxLjE4NyAxLjU2NC4yOS41NzguNTQgMS4xNy43NTUgMS43NzUuMTM4LjYyLjIzNiAxLjI0NS4yOTYgMS44NzItLjAxNi42MjUtLjA3IDEuMjQzLS4xNjIgMS44NTVhMTUuMDM3IDE1LjAzNyAwIDAgMS0uNTkzIDEuNzI4IDE0LjcxMiAxNC43MTIgMCAwIDEtLjk3IDEuNTAxYy0uNDA0LjQyNy0uODI5LjgyNi0xLjI3NSAxLjE5Ni0uNDgzLjMxLS45NzkuNTg2LTEuNDkuODMxLS41MjkuMTc4LTEuMDY0LjMyMy0xLjYwNC40MzNhMTIuOSAxMi45IDAgMCAxLTEuNjIuMDI2IDEyLjY1OCAxMi42NTggMCAwIDEtMS41MzYtLjM2M2MtLjQ3My0uMjEtLjkyOC0uNDQ4LTEuMzY1LS43MTMtLjM5Ni0uMzEzLS43Ny0uNjQ3LTEuMTItMS4wMDNhMTIuMDQ5IDEyLjA0OSAwIDAgMS0uODE4LTEuMjE4Yy0uMTktLjQ0My0uMzUtLjg5My0uNDgzLTEuMzVhMTEuMzQgMTEuMzQgMCAwIDEtLjEzNS0xLjM5M2MuMDQtLjQ1Ny4xMDctLjkwNi4yMDEtMS4zNDkuMTQ2LS40MjIuMzE1LS44My41MDgtMS4yMjYuMjM3LS4zNjQuNDkzLS43MDkuNzY4LTEuMDM1LjMwOC0uMjg2LjYzLS41NS45NjQtLjc5My4zNTctLjE5NS43Mi0uMzY3IDEuMDkyLS41MTUuMzgtLjA5OS43NjEtLjE3MyAxLjE0NC0uMjIzLjM4LS4wMDIuNzU0LjAyIDEuMTIzLjA2NC4zNTUuMDkuNy4yIDEuMDM0LjMzLjMxLjE2OC42MDYuMzU0Ljg4Ny41NTcuMjUuMjMyLjQ4MS40NzcuNjk1LjczNC4xNzcuMjc3LjMzNS41NjEuNDczLjg1My4xLjMwMS4xNzguNjA0LjIzOC45MS4wMi4zMDQuMDIyLjYwNi4wMDUuOTA0LS4wNTQuMjg5LS4xMjQuNTctLjIxLjg0M2E2LjY0MiA2LjY0MiAwIDAgMS0uMzk1LjczMiA2LjMxMSA2LjMxMSAwIDAgMS0uNTM3LjU4MyA1Ljk1MiA1Ljk1MiAwIDAgMS0uNjMyLjQwOWMtLjIyNC4wOS0uNDUuMTY1LS42NzcuMjI0YTUuMjIxIDUuMjIxIDAgMCAxLS42NzMuMDQyIDQuODcgNC44NyAwIDAgMS0uNjIzLS4xMjUgNC41NDMgNC41NDMgMCAwIDEtLjUzNi0uMjY1IDQuMjI2IDQuMjI2IDAgMCAxLS40MjEtLjM3MiAzLjk0NCAzLjk0NCAwIDAgMS0uMjg5LS40NCAzLjY1MyAzLjY1MyAwIDAgMS0uMTUtLjQ2OCAzLjM2NCAzLjM2NCAwIDAgMS0uMDItLjQ1NmMuMDI0LS4xNDIuMDU2LS4yNzkuMDk3LS40MS4wNTYtLjEyLjExOS0uMjMyLjE4OC0uMzM4YTIuNCAyLjQgMCAwIDEgLjI1LS4yNDVjLjA5My0uMDU3LjE4Ny0uMTA2LjI4MS0uMTQ2LjA5NC0uMDI0LjE4Ny0uMDQuMjc5LS4wNDcuMDg2LjAwNy4xNjguMDIuMjQ3LjA0LjA3LjAzMy4xMzMuMDcuMTkyLjExYS45OC45OCAwIDAgMSAuMTIyLjE1NSIvPgo8L3N2Zz4=)}.articleBody:where(.astro-J7PV25F6) img:where(.astro-J7PV25F6){margin:20px 0}.articleBody:where(.astro-J7PV25F6) iframe:where(.astro-J7PV25F6){margin:20px 0}.articleBody:where(.astro-J7PV25F6) iframe:where(.astro-J7PV25F6).embedly-embed{width:100%;height:100%;aspect-ratio:16/9}.articleBody:where(.astro-J7PV25F6) a:where(.astro-J7PV25F6){color:var(--purple-500);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}@media (hover: hover){.articleBody:where(.astro-J7PV25F6) a:where(.astro-J7PV25F6):hover{text-decoration:none}}.workTag:where(.astro-J7PV25F6){position:relative;padding:5px 12px;cursor:pointer;border-radius:3rem;border:solid 1px}.workTag:where(.astro-J7PV25F6).all{color:#7445bf;border-color:#7445bf}.workTag:where(.astro-J7PV25F6).all.selected,.workTag:where(.astro-J7PV25F6).all:hover{background-color:#7445bf;color:#fff}.workTag:where(.astro-J7PV25F6).webDesign{color:#ff54ee;border-color:#ff54ee}.workTag:where(.astro-J7PV25F6).webDesign.selected,.workTag:where(.astro-J7PV25F6).webDesign:hover{background-color:#ff54ee;color:#fff}.workTag:where(.astro-J7PV25F6).UIDesign{color:#ff5656;border-color:#ff5656}.workTag:where(.astro-J7PV25F6).UIDesign.selected,.workTag:where(.astro-J7PV25F6).UIDesign:hover{background-color:#ff5656;color:#fff}.workTag:where(.astro-J7PV25F6).graphicDesign{color:#ff9a24;border-color:#ff9a24}.workTag:where(.astro-J7PV25F6).graphicDesign.selected,.workTag:where(.astro-J7PV25F6).graphicDesign:hover{background-color:#ff9a24;color:#fff}.workTag:where(.astro-J7PV25F6).logoDesign{color:#10c800;border-color:#10c800}.workTag:where(.astro-J7PV25F6).logoDesign.selected,.workTag:where(.astro-J7PV25F6).logoDesign:hover{background-color:#10c800;color:#fff}.workTag:where(.astro-J7PV25F6).coding{color:#346dff;border-color:#346dff}.workTag:where(.astro-J7PV25F6).coding.selected,.workTag:where(.astro-J7PV25F6).coding:hover{background-color:#346dff;color:#fff}.workTag:where(.astro-J7PV25F6).sm{font-size:.75rem;line-height:1rem;padding:5px 9px}.worksThumb:where(.astro-J7PV25F6){width:100%;height:21rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;padding:1.25rem 2rem;background-color:#f0e8dc}@media screen and (max-width: 767.8px){.worksThumb:where(.astro-J7PV25F6){padding:2rem}}.worksThumb:where(.astro-J7PV25F6).pc{padding-left:5rem;padding-right:5rem}@media screen and (max-width: 767.8px){.worksThumb:where(.astro-J7PV25F6).pc{padding:2rem}}.worksThumb:where(.astro-J7PV25F6) img:where(.astro-J7PV25F6){display:block;max-height:100%}.worksLink:where(.astro-J7PV25F6){width:calc(50% - 20px)}@media screen and (max-width: 1279.8px){.worksLink:where(.astro-J7PV25F6){width:100%}}.bentoGrid:where(.astro-J7PV25F6){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:9.5rem;grid-auto-flow:dense;gap:2.5rem 1.75rem}@media screen and (max-width: 1279.8px){.bentoGrid:where(.astro-J7PV25F6){grid-auto-rows:8rem;gap:2rem 1.25rem}}@media screen and (max-width: 767.8px){.bentoGrid:where(.astro-J7PV25F6){grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:1.75rem .75rem}}.bentoCard:where(.astro-J7PV25F6){grid-column:span var(--c)/span var(--c);grid-row:span var(--r)/span var(--r)}@media screen and (max-width: 767.8px){.bentoCard:where(.astro-J7PV25F6){grid-column:span var(--cm)/span var(--cm);grid-row:auto}.bentoCard:where(.astro-J7PV25F6) .bentoThumb:where(.astro-J7PV25F6){flex:none;height:11rem}}@media screen and (max-width: 639.8px){.bentoCard:where(.astro-J7PV25F6){grid-column:span 2/span 2}.bentoCard:where(.astro-J7PV25F6) .bentoThumb:where(.astro-J7PV25F6){height:15rem}}.workSticker:where(.astro-J7PV25F6){position:absolute;top:-.85rem;right:-.6rem;z-index:2;transform:rotate(7deg);padding:5px 12px;border:solid 1px var(--purple-500);border-radius:3rem;background:#fff7ea;color:var(--purple-500);font-size:.875rem;white-space:nowrap;box-shadow:0 6px 14px -8px #3c281466;transition:transform .3s}.bentoCard:where(.astro-J7PV25F6):hover .workSticker:where(.astro-J7PV25F6){transform:rotate(-4deg) scale(1.06)}.welcomeTitle:where(.astro-J7PV25F6){position:relative}.welcomeTitle:where(.astro-J7PV25F6) img:where(.astro-J7PV25F6){display:block;width:100%}.welcomeMotif:where(.astro-J7PV25F6){position:absolute;width:auto!important;will-change:transform}.welcomeMotif:where(.astro-J7PV25F6).is-yellow{left:33.654%;top:14.474%;width:7.821%!important;animation:motifSpin 6s linear infinite}.welcomeMotif:where(.astro-J7PV25F6).is-pink{left:71.923%;top:8.772%;width:9.872%!important;animation:motifBounce 1.6s cubic-bezier(.3,0,.4,1) infinite}.welcomeMotif:where(.astro-J7PV25F6).is-green{left:65.962%;top:56.14%;width:9.744%!important;animation:motifWobble 2.4s ease-in-out infinite}@keyframes motifSpin{to{transform:rotate(360deg)}}@keyframes motifBounce{0%,to{transform:translateY(0) scale(1)}12%{transform:translateY(0) scale(1.12,.88)}40%{transform:translateY(-22%) scale(.94,1.06) rotate(-8deg)}62%{transform:translateY(0) scale(1.08,.92)}75%{transform:translateY(-6%) scale(1) rotate(4deg)}}@keyframes motifWobble{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-25deg) scale(1.1)}50%{transform:rotate(10deg) scale(.95)}75%{transform:rotate(35deg) scale(1.08)}}.profileFlower:where(.astro-J7PV25F6){position:relative;width:100%;aspect-ratio:1/1}.profileFlower_spin:where(.astro-J7PV25F6){position:absolute;inset:0;-webkit-mask:url(/images/profile-mask.png) center/contain no-repeat;mask:url(/images/profile-mask.png) center/contain no-repeat;animation:flowerSpin 24s linear infinite}.profileFlower_spin:where(.astro-J7PV25F6) img:where(.astro-J7PV25F6){display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;animation:flowerSpin 24s linear infinite reverse}@keyframes flowerSpin{to{transform:rotate(360deg)}}.fvBadge:where(.astro-J7PV25F6){animation:badgeShake 2.8s ease-in-out infinite}.fvBadge:where(.astro-J7PV25F6).is-hire{animation-delay:1.4s}.fvBadge:where(.astro-J7PV25F6):hover{animation-duration:.5s}@keyframes badgeShake{0%,60%,to{translate:0 0;rotate:0deg}64%{rotate:-4deg}68%{rotate:4deg}72%{rotate:-3deg}76%{rotate:3deg}80%{rotate:-1deg}84%{rotate:0deg}}@media (prefers-reduced-motion: reduce){.welcomeMotif:where(.astro-J7PV25F6),.fvBadge:where(.astro-J7PV25F6),.profileFlower_spin:where(.astro-J7PV25F6),.profileFlower_spin:where(.astro-J7PV25F6) img:where(.astro-J7PV25F6){animation:none}}.logoMarquee:where(.astro-J7PV25F6){overflow-x:auto;scrollbar-width:none;cursor:grab;-webkit-mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent)}.logoMarquee:where(.astro-J7PV25F6)::-webkit-scrollbar{display:none}.logoMarquee:where(.astro-J7PV25F6):focus-visible{outline:2px solid var(--purple-500);outline-offset:4px}.logoMarquee_track:where(.astro-J7PV25F6){display:flex;width:-moz-max-content;width:max-content}.logoMarquee_arrow:where(.astro-J7PV25F6){width:3rem;height:3rem;border-radius:9999px;border:1px solid var(--purple-500);color:var(--purple-500);display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s}.logoMarquee_arrow:where(.astro-J7PV25F6):hover{background-color:var(--purple-500);color:#fff7ea}.logoMarquee_arrow:where(.astro-J7PV25F6).is-next svg:where(.astro-J7PV25F6){transform:rotate(180deg)}.logoMarquee_list:where(.astro-J7PV25F6){display:flex;gap:1.5rem;padding-right:1.5rem}.logoMarquee_item:where(.astro-J7PV25F6){display:flex;align-items:center;justify-content:center;width:22rem;aspect-ratio:4/3;border-radius:.75rem;overflow:hidden;transition:transform .3s}.logoMarquee_item:where(.astro-J7PV25F6):hover{transform:translateY(-4px)}.logoMarquee_item:where(.astro-J7PV25F6) img:where(.astro-J7PV25F6).is-contain{max-width:75%;max-height:65%;-o-object-fit:contain;object-fit:contain}.logoMarquee_item:where(.astro-J7PV25F6) img:where(.astro-J7PV25F6).is-cover{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media screen and (max-width: 767.8px){.logoMarquee_item:where(.astro-J7PV25F6){width:14rem}}