@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";:root{--font-base: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif, "Segoe UI Emoji";--font-code: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace, "Segoe UI Emoji";--font-hero: "Share Tech Mono", var(--font-code);--color-primary: #3effdf;--color-secondary: #ff6f91;--color-background: #f8f9fa;--color-card: #ffffff;--color-text: #212529;--color-text-nega: #e0e0e0;--color-border: #dee2e6;--color-button: #495057;--color-shadow: 0, 0, 0, 0.16;--color-gray: #dedede}@media(min-width: 768px){.is-hidden_pc{display:none}}@media(max-width: 767px){.is-hidden_sp{display:none}}.u-txt_left{text-align:left !important}.u-txt_center{text-align:center !important}.u-txt_right{text-align:right !important}.u-mb5{margin-bottom:5px !important}.u-mb10{margin-bottom:10px !important}.u-mb15{margin-bottom:15px !important}.u-mb20{margin-bottom:20px !important}.u-mb25{margin-bottom:25px !important}.u-mb30{margin-bottom:30px !important}.u-mb35{margin-bottom:35px !important}.u-mb40{margin-bottom:40px !important}.u-mb45{margin-bottom:45px !important}.u-mb50{margin-bottom:50px !important}.u-mb60{margin-bottom:60px !important}.u-mb70{margin-bottom:70px !important}.u-mb80{margin-bottom:80px !important}.u-mt5{margin-top:5px !important}.u-mt10{margin-top:10px !important}.u-mt15{margin-top:15px !important}.u-mt20{margin-top:20px !important}.u-mt25{margin-top:25px !important}.u-mt30{margin-top:30px !important}.u-mt40{margin-top:40px !important}.u-mt50{margin-top:50px !important}.u-color-primary{color:teal}.u-color-secondary{color:#fafad2}.u-color-accent{color:tomato}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;vertical-align:bottom}table{width:100%}@media(max-width: 767px){table.table{display:block}table.table tbody,table.table tr,table.table th,table.table td{box-sizing:border-box;display:block;width:100% !important}}.bold{font-family:"Helvetica Neue","Arial","Hiragino Kaku Gothic ProN","Hiragino Sans","YuGothic","Yu Gothic","Meiryo",sans-serif;font-weight:bold}.button_basic{display:block;border:1px solid var(--color-card);background:color-mix(in srgb, var(--color-text) 80%, transparent 20%);box-shadow:1px 1px 2px #000,0 0 16px hsla(0,0%,100%,.5);font-family:var(--font-hero);color:var(--color-card);padding:10px 30px;margin-bottom:5px;width:-moz-fit-content;width:fit-content;font-size:1.125rem;display:flex;align-items:center;-moz-column-gap:10px;column-gap:10px;position:relative;transition:.3s;z-index:0}.button_basic::before{content:"";z-index:-1;position:absolute;left:0;top:0;width:0;height:100%;background:var(--color-primary);transition:.3s;clip-path:polygon(0 0, 100% 0, calc(100% - 20px) 100%, 0% 100%)}.button_basic span{left:0;top:0;position:absolute;width:100%;height:100%}.button_basic span::before,.button_basic span::after{content:"";box-shadow:1px 1px 2px #000,0 0 16px hsla(0,0%,100%,.5);width:6px;height:6px;background-color:var(--color-card);position:absolute;display:block;left:-3px;top:-3px}.button_basic span::after{top:unset;bottom:-3px}.button_basic span:last-of-type::before,.button_basic span:last-of-type::after{left:unset;right:-3px}.button_basic:hover,.button_basic:active{color:var(--color-text);border-color:var(--color-text)}.button_basic:hover::before,.button_basic:active::before{width:100%}.button_simple{padding:5px 20px;width:-moz-fit-content;width:fit-content;font-family:var(--font-hero);font-weight:700;letter-spacing:.03em;color:var(--color-card);font-size:1.125rem;display:flex;align-items:center;-moz-column-gap:10px;column-gap:10px;border-radius:999px;border:2px solid rgba(0,0,0,0);background:var(--color-text);transition:.2s}.button_simple:hover,.button_simple:focus{border:2px solid var(--color-card);background:color-mix(in srgb, var(--color-text) 80%, transparent 20%)}.title_top{white-space:nowrap;width:-moz-fit-content;width:fit-content;font-family:var(--font-hero);display:flex;font-size:3rem;letter-spacing:.03em;font-weight:700;line-height:.6;padding:.1em 0 0;color:var(--color-text);transform-origin:bottom left;rotate:90deg;position:relative;top:-30px}.title_top span{display:grid;grid-template-rows:1fr auto;width:296px}.title_top span::before{content:"";align-self:center;width:88%;height:10px;background-size:auto auto;background-color:rgba(0,0,0,0);background-image:repeating-linear-gradient(135deg, transparent, transparent 4px, var(--color-text) 4px, var(--color-text) 8px);clip-path:polygon(12px 0%, 100% 0%, calc(100% - 10px) 100%, 6px 100%)}.title_top span::after{content:"";width:100%;height:1px;background:var(--color-text);margin:0 6px}@media(max-width: 767px){.title_top{font-size:2.5rem}}.title_top_sm{white-space:nowrap;width:-moz-fit-content;width:fit-content;font-family:var(--font-hero);display:flex;-moz-column-gap:10px;column-gap:10px;font-size:2.5rem;letter-spacing:.03em;font-weight:700;line-height:.6;padding:.1em 0 0;color:var(--color-text);transform-origin:bottom left;rotate:90deg;position:relative;top:-30px}.title_top_sm span{display:grid;grid-template-rows:1fr auto;width:150px}.title_top_sm span::before{content:"";align-self:center;width:90%;height:10px;background-size:auto auto;background-color:rgba(0,0,0,0);background-image:repeating-linear-gradient(135deg, transparent, transparent 4px, var(--color-text) 4px, var(--color-text) 6px);clip-path:polygon(12px 0%, 100% 0%, calc(100% - 10px) 100%, 0px 100%)}.title_top_sm span::after{content:"";width:100%;height:1px;background-color:var(--color-text);margin-left:5px}.deco_arrow{position:absolute;display:flex}.deco_arrow span{display:contents}.deco_arrow span::before,.deco_arrow span::after{content:"";display:block;width:10px;height:10px;border-right:5px solid var(--color-text);border-bottom:5px solid var(--color-text);rotate:-45deg;animation:arrow 1.8s steps(1) infinite}.deco_arrow span:nth-child(1)::before{animation:none}.deco_arrow span:nth-child(1)::after{animation-delay:.3s}.deco_arrow span:nth-child(2)::before{animation-delay:.6s}.deco_arrow span:nth-child(2)::after{animation-delay:.9s}.deco_arrow span:nth-child(3)::before{animation-delay:1.2s}.deco_arrow span:nth-child(3)::after{animation-delay:1.5s}@keyframes arrow{0%{opacity:0}18%{opacity:1}100%{opacity:1}}.deco_square{display:flex;-moz-column-gap:10px;column-gap:10px;position:absolute}.deco_square span{display:contents}.deco_square span::before,.deco_square span::after{content:"";display:block;width:25px;height:25px;background-color:color-mix(in srgb, var(--color-card) 10%, var(--color-text) 90%);box-shadow:inset 1px 1px 2px rgba(0,0,0,.5),inset -1px -1px 0 var(--color-primary)}*{scrollbar-color:var(--color-text) var(--color-primary);scrollbar-width:thin}html{font-size:100%}body{font-family:var(--font-base),sans-serif;font-size:1rem;font-weight:normal;line-height:1.5;color:var(--color-text);background-color:var(--color-primary)}.wrap{position:relative;margin:auto}.wrap::before,.wrap::after{content:"";position:absolute;display:block;left:20px;top:0px;width:calc(100% - 40px);height:100%;background-size:auto auto;z-index:-1}.wrap::before{background-image:repeating-linear-gradient(0deg, transparent, transparent 90px, rgba(255, 255, 255, 0.8) 90px, rgba(255, 255, 255, 0.8) 91px)}.wrap::after{background-image:repeating-linear-gradient(90deg, transparent, transparent 90px, rgba(255, 255, 255, 0.8) 90px, rgba(255, 255, 255, 0.8) 91px)}@media(max-width: 767px){.wrap{width:100%;min-width:auto}}.container{box-sizing:border-box;width:min(1240px,100%);padding:0 min(4vw,20px);margin:auto}main{display:block}@media(min-width: 768px)and (max-width: 769px)and (orientation: portrait){main{min-height:95vh}}.gnav{height:100dvh;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:color-mix(in srgb, var(--color-text) 50%, transparent 50%);transition:opacity .3s}@supports not (height: 100dvh){.gnav{height:100vh}}.gnav--wrap{pointer-events:none;overflow:hidden;position:fixed;z-index:10;width:100%}.gnav--inner{height:100%;max-width:min(370px,100%);margin:0 auto;padding:50px 0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:fill}.gnav .accounts_list.-bg div>div{background:color-mix(in srgb, var(--color-card) 20%, transparent 80%)}.gnav .accounts_list.-bg div>div::before{background:color-mix(in srgb, var(--color-text) 50%, transparent 50%)}.gnav_btn{pointer-events:fill;position:fixed;z-index:100;background:rgba(0,0,0,0);border:none;top:50px;right:min(4vw,20px);color:var(--color-card);filter:drop-shadow(1px 1px 1px var(--color-text))}.gnav_btn svg.is-open{animation:turn .3s forwards}@keyframes turn{0%{scale:1 1}30%{scale:-1.1 1.1}100%{scale:1.2 1.2}}.gnav_list{display:flex;flex-direction:column;row-gap:50px;flex-grow:1;justify-content:center;align-items:center}.gnav_list li{width:80%}.gnav_list li a{display:grid;place-content:center;align-items:center;grid-template-columns:auto 0px;padding:5px 20px;font-family:var(--font-hero);font-weight:700;letter-spacing:.03em;color:var(--color-card);font-size:1.5rem;border-radius:999px;border:2px solid rgba(0,0,0,0);background:var(--color-text);transition:.2s;position:relative}.gnav_list li a svg{transition:.3s;width:0}.gnav_list li a:hover,.gnav_list li a:focus{grid-template-columns:auto 34px;-moz-column-gap:10px;column-gap:10px;color:var(--color-card);border:2px solid var(--color-card)}.gnav_list li a:hover svg,.gnav_list li a:focus svg{width:100%}.gnav_list li a.is-current{color:var(--color-text);background:var(--color-primary)}.gnav_list li a.is-current:hover,.gnav_list li a.is-current:focus{background:var(--color-text);color:var(--color-card);border:2px solid var(--color-card)}.footer--copy{font-size:0.875rem;font-weight:600;background-color:var(--color-background);color:var(--color-text);padding:10px;line-height:1;text-align:center;border-top:5px solid var(--color-secondary)}.hero{min-height:100dvh;position:relative;z-index:0;display:grid;border-bottom:1px solid var(--color-card)}.hero .deco_arrow>span::before,.hero .deco_arrow>span::after{border-width:3px;width:5px;height:5px;animation:none;border-color:var(--color-secondary)}.hero .deco_square{position:absolute;bottom:25px;right:min(4vw,20px)}.hero .deco_square span::before,.hero .deco_square span::after{background-color:color-mix(in srgb, var(--color-card) 20%, transparent 80%);box-shadow:inset 1px 1px 2px rgba(0,0,0,.25),inset -1px -1px 0 var(--color-card)}@supports not (height: 100dvh){.hero{min-height:100vh}}.hero--inner{order:-1;grid-row:1/1;grid-column:1/1;flex-grow:1;display:grid;grid-template-rows:auto 350px auto}.hero--inner p:first-child{display:flex;flex-direction:column;row-gap:10px;width:-moz-fit-content;width:fit-content;font-family:var(--font-hero);color:var(--color-card);font-size:4rem;line-height:1;letter-spacing:.03em;font-weight:700;text-shadow:-5px 0 0 var(--color-secondary),5px 0 0 var(--color-primary)}.hero--inner p:first-child .deco_arrow{position:relative}@media(min-width: 768px){.hero--inner p:first-child{font-size:5rem}}.hero--inner p:nth-child(2){font-size:1.25rem;font-weight:600;color:var(--color-card);text-shadow:-3px 0 0 var(--color-secondary),3px 0 0 var(--color-primary);letter-spacing:.03em}.hero--content{position:relative;z-index:1;width:-moz-fit-content;width:fit-content}.hero_logo{position:absolute;left:0;top:0;display:grid;z-index:100;translate:-30% -20%;width:clamp(220px,50vw,450px)}.hero_logo img{width:100%;grid-column:1/1;grid-row:1/1}.hero_logo--outer{animation:rotate 30s linear infinite forwards}@keyframes rotate{0%{rotate:0deg}100%{rotate:360deg}}.hero_title{grid-column:1/1;grid-row:1/1;z-index:1;margin-right:min(4vw,20px);margin-bottom:80px;padding:.1em 0 0;color:var(--color-text);overflow:hidden;border-bottom:1px solid var(--color-card);display:flex;justify-content:space-between;align-items:flex-end;-moz-column-gap:min(10vw,100px);column-gap:min(10vw,100px)}.hero_title--line{align-self:flex-end;margin-bottom:10px;display:block;width:100%;height:10px;background-size:auto auto;background-color:rgba(0,0,0,0);background-image:repeating-linear-gradient(135deg, transparent, transparent 4px, var(--color-card) 4px, var(--color-card) 8px);clip-path:polygon(12px 0%, 100% 0%, calc(100% - 10px) 100%, 6px 100%)}.hero_title--title{padding:10px 0;display:flex;flex-direction:column;row-gap:15px;font-family:var(--font-hero);font-size:2.5rem;letter-spacing:.03em;font-weight:700;line-height:.6;white-space:nowrap;color:var(--color-card)}.hero_title--title .deco_arrow{position:relative}.hero_title--title .deco_arrow span::before,.hero_title--title .deco_arrow span::after{border-color:var(--color-secondary)}.hero_first{display:flex;align-self:flex-end;clip-path:polygon(0 0, 100% 0%, 100% 100%, 0 calc(100% - 100px));overflow:hidden;position:relative;z-index:0;height:100%}.hero_first::before,.hero_first::after{content:"";position:absolute;width:100%;height:100%;left:0;z-index:-1;clip-path:polygon(0 0, 100% 0%, 100% 100%, 0 calc(100% - 100px))}.hero_first::before{top:0px;background-color:var(--color-secondary)}.hero_first::after{top:-5px;background-color:var(--color-primary)}.hero_first--inner{width:100%;max-width:1280px;margin:0 auto;padding:100px min(4vw,20px) 50px}.hero_first--inner::before,.hero_first--inner::after{content:"";position:absolute;display:block;left:20px;top:-130px;width:calc(100% - 40px);height:calc(100% + 120px);background-size:auto auto;z-index:0;clip-path:polygon(0 0, 100% 0%, 100% 100%, 0 calc(100% - 100px))}.hero_first--inner::before{background-image:repeating-linear-gradient(0deg, transparent, transparent 90px, rgba(255, 255, 255, 0.8) 90px, rgba(255, 255, 255, 0.8) 91px)}.hero_first--inner::after{background-image:repeating-linear-gradient(90deg, transparent, transparent 90px, rgba(255, 255, 255, 0.8) 90px, rgba(255, 255, 255, 0.8) 91px)}.hero_first--inner p{margin-left:auto}.hero_first--inner .hero--content{margin-left:auto}.hero_first--img{position:absolute;width:100%;height:100vh;left:0;top:0;pointer-events:none;background:no-repeat center/cover;background-image:url(/img/top/img_hero.png);filter:blur(10px);opacity:.5;mix-blend-mode:darken;scale:2}.hero_secondary{position:relative;margin:-105px 0;clip-path:polygon(0 0, 100% 100px, 100% 100%, 0 calc(100% - 100px));background:var(--color-card);z-index:-1;overflow:hidden}.hero_secondary video,.hero_secondary img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;scale:1.2;filter:blur(2px);animation:hero_secondary 1s .5s forwards}@keyframes hero_secondary{100%{scale:1;filter:blur(0)}}.hero_third{clip-path:polygon(0 0, 100% 100px, 100% 100%, 0 100%);overflow:hidden;position:relative;z-index:0}.hero_third::before,.hero_third::after{content:"";position:absolute;width:100%;height:100%;left:0;z-index:-1;clip-path:polygon(0 0, 100% 100px, 100% 100%, 0 100%)}.hero_third::before{top:0;background-color:var(--color-secondary)}.hero_third::after{top:5px;background-color:var(--color-primary)}.hero_third--inner{max-width:1280px;margin:0 auto;padding:50px min(4vw,20px) 160px}.hero_third--inner::before,.hero_third--inner::after{content:"";position:absolute;display:block;left:20px;top:10px;width:calc(100% - 40px);height:calc(100% + 120px);background-size:auto auto;z-index:0;clip-path:polygon(0 0, 100% 100px, 100% 100%, 0 100%)}.hero_third--inner::before{background-image:repeating-linear-gradient(0deg, transparent, transparent 90px, rgba(255, 255, 255, 0.8) 90px, rgba(255, 255, 255, 0.8) 91px)}.hero_third--inner::after{background-image:repeating-linear-gradient(90deg, transparent, transparent 90px, rgba(255, 255, 255, 0.8) 90px, rgba(255, 255, 255, 0.8) 91px)}.hero_third--img{position:absolute;width:100%;height:100vh;left:0;bottom:0;pointer-events:none;background:no-repeat center top/cover;background-image:url(/img/top/img_hero.png);filter:blur(10px);opacity:.5;mix-blend-mode:darken;scale:2}.hero_subttl{text-shadow:none !important;background:var(--color-secondary);padding:13px min(4vw,20px) 10px;margin-left:max(-4vw,-20px);box-shadow:10px 10px 0 var(--color-card)}.works_top{height:80vh;min-height:300px;position:relative;z-index:0;padding:50px 0;background:radial-gradient(at center, rgba(255, 255, 255, 0), rgba(1, 1, 1, 0.5))}.works_top--title{margin-top:20px;position:relative;margin-bottom:-0.5em;rotate:0deg;text-shadow:-3px 0 0 var(--color-secondary),3px 0 0 var(--color-primary);color:var(--color-card)}.works_top--title span::before{background-image:repeating-linear-gradient(135deg, transparent, transparent 4px, var(--color-card) 4px, var(--color-card) 8px)}.works_top--title span::after{background:var(--color-card)}.works_top--inner{overflow:hidden;padding:0 min(4vw,20px);max-width:1240px;margin:0 auto;height:100%;display:flex;flex-wrap:wrap}@media(min-width: 768px){.works_top--inner{justify-content:space-between;align-items:flex-end;gap:50px}}@media(max-width: 767px){.works_top--inner{flex-direction:column-reverse;justify-content:flex-start;row-gap:50px}}.works_top--slider{background:var(--color-card);position:absolute !important;width:100%;height:100%;left:0;top:0;z-index:-1 !important}.works_top--slider::before{z-index:1;content:"";position:absolute;inset:0;background-size:auto auto;background-image:repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(255, 255, 255, 0.5) 3px, rgba(255, 255, 255, 0.5) 4px);filter:blur(1px)}.works_top--slider::after{z-index:0;content:"";position:absolute;inset:0;background:linear-gradient(180deg, transparent 0%, var(--color-text) 150%)}.works_top--slider .splide__slide{transition:0}.works_top--slider .splide__slide img{scale:1;transition:3s}.works_top--slider .splide__slide.is-prev img{scale:1.05}.works_top--slider .splide__slide.is-active img{animation:fade 3s forwards;scale:1.05}.works_top--slider div{height:100%}.works_top--slider img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:left top;object-position:left top;background:var(--color-primary)}@keyframes fade{0%{opacity:0}100%{opacity:1}}.works_toggle{padding:25px 0;display:flex;justify-content:flex-end;-moz-column-gap:10px;column-gap:10px}.works_toggle label{margin:2px;display:block;width:50px;height:50px;color:var(--color-card);font-size:0;display:grid;place-content:center}.works_toggle input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;width:0;opacity:0;display:contents}.works_toggle input:checked+span{background:var(--color-secondary);border-color:var(--color-secondary);opacity:1;color:var(--color-card)}.works_toggle span{transition:.3s;display:block;width:100%;height:100%;border:2px solid var(--color-text);border-radius:999px;background:var(--color-primary);opacity:.8;color:var(--color-text)}.works_toggle span:hover{border-color:var(--color-secondary);background:var(--color-secondary);color:var(--color-card)}.works_list{position:relative;z-index:0}.works_list_swipe{position:relative;height:80vh;min-height:800px}.works_list_swipe section{padding:50px min(4vw,20px);background:linear-gradient(180deg, transparent 50%, var(--color-text) 100%)}.works_list_swipe .splide,.works_list_swipe .splide__track{height:100%}.works_list_swipe .splide__arrows{pointer-events:fill;position:absolute;top:50%;z-index:1;display:flex;justify-content:space-between;width:100%;overflow:hidden;padding:10px 0;translate:0 -50%}.works_list_swipe .splide__arrows button{transition:.2s;position:static;width:4em;height:4em;display:grid;grid-template-columns:repeat(2, 1fr);place-items:center;padding:5px;transform:translateY(0);background:color-mix(in srgb, var(--color-text) 80%, transparent 20%);box-shadow:0px 0px 2px #000,0 0 16px hsla(0,0%,100%,.5)}.works_list_swipe .splide__arrows button svg{fill:var(--color-card)}.works_list_swipe .splide__arrows button:not(:disabled):hover,.works_list_swipe .splide__arrows button:not(:disabled):focus{opacity:1}.works_list_swipe .splide__arrows .splide__arrow--prev{translate:-50% 0}.works_list_swipe .splide__arrows .splide__arrow--prev svg{grid-column:2/2}.works_list_swipe .splide__arrows .splide__arrow--next{translate:50% 0}.works_list_swipe--img{position:absolute;left:0;top:0;inset:0;z-index:-1}.works_list_swipe--img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}.works_list_swipe--img::before{z-index:1;content:"";position:absolute;inset:0;background-size:auto auto;background-image:repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(255, 255, 255, 0.5) 3px, rgba(255, 255, 255, 0.5) 4px);filter:blur(1px)}.works_list_swipe--progress{position:absolute;width:100%;left:0;bottom:5px;background:color-mix(in srgb, var(--color-text) 50%, transparent 50%);height:5px}.works_list_swipe--progress div{transition:width 1s;height:100%;background:var(--color-primary);border-top-right-radius:5px;border-bottom-right-radius:5px;box-shadow:0 0 10px var(--color-primary)}.works_list_swipe--inner{display:flex;flex-direction:column;justify-content:flex-end;row-gap:25px;color:var(--color-card);height:100%;max-width:1200px;margin:0 auto}.works_list_swipe--date{order:-1;border-left:3px solid var(--color-card);line-height:1;letter-spacing:.03em;padding-left:10px;display:flex;align-items:center;-moz-column-gap:25px;column-gap:25px;font-family:var(--font-hero)}.works_list_swipe--date::after{content:"";height:1px;width:100%;background:var(--color-card)}.works_list_swipe--title{font-size:1.5rem;font-weight:700;letter-spacing:.03em;text-shadow:0 0 10px #000;display:grid;align-items:center;-moz-column-gap:25px;column-gap:25px;grid-template-columns:50px 1fr}.works_list_swipe--favicon{width:50px;height:50px;border-radius:999px;background:var(--color-card);padding:10px;display:grid;place-content:center;order:-1}.works_list_swipe--link{pointer-events:auto;font-weight:700;letter-spacing:.05em;text-align:center;display:grid;grid-template-columns:repeat(2, 1fr);position:relative;z-index:0;border:1px solid var(--color-card);background:color-mix(in srgb, #000 50%, transparent 50%);box-shadow:1px 1px 2px #000,0 0 16px hsla(0,0%,100%,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.works_list_swipe--link::before{position:absolute;content:"";background:var(--color-text);height:100%;width:20px;clip-path:polygon(20px 0, 21px 0, 1px 100%, 0 100%);background:linear-gradient(0deg, transparent 0%, transparent 20%, var(--color-card) 20%, var(--color-card) 80%, transparent 80%, transparent 100%);z-index:1;left:50%;top:50%;translate:-50% -50%}.works_list_swipe--link a{position:relative;display:block;padding:12px 10px 10px;transition:.3s;color:var(--color-card)}.works_list_swipe--link a:first-child{margin-right:-10px;clip-path:polygon(0 0, 100% 0, calc(100% - 20px) 100%, 0% 100%);position:relative}.works_list_swipe--link a:nth-child(2){margin-left:-10px;clip-path:polygon(20px 0, 100% 0, 100% 100%, 0 100%)}.works_list_swipe--link a:hover,.works_list_swipe--link a:focus{background:var(--color-primary);color:var(--color-text)}.works_list_swipe--link.is-noArticle a{grid-column:1/span 2;margin:0;clip-path:none}.works_list_swipe--link.is-noArticle::before{content:none}.works_list_card{margin-bottom:160px;display:grid;grid-template-columns:repeat(auto-fill, minmax(min(100%, 320px), 1fr));-moz-column-gap:calc(min(8vw,40px) + 10px);column-gap:calc(min(8vw,40px) + 10px);row-gap:10px}@media(max-width: 767px){.works_list_card{row-gap:0}}.works_list_card section{position:relative;margin:0 max(-4vw,-20px);display:flex;flex-direction:column}.works_list_card--img{position:relative;min-height:200px;z-index:0}.works_list_card--img>img{width:100%;height:100%;aspect-ratio:4/2;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}.works_list_card--img::after{z-index:1;content:"";position:absolute;inset:0;background-color:color-mix(in srgb, var(--color-text) 50%, transparent 50%);background-size:auto auto;background-image:repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(255, 255, 255, 0.5) 3px, rgba(255, 255, 255, 0.5) 4px);filter:blur(1px)}.works_list_card--inner{padding:25px min(4vw,20px) 10px;position:absolute;height:100%;width:100%;left:0;bottom:0;z-index:2;display:grid;grid-template-columns:30px 1fr;grid-template-rows:1fr auto;grid-template-areas:"date date" "fav ttl";-moz-column-gap:10px;column-gap:10px;color:var(--color-card);text-shadow:0 0 10px rgba(0,0,0,.8)}.works_list_card--title{font-size:1.25rem;letter-spacing:.05em;font-weight:700;margin-bottom:10px;align-self:center}.works_list_card--favicon{grid-area:fav;box-shadow:0 0 10px rgba(1,1,1,.16);border-radius:999px;width:30px;height:30px;padding:5px;background:var(--color-card);display:grid;place-content:center}.works_list_card--date{grid-area:date;align-self:start;border-left:3px solid var(--color-card);line-height:1;letter-spacing:.03em;padding-left:10px;display:flex;align-items:center;-moz-column-gap:25px;column-gap:25px;font-family:var(--font-hero);font-size:1rem}.works_list_card--date::after{content:"";height:1px;width:100%;background:var(--color-card)}.works_list_card--desc{flex-grow:1;grid-column:1/span 2}.works_list_card--link{position:relative;z-index:0;font-weight:700;letter-spacing:.05em;text-align:center;display:grid;grid-template-columns:repeat(2, 1fr);border:1px solid var(--color-text);border-top:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:var(--color-primary)}.works_list_card--link::before{position:absolute;content:"";background:var(--color-text);height:100%;width:20px;clip-path:polygon(20px 0, 21px 0, 1px 100%, 0 100%);background:linear-gradient(0deg, transparent 0%, transparent 20%, var(--color-text) 20%, var(--color-text) 80%, transparent 80%, transparent 100%);z-index:1;left:50%;top:50%;translate:-50% -50%}.works_list_card--link a{position:relative;display:block;padding:12px 10px 10px;transition:.3s}.works_list_card--link a:first-child{margin-right:-10px;clip-path:polygon(0 0, 100% 0, calc(100% - 20px) 100%, 0% 100%);position:relative}.works_list_card--link a:nth-child(2){margin-left:-10px;clip-path:polygon(20px 0, 100% 0, 100% 100%, 0 100%)}.works_list_card--link a:hover,.works_list_card--link a:focus{background:var(--color-secondary);color:var(--color-card)}.works_list_card--link.is-noArticle a{grid-column:1/span 2;margin:0;clip-path:none}.works_list_card--link.is-noArticle::before{content:none}.profile_top{padding:80px 0;position:relative}.profile_top--bg{overflow:hidden;position:absolute;width:100%;height:100%;color:var(--color-secondary);top:0;right:0}.profile_top--bg span{position:absolute;display:block;top:0;right:0;translate:30% -50%;scale:1.5}.profile_top--title{position:absolute;top:100px}.profile_top--title span::after{width:320%}.profile_top--inner{position:relative;width:100%;padding-left:calc(50px + min(4vw,20px))}@media(max-width: 767px){.profile_top--inner{padding-left:calc(30px + min(4vw,20px))}}.profile_top_deco_arrow{left:min(4vw,20px);top:10px}.profile_top_deco_arrow span::before,.profile_top_deco_arrow span::after{border-color:var(--color-card)}.profile_top_deco_square{bottom:10px;right:min(4vw,20px)}.profile_top_deco_square span::before,.profile_top_deco_square span::after{background-color:color-mix(in srgb, var(--color-card) 20%, transparent 80%);box-shadow:inset 1px 1px 2px rgba(0,0,0,.25),inset -1px -1px 0 var(--color-card)}.profile_top_block{visibility:visible;transition:opacity .3s,scale .2s;transform-origin:center bottom}.profile_top_block--header{background-color:var(--color-card);display:flex;justify-content:flex-end;border-top-left-radius:15px;border-top-right-radius:15px;height:30px}.profile_top_block--header button{width:40px;border:1px solid var(--color-card);border-bottom:2px solid var(--color-card);color:var(--color-card);background-color:var(--color-secondary);border-top-right-radius:14px}.profile_top_block--content{position:relative;min-height:400px;background-color:color-mix(in srgb, var(--color-text) 10%, transparent 90%);border:1px solid var(--color-card);border-top:none;border-bottom-left-radius:15px;border-bottom-right-radius:15px;padding:50px min(4vw,20px) 80px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:4px 4px 16px rgba(0,0,0,.25)}.profile_top_name{text-align:center;margin-bottom:50px}.profile_top_name dl{display:flex;flex-direction:column-reverse;align-items:center;row-gap:10px}.profile_top_name dl dt{font-weight:600;font-size:1.25rem}.profile_top_name dl dt>span{display:block;font-size:0.875rem}.profile_top_name dl dd{margin:0 auto;display:grid;place-content:center;border-radius:999px;padding:20px;width:80px;height:80px;background:var(--color-text);position:relative}.profile_top_name dl dd p{position:absolute;background-color:var(--color-card);border-radius:999px;width:30px;height:30px;display:grid;place-content:center;padding-top:2px;line-height:1;right:-10px;bottom:0;font-weight:600;font-size:0.75rem}.profile_top_list{display:flex;flex-wrap:wrap;gap:25px}@media(max-width: 767px){.profile_top_list{font-size:0.875rem}}.profile_top_list>div{flex:1;min-width:min(500px,100%);display:flex;flex-direction:column}.profile_top_list dt{font-size:1.875rem;font-family:var(--font-hero);font-weight:600;letter-spacing:.03em;display:flex;align-items:center;justify-content:center;color:var(--color-text);-moz-column-gap:.5em;column-gap:.5em;margin-bottom:10px}.profile_top_list dt::before,.profile_top_list dt::after{flex:1;content:"";width:100%;height:2px;box-shadow:0 1px 0 var(--color-text),0 -1px 0 var(--color-text)}.profile_top_list dd{height:100%;font-weight:600;padding:27px min(4vw,20px) 25px;position:relative;text-align:center;z-index:0;display:grid;place-content:center}.profile_top_list dd::before{z-index:-1;position:absolute;content:"";inset:0;background-color:color-mix(in srgb, var(--color-card) 80%, transparent 20%)}.profile_top_list--skill dd{padding:0}.profile_top_list--skill dd::before{background:rgba(0,0,0,0)}.profile_top_list--skill ul{display:flex;flex-wrap:wrap;gap:10px}.profile_top_list--skill li{flex-grow:1;display:grid;place-content:center;background-color:color-mix(in srgb, var(--color-card) 80%, transparent 20%);padding:10px 20px 8px;font-size:1rem}.profile_top_list--skill li small{display:inline-block;line-height:1;margin:5px auto 0;background:var(--color-primary);font-size:0.875rem;padding:5px 20px 3px;width:-moz-fit-content;width:fit-content;border-radius:999px}.profile_top_list--skill li>span{display:inline-block}.profile_top_hidden{position:absolute;inset:0;display:grid;place-content:center;pointer-events:none}.profile_top_hidden>div{pointer-events:fill;scale:0;z-index:-1;opacity:0;transition:.3s;display:flex;flex-direction:column;align-items:center}.profile_top_hidden>div::after{position:relative;margin-top:-50px;content:"ボツ絵"}.profile_top_hidden img{cursor:pointer;filter:drop-shadow(5px -3px 0 var(--color-card))}.accounts_top{overflow:hidden;padding-bottom:80px}.accounts_top--title{letter-spacing:.03em;font-weight:700;font-family:var(--font-hero);color:var(--color-text);font-size:2.5rem;text-align:center;margin:10px auto 50px;position:relative;z-index:0;display:flex;align-items:center;justify-content:center;-moz-column-gap:.8em;column-gap:.8em}.accounts_top--title::before,.accounts_top--title::after{flex-shrink:0;content:"";display:block;width:5px;height:5px;rotate:45deg;box-shadow:2px 2px 0 var(--color-primary),6px 6px 0 var(--color-text),-2px -2px 0 var(--color-primary),-6px -6px 0 var(--color-text),2px -2px 0 var(--color-primary),6px -6px 0 var(--color-text),-2px 2px 0 var(--color-primary),-6px 6px 0 var(--color-text);scale:.8}.accounts_top--title span{width:5px;height:5px;border:4px solid var(--color-text);background:var(--color-text);rotate:45deg;box-shadow:2px 2px 0 var(--color-primary),6px 6px 0 var(--color-text),-2px -2px 0 var(--color-primary),-6px -6px 0 var(--color-text),2px -2px 0 var(--color-primary),6px -6px 0 var(--color-text),-2px 2px 0 var(--color-primary),-6px 6px 0 var(--color-text);scale:1.2}.accounts_list{transform:perspective(1000px) rotateX(0deg) rotateY(0deg);transform-style:preserve-3d;transition:transform .1s ease-out;grid-column:1/1;grid-row:1/1;--width-hexagon: min(140vw, 700px)}.accounts_list--wrap{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;justify-content:center;position:relative}.accounts_list--group{display:grid;grid-auto-flow:column;justify-content:center;grid-template-columns:repeat(4, calc(var(--width-hexagon) / 7));grid-template-rows:repeat(2, auto);-moz-column-gap:calc(var(--width-hexagon)/7*.5 + min(4vw,20px));column-gap:calc(var(--width-hexagon)/7*.5 + min(4vw,20px))}.accounts_list--group:last-child{margin-top:calc(var(--width-hexagon)/7*-0.5 + min(2vw,10px))}.accounts_list--group>div:last-child{display:none}.accounts_list ul{display:contents}.accounts_list li,.accounts_list div>div{aspect-ratio:200/173;position:relative}.accounts_list li:nth-child(even),.accounts_list div>div:nth-child(even){margin-top:calc(var(--width-hexagon)/7*-0.5 + min(2vw,10px));transform:translateX(calc(var(--width-hexagon) / 9 + min(1.6vw, 8px)))}.accounts_list:not(.-bg) li{display:grid;place-content:center;transition:.3s}.accounts_list:not(.-bg) li a{padding:min(2vw,10px) min(4vw,20px);display:block}.accounts_list:not(.-bg) li:hover img{animation:turn .3s forwards}.accounts_list:not(.-bg) li:hover span{opacity:1;scale:1 1}.accounts_list:not(.-bg) li img{width:100%;aspect-ratio:1/1;position:relative;z-index:-1}.accounts_list:not(.-bg) li span{position:absolute;border:1px solid var(--color-text);background:var(--color-text);border-radius:4px;padding:2px 10px;color:var(--color-card);z-index:2;opacity:0;pointer-events:none;scale:0 1;transition:scale .3s;left:50%;top:-30px;transform:translateX(-50%);transform-origin:left center}@keyframes turn{0%{scale:1 1}30%{scale:-1.1 1.1}100%{scale:1.2 1.2}}.accounts_list:not(.-bg) div>div{clip-path:polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%)}.accounts_list:not(.-bg) div>div:hover{background-color:var(--color-secondary)}.accounts_list.-bg li,.accounts_list.-bg div>div{background:var(--color-card);clip-path:polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%)}.accounts_list.-bg li::before,.accounts_list.-bg div>div::before{z-index:-1;top:2px;left:2px;content:"";position:absolute;width:calc(100% - 4px);height:calc(100% - 4px);background:var(--color-primary);clip-path:polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%)}.techblog_top{position:relative;padding-bottom:80px}.techblog_top--title{position:absolute;top:0;right:-20px;transform-origin:top right;transform:translateY(100%) translateX(100%)}.techblog_top--title span::after{width:200%}.techblog_top--inner{min-height:350px;padding-right:60px}.techblog_top--inner .splide__track{margin-left:calc(50% - 50vw);padding-left:70px !important}.techblog_top--list ul{-moz-column-gap:20px;column-gap:20px;padding:0 10px 10px !important}.techblog_top--list li{max-width:280px;min-height:260px;padding:10px;transition:translate .5s;translate:0 100%}.techblog_top--list li *{transition:1s;opacity:0}.techblog_top--list.is-animated li{translate:0 0}.techblog_top--list.is-animated li::after{transition-delay:.2s;width:0}.techblog_top--list.is-animated li *{opacity:1}.techblog_top--control{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;direction:ltr;padding:10px 0;padding-right:10px;gap:20px}.techblog_top--control .splide__arrows{display:flex;flex-direction:row-reverse;-moz-column-gap:10px;column-gap:10px}.techblog_top--control .splide__arrow{position:static;border:2px solid var(--color-text);color:var(--color-card);background:var(--color-text);opacity:1;transform:translateY(0);transition:.2s}.techblog_top--control .splide__arrow svg{fill:var(--color-card);height:1em;width:1em}.techblog_top--control .splide__arrow:not(:disabled):hover,.techblog_top--control .splide__arrow:not(:disabled):focus{border-color:var(--color-card)}.techblog_top_item{background-color:var(--color-card);position:relative;text-align:left;display:flex;flex-direction:column;row-gap:10px;border:1px solid rgba(0,0,0,0);transition:.2s}.techblog_top_item::before,.techblog_top_item::after{content:"";position:absolute;width:100%;height:100%}.techblog_top_item::before{background-color:color-mix(in srgb, var(--color-card) 50%, transparent 50%);left:5px;top:5px;z-index:-1;border:1px solid var(--color-card);transition:.2s}.techblog_top_item::after{z-index:1;background:var(--color-secondary);right:0;top:0;transition:.8s}.techblog_top_item--img{background-color:var(--color-gray);overflow:hidden}.techblog_top_item--img img{width:100%}.techblog_top_item--link{font-weight:700;margin-bottom:auto;word-break:break-all;white-space:pre-wrap}.techblog_top_item--link span{position:absolute;inset:0}.techblog_top_item--date{font-size:0.75rem}.techblog_top_item.is-loading .techblog_top_item--img{aspect-ratio:16/9;position:relative}.techblog_top_item.is-loading .techblog_top_item--img::before{position:absolute;content:"";background:linear-gradient(90deg, transparent 0%, var(--color-card) 50%, transparent 100%);opacity:.2;width:30%;height:100%;left:-60px;top:0;animation:loading 3s linear infinite}@keyframes loading{0%{left:-60px}50%{left:calc(100% + 60px)}100%{left:calc(100% + 60px)}}.techblog_top_item.is-loaded:hover,.techblog_top_item.is-loaded:focus{border:1px solid var(--color-text)}.techblog_top_item.is-loaded:hover::before,.techblog_top_item.is-loaded:focus::before{top:0;left:0}.contact{position:relative;z-index:0}.contact::before,.contact::after{content:"";position:absolute;display:block;left:20px;top:-130px;width:calc(100% - 40px);height:calc(100% + 120px);background-size:auto auto;z-index:-1;clip-path:polygon(0 100px, 100% 0%, 100% 100%, 0% 100%)}.contact::before{background-image:repeating-linear-gradient(0deg, transparent, transparent 90px, rgba(255, 255, 255, 0.5) 90px, rgba(255, 255, 255, 0.5) 91px)}.contact::after{background-image:repeating-linear-gradient(90deg, transparent, transparent 90px, rgba(255, 255, 255, 0.5) 90px, rgba(255, 255, 255, 0.5) 91px)}.contact--wrap{overflow:hidden;padding-top:150px;position:relative;z-index:0}.contact--wrap::before{content:"";position:absolute;width:100%;height:100%;left:0;top:0px;clip-path:polygon(0 100px, 100% 0%, 100% 100%, 0% 100%);background-color:var(--color-secondary);z-index:-1}.contact--wrap::after{content:"";position:absolute;width:100%;height:100%;left:0;top:10px;clip-path:polygon(0 100px, 100% 0%, 100% 100%, 0% 100%);background-color:var(--color-text);z-index:-1}.contact--title{max-width:min(1240px,100%);margin-right:calc(50% - 50vw);rotate:0deg;top:0;padding:30px 0 50px;color:var(--color-card)}.contact--title span::before{width:min(80%,196px);background-image:repeating-linear-gradient(135deg, transparent, transparent 4px, var(--color-card) 4px, var(--color-card) 8px);clip-path:polygon(12px 0%, 100% 0%, calc(100% - 10px) 100%, 6px 100%)}.contact--title span::after{width:100vw;background-color:var(--color-card)}.contact--inner{position:relative;padding:20px 0 80px;width:min(840px,100%);margin:auto;display:flex;justify-content:center;gap:50px}.contact--deco{bottom:20px;right:0}.contact--deco span::before,.contact--deco span::after{background-color:color-mix(in srgb, var(--color-card) 10%, var(--color-text) 90%);box-shadow:inset 1px 1px 2px rgba(0,0,0,.5),inset -1px -1px 0 var(--color-primary)}.contact--bg{position:absolute;bottom:0;translate:0 45%;left:-200px;color:var(--color-secondary)}.contact_content{background:color-mix(in srgb, #000 20%, transparent 80%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--color-card);padding:50px min(60vw,30px);flex-grow:1;min-width:min(300px,100%);border:1px solid var(--color-card);box-shadow:0 0 16px rgba(0,0,0,.16);position:relative}@media(max-width: 767px){.contact_content{display:none}}.contact_content #img-neon{position:absolute;width:50%;height:50%;right:0;bottom:0}.contact_list{--width-hexagon: 400px;display:grid;justify-content:end;grid-template-columns:repeat(2, calc(var(--width-hexagon) / 2));grid-template-rows:repeat(2, auto);row-gap:14px;margin-right:calc(var(--width-hexagon)/8*-1)}@media(max-width: 767px){.contact_list{justify-content:center}}.contact_list--group{display:contents}.contact_list--group li{transition:.3s}.contact_list--group li:nth-child(2){transform:translateX(calc(var(--width-hexagon) / 10 * -1)) translateY(calc(50% + 8px))}.contact_list--group li:hover{background:var(--color-secondary)}.contact_list--group li:hover::after{scale:.98}.contact_list--group li:hover dl{background:color-mix(in srgb, var(--color-text) 90%, var(--color-secondary) 10%);color:var(--color-secondary);padding-top:min(2vw,10px)}.contact_list--group li:hover dd p{font-size:0.75rem}.contact_list--item{display:grid;place-content:center;aspect-ratio:200/173;clip-path:polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);position:relative;background:var(--color-primary);z-index:0}.contact_list--item::before,.contact_list--item::after{content:"";display:block;position:absolute;clip-path:polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);z-index:-1;transition:.3s}.contact_list--item::before{width:calc(100% - 10px);height:calc(100% - 10px);left:5px;top:5px;background:var(--color-text)}.contact_list--item::after{width:calc(100% - 24px);height:calc(100% - 24px);left:12px;top:12px;background:var(--color-primary)}.contact_list--pointer{position:absolute;inset:0;cursor:pointer;z-index:1}.contact_list--pointer::before{content:"";position:absolute;inset:0;transform-origin:center;background:color-mix(in srgb, var(--color-card) 20%, transparent 80%);scale:0;opacity:.2;border-radius:999px}.contact_list--pointer.is-copied::before{animation:round .8s forwards}@keyframes round{0%{opacity:1;scale:0}100%{opacity:0;scale:1.5}}.contact_list dl{display:flex;flex-direction:column;justify-content:space-between;text-align:center;font-weight:600;z-index:1;color:var(--color-primary);font-size:0.875rem;row-gap:10px;padding:min(4vw,20px);position:absolute;width:calc(100% - 26px);height:calc(100% - 26px);left:13px;top:13px;aspect-ratio:200/173;clip-path:polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);background:var(--color-text);transition:.3s}.contact_list dl dt{line-height:0}.contact_list dl dt img{border-radius:999px}.contact_list dl dd{letter-spacing:.03em;line-height:1.2}.contact_list dl dd>span{display:block}.contact_list dl dd p{margin:0 auto;width:-moz-fit-content;width:fit-content;border-radius:999px;padding:3px 10px;background-color:var(--color-secondary);color:var(--color-text);font-size:0;transition:.3s}.visitors{border-top:5px solid var(--color-secondary);overflow:hidden;position:relative}.visitors .container{display:grid;place-content:center;height:80vh;min-height:300px;position:relative;z-index:1}.visitors--title{font-size:0rem}.visitors--counter{display:flex;flex-direction:column;justify-content:center;text-align:center;font-family:var(--font-hero);font-size:1.125rem;color:var(--color-card);text-shadow:0 0 16px var(--color-text)}.visitors--counter em{font-size:3.125rem}.visitors--link{margin:50px auto 0;padding-bottom:3px}.visitors--link svg{position:relative;width:30px;height:30px;margin-right:-15px;margin-left:5px;margin-bottom:2px}.notfound_page{text-align:center}.notfound_page--ttl{margin-bottom:30px;font-size:var(--fz20)}.notfound_page--paragraph{margin-bottom:1em}.notfound_page--link a{text-decoration:underline}