@charset "utf-8";
/*! nanakoono.com v1.0.0474l7 */
@keyframes fade-in{0%{opacity:0}to{opacity:100%}}@keyframes fade-out{0%{opacity:100%}to{opacity:0}}@keyframes iv{0%{opacity:0;transform:translate3d(0,1.25rem,0)}to{opacity:1;transform:none}}@keyframes blink{0%{opacity:0}50%{opacity:1}}*,::after,::before{background-repeat:no-repeat}::after,::before{box-sizing:border-box;text-decoration:inherit;vertical-align:inherit}:where(:root){cursor:default;line-height:1.5;overflow-wrap:break-word;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}:where(body),:where(dl, ol, ul) :where(dl, ol, ul){margin:0}:where(h1){font-size:2em;margin:.67em 0}:where(hr){color:inherit;height:0}:where(nav) :where(ol, ul){list-style-type:none;padding:0}:where(nav li)::before{content:"\200B";float:left}:where(pre){font-family:monospace,monospace;font-size:1em;overflow:auto}:where(abbr[title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b, strong){font-weight:bolder}:where(code, kbd, samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(audio, canvas, iframe, img, svg, video){vertical-align:middle}:where(iframe){border-style:none}:where(svg:not([fill])){fill:currentColor}:where(table){border-collapse:collapse;border-color:inherit;text-indent:0}:where(button, input, select){margin:0}:where(button, [type="button" i], [type="reset" i], [type="submit" i]){-webkit-appearance:button}:where(fieldset){border:1px solid #a0a0a0}:where(progress){vertical-align:baseline}:where(textarea){margin:0;resize:vertical}:where([type="search" i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(details > summary:first-of-type){display:list-item}:where([aria-busy="true" i]){cursor:progress}:where([aria-controls]){cursor:pointer}:where([aria-disabled="true" i], [disabled]){cursor:not-allowed}:where([aria-hidden="false" i][hidden]){display:initial}:where([aria-hidden="false" i][hidden]:not(:focus)){clip:rect(0,0,0,0);position:absolute}*{margin:0;padding:0;box-sizing:border-box}ul{list-style:none}a{color:inherit}a img{outline:0}hr{height:1px;border:0;border-top:1px solid #ccc}h1,h2,h3,h4{margin:0;font-size:inherit;font-weight:inherit}nav li:before{content:none}.u-sans,html{font-family:neue-haas-grotesk-text,sans-serif}.c-about,.c-detail__title{font-family:neue-haas-grotesk-text,kozuka-gothic-pr6n,sans-serif}body .-ja{font-family:"Helvetica Neue",Helvetica,kozuka-gothic-pr6n,sans-serif;font-weight:900}.c-about h2,.c-ln--u{text-decoration:underline}.c-ln--u:hover,a{text-decoration:none}html{font-feature-settings:'palt' 1;height:100%;min-width:320px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;background-color:#fff;color:#000;font-weight:400;font-size:2.5vw}body{font-size:1.53125rem;letter-spacing:0;line-height:1.244897959183674;font-weight:700}body ::selection{color:gray;background:#fff}.c-abs,.c-detail__p video,.c-photo__inr video{position:absolute;top:0;left:0;width:100%;height:100%}.c-fade-in{opacity:0}.c-fade-in.is-show{animation:fade-in 1s forwards}.c-flc{display:flex;justify-content:center;align-items:center}.c-gc,.c-gc__ly{position:relative}.c-gc{display:-ms-grid;display:grid;-ms-grid-rows:1fr;-ms-grid-columns:1fr;grid-template:1fr/1fr}.c-gc__ly{z-index:0;-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/2;-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/2}.c-in,img.yall{opacity:0}.c-in.is-show{animation:iv .97s forwards ease-in-out}img.yall.loaded{opacity:1;animation:fade-in .22s forwards ease-in}.c-fit{object-fit:cover}.c-fit--contain{object-fit:contain}.c-pic{display:block;position:relative;overflow:hidden}.c-pic:before{display:block;content:'';width:100%;height:0;padding:0 0 100%}.c-pic img{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.c-about{display:block;line-height:1.306122448979592}.c-about__inr{padding:.625rem}.c-about__profile--en{line-height:1.244897959183674}.c-about__sct+.c-about__sct{margin:1.551020408163265em 0 0}.c-about__back{cursor:pointer;animation:blink 1s step-end infinite;display:inline}.c-about__desc a,.c-about__news a{color:gray}.c-category{display:block}.c-category+.c-category{margin-top:.625rem}.c-credit,.c-detail{position:fixed;left:0}.c-credit{padding:0 .625rem .625rem;z-index:2;bottom:0}.c-detail{top:0;width:100%;height:100%;z-index:4}.c-detail__inr{display:flex;align-items:center;justify-content:center;width:100%;height:100%;cursor:url(/assets/ui/c.svg) 11 11,auto}.c-detail.-hide{display:none}.c-detail__p{width:74.375%;cursor:auto}.c-detail__p:before,.c-photo__inr:before{padding:0 0 150%}.c-detail__p.-hr{width:100%}.-hr .c-photo__inr:before,.c-detail__p.-hr:before{padding:0 0 66.66666666666666%}.c-detail__n{width:50%;height:100%;position:absolute;top:0;z-index:1}.c-detail__n.-l{left:0;cursor:url(/assets/ui/l.svg) 11 25,auto}.c-detail__n.-r{right:0;cursor:url(/assets/ui/r.svg) 11 25,auto}.c-detail__title{position:fixed;padding:.625rem;left:0;top:0;display:flex;align-items:center}.c-detail__about-btn{display:inline-flex;margin:0 0 0 .3em;cursor:pointer;animation:blink 1s step-end infinite}.c-detail__about-btn.-no-blink{animation:none}.c-num{color:#a0a0a0;line-height:1;transition:color .3s;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center}.c-nums{display:flex;flex-flow:column;z-index:2;position:fixed;right:.625rem;bottom:14.375rem}.c-num.is-current,.c-num:hover{color:#000}.c-num+.c-num{margin:3.4375rem 0 0}.c-photo{margin:.625rem 0 0 .625rem;width:11rem;cursor:pointer}.c-photos{padding:.625rem .625rem 6.96875rem;position:relative}.c-photos__hd{position:relative;z-index:8;pointer-events:none}.c-photos__hd h2{text-decoration:underline;position:-webkit-sticky;position:sticky;top:.625rem;display:inline-flex;pointer-events:auto}.is-detail .c-photos__hd{display:none}.c-photos__wrp{z-index:0;transition:transform .5s}.is-about .c-photos__wrp{transform:translate(0,9.375rem)}.c-photo.-hr{width:16.5rem}.c-project{display:flex;flex-flow:wrap;margin:-.625rem 0 0 -.625rem}.c-project+.c-project{margin-top:0}.c-sns,.c-title{position:fixed;z-index:2;right:0}.c-sns{padding:0 .625rem .625rem;bottom:0;text-align:right}.c-title{padding:.625rem;top:0;line-height:.888888888888889;width:2.6875rem}.c-view{display:block;position:relative;padding:0 4.375rem 0 0;min-height:200vh}.c-view.-hide{visibility:hidden}.u-sans{font-weight:700}.u-hide--m,.u-hide--m--b{display:none}@media only screen and (min-width:768px){html{font-size:1.666666666666667vw}body{font-size:1.25rem}.c-about__inr{width:23.4375rem}.c-detail__n.-l{cursor:url(/assets/ui/l.l.svg) 6 12,auto}.c-detail__n.-r{cursor:url(/assets/ui/r.l.svg) 6 12,auto}.c-nums{bottom:12.5rem}.c-num{font-size:1.5rem}.c-num+.c-num{margin:3.75rem 0 0}.c-photos{padding:.625rem .625rem 5.0625rem}.is-about .c-photos__wrp{transform:translate(0,6.25rem)}.c-photo{width:15.5rem}.c-photo.-hr{width:23rem}.c-title{width:auto}.c-view{padding:0 5.25rem 0 0}.u-hide{display:none}.u-hide--m{display:inline}.u-hide--m--b{display:block}}@media only screen and (min-width:768px) and (orientation:landscape){.c-detail__p.-hr{width:100vh}.c-detail__p{width:66.66666666666667vh}}@media only screen and (min-width:961px){html{font-size:.952380952380952vw}}@media only screen and (min-width:1681px){html{font-size:100%}}@media only screen and (max-width:767px){.-is1 .c-detail__n{background:no-repeat top 50% left 1.25rem;background-size:1.375rem}.-is1 .c-detail__n.-l{background-image:url(/assets/ui/l.svg)}.-is1 .c-detail__n.-r{background-image:url(/assets/ui/r.svg);background-position:top 50% right 1.25rem}}@media only screen and (max-width:320px){html{font-size:87.5%}}