@-webkit-keyframes slide-up{0%{translate:0 50px;opacity:0}to{translate:0 0;opacity:1}}@keyframes slide-up{0%{translate:0 50px;opacity:0}to{translate:0 0;opacity:1}}@-webkit-keyframes slide-in{0%{translate:-10px 0;opacity:0}to{translate:0 0;opacity:1}}@keyframes slide-in{0%{translate:-10px 0;opacity:0}to{translate:0 0;opacity:1}}@-webkit-keyframes appear{0%{opacity:0}to{opacity:1}}@keyframes appear{0%{opacity:0}to{opacity:1}}.works-list{display:grid;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-inline:0}@media only screen and (max-width: 575.98px){.works-list{grid-template-columns:1fr}}@media only screen and (min-width: 576px) and (max-width: 767.98px){.works-list{grid-template-columns:repeat(2,1fr)}}@media print,screen and (min-width: 768px){.works-list{grid-template-columns:repeat(3,1fr)}}.works-list>li{-webkit-transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,transform .5s;transition:opacity .5s,transform .5s,-webkit-transform .5s;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-item-align:start;align-self:flex-start;padding:var(--s-gutter)}.works-list>li[data-active=false]{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}.works-list>li[data-active=true]{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}@media (hover: hover){.works-list>li:hover .link-detail{color:currentcolor}.works-list>li:hover .link-detail .icon-circle:before{-webkit-transform:scale(1,1);transform:scale(1)}.works-list>li:hover .link-detail .icon-next{-webkit-filter:invert(100%) grayscale(100%);filter:invert(100%) grayscale(100%);-webkit-animation:slide-in .3s forwards;animation:slide-in .3s forwards}.works-list>li:hover .link-detail span:after{-webkit-transform:scale(1,1);transform:scale(1)}}.works-list>li>a:not(.link-text){position:absolute;top:0;right:0;bottom:0;left:0;content:""}.works-list>li>a:not(.link-text) span{position:absolute!important;margin:-1px!important;padding:0!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;border:0!important;white-space:nowrap!important}.works-list>li>*{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.works-list>li .works-list-image{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0;-webkit-padding-after:1.375rem;padding-block-end:1.375rem}.works-list>li .works-list-image img{width:100%}.works-list>li .link-detail{-webkit-margin-before:.75rem;margin-block-start:.75rem}.works-list-client{-webkit-padding-after:.75rem;padding-block-end:.75rem;color:var(--c-black);font-size:.625rem;line-height:1.35}.works-list-project{font-weight:700;font-size:1rem;line-height:1.35}@media only screen and (max-width: 991.98px){.works-list-project{-webkit-padding-after:.75rem;padding-block-end:.75rem}}@media print,screen and (min-width: 992px){.works-list-project{-webkit-padding-after:1.375rem;padding-block-end:1.375rem}}.works-list-hash{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.25rem;z-index:2}@media only screen and (max-width: 991.98px){.works-list-hash{-webkit-padding-after:1rem;padding-block-end:1rem}}.works-list-hash a{display:block;border-radius:.125rem;background:var(--c-gray-200);padding:.46em .73em;color:var(--c-black);font-size:.6875rem;line-height:1}@media (hover: hover){.works-list-hash a{-webkit-transition:background-color .3s;transition:background-color .3s}.works-list-hash a:hover{background-color:var(--c-gray-300)}}.works-list-description{font-size:.8125rem;line-height:1.75}.pickup-works-list{display:grid;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-inline:0}@media only screen and (max-width: 575.98px){.pickup-works-list{grid-template-columns:1fr}}@media print,screen and (min-width: 576px){.pickup-works-list{grid-template-columns:repeat(2,1fr)}}.pickup-works-list>li{-webkit-transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,transform .5s;transition:opacity .5s,transform .5s,-webkit-transform .5s;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-item-align:start;align-self:flex-start;padding:var(--s-gutter)}.pickup-works-list>li[data-active=false]{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}.pickup-works-list>li[data-active=true]{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}@media (hover: hover){.pickup-works-list>li:hover .link-detail{color:currentcolor}.pickup-works-list>li:hover .link-detail .icon-circle:before{-webkit-transform:scale(1,1);transform:scale(1)}.pickup-works-list>li:hover .link-detail .icon-next{-webkit-filter:invert(100%) grayscale(100%);filter:invert(100%) grayscale(100%);-webkit-animation:slide-in .3s forwards;animation:slide-in .3s forwards}.pickup-works-list>li:hover .link-detail span:after{-webkit-transform:scale(1,1);transform:scale(1)}}.pickup-works-list>li>a:not(.link-text){position:absolute;top:0;right:0;bottom:0;left:0;content:""}.pickup-works-list>li>a:not(.link-text) span{position:absolute!important;margin:-1px!important;padding:0!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;border:0!important;white-space:nowrap!important}.pickup-works-list>li>*{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.pickup-works-list>li .works-list-image{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0;-webkit-padding-after:1.8rem;padding-block-end:1.8rem}.pickup-works-list>li .works-list-image img{width:100%}.pickup-works-list .works-list-client{-webkit-padding-after:1.125rem;padding-block-end:1.125rem;color:var(--c-black);font-size:.75rem;line-height:1.35}.pickup-works-list .works-list-project{-webkit-padding-after:1.375rem;padding-block-end:1.375rem;font-weight:700;font-size:1.125rem;line-height:1.35}.pickup-works-list .works-list-hash{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.25rem;z-index:2;-webkit-padding-after:1.8rem;padding-block-end:1.8rem}.pickup-works-list .works-list-hash>li{border-radius:.125rem;background:var(--c-gray-200);line-height:1}.pickup-works-list .works-list-hash a{display:block;padding:.25rem .5rem;color:var(--c-black);font-size:.6875rem;line-height:1}@media (hover: hover){.pickup-works-list .works-list-hash a{-webkit-transition:color .3s;transition:color .3s}.pickup-works-list .works-list-hash a:hover{color:var(--c-black)}}.pickup-works-list .works-list-description{-webkit-padding-after:.5rem;padding-block-end:.5rem;font-size:.8125rem;line-height:1.75}.pagination{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:.5rem;-webkit-margin-before:3.75rem;margin-block-start:3.75rem;width:calc(100% - var(--s-gutter) * 2)}@media only screen and (max-width: 575.98px){.pagination{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.pagination a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:2px solid transparent;aspect-ratio:1/1;width:3rem;font-weight:500;font-family:var(--f-english);letter-spacing:0}.pagination a[aria-current=page]{border-color:currentcolor;pointer-events:none}.pagination-dot{-ms-flex-item-align:center;align-self:center;font-family:var(--f-japanese)}.pagination-prev{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.pagination .icon-next{aspect-ratio:1/1;width:.75rem}.works .works-list{width:100%}.works .works-list .link-detail .icon-circle,.works .works-list .link-detail span{position:absolute!important;margin:-1px!important;padding:0!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;border:0!important;white-space:nowrap!important}@media print,screen and (min-width: 576px){.works .button{width:calc(100% - var(--s-gutter) * 2)}}@media print,screen and (min-width: 768px){.works .button{margin-inline:calc(25% + var(--s-gutter));width:calc(50% - var(--s-gutter) * 2)}}.works-category{-webkit-margin-after:5rem;margin-block-end:5rem}.works-category ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.5rem}.works-category ul a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;border:1px solid var(--c-hairline);border-radius:4px;background-color:var(--c-white);padding-inline:1rem;height:3rem;font-size:.875rem;line-height:1}@media (hover: hover){.works-category ul a{-webkit-transition:border-color .3s;transition:border-color .3s}.works-category ul a:hover{border-color:var(--c-black);color:var(--c-black)}}.works-category ul a[aria-current=page]{border-color:var(--c-black);background-color:var(--c-black);pointer-events:none;color:var(--c-white)}.works-category ul a[aria-current=page] .works-category-icon{-webkit-filter:invert(100%) grayscale(100%) contrast(100);filter:invert(100%) grayscale(100%) contrast(100)}.works-category-icon{width:1.5rem;height:1.5rem}.main-header{overflow:hidden}.main-header .page-title *:lang(en){background-color:var(--c-white)}.main-header-photo__works{position:absolute;z-index:-1}@media only screen and (max-width: 575.98px){.main-header-photo__works{top:0;left:20%;width:calc((100% - var(--s-contents-inline) * 2) * 1.5)}}@media print,screen and (min-width: 576px){.main-header-photo__works{top:50%;right:var(--s-contents-inline);translate:0 -50%;width:calc((100% - var(--s-contents-inline) * 2) * .75)}}.work-title{-webkit-margin-after:2.5rem;margin-block-end:2.5rem;font-weight:700;font-size:1.75rem;line-height:1.5;word-break:keep-all}@media screen and (width <= 319px){.work-title{font-size:1.5rem}}.work-title .client{display:block;-webkit-margin-after:1.5rem;margin-block-end:1.5rem;font-weight:400;font-size:.75rem}.other-works .button{-webkit-margin-before:1.5rem!important;margin-block-start:1.5rem!important}@media print,screen and (min-width: 576px){.other-works .button{-webkit-margin-start:calc(50% + var(--s-gutter));margin-inline-start:calc(50% + var(--s-gutter))}}@media print,screen and (min-width: 992px){.other-works .button{-webkit-margin-start:calc(37.5% + var(--s-gutter));margin-inline-start:calc(37.5% + var(--s-gutter))}}section{-webkit-transition:opacity .5s;transition:opacity .5s}section[aria-hidden=true],button[aria-hidden=true]{position:absolute;opacity:0;height:0}section[aria-hidden=false]{opacity:1}.container-project{contain:content;padding:var(--s-contents-block) var(--s-contents-inline) 0}@media print,screen and (min-width: 768px){.container-project{--s-contents-inline: calc((100vw - 620px)/2) }}.container-project>*:not(:first-child):not(h1,h2,h3,h4){-webkit-margin-before:1.75rem;margin-block-start:1.75rem}.container-project>*:not(:first-child).text-note{-webkit-margin-before:1.75rem!important;margin-block-start:1.75rem!important}.container-project>*:first-child{-webkit-margin-before:0!important;margin-block-start:0!important}.container-project>*:last-child{-webkit-margin-after:0!important;margin-block-end:0!important}.container-project>picture:not(.voice-portrait){display:block;text-align:center}.container-project>picture:not(.voice-portrait)+*:not(picture){-webkit-margin-before:3rem!important;margin-block-start:3rem!important}.container-project .works-list-hash a{font-size:.8125rem}.container-project .heading-large *:lang(ja){font-size:1.5rem}.container-project .heading-large *:lang(en){font-size:.625rem}.container-project .heading-small{-webkit-margin-before:3rem!important;margin-block-start:3rem!important}.container-project .heading-small .tag{display:block;color:var(--c-gray-400);font-weight:400;font-size:.75rem}.container-project .heading-small .tag:before{-webkit-margin-end:.25em;margin-inline-end:.25em;content:"#"}.voice{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.voice-title{display:inline-block;position:relative;-ms-flex-item-align:center;align-self:center;background-color:var(--c-black);padding:.56em 1em;color:var(--c-white);font-weight:700;font-size:1.125rem;line-height:1}.voice-title:after{display:inline-block;position:absolute;bottom:-8px;left:calc(50% - .28em);border-width:8px 5px 0;border-style:solid;border-color:var(--c-black) transparent transparent transparent;width:0;height:0;content:""}.voice-portrait{margin-inline:auto;border-radius:50%;aspect-ratio:1/1;width:9.375rem;overflow:hidden}.voice-name{line-height:1.5;text-align:right}.voice-company{display:block;font-size:.75em}.data{display:grid;-webkit-margin-before:var(--s-contents-block);margin-block-start:var(--s-contents-block);background-color:var(--c-white);padding-block:var(--s-contents-block)}@media only screen and (max-width: 575.98px){.data{gap:3rem}}@media print,screen and (min-width: 576px){.data{grid-template-columns:repeat(2,1fr);-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:1.5rem}}.data h2{position:absolute!important;margin:-1px!important;padding:0!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;border:0!important;white-space:nowrap!important}.data>*:not(:first-child){-webkit-margin-before:0;margin-block-start:0}.data-table{display:grid;grid-template-columns:auto 1fr;row-gap:1.25rem;line-height:1.5}.data-table>div{display:grid;grid-template-columns:subgrid;-webkit-column-gap:1rem;-moz-column-gap:1rem;column-gap:1rem;grid-column:span 2}.data-table>div>dt{-webkit-padding-before:.083em;padding-block-start:.083em;color:var(--c-gray-400);font-weight:400;font-size:.75rem}.data-table>div>dd{font-size:.875rem}.logo-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:3.125rem}.logo-list>li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}