@layer tokens{:root{--rounded-none:0;--rounded-xs:2px;--rounded-sm:4px;--rounded-md:8px;--rounded-lg:12px;--rounded-xl:16px;--rounded-full:calc(infinity * 1px);--border-width-none:0;--border-width-sm:.5px;--border-width-md:1px;--border-width-lg:2px;--color-danger-90:#f8ebec;--color-danger-80:#f0d7d9;--color-danger-70:#e9c3c5;--color-danger-60:#e1afb2;--color-danger-50:#d3868c;--color-danger-40:#c45e65;--color-danger-30:#b5363f;--color-danger-20:#912b32;--color-danger-10:#6d2026;--color-danger-5:#481619;--color-success-90:#f1f5ec;--color-success-80:#e3ecda;--color-success-70:#d5e2c7;--color-success-60:#c7d8b5;--color-success-50:#aac58f;--color-success-40:#8eb16a;--color-success-30:#729e45;--color-success-20:#5b7e37;--color-success-10:#445f29;--color-success-5:#2e3f1c;--color-neutral-solid-gray-900:#1f1f1f;--color-neutral-50:#fbfbfb;--color-neutral-100:#f4f4f4;--color-neutral-200:#e0e0e0;--color-neutral-300:#c2c2c2;--color-neutral-400:#9e9e9e;--color-neutral-500:#757575;--color-neutral-600:#5c5c5c;--color-neutral-700:#474747;--color-neutral-800:#333;--color-neutral-900:#1f1f1f;--color-semantic-success--1: ;--color-semantic-success--2: ;--color-semantic-error--1: ;--color-semantic-error--2: ;--color-semantic-warning-yellow--1: ;--color-semantic-warning-yellow--2: ;--color-semantic-warning-orange--1: ;--color-semantic-warning-orange--2: ;--color-brand:#231815;--color-accent:#ff8a51;--color-accent-dark:#5d4c95;--color-white:#fff;--color-inverse:var(--color-white);--color-primary-90:var(--color-neutral-90);--color-primary-80:var(--color-neutral-80);--color-primary-70:var(--color-neutral-70);--color-primary-60:var(--color-neutral-60);--color-primary-50:var(--color-neutral-50);--color-primary-40:var(--color-neutral-40);--color-primary-30:var(--color-neutral-30);--color-primary-20:var(--color-neutral-20);--color-primary-10:var(--color-neutral-10);--color-primary-5:var(--color-neutral-5);--color-text-default:var(--color-neutral-900);--color-text-subtle:var(--color-neutral-700);--color-text-subtler:var(--color-neutral-500);--color-text-danger: ;--color-text-success: ;--color-text-inverse:var(--color-inverse);--color-border-default:var(--color-neutral-400);--color-border-subtle:var(--color-neutral-300);--color-border-subtler:var(--color-neutral-200);--color-border-bold:var(--color-neutral-900);--color-border-inverse:var(--color-inverse);--color-border-focused:var(--color-accent);--link-border-enabled:var(--color-neutral-50);--link-border-hovered:var(--color-neutral-20);--link-border-focused:var(--color-neutral-10);--link-bg-enabled:none;--link-bg-hoverd:var(--color-accent);--color-background-default:var(--color-white);--color-background-enabled:var(--color-neutral-5);--color-background-hovered:var(--color-neutral-40);--color-background-pressed:var(--color-neutral-20);--stack-top:calc(infinity * 1);--stack-head:200;--stack-foot:100;--stack-float:1000;--stack-swiper:10;--stack-foreground:1;--stack-background:-1;--elevation-1: ;--elevation-2: ;--elevation-3: ;--elevation-4: ;--elevation-5: ;--opacity-solid:1;--opacity-medium:.5;--opacity-faded:.3;--opacity-transparent:0;--space-measure:unset;--space-none:0;--space-050:.125rem;--space-100:.25rem;--space-150:.375rem;--space-200:.5rem;--space-300:.75rem;--space-400:1rem;--space-600:1.5rem;--space-800:2rem;--space-1200:3rem;--space-1600:4rem;--space-2400:6rem;--space-4000:10rem;--negative-100:-.25rem;--negative-200:-.5rem;--negative-300:-.75rem;--negative-400:-1rem;--negative-600:-1.5rem;--FontFamily-Sans:"Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;--FontFamily-Libre:"Libre Baskerville", "Yu Mincho Premium", "Hiragino Mincho ProN", "Yu Mincho", serif;--font-family-base:var(--font-primary);--font-size:calc(var(--font-size-base) * var(--rem));--font-size-12:calc(12 / var(--font-size-base) * var(--font-size));--font-size-14:calc(14 / var(--font-size-base) * var(--font-size));--font-size-16:var(--font-size);--font-size-18:calc(18 / var(--font-size-base) * var(--font-size));--font-size-20:calc(20 / var(--font-size-base) * var(--font-size));--font-size-22:calc(22 / var(--font-size-base) * var(--font-size));--font-size-24:calc(24 / var(--font-size-base) * var(--font-size));--font-size-26:calc(26 / var(--font-size-base) * var(--font-size));--font-size-28:calc(28 / var(--font-size-base) * var(--font-size));--font-size-30:calc(30 / var(--font-size-base) * var(--font-size));--font-size-32:calc(32 / var(--font-size-base) * var(--font-size));--font-size-36:calc(36 / var(--font-size-base) * var(--font-size));--font-size-40:calc(40 / var(--font-size-base) * var(--font-size));--font-size-44:calc(44 / var(--font-size-base) * var(--font-size));--font-size-48:calc(48 / var(--font-size-base) * var(--font-size));--font-size-56:calc(56 / var(--font-size-base) * var(--font-size));--font-size-64:calc(64 / var(--font-size-base) * var(--font-size));--FontWeight-400:400;--FontWeight-700:700;--fontweight-regular:var(--FontWeight-400);--fontweight-bold:var(--FontWeight-700);--tracking-unit:.1em;--tracking-value-0:0;--tracking-value-1:.1;--tracking-value-5:.5;--tracking-value-10:1;--tracking-0:calc(var(--tracking-value-0) * var(--tracking-unit));--tracking-1:calc(var(--tracking-value-1) * var(--tracking-unit));--tracking-5:calc(var(--tracking-value-5) * var(--tracking-unit));--tracking-10:calc(var(--tracking-value-10) * var(--tracking-unit));--heading--font-family:var(--font-family-base);--heading--font-size-h1:var(--font-size-36);--heading--font-size-h2:var(--font-size-28);--heading--font-size-h3:var(--font-size-24);--heading--font-size-h4:var(--font-size-20);--heading--font-size-h5:var(--font-size-16);--heading--font-size-h6:var(--font-size-14);--heading--font-weight:var(--font-weight-regular);--heading--font-weight-strong:var(--font-weight-medium);--heading--letter-spacing-h1:var(--tracking-normal);--heading--letter-spacing-h2:var(--tracking-normal);--heading--letter-spacing-h3:var(--tracking-normal);--heading--letter-spacing-h4:var(--tracking-normal);--heading--letter-spacing-h5:var(--tracking-normal);--heading--letter-spacing-h6:var(--tracking-normal)}}@layer base{:where(:root){text-align:start;text-spacing-trim:trim-start;word-break:initial;line-break:strict;overflow-wrap:anywhere;hyphens:auto;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;font-style:normal;font-weight:400;line-height:1.5}:where(:root) [popover]{background:0 0;border:none;padding:0}:where(body){min-block-size:100svb;margin:unset}:where(h1,h2,h3,h4,h5,h6){margin-block:unset;font-size:unset}:where(search){display:block}:where(p,blockquote,figure,pre,address,ul,ol,dl){margin-block:unset}:where(blockquote,figure){margin-inline:unset}:where(ul,ol){padding-inline-start:unset;list-style-type:""}:where(dt){font-weight:700}:where(dd){margin-inline-start:unset}:where(hr){border-block-start-width:1px}:where(pre){tab-size:2}:where(b,strong){font-weight:700}:where(code,kbd,samp){font-family:Noto Sans Mono,monospace;font-size:unset}:where(address):where(:lang(ja)){font-style:unset}:where(em):where(:lang(ja)){font-weight:700}:where(i,cite,em,dfn,var):where(:lang(ja)){font-style:unset}:where(cite,dfn):before{content:var(--_quotation-start,"“")}:where(cite,dfn):after{content:var(--_quotation-end,"”")}:where(cite,dfn):where(:lang(ja)){--_quotation-start:"「";--_quotation-end:"」"}:root{--background:#fffdf7;--font-size-base:16;--rem:1rem / 16}.visually-hidden{opacity:0!important;visibility:visible!important;border:none!important;width:4px!important;height:4px!important;margin:0!important;padding:0!important;display:block!important;position:fixed!important;top:0!important;left:0!important;overflow:hidden!important}}@layer structure{:root{--conteinar-size-sp:430px;--container-size-sm:574px;--container-size-md:768px;--container-size-lg:1080px;--container-size-xl:1280px;--container-size-height:calc(852px - var(--header-height));--aspect-square:1 / 1;--aspect-video:16 / 9;--aspect-video-vertical:9 / 16;--aspect-golden:1.618 / 1;--aspect-photo:4 / 3;--aspect-photo-vertical:3 / 4;--aspect-landscape:3 / 2;--aspect-portrait:2 / 3;--aspect-thumbnail:1.91 / 1}.site-header{max-width:100%;padding:var(--space-800,32px) var(--space-600,24px);flex:1 0 0;justify-content:space-between;align-items:flex-start;display:flex}.site-header__logo{place-items:center;max-width:120px;display:grid}.site-header__logo img{width:100%;height:auto;display:block}.site-header__gnav-list{gap:var(--space-600,24px);grid-auto-flow:row;list-style-type:"";display:grid}.site-header__gnav-link{color:var(--color-text-default,#1f1f1f);font-size:var(--font-size-16,16px);text-transform:capitalize;font-style:normal;font-weight:400;line-height:150%;text-decoration:none;transition:color .3s ease-in-out;position:relative}.site-header__gnav-link[href=line]{text-transform:uppercase}.site-header__gnav-link:hover{color:var(--color-accent-dark)}.site-header__gnav-link:after{content:"";background:var(--color-border-bold);transform-origin:100%;width:100%;height:1px;transition:transform .3s ease-in-out;display:block;position:absolute;inset-block-end:0;inset-inline-start:0}.site-header__gnav-link:hover:after{transform:scaleX(0)}.site-footer{justify-content:space-between;gap:var(--space-800,32px);width:100%;height:640px;padding-block:var(--space-800,32px);background:url(/img/bg-footer.webp) 50%/cover no-repeat;flex-direction:column;display:flex;position:relative}.site-footer:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(#fff 0%,#fffc 30%,#fff6 60%,#fff0 100%);width:100%;height:300px;position:absolute;inset-block-start:0;inset-inline-start:0}.site-footer__container{row-gap:var(--space-600,24px);padding-inline:var(--space-800,32px);z-index:1;flex-direction:column;display:flex;position:relative}.site-footer__logo{place-items:center;max-width:84px;display:grid}.site-footer__logo img{width:100%;height:auto;display:block}.site-footer__nav-container{gap:var(--space-600,24px);flex-direction:column;display:flex}.site-footer__gnav-list{gap:var(--space-600,24px);grid-auto-flow:row;list-style-type:"";display:grid}.site-footer__gnav-link{color:var(--color-text-default,#1f1f1f);font-size:var(--font-size-16,16px);font-style:normal;font-weight:var(--fontweight-regular,400);text-transform:capitalize;line-height:150%;text-decoration:none;transition:color .3s ease-in-out;position:relative}.site-footer__gnav-link[href=line]{text-transform:uppercase}.site-footer__gnav-link:hover{color:var(--color-accent-dark)}.site-footer__gnav-link:after{content:"";background:var(--color-border-bold,#1f1f1f);transform-origin:100%;width:100%;height:1px;transition:transform .3s ease-in-out;display:block;position:absolute;inset-block-end:0;inset-inline-start:0}.site-footer__gnav-link:hover:after{transform:scaleX(0)}.site-footer__social-list{gap:var(--space-300);list-style-type:"";display:flex}.site-footer__social-link{border-radius:var(--rounded-md);border:2px solid #0000;place-items:center;width:44px;height:44px;transition:all .3s ease-in-out;display:grid}.site-footer__social-link img{width:24px;height:24px;transition:transform .3s ease-in-out;display:block}.site-footer__social-link:hover,.site-footer__social-link:focus{border-color:var(--color-accent-dark);transform:scale(1.1)}.site-footer__social-link:hover img,.site-footer__social-link:focus img{transform:scale(1.2)}.copyright{color:var(--color-border-inverse,#fbfbfb);text-align:center;text-shadow:0 0 2px #1f1f1f;font-size:var(--font-size-14,14px);font-weight:var(--fontweight-regular,400);letter-spacing:.05em;line-height:160%}}@layer style{body,html{margin:0;padding:0}body{min-height:100vh;color:var(--color-text-default,#1f1f1f);background:url(/img/bg.webp) 50%/cover no-repeat;justify-content:center;align-items:center;display:flex;overflow:hidden}:focus-visible{box-shadow:0 0 0 calc(var(--border-width-lg) + 2px) var(--color-border-focused);border-radius:4px;outline:none}:target{scroll-margin-top:calc(1.5rem + var(--space-800))}.container{-webkit-overflow-scrolling:touch;width:100%;height:100%;scroll-behavior:smooth;padding-block-start:var(--space-600,24px);position:relative;overflow-y:auto}.link-external:after{content:"";width:18px;height:18px;vertical-align:middle;background:url(/img/icon-link.svg) 50%/contain no-repeat;margin-inline-start:var(--space-100,4px);display:inline-block}.phone-frame{width:100%;height:100vh;margin:0 auto;position:relative}@media (width>=481px){.phone-frame{max-width:375px;height:90vh;max-height:812px;margin:var(--space-1200,64px) auto;padding:var(--space-300,12px);background:linear-gradient(#1a1a1a 0%,#222 100%);border-radius:40px;position:relative;transform:translateZ(0);box-shadow:0 8px 16px -4px #0000004d,0 16px 32px #00000026,0 24px 48px -12px #0000001a,inset 0 1px 2px #ffffff0d}.phone-frame:after{content:"";opacity:.6;filter:blur(8px);pointer-events:none;background:radial-gradient(closest-side,#00000026,#0000);width:90%;height:40px;position:absolute;inset-block-end:-40px;inset-inline-start:5%;transform:perspective(100px)rotateX(60deg)}.phone-frame:before{content:"";z-index:calc(var(--stack-float) + 1);background:#1a1a1a;border-bottom-right-radius:20px;border-bottom-left-radius:20px;width:150px;height:25px;position:absolute;inset-block-start:0;inset-inline-start:50%;transform:translate(-50%)}.phone-screen{background:var(--color-white);border-radius:32px;width:100%;height:100%;position:relative;overflow:hidden}}.status-bar{z-index:var(--stack-float);background-color:var(--color-white);justify-content:space-between;align-items:flex-start;height:24px;padding:14px 24px 0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:14px;display:flex;position:absolute;inset:0}.time{color:#000;font-size:15px;font-weight:600}.status-bar__right{align-items:center;display:flex}.cellular-signal{align-items:flex-end;gap:2px;margin-right:4px;display:flex}.cellular-signal .bar{background:#000;border-radius:.5px;width:4px}.cellular-signal .bar:first-child{height:9px}.cellular-signal .bar:nth-child(2){height:12px}.cellular-signal .bar:nth-child(3){height:15px}.cellular-signal .bar:nth-child(4){height:18px}.wifi{align-items:center;margin-right:2px;display:flex}.battery{background:#dcdcdc;border-radius:4px;justify-content:center;align-items:center;width:28px;height:14px;margin-left:2px;padding:2px 4px;display:flex;position:relative}.battery:after{content:"";background:#dcdcdc;border-radius:0 1px 1px 0;width:2px;height:6px;position:absolute;top:50%;right:-2px;transform:translateY(-50%)}.battery-level{background:#000;border-radius:4px 0 0 4px;width:78%;height:100%;position:absolute;inset-block-start:0;inset-inline-start:0}.battery-text{color:var(--color-white);z-index:2;font-size:12px;font-weight:600;position:relative}@media (width<=480px){.phone-frame{width:100%;height:100vh;padding:0}.phone-screen{width:100%;height:100%}.status-bar{display:none}body{background:var(--color-background-default)}}.section__title{align-items:center;gap:var(--space-400,16px);height:64px;color:var(--color-text-default,#1f1f1f);text-align:center;font-size:var(--font-size-20);font-weight:var(--fontweight-regular,400);align-self:stretch;padding-inline-start:0;line-height:1.5;display:flex;position:relative}.section__title:after{content:"";background-position:50%;background-repeat:no-repeat;position:absolute;inset-block-start:50%;inset-inline-start:0;transform:translateY(-50%)}#service-title:after{background-image:url(/img/service.webp);background-size:contain;width:300px;height:64px}#works-title:after{background-image:url(/img/works.webp);background-size:contain;width:258px;height:64px}#about-title:after{background-image:url(/img/about.webp);background-size:contain;width:241px;height:64px}#notes-title:after{background-image:url(/img/notes.webp);background-size:contain;width:202px;height:64px}#news-title:after{background-image:url(/img/news.webp);background-size:contain;width:202px;height:64px}main{align-items:start;row-gap:var(--space-2400,96px);width:100%;flex-direction:column;padding-block-start:var(--space-2400,96px);display:flex}section{padding-inline:var(--space-300,1rem);row-gap:var(--space-600,1.5rem);max-width:100%;display:grid}.news__text{padding-block-end:var(--space-300,1rem)}.work__item{padding-block:var(--space-600,24px);border-top:var(--border-width-md,1px) solid var(--color-border-subtle);flex-direction:column;display:flex}.work__item:last-child{border-bottom:var(--border-width-md,1px) solid var(--color-border-subtle)}.work__title{order:2;margin:0}.work__link{color:var(--color-text-default,#1f1f1f);font-size:var(--font-size-16,16px);font-weight:var(--fontweight-regular,400);letter-spacing:.02em;line-height:170%;text-decoration:none;transition:color .3s ease-in-out;display:inline;position:relative}.work__link:before{content:"";width:100%;height:var(--border-width-md,1px);transform-origin:100%;background-color:currentColor;transition:transform .3s;position:absolute;inset-block-end:var(--negative-100,-4px);inset-inline-start:0;transform:scaleX(1)}.work__link:hover:before{transform:scaleX(0)}.work__link:hover{color:var(--color-accent-dark)}.work__link.link-external:after{transition:filter .3s}.work__link.link-external:hover:after{filter:brightness(0)saturate()invert(35%)sepia(19%)saturate(1234%)hue-rotate(222deg)brightness(88%)contrast(89%)}.work__link-honorific{font-size:.8em}.work__meta{order:1;justify-content:space-between;align-items:center;display:flex}.work__categories{flex-wrap:wrap;gap:0;margin:0;padding:0;list-style-type:"";display:inline-flex}.work__category:not(:last-child):after{content:"/";margin:0 var(--space-100,4px);color:currentColor;opacity:var(--opacity-medium)}.work__category{color:var(--color-text-subtler);font-size:var(--font-size-14,14px);font-weight:var(--fontweight-regular,400);line-height:120%}.work__year{color:var(--color-text-subtler);font-size:var(--font-size-14,14px);font-weight:var(--fontweight-regular,400);text-wrap:nowrap;line-height:120%}.service__content{row-gap:var(--space-1200,48px);flex-direction:column;display:flex}.service-list{align-items:flex-start;row-gap:var(--space-100,4px);flex-direction:column;align-self:stretch;display:flex}.service-list__category{color:var(--color-text-subtler);font-size:var(--font-size-24,24px);font-weight:var(--fontweight-regular,400);letter-spacing:.04em;line-height:150%}.service-list__list{row-gap:var(--space-200,8px);grid-auto-flow:row;list-style-type:"";display:grid}.service-list__list li{color:var(--color-neutral-solid-gray-900);font-size:var(--font-size-16,16px);font-weight:var(--fontweight-regular,400);letter-spacing:.02em;padding-left:1.5em;line-height:170%;position:relative}.service-list__list li:before{content:"";background:url(/img/marker.webp) 50%/contain no-repeat;width:1.4em;height:1.4em;position:absolute;inset-block-start:50%;inset-inline-start:0;transform:translateY(-50%)}.about__content{row-gap:var(--space-1200,48px);flex-direction:column;max-width:100%;display:flex}.about__article{row-gap:var(--space-100,4px);flex-direction:column;max-width:100%;display:flex}.about__heading{color:var(--color-text-subtler);font-size:var(--font-size-20,20px);font-weight:var(--fontweight-regular,400);letter-spacing:.02em;line-height:150%}.about__text{color:var(--color-text-default,#1f1f1f);font-size:var(--font-size-16,16px);font-weight:var(--fontweight-regular,400);letter-spacing:.02em;line-height:170%}}