@charset "UTF-8";html,body,div,main,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,main,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}img,svg{max-width:100%;height:auto;vertical-align:bottom}strong{font-weight:bolder}a{outline:none;color:#000;transition:opacity .3s;cursor:pointer}.ani_ttl{opacity:0}.ani_ttl .char{position:relative;display:inline-block;opacity:0}.ani_slideup{opacity:0;transform:translateY(20px);transition:opacity .6s ease-in,transform .6s ease-out,filter 1s cubic-bezier(.19,1,.22,1)}.ani_slideup.on{opacity:1;transform:translateY(0)}.ani_img{opacity:0;filter:blur(5px);transform:scale(1.2);transition:opacity 1.5s ease-in-out,transform 1.5s ease-out,filter 1s ease-in-out}.ani_img.on{opacity:1;transform:scale(1);filter:blur(0)}.ani_btn{opacity:0;transform:scale(1.1);transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.ani_btn.on{opacity:1;transform:scale(1)}html{font-size:62.5%}body{position:relative;background-color:#fff;text-align:left;letter-spacing:.05em;font-family:Noto Sans JP,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ Ｐゴシック,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:1.6rem;line-height:1.8;color:#000;-webkit-text-size-adjust:none}body.stop{overflow:hidden}.jp{font-family:Noto Sans JP,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ Ｐゴシック,sans-serif;font-optical-sizing:auto;font-style:normal}.an{letter-spacing:-.03em;font-family:Cormorant Garamond,serif;font-weight:300;font-style:italic}.serif{font-family:"Noto Serif JP",serif;font-optical-sizing:auto;font-style:normal}h1,h2,h3,h4,h5,h6{line-height:1.5}.cf:before,.cf:after{content:"";display:table}.cf:after{clear:both}.clear{clear:both}.tal{text-align:left}.tac{text-align:center}.tar{text-align:right}.inner{box-sizing:border-box;height:100vh;padding:32px}@media only screen and (min-width:768px){.sp{display:none!important}}@media only screen and (min-width:374px){.sp_s{display:none!important}}@media only screen and (max-width:767px){body{font-size:1.4rem}.pc{display:none!important}.inner{height:auto;padding:16px}}@media print{.sp,.sp_s{display:none}}body .simplebar-content-wrapper{margin:auto}body .simplebar-offset{width:100%;max-width:100%;right:auto!important}body .simplebar-track.simplebar-vertical{width:10px}body .simplebar-scrollbar:before,body .simplebar-scrollbar.simplebar-visible:before{background:#00000029;opacity:1}.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10000;transform:translateY(-200%)}.modal.act{transform:translateY(0)}.modal .inner{max-width:none}.modal .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000e6}.modal .btn_close{position:absolute;top:30px;right:30px;width:80px;height:80px;z-index:10;cursor:pointer;opacity:0;transition:opacity .4s ease-out}@media(max-width:767px){.modal .btn_close{width:40px;height:40px;top:10px;right:10px}}@media(max-height:650px){.modal .btn_close{width:35px;height:35px}}@media(hover:hover){.modal .btn_close:hover{transform:rotate(180deg)}}.modal .btn_close:before,.modal .btn_close:after{display:block;position:absolute;inset:0;width:80%;height:1px;background-color:#fff;margin:auto;content:""}.modal.act .btn_close{opacity:1}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#1b1f1bcc;backdrop-filter:blur(30px);z-index:10000;transform:translateY(-200%);opacity:0;transition:opacity .5s ease-out}.modal.act{transform:translateY(0);opacity:1}.modal .bg{position:absolute;top:0;left:0;width:100%;height:100%}.modal .btn_close{position:absolute;top:40px;right:40px;width:40px;height:40px;z-index:10}@media(max-width:767px){.modal .btn_close{top:15px;right:15px;width:30px;height:30px}}.modal .btn_close:before,.modal .btn_close:after{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:#fff}.modal .btn_close:before{transform:rotate(45deg)}.modal .btn_close:after{transform:rotate(-45deg)}.modal .modal_inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;max-width:100vw;max-height:100vh;overflow:auto}.modal .inner{box-sizing:border-box;width:1400px;max-width:100%;padding:40px}@media(max-width:767px){.modal .inner{padding:40px 20px}}.modal .paging{display:flex;justify-content:space-between;margin-top:4em}@media(max-width:767px){.modal .paging{font-size:1.3rem}}.modal .paging .btn_prev,.modal .paging .btn_next{position:relative;font-weight:500;padding:0 1em;cursor:pointer}.modal .paging .btn_prev:before,.modal .paging .btn_next:before{position:absolute;top:10px;display:block;width:8px;height:8px;border-top:1px solid #fff;border-left:1px solid #fff;content:""}.modal .paging .btn_prev:before{left:2px;transform:rotate(-45deg)}.modal .paging .btn_next{text-align:right}.modal .paging .btn_next:before{right:2px;transform:rotate(135deg)}#modal .inner{position:absolute;top:50%;left:50%;padding:0;width:min-content;transform:translate(-50%,-50%) scale(.925)}#modal.act .inner{transform:translate(-50%,-50%) scale(1);transition:transform .4s cubic-bezier(.175,.885,.32,1.275),opacity .4s ease-out}#modal iframe{display:none;width:80vw;aspect-ratio:16/9}#modal iframe.act{display:block}#modal iframe.short{width:auto;height:90vh;aspect-ratio:9/16}#modal img{display:none;max-width:none}#modal img.act{display:block}#modal .info{position:absolute;bottom:-.5em;transform:translateY(100%);font-size:1vw;line-height:1.6;color:#fff}#modal .info span{display:inline-block;margin-right:1em}#modal .info span:last-child{margin-right:0}@media(min-width:1320px){#modal .info{font-size:1.4rem}}@media(max-width:767px){#modal .info{font-size:.9rem}}#modal .btn_prev,#modal .btn_next{position:absolute;top:50%;width:50px;height:200px;transform:translateY(-50%);z-index:11;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);cursor:pointer}#modal .btn_prev:before,#modal .btn_next:before{display:block;position:absolute;top:50%;left:50%;width:50px;height:50px;border-top:solid 1px #fff;border-left:solid 1px #fff;content:""}@media(max-width:767px){#modal .btn_prev,#modal .btn_next{width:100px;height:60svh}#modal .btn_prev:before,#modal .btn_next:before{width:20px;height:20px}}#modal .btn_prev{left:3%}@media(max-width:767px){#modal .btn_prev{left:0}}@media(hover:hover){#modal .btn_prev:hover{transform:translate(-15%,-50%)}}@media(hover:hover)and (max-width:767px){#modal .btn_prev:hover{transform:translate(-6%,-50%)}}#modal .btn_prev:before{left:13px;right:auto;transform:translateY(-50%) rotate(-45deg)}#modal .btn_next{right:3%}@media(max-width:767px){#modal .btn_next{right:0}}@media(hover:hover){#modal .btn_next:hover{transform:translate(15%,-50%)}}@media(hover:hover)and (max-width:767px){#modal .btn_next:hover{transform:translate(6%,-50%)}}#modal .btn_next:before{left:auto;right:13px;transform:translateY(-50%) rotate(135deg)}#modal.single .btn_prev,#modal.single .btn_next{display:none}#modal_browser .inner{box-sizing:border-box;position:absolute;width:1024px;height:auto;max-width:100%;padding:0 30px;opacity:0;top:50%;left:50%;transform:translate(-50%,-50%);color:#000}@media(max-width:767px){#modal_browser .inner{padding:0;width:calc(100vw - 30px)}}#modal_browser.act .inner{opacity:1;transition:transform .4s ease-out,opacity .4s ease-out}#modal_browser .box{display:flex;position:relative;background-color:#fff;padding:50px}@media(max-width:767px){#modal_browser .box{display:block;padding:30px 40px}}#modal_browser .box h3{padding-right:5%;font-weight:700;font-size:1.2em;white-space:nowrap}@media(max-width:767px){#modal_browser .box h3{padding:0;margin-bottom:.5em;font-weight:700;text-align:center}}#modal_browser .box .pc>div{display:flex;justify-content:space-between}@media(max-width:767px){#modal_browser .box .pc>div{display:block;justify-content:space-between}}#modal_browser .box .pc p{margin-top:1.5em}@media(max-width:767px){#modal_browser .box .pc p{margin-top:1.5em}}header{box-sizing:border-box;position:fixed;display:flex;justify-content:center;align-items:center;top:0;left:0;width:90px;height:100svh;background-color:#fff;z-index:10;transform:translate(-100%);opacity:0;transition:all .5s ease-out}header.on{transform:translate(0);opacity:1}header:before{content:"";position:absolute;top:32px;right:0;width:1px;height:calc(100% - 64px);background-color:#000;z-index:-1}header nav{display:inline-block;white-space:nowrap;transform-origin:center center;transform:rotate(90deg);font-size:1.6rem}header nav a{text-decoration:none}header nav ol{display:flex}header nav ol li{position:relative;padding:0 2em;font-family:"Noto Serif JP",serif;font-optical-sizing:auto;font-style:normal;font-weight:300;line-height:1.4;font-size:1.2rem;letter-spacing:0}header nav ol li+li:before{content:"";position:absolute;top:50%;transform:translateY(-50%);left:0;width:1px;height:80%;opacity:.6;background-color:#000}@media(max-width:767px){header{display:block;width:100%;height:auto;padding:16px;transform:translateY(-100%)}header.on{transform:translateY(0)}header:before{top:auto;bottom:0;left:16px;width:calc(100% - 32px);height:1px}header nav{display:none}}#logo{position:fixed;top:30px;left:120px;z-index:1000}@media(max-width:767px){#logo{position:static;top:auto;right:auto}}.x{position:relative;display:inline-block}.x:before,.x:after{content:"";display:block;position:absolute;top:50%;transform:translateY(-50%);width:100%;height:1px;background-color:#000}.x:before{transform:rotate(45deg)}.x:after{transform:rotate(-45deg)}#mouse{position:fixed;display:flex;justify-content:center;align-items:center;width:100px;height:100px;background-color:#929292b3;border-radius:100%;letter-spacing:-.03em;font-family:Cormorant Garamond,serif;font-weight:300;font-style:italic;font-size:2rem;color:#fff;pointer-events:none;will-change:transform,left,top;z-index:1000;transform:scale(0);transition:transform .1s cubic-bezier(.6,-.28,.735,.045)}#mouse.on{transform:scale(1);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}main{display:flex}@media(max-width:767px){main{display:block}}#mv{margin-left:140px}@media(max-width:767px){#mv{margin-left:0;padding-top:80px}}#mv .inner{position:relative;display:flex;align-items:stretch;justify-content:space-between;gap:60px;min-width:calc(100vw - 140px)}@media(max-width:767px){#mv .inner{display:block;min-width:0}}#mv .head{position:relative;box-sizing:border-box;min-width:264px}#mv .head>div{position:absolute;bottom:32px;width:100%}#mv .head h2{margin:0 0 40px}#mv .head p{font-size:1.1rem;transition-delay:1s}#mv .head .x{width:38px;height:38px;margin:0 0 10px 40px;opacity:0;transform:rotate(-180deg) scale(.5);transition:opacity .5s ease-in-out .5s,transform .5s cubic-bezier(.175,.885,.32,1.275) .5s}#mv .head .logo0,#mv .head .logo1{opacity:0;transition:opacity .6s ease-in-out}#mv .head .logo0.on,#mv .head .logo1.on{opacity:1}#mv .head .logo0.on .x,#mv .head .logo1.on .x{opacity:1;transform:rotate(0) scale(1)}#mv .head .logo0{transition-delay:.1s}#mv .head .logo1{transition-delay:.8s}@media(max-width:767px){#mv .head{padding:50px 15px}#mv .head>div{position:static}#mv .head .logo0 img{width:94px}#mv .head .logo1 img{width:194px}#mv .head .x{width:28px;height:28px;margin:0 0 15px 30px}}#mv .img{width:35%;min-width:430px;overflow:hidden;position:relative}#mv .img ul{position:relative;width:100%;height:100%;list-style:none;margin:0;padding:0}#mv .img li{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 2s ease-in-out;pointer-events:none}#mv .img li.active{opacity:1;pointer-events:auto}#mv .img img{object-fit:cover;width:100%;height:100%}@media(max-width:767px){#mv .img{width:100%;min-width:0;aspect-ratio:940/1660}}#mv .index{position:relative;min-width:440px}#mv .index>div{position:absolute;bottom:32px;width:100%}#mv .index h2{text-align:right;letter-spacing:-.03em;font-family:Cormorant Garamond,serif;font-weight:300;font-style:italic;font-size:6rem;transition-delay:1.2s}#mv .index li{margin:1.6em 0 0;letter-spacing:-.03em;font-family:Cormorant Garamond,serif;font-weight:300;font-style:italic;font-size:2rem}#mv .index li:nth-child(0){transition-delay:1.3s}#mv .index li:nth-child(1){transition-delay:1.4s}#mv .index li:nth-child(2){transition-delay:1.5s}#mv .index li:nth-child(3){transition-delay:1.6s}#mv .index li:nth-child(4){transition-delay:1.7s}#mv .index li:nth-child(5){transition-delay:1.8s}#mv .index li:nth-child(6){transition-delay:1.9s}#mv .index li:nth-child(7){transition-delay:2s}#mv .index li:nth-child(8){transition-delay:2.1s}#mv .index li:nth-child(9){transition-delay:2.2s}#mv .index li:nth-child(10){transition-delay:2.3s}#mv .index li a{display:flex;justify-content:space-between;align-items:center;text-decoration:none;gap:40px;white-space:nowrap;padding-right:50px}#mv .index li a:after{content:"";display:block;position:absolute;top:50%;right:5px;width:9px;height:9px;transform:translateY(-50%);background:url(/sp/zf-zozo/assets/img/icon_arrow0.svg) no-repeat center center/9px auto;transition:right .15s ease-out}@media(hover:hover){#mv .index li a:hover:after{right:0}}#mv .index li a .logo{display:flex;align-items:center;min-width:176px}#mv .index li a .logo .x{min-width:10px;min-height:10px;margin:0 20px}@media(max-width:767px){#mv .index{min-width:0;margin-top:100px}#mv .index>div{position:static;bottom:auto}#mv .index h2{text-align:left;transition-delay:0s}#mv .index li{margin:1.6em 0 0;letter-spacing:-.03em;font-family:Cormorant Garamond,serif;font-weight:300;font-style:italic;font-size:1.4rem}#mv .index li:nth-child(0){transition-delay:0s}#mv .index li:nth-child(1){transition-delay:.1s}#mv .index li:nth-child(2){transition-delay:.2s}#mv .index li:nth-child(3){transition-delay:.3s}#mv .index li:nth-child(4){transition-delay:.4s}#mv .index li:nth-child(5){transition-delay:.5s}#mv .index li:nth-child(6){transition-delay:.6s}#mv .index li:nth-child(7){transition-delay:.7s}#mv .index li:nth-child(8){transition-delay:.8s}#mv .index li:nth-child(9){transition-delay:.9s}#mv .index li:nth-child(10){transition-delay:1s}#mv .index li a{padding-right:20px;gap:20px}#mv .index li a h3{max-width:100%;overflow:hidden}#mv .index li a:after{right:0;transform:translateY(-50%) rotate(90deg);transition:top .15s ease-out}}@media(max-width:767px)and (hover:hover){#mv .index li a:hover:after{top:60%}}@media(max-width:767px){#mv .index li a .logo{min-width:166px}#mv .index li a .logo .x{margin:0 15px}}@media(max-width:767px){#project{margin-top:100px}}#project ol{display:grid;grid-template-columns:repeat(3,410px);height:100%}@media(max-width:767px){#project ol{display:block}}#project li{position:relative;display:grid;grid-template-rows:subgrid;grid-row:span 3;max-width:calc(100svh - 64px);padding:0 28px;overflow:hidden}#project li:before,#project li:after{position:absolute;top:0;left:0;width:1px;height:0;background-color:#000;content:"";opacity:0;transition:height .6s ease-in-out}#project li:after{left:auto;right:0}#project li.on:before{opacity:1;height:100%}#project li.on:last-child:after{opacity:1;height:100%}#project li a{display:inherit;grid-template-rows:inherit;grid-row:inherit;height:100%;text-decoration:none}#project li h2{margin-bottom:.5em;line-height:1.2;letter-spacing:-.03em;font-family:Cormorant Garamond,serif;font-weight:300;font-style:italic;font-size:6rem}@media(min-width:768px)and (max-height:730px){#project li h2{margin-bottom:.1em}}#project li .head .logo{display:flex;height:55px;align-items:center;margin-bottom:2em}@media(min-width:768px){#project li .head .logo{transition-delay:.2s}}@media(min-width:768px)and (max-height:730px){#project li .head .logo{margin-bottom:.5em}}#project li .head .logo .x{min-width:17px;min-height:17px;margin:0 24px}#project li .head h3{margin-top:-.5em;margin-bottom:1em;font-family:"Noto Serif JP",serif;font-optical-sizing:auto;font-style:normal;font-size:2.2rem;letter-spacing:0}#project li .head h3 b{font-family:Noto Sans JP,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ Ｐゴシック,sans-serif;font-optical-sizing:auto;font-style:normal;font-size:1.3rem}@media(min-width:768px){#project li .head h3{transition-delay:.3s}}@media(min-width:768px)and (max-height:730px){#project li .head h3{margin-bottom:.5em}}#project li .head i{display:inline-block;padding:0 .5em;background-color:#000;font-family:"Noto Serif JP",serif;font-optical-sizing:auto;font-style:normal;font-size:1.4rem;color:#fff}@media(min-width:768px){#project li .head i{transition-delay:.4s}}#project li figure{margin:0 0 1.5em;overflow:hidden}@media(min-width:768px){#project li figure img{transition-delay:.6s}}@media(min-width:768px)and (max-height:730px){#project li figure{margin-bottom:.5em}}#project li .txt{font-size:1.3rem}@media(min-width:768px){#project li .txt p{transition-delay:.6s}}@media(max-width:767px){#project li{display:block;padding:32px 0 50px;border:none}#project li:before,#project li:after{top:0;left:50%;width:0;height:1px;transform:translate(-50%);transition:width .8s ease-in-out,opacity 1s ease-in-out}#project li:after{top:auto;bottom:0;right:auto}#project li.on:before{opacity:1;width:100%;height:1px}#project li.on:last-child:after{opacity:1;width:100%;height:1px}#project li a{height:auto}#project li h2{margin-bottom:80px}}footer .inner{position:relative;width:60px;padding:0 20px}@media(max-width:767px){footer .inner{width:100%;padding:32px 16px}}footer .copy{position:absolute;top:32px;left:calc(50% - .6em);transform:translate(-50%);transform-origin:left top;transform:rotate(90deg);white-space:nowrap;font-size:1.1rem}@media(max-width:767px){footer .copy{position:static;top:auto;left:auto;transform:none;text-align:center}}footer .body{position:absolute;bottom:32px;right:24px}@media(max-width:767px){footer .body{position:static;top:auto;left:auto;transform:none}}footer .sns{text-align:center}@media(max-width:767px){footer .sns{display:flex;justify-content:center;gap:1.5em}}footer .sns li+li{margin-top:.6em}@media(max-width:767px){footer .sns li+li{margin-top:0}}footer .sns a{box-sizing:border-box;display:inline-block;width:40px;height:40px;background:#fff no-repeat center center/50% auto;border:solid 1px #efefef;border-radius:100%;transition:transform .1s ease-out}@media(hover:hover){footer .sns a:hover{transition:transform .2s ease-out;transform:scale(1.1)}}footer .sns .btn_fb{background-image:url(/sp/zf-zozo/assets/img/icon_fb0.svg)}footer .sns .btn_x{background-image:url(/sp/zf-zozo/assets/img/icon_x0.svg)}footer .sns .btn_line{background-image:url(/sp/zf-zozo/assets/img/icon_line0.svg)}footer .system_require{white-space:nowrap;letter-spacing:0;font-size:1.1rem;margin-top:.6em}@media(max-width:767px){footer .system_require{margin:2em 0;font-size:1.4rem;text-align:center}}