@charset "UTF-8";#top-0{opacity:0;width:100%;height:100vh;box-sizing:border-box;position:relative;transform:translateY(-50vh);-webkit-transition:all 1.2s ease-in-out;transition:all 1.2s ease-in-out}#top-0.in{opacity:1}#top-0.st{transform:translateY(0)}#top-0 .bg{position:fixed;width:100%;height:100%}#top-0 .bg-sq{position:fixed;top:0;left:190px;width:55vw;height:calc(90vh - 170px);background:#e8e8e8}#top-1{position:relative;margin-top:-100vh;height:100vh;font-family:'Heebo',sans-serif;overflow:hidden}#top-1 .image-box{top:calc(50% + 60px);transform:translateY(-50%)}#top-1.st .image-box{top:50%}.work-box .image-box{position:relative;height:65vh;width:65%;margin:0 auto;-webkit-transition:all 1.5s ease;transition:all 1.5s ease;transition-delay:.45s}.image-box .item{margin:0 auto;position:relative;width:80%;height:100%}.image-box .item .image-in{overflow:hidden;position:relative;width:100%;height:100%;transition:all .5s cubic-bezier(.455,.03,.515,.955)}.image-box .item .image1{position:relative;overflow:hidden;width:100%;height:100%;z-index:1;transition:all .5s cubic-bezier(.455,.03,.515,.955)}.image-box .item a.all{position:absolute;left:0;top:0;width:100%;height:100%;z-index:5}.image-box .item a:hover + .image1{transform:scale(0.98);filter:opacity(60%)}.image-box .item a:hover + .image1 .image-in{transform:scale(1.07)}.image-box .item .image2{width:100%;height:100%;position:absolute;left:-70px;top:40%;z-index:0}.image-box .item .item-text{width:70%;box-sizing:border-box;position:absolute;display:table;align-items:center;z-index:1;top:50%;transform:translateY(-50%) scale(.95);left:calc(-10% - 50px);transition:all .6s cubic-bezier(.455,.03,.515,.955);opacity:1;padding:50px;opacity:.75}.image-box .item .item-text h2{font-family:'Scheherazade',serif;font-weight:400;font-size:4.85vw;line-height:1.1;display:initial;align-items:center;background:#fff;transition:all .6s cubic-bezier(.455,.03,.515,.955)}.image-box .item .item-text h2 span{color:#1a1a19}.image-box .item a:hover ~ .item-text{opacity:1;left:calc(-10% - 50px);transform:translateY(-50%) scale(1)}.image-box .item a:hover ~ .item-text h2{background:none;font-size:5.1vw}.image-box .item .item-text .data{display:table;margin-top:20px}.image-box .item .item-text span.client{font-family:'Lateef',cursive;margin-left:12px;color:#1d1d1d;font-size:2.1rem;display:block;line-height:1;transition:all .6s cubic-bezier(.455,.03,.515,.955)}.image-box .item .item-text span.job{font-family:'Lateef',cursive;color:#1d1d1d;font-size:2.1rem;margin-left:12px;display:block;line-height:1;transition:all .6s cubic-bezier(.455,.03,.515,.955)}.image-box .item .item-text .see{font-family:'Lateef',cursive;font-style:italic;font-size:1.5em;background:#111;line-height:1;letter-spacing:.1em;display:inline-block;position:relative;width:0;margin-left:99px;margin-top:15px;transition:all .45s cubic-bezier(.455,.03,.515,.955)}.image-box .item .item-text .see:after{content:"";position:absolute;left:-99px;top:14px;background:#777;width:0;height:1px;transition:all .5s cubic-bezier(.455,.03,.515,.955)}.image-box .item .item-text .see a{color:#eee;text-align:center;width:100px;padding:5px 10px;display:table;opacity:0;transition:all .45s cubic-bezier(.455,.03,.515,.955)}.image-box .item a:hover ~ .item-text .see{width:100px}.image-box .item a:hover ~ .item-text .see a{opacity:1}.image-box .item a:hover ~ .item-text .see:after{width:80px}#top-1 .image-box .item .image1 .item-img1{position:absolute;width:100%;height:100%;height:calc(100% + (1 * var(--overflow)));--overflow:50px;-webkit-transform:scaleX(1);transform:scaleX(1)}#top-1 .image-box .item .image2 .item-img-bg{width:70%;height:70%;--overflow:50px}.image-item{position:absolute;left:20vw;top:94px;display:flex;-webkit-transition:all 1.5s ease;transition:all 1.5s ease;transition-delay:.45s}.works{position:relative;height:100vh;padding:180px 0;box-sizing:border-box;overflow:hidden}.works .image-box .item .image1 .item-img1{width:100%;height:100%;height:calc(100% + (1 * var(--overflow)));--overflow:50px}.works .image-box .item .image2 .item-img-bg{width:70%;height:70%;--overflow:50px}.endmore{height:100vh;display:flex;align-items:center;justify-content:center;box-sizing:border-box;overflow:hidden}.endmore .bg-sq{position:absolute;bottom:0;left:190px;width:55vw;height:calc(90vh - 170px);background:#e8e8e8;z-index:-1}.endmore h2{display:block}.endmore h2 span{display:block;position:relative;left:50%;top:0;background:#aaa;width:1px;height:calc(50vh - 50px);margin-bottom:50px;overflow:hidden}.endmore h2 span:after{content:"";position:absolute;top:0;left:0;background:#333;width:3px;height:100%;transform:translateY(-100%);-webkit-animation:linkline 2.5s ease infinite;animation:linkline 2.5s ease infinite}@-webkit-keyframes linkline{0%{-webkit-transform:translateY(-100%);opacity:1}20%{opacity:1}100%{-webkit-transform:translateY(100%);opacity:1}}@keyframes linkline{0%{-webkit-transform:translateY(-100%);opacity:1}20%{opacity:1}100%{-webkit-transform:translateY(100%);opacity:1}}.endmore h2 a{margin:0 auto;display:table;font-family:'Lateef',cursive;font-style:italic;font-weight:400;line-height:1;-webkit-transition:all ease .4s;transition:all ease .4s;text-align:center;font-size:2.5rem;letter-spacing:.15em;padding:0 20px 30px}#contents{position:relative;height:100%;z-index:1}#bg0,#bg1,#bg2,#bg3,#bg4,#bg5,#bg6,#bg7{height:100%;width:100%;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;z-index:0}#bg0{background:#f2f2f2}#bg1{background:#38322d}#bg2{background:#561517}#bg3{background:#f1ebe3}#bg4{background:#2b3322}#bg5{background:#d8d8d8}#bg6{background:#322c2c}#bg7{background:none}#bg1 #main-nav .header1 nav .nav-menu a,#bg1 .scroll-bar{color:#aaa}#bg1 .burger span{background:#eee}#bg1 .scroll-bar svg{stroke:#ede5e5}#bg1 .scroll-bar .bg{border-color:#666}#bg1 .scroll-no .under{color:#eee;border-top:1px solid #777}#bg1 #main-nav .header1 .main-logo svg{fill:#eee}#bg1 .scroll-no-box span{color:#eee}#bg1 .header3 ul li a svg{fill:#aaa}#bg1 .header3 ul li.copy{color:#aaa}#bg1 .image-box .item .item-text h2{background:#000}#bg1 .image-box .item a:hover ~ .item-text h2{background:none}#bg1 .image-box .item .item-text h2 span{color:#fff}#bg1 .image-box .item .item-text span.client,#bg1 .image-box .item .item-text span.job{color:#aaa}#bg2 #main-nav .header1 nav .nav-menu a,#bg2 .scroll-bar{color:#aaa}#bg2 .burger span{background:#eee}#bg2 .scroll-bar svg{stroke:#ede5e5}#bg2 .scroll-bar .bg{border-color:#666}#bg2 .scroll-no .under{color:#eee;border-top:1px solid #777}#bg2 #main-nav .header1 .main-logo svg{fill:#eee}#bg2 .scroll-no-box span{color:#eee}#bg2 .header3 ul li a svg{fill:#aaa}#bg2 .header3 ul li.copy{color:#aaa}#bg2 .image-box .item .item-text h2{background:#000}#bg2 .image-box .item a:hover ~ .item-text h2{background:none}#bg2 .image-box .item .item-text h2 span{color:#eee}#bg2 .image-box .item .item-text span.client,#bg2 .image-box .item .item-text span.job{color:#aaa}#bg4 #main-nav .header1 nav .nav-menu a,#bg4 .scroll-bar{color:#aaa}#bg4 .burger span{background:#eee}#bg4 .scroll-bar svg{stroke:#ede5e5}#bg4 .scroll-bar .bg{border-color:#666}#bg4 .scroll-no .under{color:#eee;border-top:1px solid #777}#bg4 #main-nav .header1 .main-logo svg{fill:#eee}#bg4 .scroll-no-box span{color:#eee}#bg4 .header3 ul li a svg{fill:#aaa}#bg4 .header3 ul li.copy{color:#aaa}#bg4 .image-box .item .item-text h2{background:#000}#bg4 .image-box .item a:hover ~ .item-text h2{background:none}#bg4 .image-box .item .item-text h2 span{color:#eee}#bg4 .image-box .item .item-text span.client,#bg4 .image-box .item .item-text span.job{color:#aaa}#bg5 .image-box .item .item-text span.client,#bg5 .image-box .item .item-text span.job{color:#fff}#bg6 #main-nav .header1 nav .nav-menu a,#bg6 .scroll-bar{color:#aaa}#bg6 .burger span{background:#eee}#bg6 .scroll-bar svg{stroke:#ede5e5}#bg6 .scroll-bar .bg{border-color:#666}#bg6 .scroll-no .under{color:#eee;border-top:1px solid #777}#bg6 #main-nav .header1 .main-logo svg{fill:#eee}#bg6 .scroll-no-box span{color:#eee}#bg6 .header3 ul li a svg{fill:#aaa}#bg6 .header3 ul li.copy{color:#aaa}#bg6 .image-box .item .item-text h2{background:#000}#bg6 .image-box .item a:hover ~ .item-text h2{background:none}#bg6 .image-box .item .item-text h2 span{color:#d0caca}#bg6 .image-box .item .item-text span.client,#bg6 .image-box .item .item-text span.job{color:#fff}@media screen and (max-width: 1750px){.work-box .image-box{height:58vh}}@media screen and (max-width: 1600px){.work-box .image-box{height:50vh}.endmore h2 a{font-size:2.2rem}}@media screen and (max-width: 1400px){.work-box .image-box{height:40vh}}@media screen and (max-width: 1300px){.image-box .item .image2{left:-50px}}@media screen and (max-width: 1600px) and (max-height : 800px){.work-box .image-box{height:65vh}}@media screen and (max-width: 1400px) and (max-height : 900px){.work-box .image-box{height:55vh}}@media screen and (max-width: 1400px) and (max-height : 800px){.work-box .image-box{height:60vh}}@media screen and (max-width: 1300px) and (max-height : 800px){.work-box .image-box{height:50vh}}@media screen and (max-width: 1100px){.work-box .image-box{height:400px}#top-1 .image-box{transform:translateY(-55%)}.work-box .image-box{height:380px;transform:translateY(-5%)}.image-box .item .item-text .see{font-size:1.4em}}@media screen and (max-width: 1100px) and (min-height : 1250px){#top-0{height:0}#top-0 .bg-sq{display:none}#top-1{height:auto;margin-top:0;padding-top:110px;overflow:initial}#top-1 .image-box{transform:translateY(40px)}#top-1 .image-box,#top-1.st .image-box{top:0;height:auto;transform:translateY(0)}.works{margin:100px auto 0;height:auto;padding:0;overflow:initial}.work-box .image-box{height:auto;width:100%!important;transform:translateY(0)}.image-box .item{width:90%}.image-box .item a.all{height:400px}.image-box .item .image1{height:400px}.image-box .item .image2{display:none}#top-1 .image-box .item .image1 .item-img1{transform:scale(1.4)}#top-1 .image-box .item .image2 .item-img-bg{width:100%;height:100%}.image-box .item .item-text{width:100%;left:0;padding:25px 5vw 0;top:0;position:relative;transform:translateY(0%) scale(.95)}.image-box .item .item-text h2{background:none!important;font-size:3.5vw}.image-box .item a:hover ~ .item-text h2{font-size:3.7vw}.image-box .item .item-text br{display:none}.image-box .item a:hover ~ .item-text{left:0;transform:scale(1)}.image-box .item a:hover + .image1{transform:scale(0.98);opacity:1}.image-box .item .item-text .see{margin-top:10px;margin-left:auto;opacity:1;display:table}.image-box .item .item-text .see:hover:after{width:80px}.image-box .item a:hover ~ .item-text .see{width:auto}.image-box .item .item-text .see a{opacity:1;width:auto}.image-box .item .item-text span.client,.image-box .item .item-text span.job{font-size:1.5rem;color:#777;margin-left:0}.endmore{height:70vh}.endmore h2 span{height:calc(30vh - 50px)}#bg5 .image-box .item .item-text span.client,#bg5 .image-box .item .item-text span.job{color:#777}#bg6 .image-box .item .item-text span.client,#bg6 .image-box .item .item-text span.job{color:#aaa}}@media screen and (max-width: 900px){#top-0{height:0}#top-0 .bg-sq{display:none}#top-1{height:auto;margin-top:0;padding-top:110px;overflow:initial}#top-1 .image-box{transform:translateY(40px)}#top-1 .image-box,#top-1.st .image-box{top:0;height:auto;transform:translateY(0)}.works{margin:100px auto 0;height:auto;padding:0;overflow:initial}.work-box .image-box{height:auto;width:100%!important;transform:translateY(0)}.image-box .item{width:90%}.image-box .item a.all{height:400px}.image-box .item .image1{height:400px}.image-box .item .image2{display:none}#top-1 .image-box .item .image1 .item-img1{transform:scale(1.4)}#top-1 .image-box .item .image2 .item-img-bg{width:100%;height:100%}.image-box .item .item-text{width:100%;left:0;padding:25px 5vw 0;top:0;position:relative;transform:translateY(0%) scale(.95)}.image-box .item .item-text h2{background:none!important;font-size:3.5vw}.image-box .item a:hover ~ .item-text h2{font-size:3.7vw}.image-box .item .item-text br{display:none}.image-box .item a:hover ~ .item-text{left:0;transform:scale(1)}.image-box .item a:hover + .image1{transform:scale(0.98);opacity:1}.image-box .item .item-text .see{margin-top:10px;margin-left:auto;opacity:1;display:table}.image-box .item .item-text .see:hover:after{width:80px}.image-box .item a:hover ~ .item-text .see{width:auto}.image-box .item .item-text .see a{opacity:1;width:auto}.image-box .item .item-text span.client,.image-box .item .item-text span.job{font-size:1.5rem;color:#777;margin-left:0}.endmore{height:70vh}.endmore h2 span{height:calc(30vh - 50px)}#bg5 .image-box .item .item-text span.client,#bg5 .image-box .item .item-text span.job{color:#777}#bg6 .image-box .item .item-text span.client,#bg6 .image-box .item .item-text span.job{color:#aaa}.endmore h2 a{font-size:2rem}}@media screen and (max-width: 600px),(max-device-width : 600px){.image-box .item .image1{height:270px}#top-1{padding-top:80px}.image-box .item .item-text{padding:15px 10px 0}.image-box .item .item-text h2{font-size:2em;padding-bottom:.1em}.image-box .item a:hover ~ .item-text h2{font-size:2.1em;padding-bottom:.1em}.image-box .item .item-text span.client,.image-box .item .item-text span.job{margin-left:0}.image-box .item .item-text .data{margin-top:10px}.image-box .item .item-text .see{line-height:1;margin-top:5px;font-size:1.05em}.image-box .item .item-text .see a{letter-spacing:.1em}.image-box .item .item-text h2 span{transition:all .6s cubic-bezier(.455,.03,.515,.955)}.image-box .item .item-text span.client,.image-box .item .item-text span.job{font-size:1.4rem}.endmore{height:65vh}.endmore h2 a{font-size:1.9rem;padding:0 20px}}@media screen and (max-width: 440px),(max-device-width : 440px){#contents .text-box h2{letter-spacing:.05em}}