@charset "UTF-8";*,*:before,*:after{box-sizing:border-box;padding:0;margin:0}:where([hidden]:not([hidden=until-found])){display:none!important}:where(html){tab-size:2;color-scheme:dark light;scrollbar-gutter:stable;text-size-adjust:none}@media (prefers-reduced-motion: no-preference){:where(html:focus-within){scroll-behavior:smooth}}:where(body){font-family:system-ui,sans-serif;-webkit-font-smoothing:antialiased}:where(button){all:unset}:where(input,button,textarea,select){font:inherit;color: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){max-inline-size:100%;block-size:auto}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(hr){block-size:0;overflow:visible;color:inherit;border:none;border-block-start:1px solid}:where(dialog,[popover]){inset:unset;max-width:unset;max-height:unset;color:inherit;background:none;border:none}:where(.visually-hidden:not(:focus-within,:active)){position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;user-select:none!important;border:0!important}@property --progress{syntax: "<number>"; inherits: true; initial-value: 0;}:root{--scroll-gutter: 0;--font-en: "Noyh";--font-ja-light: tsukugopr5-r-dinnextltpro-light;--font-ja-medium: tsukugopro-b-dinnextltpro-medium;--color-white-pure: #ffffff;--color-line: rgb(from var(--color-white-pure) r g b / 70%);--color-bg-gray: #b3b5bc;--color-bg-gray-alt: #85868a;--color-gray-dark: #5b5c62;--color-selected-bg: #2e2f39;--color-code-bg: #94969e;--color-error: #cc0000;--space-lg: min(3vw, 60px);--dynamic-diff: calc(100lvh - 100svh) ;--window-width: calc(100vw - var(--scroll-gutter));--content-width: calc(min(var(--window-width), 1920px) - var(--space-lg) * 2);--header-height-lg: 80px;--header-height-sm: 50px;--footer-height-lg: var(--space-lg);--footer-height-sm: calc(var(--space-lg) * 3);--project-visual-height-lg: calc(100lvh - var(--header-height-lg) - var(--footer-height-lg));--project-visual-height-sm: calc(100lvh - var(--header-height-sm) - var(--footer-height-sm));--ratio-logo: 326 / 66;--progress: 0}@keyframes line-move{0%{transform:translate(0)}40%{transform:translate(100%)}60%{transform:translate(100%)}60.001%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes line-appear-and-hide{0%{transform:translate(-101%)}40%{transform:translate(0)}60%{transform:translate(0)}to{transform:translate(101%)}}@font-face{font-family:Noyh;font-style:normal;font-weight:200;src:url(/assets/fonts/Noyh-ExtraLight.woff) format("woff");font-display:swap}@font-face{font-family:Noyh;font-style:normal;font-weight:300;src:url(/assets/fonts/Noyh-Light.woff) format("woff");font-display:swap}@font-face{font-family:Noyh;font-style:normal;font-weight:400;src:url(/assets/fonts/Noyh-Regular.woff) format("woff");font-display:swap}@font-face{font-family:Noyh;font-style:normal;font-weight:500;src:url(/assets/fonts/Noyh-Medium.woff) format("woff");font-display:swap}@font-face{font-family:Noyh;font-style:normal;font-weight:700;src:url(/assets/fonts/Noyh-Bold.woff) format("woff");font-display:swap}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}.transition-cover{position:fixed;top:0;left:0;z-index:100;box-sizing:border-box;width:100%;height:100%;overflow:hidden;pointer-events:none}.transition-cover .bg{width:calc(100% - var(--space-lg) * 2);margin-inline:auto;clip-path:polygon(0 0,0 0,0 100%,0 100%);pointer-events:none;background-color:var(--color-bg-gray-alt);transition-timing-function:cubic-bezier(.77,0,.175,1);transition-duration:.5s;transition-property:clip-path}@media screen and (min-width: 768px){.transition-cover .bg{height:calc(100% - (var(--header-height-lg) + var(--footer-height-lg)));margin-top:var(--header-height-lg)}}@media screen and (max-width: 767px){.transition-cover .bg{height:calc(100% - (var(--header-height-sm) + var(--footer-height-sm)));margin-top:var(--header-height-sm)}}.transition-main{transition-timing-function:cubic-bezier(.165,.84,.44,1);transition-property:transform,opacity}[data-inview-title]{clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);transition:clip-path 1s cubic-bezier(.165,.84,.44,1)}[data-inview-title] span{position:relative;display:block;opacity:0;transition:transform 1.5s cubic-bezier(.215,.61,.355,1),opacity .5s cubic-bezier(.165,.84,.44,1);transform:translateY(20px)}[data-inview-title].visible{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}[data-inview-title].visible span{opacity:1;transform:translateY(0)}[data-inview-fade]{opacity:0;transition:opacity .5s cubic-bezier(.165,.84,.44,1),transform 1.5s cubic-bezier(.215,.61,.355,1);transform:translateY(min(20%,30px))}[data-inview-fade].visible{opacity:1;transform:translateY(0)}[data-inview-image]{clip-path:polygon(5% 5%,95% 5%,95% 95%,5% 95%);opacity:0;transition:clip-path 1s cubic-bezier(.215,.61,.355,1),opacity .7s cubic-bezier(.61,1,.88,1)}[data-inview-image] figure{transition:transform 1.5s cubic-bezier(.215,.61,.355,1);transform:scale(1.02)}[data-inview-image].visible{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);opacity:1}[data-inview-image].visible figure{transform:none}@media screen and (max-width: 767px){.no-sm{display:none!important}}@media screen and (min-width: 768px){.no-lg{display:none!important}}@media screen and (min-width: 768px){.sm-only{display:none!important}}@media screen and (max-width: 767px){.lg-only{display:none!important}}body{font-family:var(--font-ja-light),sans-serif;overflow-y:scroll;font-size:16px;font-style:normal;font-feature-settings:"palt";line-height:1;color:var(--color-white-pure);background-color:var(--color-bg-gray)}body:before{position:fixed;top:-100%;left:0;z-index:999999;width:100%;height:100%;content:"";background-color:var(--color-bg-gray)}body *::selection{color:var(--color-white-pure);background-color:var(--color-selected-bg)}main{position:relative;overflow-y:clip}@media screen and (min-width: 768px){main{padding-bottom:calc(var(--space-lg) * 4)}}@media screen and (max-width: 767px){main{padding-bottom:calc(var(--space-lg) * 8)}}main img{user-select:none}.global-header{position:fixed;top:0;left:0;z-index:100;display:flex;align-items:flex-end;justify-content:space-between;width:100%;padding-inline:var(--space-lg);background-color:var(--color-bg-gray);transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.8s;transition-property:transform;transform:translateY(-100%)}.global-header[data-visible=true]{transform:translateY(0)}@media screen and (min-width: 768px){.global-header{height:var(--header-height-lg);padding-bottom:20px}}@media screen and (max-width: 767px){.global-header{height:var(--header-height-sm);padding-bottom:10px}}.global-header .logo{display:block;aspect-ratio:var(--ratio-logo);background-image:url(/assets/images/logo.svg);background-repeat:no-repeat;background-size:contain}@media screen and (min-width: 768px){.global-header .logo{height:30px;margin-left:8px}}@media screen and (max-width: 767px){.global-header .logo{height:20px;margin-left:4px}}.global-header nav{font-family:var(--font-en),sans-serif;font-weight:700;display:flex;gap:16px;margin-bottom:-6px;text-decoration:none}.global-header nav a{position:relative;display:block;padding-top:7px;overflow:hidden;text-decoration:none}.global-header nav a:before{position:absolute;bottom:5px;display:block;width:100%;height:2px;content:"";background-color:var(--color-line);transform:translate(-101%)}.global-header nav a:after{position:absolute;top:0;left:50%;width:5px;height:5px;content:"";background-color:var(--color-white-pure);border-radius:100%;opacity:0;transition:opacity .1s cubic-bezier(.61,1,.88,1),transform .2s cubic-bezier(.25,.46,.45,.94);transform:translate(-50%,40%)}.global-header nav a.active:after{opacity:1;transform:translate(-50%)}@media (hover: hover){.global-header nav a:hover:before{animation-name:line-appear-and-hide;animation-duration:1s;animation-timing-function:cubic-bezier(1,0,0,1)}}@media screen and (min-width: 768px){.global-header nav{padding-right:8px}.global-header nav a{font-size:24px}}@media screen and (max-width: 767px){.global-header nav{padding-right:4px}.global-header nav a{font-size:18px}}.global-footer{position:fixed;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;width:100%;font-size:14px;text-align:center;background-color:var(--color-bg-gray);transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.8s;transition-property:transform;transform:translateY(100%)}.global-footer[data-visible=true]{transform:translateY(0)}@media screen and (min-width: 768px){.global-footer{top:calc(100dvh - var(--footer-height-lg));height:var(--footer-height-lg)}}@media screen and (max-width: 767px){.global-footer{top:calc(100dvh - var(--footer-height-sm));height:var(--footer-height-sm)}}[data-component=project-tags]{font-family:var(--font-en),sans-serif;font-weight:500;display:flex;flex-wrap:wrap;gap:4px}[data-component=project-tags] li{height:22px;padding-inline:8px;padding-top:5px;white-space:nowrap;border:1px solid var(--color-white-pure);border-radius:20px}@media screen and (min-width: 768px){[data-component=project-tags] li{font-size:14px}}@media screen and (max-width: 767px){[data-component=project-tags] li{font-size:12px}}[data-component=project-tags] li.alt{background-color:var(--color-gray-dark);border-color:var(--color-gray-dark)}[data-component=preload-image]{position:relative;display:block;aspect-ratio:16/9;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transition-timing-function:cubic-bezier(.77,0,.175,1);transition-property:top,left,width,height,clip-path}[data-component=preload-image] img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}[data-component=project-item]{display:flex;flex-direction:column}[data-component=project-item][data-inview-project-item]{opacity:0;transition-timing-function:cubic-bezier(.165,.84,.44,1);transition-duration:.5s,1s;transition-property:opacity,transform;transform:translateY(10px)}[data-component=project-item][data-inview-project-item] figure img{transform:scale(1.05);will-change:transform}[data-component=project-item][data-inview-project-item].visible{opacity:1;transform:none}[data-component=project-item][data-inview-project-item].visible img{transform:scale(1)}[data-component=project-item] [data-component=preload-image]{width:100%}[data-component=project-item] a{display:flex;flex-direction:column;gap:16px;width:100%;text-decoration:none;transition-timing-function:var(--ease-in-out);transition-duration:.4s;transition-property:opacity,filter}@media (hover: hover){[data-component=project-item] a img{transition-timing-function:cubic-bezier(.165,.84,.44,1);transition-duration:1s;transition-property:transform}[data-component=project-item] a:hover img{transform:scale(1.02)!important}}[data-component=project-item] .info{display:flex;flex-direction:column;gap:12px;padding-inline:10px}[data-component=project-item] h3{font-family:var(--font-ja-medium),sans-serif;display:flex;flex-direction:column;gap:8px;font-size:16px;letter-spacing:.1em}[data-component=blog-list-item] a{display:grid;text-decoration:none}@media screen and (min-width: 768px){[data-component=blog-list-item] a{grid-template-rows:auto 1fr;grid-template-columns:auto 1fr;row-gap:10px;column-gap:20px}}@media screen and (max-width: 767px){[data-component=blog-list-item] a{grid-template-rows:auto 1fr;grid-template-columns:auto 1fr;row-gap:5px;column-gap:10px}}@media screen and (min-width: 768px){[data-component=blog-list-item] .img-col{grid-row:1/3;grid-column:1/2}}[data-component=blog-list-item] figure{flex-shrink:0;aspect-ratio:1200/630;overflow:hidden;background-color:var(--color-white-pure);will-change:transform}@media screen and (min-width: 768px){[data-component=blog-list-item] figure{width:min(35vw,320px)}}@media screen and (max-width: 767px){[data-component=blog-list-item] figure{width:120px}}[data-component=blog-list-item] figure img{clip-path:inset(2px);transition-timing-function:cubic-bezier(.25,.46,.45,.94);transition-duration:.4s;transition-property:clip-path}[data-component=blog-list-item] .info{display:flex;flex-direction:column;justify-content:center}@media screen and (min-width: 768px){[data-component=blog-list-item] .info{padding-top:10px}}[data-component=blog-list-item] .date{font-family:var(--font-en),sans-serif;font-weight:500}@media screen and (min-width: 768px){[data-component=blog-list-item] .date{margin-bottom:5px}}[data-component=blog-list-item] h2{position:relative;width:fit-content;overflow:hidden;font-size:clamp(18px,3vw,30px);line-height:1.2;letter-spacing:.05em}@media screen and (max-width: 767px){[data-component=blog-list-item] h2{grid-column:1/3}}[data-component=blog-list-item] .line-wrapper{display:inline;background-image:linear-gradient(transparent 0%,transparent 83%,var(--color-line) 83.01%,var(--color-line) 87%,transparent 87.1%)}[data-component=blog-list-item] .line-wrapper:before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background-color:var(--color-bg-gray);transition-timing-function:cubic-bezier(.77,0,.175,1);transition-duration:.7s;transition-property:transform;transform-origin:left top}@media (hover: hover){[data-component=blog-list-item] a:hover .line-wrapper:before{transition-timing-function:cubic-bezier(.77,0,.175,1);transition-duration:.3s;transform:scaleX(0);transform-origin:right top}[data-component=blog-list-item] a:hover img{clip-path:inset(6px);transition-duration:.3s}}[data-component=blog-list-item] .title-wrapper{position:relative}section.kv{font-family:var(--font-ja-medium),sans-serif;display:flex;flex-direction:column;gap:60px;align-items:center;justify-content:center;height:100svh;background-color:var(--color-bg-gray)}section.kv svg{aspect-ratio:var(--ratio-logo);fill:var(--color-white-pure)}@media screen and (min-width: 768px){section.kv svg{width:326px}}@media screen and (max-width: 767px){section.kv svg{width:280px}}section.kv .message{display:flex;flex-direction:column;gap:20px}section.kv p{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:2.5;text-indent:.7em;letter-spacing:.35em}@media screen and (min-width: 768px){section.kv p{font-size:16px}}@media screen and (max-width: 767px){section.kv p{font-size:14px;text-align:center}section.kv p>span{display:flex;flex-direction:column}}section.projects{display:flex;flex-direction:column;max-width:1920px;padding-inline:var(--space-lg);margin-inline:auto;padding-block:100px}section.projects h2{font-family:var(--font-en),sans-serif;font-weight:500}@media screen and (min-width: 768px){section.projects h2{font-size:80px}}@media screen and (max-width: 767px){section.projects h2{font-size:64px;line-height:.85}}section.projects .project-list{display:grid}@media screen and (min-width: 768px){section.projects .project-list{grid-template-columns:repeat(3,1fr);gap:min(3vw,40px)}}@media screen and (min-width: 768px) and (width <= 960px){section.projects .project-list{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 767px){section.projects .project-list{gap:30px}}section.projects .more-link{margin-top:2em;font-family:var(--font-en),sans-serif;font-weight:500;text-align:center}@media screen and (min-width: 768px){section.projects .more-link{font-size:36px}}@media screen and (max-width: 767px){section.projects .more-link{font-size:24px}}section.projects .more-link a{position:relative;display:flex;width:fit-content;margin-inline:auto;overflow:hidden;text-decoration:none}section.projects .more-link a:before{position:absolute;width:100%;height:2px;content:"";background-color:var(--color-line)}@media screen and (min-width: 768px){section.projects .more-link a:before{bottom:8px}}@media screen and (max-width: 767px){section.projects .more-link a:before{bottom:5px}}@media (hover: hover){section.projects .more-link a:hover:before{animation-name:line-move;animation-duration:1s;animation-timing-function:cubic-bezier(1,0,0,1)}}section.strength{display:flex;flex-direction:column;max-width:1920px;padding-inline:var(--space-lg);margin-inline:auto}@media screen and (min-width: 768px){section.strength{padding-block:100px}}@media screen and (max-width: 767px){section.strength{padding-block:60px}}section.strength h2{font-family:var(--font-en),sans-serif;font-weight:500}@media screen and (min-width: 768px){section.strength h2{font-size:80px}}@media screen and (max-width: 767px){section.strength h2{font-size:64px;line-height:.85}}section.strength .strength-list{display:flex;flex-direction:column}@media screen and (min-width: 768px){section.strength .strength-list{gap:60px;padding-inline:100px;margin-top:60px}}@media screen and (max-width: 767px){section.strength .strength-list{gap:40px;margin-top:40px}}section.strength .strength-list h3{font-family:var(--font-en),sans-serif;font-weight:300}@media screen and (min-width: 768px){section.strength .strength-list h3{font-size:72px}}@media screen and (max-width: 767px){section.strength .strength-list h3{margin-bottom:5px;font-size:48px;line-height:.75}}section.strength .strength-list p{line-height:2;letter-spacing:.03em}@media screen and (min-width: 768px){section.strength .strength-list p{font-size:16px}}@media screen and (max-width: 767px){section.strength .strength-list p{font-size:14px}}@media screen and (min-width: 768px){section.strength .strength-list>li:nth-child(3n){padding-left:120px}}@media screen and (max-width: 767px){section.strength .strength-list>li:nth-child(3n){padding-left:40px}}@media screen and (min-width: 768px){section.strength .strength-list>li:nth-child(3n-1){padding-left:60px}}@media screen and (max-width: 767px){section.strength .strength-list>li:nth-child(3n-1){padding-left:20px}}section.profile{display:flex;flex-direction:column;max-width:1920px;padding-inline:var(--space-lg);margin-inline:auto}@media screen and (min-width: 768px){section.profile{align-items:center;padding-block:100px}}@media screen and (max-width: 767px){section.profile{padding-block:60px;padding-left:20px}}section.profile h2{font-family:var(--font-en),sans-serif;font-weight:500}@media screen and (min-width: 768px){section.profile h2{font-size:80px}}@media screen and (max-width: 767px){section.profile h2{font-size:64px;line-height:.85}}@media screen and (min-width: 768px){section.profile dl{display:grid;grid-template-columns:150px 1fr;gap:40px 0;padding-inline:100px;margin-top:60px}}@media screen and (max-width: 767px){section.profile dl{display:grid;grid-template-columns:80px 1fr;gap:20px 0;margin-top:30px;font-size:14px}}section.all-projects{max-width:1920px;padding-inline:var(--space-lg);margin-inline:auto;display:flex;flex-direction:column}@media screen and (min-width: 768px){section.all-projects{padding-top:calc(var(--header-height-lg) + 50px)}}@media screen and (max-width: 767px){section.all-projects{padding-top:calc(var(--header-height-sm) + 50px)}}section.all-projects h1{font-family:var(--font-en),sans-serif;font-weight:500}@media screen and (min-width: 768px){section.all-projects h1{font-size:80px}}@media screen and (max-width: 767px){section.all-projects h1{font-size:64px;line-height:.85}}section.all-projects .project-list{display:grid}@media screen and (min-width: 768px){section.all-projects .project-list{grid-template-columns:repeat(3,1fr);gap:min(3vw,40px)}}@media screen and (min-width: 768px) and (width <= 960px){section.all-projects .project-list{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 767px){section.all-projects .project-list{gap:30px}}article.project-detail{max-width:1920px;padding-inline:var(--space-lg);margin-inline:auto;display:flex;flex-direction:column}@media screen and (min-width: 768px){article.project-detail{padding-top:var(--header-height-lg)}}@media screen and (max-width: 767px){article.project-detail{padding-top:var(--header-height-sm)}}article.project-detail section.hero-spacer{position:relative}@media screen and (min-width: 768px){article.project-detail section.hero-spacer{height:var(--project-visual-height-lg)}}@media screen and (max-width: 767px){article.project-detail section.hero-spacer{height:var(--project-visual-height-sm)}}article.project-detail section.hero{position:fixed;display:flex;align-items:center;width:calc(var(--content-width) - 1px);overflow:clip}@media screen and (min-width: 768px){article.project-detail section.hero{height:var(--project-visual-height-lg)}}@media screen and (max-width: 767px){article.project-detail section.hero{height:var(--project-visual-height-sm)}}article.project-detail section.hero figure{position:absolute;top:0;left:0;width:100%;height:100%;aspect-ratio:unset;will-change:transform}article.project-detail section.hero img{transform:scale(calc(1 + .1 * var(--progress)));will-change:transform}article.project-detail section.hero h1{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding-block:48px;padding-inline:32px;font-weight:400;text-align:center;pointer-events:none;user-select:none;background-color:rgb(0 0 0/calc(45% + 35% * var(--progress)));transform:translateY(calc(100% * var(--progress) / -10));will-change:transform}article.project-detail section.hero h1 [data-component=project-tags]{align-items:center;justify-content:center}article.project-detail section.hero h1 .client{font-family:var(--font-ja-medium),sans-serif;margin-top:16px;margin-bottom:8px;letter-spacing:.1em}@media screen and (min-width: 768px){article.project-detail section.hero h1 .client{font-size:24px}}@media screen and (max-width: 767px){article.project-detail section.hero h1 .client{font-size:20px}}article.project-detail section.hero h1 .title{font-family:var(--font-ja-medium),sans-serif;letter-spacing:.05em}@media screen and (min-width: 768px){article.project-detail section.hero h1 .title{font-size:48px}}@media screen and (max-width: 767px){article.project-detail section.hero h1 .title{font-size:40px}}article.project-detail section.info{position:relative;display:flex;align-items:flex-start;padding-top:var(--space-lg);background-color:var(--color-bg-gray)}@media screen and (min-width: 768px){article.project-detail section.info{gap:var(--space-lg)}}@media screen and (max-width: 767px){article.project-detail section.info{flex-direction:column-reverse;gap:40px;align-items:stretch}}article.project-detail section.info .additional-images{display:flex;flex-direction:column;flex-grow:1}@media screen and (min-width: 768px){article.project-detail section.info .additional-images{gap:calc(var(--space-lg) / 3 * 2)}}@media screen and (max-width: 767px){article.project-detail section.info .additional-images{gap:var(--space-lg)}}article.project-detail section.info .additional-images figure{width:100%}article.project-detail section.info .additional-images figure img{width:100%;height:100%;object-fit:cover}article.project-detail section.info .texts{display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;gap:10px;padding-top:calc(var(--space-lg) / 2)}@media screen and (min-width: 768px){article.project-detail section.info .texts{position:sticky;top:var(--header-height-lg);width:364px}}article.project-detail section.info .title{font-family:var(--font-ja-medium),sans-serif;display:flex;flex-direction:column;margin-top:10px;letter-spacing:.1em}article.project-detail section.info .title span:first-child{font-size:16px}article.project-detail section.info .title span:last-child{font-size:24px;line-height:1.3}article.project-detail section.info .visit-link{font-family:var(--font-en),sans-serif;font-weight:500;font-size:18px;text-align:right}article.project-detail section.info .description{display:flex;flex-direction:column;gap:16px;margin-top:20px;font-size:14px;line-height:2;text-align:justify;letter-spacing:.07em}article.project-detail section.project-links{position:relative;display:flex;flex-direction:column;gap:60px;padding-top:calc(var(--space-lg) * 4);background-color:var(--color-bg-gray)}article.project-detail section.project-links:after{position:absolute;top:100%;left:0;width:100%;height:100vh;content:"";background-color:var(--color-bg-gray)}article.project-detail section.project-links a.next{display:flex;gap:20px;align-items:center;width:fit-content;margin-left:auto;text-decoration:none}@media (hover: hover){article.project-detail section.project-links a.next:hover .label:before{animation-name:line-move;animation-duration:1s;animation-timing-function:cubic-bezier(1,0,0,1)}}article.project-detail section.project-links a.next figure{height:80px}article.project-detail section.project-links a.next>div{display:flex;flex-direction:column}article.project-detail section.project-links a.next .label{font-family:var(--font-en),sans-serif;font-weight:500;position:relative;display:flex;width:fit-content;overflow:hidden}@media screen and (min-width: 768px){article.project-detail section.project-links a.next .label{font-size:36px}}@media screen and (max-width: 767px){article.project-detail section.project-links a.next .label{font-size:24px}}article.project-detail section.project-links a.next .label:before{position:absolute;width:100%;height:2px;content:"";background-color:var(--color-line)}@media screen and (min-width: 768px){article.project-detail section.project-links a.next .label:before{bottom:8px}}@media screen and (max-width: 767px){article.project-detail section.project-links a.next .label:before{bottom:5px}}article.project-detail section.project-links a.next .label span{z-index:1}article.project-detail section.project-links a.next .client{font-family:var(--font-ja-medium),sans-serif;margin-top:.2em;letter-spacing:.1em}@media screen and (min-width: 768px){article.project-detail section.project-links a.next .client{font-size:16px}}@media screen and (max-width: 767px){article.project-detail section.project-links a.next .client{font-size:14px}}article.project-detail section.project-links a.next .title{font-family:var(--font-ja-medium),sans-serif;margin-top:.1em;letter-spacing:.1em}@media screen and (min-width: 768px){article.project-detail section.project-links a.next .title{font-size:24px}}@media screen and (max-width: 767px){article.project-detail section.project-links a.next .title{font-size:20px}}article.project-detail section.project-links .list-link{font-family:var(--font-en),sans-serif;font-weight:500;text-align:center}@media screen and (min-width: 768px){article.project-detail section.project-links .list-link{font-size:36px}}@media screen and (max-width: 767px){article.project-detail section.project-links .list-link{font-size:24px}}article.project-detail section.project-links .list-link a{position:relative;display:flex;width:fit-content;margin-inline:auto;overflow:hidden;text-decoration:none}article.project-detail section.project-links .list-link a:before{position:absolute;width:100%;height:2px;content:"";background-color:var(--color-line)}@media screen and (min-width: 768px){article.project-detail section.project-links .list-link a:before{bottom:8px}}@media screen and (max-width: 767px){article.project-detail section.project-links .list-link a:before{bottom:5px}}@media (hover: hover){article.project-detail section.project-links .list-link a:hover:before{animation-name:line-move;animation-duration:1s;animation-timing-function:cubic-bezier(1,0,0,1)}}section.blog-index{max-width:1920px;padding-inline:var(--space-lg);margin-inline:auto;display:flex;flex-direction:column}@media screen and (min-width: 768px){section.blog-index{padding-top:calc(var(--header-height-lg) + 50px)}}@media screen and (max-width: 767px){section.blog-index{padding-top:calc(var(--header-height-sm) + 50px)}}section.blog-index h1{font-family:var(--font-en),sans-serif;font-weight:500}@media screen and (min-width: 768px){section.blog-index h1{font-size:80px}}@media screen and (max-width: 767px){section.blog-index h1{font-size:64px;line-height:.85}}section.blog-index .blog-list{display:flex;flex-direction:column;gap:calc(var(--space-lg) / 2);margin-top:calc(var(--space-lg) / 2)}article.blog-article{display:flex;flex-direction:column;max-width:1920px;padding-inline:var(--space-lg);margin-inline:auto;max-width:800px}@media screen and (min-width: 768px){article.blog-article{padding-top:calc(var(--header-height-lg) + 50px)}}@media screen and (max-width: 767px){article.blog-article{padding-top:calc(var(--header-height-sm) + 50px)}}article.blog-article header .date{font-family:var(--font-en),sans-serif;font-weight:700;font-size:16px}article.blog-article header h1{font-size:32px;line-height:1.2}article.blog-article .featured-image{margin-block:2em}article.blog-article .article-body{display:flex;flex-direction:column;font-size:16px;line-height:1.8;letter-spacing:.05em}article.blog-article .article-body code:not(.hljs){padding:.2em .4em;background-color:var(--color-code-bg);border-radius:3px}article.blog-article .article-body a{text-decoration:underline;text-decoration-thickness:1px}article.blog-article .article-body .tldr{padding:1em;margin-block:2em;border:1px dashed var(--color-line);border-radius:3px}article.blog-article .article-body .tldr:before{font-family:var(--font-en),sans-serif;font-weight:700;display:block;width:fit-content;padding:.25em .2em 0;margin-bottom:.2em;font-size:32px;line-height:.7;color:var(--color-bg-gray);content:"TL;DR";background-color:var(--color-white-pure);border-radius:3px}article.blog-article .article-body .tldr li{margin-top:.5em;margin-left:1em;text-indent:-.8em}article.blog-article .article-body .tldr li:before{margin-right:.2em;content:"・"}article.blog-article .article-body ul[class=wp-block-list]{padding-inline-start:1.5em;list-style:disc}article.blog-article .article-body h2{position:relative;display:flex;margin-block-start:1em;overflow:hidden;font-size:32px}article.blog-article .article-body h3{margin-block-start:.5em;font-size:20px;font-family:var(--font-ja-medium),sans-serif}article.blog-article .article-body h2+h3{margin-block-start:1em}article.blog-article .article-body ul{margin-block:.5em}article.blog-article .article-body p{margin-block:.5em;text-align:justify}article.blog-article .article-body hr{width:80%;height:1px;margin-block:4em;margin-inline:auto;background-color:var(--color-line);border:none}section.contact{display:flex;flex-direction:column;max-width:1920px;padding-inline:var(--space-lg);margin-inline:auto}@media screen and (min-width: 768px){section.contact{padding-top:calc(var(--header-height-lg) + 50px)}}@media screen and (max-width: 767px){section.contact{padding-top:calc(var(--header-height-sm) + 50px)}}section.contact h1{font-family:var(--font-en),sans-serif;font-weight:500}@media screen and (min-width: 768px){section.contact h1{font-size:80px}}@media screen and (max-width: 767px){section.contact h1{font-size:64px;line-height:.85}}section.contact .lead{font-family:var(--font-ja-medium),sans-serif;margin-block:2.5em 2em;font-size:16px;line-height:2;letter-spacing:.1em}section.contact .form-wrapper{position:relative;width:min(100%,600px);height:fit-content;margin-top:2em}section.contact .cover{font-family:var(--font-en),sans-serif;font-weight:700;position:absolute;top:0;left:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;clip-path:polygon(0 0,0 0,0% 100%,0 100%);font-size:36px;text-align:center;user-select:none;background-color:rgb(from var(--color-bg-gray) r g b/80%);transition-timing-function:cubic-bezier(.77,0,.175,1);transition-duration:.3s;transition-property:clip-path}section.contact .cover.active{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}section.contact form{display:flex;flex-direction:column;gap:2em;width:100%}section.contact .fields{display:flex;flex-direction:column;gap:2em}section.contact fieldset{display:flex;flex-direction:column;gap:6px;padding:0;margin:0;border:none}section.contact label{font-family:var(--font-ja-medium),sans-serif;letter-spacing:.1em}section.contact input,section.contact textarea{padding:.5em;font-family:sans-serif;font-size:15px;color:var(--color-gray-dark);background-color:#f5f5f5;border:1px solid transparent;border-radius:3px}section.contact input::placeholder,section.contact textarea::placeholder{color:var(--color-bg-gray)}section.contact input:focus-visible,section.contact textarea:focus-visible{outline:3px solid var(--color-bg-gray-alt)}section.contact input.validated:not(:valid),section.contact textarea.validated:not(:valid){outline:3px solid var(--color-error)}section.contact textarea{height:16em;overflow-y:auto;overscroll-behavior:contain;line-height:1.8}section.contact button{font-family:var(--font-ja-medium),sans-serif;--ls: .2em;--ph: 1.8em;width:fit-content;padding-block:6px 9px;padding-inline:var(--ph) calc(var(--ph) - var(--ls));margin-inline:auto;font-size:15px;color:var(--color-white);text-align:center;letter-spacing:.2em;cursor:pointer;background-color:var(--color-bg-gray);border:1px solid var(--color-white-pure);border-radius:100px;transition:background-color .3s}section.contact button:hover{background-color:var(--color-bg-gray-alt)}section.contact button:focus-visible{outline:3px solid var(--color-bg-gray-alt)}