Skip to content

Yutaka Kobayashi / exitfilm-cms-study

Go to a project
Commit 2e04a260 by Yutaka Kobayashi
Options

初回コミット

1 parent b98d869e
Inline Side-by-side
Showing with 6418 additions and 2 deletions
assets/css/style.scss 0 → 100644
This diff could not be displayed because it is too large.
assets/css/style_min.css 0 → 100644
#f .contact strong span i,#f .next .center .align p,#f .next .center .align strong,#h .detail-head span i,#h .detail-head.is-short:before,#h .head span i,#menu .blog a,#menu .blog strong,#menu .contact strong span i,#menu .flex a span i,#modal p,.btn-contact span,.copy,.en,.page-company #l-img h2,.page-company .s1 .t2,.page-company .s2 .flex,.page-company .s3 .flex .t-en,.page-contact .s1 h2 span,.page-contact .wrap .in #confirm,.page-contact .wrap .in #edit,.page-contact .wrap .in #submit,.page-contact .wrap .in .row.basic .require i,.page-contact .wrap .in .row.radio .cell .radio-input+label i,.page-contact .wrap strong,.page-contact .wrap.thanks a,.page-contact .wrap.thanks h2 span,.page-service #l-img h2,.page-service .s1 .t2,.page-service .s2 .flex .cell .ico span,.page-service .s2 .lang span,.page-service .s3 #slider-nav-area #slide-nums span,.page-service .s3 #slider-nav-area #slider-cat strong i,.page-service .s3 #slider-nav-area #slider-ttl strong em i,.page-service .s3 .slide-nav span,.page-service .s4 .flex .cell i,.page-service .s4 .flex .cell span,.page-service .s4 .flex .cell strong,.page-service .s5 .flex .cell i,.page-service .s5 .flex .cell span,.page-service .s5 .flex .cell strong,.page-top #top-video #mv-t-box #mv-num-box span,.page-top #top-video #mv-t-box .in span i,.page-top #top-video .scroll,.page-top .s2 .works-cell .num,.page-top .s2 .works-cell .tags i,.page-top .s2 .works-cell strong,.page-top .s2 h4,.page-top .s2 small,.page-works .s1 .btn-more p i,.page-works .s1 h2 span,.page-works-detail .s1 .pagenation .next span i,.page-works-detail .s1 .pagenation .prev span i,.page-works-detail .s1 .t-box .detail a,.page-works-detail .s1 .t-box .flex .in p,.page-works-detail .s1 .t-box .flex .in span,.page-works-detail .s1 .t-box h1,.view-btn span,.works-list .cell strong,h3{font-family:'DM Sans',a-otf-midashi-go-mb31-pr6n,'Yu Gothic',YuGothic,sans-serif;font-weight:700}*{word-wrap:break-word;-webkit-text-size-adjust:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;outline:0!important;font-feature-settings:'palt'}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0;border:0;outline:0}article,aside,details,em,figcaption,figure,footer,header,hgroup,menu,nav,section,strong{font-style:normal;display:block}nav ul{list-style:none}blockquote,q{quotes:none}span{display:block}q:after,q:before{content:'';content:none}img{width:100%;vertical-align:bottom}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;text-decoration:none;display:block;cursor:pointer;color:#000;background:0 0;-webkit-transition:all .6s;transition:all .6s}@media screen and (min-width:768px){a:hover{opacity:.6}}ins{text-decoration:none;color:#000;background-color:#ff9}mark{font-weight:700;font-style:italic;color:#000;background-color:#ff9}del{text-decoration:line-through}svg{width:100%;height:100%}i{font-style:normal;display:block}abbr[title],dfn[title]{cursor:help;border-bottom:1px dotted}table{border-spacing:0;border-collapse:collapse}hr{height:1px;margin:1em 0;padding:0;display:block;border:0;border-top:1px solid #ccc}input,select{vertical-align:middle;-moz-appearance:none;-webkit-appearance:none}textarea{outline:0;resize:none;width:100%;min-height:300px;padding:10px}.swiper-container{margin-left:auto;margin-right:auto;position:relative;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}::-moz-selection{color:#191a1b;background:#f5f4ef}::selection{color:#191a1b;background:#f5f4ef}.comp{position:absolute;top:-70px;left:0;z-index:1000;pointer-events:none;opacity:.4}@media screen and (min-width:768px){.pc-none{display:none!important}}@media screen and (max-width:768px){.sp-none{display:none!important}}.hidden{overflow:hidden}.no-link{pointer-events:none!important}.s-in.fade{opacity:0;transform:translateX(0) translateY(80px) translateZ(0)}.s-in.fade.is-in{transition:transform .8s,opacity .8s;opacity:1;transform:translateX(0) translateY(0) translateZ(0)}.s-in.ttl{overflow:hidden}.s-in.ttl.is-in span{transition:transform 1.4s;transform:translateX(0) translateY(0) translateZ(0)}.s-in.ttl span{transform:translateX(0) translateY(100%) translateZ(0)}#load{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;pointer-events:none}#load .logo{position:absolute;width:59px;height:33px;top:0;right:0;bottom:0;left:0;margin:auto;z-index:1;opacity:0;transform:translateX(0) translateY(0) translateZ(0) scale(1.1)}@media screen and (min-width:768px){#load .logo{width:78px;height:43px}}#load #load-panel{position:absolute;top:0;left:0;width:100%;height:100%}body,html{width:100%;height:100%;font-family:a-otf-midashi-go-mb31-pr6n,'Yu Gothic',YuGothic,sans-serif;font-size:62.5%;font-weight:400;line-height:1.5;color:#000;transition:background .2s;background:#191a1b}@media screen and (max-width:768px){body,html{overflow:hidden}}.scroll-cont{position:fixed;width:100%;top:0;left:0;overflow-x:hidden;overflow-y:scroll}@media screen and (min-width:768px){.scroll-cont{overflow:hidden}}@media screen and (max-width:768px){.scroll-cont{height:100%;will-change:scroll-position;transform:translate3d(0,0,0)!important;-webkit-overflow-scrolling:touch;overflow-scrolling:touch}}#cursor{position:fixed;top:-70px;left:-50px;width:100px;height:100px;z-index:80;pointer-events:none}#cursor span{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;background:#191a1b;border-radius:100%;transition:transform .4s}#cursor span i{font-size:1.5rem;padding:38px 0;letter-spacing:1px;text-align:center;color:#f5f4ef}#cursor.is-detail .detail{transform:translateX(0) translateY(0) translateZ(0) scale(1)}#cursor.is-play .play{transform:translateX(0) translateY(0) translateZ(0) scale(1)}#cursor.is-dot .dot{opacity:.5}#cursor.is-close .close{transform:translateX(0) translateY(0) translateZ(0) scale(1)}#cursor .detail{transform:translateX(0) translateY(0) translateZ(0) scale(0)}#cursor .play{transform:translateX(0) translateY(0) translateZ(0) scale(0)}#cursor .dot{position:absolute;top:0;left:0;margin:0;width:10px;height:10px;background:#00a2ff;opacity:0;transition:opacity .2s;animation:1s steps(4,start) infinite changeColor}@keyframes changeColor{0%{background:#00a2ff}25%{background:#ffde00}50%{background:#ffde00}75%{background:#00f}100%{background:#0f0}}#cursor .close{position:absolute;top:6px;right:0;width:86px;height:86px;cursor:pointer;z-index:10;background:0 0;transform:translateX(0) translateY(0) translateZ(0) scale(0)}#cursor .close em{overflow:hidden;width:32px;height:2px;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;transform:translateX(0) translateY(0) translateZ(0) rotate(-40deg);background:#f5f4ef}@media screen and (min-width:768px){#cursor .close em{width:40px}}#cursor .close em:last-child{transform:translateX(0) translateY(0) translateZ(0) rotate(40deg)}.theme-black{background:#191a1b}.theme-white{background:#f5f4ef}.theme-white #p-panel{fill:#191a1b}.theme-white #h .logo svg{fill:#191a1b}.theme-white #h .link a{color:#191a1b}.theme-white #h .btn-menu span:before{background:#191a1b}.theme-white #h .btn-menu span:after{background:#191a1b}.theme-white .copy{color:#191a1b}.theme-white .btn-contact{color:#191a1b;border:2px solid #191a1b}@media screen and (min-width:768px){.theme-white .btn-contact:hover{border:2px solid #191a1b;background:#191a1b}.theme-white .btn-contact:hover span{color:#f5f4ef}}#p-panel{position:fixed;top:0;left:0;width:100%;height:100%;z-index:80;pointer-events:none;fill:#191a1b}#h{position:fixed;top:0;left:0;width:100%;z-index:60}#h .logo{position:absolute;top:15px;left:25px;width:59px;height:33px}@media screen and (min-width:768px){#h .logo{top:28px;left:50px;width:78px;height:43px}}#h .logo span{display:none}#h .logo a{position:absolute;width:100%;height:100%}#h .logo a:hover{opacity:1}#h .logo a svg{transition:all .3s;fill:#f5f4ef}#h .detail-head{position:absolute;width:calc(50% - 300px);height:15px;position:absolute;top:42px;left:170px;margin:auto}#h .detail-head.is-short{overflow:hidden;padding-right:6px}#h .detail-head.is-short:before{content:'...';font-size:1rem;width:20px;height:100%;position:absolute;top:0;right:-10px;color:rgba(245,244,239,.2)}#h .detail-head span{overflow:hidden;word-break:break-all;position:relative;display:inline-block}#h .detail-head span i{color:rgba(245,244,239,.2);font-size:1rem}#h .head{position:absolute;width:140px;position:absolute;top:18px;right:0;left:0;margin:auto;text-align:center}@media screen and (min-width:768px){#h .head{top:32px;width:200px}}#h .head span{overflow:hidden}#h .head span i{transition:transform 1s;transform:translateX(0) translateY(101%) translateZ(0);color:#f5f4ef;font-size:1.8rem}@media screen and (min-width:768px){#h .head span i{font-size:2.4rem}}#h .head span i.is-in{transform:translateX(0) translateY(0) translateZ(0)}#h .head span i.force-in{transform:translateX(0) translateY(0) translateZ(0)!important}#h .link{font-size:1.4rem;position:absolute;top:10px;right:11vw}#h .link a{display:none}@media screen and (min-width:768px){#h .link a{letter-spacing:1px;padding:30px 18px;color:#f5f4ef;display:inline-block;overflow:hidden;position:relative}}@media screen and (min-width:768px){#h .link a:hover{opacity:1}#h .link a:hover i{opacity:0;transform:translateX(0) translateY(-10px) translateZ(0)}#h .link a:hover i:last-child{opacity:1;transform:translateX(0) translateY(0) translateZ(0)}}#h .link a i{font-style:normal;transition:opacity .3s,transform .3s}#h .link a i:last-child{position:absolute;top:30px;left:18px;opacity:0;transform:translateX(0) translateY(20px) translateZ(0)}#h .btn-menu{position:absolute;top:0;right:0;width:80px;height:60px;cursor:pointer}@media screen and (min-width:768px){#h .btn-menu{top:10px;right:10px;width:120px;height:80px}}@media screen and (min-width:768px){#h .btn-menu:hover span:after,#h .btn-menu:hover span:before{transform:translateX(0) translateY(0) translateZ(0) scale(0,1);transform-origin:top right;transition:background .2s,transform .6s}#h .btn-menu:hover span:last-child:after,#h .btn-menu:hover span:last-child:before{transform-origin:top left;transform:translateX(0) translateY(0) translateZ(0) scale(1,1);transition-delay:.1s}}#h .btn-menu span{width:32px;height:10px;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}@media screen and (min-width:768px){#h .btn-menu span{width:42px;height:12px}}#h .btn-menu span:last-child:after,#h .btn-menu span:last-child:before{transform:translateX(0) translateY(0) translateZ(0) scale(0,1)}#h .btn-menu span:before{display:block;content:'';width:100%;height:2px;position:absolute;top:0;left:0;background:#f5f4ef;transition:background .2s}#h .btn-menu span:after{display:block;content:'';width:52%;height:2px;position:absolute;bottom:0;left:0;background:#f5f4ef;transition:background .2s}.copy{position:fixed;bottom:22px;z-index:60;color:#f5f4ef;font-weight:700;font-size:1rem;letter-spacing:1px}@media screen and (max-width:768px){.copy{right:24px}}@media screen and (min-width:768px){.copy{bottom:64px;left:50px;font-size:1.2rem}}.btn-contact{position:fixed;bottom:26px;z-index:60;color:#f5f4ef;border:1px solid #f5f4ef;border-radius:100px;padding:10px 22px;transition:all .3s}.btn-contact.no-link{display:none}@media screen and (max-width:768px){.btn-contact{left:24px}}@media screen and (min-width:768px){.btn-contact{border:2px solid #f5f4ef;bottom:54px;right:50px;padding:8px 35px}}@media screen and (min-width:768px){.btn-contact:hover{opacity:1;border:2px solid #f5f4ef;background:#f5f4ef}.btn-contact:hover span{opacity:0;transform:translateX(0) translateY(-10px) translateZ(0);color:#191a1b}.btn-contact:hover span:last-child{opacity:1;transform:translateX(0) translateY(0) translateZ(0)}}.btn-contact span{font-size:1.3rem;letter-spacing:.2px;font-weight:600;transition:transform .3s,opacity .3s,color .2s}.btn-contact span:last-child{position:absolute;top:8px;left:35px;opacity:0;transform:translateX(0) translateY(20px) translateZ(0)}#menu{position:fixed;top:0;left:0;width:100%;height:100%;z-index:90;opacity:0;pointer-events:none;transition:opacity .3s}@media screen and (min-width:768px){#menu{display:flex;align-items:center}}#menu.is-in{opacity:1;pointer-events:visible}#menu .op{opacity:0}#menu .logo{position:absolute;top:15px;left:25px;width:59px;height:33px;z-index:1;transition:all 0s}@media screen and (min-width:768px){#menu .logo{top:28px;left:50px;width:78px;height:43px}}#menu .logo a{position:absolute;width:100%;height:100%}#menu .logo a:hover{opacity:1}#menu .logo a svg{fill:#191a1b}#menu .center{position:absolute;width:100%}@media screen and (max-width:768px){#menu .center{height:100%}}@media screen and (min-width:768px){#menu .center{position:relative}}#menu .flex{position:relative;z-index:1;padding:80px 26px 0}@media screen and (min-width:768px){#menu .flex{display:flex;padding:0 0 0 24.2%}}#menu .flex a{padding:4px 0;position:relative;overflow:hidden}@media screen and (min-width:768px){#menu .flex a{padding:18px 0}}#menu .flex a:hover{opacity:1}#menu .flex a span{transform:translateX(0) translateY(120%) translateZ(0);overflow:hidden}#menu .flex a span:last-child{position:absolute;top:20px;left:0}#menu .flex a span:last-child i{transform:translateX(0) translateY(101%) translateZ(0)}#menu .flex a span i{line-height:1.2;display:inline-block;font-size:10.8vw;font-weight:700;letter-spacing:0;font-style:normal}@media screen and (min-width:768px){#menu .flex a span i{letter-spacing:-.4px;font-size:5.6rem}}@media screen and (min-width:768px){#menu .flex .r{margin:103px 0 0 122px}}#menu .blog{position:relative;z-index:1;padding-left:24px;margin-top:30px}@media screen and (max-width:768px){#menu .blog{width:49%;display:inline-block}}@media screen and (min-width:768px){#menu .blog{padding-left:24.2%;margin-top:56px}}#menu .blog strong{font-size:1.5rem}@media screen and (min-width:768px){#menu .blog strong{font-size:2rem}}#menu .blog a{font-size:1.1rem;overflow:hidden;position:relative;display:inline-block}@media screen and (min-width:768px){#menu .blog a{font-size:1.4rem}}@media screen and (min-width:768px){#menu .blog a:hover{opacity:1}#menu .blog a:hover:before{transform:translateX(100%) translateY(0) translateZ(0);transition:transform 1.4s}}#menu .blog a:before{display:block;content:'';width:100%;height:1px;background:#191a1b;position:absolute;bottom:0;left:0;transform:translateX(-100%) translateY(0) translateZ(0);transition:transform .4s}#menu .blog a svg{display:inline-block;width:6px;height:6px;margin-left:6px}@media screen and (min-width:768px){#menu .blog a svg{width:8px;height:8px;margin-left:12px}}#menu .sns{position:relative;z-index:1;display:inline-block;margin-top:40px}@media screen and (max-width:768px){#menu .sns{width:49%;padding-left:8%}}@media screen and (min-width:768px){#menu .sns{position:absolute;margin-top:80px;bottom:18px;left:0;display:flex;align-items:center;padding-left:calc(24.2% - 10px)}}#menu .sns a{margin-right:5vw;padding:0 0;overflow:hidden;position:relative;display:inline-block}@media screen and (min-width:768px){#menu .sns a{margin-right:4vw;padding:12px 0}}@media screen and (min-width:768px){#menu .sns a:hover{opacity:1}#menu .sns a:hover:before{transform:translateX(100%) translateY(0) translateZ(0);transition:transform 1.4s}}#menu .sns a:before{display:block;content:'';width:100%;height:2px;background:#191a1b;position:absolute;bottom:0;left:0;transform:translateX(-100%) translateY(0) translateZ(0);transition:transform .4s}#menu .sns a svg{fill:#191a1b}#menu .sns .be{width:21px;height:21px}@media screen and (min-width:768px){#menu .sns .be{width:50px;height:50px}}#menu .sns .tw{width:18px;height:22px}@media screen and (min-width:768px){#menu .sns .tw{width:46px;height:46px}}#menu .sns .fb{width:21px;height:21px}@media screen and (min-width:768px){#menu .sns .fb{width:50px;height:50px}}#menu .contact{z-index:1;width:calc(100vw - 26px);color:#191a1b;transition:none;padding-bottom:10px}@media screen and (max-width:768px){#menu .contact{position:absolute;bottom:60px;right:0}}@media screen and (min-width:768px){#menu .contact{position:relative;padding-bottom:10px;width:580px;margin:72px 0 0 calc(100vw - 580px)}}#menu .contact:before{display:block;content:'';background:#191a1b;height:3px;position:absolute;bottom:0;left:0;width:100%;transform:translateX(0) translateY(0) translateZ(0) scale(1,1)}@media screen and (min-width:768px){#menu .contact:before{height:4px}}#menu .contact:after{display:block;content:'';background:#191a1b;height:4px;position:absolute;bottom:0;left:0;width:100%;transform:translateX(0) translateY(0) translateZ(0) scale(0,1)}@media screen and (min-width:768px){#menu .contact:hover{opacity:1}#menu .contact:hover:before{transform:translateX(0) translateY(0) translateZ(0) scale(0,1);transform-origin:top right;transition:transform .6s}#menu .contact:hover:after{transform:translateX(0) translateY(0) translateZ(0) scale(1,1);transform-origin:top left;transition:transform .6s;transition-delay:.1s}}#menu .contact strong{line-height:1;position:relative}#menu .contact strong span{overflow:hidden}#menu .contact strong span:last-child{position:absolute;bottom:0;left:0}#menu .contact strong span i{font-style:normal;display:inline-block;font-size:10.8vw}@media screen and (min-width:768px){#menu .contact strong span i{font-size:5.6rem}}#menu .contact p{position:absolute;font-size:1.2rem;letter-spacing:1px;bottom:-26px}@media screen and (max-width:768px){#menu .contact p{left:0}}@media screen and (min-width:768px){#menu .contact p{font-size:1.4rem;letter-spacing:3px;bottom:14px;right:48px}}#menu #menu-panel{position:absolute;top:0;left:0;width:100%;height:100%;fill:#f5f4ef;z-index:0}#menu #close{position:absolute;top:8px;right:0;width:82px;height:46px;cursor:pointer;z-index:10}@media screen and (min-width:768px){#menu #close{top:6px;right:27px;width:86px;height:86px}}@media screen and (min-width:768px){#menu #close:hover span:after,#menu #close:hover span:before{transition:transform .4s}#menu #close:hover span:before{transform:translateX(100%) translateY(0) translateZ(0)}#menu #close:hover span:after{transform:translateX(0) translateY(0) translateZ(0);transition-delay:.1s}}#menu #close span{overflow:hidden;width:32px;height:2px;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;transform:translateX(0) translateY(0) translateZ(0) rotate(-40deg)}@media screen and (min-width:768px){#menu #close span{width:40px}}#menu #close span:last-child{transform:translateX(0) translateY(0) translateZ(0) rotate(40deg)}#menu #close span:after,#menu #close span:before{display:block;content:'';width:100%;height:100%;background:#191a1b;position:absolute;top:0;left:0;transition:transform .4s}#menu #close span:after{transform:translateX(-100%) translateY(0) translateZ(0)}#f{position:relative;height:calc(100vh - 20px);display:flex;align-items:center}@media screen and (min-width:768px){#f{justify-content:center;height:calc(100vh + 2px)}}#f .contact{position:relative;width:90%;padding-bottom:8px;color:#191a1b;z-index:1}@media screen and (max-width:768px){#f .contact{margin-left:10%}}@media screen and (min-width:768px){#f .contact{width:600px}}#f .contact:before{display:block;content:'';background:#191a1b;height:4px;position:absolute;bottom:0;left:0;width:100%;transform:translateX(0) translateY(0) translateZ(0) scale(1,1)}#f .contact:after{display:block;content:'';background:#191a1b;height:4px;position:absolute;bottom:0;left:0;width:100%;transform:translateX(0) translateY(0) translateZ(0) scale(0,1)}@media screen and (min-width:768px){#f .contact:hover{opacity:1}#f .contact:hover:before{transform:translateX(0) translateY(0) translateZ(0) scale(0,1);transform-origin:top right;transition:transform .6s}#f .contact:hover:after{transform:translateX(0) translateY(0) translateZ(0) scale(1,1);transform-origin:top left;transition:transform .6s;transition-delay:.1s}}#f .contact strong{line-height:1;position:relative}#f .contact strong span{overflow:hidden}#f .contact strong span:last-child{position:absolute;bottom:0;left:0}#f .contact strong span i{font-style:normal;display:inline-block;font-size:4.6rem}@media screen and (min-width:768px){#f .contact strong span i{font-size:7.4rem}}#f .contact p{position:absolute;bottom:-30px;font-size:1.4rem;letter-spacing:3px}@media screen and (max-width:768px){#f .contact p{left:0}}@media screen and (min-width:768px){#f .contact p{bottom:18px;right:0}}#f .anchor{position:absolute;top:28vw;right:0;width:72px;height:72px;margin:auto;cursor:pointer;z-index:100}@media screen and (max-width:768px){#f .anchor{left:0}}@media screen and (min-width:768px){#f .anchor{top:0;right:50px;bottom:0;width:100px;height:100px}}@media screen and (min-width:768px){#f .anchor:hover:before{transform:translateX(0) translateY(0) translateZ(0) scale(.9);background:#191a1b}#f .anchor:hover .arw{fill:#f5f4ef;transform:translateX(0) translateY(-6px) translateZ(0)}}#f .anchor:before{border-radius:100%;display:block;content:'';border:1px solid rgba(25,26,27,.2);width:100%;height:100%;position:absolute;top:0;left:0;margin:auto;box-sizing:border-box;transition:transform .3s,background .3s}#f .anchor .arw{width:14px;height:30px;position:absolute;top:24px;left:29px;transition:all .3s;fill:#191a1b}@media screen and (min-width:768px){#f .anchor .arw{width:14px;height:30px;top:38px;left:44px}}#f .next{position:absolute;bottom:20px;left:0;right:0;margin:auto;display:flex;flex-wrap:wrap;justify-content:center;color:#191a1b;height:152px;width:100%}#f .next:hover{opacity:1}@media screen and (min-width:768px){#f .next{bottom:0;width:600px;height:144px}}#f .next .center{position:relative;text-align:center;width:100%}#f .next .center .align{text-align:left;display:inline-block}#f .next .center .align p{margin:4px 0 6px;font-size:1.2rem;line-height:1}@media screen and (min-width:768px){#f .next .center .align p{margin:4px 0 7px;font-size:1.4rem}}#f .next .center .align p i{display:inline-block}#f .next .center .align strong{line-height:1;font-size:3.7rem;letter-spacing:1px;text-transform:capitalize}@media screen and (min-width:768px){#f .next .center .align strong{font-size:5rem}}@media screen and (min-width:768px){#f .next .center .progress{width:236px;background:#191a1b;height:2px;position:absolute;right:0;bottom:45px;left:0;margin:auto;overflow:hidden;transform:translateX(0) translateY(0) translateZ(0) scale(.1,1)}}h3{font-size:2.6rem;overflow:hidden;position:relative;display:inline-block;padding-right:68px}@media screen and (min-width:768px){h3{padding-right:82px;font-size:3.6rem}}h3:before{display:block;content:'';width:38px;top:22px;right:0;position:absolute;background:#f5f4ef;height:2px}@media screen and (min-width:768px){h3:before{width:48px;top:30px;height:2px}}.t-jp{font-size:1.4rem;line-height:2.2;letter-spacing:1.8px}@media screen and (min-width:768px){.t-jp{font-size:1.6rem;line-height:2.5;letter-spacing:1.8px}}.t-en{position:relative;line-height:1.95;font-size:1.2rem;letter-spacing:.1px}@media screen and (min-width:768px){.t-en{line-height:2.1;font-size:1.4rem;letter-spacing:1.1px}}.view-btn{color:currentColor;position:relative;width:120px;overflow:hidden;padding-bottom:18px}@media screen and (min-width:768px){.view-btn{width:123px;padding-bottom:16px}}.view-btn:hover{opacity:1}@media screen and (min-width:768px){.view-btn:hover span{opacity:0;transform:translateX(0) translateY(-6px) translateZ(0);transition:transform .3s,opacity .3s}.view-btn:hover span:nth-child(2){transform:translateX(0) translateY(0) translateZ(0);opacity:1}}.view-btn span{font-size:1.5rem;color:currentColor;text-indent:8px;padding-bottom:13px;font-weight:600}@media screen and (min-width:768px){.view-btn span{font-size:1.6rem;text-indent:8px;padding-bottom:13px}}.view-btn span:nth-child(2){position:absolute;top:0;left:0;opacity:0;transform:translateX(0) translateY(20px) translateZ(0)}.view-btn i{position:absolute;width:100%;bottom:23px;left:0;height:2px}@media screen and (min-width:768px){.view-btn i{bottom:24px}}.view-btn i:before{display:block;content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:#f5f4ef}.view-btn i:after{display:block;content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:#191a1b;animation:2s ease infinite linkBar;transform-origin:top left}@keyframes linkBar{0%{transform:translateX(-100%) translateY(0) translateZ(0) scale(.5,1)}100%{transform:translateX(100%) translateY(0) translateZ(0) scale(0,1)}}.view-btn small{font-size:1rem;letter-spacing:.3px;position:absolute;bottom:0;right:25px;color:rgba(245,244,239,.2)}@media screen and (min-width:768px){.view-btn small{right:20px;font-size:1rem;letter-spacing:.3px}}.view-btn small svg{fill:rgba(245,244,239,.2);display:inline-block;height:6px;width:6px;margin-left:8px}@media screen and (min-width:768px){.view-btn small svg{height:6px;width:6px;margin-left:15px}}section[data-color=theme-white]{position:relative;color:#191a1b}section[data-color=theme-black]{position:relative;color:#f5f4ef}.page-top #top-video{position:fixed;top:0;left:0;width:100%;height:100%;background:#191a1b}@media screen and (min-width:768px){.page-top #top-video{height:100vh}}.page-top #top-video .video{position:absolute;opacity:0}.page-top #top-video #mv-t-box{position:fixed;top:0;left:0;right:0;bottom:0;margin:auto;width:100%;height:52vw;z-index:3;mix-blend-mode:difference}@media screen and (min-width:768px){.page-top #top-video #mv-t-box{height:32vh}}.page-top #top-video #mv-t-box #mv-num-box{position:absolute;top:0;right:0;left:0;margin:auto;width:40px;height:20px;font-size:1.2rem;overflow:hidden}@media screen and (min-width:768px){.page-top #top-video #mv-t-box #mv-num-box{top:-20px;font-size:1.4rem}}.page-top #top-video #mv-t-box #mv-num-box span{position:absolute;top:0;left:0;width:100%;text-align:center;height:100%;color:#f5f4ef;font-weight:700;letter-spacing:1px}.page-top #top-video #mv-t-box #mv-num-box span i{font-style:normal;display:inline-block;transform:translateX(0) translateY(100%) translateZ(0)}.page-top #top-video #mv-t-box .in span{position:absolute;width:100%;height:40vw;top:0;right:0;bottom:0;left:0;margin:auto;text-align:center;overflow:hidden}@media screen and (max-width:768px){.page-top #top-video #mv-t-box .in span{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;height:36.2vw}}@media screen and (min-width:768px){.page-top #top-video #mv-t-box .in span{height:12.2vw}}.page-top #top-video #mv-t-box .in span .l1,.page-top #top-video #mv-t-box .in span .l2{overflow:hidden}@media screen and (min-width:768px){.page-top #top-video #mv-t-box .in span .l1,.page-top #top-video #mv-t-box .in span .l2{display:inline-block}}.page-top #top-video #mv-t-box .in span i{display:inline-block;color:#fff;line-height:1.2;font-size:14vw;font-style:normal;font-weight:700;transform:translateX(0) translateY(100%) translateZ(0);letter-spacing:-.5vw}@media screen and (min-width:768px){.page-top #top-video #mv-t-box .in span i{letter-spacing:-.2vw;font-size:9.8vw}}.page-top #top-video #mv-panel-box{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:94vw;height:100vw;overflow:hidden}@media screen and (min-width:768px){.page-top #top-video #mv-panel-box{width:88vw;height:calc(100vh - 220px)}}.page-top #top-video #mv-panel-box #mv-panel-box-in{position:absolute;width:100%;height:100%;top:0;left:0;bottom:0;margin:auto;z-index:2;transform:translateX(101%) translateY(0) translateZ(0)}.page-top #top-video #mv-panel-box #mv-panel-box-in .w{position:absolute;top:0;left:0;height:100%;width:50%;background:#f5f4ef;z-index:2}.page-top #top-video #mv-panel-box #mv-panel-box-in .b{position:absolute;top:0;right:0;height:100%;width:50%;background:#191a1b;z-index:2}.page-top #top-video #mv-panel-box #mv-panel-grad-l,.page-top #top-video #mv-panel-box #mv-panel-grad-r{position:absolute;width:20px;left:0;height:100%;top:0;bottom:0;margin:auto;z-index:3;transform:translateX(100vw) translateY(0) translateZ(0)}@media screen and (min-width:768px){.page-top #top-video #mv-panel-box #mv-panel-grad-l,.page-top #top-video #mv-panel-box #mv-panel-grad-r{width:50px}}.page-top #top-video #mv-panel-box #mv-panel-grad-l span,.page-top #top-video #mv-panel-box #mv-panel-grad-r span{position:absolute;top:0;left:0;height:100%;background:#00a2ff;opacity:.5}.page-top #top-video #mv-panel-box #mv-panel-grad-l span:nth-child(2),.page-top #top-video #mv-panel-box #mv-panel-grad-r span:nth-child(2){background:#f0b5f5}.page-top #top-video #mv-panel-box #mv-panel-grad-l span:nth-child(3),.page-top #top-video #mv-panel-box #mv-panel-grad-r span:nth-child(3){background:#ffde00}.page-top #top-video #mv-panel-box #mv-panel-grad-l span:nth-child(4),.page-top #top-video #mv-panel-box #mv-panel-grad-r span:nth-child(4){background:red}.page-top #top-video #mv-panel-box #mv-panel-grad-l span:nth-child(5),.page-top #top-video #mv-panel-box #mv-panel-grad-r span:nth-child(5){background:#00f}.page-top #top-video #mv-panel-box #mv-panel-grad-l span:nth-child(6),.page-top #top-video #mv-panel-box #mv-panel-grad-r span:nth-child(6){background:#0f0}.page-top #top-video .scroll{position:absolute;bottom:44px;font-size:1.2rem;width:100%;pointer-events:none;color:#fff;display:block;text-align:right;height:20px;overflow:hidden;width:90px}@media screen and (max-width:768px){.page-top #top-video .scroll{right:18px}}@media screen and (min-width:768px){.page-top #top-video .scroll{text-align:center;position:absolute;bottom:64px;width:200px;right:0;margin:auto;left:0}}.page-top #top-video .scroll .l1,.page-top #top-video .scroll .l2{position:absolute;top:0;left:0;width:100%;text-align:center;height:100%}.page-top #top-video .scroll .l2 i{transform:translateX(0) translateY(100%) translateZ(0)}.page-top #top-video .scroll i{display:inline-block}.page-top #video-panel{position:fixed;top:0;left:0;width:62vw;height:26.2vw}.page-top #video-panel .video{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;transform:translateX(0) translateY(0) translateZ(0) scale(.8);transition:opacity .5s,transform .5s}.page-top #video-panel .video.is-current{opacity:1;transform:translateX(0) translateY(0) translateZ(0) scale(1)}.page-top .mv{position:absolute;top:0;left:0;width:100%;height:100%}.page-top .s1{opacity:0;position:relative}.page-top .s1 #trigger-panel{position:absolute;width:100%;height:100%;top:0;left:0;background:#f5f4ef}@media screen and (max-width:768px){.page-top .s1 #trigger-panel{opacity:0}}.page-top .s1 svg{width:100%}.page-top .s2{padding:0 22px 110px;margin-top:-150px}@media screen and (min-width:768px){.page-top .s2{padding:0 14.4% 165px;margin-top:-200px}}.page-top .s2 h3{margin-bottom:138px;margin-left:0}@media screen and (min-width:768px){.page-top .s2 h3{margin-bottom:170px;margin-left:1.6%}}.page-top .s2 .view-btn{margin-top:130px}@media screen and (min-width:768px){.page-top .s2 .view-btn{margin-top:200px}}.page-top .s2 .works-cell{margin-left:11%;color:#f5f4ef;margin-bottom:57px;position:relative}@media screen and (min-width:768px){.page-top .s2 .works-cell{margin-left:18%;margin-bottom:4vw}}@media screen and (min-width:768px){.page-top .s2 .works-cell:hover{opacity:1}.page-top .s2 .works-cell:hover .inner{opacity:1;transform:translateX(-56px) translateY(0) translateZ(0)}.page-top .s2 .works-cell:hover .inner .num{opacity:1;transform:translateX(0) translateY(0) translateZ(0)}.page-top .s2 .works-cell:hover .inner .tags{opacity:1;transform:translateX(0) translateY(0) translateZ(0)}}@media screen and (min-width:768px){.page-top .s2 .works-cell .inner{opacity:.1;transition:opacity .4s,transform .4s}}.page-top .s2 .works-cell .num{position:absolute;top:3px;left:-32px;font-size:1rem;letter-spacing:1px;pointer-events:none;opacity:.4}@media screen and (min-width:768px){.page-top .s2 .works-cell .num{font-size:1.1rem;top:.8vw;left:-40px;opacity:1;transition:opacity .4s,transform .4s}}.page-top .s2 .works-cell strong{line-height:1;font-size:12vw;letter-spacing:.15vw}@media screen and (min-width:768px){.page-top .s2 .works-cell strong{font-size:5vw;letter-spacing:.15vw}}.page-top .s2 .works-cell .tags{position:absolute;bottom:-18px;left:0;opacity:1}@media screen and (min-width:768px){.page-top .s2 .works-cell .tags{bottom:-19px;left:0;opacity:0;transform:translateX(20px) translateY(0) translateZ(0);transition:opacity .4s,transform .4s}}.page-top .s2 .works-cell .tags i{font-size:1.1rem;letter-spacing:1px;display:inline-block;margin-right:0;font-style:normal;margin-left:18px}.page-top .s2 .works-cell .tags i:first-child{margin-left:0!important}@media screen and (min-width:768px){.page-top .s2 .works-cell .tags i{margin-left:10px}}.page-top .s2 h4{margin:220px 0 42px;text-align:center;font-size:1.6rem}@media screen and (min-width:768px){.page-top .s2 h4{margin:386px 0 52px;font-size:1.8rem}}.page-top .s2 .flex{display:flex;flex-wrap:wrap;justify-content:center}@media screen and (min-width:768px){.page-top .s2 .flex{width:74%;margin:0 auto;justify-content:center}}.page-top .s2 .flex .cell{width:33.3%}@media screen and (max-width:768px){.page-top .s2 .flex .cell{margin-bottom:15px}}.page-top .s2 small{text-align:center;display:block;margin-top:16px;font-size:1.1rem;letter-spacing:1px}@media screen and (min-width:768px){.page-top .s2 small{margin-top:46px;font-size:1.4rem}}.page-top .s3{padding:76px 24px 28vw 24px}@media screen and (min-width:768px){.page-top .s3{padding:215px 41% 28vw 15.5%}}.page-top .s3 h3{margin-bottom:196px}@media screen and (min-width:768px){.page-top .s3 h3{margin-bottom:190px}}.page-top .s3 .view-btn{margin-top:100px}@media screen and (min-width:768px){.page-top .s3 .view-btn{margin-top:200px}}.page-top .s3.is-in .box .img1 .in{transition:transform 1.6s;transform:translateX(0) translateY(0) translateZ(0) rotate(-4deg)}.page-top .s3.is-in .box .img1 .in:before{transition:transform 1.8s;transition-delay:.6s;transform:translateX(5%) translateY(2%) translateZ(0) rotate(3deg)}.page-top .s3.is-in .box .img2 .in{transition:transform 1.6s;transition-delay:.2s;transform:translateX(0) translateY(0) translateZ(0) rotate(4deg)}.page-top .s3.is-in .box .img2 .in:before{transition:transform 1.8s;transition-delay:.6s;transform:translateX(5%) translateY(2%) translateZ(0) rotate(3deg)}.page-top .s3 .box{position:relative}.page-top .s3 .box .t-jp{position:relative;z-index:3}@media screen and (min-width:768px){.page-top .s3 .box .t-jp{font-size:1.6rem}}.page-top .s3 .box .t-en{margin-top:95px;position:relative;z-index:3}@media screen and (min-width:768px){.page-top .s3 .box .t-en{margin-top:84px;font-size:1.4rem}}.page-top .s3 .box .t-en:before{display:block;content:'';width:32px;height:2px;position:absolute;background:#f5f4ef;top:-28px;left:0}@media screen and (min-width:768px){.page-top .s3 .box .t-en:before{width:40px;top:-47px}}.page-top .s3 .box .img1{position:absolute;top:-15vw;left:17vw;width:59.8vw;height:92.1vw;z-index:1}@media screen and (min-width:768px){.page-top .s3 .box .img1{top:-6vw;left:33vw;width:29vw;height:43.4vw}}.page-top .s3 .box .img1 .in{width:100%;height:100%;position:absolute;top:0;left:0;transform:translateX(30vw) translateY(100vh) translateZ(0) rotate(14deg)}.page-top .s3 .box .img1 .in:before{display:block;content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,.5);z-index:0;transform:translateX(15%) translateY(14%) translateZ(0) rotate(-4deg)}.page-top .s3 .box .img1 .in img{position:relative;z-index:10}.page-top .s3 .box .img2{position:absolute;top:-4vw;left:40.7vw;width:60vw;height:93.4vw;z-index:0}@media screen and (min-width:768px){.page-top .s3 .box .img2{top:-3vw;left:43.9vw;width:29vw;height:43.4vw}}.page-top .s3 .box .img2 .in{width:100%;height:100%;position:absolute;top:0;left:0;transform:translateX(30vw) translateY(100vh) translateZ(0) rotate(-10deg)}.page-top .s3 .box .img2 .in:before{display:block;content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,.5);z-index:0;transform:translateX(15%) translateY(14%) translateZ(0) rotate(-4deg)}.page-top .s3 .box .img2 .in img{position:relative;z-index:10}.page-company #l-img,.page-service #l-img{width:100%;position:absolute;top:0;left:0;height:113.4vw;overflow:hidden;z-index:1;backface-visibility:hidden}@media screen and (min-width:768px){.page-company #l-img,.page-service #l-img{height:35.7vw}}.page-company #l-img #mv-panel,.page-service #l-img #mv-panel{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;fill:#191a1b;transform:scale(1.01)}.page-company #l-img .img,.page-service #l-img .img{width:100%;position:relative;z-index:0;backface-visibility:hidden;overflow:hidden}.page-company #l-img .img img,.page-service #l-img .img img{position:relative;z-index:10}.page-company #l-img .img .video,.page-service #l-img .img .video{position:absolute;top:0;left:0;width:100%;z-index:1;opacity:0}.page-company #l-img .img .panel,.page-service #l-img .img .panel{background:#191a1b;width:100%;height:100%;top:0;left:0;z-index:10;position:absolute;transform:translateX(0) translateY(100%) translateZ(0) skewY(0);transform-origin:-30% 0}.page-company #l-img h2,.page-service #l-img h2{z-index:10;top:58.4vw;left:0;margin-top:-40px;width:100%;text-align:center;color:#f5f4ef;position:absolute;overflow:hidden;height:90px}@media screen and (min-width:768px){.page-company #l-img h2,.page-service #l-img h2{top:16.6vw;margin-top:-50px;height:90px}}.page-company #l-img h2 span,.page-service #l-img h2 span{font-size:5.2rem;overflow:hidden;line-height:1.2}@media screen and (min-width:768px){.page-company #l-img h2 span,.page-service #l-img h2 span{font-size:7rem}}.page-company #l-img h2 span i,.page-service #l-img h2 span i{transform:translateX(0) translateY(100%) translateZ(0);display:inline-block}.page-company .s1,.page-service .s1{color:#f5f4ef;padding:137.8vw 24px 0;background:#191a1b}@media screen and (min-width:768px){.page-company .s1,.page-service .s1{padding:calc(35.7vw + 136px) 24.3vw 136px}}.page-company .s1 .inner,.page-service .s1 .inner{opacity:0}.page-company .s1 .t1,.page-service .s1 .t1{font-size:1.4rem;letter-spacing:1.6px;line-height:2}@media screen and (min-width:768px){.page-company .s1 .t1,.page-service .s1 .t1{font-size:1.5rem;letter-spacing:2.5px;line-height:2.6}}.page-company .s1 .t2,.page-service .s1 .t2{padding-top:22px;margin-top:80px;position:relative;font-size:1.1rem;letter-spacing:1.6px;line-height:2}@media screen and (min-width:768px){.page-company .s1 .t2,.page-service .s1 .t2{padding-top:22px;margin-top:110px;font-size:1.3rem;letter-spacing:1.6px;line-height:2.4}}.page-company .s1 .t2:before,.page-service .s1 .t2:before{display:block;content:'';width:30px;height:2px;position:absolute;top:-20px;left:0;background:#f5f4ef}@media screen and (min-width:768px){.page-company .s1 .t2:before,.page-service .s1 .t2:before{width:40px;height:2px;top:-20px}}.page-service .s2{padding-top:164px;color:#f5f4ef;position:relative}@media screen and (max-width:768px){.page-service .s2{background:#191a1b}}@media screen and (min-width:768px){.page-service .s2{padding-top:234px}}.page-service .s2 h3{margin:0 auto 56px;text-align:center;width:100%;padding-right:0}@media screen and (min-width:768px){.page-service .s2 h3{margin:0 auto 77px}}.page-service .s2 h3:before{display:none}.page-service .s2 .lang{position:absolute;top:170px;right:20px}@media screen and (min-width:768px){.page-service .s2 .lang{top:242px;right:6.9vw}}.page-service .s2 .lang span{position:relative;display:inline-block;padding:10px 6px;margin-left:4px;font-size:1.2rem;letter-spacing:2px;cursor:pointer;opacity:.4;transition:opacity .4s}@media screen and (min-width:768px){.page-service .s2 .lang span{padding:10px 10px;margin-left:34px;font-size:1.6rem;letter-spacing:2px}}.page-service .s2 .lang span:before{display:block;content:'';width:100%;height:2px;background:#f5f4ef;position:absolute;bottom:0;left:0;transform:translateX(0) translateY(0) translateZ(0) scale(0,1);transition:transform .6s}@media screen and (min-width:768px){.page-service .s2 .lang span:hover{opacity:1}}.page-service .s2 .lang span.is-current{opacity:1;pointer-events:none}.page-service .s2 .lang span.is-current:before{transform:translateX(0) translateY(0) translateZ(0) scale(1,1)}.page-service .s2 .lang-area{position:relative;width:100%}@media screen and (min-width:768px){.page-service .s2 .lang-area{width:69%;margin:0 auto}}.page-service .s2 .flex{width:100%;margin:0 auto;position:absolute;top:0;left:0;opacity:0;transform:translateX(0) translateY(20px) translateZ(0);transition:opacity .6s,transform .6s}.page-service .s2 .flex.is-current{opacity:1;transform:translateX(0) translateY(0) translateZ(0)}@media screen and (max-width:768px){.page-service .s2 .flex{padding:0 26px 0 50px}}.page-service .s2 .flex .cell{margin-bottom:40px}@media screen and (min-width:768px){.page-service .s2 .flex .cell{display:flex;justify-content:space-between;margin-bottom:42px}}.page-service .s2 .flex .cell:last-child{margin-bottom:0}@media screen and (min-width:768px){.page-service .s2 .flex .cell:last-child{margin-bottom:0}}.page-service .s2 .flex .cell .ico{width:100%;position:relative;display:flex}@media screen and (min-width:768px){.page-service .s2 .flex .cell .ico{justify-content:space-between;width:302px}}.page-service .s2 .flex .cell .ico span{display:inline-block;position:relative;font-size:1.4rem;vertical-align:top;width:64px}@media screen and (min-width:768px){.page-service .s2 .flex .cell .ico span{width:110px}}.page-service .s2 .flex .cell .ico span:before{display:block;content:'';width:10px;display:inline-block;height:2px;background:#f5f4ef;position:absolute;top:5px;left:-25px}@media screen and (min-width:768px){.page-service .s2 .flex .cell .ico span:before{position:relative;left:0;width:10px;top:-7px;margin-right:18px}}.page-service .s2 .flex .cell .ico strong{margin-top:-1px;margin-left:0;display:inline-block;font-size:1.8rem;letter-spacing:2px;width:calc(100% - 110px)}@media screen and (min-width:768px){.page-service .s2 .flex .cell .ico strong{margin-top:-2px;font-size:1.6rem;width:calc(100% - 110px)}}.page-service .s2 .flex .cell p{margin-top:15px;text-align:justify;width:100%;font-size:1.2rem;letter-spacing:.4px;line-height:1.95}@media screen and (min-width:768px){.page-service .s2 .flex .cell p{font-size:1.4rem;margin-top:-3px;width:calc(100% - 342px)}}.page-service .s3{padding:260px 0 0 0;color:#f5f4ef;position:relative}@media screen and (max-width:768px){.page-service .s3{background:#191a1b}}@media screen and (min-width:768px){.page-service .s3{padding:370px 0 0 0}}.page-service .s3 h3{margin:0 auto 40px;text-align:center;width:100%;padding-right:0}@media screen and (min-width:768px){.page-service .s3 h3{margin:0 auto 4vw}}.page-service .s3 h3:before{display:none}.page-service .s3 .slide-nav{position:relative;width:100%;margin:0 auto 6vw}@media screen and (max-width:768px){.page-service .s3 .slide-nav{overflow-x:scroll}}@media screen and (min-width:768px){.page-service .s3 .slide-nav{width:66%;margin:0 auto 6vw}}.page-service .s3 .slide-nav .in{display:flex;align-items:center}@media screen and (max-width:768px){.page-service .s3 .slide-nav .in{width:1000px;align-items:flex-end}}.page-service .s3 .slide-nav span{padding:10px 0 14px 20px;margin-left:6px;opacity:.4;transition:opacity .6s,transform .6s;cursor:pointer;position:relative;width:25%}@media screen and (min-width:768px){.page-service .s3 .slide-nav span{text-align:left;width:20%;opacity:.2;position:relative;margin-left:0;padding:10px 10px 18px;text-align:center}}.page-service .s3 .slide-nav span.is-current{opacity:1}.page-service .s3 .slide-nav span.is-current:before{transform:translateX(0) translateY(0) translateZ(0) scale(1,1)}@media screen and (min-width:768px){.page-service .s3 .slide-nav span:hover{opacity:1}}.page-service .s3 .slide-nav span:before{display:block;content:'';width:100%;height:2px;background:#f5f4ef;position:absolute;bottom:0;left:0;transition:all .8s;transform:translateX(0) translateY(0) translateZ(0) scale(0,1);transform-origin:top left}@media screen and (min-width:768px){.page-service .s3 .slide-nav span:before{height:4px}}.page-service .s3 .slide-nav span strong{font-size:1.2rem;letter-spacing:0;line-height:1.4;margin-bottom:6px}@media screen and (min-width:768px){.page-service .s3 .slide-nav span strong{font-size:1.6rem;margin-bottom:6px}}.page-service .s3 .slide-nav span p{font-size:1rem}.page-service .s3 #slider-nav-area{position:absolute;z-index:10;top:104vw;left:0;width:100%;pointer-events:none}@media screen and (max-width:768px){.page-service .s3 #slider-nav-area{height:114vw}}@media screen and (min-width:768px){.page-service .s3 #slider-nav-area{top:0;height:100%}}.page-service .s3 #slider-nav-area #slide-nums{position:absolute;top:30px;left:0;width:100%;text-align:center;z-index:3;overflow:hidden;height:18px}@media screen and (min-width:768px){.page-service .s3 #slider-nav-area #slide-nums{top:5vw}}.page-service .s3 #slider-nav-area #slide-nums span{position:absolute;top:0;left:0;width:100%;text-align:center;transition:opacity .6s,transform .6s;transform:translateX(0) translateY(101%) translateZ(0);font-size:1.5rem}.page-service .s3 #slider-nav-area #slide-nums span.is-current{transform:translateX(0) translateY(0) translateZ(0)}.page-service .s3 #slider-nav-area #slider-ttl{position:absolute;z-index:1;pointer-events:none}@media screen and (max-width:768px){.page-service .s3 #slider-nav-area #slider-ttl{width:100%;left:24px;bottom:18vw}}@media screen and (min-width:768px){.page-service .s3 #slider-nav-area #slider-ttl{width:100%;bottom:16vw;left:22vw}}.page-service .s3 #slider-nav-area #slider-ttl strong{overflow:hidden;transition:transform .8s;position:absolute;bottom:0;left:0}@media screen and (max-width:768px){.page-service .s3 #slider-nav-area #slider-ttl strong{width:100%;padding-right:44px}}.page-service .s3 #slider-nav-area #slider-ttl strong.is-current em i,.page-service .s3 #slider-nav-area #slider-ttl strong.is-current p i{transform:translateX(0) translateY(0) translateZ(0)}.page-service .s3 #slider-nav-area #slider-ttl strong em{overflow:hidden}.page-service .s3 #slider-nav-area #slider-ttl strong em i{line-height:1;font-size:4rem;transition:transform .4s;transform:translateX(0) translateY(100%) translateZ(0)}@media screen and (min-width:768px){.page-service .s3 #slider-nav-area #slider-ttl strong em i{font-size:6rem}}.page-service .s3 #slider-nav-area #slider-ttl strong p{position:relative;margin-top:20px;overflow:hidden}@media screen and (min-width:768px){.page-service .s3 #slider-nav-area #slider-ttl strong p{margin-top:16px}}.page-service .s3 #slider-nav-area #slider-ttl strong p i{transition:transform .4s;transform:translateX(0) translateY(100%) translateZ(0);letter-spacing:1px;font-size:1.4rem}@media screen and (min-width:768px){.page-service .s3 #slider-nav-area #slider-ttl strong p i{font-size:1.4rem}}.page-service .s3 #slider-nav-area #slider-cat{position:absolute;left:0;z-index:6;pointer-events:none;width:100%}@media screen and (max-width:768px){.page-service .s3 #slider-nav-area #slider-cat{bottom:20px}}@media screen and (min-width:768px){.page-service .s3 #slider-nav-area #slider-cat{bottom:8vw}}.page-service .s3 #slider-nav-area #slider-cat strong{position:absolute;overflow:hidden;width:100%;top:0;left:0;text-align:center}.page-service .s3 #slider-nav-area #slider-cat strong.is-current i{transform:translateX(0) translateY(0) translateZ(0)}.page-service .s3 #slider-nav-area #slider-cat strong i{letter-spacing:.1px;font-size:1rem;transition:transform .8s;transform:translateX(0) translateY(100%) translateZ(0)}@media screen and (min-width:768px){.page-service .s3 #slider-nav-area #slider-cat strong i{font-size:1.2rem;letter-spacing:1px}}.page-service .s3 .s-in.s{transform:translateX(100%) translateY(0) translateZ(0);transition:transform 1.4s}@media screen and (max-width:768px){.page-service .s3 .s-in.s{height:108vw}}.page-service .s3 .s-in.s.is-in{transform:translateX(0) translateY(0) translateZ(0)}.page-service .s3 .swiper-container{width:100%;height:100%}@media screen and (min-width:768px){.page-service .s3 .swiper-container{height:53vw}}.page-service .s3 .swiper-slide{text-align:center;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.page-service .s3 .swiper-slide.swiper-slide-active .img{transform:translateX(0) translateY(0) translateZ(0) scale(1.05)}.page-service .s3 .swiper-slide .img{transition:transform .4s;transform:translateX(0) translateY(0) translateZ(0) scale(1);border-radius:100%;overflow:hidden;width:100%}@media screen and (min-width:768px){.page-service .s3 .swiper-slide .img{transform:translateX(0) translateY(0) translateZ(0) scale(.75)}}.page-service .s4 .flex .cell svg,.page-service .s5 .flex .cell svg{position:absolute;top:0;left:10px;width:9px;height:24px;fill:#f5f4ef}.page-service .s4 .flex .cell .img,.page-service .s5 .flex .cell .img{margin-bottom:20px}@media screen and (min-width:768px){.page-service .s4 .flex .cell .img,.page-service .s5 .flex .cell .img{margin-bottom:14px}}.page-service .s4 .flex .cell strong,.page-service .s5 .flex .cell strong{font-size:1.4rem;margin-bottom:0}@media screen and (max-width:768px){.page-service .s4 .flex .cell strong,.page-service .s5 .flex .cell strong{padding:0 26px}}@media screen and (min-width:768px){.page-service .s4 .flex .cell strong,.page-service .s5 .flex .cell strong{font-size:1.4rem}}.page-service .s4 .flex .cell span,.page-service .s5 .flex .cell span{color:rgba(245,244,239,.2);margin-bottom:12px;letter-spacing:1px;font-size:1rem}@media screen and (max-width:768px){.page-service .s4 .flex .cell span,.page-service .s5 .flex .cell span{padding:0 26px}}@media screen and (min-width:768px){.page-service .s4 .flex .cell span,.page-service .s5 .flex .cell span{margin-bottom:12px}}.page-service .s4 .flex .cell p,.page-service .s5 .flex .cell p{font-size:1.2rem;text-align:justify;margin-bottom:14px}@media screen and (max-width:768px){.page-service .s4 .flex .cell p,.page-service .s5 .flex .cell p{padding:0 26px}}@media screen and (min-width:768px){.page-service .s4 .flex .cell p,.page-service .s5 .flex .cell p{font-size:1.4rem;margin-bottom:26px;padding-right:22%}}.page-service .s4 .flex .cell i,.page-service .s5 .flex .cell i{font-size:1rem;letter-spacing:1px}@media screen and (max-width:768px){.page-service .s4 .flex .cell i,.page-service .s5 .flex .cell i{padding:0 26px}}@media screen and (min-width:768px){.page-service .s4 .flex .cell i,.page-service .s5 .flex .cell i{letter-spacing:1px}}.page-service .s4{padding:61vw 0 0 0;position:relative}@media screen and (max-width:768px){.page-service .s4{background:#191a1b}}@media screen and (min-width:768px){.page-service .s4{padding:370px 0 0 0}}.page-service .s4 h3{margin:0 auto 58px;text-align:center;width:100%;padding-right:0}@media screen and (min-width:768px){.page-service .s4 h3{margin:0 auto 77px}}.page-service .s4 h3:before{display:none}.page-service .s4 .flex{width:100%;margin:0 auto}@media screen and (min-width:768px){.page-service .s4 .flex{width:68.6%;display:flex;justify-content:space-between}}.page-service .s4 .flex .cell{position:relative}@media screen and (max-width:768px){.page-service .s4 .flex .cell{margin-bottom:50px}.page-service .s4 .flex .cell:last-child{margin-bottom:0}}@media screen and (min-width:768px){.page-service .s4 .flex .cell{width:48%}}.page-service .s5{padding:174px 0 0 0;color:#f5f4ef}@media screen and (max-width:768px){.page-service .s5{background:#191a1b}}@media screen and (min-width:768px){.page-service .s5{padding:370px 0 0 0}}.page-service .s5 h3{margin:0 auto 52px;text-align:center;width:100%;padding-right:0}@media screen and (min-width:768px){.page-service .s5 h3{margin:0 auto 70px}}.page-service .s5 h3:before{display:none}.page-service .s5 .lead{line-height:1.95;font-size:1.2rem;width:100%;margin:0 auto}@media screen and (max-width:768px){.page-service .s5 .lead{padding:0 26px}}@media screen and (min-width:768px){.page-service .s5 .lead{width:68.6%;font-size:1.6rem}}.page-service .s5 .flex{width:100%;margin:60px 0 auto}@media screen and (min-width:768px){.page-service .s5 .flex{margin:120px auto 0;width:60%;display:flex;justify-content:space-between}}.page-service .s5 .flex .cell{position:relative}@media screen and (max-width:768px){.page-service .s5 .flex .cell{margin-bottom:80px;width:84%}.page-service .s5 .flex .cell:last-child{margin-bottom:0;margin-left:16%}.page-service .s5 .flex .cell:last-child i,.page-service .s5 .flex .cell:last-child p,.page-service .s5 .flex .cell:last-child span,.page-service .s5 .flex .cell:last-child strong{padding-left:0}}@media screen and (min-width:768px){.page-service .s5 .flex .cell{width:42%}.page-service .s5 .flex .cell:last-child{margin-top:8vw}}.page-service .s6{padding:190px 0 0 0;color:#f5f4ef}@media screen and (min-width:768px){.page-service .s6{padding:370px 0 0 0}}.page-service .s6 h3{margin:0 auto 52px;text-align:center;width:100%;padding-right:0}@media screen and (min-width:768px){.page-service .s6 h3{margin:0 auto 70px}}.page-service .s6 h3:before{display:none}.page-service .s6 .lead{line-height:1.95;font-size:1.2rem;width:100%;margin:0 auto}@media screen and (max-width:768px){.page-service .s6 .lead{padding:0 26px;margin-bottom:240px}}@media screen and (min-width:768px){.page-service .s6 .lead{width:68.6%;font-size:1.6rem;margin-bottom:240px}}.page-service .s6 .box{position:relative;width:100%;margin:0 auto 260px}@media screen and (max-width:768px){.page-service .s6 .box .box:last-child{margin-bottom:0}}@media screen and (min-width:768px){.page-service .s6 .box{width:68.6%;margin:0 auto 246px}}.page-service .s6 .box .txts{width:100%;position:relative;z-index:3}@media screen and (max-width:768px){.page-service .s6 .box .txts{padding:0 26px 92px}}@media screen and (min-width:768px){.page-service .s6 .box .txts{width:50%;padding-bottom:120px}}.page-service .s6 .box strong{font-size:1.8rem;letter-spacing:1px}@media screen and (min-width:768px){.page-service .s6 .box strong{font-size:2rem}}.page-service .s6 .box em{color:rgba(245,244,239,.2);font-size:1.1rem;margin-bottom:25px}@media screen and (min-width:768px){.page-service .s6 .box em{font-size:1.1rem;margin-bottom:25px}}.page-service .s6 .box p{font-size:1.2rem;line-height:2;text-align:justify;letter-spacing:1.4px}@media screen and (min-width:768px){.page-service .s6 .box p{font-size:1.2rem;letter-spacing:1.4px}}.page-service .s6 .box .view-btn{position:absolute;bottom:18px;right:0}@media screen and (min-width:768px){.page-service .s6 .box .view-btn{position:absolute;bottom:18px;right:0}}.page-service .s6 .box .img1{position:absolute;z-index:2}.page-service .s6 .box .img2{position:absolute;z-index:1}.page-service .s6 .box1 .img1{top:-160px;left:19.4vw;width:85.7vw;height:56.4vw;z-index:0}@media screen and (min-width:768px){.page-service .s6 .box1 .img1{top:-107px;left:30.7vw;width:46.3vw;height:30.6vw}}.page-service .s6 .box1 .img1.is-in .in{transform:translateX(0) translateY(0) translateZ(0) rotate(4deg)}.page-service .s6 .box1 .img1.is-in .in:before{transform:translateX(-1%) translateY(3%) translateZ(0) rotate(-2deg)}.page-service .s6 .box1 .img1 .in{width:100%;height:100%;position:absolute;top:0;left:0;transition:transform 1.6s;transform:translateX(30vw) translateY(100vh) translateZ(0) rotate(-10deg)}.page-service .s6 .box1 .img1 .in:before{display:block;content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,.5);z-index:0;transition:transform 1.6s;transform:translateX(15%) translateY(14%) translateZ(0) rotate(-4deg)}.page-service .s6 .box1 .img1 .in img{position:relative;z-index:10}@media screen and (min-width:768px){.page-service .s6 .box2 .txts{margin-left:50%}}.page-service .s6 .box2 .img1{top:-181px;right:51.7vw;width:54vw;height:78.4vw}@media screen and (min-width:768px){.page-service .s6 .box2 .img1{top:-107px;right:42.9vw;width:28.5vw;height:42vw}}.page-service .s6 .box2 .img1.is-in .in{transform:translateX(0) translateY(0) translateZ(0) rotate(-4deg)}.page-service .s6 .box2 .img1.is-in .in:before{transform:translateX(4%) translateY(7%) translateZ(0) rotate(2deg)}.page-service .s6 .box2 .img1 .in{width:100%;height:100%;position:absolute;top:0;left:0;transition:transform 1.6s;transform:translateX(-30vw) translateY(100vh) translateZ(0) rotate(-10deg)}.page-service .s6 .box2 .img1 .in:before{display:block;content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,.5);z-index:0;transition:transform 1.6s;transform:translateX(15%) translateY(14%) translateZ(0) rotate(-4deg)}.page-service .s6 .box2 .img1 .in img{position:relative;z-index:10}.page-service .s6 .box2 .img2{top:-152px;right:15vw;width:50vw;height:72.4vw}@media screen and (min-width:768px){.page-service .s6 .box2 .img2{top:-52px;right:22.6vw;width:24.3vw;height:35vw}}.page-service .s6 .box2 .img2.is-in .in{transform:translateX(0) translateY(0) translateZ(0) rotate(7deg)}.page-service .s6 .box2 .img2.is-in .in:before{transform:translateX(6%) translateY(7%) translateZ(0) rotate(2deg)}.page-service .s6 .box2 .img2 .in{width:100%;height:100%;position:absolute;top:0;left:0;transition:transform 1.6s;transform:translateX(-30vw) translateY(100vh) translateZ(0) rotate(-10deg)}.page-service .s6 .box2 .img2 .in:before{display:block;content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,.5);z-index:0;transition:transform 1.6s;transform:translateX(15%) translateY(14%) translateZ(0) rotate(-4deg)}.page-service .s6 .box2 .img2 .in img{position:relative;z-index:10}.page-service .s6 .box3 .img1{top:-166px;left:26.4vw;width:74vw;height:55.2vw;z-index:0}@media screen and (min-width:768px){.page-service .s6 .box3 .img1{top:-48px;left:32.3vw;width:38.6vw;height:25.7vw}}.page-service .s6 .box3 .img1.is-in .in{transform:translateX(0) translateY(0) translateZ(0) rotate(7deg)}.page-service .s6 .box3 .img1.is-in .in:before{transform:translateX(-2%) translateY(4%) translateZ(0) rotate(-2deg)}.page-service .s6 .box3 .img1 .in{width:100%;height:100%;position:absolute;top:0;left:0;transition:transform 1.6s;transform:translateX(30vw) translateY(100vh) translateZ(0) rotate(-10deg)}.page-service .s6 .box3 .img1 .in:before{display:block;content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,.5);z-index:0;transition:transform 1.6s;transform:translateX(15%) translateY(14%) translateZ(0) rotate(-4deg)}.page-service .s6 .box3 .img1 .in img{position:relative;z-index:10}.page-company .s2{padding:188px 26px 180px;position:relative;text-align:center}@media screen and (min-width:768px){.page-company .s2{padding:180px 15.8vw 36vw}}.page-company .s2 h3{padding:0;margin:0 0 52px;position:relative;z-index:1}@media screen and (min-width:768px){.page-company .s2 h3{margin:0 0 96px}}.page-company .s2 h3:before{display:none}.page-company .s2 .s-in{position:relative;z-index:1}.page-company .s2 .flex{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px}@media screen and (min-width:768px){.page-company .s2 .flex{margin-bottom:22px}}.page-company .s2 .flex .l{width:46.8%;text-align:right;color:#666;font-size:1.2rem;line-height:1.9}.page-company .s2 .flex .r{letter-spacing:.5px;width:46.8%;text-align:left;font-size:1.8rem}.page-company .s2 .box{margin-top:98px;position:relative;z-index:1}@media screen and (min-width:768px){.page-company .s2 .box{margin-top:240px}}.page-company .s2 .box small{text-align:left;color:rgba(245,244,239,.2);display:block;margin-bottom:37px;font-size:1.2rem}@media screen and (min-width:768px){.page-company .s2 .box small{margin-bottom:37px}}.page-company .s2 .box p{font-size:1.2rem;line-height:2.4;width:100%;text-align:left}@media screen and (min-width:768px){.page-company .s2 .box p{width:49%}}.page-company .s2 .imgs{position:absolute;top:140px;left:0;width:100%;z-index:0}@media screen and (min-width:768px){.page-company .s2 .imgs{top:238px}}.page-company .s2 .imgs.is-in .in{transform:translateX(0) translateY(0) translateZ(0) rotate(0)!important}.page-company .s2 .imgs figure .in:after{display:block;content:'';width:100%;height:100%;background:rgba(0,0,0,.5);position:absolute;top:0;left:0;z-index:0}.page-company .s2 .imgs figure img{position:relative;z-index:1}.page-company .s2 .imgs .img1{position:absolute;top:-24px;left:57.4vw;width:62.3%;height:24vw;transform:translateX(0) translateY(0) translateZ(0) rotate(7deg)}@media screen and (min-width:768px){.page-company .s2 .imgs .img1{top:-7.3vw;left:60.9vw;width:34.3%;height:24vw;transform:translateX(0) translateY(0) translateZ(0) rotate(7deg)}}.page-company .s2 .imgs .img1 .in{position:absolute;width:100%;height:100%;top:0;left:0;transition:transform 1.6s;transform:translateX(30vw) translateY(100vh) translateZ(0) rotate(-7deg)}.page-company .s2 .imgs .img1 .in:after{transform:translateX(0) translateY(2%) translateZ(0) rotate(3deg)}@media screen and (min-width:768px){.page-company .s2 .imgs .img1 .in:after{transform:translateX(0) translateY(2%) translateZ(0) rotate(3deg)}}.page-company .s2 .imgs .img2{position:absolute;top:12px;left:-15.3vw;width:53.3%;height:24vw;transform:translateX(0) translateY(0) translateZ(0) rotate(-4deg)}@media screen and (min-width:768px){.page-company .s2 .imgs .img2{top:-2vw;left:7.9vw;width:28.3%;height:42vw;transform:translateX(0) translateY(0) translateZ(0) rotate(-4deg)}}.page-company .s2 .imgs .img2 .in{position:absolute;width:100%;height:100%;top:0;left:0;transition:transform 1.6s;transition-delay:.1s;transform:translateX(-30vw) translateY(100vh) translateZ(0) rotate(7deg)}.page-company .s2 .imgs .img2 .in:after{transform:translateX(0) translateY(4%) translateZ(0) rotate(3deg)}.page-company .s2 .imgs .img3{position:absolute;top:312px;left:50vw;width:48.2%;height:24vw;transform:translateX(0) translateY(0) translateZ(0) rotate(-5deg)}@media screen and (min-width:768px){.page-company .s2 .imgs .img3{top:26vw;left:57.1vw;width:26.2%;height:26.2vw;transform:translateX(0) translateY(0) translateZ(0) rotate(-5deg)}}.page-company .s2 .imgs .img3 .in{position:absolute;width:100%;height:100%;top:0;left:0;transition:transform 1.6s;transition-delay:.2s;transform:translateX(30vw) translateY(100vh) translateZ(0) rotate(-7deg)}.page-company .s2 .imgs .img3 .in:after{transform:translateX(0) translateY(4%) translateZ(0) rotate(3deg)}@media screen and (min-width:768px){.page-company .s2 .imgs .img3 .in:after{transform:translateX(0) translateY(7%) translateZ(0) rotate(3deg)}}.page-company .s3{padding:0 26px 35vh;text-align:center}@media screen and (min-width:768px){.page-company .s3{padding:120px 15.7vw 35vh}}.page-company .s3 h3{margin-bottom:64px;padding-right:0}@media screen and (min-width:768px){.page-company .s3 h3{margin-bottom:84px}}.page-company .s3 h3:before{display:none}.page-company .s3 .flex{display:flex;width:100%;text-align:left}.page-company .s3 .flex .t-jp{font-size:1.4rem;margin-bottom:0;line-height:1.8}@media screen and (min-width:768px){.page-company .s3 .flex .t-jp{font-size:1.4rem;margin-bottom:4px}}.page-company .s3 .flex .t-en{font-size:1.2rem;color:rgba(245,244,239,.2)}.page-company .s3 .flex .l{width:40%;border-top:1px solid #fff;padding:13px 0}@media screen and (min-width:768px){.page-company .s3 .flex .l{width:120px;padding:26px 0}}.page-company .s3 .flex .r{width:60%;border-top:1px solid rgba(245,244,239,.2);padding:13px 0}@media screen and (min-width:768px){.page-company .s3 .flex .r{width:calc(100% - 120px);padding:26px 0 26px 12%}}@media screen and (min-width:768px){.page-contact .s1,.page-works .s1{padding-bottom:0}}.page-contact .s1 h2,.page-works .s1 h2{width:100%;text-align:center;z-index:10;padding-top:180px;margin-bottom:100px}@media screen and (min-width:768px){.page-contact .s1 h2,.page-works .s1 h2{padding-top:200px;margin-bottom:150px}}.page-contact .s1 h2 span,.page-works .s1 h2 span{line-height:1.2;font-size:5.2rem;overflow:hidden}@media screen and (min-width:768px){.page-contact .s1 h2 span,.page-works .s1 h2 span{font-size:6.8rem}}.page-contact .s1 h2 span i,.page-works .s1 h2 span i{transform:translateX(0) translateY(101%) translateZ(0);display:inline-block}.works-list{padding:0 26px;position:relative;display:flex;justify-content:space-between;flex-wrap:wrap}@media screen and (min-width:768px){.works-list{padding:0 15.6%}}.works-list .cell{width:50%;color:#f5f4ef;position:relative;margin-bottom:42px;transform:translateX(0) translateY(100px) translateZ(0);opacity:0;transition:all 0s}@media screen and (max-width:768px){.works-list .cell:nth-child(2n+1):before{display:block;content:'';width:6px;height:1px;background:#f5f4ef;position:absolute;top:0;left:-26px}.works-list .cell:nth-child(2n):after{display:block;content:'';width:6px;height:1px;background:#f5f4ef;position:absolute;top:0;right:-26px}}@media screen and (min-width:768px){.works-list .cell{width:33.3333333%;margin-bottom:60px}.works-list .cell:nth-child(3n+1):before{display:block;content:'';width:6px;height:1px;background:#f5f4ef;position:absolute;top:0;left:-8.6vw}.works-list .cell:nth-child(3n):after{display:block;content:'';width:6px;height:1px;background:#f5f4ef;position:absolute;top:0;right:-8.6vw}}.works-list .cell .img{width:100%;margin-bottom:10px;position:relative;box-sizing:border-box;overflow:hidden}@media screen and (min-width:768px){.works-list .cell .img{height:12.9vw}}@media screen and (min-width:768px){.works-list .cell .img:hover img{opacity:0}.works-list .cell .img:hover .video{opacity:1}}.works-list .cell .img .in{transform:translateX(0) translateY(100%) translateZ(0)}.works-list .cell .img img{position:relative;z-index:1;opacity:1;transition:opacity .3s}.works-list .cell .img .video{position:absolute;top:0;left:0;width:100%;opacity:0;transition:opacity .3s}.works-list .cell .img p{text-align:center;width:100%;height:28px;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;font-size:2rem}.works-list .cell strong{letter-spacing:.7px;font-size:1.2rem;padding-right:10px}@media screen and (min-width:768px){.works-list .cell strong{font-size:1.1rem;padding-right:20px}}.works-list .cell span i{font-size:1rem;margin-right:14px;opacity:.3;display:inline-block}.page-works .s1{padding-bottom:35vh}@media screen and (min-width:768px){.page-works .s1{padding-bottom:35vh}}.page-works .s1 .box{overflow:hidden}.page-works .s1 .btn-more{margin:40px auto 0;width:100px;height:100px;text-align:center;position:relative;cursor:pointer}@media screen and (min-width:768px){.page-works .s1 .btn-more:hover p i{transform:translateX(0) translateY(-10px) translateZ(0);opacity:0}.page-works .s1 .btn-more:hover p i:last-child{opacity:1;transform:translateX(0) translateY(0) translateZ(0)}}.page-works .s1 .btn-more .circle{width:100%;height:100%;position:absolute;top:0;left:0;transform:translateX(0) translateY(0) translateZ(0) rotate(-90deg)}.page-works .s1 .btn-more .circle .c-w{position:absolute;stroke:#f5f4ef;stroke-dasharray:314px;stroke-dashoffset:314px;top:0;left:0}.page-works .s1 .btn-more .circle .c-g{stroke:#f5f4ef;position:absolute;opacity:.1}.page-works .s1 .btn-more p{text-align:center;position:absolute;top:39px;left:0;width:100%}.page-works .s1 .btn-more p i{position:relative;font-size:1.4rem;transition:transform .3s,opacity .3s}.page-works .s1 .btn-more p i:last-child{position:absolute;top:0;left:0;width:100%;opacity:0;transform:translateX(0) translateY(20px) translateZ(0)}.page-works-detail .s1{padding-top:64px;padding-bottom:35vh}@media screen and (min-width:768px){.page-works-detail .s1{padding-top:100px;padding-bottom:35vh}}.page-works-detail .s1 .sp-ttl{text-align:center;color:rgba(245,244,239,.2);margin-bottom:20px;font-size:1rem;letter-spacing:-.7px}.page-works-detail .s1 #l-img{position:relative;overflow:hidden}@media screen and (max-width:768px){.page-works-detail .s1 #l-img{margin-bottom:86px}}.page-works-detail .s1 #l-img img{transform:translateX(0) translateY(0) translateZ(0) scale(1.1)}.page-works-detail .s1 #l-img .center{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;cursor:pointer}.page-works-detail .s1 #l-img .center:hover{opacity:1}@media screen and (min-width:768px){.page-works-detail .s1 #l-img .center:hover span i{opacity:0;transform:translateX(0) translateY(-20px) translateZ(0)}.page-works-detail .s1 #l-img .center:hover span i:last-child{opacity:1;transform:translateX(0) translateY(0) translateZ(0)}}.page-works-detail .s1 #l-img .center span{width:60px;height:36px;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;overflow:hidden}.page-works-detail .s1 #l-img .center span:before{display:block;content:'';width:100%;height:2px;position:absolute;bottom:0;left:0;background:#f5f4ef;animation:2s ease infinite playBar;transform-origin:top left}@keyframes playBar{0%{transform:translateX(-100%) translateY(0) translateZ(0) scale(0,1)}100%{transform:translateX(100%) translateY(0) translateZ(0) scale(1,1)}}.page-works-detail .s1 #l-img .center span i{line-height:1;font-size:2rem;transition:transform .3s,opacity .3s}.page-works-detail .s1 #l-img .center span i:last-child{position:absolute;top:0;left:0;text-align:center;width:100%;opacity:0;transform:translateX(0) translateY(20px) translateZ(0)}.page-works-detail .s1 .t-box{padding:0 26px;position:relative;display:flex;justify-content:space-between;flex-wrap:wrap}@media screen and (min-width:768px){.page-works-detail .s1 .t-box{padding:90px 15.6%}}.page-works-detail .s1 .t-box h1{font-size:2.4rem;line-height:1.3;margin-bottom:40px;padding-bottom:70px;position:relative;width:100%}@media screen and (min-width:768px){.page-works-detail .s1 .t-box h1{margin-bottom:96px;padding-bottom:42px}}.page-works-detail .s1 .t-box h1:before{display:block;content:'';width:50px;background:#f5f4ef;height:1px;position:absolute;bottom:0;left:0}.page-works-detail .s1 .t-box .view-btn{position:relative;top:-48px}@media screen and (max-width:768px){.page-works-detail .s1 .t-box .view-btn{left:calc(100vw - 144px)}}@media screen and (min-width:768px){.page-works-detail .s1 .t-box .view-btn{position:absolute;top:92px;right:6vw}}.page-works-detail .s1 .t-box .detail{margin-bottom:100px}@media screen and (min-width:768px){.page-works-detail .s1 .t-box .detail{margin-bottom:120px}}.page-works-detail .s1 .t-box .detail .t-jp{font-size:1.2rem}.page-works-detail .s1 .t-box .detail .t-en{margin-top:40px;font-size:1.1rem}@media screen and (min-width:768px){.page-works-detail .s1 .t-box .detail .t-en{font-size:1.2rem}}.page-works-detail .s1 .t-box .detail a{margin-top:46px;color:rgba(245,244,239,.2);font-size:1.2rem;transition:all .3s}.page-works-detail .s1 .t-box .detail a:hover{opacity:1}@media screen and (min-width:768px){.page-works-detail .s1 .t-box .detail a:hover{color:#f5f4ef}}@media screen and (min-width:768px){.page-works-detail .s1 .t-box .detail a{margin-top:56px;font-size:1.4rem}}.page-works-detail .s1 .t-box .detail a svg{margin-left:10px;fill:currentColor;width:6px;height:6px;display:inline-block;transition:all 0s}@media screen and (min-width:768px){.page-works-detail .s1 .t-box .flex{display:flex;justify-content:space-between;width:100%}}@media screen and (min-width:768px){.page-works-detail .s1 .t-box .flex .l{width:46%}}@media screen and (min-width:768px){.page-works-detail .s1 .t-box .flex .r{width:46%}}@media screen and (max-width:768px){.page-works-detail .s1 .t-box .flex .r .in{display:block}}@media screen and (max-width:768px){.page-works-detail .s1 .t-box .flex .r .in p,.page-works-detail .s1 .t-box .flex .r .in span{width:100%}}.page-works-detail .s1 .t-box .flex .in{display:flex;justify-content:space-between;margin-bottom:38px}@media screen and (min-width:768px){.page-works-detail .s1 .t-box .flex .in{margin-bottom:42px}}.page-works-detail .s1 .t-box .flex .in span{font-size:1rem;color:rgba(245,244,239,.2);line-height:1.1;letter-spacing:1px;width:30%}@media screen and (max-width:768px){.page-works-detail .s1 .t-box .flex .in span{margin-bottom:20px}}@media screen and (min-width:768px){.page-works-detail .s1 .t-box .flex .in span{width:37%;padding-right:30px}}.page-works-detail .s1 .t-box .flex .in p{line-height:1.4;font-size:1.2rem;margin-top:-2px;width:60%}@media screen and (min-width:768px){.page-works-detail .s1 .t-box .flex .in p{padding-right:20px;width:63%}}.page-works-detail .s1 .list h4{font-size:1.4rem;margin-bottom:30px;padding-left:26px}@media screen and (min-width:768px){.page-works-detail .s1 .list h4{font-size:1.6rem;margin-bottom:46px;padding-left:15.6%}}.page-works-detail .s1 .pagenation{margin:60px 0;position:relative;height:60px;width:100%;display:flex;justify-content:space-between}@media screen and (min-width:768px){.page-works-detail .s1 .pagenation{margin:80px 0 0}}.page-works-detail .s1 .pagenation .prev{margin-left:26px}@media screen and (min-width:768px){.page-works-detail .s1 .pagenation .prev{margin-left:7%}}.page-works-detail .s1 .pagenation .prev .ico{left:0}.page-works-detail .s1 .pagenation .prev .ico svg{transform:translateX(0) translateY(0) translateZ(0) rotate(-135deg)}@media screen and (min-width:768px){.page-works-detail .s1 .pagenation .prev span{padding-left:82px}}.page-works-detail .s1 .pagenation .prev span i:last-child{left:82px}.page-works-detail .s1 .pagenation .next{margin-right:26px}@media screen and (min-width:768px){.page-works-detail .s1 .pagenation .next{margin-right:7%}}.page-works-detail .s1 .pagenation .next .ico{right:0}.page-works-detail .s1 .pagenation .next .ico svg{transform:translateX(0) translateY(0) translateZ(0) rotate(45deg)}.page-works-detail .s1 .pagenation .next span{text-align:right;padding-right:0}@media screen and (min-width:768px){.page-works-detail .s1 .pagenation .next span{padding-right:82px}}.page-works-detail .s1 .pagenation .next span i:last-child{right:82px}.page-works-detail .s1 .pagenation .next,.page-works-detail .s1 .pagenation .prev{position:relative;width:30%;height:60px}.page-works-detail .s1 .pagenation .next:hover,.page-works-detail .s1 .pagenation .prev:hover{opacity:1}@media screen and (min-width:768px){.page-works-detail .s1 .pagenation .next:hover span i,.page-works-detail .s1 .pagenation .prev:hover span i{transform:translateX(0) translateY(-10px) translateZ(0);opacity:0}.page-works-detail .s1 .pagenation .next:hover span i:last-child,.page-works-detail .s1 .pagenation .prev:hover span i:last-child{transform:translateX(0) translateY(0) translateZ(0);opacity:1}}.page-works-detail .s1 .pagenation .next .ico,.page-works-detail .s1 .pagenation .prev .ico{width:60px;height:60px;border:1px solid #f5f4ef;border-radius:100%;position:absolute;top:0}.page-works-detail .s1 .pagenation .next .ico svg,.page-works-detail .s1 .pagenation .prev .ico svg{width:8px;height:8px;fill:#f5f4ef;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}.page-works-detail .s1 .pagenation .next span,.page-works-detail .s1 .pagenation .prev span{position:relative}@media screen and (max-width:768px){.page-works-detail .s1 .pagenation .next span,.page-works-detail .s1 .pagenation .prev span{margin-top:54px}}.page-works-detail .s1 .pagenation .next span i,.page-works-detail .s1 .pagenation .prev span i{font-size:1rem;color:#f5f4ef;padding:20px 0;transition:transform .4s,opacity .4s}@media screen and (min-width:768px){.page-works-detail .s1 .pagenation .next span i,.page-works-detail .s1 .pagenation .prev span i{font-size:1.2rem}}.page-works-detail .s1 .pagenation .next span i:last-child,.page-works-detail .s1 .pagenation .prev span i:last-child{position:absolute;top:0;transform:translateX(0) translateY(20px) translateZ(0);opacity:0}.page-works-detail .s1 .pagenation .all{width:60px;height:60px;border:1px solid #f5f4ef;border-radius:100%;position:relative}.page-works-detail .s1 .pagenation .all:hover{opacity:1}.page-works-detail .s1 .pagenation .all:hover span:before{transform:translateX(0) translateY(0) translateZ(0)}.page-works-detail .s1 .pagenation .all span{border:1px solid #f5f4ef;width:8px;height:6px;position:absolute;overflow:hidden}.page-works-detail .s1 .pagenation .all span:before{display:block;content:'';width:100%;height:100%;position:absolute;top:0;left:0;transform:translateX(0) translateY(100%) translateZ(0);transition:transform .3s;background:#f5f4ef}.page-works-detail .s1 .pagenation .all span:nth-child(1){position:absolute;top:22px;left:15px}.page-works-detail .s1 .pagenation .all span:nth-child(4){position:absolute;top:32px;left:15px}.page-works-detail .s1 .pagenation .all span:nth-child(2){position:absolute;top:22px;right:0;left:0;margin:auto}.page-works-detail .s1 .pagenation .all span:nth-child(5){position:absolute;top:32px;right:0;left:0;margin:auto}.page-works-detail .s1 .pagenation .all span:nth-child(3){position:absolute;top:22px;left:35px}.page-works-detail .s1 .pagenation .all span:nth-child(6){position:absolute;top:32px;left:35px}.page-contact .s1{padding-bottom:25vh}@media screen and (min-width:768px){.page-contact .s1{padding-bottom:35vh}}.page-contact #scroll{color:#f5f4ef}.page-contact .wrap{position:relative;color:#f5f4ef;text-align:center;padding-bottom:140px}@media screen and (min-width:768px){.page-contact .wrap{padding-bottom:74px}}.page-contact .wrap strong{font-size:2.7rem;margin-bottom:60px}@media screen and (min-width:768px){.page-contact .wrap strong{font-size:3.6rem;margin-bottom:90px}}.page-contact .wrap.thanks{width:100%;min-height:100vh;padding:60px 0}@media screen and (min-width:768px){.page-contact .wrap.thanks{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:0}}.page-contact .wrap.thanks .in{width:100%}.page-contact .wrap.thanks h2{margin-bottom:40px;padding-top:0}@media screen and (min-width:768px){.page-contact .wrap.thanks h2{margin-bottom:90px}}.page-contact .wrap.thanks h2 span{line-height:1;font-size:16vw;text-align:center}@media screen and (min-width:768px){.page-contact .wrap.thanks h2 span{font-size:14rem}}.page-contact .wrap.thanks p{width:72%;font-size:1.3rem;margin:0 auto;text-align:center}@media screen and (min-width:768px){.page-contact .wrap.thanks p{width:380px;font-size:1.6rem}}.page-contact .wrap.thanks a{border-radius:100px;margin:50px auto 0;padding-top:20px;width:56%;height:64px;background:#f5f4ef;position:relative;font-weight:600;transition:background .3s,opacity .3s;cursor:pointer;text-align:center}@media screen and (min-width:768px){.page-contact .wrap.thanks a{margin:90px auto 0;padding-top:26px;width:240px;height:88px}}@media screen and (min-width:768px){.page-contact .wrap.thanks a:hover{background:#000}.page-contact .wrap.thanks a:hover p{color:#f5f4ef}}.page-contact .wrap.thanks a p{width:100%;font-size:1.6rem;transition:color .3s;color:#000;pointer-events:none}@media screen and (min-width:768px){.page-contact .wrap.thanks a p{font-size:2.4rem}}.page-contact .wrap.confirm .t-gray{color:#666;margin-bottom:20px}.page-contact .wrap.confirm .radio{display:block!important}.page-contact .wrap.confirm .radio .cell{width:100%!important}.page-contact .wrap.confirm .radio label{display:none!important}.page-contact .wrap.confirm .radio label:after,.page-contact .wrap.confirm .radio label:before{display:none!important}.page-contact .wrap.confirm .radio input[checked]+label{display:block!important;padding-left:0!important;text-align:left;font-size:1.8rem;padding:0 0 10px 0;border-bottom:2px solid #000!important}.page-contact .wrap.confirm input{background:0 0!important;font-size:1.8rem!important;font-weight:700;padding:0!important;text-indent:0!important;border-bottom:2px solid #000!important}.page-contact .wrap.confirm textarea{background:0 0!important;border-bottom:2px solid #000!important;padding:10px 0!important;text-indent:0!important;font-size:2.2rem!important;font-weight:700}.page-contact .wrap .in{width:calc(100% - 52px);margin:0 auto;position:relative;padding:44px 0;font-size:1.4rem;text-align:left}@media screen and (min-width:768px){.page-contact .wrap .in{width:480px;padding:76px 0;font-size:1.6rem}}.page-contact .wrap .in .bar{position:absolute;border-top:1px solid rgba(245,244,239,.1);left:0;width:100%}.page-contact .wrap .in .bar:before{display:block;content:'';position:absolute;top:0;left:-120px;width:5px;height:1px;background:#f5f4ef}.page-contact .wrap .in .bar:after{display:block;content:'';position:absolute;top:0;right:-120px;width:5px;height:1px;background:#f5f4ef}.page-contact .wrap .in .bar-t{top:0}.page-contact .wrap .in .bar-b{bottom:0}.page-contact .wrap .in .row{position:relative}.page-contact .wrap .in .row.radio{display:flex;flex-wrap:wrap;margin-bottom:28px}@media screen and (max-width:768px){.page-contact .wrap .in .row.radio{justify-content:space-between}}@media screen and (min-width:768px){.page-contact .wrap .in .row.radio{margin-bottom:48px}}.page-contact .wrap .in .row.radio .cell{position:relative;width:50%;margin-bottom:10px}@media screen and (min-width:768px){.page-contact .wrap .in .row.radio .cell{padding-right:22px;margin-bottom:24px}}.page-contact .wrap .in .row.radio .cell:last-child{margin-right:0}.page-contact .wrap .in .row.radio .cell .radio-input{display:none}.page-contact .wrap .in .row.radio .cell .radio-input+label{padding-left:20px;position:relative;margin-right:10px;cursor:pointer;width:100%;display:block}@media screen and (min-width:768px){.page-contact .wrap .in .row.radio .cell .radio-input+label{padding-left:24px;margin-right:14px}}.page-contact .wrap .in .row.radio .cell .radio-input+label:before{display:block;content:'';position:absolute;top:4px;left:0;width:14px;height:14px;background:#000;border-radius:100%}@media screen and (min-width:768px){.page-contact .wrap .in .row.radio .cell .radio-input+label:before{top:6px}}.page-contact .wrap .in .row.radio .cell .radio-input+label:after{display:block;content:'';position:absolute;top:7px;left:3px;width:8px;height:8px;background:#f5f4ef;border-radius:50%;transition:all .3s;opacity:0}@media screen and (min-width:768px){.page-contact .wrap .in .row.radio .cell .radio-input+label:after{top:9px;left:3px}}.page-contact .wrap .in .row.radio .cell .radio-input+label i{margin-top:4px;font-size:1.1rem;color:rgba(245,244,239,.2)}.page-contact .wrap .in .row.radio .cell .radio-input:checked+label::after{opacity:1}.page-contact .wrap .in .row .t-require{color:#69f;margin-top:12px;font-size:1rem;position:absolute;top:0;right:0}@media screen and (min-width:768px){.page-contact .wrap .in .row .t-require{margin-top:4px;font-size:1.2rem}}.page-contact .wrap .in .row.basic{text-align:left;margin-bottom:20px}.page-contact .wrap .in .row.basic .require{display:inline-block;margin-bottom:7px;position:relative;letter-spacing:1px}.page-contact .wrap .in .row.basic .require em{position:relative;display:inline-block;font-size:2rem;color:currentColor}.page-contact .wrap .in .row.basic .require i{display:inline-block;padding-left:10px;font-size:1.1rem;color:rgba(245,244,239,.2)}@media screen and (min-width:768px){.page-contact .wrap .in .row.basic .require i{padding-left:20px}}.page-contact .wrap .in .row.basic input{width:100%;outline:0;border:none;background:#000;height:48px;border-radius:4px;color:#f5f4ef;text-indent:10px;font-size:1.3rem}.page-contact .wrap .in .row.basic textarea{position:relative;height:240px;background:#000;border:none;border-radius:4px;color:#f5f4ef;text-indent:4px;font-size:1.6rem}@media screen and (min-width:768px){.page-contact .wrap .in .row.basic textarea{height:300px;font-size:1.6rem}}.page-contact .wrap .in .flex{display:flex;justify-content:space-between}.page-contact .wrap .in #edit{opacity:.4}@media screen and (min-width:768px){.page-contact .wrap .in #edit:hover{opacity:1;background:#f5f4ef}.page-contact .wrap .in #edit:hover p{color:#000}}.page-contact .wrap .in #confirm,.page-contact .wrap .in #edit,.page-contact .wrap .in #submit{border-radius:100px;margin:60px auto 0;padding-top:17px;width:150px;height:60px;background:#f5f4ef;position:relative;font-size:1.8rem;font-weight:600;transition:background .3s,opacity .3s;cursor:pointer;text-align:center}@media screen and (min-width:768px){.page-contact .wrap .in #confirm,.page-contact .wrap .in #edit,.page-contact .wrap .in #submit{margin:77px auto 0;padding-top:24px;width:200px;height:80px;font-size:2.4rem}}@media screen and (min-width:768px){.page-contact .wrap .in #confirm:hover,.page-contact .wrap .in #edit:hover,.page-contact .wrap .in #submit:hover{background:#000}.page-contact .wrap .in #confirm:hover p,.page-contact .wrap .in #edit:hover p,.page-contact .wrap .in #submit:hover p{color:#f5f4ef}}.page-contact .wrap .in #confirm p,.page-contact .wrap .in #edit p,.page-contact .wrap .in #submit p{transition:color .3s;color:#000;pointer-events:none}.page-contact .wrap .in #confirm input,.page-contact .wrap .in #edit input,.page-contact .wrap .in #submit input{cursor:pointer;opacity:0;position:absolute;top:0;left:0;width:100%;height:100%}#modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:70;cursor:pointer;background-color:rgba(25,26,27,.8);pointer-events:none;opacity:0;overflow:hidden;transition:opacity .4s}#modal.is-in{pointer-events:visible;opacity:1}#modal.is-in video{pointer-events:visible}#modal.is-loading .in{opacity:0}#modal.is-loading .in video{opacity:0}#modal.is-loading p i{transform:translateX(0) translateY(0) translateZ(0)}#modal .close{position:absolute;top:0;display:inline-block;text-align:center;right:0;width:100%;height:100%;color:#f5f4ef;z-index:30}@media screen and (max-width:768px){#modal .close i{width:60px;height:60px;position:absolute;top:1px;right:10px;margin:auto;z-index:1}#modal .close i:before{display:block;content:'';width:30px;height:2px;background:#f5f4ef;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;transform:translateX(0) translateY(0) translateZ(0) rotate(-35deg)}#modal .close i:after{display:block;content:'';width:30px;height:2px;background:#f5f4ef;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;transform:translateX(0) translateY(0) translateZ(0) rotate(35deg)}}@media screen and (min-width:768px){#modal .close{right:0;width:100%;height:100%;cursor:pointer}}#modal .in{overflow:hidden;position:absolute;top:0;width:100%;height:100%;left:0;z-index:20;opacity:1;transition:opacity .3s}#modal .in video{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;max-width:100vw;max-height:100vh;z-index:1}@media screen and (max-width:768px){#modal .in video{opacity:1;transition:opacity .3s}}#modal p{position:absolute;top:calc(50% - 20px);left:0;text-align:center;width:100%;font-size:1.8rem;z-index:10;overflow:hidden;pointer-events:none;color:#f5f4ef}@media screen and (min-width:768px){#modal p{top:calc(50vh - 10px)}}
\ No newline at end of file
assets/img/common/favicon.ico 0 → 100644
No preview for this file type
assets/img/common/manifest.json 0 → 100644
{
"name": "",
"short_name": "",
"description": "",
"start_url": "/",
"display": "standalone",
"orientation": "any",
"background_color": "#fff",
"theme_color": "#fff",
"orientation": "any",
"icons": [
{
"src": "/android-chrome-36x36.png",
"sizes": "36x36",
"type": "image/png"
},
{
"src": "/android-chrome-48x48.png",
"sizes": "48x48",
"type": "image/png"
},
{
"src": "/android-chrome-72x72.png",
"sizes": "72x72",
"type": "image/png"
},
{
"src": "/android-chrome-96x96.png",
"sizes": "96x96",
"type": "image/png"
},
{
"src": "/android-chrome-128x128.png",
"sizes": "128x128",
"type": "image/png"
},
{
"src": "/android-chrome-144x144.png",
"sizes": "144x144",
"type": "image/png"
},
{
"src": "/android-chrome-152x152.png",
"sizes": "152x152",
"type": "image/png"
},
{
"src": "/android-chrome-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/android-chrome-256x256.png",
"sizes": "256x256",
"type": "image/png"
},
{
"src": "/android-chrome-384x384.png",
"sizes": "384x384",
"type": "image/png"
},
{
"src": "/android-chrome-512x512.png",
"sizes": "512x512",
"type": "image/png"
}
]
}
assets/img/symbol-defs.svg 0 → 100644
<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="logo" viewBox="0 0 43 24">
<path d="M7.963 24h1.161v-2.101h2.599v-1.106h-2.599v-1.161h2.931v-1.106h-4.092v5.475zM16.313 24h1.161v-5.419h-1.161v5.419zM23.17 18.581h-1.161v5.419h3.871v-1.106h-2.71v-4.313zM31.797 20.848l-1.438-2.267h-1.272v5.419h1.161v-3.539l1.493 2.267h0.055l1.493-2.323v3.539h1.161v-5.419h-1.272l-1.382 2.323zM11.613 9.788h-7.189v-1.438h6.581v-3.263h-6.581v-1.382h7.078v-3.705h-11.502v13.438l11.613-0.774v-2.876zM21.401 6.581l4.369-6.581h-5.032l-1.991 3.207-1.935-3.207h-5.143l4.369 6.636-3.982 5.972 5.198-0.332 1.382-2.267 1.272 2.101 4.811-0.332-3.318-5.198zM30.47 0h-4.535v11.668l4.535-0.332v-11.336zM30.857 0v3.816h3.982v7.244l4.535-0.332v-6.912h3.982v-3.816h-12.498z"></path>
</symbol>
<symbol id="fb" viewBox="0 0 24 24">
<path d="M21.984 12q0-2.063-0.773-3.867t-2.156-3.188-3.188-2.156-3.867-0.773-3.867 0.773-3.188 2.156-2.156 3.188-0.773 3.867q0 1.828 0.586 3.445t1.688 2.93 2.555 2.203 3.141 1.219v-6.797h-1.969v-3h1.969v-2.484q0-0.984 0.492-1.781t1.266-1.266 1.758-0.469h2.484v3h-1.969q-0.422 0-0.727 0.305t-0.305 0.68v2.016h3v3h-3v6.938q1.922-0.188 3.563-1.031t2.859-2.18 1.898-3.047 0.68-3.68z"></path>
</symbol>
<symbol id="ig" viewBox="0 0 32 32">
<path d="M16 2.881c4.275 0 4.781 0.019 6.462 0.094 1.563 0.069 2.406 0.331 2.969 0.55 0.744 0.288 1.281 0.638 1.837 1.194 0.563 0.563 0.906 1.094 1.2 1.838 0.219 0.563 0.481 1.412 0.55 2.969 0.075 1.688 0.094 2.194 0.094 6.463s-0.019 4.781-0.094 6.463c-0.069 1.563-0.331 2.406-0.55 2.969-0.288 0.744-0.637 1.281-1.194 1.837-0.563 0.563-1.094 0.906-1.837 1.2-0.563 0.219-1.413 0.481-2.969 0.55-1.688 0.075-2.194 0.094-6.463 0.094s-4.781-0.019-6.463-0.094c-1.563-0.069-2.406-0.331-2.969-0.55-0.744-0.288-1.281-0.637-1.838-1.194-0.563-0.563-0.906-1.094-1.2-1.837-0.219-0.563-0.481-1.413-0.55-2.969-0.075-1.688-0.094-2.194-0.094-6.463s0.019-4.781 0.094-6.463c0.069-1.563 0.331-2.406 0.55-2.969 0.288-0.744 0.638-1.281 1.194-1.838 0.563-0.563 1.094-0.906 1.838-1.2 0.563-0.219 1.412-0.481 2.969-0.55 1.681-0.075 2.188-0.094 6.463-0.094zM16 0c-4.344 0-4.887 0.019-6.594 0.094-1.7 0.075-2.869 0.35-3.881 0.744-1.056 0.412-1.95 0.956-2.837 1.85-0.894 0.888-1.438 1.781-1.85 2.831-0.394 1.019-0.669 2.181-0.744 3.881-0.075 1.713-0.094 2.256-0.094 6.6s0.019 4.887 0.094 6.594c0.075 1.7 0.35 2.869 0.744 3.881 0.413 1.056 0.956 1.95 1.85 2.837 0.887 0.887 1.781 1.438 2.831 1.844 1.019 0.394 2.181 0.669 3.881 0.744 1.706 0.075 2.25 0.094 6.594 0.094s4.888-0.019 6.594-0.094c1.7-0.075 2.869-0.35 3.881-0.744 1.050-0.406 1.944-0.956 2.831-1.844s1.438-1.781 1.844-2.831c0.394-1.019 0.669-2.181 0.744-3.881 0.075-1.706 0.094-2.25 0.094-6.594s-0.019-4.887-0.094-6.594c-0.075-1.7-0.35-2.869-0.744-3.881-0.394-1.063-0.938-1.956-1.831-2.844-0.887-0.887-1.781-1.438-2.831-1.844-1.019-0.394-2.181-0.669-3.881-0.744-1.712-0.081-2.256-0.1-6.6-0.1v0z"></path>
<path d="M16 7.781c-4.537 0-8.219 3.681-8.219 8.219s3.681 8.219 8.219 8.219 8.219-3.681 8.219-8.219c0-4.537-3.681-8.219-8.219-8.219zM16 21.331c-2.944 0-5.331-2.387-5.331-5.331s2.387-5.331 5.331-5.331c2.944 0 5.331 2.387 5.331 5.331s-2.387 5.331-5.331 5.331z"></path>
<path d="M26.462 7.456c0 1.060-0.859 1.919-1.919 1.919s-1.919-0.859-1.919-1.919c0-1.060 0.859-1.919 1.919-1.919s1.919 0.859 1.919 1.919z"></path>
</symbol>
<symbol id="tw" viewBox="0 0 32 32">
<path d="M32 7.075c-1.175 0.525-2.444 0.875-3.769 1.031 1.356-0.813 2.394-2.1 2.887-3.631-1.269 0.75-2.675 1.3-4.169 1.594-1.2-1.275-2.906-2.069-4.794-2.069-3.625 0-6.563 2.938-6.563 6.563 0 0.512 0.056 1.012 0.169 1.494-5.456-0.275-10.294-2.888-13.531-6.862-0.563 0.969-0.887 2.1-0.887 3.3 0 2.275 1.156 4.287 2.919 5.463-1.075-0.031-2.087-0.331-2.975-0.819 0 0.025 0 0.056 0 0.081 0 3.181 2.263 5.838 5.269 6.437-0.55 0.15-1.131 0.231-1.731 0.231-0.425 0-0.831-0.044-1.237-0.119 0.838 2.606 3.263 4.506 6.131 4.563-2.25 1.762-5.075 2.813-8.156 2.813-0.531 0-1.050-0.031-1.569-0.094 2.913 1.869 6.362 2.95 10.069 2.95 12.075 0 18.681-10.006 18.681-18.681 0-0.287-0.006-0.569-0.019-0.85 1.281-0.919 2.394-2.075 3.275-3.394z"></path>
</symbol>
<symbol id="be" viewBox="0 0 32 32">
<path d="M9.281 6.412c0.944 0 1.794 0.081 2.569 0.25 0.775 0.162 1.431 0.438 1.988 0.813 0.55 0.375 0.975 0.875 1.287 1.5 0.3 0.619 0.45 1.394 0.45 2.313 0 0.994-0.225 1.819-0.675 2.481-0.456 0.662-1.119 1.2-2.006 1.625 1.213 0.35 2.106 0.962 2.706 1.831 0.6 0.875 0.887 1.925 0.887 3.163 0 1-0.194 1.856-0.575 2.581-0.387 0.731-0.912 1.325-1.556 1.781-0.65 0.462-1.4 0.8-2.237 1.019-0.831 0.219-1.688 0.331-2.575 0.331h-9.544v-19.688h9.281zM8.719 14.363c0.769 0 1.406-0.181 1.906-0.55 0.5-0.363 0.738-0.963 0.738-1.787 0-0.456-0.081-0.838-0.244-1.131-0.169-0.294-0.387-0.525-0.669-0.688-0.275-0.169-0.588-0.281-0.956-0.344-0.356-0.069-0.731-0.1-1.113-0.1h-4.050v4.6h4.388zM8.956 22.744c0.425 0 0.831-0.038 1.213-0.125 0.387-0.087 0.731-0.219 1.019-0.419 0.287-0.194 0.531-0.45 0.706-0.788 0.175-0.331 0.256-0.756 0.256-1.275 0-1.012-0.287-1.738-0.856-2.175-0.569-0.431-1.325-0.644-2.262-0.644h-4.7v5.419h4.625z"></path>
<path d="M22.663 22.675c0.587 0.575 1.431 0.863 2.531 0.863 0.788 0 1.475-0.2 2.044-0.6s0.913-0.825 1.044-1.262h3.45c-0.556 1.719-1.394 2.938-2.544 3.675-1.131 0.738-2.519 1.113-4.125 1.113-1.125 0-2.131-0.181-3.038-0.538-0.906-0.363-1.663-0.869-2.3-1.531-0.619-0.663-1.106-1.45-1.45-2.375-0.337-0.919-0.512-1.938-0.512-3.038 0-1.069 0.175-2.063 0.525-2.981 0.356-0.925 0.844-1.719 1.494-2.387s1.413-1.2 2.313-1.588c0.894-0.387 1.881-0.581 2.975-0.581 1.206 0 2.262 0.231 3.169 0.706 0.9 0.469 1.644 1.1 2.225 1.887s0.994 1.694 1.25 2.706c0.256 1.012 0.344 2.069 0.275 3.175h-10.294c0 1.119 0.375 2.188 0.969 2.756zM27.156 15.188c-0.462-0.512-1.256-0.794-2.212-0.794-0.625 0-1.144 0.106-1.556 0.319-0.406 0.213-0.738 0.475-0.994 0.787-0.25 0.313-0.425 0.65-0.525 1.006-0.1 0.344-0.163 0.663-0.181 0.938h6.375c-0.094-1-0.438-1.738-0.906-2.256z"></path>
<path d="M20.887 8h7.981v1.944h-7.981v-1.944z"></path>
</symbol>
<symbol id="blank" viewBox="0 0 24 24">
<path d="M8.615 0v6.154h4.923l-13.538 13.538 4.308 4.308 13.538-13.538v4.923h6.154v-15.385z"></path>
</symbol>
<symbol id="ribbon" viewBox="0 0 8 20">
<path d="M0 0v20l4-4v-16z"></path>
<path d="M4 0v16l4 4v-20z"></path>
</symbol>
<symbol id="arrow-top" viewBox="0 0 10 20">
<path d="M5.4 6.667h-1.333l-4.067 4.067 0.933 0.933 3.133-3.133v11.467h1.333v-11.467l3.133 3.133 0.933-0.933-4.067-4.067zM9.4 0h-9.333v1.333h9.333v-1.333z"></path>
</symbol>
</defs>
</svg>
\ No newline at end of file
assets/img/works/26_america-expo/video_l.mp4 0 → 100644
The file could not be displayed because it is too large.
assets/img/works/26_america-expo/video_s.mp4 0 → 100644
No preview for this file type
assets/js/_vendor/CustomEase.min.js 0 → 100644
/*!
* CustomEase 3.5.1
* https://greensock.com
*
* @license Copyright 2020, GreenSock. All rights reserved.
* Subject to the terms at https://greensock.com/standard-license or for Club GreenSock members, the agreement issued with that membership.
* @author: Jack Doyle, jack@greensock.com
*/
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e=e||self).window=e.window||{})}(this,function(e){"use strict";function m(e){return Math.round(1e5*e)/1e5||0}var b=/[achlmqstvz]|(-?\d*\.?\d*(?:e[\-+]?\d+)?)[0-9]/gi,w=/[\+\-]?\d*\.?\d+e[\+\-]?\d+/gi,Y=Math.PI/180,k=Math.sin,B=Math.cos,F=Math.abs,J=Math.sqrt;function arcToSegment(e,t,n,s,a,r,i,o,h){if(e!==o||t!==h){n=F(n),s=F(s);var u=a%360*Y,f=B(u),c=k(u),l=Math.PI,g=2*l,x=(e-o)/2,d=(t-h)/2,m=f*x+c*d,p=-c*x+f*d,y=m*m,M=p*p,v=y/(n*n)+M/(s*s);1<v&&(n=J(v)*n,s=J(v)*s);var C=n*n,E=s*s,b=(C*E-C*M-E*y)/(C*M+E*y);b<0&&(b=0);var w=(r===i?-1:1)*J(b),P=n*p/s*w,S=-s*m/n*w,N=f*P-c*S+(e+o)/2,D=c*P+f*S+(t+h)/2,T=(m-P)/n,V=(p-S)/s,_=(-m-P)/n,q=(-p-S)/s,A=T*T+V*V,R=(V<0?-1:1)*Math.acos(T/J(A)),G=(T*q-V*_<0?-1:1)*Math.acos((T*_+V*q)/J(A*(_*_+q*q)));isNaN(G)&&(G=l),!i&&0<G?G-=g:i&&G<0&&(G+=g),R%=g,G%=g;var L,O=Math.ceil(F(G)/(g/4)),j=[],z=G/O,I=4/3*k(z/2)/(1+B(z/2)),H=f*n,Q=c*n,Z=c*-s,U=f*s;for(L=0;L<O;L++)m=B(a=R+L*z),p=k(a),T=B(a+=z),V=k(a),j.push(m-I*p,p+I*m,T+I*V,V-I*T,T,V);for(L=0;L<j.length;L+=2)m=j[L],p=j[L+1],j[L]=m*H+p*Z+N,j[L+1]=m*Q+p*U+D;return j[L-2]=o,j[L-1]=h,j}}function stringToRawPath(e){function db(e,t,n,s){f=(n-e)/3,c=(s-t)/3,o.push(e+f,t+c,n-f,s-c,n,s)}var t,n,s,a,r,i,o,h,u,f,c,l,g,x,d,m=(e+"").replace(w,function(e){var t=+e;return t<1e-4&&-1e-4<t?0:t}).match(b)||[],p=[],y=0,M=0,v=m.length,C=0,E="ERROR: malformed path: "+e;if(!e||!isNaN(m[0])||isNaN(m[1]))return console.log(E),p;for(t=0;t<v;t++)if(g=r,isNaN(m[t])?i=(r=m[t].toUpperCase())!==m[t]:t--,s=+m[t+1],a=+m[t+2],i&&(s+=y,a+=M),t||(h=s,u=a),"M"===r)o&&(o.length<8?--p.length:C+=o.length),y=h=s,M=u=a,o=[s,a],p.push(o),t+=2,r="L";else if("C"===r)i||(y=M=0),(o=o||[0,0]).push(s,a,y+1*m[t+3],M+1*m[t+4],y+=1*m[t+5],M+=1*m[t+6]),t+=6;else if("S"===r)f=y,c=M,"C"!==g&&"S"!==g||(f+=y-o[o.length-4],c+=M-o[o.length-3]),i||(y=M=0),o.push(f,c,s,a,y+=1*m[t+3],M+=1*m[t+4]),t+=4;else if("Q"===r)f=y+2/3*(s-y),c=M+2/3*(a-M),i||(y=M=0),y+=1*m[t+3],M+=1*m[t+4],o.push(f,c,y+2/3*(s-y),M+2/3*(a-M),y,M),t+=4;else if("T"===r)f=y-o[o.length-4],c=M-o[o.length-3],o.push(y+f,M+c,s+2/3*(y+1.5*f-s),a+2/3*(M+1.5*c-a),y=s,M=a),t+=2;else if("H"===r)db(y,M,y=s,M),t+=1;else if("V"===r)db(y,M,y,M=s+(i?M-y:0)),t+=1;else if("L"===r||"Z"===r)"Z"===r&&(s=h,a=u,o.closed=!0),("L"===r||.5<F(y-s)||.5<F(M-a))&&(db(y,M,s,a),"L"===r&&(t+=2)),y=s,M=a;else if("A"===r){if(x=m[t+4],d=m[t+5],f=m[t+6],c=m[t+7],n=7,1<x.length&&(x.length<3?(c=f,f=d,n--):(c=d,f=x.substr(2),n-=2),d=x.charAt(1),x=x.charAt(0)),l=arcToSegment(y,M,+m[t+1],+m[t+2],+m[t+3],+x,+d,(i?y:0)+1*f,(i?M:0)+1*c),t+=n,l)for(n=0;n<l.length;n++)o.push(l[n]);y=o[o.length-2],M=o[o.length-1]}else console.log(E);return(t=o.length)<6?(p.pop(),t=0):o[0]===o[t-2]&&o[1]===o[t-1]&&(o.closed=!0),p.totalPoints=C+t,p}function p(){return M||"undefined"!=typeof window&&(M=window.gsap)&&M.registerPlugin&&M}function q(){(M=p())?(M.registerEase("_CE",n.create),a=1):console.warn("Please gsap.registerPlugin(CustomEase)")}function s(e){return~~(1e3*e+(e<0?-.5:.5))/1e3}function x(e,t,n,s,a,r,i,o,h,u,f){var c,l=(e+n)/2,g=(t+s)/2,d=(n+a)/2,m=(s+r)/2,p=(a+i)/2,y=(r+o)/2,M=(l+d)/2,v=(g+m)/2,C=(d+p)/2,E=(m+y)/2,b=(M+C)/2,w=(v+E)/2,P=i-e,S=o-t,N=Math.abs((n-i)*S-(s-o)*P),D=Math.abs((a-i)*S-(r-o)*P);return u||(u=[{x:e,y:t},{x:i,y:o}],f=1),u.splice(f||u.length-1,0,{x:b,y:w}),h*(P*P+S*S)<(N+D)*(N+D)&&(c=u.length,x(e,t,l,g,M,v,b,w,h,u,f),x(b,w,C,E,p,y,i,o,h,u,f+1+(u.length-c))),u}var M,a,t,y=/[-+=\.]*\d+[\.e\-\+]*\d*[e\-\+]*\d*/gi,v=/[cLlsSaAhHvVtTqQ]/g,n=((t=CustomEase.prototype).setData=function setData(e,t){t=t||{};var n,s,a,r,i,o,h,u,f,c=(e=e||"0,0,1,1").match(y),l=1,g=[],d=[],m=t.precision||1,p=m<=1;if(this.data=e,(v.test(e)||~e.indexOf("M")&&e.indexOf("C")<0)&&(c=stringToRawPath(e)[0]),4===(n=c.length))c.unshift(0,0),c.push(1,1),n=8;else if((n-2)%6)throw"Invalid CustomEase";for(0==+c[0]&&1==+c[n-2]||function _normalize(e,t,n){n||0===n||(n=Math.max(+e[e.length-1],+e[1]));var s,a=-1*e[0],r=-n,i=e.length,o=1/(+e[i-2]+a),h=-t||(Math.abs(e[i-1]-e[1])<.01*(e[i-2]-e[0])?function _findMinimum(e){var t,n=e.length,s=1e20;for(t=1;t<n;t+=6)+e[t]<s&&(s=+e[t]);return s}(e)+r:+e[i-1]+r);for(h=h?1/h:-o,s=0;s<i;s+=2)e[s]=(+e[s]+a)*o,e[s+1]=(+e[s+1]+r)*h}(c,t.height,t.originY),this.segment=c,r=2;r<n;r+=6)s={x:+c[r-2],y:+c[r-1]},a={x:+c[r+4],y:+c[r+5]},g.push(s,a),x(s.x,s.y,+c[r],+c[r+1],+c[r+2],+c[r+3],a.x,a.y,1/(2e5*m),g,g.length-1);for(n=g.length,r=0;r<n;r++)h=g[r],u=g[r-1]||h,(h.x>u.x||u.y!==h.y&&u.x===h.x||h===u)&&h.x<=1?(u.cx=h.x-u.x,u.cy=h.y-u.y,u.n=h,u.nx=h.x,p&&1<r&&2<Math.abs(u.cy/u.cx-g[r-2].cy/g[r-2].cx)&&(p=0),u.cx<l&&(u.cx?l=u.cx:(u.cx=.001,r===n-1&&(u.x-=.001,l=Math.min(l,.001),p=0)))):(g.splice(r--,1),n--);if(i=1/(n=1/l+1|0),h=g[o=0],p){for(r=0;r<n;r++)f=r*i,h.nx<f&&(h=g[++o]),s=h.y+(f-h.x)/h.cx*h.cy,d[r]={x:f,cx:i,y:s,cy:0,nx:9},r&&(d[r-1].cy=s-d[r-1].y);d[n-1].cy=g[g.length-1].y-s}else{for(r=0;r<n;r++)h.nx<r*i&&(h=g[++o]),d[r]=h;o<g.length-1&&(d[r-1]=g[g.length-2])}return this.ease=function(e){var t=d[e*n|0]||d[n-1];return t.nx<e&&(t=t.n),t.y+(e-t.x)/t.cx*t.cy},(this.ease.custom=this).id&&M.registerEase(this.id,this.ease),this},t.getSVGData=function getSVGData(e){return CustomEase.getSVGData(this,e)},CustomEase.create=function create(e,t,n){return new CustomEase(e,t,n).ease},CustomEase.register=function register(e){M=e,q()},CustomEase.get=function get(e){return M.parseEase(e)},CustomEase.getSVGData=function getSVGData(e,t){var n,a,r,i,o,h,u,f,c,l,g=(t=t||{}).width||100,x=t.height||100,d=t.x||0,p=(t.y||0)+x,y=M.utils.toArray(t.path)[0];if(t.invert&&(x=-x,p=0),"string"==typeof e&&(e=M.parseEase(e)),e.custom&&(e=e.custom),e instanceof CustomEase)n=function rawPathToString(e){!function _isNumber(e){return"number"==typeof e}(e[0])||(e=[e]);var t,n,s,a,r="",i=e.length;for(n=0;n<i;n++){for(a=e[n],r+="M"+m(a[0])+","+m(a[1])+" C",t=a.length,s=2;s<t;s++)r+=m(a[s++])+","+m(a[s++])+" "+m(a[s++])+","+m(a[s++])+" "+m(a[s++])+","+m(a[s])+" ";a.closed&&(r+="z")}return r}(function transformRawPath(e,t,n,s,a,r,i){for(var o,h,u,f,c,l=e.length;-1<--l;)for(h=(o=e[l]).length,u=0;u<h;u+=2)f=o[u],c=o[u+1],o[u]=f*t+c*s+r,o[u+1]=f*n+c*a+i;return e._dirty=1,e}([e.segment],g,0,0,-x,d,p));else{for(n=[d,p],i=1/(u=Math.max(5,200*(t.precision||1))),f=5/(u+=2),c=s(d+i*g),a=((l=s(p+e(i)*-x))-p)/(c-d),r=2;r<u;r++)o=s(d+r*i*g),h=s(p+e(r*i)*-x),(Math.abs((h-l)/(o-c)-a)>f||r===u-1)&&(n.push(c,l),a=(h-l)/(o-c)),c=o,l=h;n="M"+n.join(",")}return y&&y.setAttribute("d",n),n},CustomEase);function CustomEase(e,t,n){a||q(),this.id=e,this.setData(t,n)}p()&&M.registerPlugin(n),n.version="3.5.1",e.CustomEase=n,e.default=n;if (typeof(window)==="undefined"||window!==e){Object.defineProperty(e,"__esModule",{value:!0})} else {delete e.default}});
assets/js/_vendor/anime.js 0 → 100644
/*
2017 Julian Garnier
Released under the MIT license
*/
var $jscomp = { scope: {} };
$jscomp.defineProperty = "function" == typeof Object.defineProperties ? Object.defineProperty : function(e, r, p) { if (p.get || p.set) throw new TypeError("ES3 does not support getters and setters.");
e != Array.prototype && e != Object.prototype && (e[r] = p.value) };
$jscomp.getGlobal = function(e) { return "undefined" != typeof window && window === e ? e : "undefined" != typeof global && null != global ? global : e };
$jscomp.global = $jscomp.getGlobal(this);
$jscomp.SYMBOL_PREFIX = "jscomp_symbol_";
$jscomp.initSymbol = function() { $jscomp.initSymbol = function() {};
$jscomp.global.Symbol || ($jscomp.global.Symbol = $jscomp.Symbol) };
$jscomp.symbolCounter_ = 0;
$jscomp.Symbol = function(e) { return $jscomp.SYMBOL_PREFIX + (e || "") + $jscomp.symbolCounter_++ };
$jscomp.initSymbolIterator = function() { $jscomp.initSymbol(); var e = $jscomp.global.Symbol.iterator;
e || (e = $jscomp.global.Symbol.iterator = $jscomp.global.Symbol("iterator")); "function" != typeof Array.prototype[e] && $jscomp.defineProperty(Array.prototype, e, { configurable: !0, writable: !0, value: function() { return $jscomp.arrayIterator(this) } });
$jscomp.initSymbolIterator = function() {} };
$jscomp.arrayIterator = function(e) { var r = 0; return $jscomp.iteratorPrototype(function() { return r < e.length ? { done: !1, value: e[r++] } : { done: !0 } }) };
$jscomp.iteratorPrototype = function(e) { $jscomp.initSymbolIterator();
e = { next: e };
e[$jscomp.global.Symbol.iterator] = function() { return this }; return e };
$jscomp.array = $jscomp.array || {};
$jscomp.iteratorFromArray = function(e, r) { $jscomp.initSymbolIterator();
e instanceof String && (e += ""); var p = 0,
m = { next: function() { if (p < e.length) { var u = p++; return { value: r(u, e[u]), done: !1 } } m.next = function() { return { done: !0, value: void 0 } }; return m.next() } };
m[Symbol.iterator] = function() { return m }; return m };
$jscomp.polyfill = function(e, r, p, m) { if (r) { p = $jscomp.global;
e = e.split("."); for (m = 0; m < e.length - 1; m++) { var u = e[m];
u in p || (p[u] = {});
p = p[u] } e = e[e.length - 1];
m = p[e];
r = r(m);
r != m && null != r && $jscomp.defineProperty(p, e, { configurable: !0, writable: !0, value: r }) } };
$jscomp.polyfill("Array.prototype.keys", function(e) { return e ? e : function() { return $jscomp.iteratorFromArray(this, function(e) { return e }) } }, "es6-impl", "es3");
var $jscomp$this = this;
(function(e, r) { "function" === typeof define && define.amd ? define([], r) : "object" === typeof module && module.exports ? module.exports = r() : e.anime = r() })(this, function() {
function e(a) { if (!h.col(a)) try { return document.querySelectorAll(a) } catch (c) {} }
function r(a, c) { for (var d = a.length, b = 2 <= arguments.length ? arguments[1] : void 0, f = [], n = 0; n < d; n++)
if (n in a) { var k = a[n];
c.call(b, k, n, a) && f.push(k) } return f }
function p(a) { return a.reduce(function(a, d) { return a.concat(h.arr(d) ? p(d) : d) }, []) }
function m(a) {
if (h.arr(a)) return a;
h.str(a) && (a = e(a) || a);
return a instanceof NodeList || a instanceof HTMLCollection ? [].slice.call(a) : [a]
}
function u(a, c) { return a.some(function(a) { return a === c }) }
function C(a) { var c = {},
d; for (d in a) c[d] = a[d]; return c }
function D(a, c) { var d = C(a),
b; for (b in a) d[b] = c.hasOwnProperty(b) ? c[b] : a[b]; return d }
function z(a, c) { var d = C(a),
b; for (b in c) d[b] = h.und(a[b]) ? c[b] : a[b]; return d }
function T(a) {
a = a.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, function(a, c, d, k) { return c + c + d + d + k + k });
var c = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(a);
a = parseInt(c[1], 16);
var d = parseInt(c[2], 16),
c = parseInt(c[3], 16);
return "rgba(" + a + "," + d + "," + c + ",1)"
}
function U(a) {
function c(a, c, b) { 0 > b && (b += 1);
1 < b && --b; return b < 1 / 6 ? a + 6 * (c - a) * b : .5 > b ? c : b < 2 / 3 ? a + (c - a) * (2 / 3 - b) * 6 : a }
var d = /hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)/g.exec(a) || /hsla\((\d+),\s*([\d.]+)%,\s*([\d.]+)%,\s*([\d.]+)\)/g.exec(a);
a = parseInt(d[1]) / 360;
var b = parseInt(d[2]) / 100,
f = parseInt(d[3]) / 100,
d = d[4] || 1;
if (0 == b) f = b = a = f;
else { var n = .5 > f ? f * (1 + b) : f + b - f * b,
k = 2 * f - n,
f = c(k, n, a + 1 / 3),
b = c(k, n, a);
a = c(k, n, a - 1 / 3) }
return "rgba(" +
255 * f + "," + 255 * b + "," + 255 * a + "," + d + ")"
}
function y(a) { if (a = /([\+\-]?[0-9#\.]+)(%|px|pt|em|rem|in|cm|mm|ex|ch|pc|vw|vh|vmin|vmax|deg|rad|turn)?$/.exec(a)) return a[2] }
function V(a) { if (-1 < a.indexOf("translate") || "perspective" === a) return "px"; if (-1 < a.indexOf("rotate") || -1 < a.indexOf("skew")) return "deg" }
function I(a, c) { return h.fnc(a) ? a(c.target, c.id, c.total) : a }
function E(a, c) { if (c in a.style) return getComputedStyle(a).getPropertyValue(c.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase()) || "0" }
function J(a, c) {
if (h.dom(a) &&
u(W, c)) return "transform";
if (h.dom(a) && (a.getAttribute(c) || h.svg(a) && a[c])) return "attribute";
if (h.dom(a) && "transform" !== c && E(a, c)) return "css";
if (null != a[c]) return "object"
}
function X(a, c) { var d = V(c),
d = -1 < c.indexOf("scale") ? 1 : 0 + d;
a = a.style.transform; if (!a) return d; for (var b = [], f = [], n = [], k = /(\w+)\((.+?)\)/g; b = k.exec(a);) f.push(b[1]), n.push(b[2]);
a = r(n, function(a, b) { return f[b] === c }); return a.length ? a[0] : d }
function K(a, c) {
switch (J(a, c)) {
case "transform":
return X(a, c);
case "css":
return E(a, c);
case "attribute":
return a.getAttribute(c) }
return a[c] ||
0
}
function L(a, c) { var d = /^(\*=|\+=|-=)/.exec(a); if (!d) return a; var b = y(a) || 0;
c = parseFloat(c);
a = parseFloat(a.replace(d[0], "")); switch (d[0][0]) {
case "+":
return c + a + b;
case "-":
return c - a + b;
case "*":
return c * a + b } }
function F(a, c) { return Math.sqrt(Math.pow(c.x - a.x, 2) + Math.pow(c.y - a.y, 2)) }
function M(a) { a = a.points; for (var c = 0, d, b = 0; b < a.numberOfItems; b++) { var f = a.getItem(b);
0 < b && (c += F(d, f));
d = f } return c }
function N(a) {
if (a.getTotalLength) return a.getTotalLength();
switch (a.tagName.toLowerCase()) {
case "circle":
return 2 *
Math.PI * a.getAttribute("r");
case "rect":
return 2 * a.getAttribute("width") + 2 * a.getAttribute("height");
case "line":
return F({ x: a.getAttribute("x1"), y: a.getAttribute("y1") }, { x: a.getAttribute("x2"), y: a.getAttribute("y2") });
case "polyline":
return M(a);
case "polygon":
var c = a.points;
return M(a) + F(c.getItem(c.numberOfItems - 1), c.getItem(0))
}
}
function Y(a, c) {
function d(b) { b = void 0 === b ? 0 : b; return a.el.getPointAtLength(1 <= c + b ? c + b : 0) }
var b = d(),
f = d(-1),
n = d(1);
switch (a.property) {
case "x":
return b.x;
case "y":
return b.y;
case "angle":
return 180 * Math.atan2(n.y - f.y, n.x - f.x) / Math.PI
}
}
function O(a, c) { var d = /-?\d*\.?\d+/g,
b;
b = h.pth(a) ? a.totalLength : a; if (h.col(b))
if (h.rgb(b)) { var f = /rgb\((\d+,\s*[\d]+,\s*[\d]+)\)/g.exec(b);
b = f ? "rgba(" + f[1] + ",1)" : b } else b = h.hex(b) ? T(b) : h.hsl(b) ? U(b) : void 0;
else f = (f = y(b)) ? b.substr(0, b.length - f.length) : b, b = c && !/\s/g.test(b) ? f + c : f;
b += ""; return { original: b, numbers: b.match(d) ? b.match(d).map(Number) : [0], strings: h.str(a) || c ? b.split(d) : [] } }
function P(a) {
a = a ? p(h.arr(a) ? a.map(m) : m(a)) : [];
return r(a,
function(a, d, b) { return b.indexOf(a) === d })
}
function Z(a) { var c = P(a); return c.map(function(a, b) { return { target: a, id: b, total: c.length } }) }
function aa(a, c) { var d = C(c); if (h.arr(a)) { var b = a.length;
2 !== b || h.obj(a[0]) ? h.fnc(c.duration) || (d.duration = c.duration / b) : a = { value: a } } return m(a).map(function(a, b) { b = b ? 0 : c.delay;
a = h.obj(a) && !h.pth(a) ? a : { value: a };
h.und(a.delay) && (a.delay = b); return a }).map(function(a) { return z(a, d) }) }
function ba(a, c) {
var d = {},
b;
for (b in a) {
var f = I(a[b], c);
h.arr(f) && (f = f.map(function(a) {
return I(a,
c)
}), 1 === f.length && (f = f[0]));
d[b] = f
}
d.duration = parseFloat(d.duration);
d.delay = parseFloat(d.delay);
return d
}
function ca(a) { return h.arr(a) ? A.apply(this, a) : Q[a] }
function da(a, c) {
var d;
return a.tweens.map(function(b) {
b = ba(b, c);
var f = b.value,
e = K(c.target, a.name),
k = d ? d.to.original : e,
k = h.arr(f) ? f[0] : k,
w = L(h.arr(f) ? f[1] : f, k),
e = y(w) || y(k) || y(e);
b.from = O(k, e);
b.to = O(w, e);
b.start = d ? d.end : a.offset;
b.end = b.start + b.delay + b.duration;
b.easing = ca(b.easing);
b.elasticity = (1E3 - Math.min(Math.max(b.elasticity, 1), 999)) /
1E3;
b.isPath = h.pth(f);
b.isColor = h.col(b.from.original);
b.isColor && (b.round = 1);
return d = b
})
}
function ea(a, c) { return r(p(a.map(function(a) { return c.map(function(b) { var c = J(a.target, b.name); if (c) { var d = da(b, a);
b = { type: c, property: b.name, animatable: a, tweens: d, duration: d[d.length - 1].end, delay: d[0].delay } } else b = void 0; return b }) })), function(a) { return !h.und(a) }) }
function R(a, c, d, b) {
var f = "delay" === a;
return c.length ? (f ? Math.min : Math.max).apply(Math, c.map(function(b) { return b[a] })) : f ? b.delay : d.offset + b.delay +
b.duration
}
function fa(a) { var c = D(ga, a),
d = D(S, a),
b = Z(a.targets),
f = [],
e = z(c, d),
k; for (k in a) e.hasOwnProperty(k) || "targets" === k || f.push({ name: k, offset: e.offset, tweens: aa(a[k], d) });
a = ea(b, f); return z(c, { children: [], animatables: b, animations: a, duration: R("duration", a, c, d), delay: R("delay", a, c, d) }) }
function q(a) {
function c() { return window.Promise && new Promise(function(a) { return p = a }) }
function d(a) { return g.reversed ? g.duration - a : a }
function b(a) {
for (var b = 0, c = {}, d = g.animations, f = d.length; b < f;) {
var e = d[b],
k = e.animatable,
h = e.tweens,
n = h.length - 1,
l = h[n];
n && (l = r(h, function(b) { return a < b.end })[0] || l);
for (var h = Math.min(Math.max(a - l.start - l.delay, 0), l.duration) / l.duration, w = isNaN(h) ? 1 : l.easing(h, l.elasticity), h = l.to.strings, p = l.round, n = [], m = void 0, m = l.to.numbers.length, t = 0; t < m; t++) { var x = void 0,
x = l.to.numbers[t],
q = l.from.numbers[t],
x = l.isPath ? Y(l.value, w * x) : q + w * (x - q);
p && (l.isColor && 2 < t || (x = Math.round(x * p) / p));
n.push(x) }
if (l = h.length)
for (m = h[0], w = 0; w < l; w++) p = h[w + 1], t = n[w], isNaN(t) || (m = p ? m + (t + p) : m + (t + " "));
else m = n[0];
ha[e.type](k.target, e.property, m, c, k.id);
e.currentValue = m;
b++
}
if (b = Object.keys(c).length)
for (d = 0; d < b; d++) H || (H = E(document.body, "transform") ? "transform" : "-webkit-transform"), g.animatables[d].target.style[H] = c[d].join(" ");
g.currentTime = a;
g.progress = a / g.duration * 100
}
function f(a) { if (g[a]) g[a](g) }
function e() { g.remaining && !0 !== g.remaining && g.remaining-- }
function k(a) {
var k = g.duration,
n = g.offset,
w = n + g.delay,
r = g.currentTime,
x = g.reversed,
q = d(a);
if (g.children.length) {
var u = g.children,
v = u.length;
if (q >= g.currentTime)
for (var G = 0; G < v; G++) u[G].seek(q);
else
for (; v--;) u[v].seek(q)
}
if (q >= w || !k) g.began || (g.began = !0, f("begin")), f("run");
if (q > n && q < k) b(q);
else if (q <= n && 0 !== r && (b(0), x && e()), q >= k && r !== k || !k) b(k), x || e();
f("update");
a >= k && (g.remaining ? (t = h, "alternate" === g.direction && (g.reversed = !g.reversed)) : (g.pause(), g.completed || (g.completed = !0, f("complete"), "Promise" in window && (p(), m = c()))), l = 0)
}
a = void 0 === a ? {} : a;
var h, t, l = 0,
p = null,
m = c(),
g = fa(a);
g.reset = function() {
var a = g.direction,
c = g.loop;
g.currentTime =
0;
g.progress = 0;
g.paused = !0;
g.began = !1;
g.completed = !1;
g.reversed = "reverse" === a;
g.remaining = "alternate" === a && 1 === c ? 2 : c;
b(0);
for (a = g.children.length; a--;) g.children[a].reset()
};
g.tick = function(a) { h = a;
t || (t = h);
k((l + h - t) * q.speed) };
g.seek = function(a) { k(d(a)) };
g.pause = function() { var a = v.indexOf(g); - 1 < a && v.splice(a, 1);
g.paused = !0 };
g.play = function() { g.paused && (g.paused = !1, t = 0, l = d(g.currentTime), v.push(g), B || ia()) };
g.reverse = function() { g.reversed = !g.reversed;
t = 0;
l = d(g.currentTime) };
g.restart = function() {
g.pause();
g.reset();
g.play()
};
g.finished = m;
g.reset();
g.autoplay && g.play();
return g
}
var ga = { update: void 0, begin: void 0, run: void 0, complete: void 0, loop: 1, direction: "normal", autoplay: !0, offset: 0 },
S = { duration: 1E3, delay: 0, easing: "easeOutElastic", elasticity: 500, round: 0 },
W = "translateX translateY translateZ rotate rotateX rotateY rotateZ scale scaleX scaleY scaleZ skewX skewY perspective".split(" "),
H, h = {
arr: function(a) { return Array.isArray(a) },
obj: function(a) { return -1 < Object.prototype.toString.call(a).indexOf("Object") },
pth: function(a) { return h.obj(a) && a.hasOwnProperty("totalLength") },
svg: function(a) { return a instanceof SVGElement },
dom: function(a) { return a.nodeType || h.svg(a) },
str: function(a) { return "string" === typeof a },
fnc: function(a) { return "function" === typeof a },
und: function(a) { return "undefined" === typeof a },
hex: function(a) { return /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(a) },
rgb: function(a) { return /^rgb/.test(a) },
hsl: function(a) { return /^hsl/.test(a) },
col: function(a) { return h.hex(a) || h.rgb(a) || h.hsl(a) }
},
A = function() {
function a(a,
d, b) { return (((1 - 3 * b + 3 * d) * a + (3 * b - 6 * d)) * a + 3 * d) * a }
return function(c, d, b, f) {
if (0 <= c && 1 >= c && 0 <= b && 1 >= b) {
var e = new Float32Array(11);
if (c !== d || b !== f)
for (var k = 0; 11 > k; ++k) e[k] = a(.1 * k, c, b);
return function(k) {
if (c === d && b === f) return k;
if (0 === k) return 0;
if (1 === k) return 1;
for (var h = 0, l = 1; 10 !== l && e[l] <= k; ++l) h += .1;
--l;
var l = h + (k - e[l]) / (e[l + 1] - e[l]) * .1,
n = 3 * (1 - 3 * b + 3 * c) * l * l + 2 * (3 * b - 6 * c) * l + 3 * c;
if (.001 <= n) { for (h = 0; 4 > h; ++h) { n = 3 * (1 - 3 * b + 3 * c) * l * l + 2 * (3 * b - 6 * c) * l + 3 * c; if (0 === n) break; var m = a(l, c, b) - k,
l = l - m / n } k = l } else if (0 ===
n) k = l;
else { var l = h,
h = h + .1,
g = 0;
do m = l + (h - l) / 2, n = a(m, c, b) - k, 0 < n ? h = m : l = m; while (1e-7 < Math.abs(n) && 10 > ++g);
k = m }
return a(k, d, f)
}
}
}
}(),
Q = function() {
function a(a, b) { return 0 === a || 1 === a ? a : -Math.pow(2, 10 * (a - 1)) * Math.sin(2 * (a - 1 - b / (2 * Math.PI) * Math.asin(1)) * Math.PI / b) }
var c = "Quad Cubic Quart Quint Sine Expo Circ Back Elastic".split(" "),
d = {
In: [
[.55, .085, .68, .53],
[.55, .055, .675, .19],
[.895, .03, .685, .22],
[.755, .05, .855, .06],
[.47, 0, .745, .715],
[.95, .05, .795, .035],
[.6, .04, .98, .335],
[.6, -.28, .735, .045], a
],
Out: [
[.25,
.46, .45, .94
],
[.215, .61, .355, 1],
[.165, .84, .44, 1],
[.23, 1, .32, 1],
[.39, .575, .565, 1],
[.19, 1, .22, 1],
[.075, .82, .165, 1],
[.175, .885, .32, 1.275],
function(b, c) { return 1 - a(1 - b, c) }
],
InOut: [
[.455, .03, .515, .955],
[.645, .045, .355, 1],
[.77, 0, .175, 1],
[.86, 0, .07, 1],
[.445, .05, .55, .95],
[1, 0, 0, 1],
[.785, .135, .15, .86],
[.68, -.55, .265, 1.55],
function(b, c) { return .5 > b ? a(2 * b, c) / 2 : 1 - a(-2 * b + 2, c) / 2 }
]
},
b = { linear: A(.25, .25, .75, .75) },
f = {},
e;
for (e in d) f.type = e, d[f.type].forEach(function(a) {
return function(d, f) {
b["ease" + a.type + c[f]] = h.fnc(d) ?
d : A.apply($jscomp$this, d)
}
}(f)), f = { type: f.type };
return b
}(),
ha = { css: function(a, c, d) { return a.style[c] = d }, attribute: function(a, c, d) { return a.setAttribute(c, d) }, object: function(a, c, d) { return a[c] = d }, transform: function(a, c, d, b, f) { b[f] || (b[f] = []);
b[f].push(c + "(" + d + ")") } },
v = [],
B = 0,
ia = function() {
function a() { B = requestAnimationFrame(c) }
function c(c) { var b = v.length; if (b) { for (var d = 0; d < b;) v[d] && v[d].tick(c), d++;
a() } else cancelAnimationFrame(B), B = 0 } return a }();
q.version = "2.2.0";
q.speed = 1;
q.running = v;
q.remove =
function(a) { a = P(a); for (var c = v.length; c--;)
for (var d = v[c], b = d.animations, f = b.length; f--;) u(a, b[f].animatable.target) && (b.splice(f, 1), b.length || d.pause()) };
q.getValue = K;
q.path = function(a, c) { var d = h.str(a) ? e(a)[0] : a,
b = c || 100; return function(a) { return { el: d, property: a, totalLength: N(d) * (b / 100) } } };
q.setDashoffset = function(a) { var c = N(a);
a.setAttribute("stroke-dasharray", c); return c };
q.bezier = A;
q.easings = Q;
q.timeline = function(a) {
var c = q(a);
c.pause();
c.duration = 0;
c.add = function(d) {
c.children.forEach(function(a) {
a.began = !0;
a.completed = !0
});
m(d).forEach(function(b) { var d = z(b, D(S, a || {}));
d.targets = d.targets || a.targets;
b = c.duration; var e = d.offset;
d.autoplay = !1;
d.direction = c.direction;
d.offset = h.und(e) ? b : L(e, b);
c.began = !0;
c.completed = !0;
c.seek(d.offset);
d = q(d);
d.began = !0;
d.completed = !0;
d.duration > b && (c.duration = d.duration);
c.children.push(d) });
c.seek(0);
c.reset();
c.autoplay && c.restart();
return c
};
return c
};
q.random = function(a, c) { return Math.floor(Math.random() * (c - a + 1)) + a };
return q
});
\ No newline at end of file
assets/js/_vendor/barba.js 0 → 100644
(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory();
else if(typeof define === 'function' && define.amd)
define("Barba", [], factory);
else if(typeof exports === 'object')
exports["Barba"] = factory();
else
root["Barba"] = factory();
})(this, function() {
return /******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId])
/******/ return installedModules[moduleId].exports;
/******/
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.loaded = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "http://localhost:8080/dist";
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(0);
/******/ })
/************************************************************************/
/******/ ([
/* 0 */
/***/ function(module, exports, __webpack_require__) {
//Promise polyfill https://github.com/taylorhakes/promise-polyfill
if (typeof Promise !== 'function') {
window.Promise = __webpack_require__(1);
}
var Barba = {
version: '1.0.0',
BaseTransition: __webpack_require__(4),
BaseView: __webpack_require__(6),
BaseCache: __webpack_require__(8),
Dispatcher: __webpack_require__(7),
HistoryManager: __webpack_require__(9),
Pjax: __webpack_require__(10),
Prefetch: __webpack_require__(13),
Utils: __webpack_require__(5)
};
module.exports = Barba;
/***/ },
/* 1 */
/***/ function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(setImmediate) {(function (root) {
// Store setTimeout reference so promise-polyfill will be unaffected by
// other code modifying setTimeout (like sinon.useFakeTimers())
var setTimeoutFunc = setTimeout;
function noop() {
}
// Use polyfill for setImmediate for performance gains
var asap = (typeof setImmediate === 'function' && setImmediate) ||
function (fn) {
setTimeoutFunc(fn, 0);
};
var onUnhandledRejection = function onUnhandledRejection(err) {
if (typeof console !== 'undefined' && console) {
console.warn('Possible Unhandled Promise Rejection:', err); // eslint-disable-line no-console
}
};
// Polyfill for Function.prototype.bind
function bind(fn, thisArg) {
return function () {
fn.apply(thisArg, arguments);
};
}
function Promise(fn) {
if (typeof this !== 'object') throw new TypeError('Promises must be constructed via new');
if (typeof fn !== 'function') throw new TypeError('not a function');
this._state = 0;
this._handled = false;
this._value = undefined;
this._deferreds = [];
doResolve(fn, this);
}
function handle(self, deferred) {
while (self._state === 3) {
self = self._value;
}
if (self._state === 0) {
self._deferreds.push(deferred);
return;
}
self._handled = true;
asap(function () {
var cb = self._state === 1 ? deferred.onFulfilled : deferred.onRejected;
if (cb === null) {
(self._state === 1 ? resolve : reject)(deferred.promise, self._value);
return;
}
var ret;
try {
ret = cb(self._value);
} catch (e) {
reject(deferred.promise, e);
return;
}
resolve(deferred.promise, ret);
});
}
function resolve(self, newValue) {
try {
// Promise Resolution Procedure: https://github.com/promises-aplus/promises-spec#the-promise-resolution-procedure
if (newValue === self) throw new TypeError('A promise cannot be resolved with itself.');
if (newValue && (typeof newValue === 'object' || typeof newValue === 'function')) {
var then = newValue.then;
if (newValue instanceof Promise) {
self._state = 3;
self._value = newValue;
finale(self);
return;
} else if (typeof then === 'function') {
doResolve(bind(then, newValue), self);
return;
}
}
self._state = 1;
self._value = newValue;
finale(self);
} catch (e) {
reject(self, e);
}
}
function reject(self, newValue) {
self._state = 2;
self._value = newValue;
finale(self);
}
function finale(self) {
if (self._state === 2 && self._deferreds.length === 0) {
asap(function() {
if (!self._handled) {
onUnhandledRejection(self._value);
}
});
}
for (var i = 0, len = self._deferreds.length; i < len; i++) {
handle(self, self._deferreds[i]);
}
self._deferreds = null;
}
function Handler(onFulfilled, onRejected, promise) {
this.onFulfilled = typeof onFulfilled === 'function' ? onFulfilled : null;
this.onRejected = typeof onRejected === 'function' ? onRejected : null;
this.promise = promise;
}
/**
* Take a potentially misbehaving resolver function and make sure
* onFulfilled and onRejected are only called once.
*
* Makes no guarantees about asynchrony.
*/
function doResolve(fn, self) {
var done = false;
try {
fn(function (value) {
if (done) return;
done = true;
resolve(self, value);
}, function (reason) {
if (done) return;
done = true;
reject(self, reason);
});
} catch (ex) {
if (done) return;
done = true;
reject(self, ex);
}
}
Promise.prototype['catch'] = function (onRejected) {
return this.then(null, onRejected);
};
Promise.prototype.then = function (onFulfilled, onRejected) {
var prom = new (this.constructor)(noop);
handle(this, new Handler(onFulfilled, onRejected, prom));
return prom;
};
Promise.all = function (arr) {
var args = Array.prototype.slice.call(arr);
return new Promise(function (resolve, reject) {
if (args.length === 0) return resolve([]);
var remaining = args.length;
function res(i, val) {
try {
if (val && (typeof val === 'object' || typeof val === 'function')) {
var then = val.then;
if (typeof then === 'function') {
then.call(val, function (val) {
res(i, val);
}, reject);
return;
}
}
args[i] = val;
if (--remaining === 0) {
resolve(args);
}
} catch (ex) {
reject(ex);
}
}
for (var i = 0; i < args.length; i++) {
res(i, args[i]);
}
});
};
Promise.resolve = function (value) {
if (value && typeof value === 'object' && value.constructor === Promise) {
return value;
}
return new Promise(function (resolve) {
resolve(value);
});
};
Promise.reject = function (value) {
return new Promise(function (resolve, reject) {
reject(value);
});
};
Promise.race = function (values) {
return new Promise(function (resolve, reject) {
for (var i = 0, len = values.length; i < len; i++) {
values[i].then(resolve, reject);
}
});
};
/**
* Set the immediate function to execute callbacks
* @param fn {function} Function to execute
* @private
*/
Promise._setImmediateFn = function _setImmediateFn(fn) {
asap = fn;
};
Promise._setUnhandledRejectionFn = function _setUnhandledRejectionFn(fn) {
onUnhandledRejection = fn;
};
if (typeof module !== 'undefined' && module.exports) {
module.exports = Promise;
} else if (!root.Promise) {
root.Promise = Promise;
}
})(this);
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(2).setImmediate))
/***/ },
/* 2 */
/***/ function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(setImmediate, clearImmediate) {var nextTick = __webpack_require__(3).nextTick;
var apply = Function.prototype.apply;
var slice = Array.prototype.slice;
var immediateIds = {};
var nextImmediateId = 0;
// DOM APIs, for completeness
exports.setTimeout = function() {
return new Timeout(apply.call(setTimeout, window, arguments), clearTimeout);
};
exports.setInterval = function() {
return new Timeout(apply.call(setInterval, window, arguments), clearInterval);
};
exports.clearTimeout =
exports.clearInterval = function(timeout) { timeout.close(); };
function Timeout(id, clearFn) {
this._id = id;
this._clearFn = clearFn;
}
Timeout.prototype.unref = Timeout.prototype.ref = function() {};
Timeout.prototype.close = function() {
this._clearFn.call(window, this._id);
};
// Does not start the time, just sets up the members needed.
exports.enroll = function(item, msecs) {
clearTimeout(item._idleTimeoutId);
item._idleTimeout = msecs;
};
exports.unenroll = function(item) {
clearTimeout(item._idleTimeoutId);
item._idleTimeout = -1;
};
exports._unrefActive = exports.active = function(item) {
clearTimeout(item._idleTimeoutId);
var msecs = item._idleTimeout;
if (msecs >= 0) {
item._idleTimeoutId = setTimeout(function onTimeout() {
if (item._onTimeout)
item._onTimeout();
}, msecs);
}
};
// That's not how node.js implements it but the exposed api is the same.
exports.setImmediate = typeof setImmediate === "function" ? setImmediate : function(fn) {
var id = nextImmediateId++;
var args = arguments.length < 2 ? false : slice.call(arguments, 1);
immediateIds[id] = true;
nextTick(function onNextTick() {
if (immediateIds[id]) {
// fn.call() is faster so we optimize for the common use-case
// @see http://jsperf.com/call-apply-segu
if (args) {
fn.apply(null, args);
} else {
fn.call(null);
}
// Prevent ids from leaking
exports.clearImmediate(id);
}
});
return id;
};
exports.clearImmediate = typeof clearImmediate === "function" ? clearImmediate : function(id) {
delete immediateIds[id];
};
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(2).setImmediate, __webpack_require__(2).clearImmediate))
/***/ },
/* 3 */
/***/ function(module, exports) {
// shim for using process in browser
var process = module.exports = {};
// cached from whatever global is present so that test runners that stub it
// don't break things. But we need to wrap it in a try catch in case it is
// wrapped in strict mode code which doesn't define any globals. It's inside a
// function because try/catches deoptimize in certain engines.
var cachedSetTimeout;
var cachedClearTimeout;
(function () {
try {
cachedSetTimeout = setTimeout;
} catch (e) {
cachedSetTimeout = function () {
throw new Error('setTimeout is not defined');
}
}
try {
cachedClearTimeout = clearTimeout;
} catch (e) {
cachedClearTimeout = function () {
throw new Error('clearTimeout is not defined');
}
}
} ())
var queue = [];
var draining = false;
var currentQueue;
var queueIndex = -1;
function cleanUpNextTick() {
if (!draining || !currentQueue) {
return;
}
draining = false;
if (currentQueue.length) {
queue = currentQueue.concat(queue);
} else {
queueIndex = -1;
}
if (queue.length) {
drainQueue();
}
}
function drainQueue() {
if (draining) {
return;
}
var timeout = cachedSetTimeout(cleanUpNextTick);
draining = true;
var len = queue.length;
while(len) {
currentQueue = queue;
queue = [];
while (++queueIndex < len) {
if (currentQueue) {
currentQueue[queueIndex].run();
}
}
queueIndex = -1;
len = queue.length;
}
currentQueue = null;
draining = false;
cachedClearTimeout(timeout);
}
process.nextTick = function (fun) {
var args = new Array(arguments.length - 1);
if (arguments.length > 1) {
for (var i = 1; i < arguments.length; i++) {
args[i - 1] = arguments[i];
}
}
queue.push(new Item(fun, args));
if (queue.length === 1 && !draining) {
cachedSetTimeout(drainQueue, 0);
}
};
// v8 likes predictible objects
function Item(fun, array) {
this.fun = fun;
this.array = array;
}
Item.prototype.run = function () {
this.fun.apply(null, this.array);
};
process.title = 'browser';
process.browser = true;
process.env = {};
process.argv = [];
process.version = ''; // empty string to avoid regexp issues
process.versions = {};
function noop() {}
process.on = noop;
process.addListener = noop;
process.once = noop;
process.off = noop;
process.removeListener = noop;
process.removeAllListeners = noop;
process.emit = noop;
process.binding = function (name) {
throw new Error('process.binding is not supported');
};
process.cwd = function () { return '/' };
process.chdir = function (dir) {
throw new Error('process.chdir is not supported');
};
process.umask = function() { return 0; };
/***/ },
/* 4 */
/***/ function(module, exports, __webpack_require__) {
var Utils = __webpack_require__(5);
/**
* BaseTransition to extend
*
* @namespace Barba.BaseTransition
* @type {Object}
*/
var BaseTransition = {
/**
* @memberOf Barba.BaseTransition
* @type {HTMLElement}
*/
oldContainer: undefined,
/**
* @memberOf Barba.BaseTransition
* @type {HTMLElement}
*/
newContainer: undefined,
/**
* @memberOf Barba.BaseTransition
* @type {Promise}
*/
newContainerLoading: undefined,
/**
* Helper to extend the object
*
* @memberOf Barba.BaseTransition
* @param {Object} newObject
* @return {Object} newInheritObject
*/
extend: function(obj){
return Utils.extend(this, obj);
},
/**
* This function is called from Pjax module to initialize
* the transition.
*
* @memberOf Barba.BaseTransition
* @private
* @param {HTMLElement} oldContainer
* @param {Promise} newContainer
* @return {Promise}
*/
init: function(oldContainer, newContainer) {
var _this = this;
this.oldContainer = oldContainer;
this._newContainerPromise = newContainer;
this.deferred = Utils.deferred();
this.newContainerReady = Utils.deferred();
this.newContainerLoading = this.newContainerReady.promise;
this.start();
this._newContainerPromise.then(function(newContainer) {
_this.newContainer = newContainer;
_this.newContainerReady.resolve();
});
return this.deferred.promise;
},
/**
* This function needs to be called as soon the Transition is finished
*
* @memberOf Barba.BaseTransition
*/
done: function() {
this.oldContainer.parentNode.removeChild(this.oldContainer);
this.newContainer.style.visibility = 'visible';
this.deferred.resolve();
},
/**
* Constructor for your Transition
*
* @memberOf Barba.BaseTransition
* @abstract
*/
start: function() {},
};
module.exports = BaseTransition;
/***/ },
/* 5 */
/***/ function(module, exports) {
/**
* Just an object with some helpful functions
*
* @type {Object}
* @namespace Barba.Utils
*/
var Utils = {
/**
* Return the current url
*
* @memberOf Barba.Utils
* @return {String} currentUrl
*/
getCurrentUrl: function() {
return window.location.protocol + '//' +
window.location.host +
window.location.pathname +
window.location.search;
},
/**
* Given an url, return it without the hash
*
* @memberOf Barba.Utils
* @private
* @param {String} url
* @return {String} newCleanUrl
*/
cleanLink: function(url) {
return url.replace(/#.*/, '');
},
/**
* Time in millisecond after the xhr request goes in timeout
*
* @memberOf Barba.Utils
* @type {Number}
* @default
*/
xhrTimeout: 5000,
/**
* Start an XMLHttpRequest() and return a Promise
*
* @memberOf Barba.Utils
* @param {String} url
* @return {Promise}
*/
xhr: function(url) {
var deferred = this.deferred();
var req = new XMLHttpRequest();
req.onreadystatechange = function() {
if (req.readyState === 4) {
if (req.status === 200) {
return deferred.resolve(req.responseText);
} else {
return deferred.reject(new Error('xhr: HTTP code is not 200'));
}
}
};
req.ontimeout = function() {
return deferred.reject(new Error('xhr: Timeout exceeded'));
};
req.open('GET', url);
req.timeout = this.xhrTimeout;
req.setRequestHeader('x-barba', 'yes');
req.send();
return deferred.promise;
},
/**
* Get obj and props and return a new object with the property merged
*
* @memberOf Barba.Utils
* @param {object} obj
* @param {object} props
* @return {object}
*/
extend: function(obj, props) {
var newObj = Object.create(obj);
for(var prop in props) {
if(props.hasOwnProperty(prop)) {
newObj[prop] = props[prop];
}
}
return newObj;
},
/**
* Return a new "Deferred" object
* https://developer.mozilla.org/en-US/docs/Mozilla/JavaScript_code_modules/Promise.jsm/Deferred
*
* @memberOf Barba.Utils
* @return {Deferred}
*/
deferred: function() {
return new function() {
this.resolve = null;
this.reject = null;
this.promise = new Promise(function(resolve, reject) {
this.resolve = resolve;
this.reject = reject;
}.bind(this));
};
},
/**
* Return the port number normalized, eventually you can pass a string to be normalized.
*
* @memberOf Barba.Utils
* @private
* @param {String} p
* @return {Int} port
*/
getPort: function(p) {
var port = typeof p !== 'undefined' ? p : window.location.port;
var protocol = window.location.protocol;
if (port != '')
return parseInt(port);
if (protocol === 'http:')
return 80;
if (protocol === 'https:')
return 443;
}
};
module.exports = Utils;
/***/ },
/* 6 */
/***/ function(module, exports, __webpack_require__) {
var Dispatcher = __webpack_require__(7);
var Utils = __webpack_require__(5);
/**
* BaseView to be extended
*
* @namespace Barba.BaseView
* @type {Object}
*/
var BaseView = {
/**
* Namespace of the view.
* (need to be associated with the data-namespace of the container)
*
* @memberOf Barba.BaseView
* @type {String}
*/
namespace: null,
/**
* Helper to extend the object
*
* @memberOf Barba.BaseView
* @param {Object} newObject
* @return {Object} newInheritObject
*/
extend: function(obj){
return Utils.extend(this, obj);
},
/**
* Init the view.
* P.S. Is suggested to init the view before starting Barba.Pjax.start(),
* in this way .onEnter() and .onEnterCompleted() will be fired for the current
* container when the page is loaded.
*
* @memberOf Barba.BaseView
*/
init: function() {
var _this = this;
Dispatcher.on('initStateChange',
function(newStatus, oldStatus) {
if (oldStatus && oldStatus.namespace === _this.namespace)
_this.onLeave();
}
);
Dispatcher.on('newPageReady',
function(newStatus, oldStatus, container) {
_this.container = container;
if (newStatus.namespace === _this.namespace)
_this.onEnter();
}
);
Dispatcher.on('transitionCompleted',
function(newStatus, oldStatus) {
if (newStatus.namespace === _this.namespace)
_this.onEnterCompleted();
if (oldStatus && oldStatus.namespace === _this.namespace)
_this.onLeaveCompleted();
}
);
},
/**
* This function will be fired when the container
* is ready and attached to the DOM.
*
* @memberOf Barba.BaseView
* @abstract
*/
onEnter: function() {},
/**
* This function will be fired when the transition
* to this container has just finished.
*
* @memberOf Barba.BaseView
* @abstract
*/
onEnterCompleted: function() {},
/**
* This function will be fired when the transition
* to a new container has just started.
*
* @memberOf Barba.BaseView
* @abstract
*/
onLeave: function() {},
/**
* This function will be fired when the container
* has just been removed from the DOM.
*
* @memberOf Barba.BaseView
* @abstract
*/
onLeaveCompleted: function() {}
}
module.exports = BaseView;
/***/ },
/* 7 */
/***/ function(module, exports) {
/**
* Little Dispatcher inspired by MicroEvent.js
*
* @namespace Barba.Dispatcher
* @type {Object}
*/
var Dispatcher = {
/**
* Object that keeps all the events
*
* @memberOf Barba.Dispatcher
* @readOnly
* @type {Object}
*/
events: {},
/**
* Bind a callback to an event
*
* @memberOf Barba.Dispatcher
* @param {String} eventName
* @param {Function} function
*/
on: function(e, f) {
this.events[e] = this.events[e] || [];
this.events[e].push(f);
},
/**
* Unbind event
*
* @memberOf Barba.Dispatcher
* @param {String} eventName
* @param {Function} function
*/
off: function(e, f) {
if(e in this.events === false)
return;
this.events[e].splice(this.events[e].indexOf(f), 1);
},
/**
* Fire the event running all the event associated to it
*
* @memberOf Barba.Dispatcher
* @param {String} eventName
* @param {...*} args
*/
trigger: function(e) {//e, ...args
if (e in this.events === false)
return;
for(var i = 0; i < this.events[e].length; i++){
this.events[e][i].apply(this, Array.prototype.slice.call(arguments, 1));
}
}
};
module.exports = Dispatcher;
/***/ },
/* 8 */
/***/ function(module, exports, __webpack_require__) {
var Utils = __webpack_require__(5);
/**
* BaseCache it's a simple static cache
*
* @namespace Barba.BaseCache
* @type {Object}
*/
var BaseCache = {
/**
* The Object that keeps all the key value information
*
* @memberOf Barba.BaseCache
* @type {Object}
*/
data: {},
/**
* Helper to extend this object
*
* @memberOf Barba.BaseCache
* @private
* @param {Object} newObject
* @return {Object} newInheritObject
*/
extend: function(obj) {
return Utils.extend(this, obj);
},
/**
* Set a key and value data, mainly Barba is going to save promises
*
* @memberOf Barba.BaseCache
* @param {String} key
* @param {*} value
*/
set: function(key, val) {
this.data[key] = val;
},
/**
* Retrieve the data using the key
*
* @memberOf Barba.BaseCache
* @param {String} key
* @return {*}
*/
get: function(key) {
return this.data[key];
},
/**
* Flush the cache
*
* @memberOf Barba.BaseCache
*/
reset: function() {
this.data = {};
}
};
module.exports = BaseCache;
/***/ },
/* 9 */
/***/ function(module, exports) {
/**
* HistoryManager helps to keep track of the navigation
*
* @namespace Barba.HistoryManager
* @type {Object}
*/
var HistoryManager = {
/**
* Keep track of the status in historic order
*
* @memberOf Barba.HistoryManager
* @readOnly
* @type {Array}
*/
history: [],
/**
* Add a new set of url and namespace
*
* @memberOf Barba.HistoryManager
* @param {String} url
* @param {String} namespace
* @private
*/
add: function(url, namespace) {
if (!namespace)
namespace = undefined;
this.history.push({
url: url,
namespace: namespace
});
},
/**
* Return information about the current status
*
* @memberOf Barba.HistoryManager
* @return {Object}
*/
currentStatus: function() {
return this.history[this.history.length - 1];
},
/**
* Return information about the previous status
*
* @memberOf Barba.HistoryManager
* @return {Object}
*/
prevStatus: function() {
var history = this.history;
if (history.length < 2)
return null;
return history[history.length - 2];
}
};
module.exports = HistoryManager;
/***/ },
/* 10 */
/***/ function(module, exports, __webpack_require__) {
var Utils = __webpack_require__(5);
var Dispatcher = __webpack_require__(7);
var HideShowTransition = __webpack_require__(11);
var BaseCache = __webpack_require__(8);
var HistoryManager = __webpack_require__(9);
var Dom = __webpack_require__(12);
/**
* Pjax is a static object with main function
*
* @namespace Barba.Pjax
* @borrows Dom as Dom
* @type {Object}
*/
var Pjax = {
Dom: Dom,
History: HistoryManager,
Cache: BaseCache,
/**
* Indicate wether or not use the cache
*
* @memberOf Barba.Pjax
* @type {Boolean}
* @default
*/
cacheEnabled: true,
/**
* Indicate if there is an animation in progress
*
* @memberOf Barba.Pjax
* @readOnly
* @type {Boolean}
*/
transitionProgress: false,
/**
* Class name used to ignore links
*
* @memberOf Barba.Pjax
* @type {String}
* @default
*/
ignoreClassLink: 'no-pjax',
/**
* Function to be called to start Pjax
*
* @memberOf Barba.Pjax
*/
start: function() {
this.init();
},
/**
* Init the events
*
* @memberOf Barba.Pjax
* @private
*/
init: function() {
var container = this.Dom.getContainer();
var wrapper = this.Dom.getWrapper();
wrapper.setAttribute('aria-live', 'polite');
this.History.add(
this.getCurrentUrl(),
this.Dom.getNamespace(container)
);
//Fire for the current view.
Dispatcher.trigger('initStateChange', this.History.currentStatus());
Dispatcher.trigger('newPageReady',
this.History.currentStatus(),
{},
container,
this.Dom.currentHTML
);
Dispatcher.trigger('transitionCompleted', this.History.currentStatus());
this.bindEvents();
},
/**
* Attach the eventlisteners
*
* @memberOf Barba.Pjax
* @private
*/
bindEvents: function() {
document.addEventListener('click',
this.onLinkClick.bind(this)
);
window.addEventListener('popstate',
this.onStateChange.bind(this)
);
},
/**
* Return the currentURL cleaned
*
* @memberOf Barba.Pjax
* @return {String} currentUrl
*/
getCurrentUrl: function() {
return Utils.cleanLink(
Utils.getCurrentUrl()
);
},
/**
* Change the URL with pushstate and trigger the state change
*
* @memberOf Barba.Pjax
* @param {String} newUrl
*/
goTo: function(url) {
window.history.pushState(null, null, url);
this.onStateChange();
},
/**
* Force the browser to go to a certain url
*
* @memberOf Barba.Pjax
* @param {String} url
* @private
*/
forceGoTo: function(url) {
window.location = url;
},
/**
* Load an url, will start an xhr request or load from the cache
*
* @memberOf Barba.Pjax
* @private
* @param {String} url
* @return {Promise}
*/
load: function(url) {
var deferred = Utils.deferred();
var _this = this;
var xhr;
xhr = this.Cache.get(url);
if (!xhr) {
xhr = Utils.xhr(url);
this.Cache.set(url, xhr);
}
xhr.then(
function(data) {
var container = _this.Dom.parseResponse(data);
_this.Dom.putContainer(container);
if (!_this.cacheEnabled)
_this.Cache.reset();
deferred.resolve(container);
},
function() {
//Something went wrong (timeout, 404, 505...)
_this.forceGoTo(url);
deferred.reject();
}
);
return deferred.promise;
},
/**
* Get the .href parameter out of an element
* and handle special cases (like xlink:href)
*
* @private
* @memberOf Barba.Pjax
* @param {HTMLElement} el
* @return {String} href
*/
getHref: function(el) {
if (!el) {
return undefined;
}
if (el.getAttribute && typeof el.getAttribute('xlink:href') === 'string') {
return el.getAttribute('xlink:href');
}
if (typeof el.href === 'string') {
return el.href;
}
return undefined;
},
/**
* Callback called from click event
*
* @memberOf Barba.Pjax
* @private
* @param {MouseEvent} evt
*/
onLinkClick: function(evt) {
var el = evt.target;
//Go up in the nodelist until we
//find something with an href
while (el && !this.getHref(el)) {
el = el.parentNode;
}
if (this.preventCheck(evt, el)) {
evt.stopPropagation();
evt.preventDefault();
Dispatcher.trigger('linkClicked', el, evt);
var href = this.getHref(el);
this.goTo(href);
}
},
/**
* Determine if the link should be followed
*
* @memberOf Barba.Pjax
* @param {MouseEvent} evt
* @param {HTMLElement} element
* @return {Boolean}
*/
preventCheck: function(evt, element) {
if (!window.history.pushState)
return false;
var href = this.getHref(element);
//User
if (!element || !href)
return false;
//Middle click, cmd click, and ctrl click
if (evt.which > 1 || evt.metaKey || evt.ctrlKey || evt.shiftKey || evt.altKey)
return false;
//Ignore target with _blank target
if (element.target && element.target === '_blank')
return false;
//Check if it's the same domain
if (window.location.protocol !== element.protocol || window.location.hostname !== element.hostname)
return false;
//Check if the port is the same
if (Utils.getPort() !== Utils.getPort(element.port))
return false;
//Ignore case when a hash is being tacked on the current URL
if (href.indexOf('#') > -1)
return false;
//Ignore case where there is download attribute
if (element.getAttribute && typeof element.getAttribute('download') === 'string')
return false;
//In case you're trying to load the same page
if (Utils.cleanLink(href) == Utils.cleanLink(location.href))
return false;
if (element.classList.contains(this.ignoreClassLink))
return false;
return true;
},
/**
* Return a transition object
*
* @memberOf Barba.Pjax
* @return {Barba.Transition} Transition object
*/
getTransition: function() {
//User customizable
return HideShowTransition;
},
/**
* Method called after a 'popstate' or from .goTo()
*
* @memberOf Barba.Pjax
* @private
*/
onStateChange: function() {
var newUrl = this.getCurrentUrl();
if (this.transitionProgress)
this.forceGoTo(newUrl);
if (this.History.currentStatus().url === newUrl)
return false;
this.History.add(newUrl);
var newContainer = this.load(newUrl);
var transition = Object.create(this.getTransition());
this.transitionProgress = true;
Dispatcher.trigger('initStateChange',
this.History.currentStatus(),
this.History.prevStatus()
);
var transitionInstance = transition.init(
this.Dom.getContainer(),
newContainer
);
newContainer.then(
this.onNewContainerLoaded.bind(this)
);
transitionInstance.then(
this.onTransitionEnd.bind(this)
);
},
/**
* Function called as soon the new container is ready
*
* @memberOf Barba.Pjax
* @private
* @param {HTMLElement} container
*/
onNewContainerLoaded: function(container) {
var currentStatus = this.History.currentStatus();
currentStatus.namespace = this.Dom.getNamespace(container);
Dispatcher.trigger('newPageReady',
this.History.currentStatus(),
this.History.prevStatus(),
container,
this.Dom.currentHTML
);
},
/**
* Function called as soon the transition is finished
*
* @memberOf Barba.Pjax
* @private
*/
onTransitionEnd: function() {
this.transitionProgress = false;
Dispatcher.trigger('transitionCompleted',
this.History.currentStatus(),
this.History.prevStatus()
);
}
};
module.exports = Pjax;
/***/ },
/* 11 */
/***/ function(module, exports, __webpack_require__) {
var BaseTransition = __webpack_require__(4);
/**
* Basic Transition object, wait for the new Container to be ready,
* scroll top, and finish the transition (removing the old container and displaying the new one)
*
* @private
* @namespace Barba.HideShowTransition
* @augments Barba.BaseTransition
*/
var HideShowTransition = BaseTransition.extend({
start: function() {
this.newContainerLoading.then(this.finish.bind(this));
},
finish: function() {
document.body.scrollTop = 0;
this.done();
}
});
module.exports = HideShowTransition;
/***/ },
/* 12 */
/***/ function(module, exports) {
/**
* Object that is going to deal with DOM parsing/manipulation
*
* @namespace Barba.Pjax.Dom
* @type {Object}
*/
var Dom = {
/**
* The name of the data attribute on the container
*
* @memberOf Barba.Pjax.Dom
* @type {String}
* @default
*/
dataNamespace: 'namespace',
/**
* Id of the main wrapper
*
* @memberOf Barba.Pjax.Dom
* @type {String}
* @default
*/
wrapperId: 'pjax-cont',
/**
* Class name used to identify the containers
*
* @memberOf Barba.Pjax.Dom
* @type {String}
* @default
*/
containerClass: 'pjax-wrap',
/**
* Full HTML String of the current page.
* By default is the innerHTML of the initial loaded page.
*
* Each time a new page is loaded, the value is the response of the xhr call.
*
* @memberOf Barba.Pjax.Dom
* @type {String}
*/
currentHTML: document.documentElement.innerHTML,
/**
* Parse the responseText obtained from the xhr call
*
* @memberOf Barba.Pjax.Dom
* @private
* @param {String} responseText
* @return {HTMLElement}
*/
parseResponse: function(responseText) {
this.currentHTML = responseText;
var wrapper = document.createElement('div');
wrapper.innerHTML = responseText;
var titleEl = wrapper.querySelector('title');
if (titleEl)
document.title = titleEl.textContent;
return this.getContainer(wrapper);
},
/**
* Get the main barba wrapper by the ID `wrapperId`
*
* @memberOf Barba.Pjax.Dom
* @return {HTMLElement} element
*/
getWrapper: function() {
var wrapper = document.getElementById(this.wrapperId);
if (!wrapper)
throw new Error('Barba.js: wrapper not found!');
return wrapper;
},
/**
* Get the container on the current DOM,
* or from an HTMLElement passed via argument
*
* @memberOf Barba.Pjax.Dom
* @private
* @param {HTMLElement} element
* @return {HTMLElement}
*/
getContainer: function(element) {
if (!element)
element = document.body;
if (!element)
throw new Error('Barba.js: DOM not ready!');
var container = this.parseContainer(element);
if (container && container.jquery)
container = container[0];
if (!container)
throw new Error('Barba.js: no container found');
return container;
},
/**
* Get the namespace of the container
*
* @memberOf Barba.Pjax.Dom
* @private
* @param {HTMLElement} element
* @return {String}
*/
getNamespace: function(element) {
if (element && element.dataset) {
return element.dataset[this.dataNamespace];
} else if (element) {
return element.getAttribute('data-' + this.dataNamespace);
}
return null;
},
/**
* Put the container on the page
*
* @memberOf Barba.Pjax.Dom
* @private
* @param {HTMLElement} element
*/
putContainer: function(element) {
element.style.visibility = 'hidden';
var wrapper = this.getWrapper();
wrapper.appendChild(element);
},
/**
* Get container selector
*
* @memberOf Barba.Pjax.Dom
* @private
* @param {HTMLElement} element
* @return {HTMLElement} element
*/
parseContainer: function(element) {
return element.querySelector('.' + this.containerClass);
}
};
module.exports = Dom;
/***/ },
/* 13 */
/***/ function(module, exports, __webpack_require__) {
var Utils = __webpack_require__(5);
var Pjax = __webpack_require__(10);
/**
* Prefetch
*
* @namespace Barba.Prefetch
* @type {Object}
*/
var Prefetch = {
/**
* Class name used to ignore prefetch on links
*
* @memberOf Barba.Prefetch
* @type {String}
* @default
*/
ignoreClassLink: 'no-barba-prefetch',
/**
* Init the event listener on mouseover and touchstart
* for the prefetch
*
* @memberOf Barba.Prefetch
*/
init: function() {
if (!window.history.pushState) {
return false;
}
document.body.addEventListener('mouseover', this.onLinkEnter.bind(this));
document.body.addEventListener('touchstart', this.onLinkEnter.bind(this));
},
/**
* Callback for the mousehover/touchstart
*
* @memberOf Barba.Prefetch
* @private
* @param {Object} evt
*/
onLinkEnter: function(evt) {
var el = evt.target;
while (el && !Pjax.getHref(el)) {
el = el.parentNode;
}
if (!el || el.classList.contains(this.ignoreClassLink)) {
return;
}
var url = Pjax.getHref(el);
//Check if the link is elegible for Pjax
if (Pjax.preventCheck(evt, el) && !Pjax.Cache.get(url)) {
var xhr = Utils.xhr(url);
Pjax.Cache.set(url, xhr);
}
}
};
module.exports = Prefetch;
/***/ }
/******/ ])
});
;
//# sourceMappingURL=barba.js.map
\ No newline at end of file
assets/js/_vendor/gsap.min.js 0 → 100644
/*!
* GSAP 3.5.1
* https://greensock.com
*
* @license Copyright 2020, GreenSock. All rights reserved.
* Subject to the terms at https://greensock.com/standard-license or for Club GreenSock members, the agreement issued with that membership.
* @author: Jack Doyle, jack@greensock.com
*/
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t=t||self).window=t.window||{})}(this,function(e){"use strict";function _inheritsLoose(t,e){t.prototype=Object.create(e.prototype),(t.prototype.constructor=t).__proto__=e}function _assertThisInitialized(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function n(t){return"string"==typeof t}function o(t){return"function"==typeof t}function p(t){return"number"==typeof t}function q(t){return void 0===t}function r(t){return"object"==typeof t}function s(t){return!1!==t}function t(){return"undefined"!=typeof window}function u(t){return o(t)||n(t)}function K(t){return(l=mt(t,ot))&&ae}function L(t,e){return console.warn("Invalid property",t,"set to",e,"Missing plugin? gsap.registerPlugin()")}function M(t,e){return!e&&console.warn(t)}function N(t,e){return t&&(ot[t]=e)&&l&&(l[t]=e)||ot}function O(){return 0}function Y(t){var e,i,n=t[0];if(r(n)||o(n)||(t=[t]),!(e=(n._gsap||{}).harness)){for(i=_t.length;i--&&!_t[i].targetTest(n););e=_t[i]}for(i=t.length;i--;)t[i]&&(t[i]._gsap||(t[i]._gsap=new It(t[i],e)))||t.splice(i,1);return t}function Z(t){return t._gsap||Y(bt(t))[0]._gsap}function $(t,e,r){return(r=t[e])&&o(r)?t[e]():q(r)&&t.getAttribute&&t.getAttribute(e)||r}function _(t,e){return(t=t.split(",")).forEach(e)||t}function aa(t){return Math.round(1e5*t)/1e5||0}function ba(t,e){for(var r=e.length,i=0;t.indexOf(e[i])<0&&++i<r;);return i<r}function ca(t,e,r){var i,n=p(t[1]),a=(n?2:1)+(e<2?0:1),o=t[a];if(n&&(o.duration=t[1]),o.parent=r,e){for(i=o;r&&!("immediateRender"in i);)i=r.vars.defaults||{},r=s(r.vars.inherit)&&r.parent;o.immediateRender=s(i.immediateRender),e<2?o.runBackwards=1:o.startAt=t[a-1]}return o}function da(){var t,e,r=ht.length,i=ht.slice(0);for(lt={},t=ht.length=0;t<r;t++)(e=i[t])&&e._lazy&&(e.render(e._lazy[0],e._lazy[1],!0)._lazy=0)}function ea(t,e,r,i){ht.length&&da(),t.render(e,r,i),ht.length&&da()}function fa(t){var e=parseFloat(t);return(e||0===e)&&(t+"").match(st).length<2?e:n(t)?t.trim():t}function ga(t){return t}function ha(t,e){for(var r in e)r in t||(t[r]=e[r]);return t}function ia(t,e){for(var r in e)r in t||"duration"===r||"ease"===r||(t[r]=e[r])}function ka(t,e){for(var i in e)t[i]=r(e[i])?ka(t[i]||(t[i]={}),e[i]):e[i];return t}function la(t,e){var r,i={};for(r in t)r in e||(i[r]=t[r]);return i}function ma(t){var e=t.parent||E,r=t.keyframes?ia:ha;if(s(t.inherit))for(;e;)r(t,e.vars.defaults),e=e.parent||e._dp;return t}function pa(t,e,r,i){void 0===r&&(r="_first"),void 0===i&&(i="_last");var n=e._prev,a=e._next;n?n._next=a:t[r]===e&&(t[r]=a),a?a._prev=n:t[i]===e&&(t[i]=n),e._next=e._prev=e.parent=null}function qa(t,e){!t.parent||e&&!t.parent.autoRemoveChildren||t.parent.remove(t),t._act=0}function ra(t,e){if(t&&(!e||e._end>t._dur||e._start<0))for(var r=t;r;)r._dirty=1,r=r.parent;return t}function ua(t){return t._repeat?gt(t._tTime,t=t.duration()+t._rDelay)*t:0}function wa(t,e){return(t-e._start)*e._ts+(0<=e._ts?0:e._dirty?e.totalDuration():e._tDur)}function xa(t){return t._end=aa(t._start+(t._tDur/Math.abs(t._ts||t._rts||U)||0))}function ya(t,e){var r=t._dp;return r&&r.smoothChildTiming&&t._ts&&(t._start=aa(t._dp._time-(0<t._ts?e/t._ts:((t._dirty?t.totalDuration():t._tDur)-e)/-t._ts)),xa(t),r._dirty||ra(r,t)),t}function za(t,e){var r;if((e._time||e._initted&&!e._dur)&&(r=wa(t.rawTime(),e),(!e._dur||yt(0,e.totalDuration(),r)-e._tTime>U)&&e.render(r,!0)),ra(t,e)._dp&&t._initted&&t._time>=t._dur&&t._ts){if(t._dur<t.duration())for(r=t;r._dp;)0<=r.rawTime()&&r.totalTime(r._tTime),r=r._dp;t._zTime=-U}}function Aa(t,e,r,i){return e.parent&&qa(e),e._start=aa(r+e._delay),e._end=aa(e._start+(e.totalDuration()/Math.abs(e.timeScale())||0)),function _addLinkedListItem(t,e,r,i,n){void 0===r&&(r="_first"),void 0===i&&(i="_last");var a,s=t[i];if(n)for(a=e[n];s&&s[n]>a;)s=s._prev;s?(e._next=s._next,s._next=e):(e._next=t[r],t[r]=e),e._next?e._next._prev=e:t[i]=e,e._prev=s,e.parent=e._dp=t}(t,e,"_first","_last",t._sort?"_start":0),t._recent=e,i||za(t,e),t}function Ba(t,e){return(ot.ScrollTrigger||L("scrollTrigger",e))&&ot.ScrollTrigger.create(e,t)}function Ca(t,e,r,i){return Nt(t,e),t._initted?!r&&t._pt&&(t._dur&&!1!==t.vars.lazy||!t._dur&&t.vars.lazy)&&d!==At.frame?(ht.push(t),t._lazy=[e,i],1):void 0:1}function Fa(t,e,r,i){var n=t._repeat,a=aa(e)||0,s=t._tTime/t._tDur;return s&&!i&&(t._time*=a/t._dur),t._dur=a,t._tDur=n?n<0?1e10:aa(a*(n+1)+t._rDelay*n):a,s&&!i?ya(t,t._tTime=t._tDur*s):t.parent&&xa(t),r||ra(t.parent,t),t}function Ga(t){return t instanceof Bt?ra(t):Fa(t,t._dur)}function Ia(t,e){var r,i,a=t.labels,s=t._recent||vt,o=t.duration()>=B?s.endTime(!1):t._dur;return n(e)&&(isNaN(e)||e in a)?"<"===(r=e.charAt(0))||">"===r?("<"===r?s._start:s.endTime(0<=s._repeat))+(parseFloat(e.substr(1))||0):(r=e.indexOf("="))<0?(e in a||(a[e]=o),a[e]):(i=+(e.charAt(r-1)+e.substr(r+1)),1<r?Ia(t,e.substr(0,r-1))+i:o+i):null==e?o:+e}function Ja(t,e){return t||0===t?e(t):e}function La(t){return(t=(t+"").substr((parseFloat(t)+"").length))&&isNaN(t)?t:""}function Oa(t,e){return t&&r(t)&&"length"in t&&(!e&&!t.length||t.length-1 in t&&r(t[0]))&&!t.nodeType&&t!==i}function Ra(t){return t.sort(function(){return.5-Math.random()})}function Sa(t){if(o(t))return t;var _=r(t)?t:{each:t},c=Rt(_.ease),m=_.from||0,g=parseFloat(_.base)||0,v={},e=0<m&&m<1,y=isNaN(m)||e,T=_.axis,b=m,w=m;return n(m)?b=w={center:.5,edges:.5,end:1}[m]||0:!e&&y&&(b=m[0],w=m[1]),function(t,e,r){var i,n,a,s,o,u,h,l,f,d=(r||_).length,p=v[d];if(!p){if(!(f="auto"===_.grid?0:(_.grid||[1,B])[1])){for(h=-B;h<(h=r[f++].getBoundingClientRect().left)&&f<d;);f--}for(p=v[d]=[],i=y?Math.min(f,d)*b-.5:m%f,n=y?d*w/f-.5:m/f|0,l=B,u=h=0;u<d;u++)a=u%f-i,s=n-(u/f|0),p[u]=o=T?Math.abs("y"===T?s:a):J(a*a+s*s),h<o&&(h=o),o<l&&(l=o);"random"===m&&Ra(p),p.max=h-l,p.min=l,p.v=d=(parseFloat(_.amount)||parseFloat(_.each)*(d<f?d-1:T?"y"===T?d/f:f:Math.max(f,d/f))||0)*("edges"===m?-1:1),p.b=d<0?g-d:g,p.u=La(_.amount||_.each)||0,c=c&&d<0?Ft(c):c}return d=(p[t]-p.min)/p.max||0,aa(p.b+(c?c(d):d)*p.v)+p.u}}function Ta(e){var r=e<1?Math.pow(10,(e+"").length-2):1;return function(t){return Math.floor(Math.round(parseFloat(t)/e)*e*r)/r+(p(t)?0:La(t))}}function Ua(u,t){var h,l,e=tt(u);return!e&&r(u)&&(h=e=u.radius||B,u.values?(u=bt(u.values),(l=!p(u[0]))&&(h*=h)):u=Ta(u.increment)),Ja(t,e?o(u)?function(t){return l=u(t),Math.abs(l-t)<=h?l:t}:function(t){for(var e,r,i=parseFloat(l?t.x:t),n=parseFloat(l?t.y:0),a=B,s=0,o=u.length;o--;)(e=l?(e=u[o].x-i)*e+(r=u[o].y-n)*r:Math.abs(u[o]-i))<a&&(a=e,s=o);return s=!h||a<=h?u[s]:t,l||s===t||p(t)?s:s+La(t)}:Ta(u))}function Va(t,e,r,i){return Ja(tt(t)?!e:!0===r?!!(r=0):!i,function(){return tt(t)?t[~~(Math.random()*t.length)]:(r=r||1e-5)&&(i=r<1?Math.pow(10,(r+"").length-2):1)&&Math.floor(Math.round((t+Math.random()*(e-t))/r)*r*i)/i})}function Za(e,r,t){return Ja(t,function(t){return e[~~r(t)]})}function ab(t){for(var e,r,i,n,a=0,s="";~(e=t.indexOf("random(",a));)i=t.indexOf(")",e),n="["===t.charAt(e+7),r=t.substr(e+7,i-e-7).match(n?st:et),s+=t.substr(a,e-a)+Va(n?r:+r[0],n?0:+r[1],+r[2]||1e-5),a=i+1;return s+t.substr(a,t.length-a)}function db(t,e,r){var i,n,a,s=t.labels,o=B;for(i in s)(n=s[i]-e)<0==!!r&&n&&o>(n=Math.abs(n))&&(a=i,o=n);return a}function fb(t){return qa(t),t.progress()<1&&xt(t,"onInterrupt"),t}function kb(t,e,r){return(6*(t=t<0?t+1:1<t?t-1:t)<1?e+(r-e)*t*6:t<.5?r:3*t<2?e+(r-e)*(2/3-t)*6:e)*kt+.5|0}function lb(t,e,r){var i,n,a,s,o,u,h,l,f,d,_=t?p(t)?[t>>16,t>>8&kt,t&kt]:0:Ot.black;if(!_){if(","===t.substr(-1)&&(t=t.substr(0,t.length-1)),Ot[t])_=Ot[t];else if("#"===t.charAt(0))4===t.length&&(t="#"+(i=t.charAt(1))+i+(n=t.charAt(2))+n+(a=t.charAt(3))+a),_=[(t=parseInt(t.substr(1),16))>>16,t>>8&kt,t&kt];else if("hsl"===t.substr(0,3))if(_=d=t.match(et),e){if(~t.indexOf("="))return _=t.match(rt),r&&_.length<4&&(_[3]=1),_}else s=+_[0]%360/360,o=_[1]/100,i=2*(u=_[2]/100)-(n=u<=.5?u*(o+1):u+o-u*o),3<_.length&&(_[3]*=1),_[0]=kb(s+1/3,i,n),_[1]=kb(s,i,n),_[2]=kb(s-1/3,i,n);else _=t.match(et)||Ot.transparent;_=_.map(Number)}return e&&!d&&(i=_[0]/kt,n=_[1]/kt,a=_[2]/kt,u=((h=Math.max(i,n,a))+(l=Math.min(i,n,a)))/2,h===l?s=o=0:(f=h-l,o=.5<u?f/(2-h-l):f/(h+l),s=h===i?(n-a)/f+(n<a?6:0):h===n?(a-i)/f+2:(i-n)/f+4,s*=60),_[0]=~~(s+.5),_[1]=~~(100*o+.5),_[2]=~~(100*u+.5)),r&&_.length<4&&(_[3]=1),_}function mb(t){var r=[],i=[],n=-1;return t.split(Mt).forEach(function(t){var e=t.match(it)||[];r.push.apply(r,e),i.push(n+=e.length+1)}),r.c=i,r}function nb(t,e,r){var i,n,a,s,o="",u=(t+o).match(Mt),h=e?"hsla(":"rgba(",l=0;if(!u)return t;if(u=u.map(function(t){return(t=lb(t,e,1))&&h+(e?t[0]+","+t[1]+"%,"+t[2]+"%,"+t[3]:t.join(","))+")"}),r&&(a=mb(t),(i=r.c).join(o)!==a.c.join(o)))for(s=(n=t.replace(Mt,"1").split(it)).length-1;l<s;l++)o+=n[l]+(~i.indexOf(l)?u.shift()||h+"0,0,0,0)":(a.length?a:u.length?u:r).shift());if(!n)for(s=(n=t.split(Mt)).length-1;l<s;l++)o+=n[l]+u[l];return o+n[s]}function qb(t){var e,r=t.join(" ");if(Mt.lastIndex=0,Mt.test(r))return e=Ct.test(r),t[1]=nb(t[1],e),t[0]=nb(t[0],e,mb(t[1])),!0}function zb(t){var e=(t+"").split("("),r=Dt[e[0]];return r&&1<e.length&&r.config?r.config.apply(null,~t.indexOf("{")?[function _parseObjectInString(t){for(var e,r,i,n={},a=t.substr(1,t.length-3).split(":"),s=a[0],o=1,u=a.length;o<u;o++)r=a[o],e=o!==u-1?r.lastIndexOf(","):r.length,i=r.substr(0,e),n[s]=isNaN(i)?i.replace(zt,"").trim():+i,s=r.substr(e+1).trim();return n}(e[1])]:function _valueInParentheses(t){var e=t.indexOf("(")+1,r=t.indexOf(")"),i=t.indexOf("(",e);return t.substring(e,~i&&i<r?t.indexOf(")",r+1):r)}(t).split(",").map(fa)):Dt._CE&&St.test(t)?Dt._CE("",t):r}function Bb(t,e){for(var r,i=t._first;i;)i instanceof Bt?Bb(i,e):!i.vars.yoyoEase||i._yoyo&&i._repeat||i._yoyo===e||(i.timeline?Bb(i.timeline,e):(r=i._ease,i._ease=i._yEase,i._yEase=r,i._yoyo=e)),i=i._next}function Db(t,e,r,i){void 0===r&&(r=function easeOut(t){return 1-e(1-t)}),void 0===i&&(i=function easeInOut(t){return t<.5?e(2*t)/2:1-e(2*(1-t))/2});var n,a={easeIn:e,easeOut:r,easeInOut:i};return _(t,function(t){for(var e in Dt[t]=ot[t]=a,Dt[n=t.toLowerCase()]=r,a)Dt[n+("easeIn"===e?".in":"easeOut"===e?".out":".inOut")]=Dt[t+"."+e]=a[e]}),a}function Eb(e){return function(t){return t<.5?(1-e(1-2*t))/2:.5+e(2*(t-.5))/2}}function Fb(r,t,e){function ul(t){return 1===t?1:i*Math.pow(2,-10*t)*W((t-a)*n)+1}var i=1<=t?t:1,n=(e||(r?.3:.45))/(t<1?t:1),a=n/V*(Math.asin(1/i)||0),s="out"===r?ul:"in"===r?function(t){return 1-ul(1-t)}:Eb(ul);return n=V/n,s.config=function(t,e){return Fb(r,t,e)},s}function Gb(e,r){function Cl(t){return t?--t*t*((r+1)*t+r)+1:0}void 0===r&&(r=1.70158);var t="out"===e?Cl:"in"===e?function(t){return 1-Cl(1-t)}:Eb(Cl);return t.config=function(t){return Gb(e,t)},t}var E,i,a,h,l,f,d,c,m,g,v,y,T,b,w,x,k,C,A,P,D,S,z,F,R,j={autoSleep:120,force3D:"auto",nullTargetWarn:1,units:{lineHeight:""}},I={duration:.5,overwrite:!1,delay:0},B=1e8,U=1/B,V=2*Math.PI,X=V/4,G=0,J=Math.sqrt,Q=Math.cos,W=Math.sin,H="function"==typeof ArrayBuffer&&ArrayBuffer.isView||function(){},tt=Array.isArray,et=/(?:-?\.?\d|\.)+/gi,rt=/[-+=.]*\d+[.e\-+]*\d*[e\-\+]*\d*/g,it=/[-+=.]*\d+[.e-]*\d*[a-z%]*/g,nt=/[-+=.]*\d+(?:\.|e-|e)*\d*/gi,at=/[+-]=-?[\.\d]+/,st=/[#\-+.]*\b[a-z\d-=+%.]+/gi,ot={},ut={},ht=[],lt={},ft={},dt={},pt=30,_t=[],ct="",mt=function _merge(t,e){for(var r in e)t[r]=e[r];return t},gt=function _animationCycle(t,e){return(t/=e)&&~~t===t?~~t-1:~~t},vt={_start:0,endTime:O},yt=function _clamp(t,e,r){return r<t?t:e<r?e:r},Tt=[].slice,bt=function toArray(t,e){return!n(t)||e||!a&&Pt()?tt(t)?function _flatten(t,e,r){return void 0===r&&(r=[]),t.forEach(function(t){return n(t)&&!e||Oa(t,1)?r.push.apply(r,bt(t)):r.push(t)})||r}(t,e):Oa(t)?Tt.call(t,0):t?[t]:[]:Tt.call(h.querySelectorAll(t),0)},wt=function mapRange(e,t,r,i,n){var a=t-e,s=i-r;return Ja(n,function(t){return r+((t-e)/a*s||0)})},xt=function _callback(t,e,r){var i,n,a=t.vars,s=a[e];if(s)return i=a[e+"Params"],n=a.callbackScope||t,r&&ht.length&&da(),i?s.apply(n,i):s.call(n)},kt=255,Ot={aqua:[0,kt,kt],lime:[0,kt,0],silver:[192,192,192],black:[0,0,0],maroon:[128,0,0],teal:[0,128,128],blue:[0,0,kt],navy:[0,0,128],white:[kt,kt,kt],olive:[128,128,0],yellow:[kt,kt,0],orange:[kt,165,0],gray:[128,128,128],purple:[128,0,128],green:[0,128,0],red:[kt,0,0],pink:[kt,192,203],cyan:[0,kt,kt],transparent:[kt,kt,kt,0]},Mt=function(){var t,e="(?:\\b(?:(?:rgb|rgba|hsl|hsla)\\(.+?\\))|\\B#(?:[0-9a-f]{3}){1,2}\\b";for(t in Ot)e+="|"+t+"\\b";return new RegExp(e+")","gi")}(),Ct=/hsl[a]?\(/,At=(x=Date.now,k=500,C=33,A=x(),P=A,S=D=1e3/240,T={time:0,frame:0,tick:function tick(){qk(!0)},deltaRatio:function deltaRatio(t){return b/(1e3/(t||60))},wake:function wake(){f&&(!a&&t()&&(i=a=window,h=i.document||{},ot.gsap=ae,(i.gsapVersions||(i.gsapVersions=[])).push(ae.version),K(l||i.GreenSockGlobals||!i.gsap&&i||{}),y=i.requestAnimationFrame),g&&T.sleep(),v=y||function(t){return setTimeout(t,S-1e3*T.time+1|0)},m=1,qk(2))},sleep:function sleep(){(y?i.cancelAnimationFrame:clearTimeout)(g),m=0,v=O},lagSmoothing:function lagSmoothing(t,e){k=t||1e8,C=Math.min(e,k,0)},fps:function fps(t){D=1e3/(t||240),S=1e3*T.time+D},add:function add(t){z.indexOf(t)<0&&z.push(t),Pt()},remove:function remove(t){var e;~(e=z.indexOf(t))&&z.splice(e,1)&&e<=w&&w--},_listeners:z=[]}),Pt=function _wake(){return!m&&At.wake()},Dt={},St=/^[\d.\-M][\d.\-,\s]/,zt=/["']/g,Ft=function _invertEase(e){return function(t){return 1-e(1-t)}},Rt=function _parseEase(t,e){return t&&(o(t)?t:Dt[t]||zb(t))||e};function qk(t){var e,r,i,n,a=x()-P,s=!0===t;if(k<a&&(A+=a-C),(0<(e=(i=(P+=a)-A)-S)||s)&&(n=++T.frame,b=i-1e3*T.time,T.time=i/=1e3,S+=e+(D<=e?4:D-e),r=1),s||(g=v(qk)),r)for(w=0;w<z.length;w++)z[w](i,b,n,t)}function Tl(t){return t<R?F*t*t:t<.7272727272727273?F*Math.pow(t-1.5/2.75,2)+.75:t<.9090909090909092?F*(t-=2.25/2.75)*t+.9375:F*Math.pow(t-2.625/2.75,2)+.984375}_("Linear,Quad,Cubic,Quart,Quint,Strong",function(t,e){var r=e<5?e+1:e;Db(t+",Power"+(r-1),e?function(t){return Math.pow(t,r)}:function(t){return t},function(t){return 1-Math.pow(1-t,r)},function(t){return t<.5?Math.pow(2*t,r)/2:1-Math.pow(2*(1-t),r)/2})}),Dt.Linear.easeNone=Dt.none=Dt.Linear.easeIn,Db("Elastic",Fb("in"),Fb("out"),Fb()),F=7.5625,R=1/2.75,Db("Bounce",function(t){return 1-Tl(1-t)},Tl),Db("Expo",function(t){return t?Math.pow(2,10*(t-1)):0}),Db("Circ",function(t){return-(J(1-t*t)-1)}),Db("Sine",function(t){return 1===t?1:1-Q(t*X)}),Db("Back",Gb("in"),Gb("out"),Gb()),Dt.SteppedEase=Dt.steps=ot.SteppedEase={config:function config(t,e){void 0===t&&(t=1);var r=1/t,i=t+(e?0:1),n=e?1:0;return function(t){return((i*yt(0,.99999999,t)|0)+n)*r}}},I.ease=Dt["quad.out"],_("onComplete,onUpdate,onStart,onRepeat,onReverseComplete,onInterrupt",function(t){return ct+=t+","+t+"Params,"});var Et,It=function GSCache(t,e){this.id=G++,(t._gsap=this).target=t,this.harness=e,this.get=e?e.get:$,this.set=e?e.getSetter:Qt},Lt=((Et=Animation.prototype).delay=function delay(t){return t||0===t?(this.parent&&this.parent.smoothChildTiming&&this.startTime(this._start+t-this._delay),this._delay=t,this):this._delay},Et.duration=function duration(t){return arguments.length?this.totalDuration(0<this._repeat?t+(t+this._rDelay)*this._repeat:t):this.totalDuration()&&this._dur},Et.totalDuration=function totalDuration(t){return arguments.length?(this._dirty=0,Fa(this,this._repeat<0?t:(t-this._repeat*this._rDelay)/(this._repeat+1))):this._tDur},Et.totalTime=function totalTime(t,e){if(Pt(),!arguments.length)return this._tTime;var r=this._dp;if(r&&r.smoothChildTiming&&this._ts){for(ya(this,t);r.parent;)r.parent._time!==r._start+(0<=r._ts?r._tTime/r._ts:(r.totalDuration()-r._tTime)/-r._ts)&&r.totalTime(r._tTime,!0),r=r.parent;!this.parent&&this._dp.autoRemoveChildren&&(0<this._ts&&t<this._tDur||this._ts<0&&0<t||!this._tDur&&!t)&&Aa(this._dp,this,this._start-this._delay)}return(this._tTime!==t||!this._dur&&!e||this._initted&&Math.abs(this._zTime)===U||!t&&!this._initted&&(this.add||this._ptLookup))&&(this._ts||(this._pTime=t),ea(this,t,e)),this},Et.time=function time(t,e){return arguments.length?this.totalTime(Math.min(this.totalDuration(),t+ua(this))%this._dur||(t?this._dur:0),e):this._time},Et.totalProgress=function totalProgress(t,e){return arguments.length?this.totalTime(this.totalDuration()*t,e):this.totalDuration()?Math.min(1,this._tTime/this._tDur):this.ratio},Et.progress=function progress(t,e){return arguments.length?this.totalTime(this.duration()*(!this._yoyo||1&this.iteration()?t:1-t)+ua(this),e):this.duration()?Math.min(1,this._time/this._dur):this.ratio},Et.iteration=function iteration(t,e){var r=this.duration()+this._rDelay;return arguments.length?this.totalTime(this._time+(t-1)*r,e):this._repeat?gt(this._tTime,r)+1:1},Et.timeScale=function timeScale(t){if(!arguments.length)return this._rts===-U?0:this._rts;if(this._rts===t)return this;var e=this.parent&&this._ts?wa(this.parent._time,this):this._tTime;return this._rts=+t||0,this._ts=this._ps||t===-U?0:this._rts,function _recacheAncestors(t){for(var e=t.parent;e&&e.parent;)e._dirty=1,e.totalDuration(),e=e.parent;return t}(this.totalTime(yt(-this._delay,this._tDur,e),!0))},Et.paused=function paused(t){return arguments.length?(this._ps!==t&&((this._ps=t)?(this._pTime=this._tTime||Math.max(-this._delay,this.rawTime()),this._ts=this._act=0):(Pt(),this._ts=this._rts,this.totalTime(this.parent&&!this.parent.smoothChildTiming?this.rawTime():this._tTime||this._pTime,1===this.progress()&&(this._tTime-=U)&&Math.abs(this._zTime)!==U))),this):this._ps},Et.startTime=function startTime(t){if(arguments.length){this._start=t;var e=this.parent||this._dp;return!e||!e._sort&&this.parent||Aa(e,this,t-this._delay),this}return this._start},Et.endTime=function endTime(t){return this._start+(s(t)?this.totalDuration():this.duration())/Math.abs(this._ts)},Et.rawTime=function rawTime(t){var e=this.parent||this._dp;return e?t&&(!this._ts||this._repeat&&this._time&&this.totalProgress()<1)?this._tTime%(this._dur+this._rDelay):this._ts?wa(e.rawTime(t),this):this._tTime:this._tTime},Et.globalTime=function globalTime(t){for(var e=this,r=arguments.length?t:e.rawTime();e;)r=e._start+r/(e._ts||1),e=e._dp;return r},Et.repeat=function repeat(t){return arguments.length?(this._repeat=t,Ga(this)):this._repeat},Et.repeatDelay=function repeatDelay(t){return arguments.length?(this._rDelay=t,Ga(this)):this._rDelay},Et.yoyo=function yoyo(t){return arguments.length?(this._yoyo=t,this):this._yoyo},Et.seek=function seek(t,e){return this.totalTime(Ia(this,t),s(e))},Et.restart=function restart(t,e){return this.play().totalTime(t?-this._delay:0,s(e))},Et.play=function play(t,e){return null!=t&&this.seek(t,e),this.reversed(!1).paused(!1)},Et.reverse=function reverse(t,e){return null!=t&&this.seek(t||this.totalDuration(),e),this.reversed(!0).paused(!1)},Et.pause=function pause(t,e){return null!=t&&this.seek(t,e),this.paused(!0)},Et.resume=function resume(){return this.paused(!1)},Et.reversed=function reversed(t){return arguments.length?(!!t!==this.reversed()&&this.timeScale(-this._rts||(t?-U:0)),this):this._rts<0},Et.invalidate=function invalidate(){return this._initted=0,this._zTime=-U,this},Et.isActive=function isActive(){var t,e=this.parent||this._dp,r=this._start;return!(e&&!(this._ts&&this._initted&&e.isActive()&&(t=e.rawTime(!0))>=r&&t<this.endTime(!0)-U))},Et.eventCallback=function eventCallback(t,e,r){var i=this.vars;return 1<arguments.length?(e?(i[t]=e,r&&(i[t+"Params"]=r),"onUpdate"===t&&(this._onUpdate=e)):delete i[t],this):i[t]},Et.then=function then(t){var i=this;return new Promise(function(e){function jn(){var t=i.then;i.then=null,o(r)&&(r=r(i))&&(r.then||r===i)&&(i.then=t),e(r),i.then=t}var r=o(t)?t:ga;i._initted&&1===i.totalProgress()&&0<=i._ts||!i._tTime&&i._ts<0?jn():i._prom=jn})},Et.kill=function kill(){fb(this)},Animation);function Animation(t,e){var r=t.parent||E;this.vars=t,this._delay=+t.delay||0,(this._repeat=t.repeat||0)&&(this._rDelay=t.repeatDelay||0,this._yoyo=!!t.yoyo||!!t.yoyoEase),this._ts=1,Fa(this,+t.duration,1,1),this.data=t.data,m||At.wake(),r&&Aa(r,this,e||0===e?e:r._time,1),t.reversed&&this.reverse(),t.paused&&this.paused(!0)}ha(Lt.prototype,{_time:0,_start:0,_end:0,_tTime:0,_tDur:0,_dirty:0,_repeat:0,_yoyo:!1,parent:null,_initted:!1,_rDelay:0,_ts:1,_dp:0,ratio:0,_zTime:-U,_prom:0,_ps:!1,_rts:1});var Bt=function(i){function Timeline(t,e){var r;return void 0===t&&(t={}),(r=i.call(this,t,e)||this).labels={},r.smoothChildTiming=!!t.smoothChildTiming,r.autoRemoveChildren=!!t.autoRemoveChildren,r._sort=s(t.sortChildren),r.parent&&za(r.parent,_assertThisInitialized(r)),t.scrollTrigger&&Ba(_assertThisInitialized(r),t.scrollTrigger),r}_inheritsLoose(Timeline,i);var t=Timeline.prototype;return t.to=function to(t,e,r,i){return new Xt(t,ca(arguments,0,this),Ia(this,p(e)?i:r)),this},t.from=function from(t,e,r,i){return new Xt(t,ca(arguments,1,this),Ia(this,p(e)?i:r)),this},t.fromTo=function fromTo(t,e,r,i,n){return new Xt(t,ca(arguments,2,this),Ia(this,p(e)?n:i)),this},t.set=function set(t,e,r){return e.duration=0,e.parent=this,ma(e).repeatDelay||(e.repeat=0),e.immediateRender=!!e.immediateRender,new Xt(t,e,Ia(this,r),1),this},t.call=function call(t,e,r){return Aa(this,Xt.delayedCall(0,t,e),Ia(this,r))},t.staggerTo=function staggerTo(t,e,r,i,n,a,s){return r.duration=e,r.stagger=r.stagger||i,r.onComplete=a,r.onCompleteParams=s,r.parent=this,new Xt(t,r,Ia(this,n)),this},t.staggerFrom=function staggerFrom(t,e,r,i,n,a,o){return r.runBackwards=1,ma(r).immediateRender=s(r.immediateRender),this.staggerTo(t,e,r,i,n,a,o)},t.staggerFromTo=function staggerFromTo(t,e,r,i,n,a,o,u){return i.startAt=r,ma(i).immediateRender=s(i.immediateRender),this.staggerTo(t,e,i,n,a,o,u)},t.render=function render(t,e,r){var i,n,a,s,o,u,h,l,f,d,p,_,c=this._time,m=this._dirty?this.totalDuration():this._tDur,g=this._dur,v=this!==E&&m-U<t&&0<=t?m:t<U?0:t,y=this._zTime<0!=t<0&&(this._initted||!g);if(v!==this._tTime||r||y){if(c!==this._time&&g&&(v+=this._time-c,t+=this._time-c),i=v,f=this._start,u=!(l=this._ts),y&&(g||(c=this._zTime),!t&&e||(this._zTime=t)),this._repeat&&(p=this._yoyo,o=g+this._rDelay,i=aa(v%o),v===m?(s=this._repeat,i=g):((s=~~(v/o))&&s===v/o&&(i=g,s--),g<i&&(i=g)),d=gt(this._tTime,o),!c&&this._tTime&&d!==s&&(d=s),p&&1&s&&(i=g-i,_=1),s!==d&&!this._lock)){var T=p&&1&d,b=T===(p&&1&s);if(s<d&&(T=!T),c=T?0:g,this._lock=1,this.render(c||(_?0:aa(s*o)),e,!g)._lock=0,!e&&this.parent&&xt(this,"onRepeat"),this.vars.repeatRefresh&&!_&&(this.invalidate()._lock=1),c!==this._time||u!=!this._ts)return this;if(g=this._dur,m=this._tDur,b&&(this._lock=2,c=T?g:-1e-4,this.render(c,!0),this.vars.repeatRefresh&&!_&&this.invalidate()),this._lock=0,!this._ts&&!u)return this;Bb(this,_)}if(this._hasPause&&!this._forcing&&this._lock<2&&(h=function _findNextPauseTween(t,e,r){var i;if(e<r)for(i=t._first;i&&i._start<=r;){if(!i._dur&&"isPause"===i.data&&i._start>e)return i;i=i._next}else for(i=t._last;i&&i._start>=r;){if(!i._dur&&"isPause"===i.data&&i._start<e)return i;i=i._prev}}(this,aa(c),aa(i)))&&(v-=i-(i=h._start)),this._tTime=v,this._time=i,this._act=!l,this._initted||(this._onUpdate=this.vars.onUpdate,this._initted=1,this._zTime=t),c||!i||e||xt(this,"onStart"),c<=i&&0<=t)for(n=this._first;n;){if(a=n._next,(n._act||i>=n._start)&&n._ts&&h!==n){if(n.parent!==this)return this.render(t,e,r);if(n.render(0<n._ts?(i-n._start)*n._ts:(n._dirty?n.totalDuration():n._tDur)+(i-n._start)*n._ts,e,r),i!==this._time||!this._ts&&!u){h=0,a&&(v+=this._zTime=-U);break}}n=a}else{n=this._last;for(var w=t<0?t:i;n;){if(a=n._prev,(n._act||w<=n._end)&&n._ts&&h!==n){if(n.parent!==this)return this.render(t,e,r);if(n.render(0<n._ts?(w-n._start)*n._ts:(n._dirty?n.totalDuration():n._tDur)+(w-n._start)*n._ts,e,r),i!==this._time||!this._ts&&!u){h=0,a&&(v+=this._zTime=w?-U:U);break}}n=a}}if(h&&!e&&(this.pause(),h.render(c<=i?0:-U)._zTime=c<=i?1:-1,this._ts))return this._start=f,xa(this),this.render(t,e,r);this._onUpdate&&!e&&xt(this,"onUpdate",!0),(v===m&&m>=this.totalDuration()||!v&&c)&&(f!==this._start&&Math.abs(l)===Math.abs(this._ts)||this._lock||(!t&&g||!(v===m&&0<this._ts||!v&&this._ts<0)||qa(this,1),e||t<0&&!c||!v&&!c||(xt(this,v===m?"onComplete":"onReverseComplete",!0),!this._prom||v<m&&0<this.timeScale()||this._prom())))}return this},t.add=function add(t,e){var r=this;if(p(e)||(e=Ia(this,e)),!(t instanceof Lt)){if(tt(t))return t.forEach(function(t){return r.add(t,e)}),this;if(n(t))return this.addLabel(t,e);if(!o(t))return this;t=Xt.delayedCall(0,t)}return this!==t?Aa(this,t,e):this},t.getChildren=function getChildren(t,e,r,i){void 0===t&&(t=!0),void 0===e&&(e=!0),void 0===r&&(r=!0),void 0===i&&(i=-B);for(var n=[],a=this._first;a;)a._start>=i&&(a instanceof Xt?e&&n.push(a):(r&&n.push(a),t&&n.push.apply(n,a.getChildren(!0,e,r)))),a=a._next;return n},t.getById=function getById(t){for(var e=this.getChildren(1,1,1),r=e.length;r--;)if(e[r].vars.id===t)return e[r]},t.remove=function remove(t){return n(t)?this.removeLabel(t):o(t)?this.killTweensOf(t):(pa(this,t),t===this._recent&&(this._recent=this._last),ra(this))},t.totalTime=function totalTime(t,e){return arguments.length?(this._forcing=1,!this._dp&&this._ts&&(this._start=aa(At.time-(0<this._ts?t/this._ts:(this.totalDuration()-t)/-this._ts))),i.prototype.totalTime.call(this,t,e),this._forcing=0,this):this._tTime},t.addLabel=function addLabel(t,e){return this.labels[t]=Ia(this,e),this},t.removeLabel=function removeLabel(t){return delete this.labels[t],this},t.addPause=function addPause(t,e,r){var i=Xt.delayedCall(0,e||O,r);return i.data="isPause",this._hasPause=1,Aa(this,i,Ia(this,t))},t.removePause=function removePause(t){var e=this._first;for(t=Ia(this,t);e;)e._start===t&&"isPause"===e.data&&qa(e),e=e._next},t.killTweensOf=function killTweensOf(t,e,r){for(var i=this.getTweensOf(t,r),n=i.length;n--;)qt!==i[n]&&i[n].kill(t,e);return this},t.getTweensOf=function getTweensOf(t,e){for(var r,i=[],n=bt(t),a=this._first,s=p(e);a;)a instanceof Xt?ba(a._targets,n)&&(s?(!qt||a._initted&&a._ts)&&a.globalTime(0)<=e&&a.globalTime(a.totalDuration())>e:!e||a.isActive())&&i.push(a):(r=a.getTweensOf(n,e)).length&&i.push.apply(i,r),a=a._next;return i},t.tweenTo=function tweenTo(t,e){e=e||{};var r=this,i=Ia(r,t),n=e.startAt,a=e.onStart,s=e.onStartParams,o=Xt.to(r,ha(e,{ease:"none",lazy:!1,time:i,overwrite:"auto",duration:e.duration||Math.abs((i-(n&&"time"in n?n.time:r._time))/r.timeScale())||U,onStart:function onStart(){r.pause();var t=e.duration||Math.abs((i-r._time)/r.timeScale());o._dur!==t&&Fa(o,t,0,1).render(o._time,!0,!0),a&&a.apply(o,s||[])}}));return o},t.tweenFromTo=function tweenFromTo(t,e,r){return this.tweenTo(e,ha({startAt:{time:Ia(this,t)}},r))},t.recent=function recent(){return this._recent},t.nextLabel=function nextLabel(t){return void 0===t&&(t=this._time),db(this,Ia(this,t))},t.previousLabel=function previousLabel(t){return void 0===t&&(t=this._time),db(this,Ia(this,t),1)},t.currentLabel=function currentLabel(t){return arguments.length?this.seek(t,!0):this.previousLabel(this._time+U)},t.shiftChildren=function shiftChildren(t,e,r){void 0===r&&(r=0);for(var i,n=this._first,a=this.labels;n;)n._start>=r&&(n._start+=t,n._end+=t),n=n._next;if(e)for(i in a)a[i]>=r&&(a[i]+=t);return ra(this)},t.invalidate=function invalidate(){var t=this._first;for(this._lock=0;t;)t.invalidate(),t=t._next;return i.prototype.invalidate.call(this)},t.clear=function clear(t){void 0===t&&(t=!0);for(var e,r=this._first;r;)e=r._next,this.remove(r),r=e;return this._time=this._tTime=this._pTime=0,t&&(this.labels={}),ra(this)},t.totalDuration=function totalDuration(t){var e,r,i,n=0,a=this,s=a._last,o=B;if(arguments.length)return a.timeScale((a._repeat<0?a.duration():a.totalDuration())/(a.reversed()?-t:t));if(a._dirty){for(i=a.parent;s;)e=s._prev,s._dirty&&s.totalDuration(),o<(r=s._start)&&a._sort&&s._ts&&!a._lock?(a._lock=1,Aa(a,s,r-s._delay,1)._lock=0):o=r,r<0&&s._ts&&(n-=r,(!i&&!a._dp||i&&i.smoothChildTiming)&&(a._start+=r/a._ts,a._time-=r,a._tTime-=r),a.shiftChildren(-r,!1,-Infinity),o=0),s._end>n&&s._ts&&(n=s._end),s=e;Fa(a,a===E&&a._time>n?a._time:n,1,1),a._dirty=0}return a._tDur},Timeline.updateRoot=function updateRoot(t){if(E._ts&&(ea(E,wa(t,E)),d=At.frame),At.frame>=pt){pt+=j.autoSleep||120;var e=E._first;if((!e||!e._ts)&&j.autoSleep&&At._listeners.length<2){for(;e&&!e._ts;)e=e._next;e||At.sleep()}}},Timeline}(Lt);ha(Bt.prototype,{_lock:0,_hasPause:0,_forcing:0});function Nb(t,e,i,a,s,u){var h,l,f,d;if(ft[t]&&!1!==(h=new ft[t]).init(s,h.rawVars?e[t]:function _processVars(t,e,i,a,s){if(o(t)&&(t=jt(t,s,e,i,a)),!r(t)||t.style&&t.nodeType||tt(t)||H(t))return n(t)?jt(t,s,e,i,a):t;var u,h={};for(u in t)h[u]=jt(t[u],s,e,i,a);return h}(e[t],a,s,u,i),i,a,u)&&(i._pt=l=new ie(i._pt,s,t,0,1,h.render,h,0,h.priority),i!==c))for(f=i._ptLookup[i._targets.indexOf(s)],d=h._props.length;d--;)f[h._props[d]]=l;return h}var qt,Yt=function _addPropTween(t,e,r,i,a,s,u,h,l){o(i)&&(i=i(a||0,t,s));var f,d=t[e],p="get"!==r?r:o(d)?l?t[e.indexOf("set")||!o(t["get"+e.substr(3)])?e:"get"+e.substr(3)](l):t[e]():d,_=o(d)?l?Jt:Zt:Gt;if(n(i)&&(~i.indexOf("random(")&&(i=ab(i)),"="===i.charAt(1)&&(i=parseFloat(p)+parseFloat(i.substr(2))*("-"===i.charAt(0)?-1:1)+(La(p)||0))),p!==i)return isNaN(p*i)?(d||e in t||L(e,i),function _addComplexStringPropTween(t,e,r,i,n,a,s){var o,u,h,l,f,d,p,_,c=new ie(this._pt,t,e,0,1,Ht,null,n),m=0,g=0;for(c.b=r,c.e=i,r+="",(p=~(i+="").indexOf("random("))&&(i=ab(i)),a&&(a(_=[r,i],t,e),r=_[0],i=_[1]),u=r.match(nt)||[];o=nt.exec(i);)l=o[0],f=i.substring(m,o.index),h?h=(h+1)%5:"rgba("===f.substr(-5)&&(h=1),l!==u[g++]&&(d=parseFloat(u[g-1])||0,c._pt={_next:c._pt,p:f||1===g?f:",",s:d,c:"="===l.charAt(1)?parseFloat(l.substr(2))*("-"===l.charAt(0)?-1:1):parseFloat(l)-d,m:h&&h<4?Math.round:0},m=nt.lastIndex);return c.c=m<i.length?i.substring(m,i.length):"",c.fp=s,(at.test(i)||p)&&(c.e=0),this._pt=c}.call(this,t,e,p,i,_,h||j.stringFilter,l)):(f=new ie(this._pt,t,e,+p||0,i-(p||0),"boolean"==typeof d?$t:Wt,0,_),l&&(f.fp=l),u&&f.modifier(u,this,t),this._pt=f)},Nt=function _initTween(t,e){var r,i,n,a,o,u,h,l,f,d,p,_,c,m=t.vars,g=m.ease,v=m.startAt,y=m.immediateRender,T=m.lazy,b=m.onUpdate,w=m.onUpdateParams,x=m.callbackScope,k=m.runBackwards,O=m.yoyoEase,M=m.keyframes,C=m.autoRevert,A=t._dur,P=t._startAt,D=t._targets,S=t.parent,z=S&&"nested"===S.data?S.parent._targets:D,F="auto"===t._overwrite,R=t.timeline;if(!R||M&&g||(g="none"),t._ease=Rt(g,I.ease),t._yEase=O?Ft(Rt(!0===O?g:O,I.ease)):0,O&&t._yoyo&&!t._repeat&&(O=t._yEase,t._yEase=t._ease,t._ease=O),!R){if(_=(l=D[0]?Z(D[0]).harness:0)&&m[l.prop],r=la(m,ut),P&&P.render(-1,!0).kill(),v){if(qa(t._startAt=Xt.set(D,ha({data:"isStart",overwrite:!1,parent:S,immediateRender:!0,lazy:s(T),startAt:null,delay:0,onUpdate:b,onUpdateParams:w,callbackScope:x,stagger:0},v))),y)if(0<e)C||(t._startAt=0);else if(A&&!(e<0&&P))return void(e&&(t._zTime=e))}else if(k&&A)if(P)C||(t._startAt=0);else if(e&&(y=!1),n=ha({overwrite:!1,data:"isFromStart",lazy:y&&s(T),immediateRender:y,stagger:0,parent:S},r),_&&(n[l.prop]=_),qa(t._startAt=Xt.set(D,n)),y){if(!e)return}else _initTween(t._startAt,U);for(t._pt=0,T=A&&s(T)||T&&!A,i=0;i<D.length;i++){if(h=(o=D[i])._gsap||Y(D)[i]._gsap,t._ptLookup[i]=d={},lt[h.id]&&ht.length&&da(),p=z===D?i:z.indexOf(o),l&&!1!==(f=new l).init(o,_||r,t,p,z)&&(t._pt=a=new ie(t._pt,o,f.name,0,1,f.render,f,0,f.priority),f._props.forEach(function(t){d[t]=a}),f.priority&&(u=1)),!l||_)for(n in r)ft[n]&&(f=Nb(n,r,t,p,o,z))?f.priority&&(u=1):d[n]=a=Yt.call(t,o,n,"get",r[n],p,z,0,m.stringFilter);t._op&&t._op[i]&&t.kill(o,t._op[i]),F&&t._pt&&(qt=t,E.killTweensOf(o,d,t.globalTime(0)),c=!t.parent,qt=0),t._pt&&T&&(lt[h.id]=1)}u&&re(t),t._onInit&&t._onInit(t)}t._from=!R&&!!m.runBackwards,t._onUpdate=b,t._initted=(!t._op||t._pt)&&!c},jt=function _parseFuncOrString(t,e,r,i,a){return o(t)?t.call(e,r,i,a):n(t)&&~t.indexOf("random(")?ab(t):t},Ut=ct+"repeat,repeatDelay,yoyo,repeatRefresh,yoyoEase",Vt=(Ut+",id,stagger,delay,duration,paused,scrollTrigger").split(","),Xt=function(S){function Tween(t,e,i,n){var a;"number"==typeof e&&(i.duration=e,e=i,i=null);var o,h,l,f,d,_,c,m,g=(a=S.call(this,n?e:ma(e),i)||this).vars,v=g.duration,y=g.delay,T=g.immediateRender,b=g.stagger,w=g.overwrite,x=g.keyframes,k=g.defaults,C=g.scrollTrigger,A=g.yoyoEase,P=a.parent,D=(tt(t)||H(t)?p(t[0]):"length"in e)?[t]:bt(t);if(a._targets=D.length?Y(D):M("GSAP target "+t+" not found. https://greensock.com",!j.nullTargetWarn)||[],a._ptLookup=[],a._overwrite=w,x||b||u(v)||u(y)){if(e=a.vars,(o=a.timeline=new Bt({data:"nested",defaults:k||{}})).kill(),o.parent=_assertThisInitialized(a),x)ha(o.vars.defaults,{ease:"none"}),x.forEach(function(t){return o.to(D,t,">")});else{if(f=D.length,c=b?Sa(b):O,r(b))for(d in b)~Ut.indexOf(d)&&((m=m||{})[d]=b[d]);for(h=0;h<f;h++){for(d in l={},e)Vt.indexOf(d)<0&&(l[d]=e[d]);l.stagger=0,A&&(l.yoyoEase=A),m&&mt(l,m),_=D[h],l.duration=+jt(v,_assertThisInitialized(a),h,_,D),l.delay=(+jt(y,_assertThisInitialized(a),h,_,D)||0)-a._delay,!b&&1===f&&l.delay&&(a._delay=y=l.delay,a._start+=y,l.delay=0),o.to(_,l,c(h,_,D))}o.duration()?v=y=0:a.timeline=0}v||a.duration(v=o.duration())}else a.timeline=0;return!0===w&&(qt=_assertThisInitialized(a),E.killTweensOf(D),qt=0),P&&za(P,_assertThisInitialized(a)),(T||!v&&!x&&a._start===aa(P._time)&&s(T)&&function _hasNoPausedAncestors(t){return!t||t._ts&&_hasNoPausedAncestors(t.parent)}(_assertThisInitialized(a))&&"nested"!==P.data)&&(a._tTime=-U,a.render(Math.max(0,-y))),C&&Ba(_assertThisInitialized(a),C),a}_inheritsLoose(Tween,S);var t=Tween.prototype;return t.render=function render(t,e,r){var i,n,a,s,o,u,h,l,f,d=this._time,p=this._tDur,_=this._dur,c=p-U<t&&0<=t?p:t<U?0:t;if(_){if(c!==this._tTime||!t||r||this._startAt&&this._zTime<0!=t<0){if(i=c,l=this.timeline,this._repeat){if(s=_+this._rDelay,i=aa(c%s),c===p?(a=this._repeat,i=_):((a=~~(c/s))&&a===c/s&&(i=_,a--),_<i&&(i=_)),(u=this._yoyo&&1&a)&&(f=this._yEase,i=_-i),o=gt(this._tTime,s),i===d&&!r&&this._initted)return this;a!==o&&(l&&this._yEase&&Bb(l,u),!this.vars.repeatRefresh||u||this._lock||(this._lock=r=1,this.render(aa(s*a),!0).invalidate()._lock=0))}if(!this._initted){if(Ca(this,t<0?t:i,r,e))return this._tTime=0,this;if(_!==this._dur)return this.render(t,e,r)}for(this._tTime=c,this._time=i,!this._act&&this._ts&&(this._act=1,this._lazy=0),this.ratio=h=(f||this._ease)(i/_),this._from&&(this.ratio=h=1-h),!i||d||e||xt(this,"onStart"),n=this._pt;n;)n.r(h,n.d),n=n._next;l&&l.render(t<0?t:!i&&u?-U:l._dur*h,e,r)||this._startAt&&(this._zTime=t),this._onUpdate&&!e&&(t<0&&this._startAt&&this._startAt.render(t,!0,r),xt(this,"onUpdate")),this._repeat&&a!==o&&this.vars.onRepeat&&!e&&this.parent&&xt(this,"onRepeat"),c!==this._tDur&&c||this._tTime!==c||(t<0&&this._startAt&&!this._onUpdate&&this._startAt.render(t,!0,!0),!t&&_||!(c===this._tDur&&0<this._ts||!c&&this._ts<0)||qa(this,1),e||t<0&&!d||!c&&!d||(xt(this,c===p?"onComplete":"onReverseComplete",!0),!this._prom||c<p&&0<this.timeScale()||this._prom()))}}else!function _renderZeroDurationTween(t,e,r,i){var n,a,s=t.ratio,o=e<0||!e&&s&&!t._start&&t._zTime>U&&!t._dp._lock||(t._ts<0||t._dp._ts<0)&&"isFromStart"!==t.data&&"isStart"!==t.data?0:1,u=t._rDelay,h=0;if(u&&t._repeat&&(h=yt(0,t._tDur,e),gt(h,u)!==(a=gt(t._tTime,u))&&(s=1-o,t.vars.repeatRefresh&&t._initted&&t.invalidate())),o!==s||i||t._zTime===U||!e&&t._zTime){if(!t._initted&&Ca(t,e,i,r))return;for(a=t._zTime,t._zTime=e||(r?U:0),r=r||e&&!a,t.ratio=o,t._from&&(o=1-o),t._time=0,t._tTime=h,r||xt(t,"onStart"),n=t._pt;n;)n.r(o,n.d),n=n._next;t._startAt&&e<0&&t._startAt.render(e,!0,!0),t._onUpdate&&!r&&xt(t,"onUpdate"),h&&t._repeat&&!r&&t.parent&&xt(t,"onRepeat"),(e>=t._tDur||e<0)&&t.ratio===o&&(o&&qa(t,1),r||(xt(t,o?"onComplete":"onReverseComplete",!0),t._prom&&t._prom()))}else t._zTime||(t._zTime=e)}(this,t,e,r);return this},t.targets=function targets(){return this._targets},t.invalidate=function invalidate(){return this._pt=this._op=this._startAt=this._onUpdate=this._act=this._lazy=0,this._ptLookup=[],this.timeline&&this.timeline.invalidate(),S.prototype.invalidate.call(this)},t.kill=function kill(t,e){if(void 0===e&&(e="all"),!(t||e&&"all"!==e)&&(this._lazy=0,this.parent))return fb(this);if(this.timeline){var r=this.timeline.totalDuration();return this.timeline.killTweensOf(t,e,qt&&!0!==qt.vars.overwrite)._first||fb(this),this.parent&&r!==this.timeline.totalDuration()&&Fa(this,this._dur*this.timeline._tDur/r,0,1),this}var i,a,s,o,u,h,l,f=this._targets,d=t?bt(t):f,p=this._ptLookup,c=this._pt;if((!e||"all"===e)&&function _arraysMatch(t,e){for(var r=t.length,i=r===e.length;i&&r--&&t[r]===e[r];);return r<0}(f,d))return"all"===e&&(this._pt=0),fb(this);for(i=this._op=this._op||[],"all"!==e&&(n(e)&&(u={},_(e,function(t){return u[t]=1}),e=u),e=function _addAliasesToVars(t,e){var r,i,n,a,s=t[0]?Z(t[0]).harness:0,o=s&&s.aliases;if(!o)return e;for(i in r=mt({},e),o)if(i in r)for(n=(a=o[i].split(",")).length;n--;)r[a[n]]=r[i];return r}(f,e)),l=f.length;l--;)if(~d.indexOf(f[l]))for(u in a=p[l],"all"===e?(i[l]=e,o=a,s={}):(s=i[l]=i[l]||{},o=e),o)(h=a&&a[u])&&("kill"in h.d&&!0!==h.d.kill(u)||pa(this,h,"_pt"),delete a[u]),"all"!==s&&(s[u]=1);return this._initted&&!this._pt&&c&&fb(this),this},Tween.to=function to(t,e,r){return new Tween(t,e,r)},Tween.from=function from(t,e){return new Tween(t,ca(arguments,1))},Tween.delayedCall=function delayedCall(t,e,r,i){return new Tween(e,0,{immediateRender:!1,lazy:!1,overwrite:!1,delay:t,onComplete:e,onReverseComplete:e,onCompleteParams:r,onReverseCompleteParams:r,callbackScope:i})},Tween.fromTo=function fromTo(t,e,r){return new Tween(t,ca(arguments,2))},Tween.set=function set(t,e){return e.duration=0,e.repeatDelay||(e.repeat=0),new Tween(t,e)},Tween.killTweensOf=function killTweensOf(t,e,r){return E.killTweensOf(t,e,r)},Tween}(Lt);ha(Xt.prototype,{_targets:[],_lazy:0,_startAt:0,_op:0,_onInit:0}),_("staggerTo,staggerFrom,staggerFromTo",function(r){Xt[r]=function(){var t=new Bt,e=Tt.call(arguments,0);return e.splice("staggerFromTo"===r?5:4,0,0),t[r].apply(t,e)}});function Yb(t,e,r){return t.setAttribute(e,r)}function ec(t,e,r,i){i.mSet(t,e,i.m.call(i.tween,r,i.mt),i)}var Gt=function _setterPlain(t,e,r){return t[e]=r},Zt=function _setterFunc(t,e,r){return t[e](r)},Jt=function _setterFuncWithParam(t,e,r,i){return t[e](i.fp,r)},Qt=function _getSetter(t,e){return o(t[e])?Zt:q(t[e])&&t.setAttribute?Yb:Gt},Wt=function _renderPlain(t,e){return e.set(e.t,e.p,Math.round(1e4*(e.s+e.c*t))/1e4,e)},$t=function _renderBoolean(t,e){return e.set(e.t,e.p,!!(e.s+e.c*t),e)},Ht=function _renderComplexString(t,e){var r=e._pt,i="";if(!t&&e.b)i=e.b;else if(1===t&&e.e)i=e.e;else{for(;r;)i=r.p+(r.m?r.m(r.s+r.c*t):Math.round(1e4*(r.s+r.c*t))/1e4)+i,r=r._next;i+=e.c}e.set(e.t,e.p,i,e)},Kt=function _renderPropTweens(t,e){for(var r=e._pt;r;)r.r(t,r.d),r=r._next},te=function _addPluginModifier(t,e,r,i){for(var n,a=this._pt;a;)n=a._next,a.p===i&&a.modifier(t,e,r),a=n},ee=function _killPropTweensOf(t){for(var e,r,i=this._pt;i;)r=i._next,i.p===t&&!i.op||i.op===t?pa(this,i,"_pt"):i.dep||(e=1),i=r;return!e},re=function _sortPropTweensByPriority(t){for(var e,r,i,n,a=t._pt;a;){for(e=a._next,r=i;r&&r.pr>a.pr;)r=r._next;(a._prev=r?r._prev:n)?a._prev._next=a:i=a,(a._next=r)?r._prev=a:n=a,a=e}t._pt=i},ie=(PropTween.prototype.modifier=function modifier(t,e,r){this.mSet=this.mSet||this.set,this.set=ec,this.m=t,this.mt=r,this.tween=e},PropTween);function PropTween(t,e,r,i,n,a,s,o,u){this.t=e,this.s=i,this.c=n,this.p=r,this.r=a||Wt,this.d=s||this,this.set=o||Gt,this.pr=u||0,(this._next=t)&&(t._prev=this)}_(ct+"parent,duration,ease,delay,overwrite,runBackwards,startAt,yoyo,immediateRender,repeat,repeatDelay,data,paused,reversed,lazy,callbackScope,stringFilter,id,yoyoEase,stagger,inherit,repeatRefresh,keyframes,autoRevert,scrollTrigger",function(t){return ut[t]=1}),ot.TweenMax=ot.TweenLite=Xt,ot.TimelineLite=ot.TimelineMax=Bt,E=new Bt({sortChildren:!1,defaults:I,autoRemoveChildren:!0,id:"root",smoothChildTiming:!0}),j.stringFilter=qb;var ne={registerPlugin:function registerPlugin(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++)e[r]=arguments[r];e.forEach(function(t){return function _createPlugin(t){var e=(t=!t.name&&t.default||t).name,r=o(t),i=e&&!r&&t.init?function(){this._props=[]}:t,n={init:O,render:Kt,add:Yt,kill:ee,modifier:te,rawVars:0},a={targetTest:0,get:0,getSetter:Qt,aliases:{},register:0};if(Pt(),t!==i){if(ft[e])return;ha(i,ha(la(t,n),a)),mt(i.prototype,mt(n,la(t,a))),ft[i.prop=e]=i,t.targetTest&&(_t.push(i),ut[e]=1),e=("css"===e?"CSS":e.charAt(0).toUpperCase()+e.substr(1))+"Plugin"}N(e,i),t.register&&t.register(ae,i,ie)}(t)})},timeline:function timeline(t){return new Bt(t)},getTweensOf:function getTweensOf(t,e){return E.getTweensOf(t,e)},getProperty:function getProperty(i,t,e,r){n(i)&&(i=bt(i)[0]);var a=Z(i||{}).get,s=e?ga:fa;return"native"===e&&(e=""),i?t?s((ft[t]&&ft[t].get||a)(i,t,e,r)):function(t,e,r){return s((ft[t]&&ft[t].get||a)(i,t,e,r))}:i},quickSetter:function quickSetter(r,e,i){if(1<(r=bt(r)).length){var n=r.map(function(t){return ae.quickSetter(t,e,i)}),a=n.length;return function(t){for(var e=a;e--;)n[e](t)}}r=r[0]||{};var s=ft[e],o=Z(r),u=o.harness&&(o.harness.aliases||{})[e]||e,h=s?function(t){var e=new s;c._pt=0,e.init(r,i?t+i:t,c,0,[r]),e.render(1,e),c._pt&&Kt(1,c)}:o.set(r,u);return s?h:function(t){return h(r,u,i?t+i:t,o,1)}},isTweening:function isTweening(t){return 0<E.getTweensOf(t,!0).length},defaults:function defaults(t){return t&&t.ease&&(t.ease=Rt(t.ease,I.ease)),ka(I,t||{})},config:function config(t){return ka(j,t||{})},registerEffect:function registerEffect(t){var n=t.name,i=t.effect,e=t.plugins,a=t.defaults,s=t.extendTimeline;(e||"").split(",").forEach(function(t){return t&&!ft[t]&&!ot[t]&&M(n+" effect requires "+t+" plugin.")}),dt[n]=function(t,e,r){return i(bt(t),ha(e||{},a),r)},s&&(Bt.prototype[n]=function(t,e,i){return this.add(dt[n](t,r(e)?e:(i=e)&&{},this),i)})},registerEase:function registerEase(t,e){Dt[t]=Rt(e)},parseEase:function parseEase(t,e){return arguments.length?Rt(t,e):Dt},getById:function getById(t){return E.getById(t)},exportRoot:function exportRoot(t,e){void 0===t&&(t={});var r,i,n=new Bt(t);for(n.smoothChildTiming=s(t.smoothChildTiming),E.remove(n),n._dp=0,n._time=n._tTime=E._time,r=E._first;r;)i=r._next,!e&&!r._dur&&r instanceof Xt&&r.vars.onComplete===r._targets[0]||Aa(n,r,r._start-r._delay),r=i;return Aa(E,n,0),n},utils:{wrap:function wrap(e,t,r){var i=t-e;return tt(e)?Za(e,wrap(0,e.length),t):Ja(r,function(t){return(i+(t-e)%i)%i+e})},wrapYoyo:function wrapYoyo(e,t,r){var i=t-e,n=2*i;return tt(e)?Za(e,wrapYoyo(0,e.length-1),t):Ja(r,function(t){return e+(i<(t=(n+(t-e)%n)%n||0)?n-t:t)})},distribute:Sa,random:Va,snap:Ua,normalize:function normalize(t,e,r){return wt(t,e,0,1,r)},getUnit:La,clamp:function clamp(e,r,t){return Ja(t,function(t){return yt(e,r,t)})},splitColor:lb,toArray:bt,mapRange:wt,pipe:function pipe(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++)e[r]=arguments[r];return function(t){return e.reduce(function(t,e){return e(t)},t)}},unitize:function unitize(e,r){return function(t){return e(parseFloat(t))+(r||La(t))}},interpolate:function interpolate(e,r,t,i){var a=isNaN(e+r)?0:function(t){return(1-t)*e+t*r};if(!a){var s,o,u,h,l,f=n(e),d={};if(!0===t&&(i=1)&&(t=null),f)e={p:e},r={p:r};else if(tt(e)&&!tt(r)){for(u=[],h=e.length,l=h-2,o=1;o<h;o++)u.push(interpolate(e[o-1],e[o]));h--,a=function func(t){t*=h;var e=Math.min(l,~~t);return u[e](t-e)},t=r}else i||(e=mt(tt(e)?[]:{},e));if(!u){for(s in r)Yt.call(d,e,s,"get",r[s]);a=function func(t){return Kt(t,d)||(f?e.p:e)}}}return Ja(t,a)},shuffle:Ra},install:K,effects:dt,ticker:At,updateRoot:Bt.updateRoot,plugins:ft,globalTimeline:E,core:{PropTween:ie,globals:N,Tween:Xt,Timeline:Bt,Animation:Lt,getCache:Z,_removeLinkedListItem:pa}};_("to,from,fromTo,delayedCall,set,killTweensOf",function(t){return ne[t]=Xt[t]}),At.add(Bt.updateRoot),c=ne.to({},{duration:0});function ic(t,e){for(var r=t._pt;r&&r.p!==e&&r.op!==e&&r.fp!==e;)r=r._next;return r}function kc(t,a){return{name:t,rawVars:1,init:function init(t,i,e){e._onInit=function(t){var e,r;if(n(i)&&(e={},_(i,function(t){return e[t]=1}),i=e),a){for(r in e={},i)e[r]=a(i[r]);i=e}!function _addModifiers(t,e){var r,i,n,a=t._targets;for(r in e)for(i=a.length;i--;)(n=(n=t._ptLookup[i][r])&&n.d)&&(n._pt&&(n=ic(n,r)),n&&n.modifier&&n.modifier(e[r],t,a[i],r))}(t,i)}}}}var ae=ne.registerPlugin({name:"attr",init:function init(t,e,r,i,n){var a,s;for(a in e)(s=this.add(t,"setAttribute",(t.getAttribute(a)||0)+"",e[a],i,n,0,0,a))&&(s.op=a),this._props.push(a)}},{name:"endArray",init:function init(t,e){for(var r=e.length;r--;)this.add(t,r,t[r]||0,e[r])}},kc("roundProps",Ta),kc("modifiers"),kc("snap",Ua))||ne;Xt.version=Bt.version=ae.version="3.5.1",f=1,t()&&Pt();function Vc(t,e){return e.set(e.t,e.p,Math.round(1e4*(e.s+e.c*t))/1e4+e.u,e)}function Wc(t,e){return e.set(e.t,e.p,1===t?e.e:Math.round(1e4*(e.s+e.c*t))/1e4+e.u,e)}function Xc(t,e){return e.set(e.t,e.p,t?Math.round(1e4*(e.s+e.c*t))/1e4+e.u:e.b,e)}function Yc(t,e){var r=e.s+e.c*t;e.set(e.t,e.p,~~(r+(r<0?-.5:.5))+e.u,e)}function Zc(t,e){return e.set(e.t,e.p,t?e.e:e.b,e)}function $c(t,e){return e.set(e.t,e.p,1!==t?e.b:e.e,e)}function _c(t,e,r){return t.style[e]=r}function ad(t,e,r){return t.style.setProperty(e,r)}function bd(t,e,r){return t._gsap[e]=r}function cd(t,e,r){return t._gsap.scaleX=t._gsap.scaleY=r}function dd(t,e,r,i,n){var a=t._gsap;a.scaleX=a.scaleY=r,a.renderTransform(n,a)}function ed(t,e,r,i,n){var a=t._gsap;a[e]=r,a.renderTransform(n,a)}function id(t,e){var r=oe.createElementNS?oe.createElementNS((e||"http://www.w3.org/1999/xhtml").replace(/^https/,"http"),t):oe.createElement(t);return r.style?r:oe.createElement(t)}function jd(t,e,r){var i=getComputedStyle(t);return i[e]||i.getPropertyValue(e.replace(Ie,"-$1").toLowerCase())||i.getPropertyValue(e)||!r&&jd(t,Ue(e)||e,1)||""}function md(){(function _windowExists(){return"undefined"!=typeof window})()&&window.document&&(se=window,oe=se.document,ue=oe.documentElement,le=id("div")||{style:{}},fe=id("div"),Ye=Ue(Ye),Ne=Ye+"Origin",le.style.cssText="border-width:0;line-height:0;position:absolute;padding:0",pe=!!Ue("perspective"),he=1)}function nd(t){var e,r=id("svg",this.ownerSVGElement&&this.ownerSVGElement.getAttribute("xmlns")||"http://www.w3.org/2000/svg"),i=this.parentNode,n=this.nextSibling,a=this.style.cssText;if(ue.appendChild(r),r.appendChild(this),this.style.display="block",t)try{e=this.getBBox(),this._gsapBBox=this.getBBox,this.getBBox=nd}catch(t){}else this._gsapBBox&&(e=this._gsapBBox());return i&&(n?i.insertBefore(this,n):i.appendChild(this)),ue.removeChild(r),this.style.cssText=a,e}function od(t,e){for(var r=e.length;r--;)if(t.hasAttribute(e[r]))return t.getAttribute(e[r])}function pd(e){var r;try{r=e.getBBox()}catch(t){r=nd.call(e,!0)}return r&&(r.width||r.height)||e.getBBox===nd||(r=nd.call(e,!0)),!r||r.width||r.x||r.y?r:{x:+od(e,["x","cx","x1"])||0,y:+od(e,["y","cy","y1"])||0,width:0,height:0}}function qd(t){return!(!t.getCTM||t.parentNode&&!t.ownerSVGElement||!pd(t))}function rd(t,e){if(e){var r=t.style;e in ze&&e!==Ne&&(e=Ye),r.removeProperty?("ms"!==e.substr(0,2)&&"webkit"!==e.substr(0,6)||(e="-"+e),r.removeProperty(e.replace(Ie,"-$1").toLowerCase())):r.removeAttribute(e)}}function sd(t,e,r,i,n,a){var s=new ie(t._pt,e,r,0,1,a?$c:Zc);return(t._pt=s).b=i,s.e=n,t._props.push(r),s}function ud(t,e,r,i){var n,a,s,o,u=parseFloat(r)||0,h=(r+"").trim().substr((u+"").length)||"px",l=le.style,f=Le.test(e),d="svg"===t.tagName.toLowerCase(),p=(d?"client":"offset")+(f?"Width":"Height"),_="px"===i,c="%"===i;return i===h||!u||Ve[i]||Ve[h]?u:("px"===h||_||(u=ud(t,e,r,"px")),o=t.getCTM&&qd(t),c&&(ze[e]||~e.indexOf("adius"))?aa(u/(o?t.getBBox()[f?"width":"height"]:t[p])*100):(l[f?"width":"height"]=100+(_?h:i),a=~e.indexOf("adius")||"em"===i&&t.appendChild&&!d?t:t.parentNode,o&&(a=(t.ownerSVGElement||{}).parentNode),a&&a!==oe&&a.appendChild||(a=oe.body),(s=a._gsap)&&c&&s.width&&f&&s.time===At.time?aa(u/s.width*100):(!c&&"%"!==h||(l.position=jd(t,"position")),a===t&&(l.position="static"),a.appendChild(le),n=le[p],a.removeChild(le),l.position="absolute",f&&c&&((s=Z(a)).time=At.time,s.width=a[p]),aa(_?n*u/100:n&&u?100/n*u:0))))}function vd(t,e,r,i){var n;return he||md(),e in qe&&"transform"!==e&&~(e=qe[e]).indexOf(",")&&(e=e.split(",")[0]),ze[e]&&"transform"!==e?(n=Qe(t,i),n="transformOrigin"!==e?n[e]:We(jd(t,Ne))+" "+n.zOrigin+"px"):(n=t.style[e])&&"auto"!==n&&!i&&!~(n+"").indexOf("calc(")||(n=Ge[e]&&Ge[e](t,e,r)||jd(t,e)||$(t,e)||("opacity"===e?1:0)),r&&!~(n+"").indexOf(" ")?ud(t,e,n,r)+r:n}function wd(t,e,r,i){if(!r||"none"===r){var n=Ue(e,t,1),a=n&&jd(t,n,1);a&&a!==r?(e=n,r=a):"borderColor"===e&&(r=jd(t,"borderTopColor"))}var s,o,u,h,l,f,d,p,_,c,m,g,v=new ie(this._pt,t.style,e,0,1,Ht),y=0,T=0;if(v.b=r,v.e=i,r+="","auto"===(i+="")&&(t.style[e]=i,i=jd(t,e)||i,t.style[e]=r),qb(s=[r,i]),i=s[1],u=(r=s[0]).match(it)||[],(i.match(it)||[]).length){for(;o=it.exec(i);)d=o[0],_=i.substring(y,o.index),l?l=(l+1)%5:"rgba("!==_.substr(-5)&&"hsla("!==_.substr(-5)||(l=1),d!==(f=u[T++]||"")&&(h=parseFloat(f)||0,m=f.substr((h+"").length),(g="="===d.charAt(1)?+(d.charAt(0)+"1"):0)&&(d=d.substr(2)),p=parseFloat(d),c=d.substr((p+"").length),y=it.lastIndex-c.length,c||(c=c||j.units[e]||m,y===i.length&&(i+=c,v.e+=c)),m!==c&&(h=ud(t,e,f,c)||0),v._pt={_next:v._pt,p:_||1===T?_:",",s:h,c:g?g*p:p-h,m:l&&l<4?Math.round:0});v.c=y<i.length?i.substring(y,i.length):""}else v.r="display"===e&&"none"===i?$c:Zc;return at.test(i)&&(v.e=0),this._pt=v}function yd(t){var e=t.split(" "),r=e[0],i=e[1]||"50%";return"top"!==r&&"bottom"!==r&&"left"!==i&&"right"!==i||(t=r,r=i,i=t),e[0]=Xe[r]||r,e[1]=Xe[i]||i,e.join(" ")}function zd(t,e){if(e.tween&&e.tween._time===e.tween._dur){var r,i,n,a=e.t,s=a.style,o=e.u,u=a._gsap;if("all"===o||!0===o)s.cssText="",i=1;else for(n=(o=o.split(",")).length;-1<--n;)r=o[n],ze[r]&&(i=1,r="transformOrigin"===r?Ne:Ye),rd(a,r);i&&(rd(a,Ye),u&&(u.svg&&a.removeAttribute("transform"),Qe(a,1),u.uncache=1))}}function Dd(t){return"matrix(1, 0, 0, 1, 0, 0)"===t||"none"===t||!t}function Ed(t){var e=jd(t,Ye);return Dd(e)?Ze:e.substr(7).match(rt).map(aa)}function Fd(t,e){var r,i,n,a,s=t._gsap||Z(t),o=t.style,u=Ed(t);return s.svg&&t.getAttribute("transform")?"1,0,0,1,0,0"===(u=[(n=t.transform.baseVal.consolidate().matrix).a,n.b,n.c,n.d,n.e,n.f]).join(",")?Ze:u:(u!==Ze||t.offsetParent||t===ue||s.svg||(n=o.display,o.display="block",(r=t.parentNode)&&t.offsetParent||(a=1,i=t.nextSibling,ue.appendChild(t)),u=Ed(t),n?o.display=n:rd(t,"display"),a&&(i?r.insertBefore(t,i):r?r.appendChild(t):ue.removeChild(t))),e&&6<u.length?[u[0],u[1],u[4],u[5],u[12],u[13]]:u)}function Gd(t,e,r,i,n,a){var s,o,u,h=t._gsap,l=n||Fd(t,!0),f=h.xOrigin||0,d=h.yOrigin||0,p=h.xOffset||0,_=h.yOffset||0,c=l[0],m=l[1],g=l[2],v=l[3],y=l[4],T=l[5],b=e.split(" "),w=parseFloat(b[0])||0,x=parseFloat(b[1])||0;r?l!==Ze&&(o=c*v-m*g)&&(u=w*(-m/o)+x*(c/o)-(c*T-m*y)/o,w=w*(v/o)+x*(-g/o)+(g*T-v*y)/o,x=u):(w=(s=pd(t)).x+(~b[0].indexOf("%")?w/100*s.width:w),x=s.y+(~(b[1]||b[0]).indexOf("%")?x/100*s.height:x)),i||!1!==i&&h.smooth?(y=w-f,T=x-d,h.xOffset=p+(y*c+T*g)-y,h.yOffset=_+(y*m+T*v)-T):h.xOffset=h.yOffset=0,h.xOrigin=w,h.yOrigin=x,h.smooth=!!i,h.origin=e,h.originIsAbsolute=!!r,t.style[Ne]="0px 0px",a&&(sd(a,h,"xOrigin",f,w),sd(a,h,"yOrigin",d,x),sd(a,h,"xOffset",p,h.xOffset),sd(a,h,"yOffset",_,h.yOffset)),t.setAttribute("data-svg-origin",w+" "+x)}function Jd(t,e,r){var i=La(e);return aa(parseFloat(e)+parseFloat(ud(t,"x",r+"px",i)))+i}function Qd(t,e,r,i,a,s){var o,u,h=360,l=n(a),f=parseFloat(a)*(l&&~a.indexOf("rad")?Fe:1),d=s?f*s:f-i,p=i+d+"deg";return l&&("short"===(o=a.split("_")[1])&&(d%=h)!==d%180&&(d+=d<0?h:-h),"cw"===o&&d<0?d=(d+36e9)%h-~~(d/h)*h:"ccw"===o&&0<d&&(d=(d-36e9)%h-~~(d/h)*h)),t._pt=u=new ie(t._pt,e,r,i,d,Wc),u.e=p,u.u="deg",t._props.push(r),u}function Rd(t,e,r){var i,n,a,s,o,u,h,l=fe.style,f=r._gsap;for(n in l.cssText=getComputedStyle(r).cssText+";position:absolute;display:block;",l[Ye]=e,oe.body.appendChild(fe),i=Qe(fe,1),ze)(a=f[n])!==(s=i[n])&&"perspective,force3D,transformOrigin,svgOrigin".indexOf(n)<0&&(o=La(a)!==(h=La(s))?ud(r,n,a,h):parseFloat(a),u=parseFloat(s),t._pt=new ie(t._pt,f,n,o,u-o,Vc),t._pt.u=h||0,t._props.push(n));oe.body.removeChild(fe)}var se,oe,ue,he,le,fe,de,pe,_e=Dt.Power0,ce=Dt.Power1,me=Dt.Power2,ge=Dt.Power3,ve=Dt.Power4,ye=Dt.Linear,Te=Dt.Quad,be=Dt.Cubic,we=Dt.Quart,xe=Dt.Quint,ke=Dt.Strong,Oe=Dt.Elastic,Me=Dt.Back,Ce=Dt.SteppedEase,Ae=Dt.Bounce,Pe=Dt.Sine,De=Dt.Expo,Se=Dt.Circ,ze={},Fe=180/Math.PI,Re=Math.PI/180,Ee=Math.atan2,Ie=/([A-Z])/g,Le=/(?:left|right|width|margin|padding|x)/i,Be=/[\s,\(]\S/,qe={autoAlpha:"opacity,visibility",scale:"scaleX,scaleY",alpha:"opacity"},Ye="transform",Ne=Ye+"Origin",je="O,Moz,ms,Ms,Webkit".split(","),Ue=function _checkPropPrefix(t,e,r){var i=(e||le).style,n=5;if(t in i&&!r)return t;for(t=t.charAt(0).toUpperCase()+t.substr(1);n--&&!(je[n]+t in i););return n<0?null:(3===n?"ms":0<=n?je[n]:"")+t},Ve={deg:1,rad:1,turn:1},Xe={top:"0%",bottom:"100%",left:"0%",right:"100%",center:"50%"},Ge={clearProps:function clearProps(t,e,r,i,n){if("isFromStart"!==n.data){var a=t._pt=new ie(t._pt,e,r,0,0,zd);return a.u=i,a.pr=-10,a.tween=n,t._props.push(r),1}}},Ze=[1,0,0,1,0,0],Je={},Qe=function _parseTransform(t,e){var r=t._gsap||new It(t);if("x"in r&&!e&&!r.uncache)return r;var i,n,a,s,o,u,h,l,f,d,p,_,c,m,g,v,y,T,b,w,x,k,O,M,C,A,P,D,S,z,F,R,E=t.style,I=r.scaleX<0,L="deg",B=jd(t,Ne)||"0";return i=n=a=u=h=l=f=d=p=0,s=o=1,r.svg=!(!t.getCTM||!qd(t)),m=Fd(t,r.svg),r.svg&&(M=!r.uncache&&t.getAttribute("data-svg-origin"),Gd(t,M||B,!!M||r.originIsAbsolute,!1!==r.smooth,m)),_=r.xOrigin||0,c=r.yOrigin||0,m!==Ze&&(T=m[0],b=m[1],w=m[2],x=m[3],i=k=m[4],n=O=m[5],6===m.length?(s=Math.sqrt(T*T+b*b),o=Math.sqrt(x*x+w*w),u=T||b?Ee(b,T)*Fe:0,(f=w||x?Ee(w,x)*Fe+u:0)&&(o*=Math.cos(f*Re)),r.svg&&(i-=_-(_*T+c*w),n-=c-(_*b+c*x))):(R=m[6],z=m[7],P=m[8],D=m[9],S=m[10],F=m[11],i=m[12],n=m[13],a=m[14],h=(g=Ee(R,S))*Fe,g&&(M=k*(v=Math.cos(-g))+P*(y=Math.sin(-g)),C=O*v+D*y,A=R*v+S*y,P=k*-y+P*v,D=O*-y+D*v,S=R*-y+S*v,F=z*-y+F*v,k=M,O=C,R=A),l=(g=Ee(-w,S))*Fe,g&&(v=Math.cos(-g),F=x*(y=Math.sin(-g))+F*v,T=M=T*v-P*y,b=C=b*v-D*y,w=A=w*v-S*y),u=(g=Ee(b,T))*Fe,g&&(M=T*(v=Math.cos(g))+b*(y=Math.sin(g)),C=k*v+O*y,b=b*v-T*y,O=O*v-k*y,T=M,k=C),h&&359.9<Math.abs(h)+Math.abs(u)&&(h=u=0,l=180-l),s=aa(Math.sqrt(T*T+b*b+w*w)),o=aa(Math.sqrt(O*O+R*R)),g=Ee(k,O),f=2e-4<Math.abs(g)?g*Fe:0,p=F?1/(F<0?-F:F):0),r.svg&&(M=t.getAttribute("transform"),r.forceCSS=t.setAttribute("transform","")||!Dd(jd(t,Ye)),M&&t.setAttribute("transform",M))),90<Math.abs(f)&&Math.abs(f)<270&&(I?(s*=-1,f+=u<=0?180:-180,u+=u<=0?180:-180):(o*=-1,f+=f<=0?180:-180)),r.x=((r.xPercent=i&&Math.round(t.offsetWidth/2)===Math.round(-i)?-50:0)?0:i)+"px",r.y=((r.yPercent=n&&Math.round(t.offsetHeight/2)===Math.round(-n)?-50:0)?0:n)+"px",r.z=a+"px",r.scaleX=aa(s),r.scaleY=aa(o),r.rotation=aa(u)+L,r.rotationX=aa(h)+L,r.rotationY=aa(l)+L,r.skewX=f+L,r.skewY=d+L,r.transformPerspective=p+"px",(r.zOrigin=parseFloat(B.split(" ")[2])||0)&&(E[Ne]=We(B)),r.xOffset=r.yOffset=0,r.force3D=j.force3D,r.renderTransform=r.svg?rr:pe?er:$e,r.uncache=0,r},We=function _firstTwoOnly(t){return(t=t.split(" "))[0]+" "+t[1]},$e=function _renderNon3DTransforms(t,e){e.z="0px",e.rotationY=e.rotationX="0deg",e.force3D=0,er(t,e)},He="0deg",Ke="0px",tr=") ",er=function _renderCSSTransforms(t,e){var r=e||this,i=r.xPercent,n=r.yPercent,a=r.x,s=r.y,o=r.z,u=r.rotation,h=r.rotationY,l=r.rotationX,f=r.skewX,d=r.skewY,p=r.scaleX,_=r.scaleY,c=r.transformPerspective,m=r.force3D,g=r.target,v=r.zOrigin,y="",T="auto"===m&&t&&1!==t||!0===m;if(v&&(l!==He||h!==He)){var b,w=parseFloat(h)*Re,x=Math.sin(w),k=Math.cos(w);w=parseFloat(l)*Re,b=Math.cos(w),a=Jd(g,a,x*b*-v),s=Jd(g,s,-Math.sin(w)*-v),o=Jd(g,o,k*b*-v+v)}c!==Ke&&(y+="perspective("+c+tr),(i||n)&&(y+="translate("+i+"%, "+n+"%) "),!T&&a===Ke&&s===Ke&&o===Ke||(y+=o!==Ke||T?"translate3d("+a+", "+s+", "+o+") ":"translate("+a+", "+s+tr),u!==He&&(y+="rotate("+u+tr),h!==He&&(y+="rotateY("+h+tr),l!==He&&(y+="rotateX("+l+tr),f===He&&d===He||(y+="skew("+f+", "+d+tr),1===p&&1===_||(y+="scale("+p+", "+_+tr),g.style[Ye]=y||"translate(0, 0)"},rr=function _renderSVGTransforms(t,e){var r,i,n,a,s,o=e||this,u=o.xPercent,h=o.yPercent,l=o.x,f=o.y,d=o.rotation,p=o.skewX,_=o.skewY,c=o.scaleX,m=o.scaleY,g=o.target,v=o.xOrigin,y=o.yOrigin,T=o.xOffset,b=o.yOffset,w=o.forceCSS,x=parseFloat(l),k=parseFloat(f);d=parseFloat(d),p=parseFloat(p),(_=parseFloat(_))&&(p+=_=parseFloat(_),d+=_),d||p?(d*=Re,p*=Re,r=Math.cos(d)*c,i=Math.sin(d)*c,n=Math.sin(d-p)*-m,a=Math.cos(d-p)*m,p&&(_*=Re,s=Math.tan(p-_),n*=s=Math.sqrt(1+s*s),a*=s,_&&(s=Math.tan(_),r*=s=Math.sqrt(1+s*s),i*=s)),r=aa(r),i=aa(i),n=aa(n),a=aa(a)):(r=c,a=m,i=n=0),(x&&!~(l+"").indexOf("px")||k&&!~(f+"").indexOf("px"))&&(x=ud(g,"x",l,"px"),k=ud(g,"y",f,"px")),(v||y||T||b)&&(x=aa(x+v-(v*r+y*n)+T),k=aa(k+y-(v*i+y*a)+b)),(u||h)&&(s=g.getBBox(),x=aa(x+u/100*s.width),k=aa(k+h/100*s.height)),s="matrix("+r+","+i+","+n+","+a+","+x+","+k+")",g.setAttribute("transform",s),w&&(g.style[Ye]=s)};_("padding,margin,Width,Radius",function(e,r){var t="Right",i="Bottom",n="Left",o=(r<3?["Top",t,i,n]:["Top"+n,"Top"+t,i+t,i+n]).map(function(t){return r<2?e+t:"border"+t+e});Ge[1<r?"border"+e:e]=function(e,t,r,i,n){var a,s;if(arguments.length<4)return a=o.map(function(t){return vd(e,t,r)}),5===(s=a.join(" ")).split(a[0]).length?a[0]:s;a=(i+"").split(" "),s={},o.forEach(function(t,e){return s[t]=a[e]=a[e]||a[(e-1)/2|0]}),e.init(t,s,n)}});var ir,nr,ar,sr={name:"css",register:md,targetTest:function targetTest(t){return t.style&&t.nodeType},init:function init(t,e,r,i,n){var a,s,o,u,h,l,f,d,p,_,c,m,g,v,y,T=this._props,b=t.style;for(f in he||md(),e)if("autoRound"!==f&&(s=e[f],!ft[f]||!Nb(f,e,r,i,t,n)))if(h=typeof s,l=Ge[f],"function"===h&&(h=typeof(s=s.call(r,i,t,n))),"string"===h&&~s.indexOf("random(")&&(s=ab(s)),l)l(this,t,f,s,r)&&(y=1);else if("--"===f.substr(0,2))this.add(b,"setProperty",getComputedStyle(t).getPropertyValue(f)+"",s+"",i,n,0,0,f);else if("undefined"!==h){if(a=vd(t,f),u=parseFloat(a),(_="string"===h&&"="===s.charAt(1)?+(s.charAt(0)+"1"):0)&&(s=s.substr(2)),o=parseFloat(s),f in qe&&("autoAlpha"===f&&(1===u&&"hidden"===vd(t,"visibility")&&o&&(u=0),sd(this,b,"visibility",u?"inherit":"hidden",o?"inherit":"hidden",!o)),"scale"!==f&&"transform"!==f&&~(f=qe[f]).indexOf(",")&&(f=f.split(",")[0])),c=f in ze)if(m||((g=t._gsap).renderTransform||Qe(t),v=!1!==e.smoothOrigin&&g.smooth,(m=this._pt=new ie(this._pt,b,Ye,0,1,g.renderTransform,g,0,-1)).dep=1),"scale"===f)this._pt=new ie(this._pt,g,"scaleY",g.scaleY,_?_*o:o-g.scaleY),T.push("scaleY",f),f+="X";else{if("transformOrigin"===f){s=yd(s),g.svg?Gd(t,s,0,v,0,this):((p=parseFloat(s.split(" ")[2])||0)!==g.zOrigin&&sd(this,g,"zOrigin",g.zOrigin,p),sd(this,b,f,We(a),We(s)));continue}if("svgOrigin"===f){Gd(t,s,1,v,0,this);continue}if(f in Je){Qd(this,g,f,u,s,_);continue}if("smoothOrigin"===f){sd(this,g,"smooth",g.smooth,s);continue}if("force3D"===f){g[f]=s;continue}if("transform"===f){Rd(this,s,t);continue}}else f in b||(f=Ue(f)||f);if(c||(o||0===o)&&(u||0===u)&&!Be.test(s)&&f in b)o=o||0,(d=(a+"").substr((u+"").length))!==(p=La(s)||(f in j.units?j.units[f]:d))&&(u=ud(t,f,a,p)),this._pt=new ie(this._pt,c?g:b,f,u,_?_*o:o-u,"px"!==p||!1===e.autoRound||c?Vc:Yc),this._pt.u=p||0,d!==p&&(this._pt.b=a,this._pt.r=Xc);else if(f in b)wd.call(this,t,f,a,s);else{if(!(f in t)){L(f,s);continue}this.add(t,f,t[f],s,i,n)}T.push(f)}y&&re(this)},get:vd,aliases:qe,getSetter:function getSetter(t,e,r){var i=qe[e];return i&&i.indexOf(",")<0&&(e=i),e in ze&&e!==Ne&&(t._gsap.x||vd(t,"x"))?r&&de===r?"scale"===e?cd:bd:(de=r||{})&&("scale"===e?dd:ed):t.style&&!q(t.style[e])?_c:~e.indexOf("-")?ad:Qt(t,e)},core:{_removeProperty:rd,_getMatrix:Fd}};ae.utils.checkPrefix=Ue,ar=_((ir="x,y,z,scale,scaleX,scaleY,xPercent,yPercent")+","+(nr="rotation,rotationX,rotationY,skewX,skewY")+",transform,transformOrigin,svgOrigin,force3D,smoothOrigin,transformPerspective",function(t){ze[t]=1}),_(nr,function(t){j.units[t]="deg",Je[t]=1}),qe[ar[13]]=ir+","+nr,_("0:translateX,1:translateY,2:translateZ,8:rotate,8:rotationZ,8:rotateZ,9:rotateX,10:rotateY",function(t){var e=t.split(":");qe[e[1]]=ar[e[0]]}),_("x,y,z,top,right,bottom,left,width,height,fontSize,padding,margin,perspective",function(t){j.units[t]="px"}),ae.registerPlugin(sr);var or=ae.registerPlugin(sr)||ae,ur=or.core.Tween;e.Back=Me,e.Bounce=Ae,e.CSSPlugin=sr,e.Circ=Se,e.Cubic=be,e.Elastic=Oe,e.Expo=De,e.Linear=ye,e.Power0=_e,e.Power1=ce,e.Power2=me,e.Power3=ge,e.Power4=ve,e.Quad=Te,e.Quart=we,e.Quint=xe,e.Sine=Pe,e.SteppedEase=Ce,e.Strong=ke,e.TimelineLite=Bt,e.TimelineMax=Bt,e.TweenLite=Xt,e.TweenMax=ur,e.default=or,e.gsap=or;if (typeof(window)==="undefined"||window!==e){Object.defineProperty(e,"__esModule",{value:!0})} else {delete e.default}});
assets/js/_vendor/jquery-2.2.4.min.js 0 → 100644
This diff could not be displayed because it is too large.
assets/js/_vendor/polyfill.js 0 → 100644
loadPolyfills();
// Polyfills for Intersection Observer and Array.from
function loadPolyfills() {
"use strict";
const isIntersectionObserverSupported = "IntersectionObserver" in window;
// Intersection Observer未サポート時にPolyfillを適用
if (!isIntersectionObserverSupported) {
IntersectionObserverPolyfill();
};
/// minified version of the Intersection Observer polyfill from: https://github.com/w3c/IntersectionObserver/tree/master/polyfill
function IntersectionObserverPolyfill() {
(function(h,f){function m(a){this.time=a.time;this.target=a.target;this.rootBounds=a.rootBounds;this.boundingClientRect=a.boundingClientRect;this.intersectionRect=a.intersectionRect||l();this.isIntersecting=!!a.intersectionRect;a=this.boundingClientRect;a=a.width*a.height;var b=this.intersectionRect;b=b.width*b.height;this.intersectionRatio=a?b/a:this.isIntersecting?1:0}function d(a,b){var c=b||{};if("function"!=typeof a)throw Error("callback must be a function");if(c.root&&1!=c.root.nodeType)throw Error("root must be an Element");this._checkForIntersections=u(this._checkForIntersections.bind(this),this.THROTTLE_TIMEOUT);this._callback=a;this._observationTargets=[];this._queuedEntries=[];this._rootMarginValues=this._parseRootMargin(c.rootMargin);this.thresholds=this._initThresholds(c.threshold);this.root=c.root||null;this.rootMargin=this._rootMarginValues.map(function(a){return a.value+a.unit}).join(" ")}function u(a,b){var c=null;return function(){c||(c=setTimeout(function(){a();c=null},b))}}function n(a,b,c,e){"function"==typeof a.addEventListener?a.addEventListener(b,c,e||!1):"function"==typeof a.attachEvent&&a.attachEvent("on"+b,c)}function r(a,b,c,e){"function"==typeof a.removeEventListener?a.removeEventListener(b,c,e||!1):"function"==typeof a.detatchEvent&&a.detatchEvent("on"+b,c)}function p(a){try{var b=a.getBoundingClientRect()}catch(c){}if(!b)return l();b.width&&b.height||(b={top:b.top,right:b.right,bottom:b.bottom,left:b.left,width:b.right-b.left,height:b.bottom-b.top});return b}function l(){return{top:0,bottom:0,left:0,right:0,width:0,height:0}}function t(a,b){for(var c=b;c;){if(c==a)return!0;c=q(c)}return!1}function q(a){return(a=a.parentNode)&&11==a.nodeType&&a.host?a.host:a}if("IntersectionObserver"in h&&"IntersectionObserverEntry"in h&&"intersectionRatio"in h.IntersectionObserverEntry.prototype)"isIntersecting"in h.IntersectionObserverEntry.prototype||Object.defineProperty(h.IntersectionObserverEntry.prototype,"isIntersecting",{get:function(){return 0<this.intersectionRatio}});else{var k=[];d.prototype.THROTTLE_TIMEOUT=100;d.prototype.POLL_INTERVAL=null;d.prototype.USE_MUTATION_OBSERVER=!0;d.prototype.observe=function(a){if(!this._observationTargets.some(function(b){return b.element==a})){if(!a||1!=a.nodeType)throw Error("target must be an Element");this._registerInstance();this._observationTargets.push({element:a,entry:null});this._monitorIntersections();this._checkForIntersections()}};d.prototype.unobserve=function(a){this._observationTargets=this._observationTargets.filter(function(b){return b.element!=a});this._observationTargets.length||(this._unmonitorIntersections(),this._unregisterInstance())};d.prototype.disconnect=function(){this._observationTargets=[];this._unmonitorIntersections();this._unregisterInstance()};d.prototype.takeRecords=function(){var a=this._queuedEntries.slice();this._queuedEntries=[];return a};d.prototype._initThresholds=function(a){a=a||[0];Array.isArray(a)||(a=[a]);return a.sort().filter(function(a,c,e){if("number"!=typeof a||isNaN(a)||0>a||1<a)throw Error("threshold must be a number between 0 and 1 inclusively");return a!==e[c-1]})};d.prototype._parseRootMargin=function(a){a=(a||"0px").split(/\s+/).map(function(a){a=/^(-?\d*\.?\d+)(px|%)$/.exec(a);if(!a)throw Error("rootMargin must be specified in pixels or percent");return{value:parseFloat(a[1]),unit:a[2]}});a[1]=a[1]||a[0];a[2]=a[2]||a[0];a[3]=a[3]||a[1];return a};d.prototype._monitorIntersections=function(){this._monitoringIntersections||(this._monitoringIntersections=!0,this.POLL_INTERVAL?this._monitoringInterval=setInterval(this._checkForIntersections,this.POLL_INTERVAL):(n(h,"resize",this._checkForIntersections,!0),n(f,"scroll",this._checkForIntersections,!0),this.USE_MUTATION_OBSERVER&&"MutationObserver"in h&&(this._domObserver=new MutationObserver(this._checkForIntersections),this._domObserver.observe(f,{attributes:!0,childList:!0,characterData:!0,subtree:!0}))))};d.prototype._unmonitorIntersections=function(){this._monitoringIntersections&&(this._monitoringIntersections=!1,clearInterval(this._monitoringInterval),this._monitoringInterval=null,r(h,"resize",this._checkForIntersections,!0),r(f,"scroll",this._checkForIntersections,!0),this._domObserver&&(this._domObserver.disconnect(),this._domObserver=null))};d.prototype._checkForIntersections=function(){var a=this._rootIsInDom(),b=a?this._getRootRect():l();this._observationTargets.forEach(function(c){var e=c.element,d=p(e),g=this._rootContainsTarget(e),f=c.entry,k=a&&g&&this._computeTargetAndRootIntersection(e,b);c=c.entry=new m({time:h.performance&&performance.now&&performance.now(),target:e,boundingClientRect:d,rootBounds:b,intersectionRect:k});f?a&&g?this._hasCrossedThreshold(f,c)&&this._queuedEntries.push(c):f&&f.isIntersecting&&this._queuedEntries.push(c):this._queuedEntries.push(c)},this);this._queuedEntries.length&&this._callback(this.takeRecords(),this)};d.prototype._computeTargetAndRootIntersection=function(a,b){if("none"!=h.getComputedStyle(a).display){for(var c=p(a),e=q(a),d=!1;!d;){var g=null,k=1==e.nodeType?h.getComputedStyle(e):{};if("none"==k.display)return;e==this.root||e==f?(d=!0,g=b):e!=f.body&&e!=f.documentElement&&"visible"!=k.overflow&&(g=p(e));if(g){k=Math.max(g.top,c.top);var l=Math.min(g.bottom,c.bottom),m=Math.max(g.left,c.left);c=Math.min(g.right,c.right);g=c-m;var n=l-k;c=0<=g&&0<=n&&{top:k,bottom:l,left:m,right:c,width:g,height:n};if(!c)break}e=q(e)}return c}};d.prototype._getRootRect=function(){if(this.root)var a=p(this.root);else{a=f.documentElement;var b=f.body;a={top:0,left:0,right:a.clientWidth||b.clientWidth,width:a.clientWidth||b.clientWidth,bottom:a.clientHeight||b.clientHeight,height:a.clientHeight||b.clientHeight}}return this._expandRectByRootMargin(a)};d.prototype._expandRectByRootMargin=function(a){var b=this._rootMarginValues.map(function(b,d){return"px"==b.unit?b.value:b.value*(d%2?a.width:a.height)/100});b={top:a.top-b[0],right:a.right+b[1],bottom:a.bottom+b[2],left:a.left-b[3]};b.width=b.right-b.left;b.height=b.bottom-b.top;return b};d.prototype._hasCrossedThreshold=function(a,b){var c=a&&a.isIntersecting?a.intersectionRatio||0:-1,d=b.isIntersecting?b.intersectionRatio||0:-1;if(c!==d)for(var f=0;f<this.thresholds.length;f++){var g=this.thresholds[f];if(g==c||g==d||g<c!==g<d)return!0}};d.prototype._rootIsInDom=function(){return!this.root||t(f,this.root)};d.prototype._rootContainsTarget=function(a){return t(this.root||f,a)};d.prototype._registerInstance=function(){0>k.indexOf(this)&&k.push(this)};d.prototype._unregisterInstance=function(){var a=k.indexOf(this);-1!=a&&k.splice(a,1)};h.IntersectionObserver=d;h.IntersectionObserverEntry=m}})(window,document);
};
// Mini polyfill for Array.from without optional arguments (mapFunction [second argument], thisArg [third argument]) (https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/from)
if (typeof Array.from !== "function") {
Array.from = function(arrLikeObj) {
return Array.prototype.slice.call(arrLikeObj, 0);
}
};
};
\ No newline at end of file
assets/js/_vendor/swiper.js 0 → 100644
This diff could not be displayed because it is too large.
assets/js/_vendor/ua.js 0 → 100644
var ua = (function() {
window._uac = {}; // define _uac as a global object
var ua = window.navigator.userAgent.toLowerCase();
var ver = window.navigator.appVersion.toLowerCase();
// check browser version
_uac.browser = (function() {
if (ua.indexOf('edge') !== -1) return 'is-edge'; // Edge
else if (ua.indexOf("iemobile") !== -1) return 'is-iemobile'; // ieMobile
else if (ua.indexOf('trident/7') !== -1) return 'is-ie11'; // ie11
else if (ua.indexOf("msie") !== -1 && ua.indexOf('opera') === -1) {
if (ver.indexOf("msie 6.") !== -1) return 'is-ie6'; // ie6
else if (ver.indexOf("msie 7.") !== -1) return 'is-ie7'; // ie7
else if (ver.indexOf("msie 8.") !== -1) return 'is-ie8'; // ie8
else if (ver.indexOf("msie 9.") !== -1) return 'is-ie9'; // ie9
else if (ver.indexOf("msie 10.") !== -1) return 'is-ie10'; // ie10
} else if (ua.indexOf('chrome') !== -1 && ua.indexOf('edge') === -1) return 'is-chrome'; // Chrome
else if (ua.indexOf('safari') !== -1 && ua.indexOf('chrome') === -1) return 'is-safari'; // Safari
else if (ua.indexOf('opera') !== -1) return 'is-opera'; // Opera
else if (ua.indexOf('firefox') !== -1) return 'is-firefox'; // FIrefox
else return 'unknown_browser';
})();
// check device
_uac.device = (function() {
if (ua.indexOf('iphone') !== -1 || ua.indexOf('ipod') !== -1) return 'iphone';
else if (ua.indexOf('ipad') !== -1) return 'ipad';
else if (ua.indexOf('android') !== -1) return 'android';
else if (ua.indexOf('windows') !== -1 && ua.indexOf('phone') !== -1) return 'windows_phone';
else return '';
})();
// check ios version
_uac.iosVer = (function() {
if (/iP(hone|od|ad)/.test(navigator.platform)) {
var v = (navigator.appVersion).match(/OS (\d+)_(\d+)_?(\d+)?/);
var versions = [parseInt(v[1], 10), parseInt(v[2], 10), parseInt(v[3] || 0, 10)];
return versions[0];
} else return 0;
})();
_uac.isIE = (_uac.browser.substr(0, 2) === 'ie' && _uac.browser !== 'iemobile');
_uac.isiOS = (_uac.device === 'iphone' || _uac.device === 'ipad');
_uac.isMobile = (ua.indexOf('mobi') !== -1 || _uac.device === 'iphone' || (_uac.device === 'windows_phone' && ua.indexOf('wpdesktop') === -1) || _uac.device === 'iemobile');
_uac.isTablet = (_uac.device === 'ipad' || (_uac.device === 'android' && !_uac.isMobile));
_uac.isTouch = ('ontouchstart' in window);
_uac.isModern = !(_uac.browser === 'ie6' || _uac.browser === 'ie7' || _uac.browser === 'ie8' || _uac.browser === 'ie9' || (0 < _uac.iosVer && _uac.iosVer < 8));
// Set the results as class names of the html
var homeClass = function() {
var classStr = ' ';
classStr += (_uac.browser !== '') ? _uac.browser + " " : 'is-browser-unknown ',
classStr += (_uac.device !== '') ? _uac.device + " " : 'is-device-unknown ',
classStr += (_uac.isMobile) ? 'is-mobile ' : 'is-desktop ',
classStr += (_uac.isTouch) ? 'is-touch ' : 'is-mouse ',
classStr += (_uac.isiOS) ? 'is-ios ' : '',
classStr += (_uac.isIE) ? 'is-ie ' : '',
classStr += (_uac.isModern) ? 'is-modern ' : 'is-old ';
return classStr;
};
document.addEventListener('DOMContentLoaded', function() {
document.documentElement.className += homeClass();
});
})();
\ No newline at end of file
assets/js/_vendor/vendor.js 0 → 100644
This diff could not be displayed because it is too large.
assets/js/app.js 0 → 100644
// --------------------------------------------------------------------------------------
// 作業用ファイルの更新が終わったら、手動で「javascript-minifier」にて圧縮するapp_min.jsにコピペする。
// https://www.toptal.com/developers/javascript-minifier
// --------------------------------------------------------------------------------------
var WEBSITE = (() => {
let page = {},
mv = {},
score = {},
loader = {},
scroll = {},
menu = {},
mouse = {},
wheel = {},
hover = {},
touch = {},
load = {},
pjax = {};
let easeScale = CustomEase.create("custom", "M0,0,C0.504,0,-0.068,1,1,1"),
easeTxt = CustomEase.create("custom", "M0,0 C0.44,0.002 0,1 1,1 ");
page.body = document.body;
page.url = document.URL;
page.winW = window.innerWidth;
page.winH = window.innerHeight;
page.breakPoint = 768;
page.isDesktop = true;
page.isFirst = true;
page.animationFrame = null;
if (page.breakPoint >= page.winW) {
page.isDesktop = false;
}
const Util = {
score() {
score = {
top: $('.page-top').length ? true : false,
service: $('.page-service').length ? true : false,
works: $('.page-works').length ? true : false,
worksDetail: $('.page-works-detail').length ? true : false,
company: $('.page-company').length ? true : false,
contact: $('.page-contact').length ? true : false
};
$('.nv').removeClass('no-link');
if (score.top) {
$('.l-top').addClass('no-link');
} else if (score.service) {
$('.l-service').addClass('no-link');
} else if (score.works) {
$('.l-works').addClass('no-link');
} else if (score.company) {
$('.l-company').addClass('no-link');
} else if (score.contact) {
$('.l-contact').addClass('no-link');
}
},
normalize(x, y, p) {
return (p - x) / (y - x);
},
lerp(x, y, p) {
return x + (y - x) * p;
},
langChange() {
let h = 0,
cell = $('.lang-area .is-current .cell');
for (var i = 0; i < cell.length; i++) {
h += cell.eq(i).outerHeight(true);
}
$('.lang-area').css('height', h);
$('.lang span').on('click', function() {
let i = $(this).index();
$('.lang span').removeClass('is-current').eq(i).addClass('is-current');
$('.lang-target').removeClass('is-current').eq(i).addClass('is-current');
let h = 0,
cell = $('.lang-area .is-current .cell');
for (var n = 0; n < cell.length; n++) {
h += cell.eq(n).outerHeight(true);
}
$('.lang-area').css('height', h);
});
},
elmIn() {
if (!score.top && !score.worksDetail) {
gsap.to('.in-target', {
opacity: 1,
duration: 0.4,
ease: 'linear'
});
}
if ($('#l-img').length && !score.worksDetail) {
gsap.to('#l-img .panel', {
skewY: -4,
duration: 0.8,
ease: 'Power3.easeInOut'
});
gsap.to('#l-img h2 span i', {
y: '0%',
duration: 1.0,
ease: easeTxt,
stagger: 0.02
});
gsap.to('#l-img img', {
opacity: 0,
duration: 0.3,
ease: 'linear',
delay: 0.6
});
gsap.to('#l-img .video', {
opacity: 1,
duration: 0.3,
ease: 'linear',
delay: 0.6
});
} else if ($('#l-img').length && score.worksDetail) {
gsap.to('#l-img img', {
scale: 1,
duration: 1.8,
ease: 'Power3.easeInOut'
});
if (score.works) {
gsap.to('.cell', {
y: 0,
opacity: 1,
duration: 1.2,
delay: 0.2,
stagger: 0.05,
ease: easeTxt
});
gsap.to('.cell .in', {
y: 0,
duration: 1.2,
delay: 0.2,
stagger: 0.05,
ease: easeTxt
});
}
} else {
if (!score.top) {
gsap.to('h2 span i', {
y: '0%',
duration: 1.0,
ease: easeTxt,
stagger: 0.02
});
if (score.works) {
gsap.to('.cell', {
y: 0,
opacity: 1,
duration: 1.2,
delay: 0.2,
stagger: 0.05,
ease: easeTxt
});
gsap.to('.cell .in', {
y: 0,
duration: 1.2,
delay: 0.2,
stagger: 0.05,
ease: easeTxt
});
}
}
}
},
panelIn(target, cb, bf) {
let param1 = { y: 0 },
param2 = { y: 0 };
gsap.fromTo([param1, param2], {
y: page.winH
}, {
y: 0,
duration: (i) => {
if (i === 0) {
return 1.2;
} else {
return 1.0;
}
},
ease: easeTxt,
onStart: () => {
if (bf !== undefined) {
return bf();
}
},
onUpdate: () => {
target.setAttribute('points', '0 ' + Math.floor(param1.y) + ',' + page.winW + ' ' + Math.floor(param2.y) + ',' + page.winW + ' ' + page.winH + ',0 ' + page.winH);
},
onComplete: () => {
if (cb !== undefined) {
return cb();
}
}
});
},
panelOut(target, cb, bf) {
let param1 = { y: page.winH },
param2 = { y: page.winH };
gsap.fromTo([param1, param2], {
y: page.winH
}, {
y: 0,
duration: (i) => {
if (i === 0) {
return 1.2;
} else {
return 1.0;
}
},
ease: easeTxt,
onStart: () => {
if (bf !== undefined) {
return bf();
}
},
onUpdate: () => {
target.setAttribute('points', '0 0,' + page.winW + ' 0,' + page.winW + ' ' + Math.floor(param1.y) + ',0 ' + Math.floor(param2.y));
},
onComplete: () => {
if (cb !== undefined) {
return cb();
}
}
});
}
}
const Resize = {
init() {
menu.panel = document.getElementById('menu-panel');
menu.polygon = document.getElementById('menu-panel-polygon');
Resize.set();
Resize.update();
Resize.rectSet();
Resize.spReset();
setTimeout(() => {
Resize.set();
}, 1000);
//console.log('!-- resize init --!');
},
set() {
if (score.top) {
Top.resize();
} else if (score.worksDetail) {
WorksDetail.resize();
}
Scroll.resize();
Resize.rectSet();
},
update() {
$(window).off('resize');
let timer = false;
$(window).resize(function() {
if (timer !== false) {
clearTimeout(timer);
}
timer = setTimeout(function() {
page.winW = window.innerWidth;
page.winH = window.innerHeight;
if (page.breakPoint > page.winW) {
if (page.isDesktop) {
page.isDesktop = false;
location.reload();
}
} else {
if (!page.isDesktop) {
page.isDesktop = true;
location.reload();
}
}
Resize.set();
}, 1600);
});
},
rectSet() {
menu.panel.setAttribute('viewBox', '0, 0, ' + page.winW + ', ' + page.winH + '');
menu.polygon.setAttribute('points', '0 0,0 0,0 0,0 0');
/*
pjax.panel.setAttribute('viewBox', '0, 0, ' + page.winW + ', ' + page.winH + '');
pjax.polygon.setAttribute('points', '0 0,0 0,0 0,0 0');
*/
},
spReset() {
if (!page.isDesktop) {
$('body').css('height', page.winH);
$('#f').css('height', page.winH);
}
}
}
const Scroll = {
init() {
scroll.target = document.getElementById('scroll');
scroll.delta = 0;
scroll.lastY = 0;
scroll.velocity = 0.1;
scroll.targetY = 0;
scroll.translateY = 0;
scroll.currentY = 0;
scroll.secH = 0;
scroll.section = document.querySelectorAll('section');
scroll.parallaxB = document.querySelectorAll('.p-img-b');
scroll.parallaxT = document.querySelectorAll('.p-img-t');
scroll.bounce = document.querySelectorAll('.bounce');
scroll.bounceY = 0;
scroll.colorArr = [];
scroll.colorArrOffset = [];
scroll.colorMargin = page.winH / 2;
scroll.head = document.getElementById('t-head');
Scroll.set();
Scroll.observer();
setTimeout(() => {
Scroll.resize();
}, 600);
//console.log('!-- scroll init --!');
},
set() {
if (page.isDesktop) {
$(window).on('scroll', (e) => {
scroll.targetY = $(e.currentTarget).scrollTop();
});
} else {
$('html,body').attr('style', '');
$('#scroll').attr('style', '').off('scroll');
scroll.targetY = 0;
scroll.translateY = 0;
scroll.currentY = 0;
$('#scroll').on('scroll', function(e) {
scroll.currentY = Math.abs($('#scroll-wrap').offset().top);
if (score.top) {
Top.colorThemeSP();
} else {
Scroll.headIn();
Scroll.colorTheme();
}
});
}
},
resize() {
if (scroll.target !== undefined) {
if (page.isDesktop) {
scroll.secH = scroll.target.getBoundingClientRect().height;
gsap.set('body', { height: Math.floor(scroll.secH) });
}
scroll.colorArr = [];
scroll.colorArrOffset = [];
for (let i = 0; i < scroll.section.length; i++) {
scroll.colorArr.push(scroll.section[i].getAttribute('data-color'));
if (page.isDesktop) {
scroll.colorArrOffset.push(Math.floor(scroll.section[i].getBoundingClientRect().top) + Math.floor(scroll.currentY));
} else {
scroll.colorArrOffset.push(Math.floor(scroll.section[i].getBoundingClientRect().top) + Math.floor(scroll.currentY));
}
}
}
},
colorTheme() {
for (let i = 0; i < scroll.section.length; i++) {
if (scroll.currentY + scroll.colorMargin > scroll.colorArrOffset[i]) {
if (scroll.colorArrOffset[i + 1] === undefined) {
if (scroll.colorNum === i) return;
scroll.colorNum = scroll.section.length - 1;
$('body').attr('class', scroll.colorArr[scroll.colorNum]);
} else if (scroll.currentY + scroll.colorMargin < scroll.colorArrOffset[i + 1]) {
if (scroll.colorNum === i) return;
scroll.colorNum = i;
$('body').attr('class', scroll.colorArr[i]);
}
}
}
},
update() {
scroll.currentY = Scroll.easing(scroll.currentY, scroll.targetY, scroll.velocity);
document.body.style.height = Math.floor(scroll.secH) + 'px';
scroll.translateY = 'translateY(-' + Math.floor(scroll.currentY) + 'px) translateZ(0)';
scroll.target.style.transform = scroll.translateY;
Scroll.headIn();
},
easing(start, end, multiplier) {
return (1 - multiplier) * start + multiplier * end;
},
observer() {
let targets = Array.from(document.querySelectorAll('.s-in')),
options = {
rootMargin: '0px 0px'
};
let observer = new IntersectionObserver(Scroll.observerCallback, options);
targets.forEach((target) => {
observer.observe(target);
});
},
observerCallback(entries, object) {
entries.forEach(function(entry, i) {
if (!entry.isIntersecting) return;
entry.target.classList.add('is-in');
object.unobserve(entry.target);
});
},
bounce() {
for (let i = 0; i < scroll.bounce.length; i++) {
let rect = scroll.bounce[i].getBoundingClientRect(),
scale = scroll.bounce[i].getAttribute('data-scale');
scroll.bounceY = (scroll.targetY - scroll.currentY) * 0.15 * scale;
gsap.to(scroll.bounce[i], {
y: scroll.bounceY,
duration: 0.3
});
}
},
headIn() {
if (scroll.currentY > page.winH / 2) {
scroll.head.classList.add('is-in');
} else {
scroll.head.classList.remove('is-in');
}
},
parallaxB() {
for (let i = 0; i < scroll.parallaxB.length; i++) {
let objRect = scroll.parallaxB[i].getBoundingClientRect(),
scale = scroll.parallaxB[i].getAttribute('data-scale');
if (page.winH > objRect.top) {
if (objRect.top + objRect.height > 0) {
let y = Math.floor((-objRect.top + page.winH) * scale);
Scroll.tweenY(scroll.parallaxB[i], y);
}
} else {
Scroll.tweenY(scroll.parallaxB[i], 0);
}
}
},
parallaxT() {
for (let i = 0; i < scroll.parallaxT.length; i++) {
let objRect = scroll.parallaxT[i].getBoundingClientRect(),
scale = scroll.parallaxT[i].getAttribute('data-scale'),
transform;
if (page.winH > objRect.top) {
if (objRect.top + objRect.height > 0) {
let y = Math.floor((objRect.top - page.winH) * scale);
Scroll.tweenY(scroll.parallaxT[i], y);
}
} else {
Scroll.tweenY(scroll.parallaxT[i], 0);
}
}
}
}
const Mouse = {
init() {
mouse.cursor = document.getElementById('cursor');
mouse.x = 0;
mouse.y = 0;
mouse.tx = 0;
mouse.ty = 0;
mouse.dx = 0;
mouse.dy = 0;
mouse.ease = 0.09;
mouse.isHover = false;
mouse.dot = {
x: 0,
y: 0,
w: 0,
h: 0
};
Mouse.set();
},
set() {
$(window).off('mousemove');
if (!page.isDesktop) { return }
$(window).on('mousemove', function(e) {
mouse.x = e.clientX;
mouse.y = e.clientY;
});
},
fit() {
// 2023-06-29修正 : 初期状態はPlayアイコンを表示する(※Works詳細のみ有効)
const isPageWoksDetail = "page-works-derail";
let pageName = $('#scroll').attr('data-pageName');
if(pageName === isPageWoksDetail) {
mouse.cursor.classList.add('is-play');
// console.log(pageName + "の処理");
}
$('.cursor-fit').off('mouseleave mouseenter');
$('.cursor-fit').on('mouseleave mouseenter', function(e) {
let that = $(this);
mouse.hoverTarget = $(this).find('.cursor-pos');
if (e.type === 'mouseenter') {
mouse.isHover = true;
if (that.attr('data-type') === 'basic') {
mouse.cursor.classList.add('is-basic');
} else if (that.attr('data-type') === 'menu') {
mouse.cursor.classList.add('is-menu');
}
} else {
mouse.isHover = false;
mouse.cursor.classList.remove('is-basic');
}
});
$('.cursor-in').on('mouseleave mouseenter', function(e) {
let that = $(this);
if (e.type === 'mouseenter') {
if (that.attr('data-type') === 'detail') {
mouse.cursor.classList.add('is-detail');
} else if (that.attr('data-type') === 'close') {
mouse.cursor.classList.add('is-close');
} else if (that.attr('data-type') === 'play') {
mouse.cursor.classList.add('is-play');
}
} else {
mouse.cursor.classList.remove('is-detail');
mouse.cursor.classList.remove('is-close');
mouse.cursor.classList.remove('is-play');
}
});
},
update() {
mouse.tx = mouse.x;
mouse.ty = mouse.y;
mouse.dot.x += (mouse.tx - mouse.dot.x) * mouse.ease;
mouse.dot.y += (mouse.ty - mouse.dot.y) * mouse.ease;
gsap.set(mouse.cursor, {
x: mouse.dot.x,
y: mouse.dot.y
});
}
}
const Pjax = {
init() {
pjax.href = null;
pjax.cont = null;
pjax.popstate = false;
pjax.lastElementClicked = null;
pjax.offset = 0;
pjax.index = 0;
pjax.nameSpace = null;
pjax.param = { t: 0 };
pjax.panel = document.getElementById('p-panel');
pjax.polygon = document.getElementById('p-panel-polygon');
Barba.Pjax.init();
Barba.Prefetch.init();
this.set();
},
set() {
Barba.Dispatcher.on('linkClicked', function(t) {
pjax.href = $(t).attr('href');
pjax.cont = '#pjax-container';
pjax.lastElementClicked = t;
Menu.close();
if (mv.interval !== null) {
clearInterval(mv.interval);
}
});
Barba.Dispatcher.on('initStateChange', function() {
// if (typeof ga === 'function' && Barba.HistoryManager.history.length >= 1) {
// ga('send', 'pageview', location.pathname);
// }
// if (typeof gtag === 'function' && Barba.HistoryManager.history.length >= 1) {
// gtag('config', 'UA-37558774-29', { 'page_path': location.pathname });
// }
});
Barba.Dispatcher.on('newPageReady', function(t, e, i) {});
Barba.Dispatcher.on('transitionCompleted', function() {
cancelAnimationFrame(page.animationFrame);
});
const barbaTransition = Barba.BaseTransition.extend({
start: function() {
Promise.all([this.newContainerLoading, this.ready(this.newContainer)]).then(this.fadeIn.bind(this));
},
ready: function(newCont) {
let deferred = Barba.Utils.deferred();
return animation.ready(deferred), deferred.promise;
},
fadeIn: function() {
let t = this,
oldCont = $(this.oldContainer),
newCont = $(this.newContainer);
animation.fadeIn(oldCont, newCont, t);
}
});
let animation = {
ready: function(deferred) {
deferred.resolve();
},
fadeIn: function(oldCont, newCont, t) {
let cb = () => {
$('body').attr('class', 'theme-black');
$('html,body').animate({
scrollTop: 0
}, 10);
$('#ttl-head').text('');
$('#t-head').text('').removeClass('force-in');
oldCont.hide();
t.done();
setTimeout(() => {
this.fadeOut();
}, 400);
};
Pjax.navChange(0);
Util.panelIn(pjax.polygon, cb);
},
fadeOut: function() {
scroll.head.classList.remove('is-in');
Util.score();
if (score.top) {
let bf = () => {
setTimeout(() => {
Pjax.navChange(1);
App.set();
Mv.first();
}, 400);
};
let cb = () => {};
Util.panelOut(pjax.polygon, cb(), bf());
} else if (score.service || score.company) {
Pjax.imgOut();
} else {
let cb = () => {
setTimeout(() => {
Pjax.navChange(1);
Util.elmIn();
setTimeout(() => {
App.set();
}, 400);
}, 400);
};
Util.panelOut(pjax.polygon, cb());
}
}
}
Barba.Pjax.getTransition = function() {
return barbaTransition;
};
},
imgOut() {
let panel = document.getElementById('mv-panel'),
polygon = document.getElementById('mv-panel-polygon'),
w = page.winW,
h = page.isDesktop ? Math.floor(page.winW * 0.357) : Math.floor(page.winW * 1.134);
// set
gsap.set('#l-img', {
y: Math.floor((page.winH / 2) - (h / 2)),
scale: 1.1,
});
panel.setAttribute('viewBox', '0, 0, ' + w + ', ' + h);
polygon.setAttribute('points', '0 0,' + w + ' 0,' + w + ' ' + h + ',0 ' + h);
pjax.polygon.setAttribute('points', '0 0,0 0,0 0,0 0');
//
let bf = () => {
gsap.to('#l-img', {
y: 0,
scale: 1,
duration: 1.6,
delay: 0.6,
ease: easeScale,
onStart: () => {
setTimeout(() => {
Pjax.navChange(1);
Util.elmIn();
setTimeout(() => {
App.set();
}, 400);
}, 800);
}
});
}
let cb = () => {}
Util.panelOut(polygon, cb(), bf());
},
navChange(opa) {
gsap.to(['#h', '#nv-copy', '#nv-contact'], {
opacity: opa,
duration: 0.4,
ease: 'linear'
});
}
}
const Menu = {
init() {
menu.btn = $('.btn-menu');
menu.close = $('#close');
menu.target = $('#menu');
menu.isOpen = false;
Menu.set();
},
set() {
menu.btn.on('click', function(e) {
if (menu.isOpen) { return };
Menu.open();
});
menu.close.on('click', function(e) {
if (!menu.isOpen) { return };
Menu.close();
});
},
open() {
menu.target.addClass('is-in');
let cb = () => {
menu.isOpen = true;
};
Util.panelIn(menu.polygon, cb);
gsap.fromTo('#menu .in span', {
y: '120%'
}, {
y: '0%',
duration: 0.8,
delay: 0.2,
ease: easeTxt,
stagger: 0.04
});
gsap.fromTo('#menu .op', {
opacity: 0
}, {
opacity: 1,
duration: 0.2,
delay: 0.6,
ease: 'none'
});
},
close() {
menu.target.removeClass('is-in');
setTimeout(() => {
menu.polygon.setAttribute('points', '0 0,0 0,0 0,0 0');
menu.isOpen = false;
}, 400);
}
}
const Anchor = {
init() {
$('.anchor').on('click', function(e) {
(e.preventDefault) ? e.preventDefault(): e.returnValue = false;
let tgt = $(this).attr('data-href'),
t = tgt === '#' ? 0 : $(tgt).offset().top,
box = $('#scroll'),
dist = t - box.position().top;
if (page.isDesktop) {
$('html,body').animate({
scrollTop: t
}, 100);
} else {
box.stop().animate({
scrollTop: 0
}, 800);
}
});
}
}
const DragSlider = {
init() {
let swiper = new Swiper('.swiper-container', {
slidesPerView: page.isDesktop ? 2 : 1,
spaceBetween: page.isDesktop ? 0 : 100,
centeredSlides: true,
responsive: true,
navigation: {
nextEl: '.next',
prevEl: '.prev'
},
grabCursor: true,
resize: () => {
setTimeout(() => {
swiper.update();
}, 2000);
}
});
swiper.on('transitionStart', function() {
$('.slide-nav span').removeClass('is-current').eq(swiper.activeIndex).addClass('is-current');
});
swiper.on('touchStart', function() {
$('.swiper-slide').removeClass('swiper-slide-active');
$('#slider-ttl strong').removeClass('is-current');
$('#slider-cat strong').removeClass('is-current');
});
swiper.on('touchEnd', function() {
setTimeout(() => {
$('.swiper-slide').eq(swiper.activeIndex).addClass('swiper-slide-active');
$('#slider-ttl strong').eq(swiper.activeIndex).addClass('is-current');
$('#slider-cat strong').eq(swiper.activeIndex).addClass('is-current');
if (!page.isDesktop) {
$('.slide-nav').animate({
scrollLeft: ((page.winW * 0.5 + 12) * swiper.activeIndex)
}, 400);
}
}, 200);
});
$('.slide-nav span').on('click', function() {
let i = $(this).index();
swiper.slideTo(i);
$('.swiper-slide').removeClass('swiper-slide-active');
$('#slider-ttl strong').removeClass('is-current');
$('#slider-cat strong').removeClass('is-current');
setTimeout(() => {
$('.swiper-slide').eq(swiper.activeIndex).addClass('swiper-slide-active');
$('#slider-ttl strong').eq(swiper.activeIndex).addClass('is-current');
$('#slider-cat strong').eq(swiper.activeIndex).addClass('is-current');
}, 200);
});
}
}
const Hover = {
init() {
hover.target = $('.hover-rotate');
Hover.events();
},
events() {
hover.target.on('mouseenter mouseleave', function(e) {
let cell1 = $(this).find('span').eq(0).find('i'),
cell2 = $(this).find('span').eq(1).find('i');
if (e.type === 'mouseenter') {
gsap.fromTo(cell1, {
y: '0%'
}, {
y: '-101%',
duration: 0.6,
ease: easeTxt,
stagger: 0.02
});
gsap.fromTo(cell2, {
y: '101%'
}, {
y: '0%',
duration: 0.6,
ease: easeTxt,
stagger: 0.02
});
} else {
gsap.to(cell1, {
y: '0%',
duration: 0.6,
ease: easeTxt,
stagger: 0.02
});
gsap.to(cell2, {
y: '101%',
duration: 0.6,
ease: easeTxt,
stagger: 0.02
});
}
});
},
footerLink() {
let trigger = false,
param = { x: 0.1 },
move = null,
re = null;
$('#f .next').on('mouseenter mouseleave', function(e) {
if (e.type === 'mouseenter') {
param.x = 0.1;
if (re !== null) { re.pause(); }
move = gsap.to(param, {
x: 1,
duration: 2.4,
ease: 'Power2.easeOut',
onUpdate: () => {
$('#f .progress').css('transform', 'translate3d(0,0,0) scale(' + param.x + ',1)');
},
onComplete: () => {
if (param.x === 1) {
if (!trigger) {
trigger = true;
let btn = document.querySelector('#f .next');
btn.click();
}
}
}
});
} else {
move.pause();
move.reverse();
}
});
}
}
const Mv = {
init() {
mv.txt = $('#mv-t-box .in span');
mv.num = $('#mv-num-box span');
mv.gradL = $('#mv-panel-grad-l span');
mv.gradR = $('#mv-panel-grad-r span');
mv.video = document.getElementById('mv-video');
mv.play = document.getElementById('play');
mv.play.addEventListener('click', function() {
mv.video.play();
});
mv.current = 0;
mv.prev = 0;
mv.len = 5;
mv.interval = null;
mv.isFirst = true;
mv.video.pause();
mv.video.currentTime = 0;
},
first() {
gsap.fromTo(mv.txt.eq(0).find('i'), {
y: '101%'
}, {
y: '0%',
duration: 0.6,
ease: easeTxt,
stagger: 0.02
});
gsap.fromTo(mv.num.eq(0).find('i'), {
y: '101%'
}, {
y: '0%',
duration: 0.6,
ease: easeTxt,
stagger: 0.04
});
Mv.scroll();
Mv.panelMove();
mv.interval = setInterval(Mv.interval, 3650);
setTimeout(() => {
mv.video.play();
gsap.to(mv.video, {
opacity: 1,
duration: 0.4,
ease: 'linear'
});
}, 600);
//console.log('!-- canplay --!');
},
scroll() {
gsap.fromTo('.scroll .l1 i', {
y: '0%'
}, {
y: '-100%',
duration: 1.0,
ease: easeTxt,
stagger: 0.02
});
gsap.fromTo('.scroll .l2 i', {
y: '100%'
}, {
y: '0%',
duration: 1.0,
ease: easeTxt,
stagger: 0.02
});
},
interval() {
mv.prev = mv.current;
mv.current++;
if (mv.current > mv.len) {
mv.prev = 5;
mv.current = 0;
}
Mv.txtChange();
Mv.scroll();
},
txtChange() {
gsap.fromTo(mv.txt.eq(mv.prev).find('i'), {
y: '0%'
}, {
y: '-101%',
duration: 0.6,
delay: 0.4,
ease: easeTxt,
stagger: 0.02
});
gsap.fromTo(mv.txt.eq(mv.current).find('i'), {
y: '101%'
}, {
y: '0%',
duration: 0.6,
delay: 0.4,
ease: easeTxt,
stagger: 0.02
});
Mv.numChange();
Mv.panelMove();
},
numChange() {
if (mv.current === 0 || mv.current === 2 || mv.current === 4) {
let prev = 0,
current = 0;
if (mv.current === 0) {
prev = 2;
current = 0;
} else if (mv.current === 2) {
prev = 0;
current = 1;
} else if (mv.current === 4) {
prev = 1;
current = 2;
}
gsap.fromTo(mv.num.eq(prev).find('i'), {
y: '0%'
}, {
y: '-101%',
duration: 0.6,
delay: 0.4,
ease: easeTxt,
stagger: 0.04
});
gsap.fromTo(mv.num.eq(current).find('i'), {
y: '101%'
}, {
y: '0%',
duration: 0.6,
delay: 0.4,
ease: easeTxt,
stagger: 0.04
});
}
},
panelMove() {
let x1 = 0,
x2 = 0,
x3 = 0,
rotate = 0,
dur = 1400,
ease = [.61, .0, 0, 1];
if (mv.current === 0 || mv.current === 2 || mv.current === 4) {
x1 = ['-60%', '60%'];
x2 = page.isDesktop ? [-(page.winW * 0.88), (page.winW * 0.92)] : [-(page.winW * 0.88), (page.winW * 0.96)];
x3 = page.isDesktop ? [-(page.winW * 0.04), (page.winW * 1.6)] : [-(page.winW * 0.04), (page.winW * 1.4)];
rotate = [-90, 90];
} else {
x1 = ['60%', '-60%'];
x2 = page.isDesktop ? [(page.winW * 0.88), -(page.winW * 0.92)] : [(page.winW * 0.96), -(page.winW * 0.94)];
x3 = page.isDesktop ? [(page.winW * 1.7), -(page.winW * 0.04)] : [(page.winW * 1.8), -(page.winW * 0.04)];
rotate = [90, -90];
}
let animePanel = anime({
targets: '#mv-panel-box-in',
translateX: x1,
rotateY: rotate,
duration: dur,
easing: ease
});
let animePanelGradL = anime({
targets: '#mv-panel-grad-l',
translateX: x2,
duration: dur,
easing: ease,
update: () => {
Mv.randomNoise(mv.gradL);
}
});
let animePanelGradR = anime({
targets: '#mv-panel-grad-r',
translateX: x3,
duration: dur,
easing: ease,
update: () => {
Mv.randomNoise(mv.gradR);
}
});
},
randomNoise(target) {
target.css('width', 0);
let spanRandom = Math.floor(Math.random() * 5),
widthRandom = page.isDesktop ? Math.random() * 30 : Math.random() * 10,
xRandom = Math.random() * 6;
gsap.set(target.eq(spanRandom), {
width: widthRandom,
x: xRandom
});
}
}
const PanelWorks = {
init() {
page.videoPanel = $('#video-panel');
page.videoPanelCell = $('#video-panel .video');
PanelWorks.events();
},
events() {
$('.s2 .works-cell').off('mouseenter mouseleave');
$('.s2 .works-cell').on('mouseenter mouseleave', function(e) {
let i = $(this).index();
if (e.type === 'mouseenter') {
page.videoPanelCell.removeClass('is-current');
page.videoPanelCell.eq(i).addClass('is-current');
} else {
page.videoPanelCell.removeClass('is-current');
}
});
},
update() {
let x = mouse.x - (page.winW * 0.31),
y = mouse.y - (page.winW * 0.131),
rotate = mouse.x - mouse.dot.x;
gsap.to(page.videoPanel, {
x: x,
y: y,
rotation: rotate * 0.03,
duration: 0.4,
ease: 'none'
});
}
}
const Modal = {
init() {
modal.trigger = $('.modal-trigger');
modal.target = $('#modal');
modal.inner = $('#modal .in');
modal.close = $('#modal .close');
modal.video = document.getElementById('modal-video');
modal.ratio = 1920 / 1080;
modal.isOpen = false;
Modal.set();
},
set() {
modal.trigger.on('click', function() {
if(modal.isOpen){ return };
modal.target.addClass('is-in');
$('body').addClass('hidden');
modal.isOpen = true;
let src = $(this).attr('data-modal-src');
Modal.play(src);
});
modal.close.on('click', function() {
Modal.close();
});
if (!page.isDesktop) {
$('#modal-video').attr('controls', true);
}
},
close() {
modal.target.addClass('is-loading');
modal.video.pause();
$('#modal-video').attr('src', '');
modal.isOpen = false;
modal.target.removeClass('is-in');
$('body').removeClass('hidden');
},
play(src) {
$('#modal-video').attr('src', src);
if (page.isDesktop) {
$('#modal-video').on('canplay', function() {
modal.target.removeClass('is-loading');
modal.video.play();
});
$('#modal-video').on('ended', function() {
setTimeout(() => {
Modal.close();
}, 600);
});
} else {
modal.target.removeClass('is-loading');
}
},
resize() {
if (modal.isOpen) {
modal.target.css('clip', 'rect(0 ' + page.winW + 'px ' + page.winH + 'px 0)');
modal.inner.css('clip', 'rect(0 ' + page.winW + 'px ' + page.winH + 'px 0)');
} else {
modal.target.css('clip', 'rect(0 ' + page.winW + 'px 0px 0)');
modal.inner.css('clip', 'rect(0 ' + page.winW + 'px ' + page.winH + 'px 0)');
}
}
}
const Top = {
init() {
page.trigger1 = document.getElementById('trigger1');
page.triggerPanel = document.getElementById('trigger-panel');
page.video = document.getElementById('top-video');
page.trigger1Opacity = 0;
page.stopper1 = false;
page.stopper2 = false;
page.stopper3 = false;
page.stopper4 = false;
page.mvRatio = page.isDesktop ? 1920 / 1080 : 750 / 1334;
Top.resize();
Mv.init();
PanelWorks.init();
setTimeout(() => {
if (page.isDesktop) {
Top.updates();
}
}, 1000);
},
resize() {
if (page.mvRatio > page.winW / page.winH) {
$('#top-video .video').css({
'width': Math.floor(page.winH * page.mvRatio),
'height': page.winH,
'top': 0,
'left': Math.floor((page.winW - page.winH * page.mvRatio) / 2)
});
} else {
$('#top-video .video').css({
'width': page.winW,
'height': Math.floor(page.winW / page.mvRatio),
'top': Math.floor((page.winH - page.winW / page.mvRatio) / 2),
'left': 0
});
}
},
colorThemePC() {
page.trigger1Rect = page.trigger1.getBoundingClientRect();
if (scroll.currentY >= page.trigger1Rect.height - page.winH - 200) {
let o1 = Math.max(0, 1 - Math.abs((scroll.currentY - page.trigger1Rect.height + page.winH + 200) * 0.05)),
o2 = Math.max(0, 1 - Math.abs((scroll.currentY - page.trigger1Rect.height + page.winH + 200) * 0.005));
gsap.set([mv.video, page.video], {
opacity: o1
});
gsap.set(page.trigger1, {
opacity: o2
});
} else {
let o1 = Math.abs(page.trigger1Rect.top * 0.01),
o2 = 2.5 - Math.abs(page.trigger1Rect.top * 0.01);
gsap.set(page.trigger1, {
opacity: o1
});
gsap.set(page.triggerPanel, {
opacity: o2
});
if (-100 <= page.trigger1Rect.top) {
gsap.set(mv.video, {
opacity: 1
});
} else {
gsap.set(mv.video, {
opacity: 0.8
});
gsap.set(page.video, {
opacity: 1
});
}
}
if (scroll.currentY + (page.winH / 2) > scroll.secH - page.winH) {
if (page.stopper1) { return };
page.stopper2 = false;
page.stopper3 = false;
page.stopper4 = false;
page.stopper1 = true;
$('body').attr('class', 'theme-white');
} else if (scroll.currentY > page.trigger1Rect.height - page.winH - 200) {
if (page.stopper2) { return };
page.stopper1 = false;
page.stopper3 = false;
page.stopper4 = false;
page.stopper2 = true;
$('body').attr('class', 'theme-black');
} else if (scroll.currentY > 200) {
if (page.stopper3) { return };
page.stopper1 = false;
page.stopper2 = false;
page.stopper4 = false;
page.stopper3 = true;
$('body').attr('class', 'theme-white');
gsap.to(['#mv-panel-box', '#mv-t-box'], 0.4, {
opacity: 0
});
} else {
if (page.stopper4) { return };
page.stopper1 = false;
page.stopper2 = false;
page.stopper3 = false;
page.stopper4 = true;
$('body').attr('class', 'theme-black');
gsap.to(['#mv-panel-box', '#mv-t-box'], 0.4, {
opacity: 1
});
}
},
colorThemeSP() {
page.trigger1Rect = page.trigger1.getBoundingClientRect();
let h = $('#scroll-wrap').outerHeight();
if (Math.abs(scroll.currentY) + (page.winH * 1.5) > h) {
if (page.stopper1) { return };
page.stopper2 = false;
page.stopper3 = false;
page.stopper4 = false;
page.stopper1 = true;
$('body').attr('class', 'theme-white');
gsap.to(page.video, 0.4, {
opacity: 0
});
} else if (scroll.currentY > page.trigger1Rect.height - page.winH - 400) {
let o1 = ((page.trigger1Rect.top + page.trigger1Rect.height - page.winH) * 0.005),
o2 = ((page.trigger1Rect.top + page.trigger1Rect.height - page.winH - 200) * 0.005);
gsap.set(page.trigger1, {
opacity: o1
});
gsap.set(mv.video, {
opacity: o2
});
if (page.stopper2) { return };
page.stopper1 = false;
page.stopper3 = false;
page.stopper4 = false;
page.stopper2 = true;
$('body').attr('class', 'theme-black');
gsap.to(page.video, 0.4, {
opacity: 0
});
} else if (scroll.currentY > 20) {
if (page.stopper3) { return };
page.stopper1 = false;
page.stopper2 = false;
page.stopper4 = false;
page.stopper3 = true;
$('body').attr('class', 'theme-white');
gsap.to(page.video, 0.4, {
opacity: 1
});
gsap.to(mv.video, {
opacity: 0.8
});
gsap.to(['#mv-panel-box', '#mv-t-box'], 0.4, {
opacity: 0
});
gsap.to(page.trigger1, 0.4, {
opacity: 1
});
} else {
if (page.stopper4) { return };
page.stopper1 = false;
page.stopper2 = false;
page.stopper3 = false;
page.stopper4 = true;
$('body').attr('class', 'theme-black');
gsap.to(['#mv-panel-box', '#mv-t-box', mv.video], 0.4, {
opacity: 1
});
gsap.to(page.trigger1, 0.4, {
opacity: 0
});
}
},
updates() {
page.animationFrame = window.requestAnimationFrame(Top.updates);
Scroll.update();
Scroll.bounce();
Top.colorThemePC();
Mouse.update();
PanelWorks.update();
}
}
const Service = {
init() {
$('#t-head').text('Service');
DragSlider.init();
Util.langChange();
Modal.init();
if (page.isDesktop) {
Service.updates();
}
},
updates() {
page.animationFrame = window.requestAnimationFrame(Service.updates);
Scroll.update();
Scroll.colorTheme();
Scroll.bounce();
Mouse.update();
if (page.sliderIsReady) {
slider.render();
}
}
}
const Works = {
init() {
$('#t-head').text('Works');
page.worksImg = document.querySelectorAll('.pjax-img');
page.worksImgInner = $('.pjax-img .in');
Works.toggleList();
if (page.isDesktop) {
Works.videoPlay();
Works.updates();
}
},
videoFit(idx) {
let w = $('.works-list .cell .in').eq(idx).width(),
h = $('.works-list .cell .in').eq(idx).height(),
videoW = $('.works-list .cell .in').eq(idx).find('.video').width(),
videoH = $('.works-list .cell .in').eq(idx).find('.video').height(),
resultW = h * (videoW / videoH);
$('.works-list .cell').eq(idx).find('.video').css({
width: resultW,
height: h,
top: 0,
left: (w - resultW) / 2
});
},
toggleList() {
let list = document.querySelectorAll('.toggle-list .cell'),
hSum = 0,
margin = page.isDesktop ? 60 : 0;
if (page.isDesktop) {
for (let i = 0; i < 16; i++) {
let h = list[i].getBoundingClientRect().height + margin;
if (i === 0 || i === 3 || i === 6 || i === 9) {
hSum += h;
}
}
} else {
for (let i = 0; i < 10; i++) {
let h = list[i].getBoundingClientRect().height + margin;
if (i === 0 || i === 2 || i === 4 || i === 6 || i === 8) {
hSum += h;
}
}
}
$('.toggle').css('height', hSum);
let param = { x: 1 },
circ = null,
btnTrigger = null;
$('.btn-more').on('mouseenter mouseleave', function(e) {
if (e.type === 'mouseenter') {
param.x = 1;
circ = gsap.to(param, {
x: 0,
duration: 2.4,
ease: 'Power4.easeOut',
onUpdate: () => {
$('.c-w').attr('style', 'stroke-dashoffset:' + (314 * param.x));
},
onComplete: () => {
if (param.x === 0) {
if (!btnTrigger) {
btnTrigger = true;
let btn = document.querySelector('.btn-more');
btn.click();
}
}
}
});
} else {
circ.pause();
circ.reverse();
}
});
$('.btn-more').on('click', function(e) {
let hSum = $('.toggle-list').height();
gsap.to('.toggle', {
height: hSum,
duration: 0.4,
onComplete: () => {
$('.btn-more').remove();
setTimeout(() => {
Scroll.resize();
}, 400);
}
});
});
},
videoPlay() {
let target = document.querySelectorAll('.play-target');
for (let i = 0; i < target.length; i++) {
target[i].addEventListener('mouseenter', function() {
let video = this.children[0].children[0].children[1];
let idx = i;
video.load();
video.addEventListener('canplay', function() {
Works.videoFit(idx);
pauseVideo();
video.play();
}, false);
});
}
let pauseVideo = () => {
for (let n = 0; n < target.length; n++) {
target[n].children[0].children[0].children[1].pause();
}
}
},
updates() {
page.animationFrame = window.requestAnimationFrame(Works.updates);
Scroll.colorTheme();
Scroll.update();
Mouse.update();
}
}
const WorksDetail = {
init() {
let t = $('#main-ttl').text();
$('#ttl-head').text(t);
$('#t-head').text('Works').addClass('force-in');
Modal.init();
WorksDetail.resize();
if (page.isDesktop) {
Works.videoPlay();
WorksDetail.updates();
}
},
resize() {
let w1 = $('.detail-head').width(),
w2 = $('#ttl-head').width();
if (w1 === w2) {
$('.detail-head').addClass('is-short');
} else {
$('.detail-head').removeClass('is-short');
}
},
updates() {
page.animationFrame = window.requestAnimationFrame(WorksDetail.updates);
Scroll.colorTheme();
Scroll.bounce();
Scroll.update();
Mouse.update();
}
}
const BasicPage = {
init() {
if (score.contact) {
$('#t-head').text('Contact');
} else if (score.company) {
$('#t-head').text('About');
}
if (page.isDesktop) {
BasicPage.updates();
}
},
updates() {
page.animationFrame = window.requestAnimationFrame(BasicPage.updates);
Scroll.colorTheme();
Scroll.bounce();
Scroll.update();
Mouse.update();
}
}
const Loader = {
init() {
load.logo = document.getElementById('load-logo');
load.panel = document.getElementById('load-panel');
load.polygon = document.getElementById('load-panel-polygon');
load.panel.setAttribute('viewBox', '0, 0, ' + page.winW + ', ' + page.winH + '');
load.polygon.setAttribute('points', '0 0,' + page.winW + ' 0,' + page.winW + ' ' + page.winH + ',0 ' + page.winH + '');
gsap.to(load.logo, {
scale: 1,
opacity: 1,
duration: 0.8,
ease: easeScale,
onComplete: () => {
if (score.top) {
Loader.topIn();
} else {
let cb = () => {}
gsap.to(load.logo, {
scale: 1.1,
opacity: 0,
duration: 0.4,
ease: easeScale
});
Util.panelOut(load.polygon, cb(), Util.elmIn());
}
}
});
},
topIn() {
mv.video.pause();
mv.video.currentTime = 0;
if (page.isDesktop) {
mv.video.addEventListener('canplay', function() {
if (!mv.isFirst) { return };
mv.isFirst = false;
gsap.to(load.logo, {
scale: 1.1,
opacity: 0,
duration: 0.4,
ease: easeScale
});
let cb = () => {};
Util.panelOut(load.polygon, cb(), Mv.first);
}, false);
} else {
gsap.to(load.logo, {
scale: 1.1,
opacity: 0,
duration: 0.4,
ease: easeScale
});
let cb = () => {};
Util.panelOut(load.polygon, cb(), Mv.first);
}
}
}
const App = {
init() {
Loader.init();
Util.score();
Mouse.init();
Menu.init();
// Pjax Classは使用しない
// Pjax.init();
App.set();
},
reset() {
$('#ttl-head').text('');
$('#t-head').text('').removeClass('force-in');
mouse.cursor.classList.remove('is-detail');
mouse.cursor.classList.remove('is-close');
mouse.cursor.classList.remove('is-play');
},
set() {
App.reset();
Resize.init();
Scroll.init();
Anchor.init();
Mouse.fit();
if (page.isDesktop) {
Hover.init();
Hover.footerLink();
}
if (score.top) {
Top.init();
} else if (score.service) {
Service.init();
} else if (score.company) {
BasicPage.init();
} else if (score.works) {
Works.init();
} else if (score.worksDetail) {
WorksDetail.init();
} else if (score.contact) {
BasicPage.init();
}
}
}
setTimeout(() => {
App.init();
}, 400);
})();
\ No newline at end of file
assets/js/app_min.js 0 → 100644
var WEBSITE=(()=>{let e={},t={},o={},i={},r={},n={},s={},a={},l={},c=CustomEase.create("custom","M0,0,C0.504,0,-0.068,1,1,1"),d=CustomEase.create("custom","M0,0 C0.44,0.002 0,1 1,1 ");e.body=document.body,e.url=document.URL,e.winW=window.innerWidth,e.winH=window.innerHeight,e.breakPoint=768,e.isDesktop=!0,e.isFirst=!0,e.animationFrame=null,e.breakPoint>=e.winW&&(e.isDesktop=!1);let p={score(){o={top:!!$(".page-top").length,service:!!$(".page-service").length,works:!!$(".page-works").length,worksDetail:!!$(".page-works-detail").length,company:!!$(".page-company").length,contact:!!$(".page-contact").length},$(".nv").removeClass("no-link"),o.top?$(".l-top").addClass("no-link"):o.service?$(".l-service").addClass("no-link"):o.works?$(".l-works").addClass("no-link"):o.company?$(".l-company").addClass("no-link"):o.contact&&$(".l-contact").addClass("no-link")},normalize:(e,t,o)=>(o-e)/(t-e),lerp:(e,t,o)=>e+(t-e)*o,langChange(){let e=0,t=$(".lang-area .is-current .cell");for(var o=0;o<t.length;o++)e+=t.eq(o).outerHeight(!0);$(".lang-area").css("height",e),$(".lang span").on("click",function(){let e=$(this).index();$(".lang span").removeClass("is-current").eq(e).addClass("is-current"),$(".lang-target").removeClass("is-current").eq(e).addClass("is-current");let t=0,o=$(".lang-area .is-current .cell");for(var i=0;i<o.length;i++)t+=o.eq(i).outerHeight(!0);$(".lang-area").css("height",t)})},elmIn(){o.top||o.worksDetail||gsap.to(".in-target",{opacity:1,duration:.4,ease:"linear"}),$("#l-img").length&&!o.worksDetail?(gsap.to("#l-img .panel",{skewY:-4,duration:.8,ease:"Power3.easeInOut"}),gsap.to("#l-img h2 span i",{y:"0%",duration:1,ease:d,stagger:.02}),gsap.to("#l-img img",{opacity:0,duration:.3,ease:"linear",delay:.6}),gsap.to("#l-img .video",{opacity:1,duration:.3,ease:"linear",delay:.6})):$("#l-img").length&&o.worksDetail?(gsap.to("#l-img img",{scale:1,duration:1.8,ease:"Power3.easeInOut"}),o.works&&(gsap.to(".cell",{y:0,opacity:1,duration:1.2,delay:.2,stagger:.05,ease:d}),gsap.to(".cell .in",{y:0,duration:1.2,delay:.2,stagger:.05,ease:d}))):!o.top&&(gsap.to("h2 span i",{y:"0%",duration:1,ease:d,stagger:.02}),o.works&&(gsap.to(".cell",{y:0,opacity:1,duration:1.2,delay:.2,stagger:.05,ease:d}),gsap.to(".cell .in",{y:0,duration:1.2,delay:.2,stagger:.05,ease:d})))},panelIn(t,o,i){let r={y:0},n={y:0};gsap.fromTo([r,n],{y:e.winH},{y:0,duration:e=>0===e?1.2:1,ease:d,onStart(){if(void 0!==i)return i()},onUpdate(){t.setAttribute("points","0 "+Math.floor(r.y)+","+e.winW+" "+Math.floor(n.y)+","+e.winW+" "+e.winH+",0 "+e.winH)},onComplete(){if(void 0!==o)return o()}})},panelOut(t,o,i){let r={y:e.winH},n={y:e.winH};gsap.fromTo([r,n],{y:e.winH},{y:0,duration:e=>0===e?1.2:1,ease:d,onStart(){if(void 0!==i)return i()},onUpdate(){t.setAttribute("points","0 0,"+e.winW+" 0,"+e.winW+" "+Math.floor(r.y)+",0 "+Math.floor(n.y))},onComplete(){if(void 0!==o)return o()}})}},u={init(){r.panel=document.getElementById("menu-panel"),r.polygon=document.getElementById("menu-panel-polygon"),u.set(),u.update(),u.rectSet(),u.spReset(),setTimeout(()=>{u.set()},1e3)},set(){o.top?k.resize():o.worksDetail&&I.resize(),g.resize(),u.rectSet()},update(){$(window).off("resize");let t=!1;$(window).resize(function(){!1!==t&&clearTimeout(t),t=setTimeout(function(){e.winW=window.innerWidth,e.winH=window.innerHeight,e.breakPoint>e.winW?e.isDesktop&&(e.isDesktop=!1,location.reload()):e.isDesktop||(e.isDesktop=!0,location.reload()),u.set()},1600)})},rectSet(){r.panel.setAttribute("viewBox","0, 0, "+e.winW+", "+e.winH),r.polygon.setAttribute("points","0 0,0 0,0 0,0 0"),l.panel.setAttribute("viewBox","0, 0, "+e.winW+", "+e.winH),l.polygon.setAttribute("points","0 0,0 0,0 0,0 0")},spReset(){e.isDesktop||($("body").css("height",e.winH),$("#f").css("height",e.winH))}},g={init(){i.target=document.getElementById("scroll"),i.delta=0,i.lastY=0,i.velocity=.1,i.targetY=0,i.translateY=0,i.currentY=0,i.secH=0,i.section=document.querySelectorAll("section"),i.parallaxB=document.querySelectorAll(".p-img-b"),i.parallaxT=document.querySelectorAll(".p-img-t"),i.bounce=document.querySelectorAll(".bounce"),i.bounceY=0,i.colorArr=[],i.colorArrOffset=[],i.colorMargin=e.winH/2,i.head=document.getElementById("t-head"),g.set(),g.observer(),setTimeout(()=>{g.resize()},600)},set(){e.isDesktop?$(window).on("scroll",e=>{i.targetY=$(e.currentTarget).scrollTop()}):($("html,body").attr("style",""),$("#scroll").attr("style","").off("scroll"),i.targetY=0,i.translateY=0,i.currentY=0,$("#scroll").on("scroll",function(e){i.currentY=Math.abs($("#scroll-wrap").offset().top),o.top?k.colorThemeSP():(g.headIn(),g.colorTheme())}))},resize(){if(void 0!==i.target){e.isDesktop&&(i.secH=i.target.getBoundingClientRect().height,gsap.set("body",{height:Math.floor(i.secH)})),i.colorArr=[],i.colorArrOffset=[];for(let t=0;t<i.section.length;t++)i.colorArr.push(i.section[t].getAttribute("data-color")),e.isDesktop,i.colorArrOffset.push(Math.floor(i.section[t].getBoundingClientRect().top)+Math.floor(i.currentY))}},colorTheme(){for(let e=0;e<i.section.length;e++)if(i.currentY+i.colorMargin>i.colorArrOffset[e]){if(void 0===i.colorArrOffset[e+1]){if(i.colorNum===e)return;i.colorNum=i.section.length-1,$("body").attr("class",i.colorArr[i.colorNum])}else if(i.currentY+i.colorMargin<i.colorArrOffset[e+1]){if(i.colorNum===e)return;i.colorNum=e,$("body").attr("class",i.colorArr[e])}}},update(){i.currentY=g.easing(i.currentY,i.targetY,i.velocity),document.body.style.height=Math.floor(i.secH)+"px",i.translateY="translateY(-"+Math.floor(i.currentY)+"px) translateZ(0)",i.target.style.transform=i.translateY,g.headIn()},easing:(e,t,o)=>(1-o)*e+o*t,observer(){let e=Array.from(document.querySelectorAll(".s-in")),t=new IntersectionObserver(g.observerCallback,{rootMargin:"0px 0px"});e.forEach(e=>{t.observe(e)})},observerCallback(e,t){e.forEach(function(e,o){e.isIntersecting&&(e.target.classList.add("is-in"),t.unobserve(e.target))})},bounce(){for(let e=0;e<i.bounce.length;e++){i.bounce[e].getBoundingClientRect();let t=i.bounce[e].getAttribute("data-scale");i.bounceY=(i.targetY-i.currentY)*.15*t,gsap.to(i.bounce[e],{y:i.bounceY,duration:.3})}},headIn(){i.currentY>e.winH/2?i.head.classList.add("is-in"):i.head.classList.remove("is-in")},parallaxB(){for(let t=0;t<i.parallaxB.length;t++){let o=i.parallaxB[t].getBoundingClientRect(),r=i.parallaxB[t].getAttribute("data-scale");if(e.winH>o.top){if(o.top+o.height>0){let n=Math.floor((-o.top+e.winH)*r);g.tweenY(i.parallaxB[t],n)}}else g.tweenY(i.parallaxB[t],0)}},parallaxT(){for(let t=0;t<i.parallaxT.length;t++){let o=i.parallaxT[t].getBoundingClientRect(),r=i.parallaxT[t].getAttribute("data-scale");if(e.winH>o.top){if(o.top+o.height>0){let n=Math.floor((o.top-e.winH)*r);g.tweenY(i.parallaxT[t],n)}}else g.tweenY(i.parallaxT[t],0)}}},m={init(){n.cursor=document.getElementById("cursor"),n.x=0,n.y=0,n.tx=0,n.ty=0,n.dx=0,n.dy=0,n.ease=.09,n.isHover=!1,n.dot={x:0,y:0,w:0,h:0},m.set()},set(){$(window).off("mousemove"),e.isDesktop&&$(window).on("mousemove",function(e){n.x=e.clientX,n.y=e.clientY})},fit(){"page-works-derail"===$("#scroll").attr("data-pageName")&&n.cursor.classList.add("is-play"),$(".cursor-fit").off("mouseleave mouseenter"),$(".cursor-fit").on("mouseleave mouseenter",function(e){let t=$(this);n.hoverTarget=$(this).find(".cursor-pos"),"mouseenter"===e.type?(n.isHover=!0,"basic"===t.attr("data-type")?n.cursor.classList.add("is-basic"):"menu"===t.attr("data-type")&&n.cursor.classList.add("is-menu")):(n.isHover=!1,n.cursor.classList.remove("is-basic"))}),$(".cursor-in").on("mouseleave mouseenter",function(e){let t=$(this);"mouseenter"===e.type?"detail"===t.attr("data-type")?n.cursor.classList.add("is-detail"):"close"===t.attr("data-type")?n.cursor.classList.add("is-close"):"play"===t.attr("data-type")&&n.cursor.classList.add("is-play"):(n.cursor.classList.remove("is-detail"),n.cursor.classList.remove("is-close"),n.cursor.classList.remove("is-play"))})},update(){n.tx=n.x,n.ty=n.y,n.dot.x+=(n.tx-n.dot.x)*n.ease,n.dot.y+=(n.ty-n.dot.y)*n.ease,gsap.set(n.cursor,{x:n.dot.x,y:n.dot.y})}},y={init(){l.href=null,l.cont=null,l.popstate=!1,l.lastElementClicked=null,l.offset=0,l.index=0,l.nameSpace=null,l.param={t:0},l.panel=document.getElementById("p-panel"),l.polygon=document.getElementById("p-panel-polygon"),Barba.Pjax.init(),Barba.Prefetch.init(),this.set()},set(){Barba.Dispatcher.on("linkClicked",function(e){l.href=$(e).attr("href"),l.cont="#pjax-container",l.lastElementClicked=e,v.close(),null!==t.interval&&clearInterval(t.interval)}),Barba.Dispatcher.on("initStateChange",function(){}),Barba.Dispatcher.on("newPageReady",function(e,t,o){}),Barba.Dispatcher.on("transitionCompleted",function(){cancelAnimationFrame(e.animationFrame)});let r=Barba.BaseTransition.extend({start:function(){Promise.all([this.newContainerLoading,this.ready(this.newContainer)]).then(this.fadeIn.bind(this))},ready:function(e){let t=Barba.Utils.deferred();return n.ready(t),t.promise},fadeIn:function(){let e=$(this.oldContainer),t=$(this.newContainer);n.fadeIn(e,t,this)}}),n={ready:function(e){e.resolve()},fadeIn:function(e,t,o){let i=()=>{$("body").attr("class","theme-black"),$("html,body").animate({scrollTop:0},10),$("#ttl-head").text(""),$("#t-head").text("").removeClass("force-in"),e.hide(),o.done(),setTimeout(()=>{this.fadeOut()},400)};y.navChange(0),p.panelIn(l.polygon,i)},fadeOut:function(){i.head.classList.remove("is-in"),p.score(),o.top?p.panelOut(l.polygon,void 0,void setTimeout(()=>{y.navChange(1),T.set(),w.first()},400)):o.service||o.company?y.imgOut():p.panelOut(l.polygon,void setTimeout(()=>{y.navChange(1),p.elmIn(),setTimeout(()=>{T.set()},400)},400))}};Barba.Pjax.getTransition=function(){return r}},imgOut(){let t=document.getElementById("mv-panel"),o=document.getElementById("mv-panel-polygon"),i=e.winW,r=e.isDesktop?Math.floor(.357*e.winW):Math.floor(1.134*e.winW);gsap.set("#l-img",{y:Math.floor(e.winH/2-r/2),scale:1.1}),t.setAttribute("viewBox","0, 0, "+i+", "+r),o.setAttribute("points","0 0,"+i+" 0,"+i+" "+r+",0 "+r),l.polygon.setAttribute("points","0 0,0 0,0 0,0 0"),p.panelOut(o,void 0,void gsap.to("#l-img",{y:0,scale:1,duration:1.6,delay:.6,ease:c,onStart(){setTimeout(()=>{y.navChange(1),p.elmIn(),setTimeout(()=>{T.set()},400)},800)}}))},navChange(e){gsap.to(["#h","#nv-copy","#nv-contact"],{opacity:e,duration:.4,ease:"linear"})}},v={init(){r.btn=$(".btn-menu"),r.close=$("#close"),r.target=$("#menu"),r.isOpen=!1,v.set()},set(){r.btn.on("click",function(e){!r.isOpen&&v.open()}),r.close.on("click",function(e){r.isOpen&&v.close()})},open(){r.target.addClass("is-in");let e=()=>{r.isOpen=!0};p.panelIn(r.polygon,e),gsap.fromTo("#menu .in span",{y:"120%"},{y:"0%",duration:.8,delay:.2,ease:d,stagger:.04}),gsap.fromTo("#menu .op",{opacity:0},{opacity:1,duration:.2,delay:.6,ease:"none"})},close(){r.target.removeClass("is-in"),setTimeout(()=>{r.polygon.setAttribute("points","0 0,0 0,0 0,0 0"),r.isOpen=!1},400)}},_={init(){$(".anchor").on("click",function(t){t.preventDefault?t.preventDefault():t.returnValue=!1;let o=$(this).attr("data-href"),i="#"===o?0:$(o).offset().top,r=$("#scroll");r.position().top,e.isDesktop?$("html,body").animate({scrollTop:i},100):r.stop().animate({scrollTop:0},800)})}},h={init(){let t=new Swiper(".swiper-container",{slidesPerView:e.isDesktop?2:1,spaceBetween:e.isDesktop?0:100,centeredSlides:!0,responsive:!0,navigation:{nextEl:".next",prevEl:".prev"},grabCursor:!0,resize(){setTimeout(()=>{t.update()},2e3)}});t.on("transitionStart",function(){$(".slide-nav span").removeClass("is-current").eq(t.activeIndex).addClass("is-current")}),t.on("touchStart",function(){$(".swiper-slide").removeClass("swiper-slide-active"),$("#slider-ttl strong").removeClass("is-current"),$("#slider-cat strong").removeClass("is-current")}),t.on("touchEnd",function(){setTimeout(()=>{$(".swiper-slide").eq(t.activeIndex).addClass("swiper-slide-active"),$("#slider-ttl strong").eq(t.activeIndex).addClass("is-current"),$("#slider-cat strong").eq(t.activeIndex).addClass("is-current"),e.isDesktop||$(".slide-nav").animate({scrollLeft:(.5*e.winW+12)*t.activeIndex},400)},200)}),$(".slide-nav span").on("click",function(){let e=$(this).index();t.slideTo(e),$(".swiper-slide").removeClass("swiper-slide-active"),$("#slider-ttl strong").removeClass("is-current"),$("#slider-cat strong").removeClass("is-current"),setTimeout(()=>{$(".swiper-slide").eq(t.activeIndex).addClass("swiper-slide-active"),$("#slider-ttl strong").eq(t.activeIndex).addClass("is-current"),$("#slider-cat strong").eq(t.activeIndex).addClass("is-current")},200)})}},f={init(){s.target=$(".hover-rotate"),f.events()},events(){s.target.on("mouseenter mouseleave",function(e){let t=$(this).find("span").eq(0).find("i"),o=$(this).find("span").eq(1).find("i");"mouseenter"===e.type?(gsap.fromTo(t,{y:"0%"},{y:"-101%",duration:.6,ease:d,stagger:.02}),gsap.fromTo(o,{y:"101%"},{y:"0%",duration:.6,ease:d,stagger:.02})):(gsap.to(t,{y:"0%",duration:.6,ease:d,stagger:.02}),gsap.to(o,{y:"101%",duration:.6,ease:d,stagger:.02}))})},footerLink(){let e=!1,t={x:.1},o=null;$("#f .next").on("mouseenter mouseleave",function(i){"mouseenter"===i.type?(t.x=.1,o=gsap.to(t,{x:1,duration:2.4,ease:"Power2.easeOut",onUpdate(){$("#f .progress").css("transform","translate3d(0,0,0) scale("+t.x+",1)")},onComplete(){if(1===t.x&&!e){e=!0;document.querySelector("#f .next").click()}}})):(o.pause(),o.reverse())})}},w={init(){t.txt=$("#mv-t-box .in span"),t.num=$("#mv-num-box span"),t.gradL=$("#mv-panel-grad-l span"),t.gradR=$("#mv-panel-grad-r span"),t.video=document.getElementById("mv-video"),t.play=document.getElementById("play"),t.play.addEventListener("click",function(){t.video.play()}),t.current=0,t.prev=0,t.len=5,t.interval=null,t.isFirst=!0,t.video.pause(),t.video.currentTime=0},first(){gsap.fromTo(t.txt.eq(0).find("i"),{y:"101%"},{y:"0%",duration:.6,ease:d,stagger:.02}),gsap.fromTo(t.num.eq(0).find("i"),{y:"101%"},{y:"0%",duration:.6,ease:d,stagger:.04}),w.scroll(),w.panelMove(),t.interval=setInterval(w.interval,3650),setTimeout(()=>{t.video.play(),gsap.to(t.video,{opacity:1,duration:.4,ease:"linear"})},600)},scroll(){gsap.fromTo(".scroll .l1 i",{y:"0%"},{y:"-100%",duration:1,ease:d,stagger:.02}),gsap.fromTo(".scroll .l2 i",{y:"100%"},{y:"0%",duration:1,ease:d,stagger:.02})},interval(){t.prev=t.current,t.current++,t.current>t.len&&(t.prev=5,t.current=0),w.txtChange(),w.scroll()},txtChange(){gsap.fromTo(t.txt.eq(t.prev).find("i"),{y:"0%"},{y:"-101%",duration:.6,delay:.4,ease:d,stagger:.02}),gsap.fromTo(t.txt.eq(t.current).find("i"),{y:"101%"},{y:"0%",duration:.6,delay:.4,ease:d,stagger:.02}),w.numChange(),w.panelMove()},numChange(){if(0===t.current||2===t.current||4===t.current){let e=0,o=0;0===t.current?(e=2,o=0):2===t.current?(e=0,o=1):4===t.current&&(e=1,o=2),gsap.fromTo(t.num.eq(e).find("i"),{y:"0%"},{y:"-101%",duration:.6,delay:.4,ease:d,stagger:.04}),gsap.fromTo(t.num.eq(o).find("i"),{y:"101%"},{y:"0%",duration:.6,delay:.4,ease:d,stagger:.04})}},panelMove(){let o=0,i=0,r=0,n=0,s=[.61,0,0,1];0===t.current||2===t.current||4===t.current?(o=["-60%","60%"],i=e.isDesktop?[-(.88*e.winW),.92*e.winW]:[-(.88*e.winW),.96*e.winW],r=e.isDesktop?[-(.04*e.winW),1.6*e.winW]:[-(.04*e.winW),1.4*e.winW],n=[-90,90]):(o=["60%","-60%"],i=e.isDesktop?[.88*e.winW,-(.92*e.winW)]:[.96*e.winW,-(.94*e.winW)],r=e.isDesktop?[1.7*e.winW,-(.04*e.winW)]:[1.8*e.winW,-(.04*e.winW)],n=[90,-90]),anime({targets:"#mv-panel-box-in",translateX:o,rotateY:n,duration:1400,easing:s}),anime({targets:"#mv-panel-grad-l",translateX:i,duration:1400,easing:s,update(){w.randomNoise(t.gradL)}}),anime({targets:"#mv-panel-grad-r",translateX:r,duration:1400,easing:s,update(){w.randomNoise(t.gradR)}})},randomNoise(t){t.css("width",0);let o=e.isDesktop?30*Math.random():10*Math.random();gsap.set(t.eq(Math.floor(5*Math.random())),{width:o,x:6*Math.random()})}},x={init(){e.videoPanel=$("#video-panel"),e.videoPanelCell=$("#video-panel .video"),x.events()},events(){$(".s2 .works-cell").off("mouseenter mouseleave"),$(".s2 .works-cell").on("mouseenter mouseleave",function(t){let o=$(this).index();"mouseenter"===t.type?(e.videoPanelCell.removeClass("is-current"),e.videoPanelCell.eq(o).addClass("is-current")):e.videoPanelCell.removeClass("is-current")})},update(){let t=n.x-.31*e.winW,o=n.y-.131*e.winW,i=n.x-n.dot.x;gsap.to(e.videoPanel,{x:t,y:o,rotation:.03*i,duration:.4,ease:"none"})}},b={init(){modal.trigger=$(".modal-trigger"),modal.target=$("#modal"),modal.inner=$("#modal .in"),modal.close=$("#modal .close"),modal.video=document.getElementById("modal-video"),modal.ratio=1920/1080,modal.isOpen=!1,b.set()},set(){modal.trigger.on("click",function(){if(modal.isOpen)return;modal.target.addClass("is-in"),$("body").addClass("hidden"),modal.isOpen=!0;let e=$(this).attr("data-modal-src");b.play(e)}),modal.close.on("click",function(){b.close()}),e.isDesktop||$("#modal-video").attr("controls",!0)},close(){modal.target.addClass("is-loading"),modal.video.pause(),$("#modal-video").attr("src",""),modal.isOpen=!1,modal.target.removeClass("is-in"),$("body").removeClass("hidden")},play(t){$("#modal-video").attr("src",t),e.isDesktop?($("#modal-video").on("canplay",function(){modal.target.removeClass("is-loading"),modal.video.play()}),$("#modal-video").on("ended",function(){setTimeout(()=>{b.close()},600)})):modal.target.removeClass("is-loading")},resize(){modal.isOpen?(modal.target.css("clip","rect(0 "+e.winW+"px "+e.winH+"px 0)"),modal.inner.css("clip","rect(0 "+e.winW+"px "+e.winH+"px 0)")):(modal.target.css("clip","rect(0 "+e.winW+"px 0px 0)"),modal.inner.css("clip","rect(0 "+e.winW+"px "+e.winH+"px 0)"))}},k={init(){e.trigger1=document.getElementById("trigger1"),e.triggerPanel=document.getElementById("trigger-panel"),e.video=document.getElementById("top-video"),e.trigger1Opacity=0,e.stopper1=!1,e.stopper2=!1,e.stopper3=!1,e.stopper4=!1,e.mvRatio=e.isDesktop?1920/1080:750/1334,k.resize(),w.init(),x.init(),setTimeout(()=>{e.isDesktop&&k.updates()},1e3)},resize(){e.mvRatio>e.winW/e.winH?$("#top-video .video").css({width:Math.floor(e.winH*e.mvRatio),height:e.winH,top:0,left:Math.floor((e.winW-e.winH*e.mvRatio)/2)}):$("#top-video .video").css({width:e.winW,height:Math.floor(e.winW/e.mvRatio),top:Math.floor((e.winH-e.winW/e.mvRatio)/2),left:0})},colorThemePC(){if(e.trigger1Rect=e.trigger1.getBoundingClientRect(),i.currentY>=e.trigger1Rect.height-e.winH-200){let o=Math.max(0,1-Math.abs((i.currentY-e.trigger1Rect.height+e.winH+200)*.05)),r=Math.max(0,1-Math.abs((i.currentY-e.trigger1Rect.height+e.winH+200)*.005));gsap.set([t.video,e.video],{opacity:o}),gsap.set(e.trigger1,{opacity:r})}else{let n=Math.abs(.01*e.trigger1Rect.top),s=2.5-Math.abs(.01*e.trigger1Rect.top);gsap.set(e.trigger1,{opacity:n}),gsap.set(e.triggerPanel,{opacity:s}),-100<=e.trigger1Rect.top?gsap.set(t.video,{opacity:1}):(gsap.set(t.video,{opacity:.8}),gsap.set(e.video,{opacity:1}))}if(i.currentY+e.winH/2>i.secH-e.winH){if(e.stopper1)return;e.stopper2=!1,e.stopper3=!1,e.stopper4=!1,e.stopper1=!0,$("body").attr("class","theme-white")}else if(i.currentY>e.trigger1Rect.height-e.winH-200){if(e.stopper2)return;e.stopper1=!1,e.stopper3=!1,e.stopper4=!1,e.stopper2=!0,$("body").attr("class","theme-black")}else if(i.currentY>200){if(e.stopper3)return;e.stopper1=!1,e.stopper2=!1,e.stopper4=!1,e.stopper3=!0,$("body").attr("class","theme-white"),gsap.to(["#mv-panel-box","#mv-t-box"],.4,{opacity:0})}else{if(e.stopper4)return;e.stopper1=!1,e.stopper2=!1,e.stopper3=!1,e.stopper4=!0,$("body").attr("class","theme-black"),gsap.to(["#mv-panel-box","#mv-t-box"],.4,{opacity:1})}},colorThemeSP(){e.trigger1Rect=e.trigger1.getBoundingClientRect();let o=$("#scroll-wrap").outerHeight();if(Math.abs(i.currentY)+1.5*e.winH>o){if(e.stopper1)return;e.stopper2=!1,e.stopper3=!1,e.stopper4=!1,e.stopper1=!0,$("body").attr("class","theme-white"),gsap.to(e.video,.4,{opacity:0})}else if(i.currentY>e.trigger1Rect.height-e.winH-400){let r=(e.trigger1Rect.top+e.trigger1Rect.height-e.winH)*.005,n=(e.trigger1Rect.top+e.trigger1Rect.height-e.winH-200)*.005;if(gsap.set(e.trigger1,{opacity:r}),gsap.set(t.video,{opacity:n}),e.stopper2)return;e.stopper1=!1,e.stopper3=!1,e.stopper4=!1,e.stopper2=!0,$("body").attr("class","theme-black"),gsap.to(e.video,.4,{opacity:0})}else if(i.currentY>20){if(e.stopper3)return;e.stopper1=!1,e.stopper2=!1,e.stopper4=!1,e.stopper3=!0,$("body").attr("class","theme-white"),gsap.to(e.video,.4,{opacity:1}),gsap.to(t.video,{opacity:.8}),gsap.to(["#mv-panel-box","#mv-t-box"],.4,{opacity:0}),gsap.to(e.trigger1,.4,{opacity:1})}else{if(e.stopper4)return;e.stopper1=!1,e.stopper2=!1,e.stopper3=!1,e.stopper4=!0,$("body").attr("class","theme-black"),gsap.to(["#mv-panel-box","#mv-t-box",t.video],.4,{opacity:1}),gsap.to(e.trigger1,.4,{opacity:0})}},updates(){e.animationFrame=window.requestAnimationFrame(k.updates),g.update(),g.bounce(),k.colorThemePC(),m.update(),x.update()}},C={init(){$("#t-head").text("Service"),h.init(),p.langChange(),b.init(),e.isDesktop&&C.updates()},updates(){e.animationFrame=window.requestAnimationFrame(C.updates),g.update(),g.colorTheme(),g.bounce(),m.update(),e.sliderIsReady&&slider.render()}},H={init(){$("#t-head").text("Works"),e.worksImg=document.querySelectorAll(".pjax-img"),e.worksImgInner=$(".pjax-img .in"),H.toggleList(),e.isDesktop&&(H.videoPlay(),H.updates())},videoFit(e){let t=$(".works-list .cell .in").eq(e).width(),o=$(".works-list .cell .in").eq(e).height(),i=$(".works-list .cell .in").eq(e).find(".video").width(),r=$(".works-list .cell .in").eq(e).find(".video").height(),n=o*(i/r);$(".works-list .cell").eq(e).find(".video").css({width:n,height:o,top:0,left:(t-n)/2})},toggleList(){let t=document.querySelectorAll(".toggle-list .cell"),o=0,i=e.isDesktop?60:0;if(e.isDesktop)for(let r=0;r<16;r++){let n=t[r].getBoundingClientRect().height+i;(0===r||3===r||6===r||9===r)&&(o+=n)}else for(let s=0;s<10;s++){let a=t[s].getBoundingClientRect().height+i;(0===s||2===s||4===s||6===s||8===s)&&(o+=a)}$(".toggle").css("height",o);let l={x:1},c=null,d=null;$(".btn-more").on("mouseenter mouseleave",function(e){"mouseenter"===e.type?(l.x=1,c=gsap.to(l,{x:0,duration:2.4,ease:"Power4.easeOut",onUpdate(){$(".c-w").attr("style","stroke-dashoffset:"+314*l.x)},onComplete(){if(0===l.x&&!d){d=!0;document.querySelector(".btn-more").click()}}})):(c.pause(),c.reverse())}),$(".btn-more").on("click",function(e){let t=$(".toggle-list").height();gsap.to(".toggle",{height:t,duration:.4,onComplete(){$(".btn-more").remove(),setTimeout(()=>{g.resize()},400)}})})},videoPlay(){let e=document.querySelectorAll(".play-target");for(let t=0;t<e.length;t++)e[t].addEventListener("mouseenter",function(){let e=this.children[0].children[0].children[1],i=t;e.load(),e.addEventListener("canplay",function(){H.videoFit(i),o(),e.play()},!1)});let o=()=>{for(let t=0;t<e.length;t++)e[t].children[0].children[0].children[1].pause()}},updates(){e.animationFrame=window.requestAnimationFrame(H.updates),g.colorTheme(),g.update(),m.update()}},I={init(){let t=$("#main-ttl").text();$("#ttl-head").text(t),$("#t-head").text("Works").addClass("force-in"),b.init(),I.resize(),e.isDesktop&&(H.videoPlay(),I.updates())},resize(){let e=$(".detail-head").width(),t=$("#ttl-head").width();e===t?$(".detail-head").addClass("is-short"):$(".detail-head").removeClass("is-short")},updates(){e.animationFrame=window.requestAnimationFrame(I.updates),g.colorTheme(),g.bounce(),g.update(),m.update()}},W={init(){o.contact?$("#t-head").text("Contact"):o.company&&$("#t-head").text("About"),e.isDesktop&&W.updates()},updates(){e.animationFrame=window.requestAnimationFrame(W.updates),g.colorTheme(),g.bounce(),g.update(),m.update()}},D={init(){a.logo=document.getElementById("load-logo"),a.panel=document.getElementById("load-panel"),a.polygon=document.getElementById("load-panel-polygon"),a.panel.setAttribute("viewBox","0, 0, "+e.winW+", "+e.winH),a.polygon.setAttribute("points","0 0,"+e.winW+" 0,"+e.winW+" "+e.winH+",0 "+e.winH),gsap.to(a.logo,{scale:1,opacity:1,duration:.8,ease:c,onComplete(){o.top?D.topIn():(gsap.to(a.logo,{scale:1.1,opacity:0,duration:.4,ease:c}),p.panelOut(a.polygon,void 0,p.elmIn()))}})},topIn(){(t.video.pause(),t.video.currentTime=0,e.isDesktop)?t.video.addEventListener("canplay",function(){t.isFirst&&(t.isFirst=!1,gsap.to(a.logo,{scale:1.1,opacity:0,duration:.4,ease:c}),p.panelOut(a.polygon,void 0,w.first))},!1):(gsap.to(a.logo,{scale:1.1,opacity:0,duration:.4,ease:c}),p.panelOut(a.polygon,void 0,w.first))}},T={init(){D.init(),p.score(),m.init(),v.init(),y.init(),T.set()},reset(){$("#ttl-head").text(""),$("#t-head").text("").removeClass("force-in"),n.cursor.classList.remove("is-detail"),n.cursor.classList.remove("is-close"),n.cursor.classList.remove("is-play")},set(){T.reset(),u.init(),g.init(),_.init(),m.fit(),e.isDesktop&&(f.init(),f.footerLink()),o.top?k.init():o.service?C.init():o.company?W.init():o.works?H.init():o.worksDetail?I.init():o.contact&&W.init()}};setTimeout(()=>{T.init()},400)})();
\ No newline at end of file
assets/js/app_min.js~230629 0 → 100644
"use strict";var WEBSITE=function(){var d={},a={},t={},i={},o={},n={},e={},r={},s={},l=CustomEase.create("custom","M0,0,C0.504,0,-0.068,1,1,1"),c=CustomEase.create("custom","M0,0 C0.44,0.002 0,1 1,1 ");d.body=document.body,d.url=document.URL,d.winW=window.innerWidth,d.winH=window.innerHeight,d.breakPoint=768,d.isDesktop=!0,d.isFirst=!0,d.animationFrame=null,d.breakPoint>=d.winW&&(d.isDesktop=!1);var u=function(){t={top:!!$(".page-top").length,service:!!$(".page-service").length,works:!!$(".page-works").length,worksDetail:!!$(".page-works-detail").length,company:!!$(".page-company").length,contact:!!$(".page-contact").length},$(".nv").removeClass("no-link"),t.top?$(".l-top").addClass("no-link"):t.service?$(".l-service").addClass("no-link"):t.works?$(".l-works").addClass("no-link"):t.company?$(".l-company").addClass("no-link"):t.contact&&$(".l-contact").addClass("no-link")},p=function(){for(var e=0,t=$(".lang-area .is-current .cell"),o=0;o<t.length;o++)e+=t.eq(o).outerHeight(!0);$(".lang-area").css("height",e),$(".lang span").on("click",function(){var e=$(this).index();$(".lang span").removeClass("is-current").eq(e).addClass("is-current"),$(".lang-target").removeClass("is-current").eq(e).addClass("is-current");for(var t=0,o=$(".lang-area .is-current .cell"),n=0;n<o.length;n++)t+=o.eq(n).outerHeight(!0);$(".lang-area").css("height",t)})},g=function(){t.top||t.worksDetail||gsap.to(".in-target",{opacity:1,duration:.4,ease:"linear"}),$("#l-img").length&&!t.worksDetail?(gsap.to("#l-img .panel",{skewY:-4,duration:.8,ease:"Power3.easeInOut"}),gsap.to("#l-img h2 span i",{y:"0%",duration:1,ease:c,stagger:.02}),gsap.to("#l-img img",{opacity:0,duration:.3,ease:"linear",delay:.6}),gsap.to("#l-img .video",{opacity:1,duration:.3,ease:"linear",delay:.6})):$("#l-img").length&&t.worksDetail?(gsap.to("#l-img img",{scale:1,duration:1.8,ease:"Power3.easeInOut"}),t.works&&(gsap.to(".cell",{y:0,opacity:1,duration:1.2,delay:.2,stagger:.05,ease:c}),gsap.to(".cell .in",{y:0,duration:1.2,delay:.2,stagger:.05,ease:c}))):t.top||(gsap.to("h2 span i",{y:"0%",duration:1,ease:c,stagger:.02}),t.works&&(gsap.to(".cell",{y:0,opacity:1,duration:1.2,delay:.2,stagger:.05,ease:c}),gsap.to(".cell .in",{y:0,duration:1.2,delay:.2,stagger:.05,ease:c})))},m=function(e,t,o){var n={y:0},i={y:0};gsap.fromTo([n,i],{y:d.winH},{y:0,duration:function(e){return 0===e?1.2:1},ease:c,onStart:function(){if(void 0!==o)return o()},onUpdate:function(){e.setAttribute("points","0 "+Math.floor(n.y)+","+d.winW+" "+Math.floor(i.y)+","+d.winW+" "+d.winH+",0 "+d.winH)},onComplete:function(){if(void 0!==t)return t()}})},f=function(e,t,o){var n={y:d.winH},i={y:d.winH};gsap.fromTo([n,i],{y:d.winH},{y:0,duration:function(e){return 0===e?1.2:1},ease:c,onStart:function(){if(void 0!==o)return o()},onUpdate:function(){e.setAttribute("points","0 0,"+d.winW+" 0,"+d.winW+" "+Math.floor(n.y)+",0 "+Math.floor(i.y))},onComplete:function(){if(void 0!==t)return t()}})},v={init:function(){o.panel=document.getElementById("menu-panel"),o.polygon=document.getElementById("menu-panel-polygon"),v.set(),v.update(),v.rectSet(),v.spReset(),setTimeout(function(){v.set()},1e3),console.log("!-- resize init --!")},set:function(){t.top?W.resize():t.worksDetail&&A.resize(),h.resize(),v.rectSet()},update:function(){$(window).off("resize");var e=!1;$(window).resize(function(){!1!==e&&clearTimeout(e),e=setTimeout(function(){d.winW=window.innerWidth,d.winH=window.innerHeight,d.breakPoint>d.winW?d.isDesktop&&(d.isDesktop=!1,location.reload()):d.isDesktop||(d.isDesktop=!0,location.reload()),v.set()},1600)})},rectSet:function(){o.panel.setAttribute("viewBox","0, 0, "+d.winW+", "+d.winH),o.polygon.setAttribute("points","0 0,0 0,0 0,0 0"),s.panel.setAttribute("viewBox","0, 0, "+d.winW+", "+d.winH),s.polygon.setAttribute("points","0 0,0 0,0 0,0 0")},spReset:function(){d.isDesktop||($("body").css("height",d.winH),$("#f").css("height",d.winH))}},h={init:function(){i.target=document.getElementById("scroll"),i.delta=0,i.lastY=0,i.velocity=.1,i.targetY=0,i.translateY=0,i.currentY=0,i.secH=0,i.section=document.querySelectorAll("section"),i.parallaxB=document.querySelectorAll(".p-img-b"),i.parallaxT=document.querySelectorAll(".p-img-t"),i.bounce=document.querySelectorAll(".bounce"),i.bounceY=0,i.colorArr=[],i.colorArrOffset=[],i.colorMargin=d.winH/2,i.head=document.getElementById("t-head"),h.set(),h.observer(),setTimeout(function(){h.resize()},600),console.log("!-- scroll init --!")},set:function(){d.isDesktop?$(window).on("scroll",function(e){i.targetY=$(e.currentTarget).scrollTop()}):($("html,body").attr("style",""),$("#scroll").attr("style","").off("scroll"),i.targetY=0,i.translateY=0,i.currentY=0,$("#scroll").on("scroll",function(e){i.currentY=Math.abs($("#scroll-wrap").offset().top),t.top?W.colorThemeSP():(h.headIn(),h.colorTheme())}))},resize:function(){if(void 0!==i.target){d.isDesktop&&(i.secH=i.target.getBoundingClientRect().height,gsap.set("body",{height:Math.floor(i.secH)})),i.colorArr=[],i.colorArrOffset=[];for(var e=0;e<i.section.length;e++)i.colorArr.push(i.section[e].getAttribute("data-color")),d.isDesktop,i.colorArrOffset.push(Math.floor(i.section[e].getBoundingClientRect().top)+Math.floor(i.currentY))}},colorTheme:function(){for(var e=0;e<i.section.length;e++)if(i.currentY+i.colorMargin>i.colorArrOffset[e])if(void 0===i.colorArrOffset[e+1]){if(i.colorNum===e)return;i.colorNum=i.section.length-1,$("body").attr("class",i.colorArr[i.colorNum])}else if(i.currentY+i.colorMargin<i.colorArrOffset[e+1]){if(i.colorNum===e)return;i.colorNum=e,$("body").attr("class",i.colorArr[e])}},update:function(){i.currentY=h.easing(i.currentY,i.targetY,i.velocity),document.body.style.height=Math.floor(i.secH)+"px",i.translateY="translateY(-"+Math.floor(i.currentY)+"px) translateZ(0)",i.target.style.transform=i.translateY,h.headIn()},easing:function(e,t,o){return(1-o)*e+o*t},observer:function(){var e=Array.from(document.querySelectorAll(".s-in")),t=new IntersectionObserver(h.observerCallback,{rootMargin:"0px 0px"});e.forEach(function(e){t.observe(e)})},observerCallback:function(e,o){e.forEach(function(e,t){e.isIntersecting&&(e.target.classList.add("is-in"),o.unobserve(e.target))})},bounce:function(){for(var e=0;e<i.bounce.length;e++){i.bounce[e].getBoundingClientRect();var t=i.bounce[e].getAttribute("data-scale");i.bounceY=.15*(i.targetY-i.currentY)*t,gsap.to(i.bounce[e],{y:i.bounceY,duration:.3})}},headIn:function(){i.currentY>d.winH/2?i.head.classList.add("is-in"):i.head.classList.remove("is-in")},parallaxB:function(){for(var e=0;e<i.parallaxB.length;e++){var t=i.parallaxB[e].getBoundingClientRect(),o=i.parallaxB[e].getAttribute("data-scale");if(d.winH>t.top){if(0<t.top+t.height){var n=Math.floor((-t.top+d.winH)*o);h.tweenY(i.parallaxB[e],n)}}else h.tweenY(i.parallaxB[e],0)}},parallaxT:function(){for(var e=0;e<i.parallaxT.length;e++){var t=i.parallaxT[e].getBoundingClientRect(),o=i.parallaxT[e].getAttribute("data-scale");if(d.winH>t.top){if(0<t.top+t.height){var n=Math.floor((t.top-d.winH)*o);h.tweenY(i.parallaxT[e],n)}}else h.tweenY(i.parallaxT[e],0)}}},y={init:function(){n.cursor=document.getElementById("cursor"),n.x=0,n.y=0,n.tx=0,n.ty=0,n.dx=0,n.dy=0,n.ease=.09,n.isHover=!1,n.dot={x:0,y:0,w:0,h:0},y.set()},set:function(){$(window).off("mousemove"),d.isDesktop&&$(window).on("mousemove",function(e){n.x=e.clientX,n.y=e.clientY})},fit:function(){$(".cursor-fit").off("mouseleave mouseenter"),$(".cursor-fit").on("mouseleave mouseenter",function(e){var t=$(this);n.hoverTarget=$(this).find(".cursor-pos"),"mouseenter"===e.type?(n.isHover=!0,"basic"===t.attr("data-type")?n.cursor.classList.add("is-basic"):"menu"===t.attr("data-type")&&n.cursor.classList.add("is-menu")):(n.isHover=!1,n.cursor.classList.remove("is-basic"))}),$(".cursor-in").on("mouseleave mouseenter",function(e){var t=$(this);"mouseenter"===e.type?"detail"===t.attr("data-type")?n.cursor.classList.add("is-detail"):"close"===t.attr("data-type")?n.cursor.classList.add("is-close"):"play"===t.attr("data-type")&&n.cursor.classList.add("is-play"):(n.cursor.classList.remove("is-detail"),n.cursor.classList.remove("is-close"),n.cursor.classList.remove("is-play"))})},update:function(){n.tx=n.x,n.ty=n.y,n.dot.x+=(n.tx-n.dot.x)*n.ease,n.dot.y+=(n.ty-n.dot.y)*n.ease,gsap.set(n.cursor,{x:n.dot.x,y:n.dot.y})}},w={init:function(){s.href=null,s.cont=null,s.popstate=!1,s.lastElementClicked=null,s.offset=0,s.index=0,s.nameSpace=null,s.param={t:0},s.panel=document.getElementById("p-panel"),s.polygon=document.getElementById("p-panel-polygon"),Barba.Pjax.init(),Barba.Prefetch.init(),this.set()},set:function(){Barba.Dispatcher.on("linkClicked",function(e){s.href=$(e).attr("href"),s.cont="#pjax-container",s.lastElementClicked=e,b.close(),null!==a.interval&&clearInterval(a.interval)}),Barba.Dispatcher.on("initStateChange",function(){}),Barba.Dispatcher.on("newPageReady",function(e,t,o){}),Barba.Dispatcher.on("transitionCompleted",function(){cancelAnimationFrame(d.animationFrame)});var e=Barba.BaseTransition.extend({start:function(){Promise.all([this.newContainerLoading,this.ready(this.newContainer)]).then(this.fadeIn.bind(this))},ready:function(e){var t=Barba.Utils.deferred();return o.ready(t),t.promise},fadeIn:function(){var e=$(this.oldContainer),t=$(this.newContainer);o.fadeIn(e,t,this)}}),o={ready:function(e){e.resolve()},fadeIn:function(e,t,o){var n=this;w.navChange(0),m(s.polygon,function(){$("body").attr("class","theme-black"),$("html,body").animate({scrollTop:0},10),$("#ttl-head").text(""),$("#t-head").text("").removeClass("force-in"),e.hide(),o.done(),setTimeout(function(){n.fadeOut()},400)})},fadeOut:function(){if(i.head.classList.remove("is-in"),u(),t.top){f(s.polygon,void 0,void setTimeout(function(){w.navChange(1),M.set(),T.first()},400))}else if(t.service||t.company)w.imgOut();else{f(s.polygon,void setTimeout(function(){w.navChange(1),g(),setTimeout(function(){M.set()},400)},400))}}};Barba.Pjax.getTransition=function(){return e}},imgOut:function(){var e=document.getElementById("mv-panel"),t=document.getElementById("mv-panel-polygon"),o=d.winW,n=d.isDesktop?Math.floor(.357*d.winW):Math.floor(1.134*d.winW);gsap.set("#l-img",{y:Math.floor(d.winH/2-n/2),scale:1.1}),e.setAttribute("viewBox","0, 0, "+o+", "+n),t.setAttribute("points","0 0,"+o+" 0,"+o+" "+n+",0 "+n),s.polygon.setAttribute("points","0 0,0 0,0 0,0 0");f(t,void 0,void gsap.to("#l-img",{y:0,scale:1,duration:1.6,delay:.6,ease:l,onStart:function(){setTimeout(function(){w.navChange(1),g(),setTimeout(function(){M.set()},400)},800)}}))},navChange:function(e){gsap.to(["#h","#nv-copy","#nv-contact"],{opacity:e,duration:.4,ease:"linear"})}},b={init:function(){o.btn=$(".btn-menu"),o.close=$("#close"),o.target=$("#menu"),o.isOpen=!1,b.set()},set:function(){o.btn.on("click",function(e){o.isOpen||b.open()}),o.close.on("click",function(e){o.isOpen&&b.close()})},open:function(){o.target.addClass("is-in");m(o.polygon,function(){o.isOpen=!0}),gsap.fromTo("#menu .in span",{y:"120%"},{y:"0%",duration:.8,delay:.2,ease:c,stagger:.04}),gsap.fromTo("#menu .op",{opacity:0},{opacity:1,duration:.2,delay:.6,ease:"none"})},close:function(){o.target.removeClass("is-in"),setTimeout(function(){o.polygon.setAttribute("points","0 0,0 0,0 0,0 0"),o.isOpen=!1},400)}},x=function(){$(".anchor").on("click",function(e){e.preventDefault?e.preventDefault():e.returnValue=!1;var t=$(this).attr("data-href"),o="#"===t?0:$(t).offset().top,n=$("#scroll");n.position().top;d.isDesktop?$("html,body").animate({scrollTop:o},100):n.stop().animate({scrollTop:0},800)})},k=function(){var t=new Swiper(".swiper-container",{slidesPerView:d.isDesktop?2:1,spaceBetween:d.isDesktop?0:100,centeredSlides:!0,responsive:!0,navigation:{nextEl:".next",prevEl:".prev"},grabCursor:!0,resize:function(){setTimeout(function(){t.update()},2e3)}});t.on("transitionStart",function(){$(".slide-nav span").removeClass("is-current").eq(t.activeIndex).addClass("is-current")}),t.on("touchStart",function(){$(".swiper-slide").removeClass("swiper-slide-active"),$("#slider-ttl strong").removeClass("is-current"),$("#slider-cat strong").removeClass("is-current")}),t.on("touchEnd",function(){setTimeout(function(){$(".swiper-slide").eq(t.activeIndex).addClass("swiper-slide-active"),$("#slider-ttl strong").eq(t.activeIndex).addClass("is-current"),$("#slider-cat strong").eq(t.activeIndex).addClass("is-current"),d.isDesktop||$(".slide-nav").animate({scrollLeft:(.5*d.winW+12)*t.activeIndex},400)},200)}),$(".slide-nav span").on("click",function(){var e=$(this).index();t.slideTo(e),$(".swiper-slide").removeClass("swiper-slide-active"),$("#slider-ttl strong").removeClass("is-current"),$("#slider-cat strong").removeClass("is-current"),setTimeout(function(){$(".swiper-slide").eq(t.activeIndex).addClass("swiper-slide-active"),$("#slider-ttl strong").eq(t.activeIndex).addClass("is-current"),$("#slider-cat strong").eq(t.activeIndex).addClass("is-current")},200)})},C={init:function(){e.target=$(".hover-rotate"),C.events()},events:function(){e.target.on("mouseenter mouseleave",function(e){var t=$(this).find("span").eq(0).find("i"),o=$(this).find("span").eq(1).find("i");"mouseenter"===e.type?(gsap.fromTo(t,{y:"0%"},{y:"-101%",duration:.6,ease:c,stagger:.02}),gsap.fromTo(o,{y:"101%"},{y:"0%",duration:.6,ease:c,stagger:.02})):(gsap.to(t,{y:"0%",duration:.6,ease:c,stagger:.02}),gsap.to(o,{y:"101%",duration:.6,ease:c,stagger:.02}))})},footerLink:function(){var t=!1,o={x:.1},n=null;$("#f .next").on("mouseenter mouseleave",function(e){"mouseenter"===e.type?(o.x=.1,n=gsap.to(o,{x:1,duration:2.4,ease:"Power2.easeOut",onUpdate:function(){$("#f .progress").css("transform","translate3d(0,0,0) scale("+o.x+",1)")},onComplete:function(){1===o.x&&(t||(t=!0,document.querySelector("#f .next").click()))}})):(n.pause(),n.reverse())})}},T={init:function(){a.txt=$("#mv-t-box .in span"),a.num=$("#mv-num-box span"),a.gradL=$("#mv-panel-grad-l span"),a.gradR=$("#mv-panel-grad-r span"),a.video=document.getElementById("mv-video"),a.play=document.getElementById("play"),a.play.addEventListener("click",function(){a.video.play()}),a.current=0,a.prev=0,a.len=5,a.interval=null,a.isFirst=!0,a.video.pause(),a.video.currentTime=0},first:function(){gsap.fromTo(a.txt.eq(0).find("i"),{y:"101%"},{y:"0%",duration:.6,ease:c,stagger:.02}),gsap.fromTo(a.num.eq(0).find("i"),{y:"101%"},{y:"0%",duration:.6,ease:c,stagger:.04}),T.scroll(),T.panelMove(),a.interval=setInterval(T.interval,3650),setTimeout(function(){a.video.play(),gsap.to(a.video,{opacity:1,duration:.4,ease:"linear"})},600),console.log("!-- canplay --!")},scroll:function(){gsap.fromTo(".scroll .l1 i",{y:"0%"},{y:"-100%",duration:1,ease:c,stagger:.02}),gsap.fromTo(".scroll .l2 i",{y:"100%"},{y:"0%",duration:1,ease:c,stagger:.02})},interval:function(){a.prev=a.current,a.current++,a.current>a.len&&(a.prev=5,a.current=0),T.txtChange(),T.scroll()},txtChange:function(){gsap.fromTo(a.txt.eq(a.prev).find("i"),{y:"0%"},{y:"-101%",duration:.6,delay:.4,ease:c,stagger:.02}),gsap.fromTo(a.txt.eq(a.current).find("i"),{y:"101%"},{y:"0%",duration:.6,delay:.4,ease:c,stagger:.02}),T.numChange(),T.panelMove()},numChange:function(){if(0===a.current||2===a.current||4===a.current){var e=0,t=0;0===a.current?(e=2,t=0):2===a.current?(e=0,t=1):4===a.current&&(e=1,t=2),gsap.fromTo(a.num.eq(e).find("i"),{y:"0%"},{y:"-101%",duration:.6,delay:.4,ease:c,stagger:.04}),gsap.fromTo(a.num.eq(t).find("i"),{y:"101%"},{y:"0%",duration:.6,delay:.4,ease:c,stagger:.04})}},panelMove:function(){var e=0,t=0,o=0,n=0,i=[.61,0,0,1];n=0===a.current||2===a.current||4===a.current?(e=["-60%","60%"],t=d.isDesktop?[-.88*d.winW,.92*d.winW]:[-.88*d.winW,.96*d.winW],o=d.isDesktop?[-.04*d.winW,1.6*d.winW]:[-.04*d.winW,1.4*d.winW],[-90,90]):(e=["60%","-60%"],t=d.isDesktop?[.88*d.winW,-.92*d.winW]:[.96*d.winW,-.94*d.winW],o=d.isDesktop?[1.7*d.winW,-.04*d.winW]:[1.8*d.winW,-.04*d.winW],[90,-90]);anime({targets:"#mv-panel-box-in",translateX:e,rotateY:n,duration:1400,easing:i}),anime({targets:"#mv-panel-grad-l",translateX:t,duration:1400,easing:i,update:function(){T.randomNoise(a.gradL)}}),anime({targets:"#mv-panel-grad-r",translateX:o,duration:1400,easing:i,update:function(){T.randomNoise(a.gradR)}})},randomNoise:function(e){e.css("width",0);var t=Math.floor(5*Math.random()),o=d.isDesktop?30*Math.random():10*Math.random(),n=6*Math.random();gsap.set(e.eq(t),{width:o,x:n})}},H={init:function(){d.videoPanel=$("#video-panel"),d.videoPanelCell=$("#video-panel .video"),H.events()},events:function(){$(".s2 .works-cell").off("mouseenter mouseleave"),$(".s2 .works-cell").on("mouseenter mouseleave",function(e){var t=$(this).index();"mouseenter"===e.type?(d.videoPanelCell.removeClass("is-current"),d.videoPanelCell.eq(t).addClass("is-current")):d.videoPanelCell.removeClass("is-current")})},update:function(){var e=n.x-.31*d.winW,t=n.y-.131*d.winW,o=n.x-n.dot.x;gsap.to(d.videoPanel,{x:e,y:t,rotation:.03*o,duration:.4,ease:"none"})}},B={init:function(){modal.trigger=$(".modal-trigger"),modal.target=$("#modal"),modal.inner=$("#modal .in"),modal.close=$("#modal .close"),modal.video=document.getElementById("modal-video"),modal.ratio=1920/1080,modal.isOpen=!1,B.set()},set:function(){modal.trigger.on("click",function(){if(!modal.isOpen){modal.target.addClass("is-in"),$("body").addClass("hidden"),modal.isOpen=!0;var e=$(this).attr("data-modal-src");B.play(e)}}),modal.close.on("click",function(){B.close()}),d.isDesktop||$("#modal-video").attr("controls",!0)},close:function(){modal.target.addClass("is-loading"),modal.video.pause(),$("#modal-video").attr("src",""),modal.isOpen=!1,modal.target.removeClass("is-in"),$("body").removeClass("hidden")},play:function(e){$("#modal-video").attr("src",e),d.isDesktop?($("#modal-video").on("canplay",function(){modal.target.removeClass("is-loading"),modal.video.play()}),$("#modal-video").on("ended",function(){setTimeout(function(){B.close()},600)})):modal.target.removeClass("is-loading")},resize:function(){modal.isOpen?modal.target.css("clip","rect(0 "+d.winW+"px "+d.winH+"px 0)"):modal.target.css("clip","rect(0 "+d.winW+"px 0px 0)"),modal.inner.css("clip","rect(0 "+d.winW+"px "+d.winH+"px 0)")}},W={init:function(){d.trigger1=document.getElementById("trigger1"),d.triggerPanel=document.getElementById("trigger-panel"),d.video=document.getElementById("top-video"),d.trigger1Opacity=0,d.stopper1=!1,d.stopper2=!1,d.stopper3=!1,d.stopper4=!1,d.mvRatio=d.isDesktop?1920/1080:750/1334,W.resize(),T.init(),H.init(),setTimeout(function(){d.isDesktop&&W.updates()},1e3)},resize:function(){d.mvRatio>d.winW/d.winH?$("#top-video .video").css({width:Math.floor(d.winH*d.mvRatio),height:d.winH,top:0,left:Math.floor((d.winW-d.winH*d.mvRatio)/2)}):$("#top-video .video").css({width:d.winW,height:Math.floor(d.winW/d.mvRatio),top:Math.floor((d.winH-d.winW/d.mvRatio)/2),left:0})},colorThemePC:function(){if(d.trigger1Rect=d.trigger1.getBoundingClientRect(),i.currentY>=d.trigger1Rect.height-d.winH-200){var e=Math.max(0,1-Math.abs(.05*(i.currentY-d.trigger1Rect.height+d.winH+200))),t=Math.max(0,1-Math.abs(.005*(i.currentY-d.trigger1Rect.height+d.winH+200)));gsap.set([a.video,d.video],{opacity:e}),gsap.set(d.trigger1,{opacity:t})}else{var o=Math.abs(.01*d.trigger1Rect.top),n=2.5-Math.abs(.01*d.trigger1Rect.top);gsap.set(d.trigger1,{opacity:o}),gsap.set(d.triggerPanel,{opacity:n}),-100<=d.trigger1Rect.top?gsap.set(a.video,{opacity:1}):(gsap.set(a.video,{opacity:.8}),gsap.set(d.video,{opacity:1}))}if(i.currentY+d.winH/2>i.secH-d.winH){if(d.stopper1)return;d.stopper2=!1,d.stopper3=!1,d.stopper4=!1,d.stopper1=!0,$("body").attr("class","theme-white")}else if(i.currentY>d.trigger1Rect.height-d.winH-200){if(d.stopper2)return;d.stopper1=!1,d.stopper3=!1,d.stopper4=!1,d.stopper2=!0,$("body").attr("class","theme-black")}else if(200<i.currentY){if(d.stopper3)return;d.stopper1=!1,d.stopper2=!1,d.stopper4=!1,d.stopper3=!0,$("body").attr("class","theme-white"),gsap.to(["#mv-panel-box","#mv-t-box"],.4,{opacity:0})}else{if(d.stopper4)return;d.stopper1=!1,d.stopper2=!1,d.stopper3=!1,d.stopper4=!0,$("body").attr("class","theme-black"),gsap.to(["#mv-panel-box","#mv-t-box"],.4,{opacity:1})}},colorThemeSP:function(){d.trigger1Rect=d.trigger1.getBoundingClientRect();var e=$("#scroll-wrap").outerHeight();if(Math.abs(i.currentY)+1.5*d.winH>e){if(d.stopper1)return;d.stopper2=!1,d.stopper3=!1,d.stopper4=!1,d.stopper1=!0,$("body").attr("class","theme-white"),gsap.to(d.video,.4,{opacity:0})}else if(i.currentY>d.trigger1Rect.height-d.winH-400){var t=.005*(d.trigger1Rect.top+d.trigger1Rect.height-d.winH),o=.005*(d.trigger1Rect.top+d.trigger1Rect.height-d.winH-200);if(gsap.set(d.trigger1,{opacity:t}),gsap.set(a.video,{opacity:o}),d.stopper2)return;d.stopper1=!1,d.stopper3=!1,d.stopper4=!1,d.stopper2=!0,$("body").attr("class","theme-black"),gsap.to(d.video,.4,{opacity:0})}else if(20<i.currentY){if(d.stopper3)return;d.stopper1=!1,d.stopper2=!1,d.stopper4=!1,d.stopper3=!0,$("body").attr("class","theme-white"),gsap.to(d.video,.4,{opacity:1}),gsap.to(a.video,{opacity:.8}),gsap.to(["#mv-panel-box","#mv-t-box"],.4,{opacity:0}),gsap.to(d.trigger1,.4,{opacity:1})}else{if(d.stopper4)return;d.stopper1=!1,d.stopper2=!1,d.stopper3=!1,d.stopper4=!0,$("body").attr("class","theme-black"),gsap.to(["#mv-panel-box","#mv-t-box",a.video],.4,{opacity:1}),gsap.to(d.trigger1,.4,{opacity:0})}},updates:function(){d.animationFrame=window.requestAnimationFrame(W.updates),h.update(),h.bounce(),W.colorThemePC(),y.update(),H.update()}},I={init:function(){$("#t-head").text("Service"),k(),p(),B.init(),d.isDesktop&&I.updates()},updates:function(){d.animationFrame=window.requestAnimationFrame(I.updates),h.update(),h.colorTheme(),h.bounce(),y.update(),d.sliderIsReady&&slider.render()}},D={init:function(){$("#t-head").text("Works"),d.worksImg=document.querySelectorAll(".pjax-img"),d.worksImgInner=$(".pjax-img .in"),D.toggleList(),d.isDesktop&&(D.videoPlay(),D.updates())},videoFit:function(e){var t=$(".works-list .cell .in").eq(e).width(),o=$(".works-list .cell .in").eq(e).height(),n=o*($(".works-list .cell .in").eq(e).find(".video").width()/$(".works-list .cell .in").eq(e).find(".video").height());$(".works-list .cell").eq(e).find(".video").css({width:n,height:o,top:0,left:(t-n)/2})},toggleList:function(){var e=document.querySelectorAll(".toggle-list .cell"),t=0,o=d.isDesktop?60:0;if(d.isDesktop)for(var n=0;n<16;n++){var i=e[n].getBoundingClientRect().height+o;0!==n&&3!==n&&6!==n&&9!==n||(t+=i)}else for(var a=0;a<10;a++){var r=e[a].getBoundingClientRect().height+o;0!==a&&2!==a&&4!==a&&6!==a&&8!==a||(t+=r)}$(".toggle").css("height",t);var s={x:1},l=null,c=null;$(".btn-more").on("mouseenter mouseleave",function(e){"mouseenter"===e.type?(s.x=1,l=gsap.to(s,{x:0,duration:2.4,ease:"Power4.easeOut",onUpdate:function(){$(".c-w").attr("style","stroke-dashoffset:"+314*s.x)},onComplete:function(){0===s.x&&(c||(c=!0,document.querySelector(".btn-more").click()))}})):(l.pause(),l.reverse())}),$(".btn-more").on("click",function(e){var t=$(".toggle-list").height();gsap.to(".toggle",{height:t,duration:.4,onComplete:function(){$(".btn-more").remove(),setTimeout(function(){h.resize()},400)}})})},videoPlay:function(){for(var t=document.querySelectorAll(".play-target"),e=function(o){t[o].addEventListener("mouseenter",function(){var e=this.children[0].children[0].children[1],t=o;e.load(),e.addEventListener("canplay",function(){D.videoFit(t),n(),e.play()},!1)})},o=0;o<t.length;o++)e(o);var n=function(){for(var e=0;e<t.length;e++)t[e].children[0].children[0].children[1].pause()}},updates:function(){d.animationFrame=window.requestAnimationFrame(D.updates),h.colorTheme(),h.update(),y.update()}},A={init:function(){var e=$("#main-ttl").text();$("#ttl-head").text(e),$("#t-head").text("Works").addClass("force-in"),B.init(),A.resize(),d.isDesktop&&(D.videoPlay(),A.updates())},resize:function(){$(".detail-head").width()===$("#ttl-head").width()?$(".detail-head").addClass("is-short"):$(".detail-head").removeClass("is-short")},updates:function(){d.animationFrame=window.requestAnimationFrame(A.updates),h.colorTheme(),h.bounce(),h.update(),y.update()}},q={init:function(){t.contact?$("#t-head").text("Contact"):t.company&&$("#t-head").text("About"),d.isDesktop&&q.updates()},updates:function(){d.animationFrame=window.requestAnimationFrame(q.updates),h.colorTheme(),h.bounce(),h.update(),y.update()}},Y={init:function(){r.logo=document.getElementById("load-logo"),r.panel=document.getElementById("load-panel"),r.polygon=document.getElementById("load-panel-polygon"),r.panel.setAttribute("viewBox","0, 0, "+d.winW+", "+d.winH),r.polygon.setAttribute("points","0 0,"+d.winW+" 0,"+d.winW+" "+d.winH+",0 "+d.winH),gsap.to(r.logo,{scale:1,opacity:1,duration:.8,ease:l,onComplete:function(){if(t.top)Y.topIn();else{gsap.to(r.logo,{scale:1.1,opacity:0,duration:.4,ease:l}),f(r.polygon,void 0,g())}}})},topIn:function(){if(a.video.pause(),a.video.currentTime=0,d.isDesktop)a.video.addEventListener("canplay",function(){if(a.isFirst){a.isFirst=!1,gsap.to(r.logo,{scale:1.1,opacity:0,duration:.4,ease:l});f(r.polygon,void 0,T.first)}},!1);else{gsap.to(r.logo,{scale:1.1,opacity:0,duration:.4,ease:l});f(r.polygon,void 0,T.first)}}},M={init:function(){Y.init(),u(),y.init(),b.init(),w.init(),M.set()},reset:function(){$("#ttl-head").text(""),$("#t-head").text("").removeClass("force-in"),n.cursor.classList.remove("is-detail"),n.cursor.classList.remove("is-close"),n.cursor.classList.remove("is-play")},set:function(){M.reset(),v.init(),h.init(),x(),y.fit(),d.isDesktop&&(C.init(),C.footerLink()),t.top?W.init():t.service?I.init():t.company?q.init():t.works?D.init():t.worksDetail?A.init():t.contact&&q.init()}};setTimeout(function(){M.init()},400)}();
\ No newline at end of file
assets/svg/top/lead-pc.svg 0 → 100644
This diff could not be displayed because it is too large.
assets/svg/top/lead-sp.svg 0 → 100644
This diff could not be displayed because it is too large.
assets/video/company/mv_pc.mp4 0 → 100644
No preview for this file type
assets/video/company/mv_sp.mp4 0 → 100644
No preview for this file type
assets/video/service/mv_pc.mp4 0 → 100644
No preview for this file type
assets/video/service/mv_sp.mp4 0 → 100644
No preview for this file type
assets/video/top/mv_pc.mp4 0 → 100644
No preview for this file type
assets/video/top/mv_sp.mp4 0 → 100644
No preview for this file type
assets/video/works/01_syla-concept/video_l.mp4 0 → 100644
The file could not be displayed because it is too large.
assets/video/works/01_syla-concept/video_s.mp4 0 → 100644
No preview for this file type
assets/video/works/02_tsugumo/video_l.mp4 0 → 100644
The file could not be displayed because it is too large.
assets/video/works/02_tsugumo/video_s.mp4 0 → 100644
No preview for this file type
assets/video/works/03_nomura-real-estate/video_l.mp4 0 → 100644
The file could not be displayed because it is too large.
assets/video/works/04_true-colors-movie/video_l.mp4 0 → 100644
The file could not be displayed because it is too large.
assets/video/works/19_bullying-and-behavior/video_l.mp4 0 → 100644
The file could not be displayed because it is too large.
footer.php 0 → 100644
</body>
</html>
\ No newline at end of file
front-page.php 0 → 100644
This diff could not be displayed because it is too large.
header.php 0 → 100644
<!DOCTYPE html>
<html lang="ja">
<head>
<title>EXIT FILM</title>
<!-- =============================== Meta Start =============================== -->
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-KCZMCKL');</script>
<!-- End Google Tag Manager -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<script src="https://cdn.jsdelivr.net/npm/viewport-extra@1.0.4/dist/viewport-extra.min.js"></script>
<script>
(function(){
var ua = navigator.userAgent
var sp = ua.indexOf('iPhone') > -1 ||
(ua.indexOf('Android') > -1 && ua.indexOf('Mobile') > -1)
var tab = !sp && (
ua.indexOf('iPad') > -1 ||
(ua.indexOf('Macintosh') > -1 && 'ontouchend' in document) ||
ua.indexOf('Android') > -1
)
if (tab) new ViewportExtra(1024)
})()
</script>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<link rel="canonical" href="https://exitfilm.jp">
<meta name="keywords" content="Movie, Film, Creator, Director" />
<meta name="robots" content="all">
<meta name="format-detection" content="telephone=no">
<meta name="description" content="EXIT FILM approach video production with a focus on cinematic expression. We create documentary films, promotional videos, movies, and visual content in various genres with a new sensibility that is not constrained by existing formats.">
<meta itemprop="name" content="EXIT FILM">
<meta itemprop="description" content="EXIT FILM approach video production with a focus on cinematic expression. We create documentary films, promotional videos, movies, and visual content in various genres with a new sensibility that is not constrained by existing formats.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://exitfilm.jp">
<meta property="og:title" content="EXIT FILM">
<meta property="og:description" content="EXIT FILM approach video production with a focus on cinematic expression. We create documentary films, promotional videos, movies, and visual content in various genres with a new sensibility that is not constrained by existing formats.">
<meta property="og:image" content="/assets/img/common/og.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="EXIT FILM">
<meta name="twitter:description" content="EXIT FILM approach video production with a focus on cinematic expression. We create documentary films, promotional videos, movies, and visual content in various genres with a new sensibility that is not constrained by existing formats.">
<meta name="twitter:image" content="/assets/img/common/og.png">
<link rel="apple-touch-icon" sizes="180x180" href="<?php echo get_template_directory_uri(); ?>/assets/img/common/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="<?php echo get_template_directory_uri(); ?>/assets/img/common/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="<?php echo get_template_directory_uri(); ?>/assets/img/common/favicon-16x16.png">
<link rel="manifest" href="<?php echo get_template_directory_uri(); ?>/assets/img/common/manifest.json">
<meta name="msapplication-TileColor" content="#000">
<meta name="theme-color" content="#000">
<link rel="shortcut icon" href="<?php echo get_template_directory_uri(); ?>/assets/img/common/favicon.ico">
<script>
(function(d) {
var config = {
kitId: 'tkv0jon',
scriptTimeout: 3000,
async: true
},
h=d.documentElement,t=setTimeout(function(){h.className=h.className.replace(/\bwf-loading\b/g,"")+" wf-inactive";},config.scriptTimeout),tk=d.createElement("script"),f=false,s=d.getElementsByTagName("script")[0],a;h.className+=" wf-loading";tk.src='https://use.typekit.net/'+config.kitId+'.js';tk.async=true;tk.onload=tk.onreadystatechange=function(){a=this.readyState;if(f||a&&a!="complete"&&a!="loaded")return;f=true;clearTimeout(t);try{Typekit.load(config)}catch(e){}};s.parentNode.insertBefore(tk,s)
})(document);
</script>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/assets/css/style_min.css" type="text/css" />
<script src="<?php echo get_template_directory_uri(); ?>/assets/js/_vendor/vendor.js" deffer></script>
<script src="<?php echo get_template_directory_uri(); ?>/assets/js/app.js" deffer></script>
<!--<script src="<?php echo get_template_directory_uri(); ?>/assets/js/app_min.js" deffer></script>-->
<!-- =============================== Header End =============================== -->
</head>
<?php
$ua=$_SERVER['HTTP_USER_AGENT'];
$browser=((strpos($ua,'iPhone')!==false)||(strpos($ua,'iPod')!==false)||(strpos($ua,'Android')!==false));
?>
<body class="theme-black">
<!-- =============================== SVG Start =============================== -->
<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="logo" viewBox="0 0 43 24">
<path d="M7.963 24h1.161v-2.101h2.599v-1.106h-2.599v-1.161h2.931v-1.106h-4.092v5.475zM16.313 24h1.161v-5.419h-1.161v5.419zM23.17 18.581h-1.161v5.419h3.871v-1.106h-2.71v-4.313zM31.797 20.848l-1.438-2.267h-1.272v5.419h1.161v-3.539l1.493 2.267h0.055l1.493-2.323v3.539h1.161v-5.419h-1.272l-1.382 2.323zM11.613 9.788h-7.189v-1.438h6.581v-3.263h-6.581v-1.382h7.078v-3.705h-11.502v13.438l11.613-0.774v-2.876zM21.401 6.581l4.369-6.581h-5.032l-1.991 3.207-1.935-3.207h-5.143l4.369 6.636-3.982 5.972 5.198-0.332 1.382-2.267 1.272 2.101 4.811-0.332-3.318-5.198zM30.47 0h-4.535v11.668l4.535-0.332v-11.336zM30.857 0v3.816h3.982v7.244l4.535-0.332v-6.912h3.982v-3.816h-12.498z"></path>
</symbol>
<symbol id="fb" viewBox="0 0 24 24">
<path d="M21.984 12q0-2.063-0.773-3.867t-2.156-3.188-3.188-2.156-3.867-0.773-3.867 0.773-3.188 2.156-2.156 3.188-0.773 3.867q0 1.828 0.586 3.445t1.688 2.93 2.555 2.203 3.141 1.219v-6.797h-1.969v-3h1.969v-2.484q0-0.984 0.492-1.781t1.266-1.266 1.758-0.469h2.484v3h-1.969q-0.422 0-0.727 0.305t-0.305 0.68v2.016h3v3h-3v6.938q1.922-0.188 3.563-1.031t2.859-2.18 1.898-3.047 0.68-3.68z"></path>
</symbol>
<symbol id="ig" viewBox="0 0 32 32">
<path d="M16 2.881c4.275 0 4.781 0.019 6.462 0.094 1.563 0.069 2.406 0.331 2.969 0.55 0.744 0.288 1.281 0.638 1.837 1.194 0.563 0.563 0.906 1.094 1.2 1.838 0.219 0.563 0.481 1.412 0.55 2.969 0.075 1.688 0.094 2.194 0.094 6.463s-0.019 4.781-0.094 6.463c-0.069 1.563-0.331 2.406-0.55 2.969-0.288 0.744-0.637 1.281-1.194 1.837-0.563 0.563-1.094 0.906-1.837 1.2-0.563 0.219-1.413 0.481-2.969 0.55-1.688 0.075-2.194 0.094-6.463 0.094s-4.781-0.019-6.463-0.094c-1.563-0.069-2.406-0.331-2.969-0.55-0.744-0.288-1.281-0.637-1.838-1.194-0.563-0.563-0.906-1.094-1.2-1.837-0.219-0.563-0.481-1.413-0.55-2.969-0.075-1.688-0.094-2.194-0.094-6.463s0.019-4.781 0.094-6.463c0.069-1.563 0.331-2.406 0.55-2.969 0.288-0.744 0.638-1.281 1.194-1.838 0.563-0.563 1.094-0.906 1.838-1.2 0.563-0.219 1.412-0.481 2.969-0.55 1.681-0.075 2.188-0.094 6.463-0.094zM16 0c-4.344 0-4.887 0.019-6.594 0.094-1.7 0.075-2.869 0.35-3.881 0.744-1.056 0.412-1.95 0.956-2.837 1.85-0.894 0.888-1.438 1.781-1.85 2.831-0.394 1.019-0.669 2.181-0.744 3.881-0.075 1.713-0.094 2.256-0.094 6.6s0.019 4.887 0.094 6.594c0.075 1.7 0.35 2.869 0.744 3.881 0.413 1.056 0.956 1.95 1.85 2.837 0.887 0.887 1.781 1.438 2.831 1.844 1.019 0.394 2.181 0.669 3.881 0.744 1.706 0.075 2.25 0.094 6.594 0.094s4.888-0.019 6.594-0.094c1.7-0.075 2.869-0.35 3.881-0.744 1.050-0.406 1.944-0.956 2.831-1.844s1.438-1.781 1.844-2.831c0.394-1.019 0.669-2.181 0.744-3.881 0.075-1.706 0.094-2.25 0.094-6.594s-0.019-4.887-0.094-6.594c-0.075-1.7-0.35-2.869-0.744-3.881-0.394-1.063-0.938-1.956-1.831-2.844-0.887-0.887-1.781-1.438-2.831-1.844-1.019-0.394-2.181-0.669-3.881-0.744-1.712-0.081-2.256-0.1-6.6-0.1v0z"></path>
<path d="M16 7.781c-4.537 0-8.219 3.681-8.219 8.219s3.681 8.219 8.219 8.219 8.219-3.681 8.219-8.219c0-4.537-3.681-8.219-8.219-8.219zM16 21.331c-2.944 0-5.331-2.387-5.331-5.331s2.387-5.331 5.331-5.331c2.944 0 5.331 2.387 5.331 5.331s-2.387 5.331-5.331 5.331z"></path>
<path d="M26.462 7.456c0 1.060-0.859 1.919-1.919 1.919s-1.919-0.859-1.919-1.919c0-1.060 0.859-1.919 1.919-1.919s1.919 0.859 1.919 1.919z"></path>
</symbol>
<symbol id="tw" viewBox="0 0 32 32">
<path d="M32 7.075c-1.175 0.525-2.444 0.875-3.769 1.031 1.356-0.813 2.394-2.1 2.887-3.631-1.269 0.75-2.675 1.3-4.169 1.594-1.2-1.275-2.906-2.069-4.794-2.069-3.625 0-6.563 2.938-6.563 6.563 0 0.512 0.056 1.012 0.169 1.494-5.456-0.275-10.294-2.888-13.531-6.862-0.563 0.969-0.887 2.1-0.887 3.3 0 2.275 1.156 4.287 2.919 5.463-1.075-0.031-2.087-0.331-2.975-0.819 0 0.025 0 0.056 0 0.081 0 3.181 2.263 5.838 5.269 6.437-0.55 0.15-1.131 0.231-1.731 0.231-0.425 0-0.831-0.044-1.237-0.119 0.838 2.606 3.263 4.506 6.131 4.563-2.25 1.762-5.075 2.813-8.156 2.813-0.531 0-1.050-0.031-1.569-0.094 2.913 1.869 6.362 2.95 10.069 2.95 12.075 0 18.681-10.006 18.681-18.681 0-0.287-0.006-0.569-0.019-0.85 1.281-0.919 2.394-2.075 3.275-3.394z"></path>
</symbol>
<symbol id="be" viewBox="0 0 32 32">
<path d="M9.281 6.412c0.944 0 1.794 0.081 2.569 0.25 0.775 0.162 1.431 0.438 1.988 0.813 0.55 0.375 0.975 0.875 1.287 1.5 0.3 0.619 0.45 1.394 0.45 2.313 0 0.994-0.225 1.819-0.675 2.481-0.456 0.662-1.119 1.2-2.006 1.625 1.213 0.35 2.106 0.962 2.706 1.831 0.6 0.875 0.887 1.925 0.887 3.163 0 1-0.194 1.856-0.575 2.581-0.387 0.731-0.912 1.325-1.556 1.781-0.65 0.462-1.4 0.8-2.237 1.019-0.831 0.219-1.688 0.331-2.575 0.331h-9.544v-19.688h9.281zM8.719 14.363c0.769 0 1.406-0.181 1.906-0.55 0.5-0.363 0.738-0.963 0.738-1.787 0-0.456-0.081-0.838-0.244-1.131-0.169-0.294-0.387-0.525-0.669-0.688-0.275-0.169-0.588-0.281-0.956-0.344-0.356-0.069-0.731-0.1-1.113-0.1h-4.050v4.6h4.388zM8.956 22.744c0.425 0 0.831-0.038 1.213-0.125 0.387-0.087 0.731-0.219 1.019-0.419 0.287-0.194 0.531-0.45 0.706-0.788 0.175-0.331 0.256-0.756 0.256-1.275 0-1.012-0.287-1.738-0.856-2.175-0.569-0.431-1.325-0.644-2.262-0.644h-4.7v5.419h4.625z"></path>
<path d="M22.663 22.675c0.587 0.575 1.431 0.863 2.531 0.863 0.788 0 1.475-0.2 2.044-0.6s0.913-0.825 1.044-1.262h3.45c-0.556 1.719-1.394 2.938-2.544 3.675-1.131 0.738-2.519 1.113-4.125 1.113-1.125 0-2.131-0.181-3.038-0.538-0.906-0.363-1.663-0.869-2.3-1.531-0.619-0.663-1.106-1.45-1.45-2.375-0.337-0.919-0.512-1.938-0.512-3.038 0-1.069 0.175-2.063 0.525-2.981 0.356-0.925 0.844-1.719 1.494-2.387s1.413-1.2 2.313-1.588c0.894-0.387 1.881-0.581 2.975-0.581 1.206 0 2.262 0.231 3.169 0.706 0.9 0.469 1.644 1.1 2.225 1.887s0.994 1.694 1.25 2.706c0.256 1.012 0.344 2.069 0.275 3.175h-10.294c0 1.119 0.375 2.188 0.969 2.756zM27.156 15.188c-0.462-0.512-1.256-0.794-2.212-0.794-0.625 0-1.144 0.106-1.556 0.319-0.406 0.213-0.738 0.475-0.994 0.787-0.25 0.313-0.425 0.65-0.525 1.006-0.1 0.344-0.163 0.663-0.181 0.938h6.375c-0.094-1-0.438-1.738-0.906-2.256z"></path>
<path d="M20.887 8h7.981v1.944h-7.981v-1.944z"></path>
</symbol>
<symbol id="blank" viewBox="0 0 24 24">
<path d="M8.615 0v6.154h4.923l-13.538 13.538 4.308 4.308 13.538-13.538v4.923h6.154v-15.385z"></path>
</symbol>
<symbol id="ribbon" viewBox="0 0 8 20">
<path d="M0 0v20l4-4v-16z"></path>
<path d="M4 0v16l4 4v-20z"></path>
</symbol>
<symbol id="arrow-top" viewBox="0 0 10 20">
<path d="M5.4 6.667h-1.333l-4.067 4.067 0.933 0.933 3.133-3.133v11.467h1.333v-11.467l3.133 3.133 0.933-0.933-4.067-4.067zM9.4 0h-9.333v1.333h9.333v-1.333z"></path>
</symbol>
</defs>
</svg>
<!-- =============================== SVG End =============================== -->
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KCZMCKL"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div id="load">
<svg id="load-logo" class="logo"><use xlink:href="#logo" /></svg>
<svg id="load-panel" style="fill:#f5f4ef;" width="0" height="0" viewBox="0, 0, 3000, 3000">
<polygon id="load-panel-polygon" points="-3000 0,6000 0,6000 6000,-3000 6000"></polygon>
</svg>
</div>
index.php 0 → 100644
<?php
// Silence is golden.
\ No newline at end of file
page-about.php 0 → 100644
<?php get_header() ?>
<?php get_template_part('parts', 'header') ?>
<main id="pjax-cont">
<div class="pjax-wrap page-company page-under" data-namespace="page">
<div id="scroll" class="scroll-cont">
<div id="scroll-wrap" class="scroll-wrap">
<section id="l-img">
<svg id="mv-panel" width="0" height="0" viewBox="0, 0, 0, 0">
<polygon id="mv-panel-polygon" points=""></polygon>
</svg>
<figure class="img">
<picture>
<source media="(min-width: 1500px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/company/mv@2x.jpg">
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/company/mv@1x.jpg 1x, /assets/img/company/mv@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/company/mv@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/company/mv@sp.jpg">
</picture>
<div class="panel"></div>
<video class="video" loop="" muted playsinline autoplay>
<?php if($browser=='sp') { ?>
<!-- sp -->
<source src="<?php echo get_template_directory_uri(); ?>/assets/video/company/mv_sp.mp4">
<?php } else { ?>
<!-- pc -->
<source src="<?php echo get_template_directory_uri(); ?>/assets/video/company/mv_pc.mp4">
<?php } ?>
</video>
</figure>
<h2>
<span><i>A</i><i>b</i><i>o</i><i>u</i><i>t</i></span>
</h2>
</section>
<section class="s1" data-color="theme-black">
<div class="inner in-target">
<p class="t1">映像、それは人を変えるメディア。<br>誰もが素晴らしい映画や物語に、価値観を変えられた経験があるでしょう。<br><br>EXIT FILMの目的は、オルタナティブな価値観を提示し、個人の行動変容から大きな社会変容へ繋げること。<br>私たちは、映像による社会へのアプローチを実現するため、社会課題に自ら飛び込み、当事者との関係性を構築しながら、伝えるべきストーリーを探究しています。</p>
<p class="t2">We believe film is the most accessible form of art, yet a powerful medium that can change people’s perspectives. <br>Great films can be motivational, inspirational, eye-opening... sometimes heartbreaking, and has a major influence on how people view the world. <br><br>Our mission is to lead social change with the power of film and present alternative ideas. <br>As filmmakers, we directly engage with social issues and the people concerned, continuously seeking for stories to tell. </p>
</div>
</section>
<section class="s2" data-color="theme-black">
<h3 class="s-in ttl"><span>Crew</span></h3>
<div class="s-in fade">
<div class="flex">
<p class="l">CEO / Executive Producer / Director</p>
<p class="r">Yasuhiro Tamura</p>
</div>
<div class="flex">
<p class="l">Producer</p>
<p class="r">Yukinobu Sagari</p>
</div>
<div class="flex">
<p class="l">Editor / Director</p>
<p class="r">Hideki Nishizawa</p>
</div>
<div class="flex">
<p class="l">Producer</p>
<p class="r">Sora Tamura</p>
</div>
<div class="flex">
<p class="l">Production Manager</p>
<p class="r">Ryo Koga</p>
</div>
<div class="flex">
<p class="l">Assistant Director</p>
<p class="r">Mizuki Morikawa</p>
</div>
</div>
<div class="imgs s-in bounce" data-scale="1">
<figure class="img1">
<div class="in">
<picture>
<source media="(min-width: 1500px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/company/img1@2x.jpg">
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/company/img1@1x.jpg 1x, /assets/img/company/img1@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/company/img1@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/company/img1@sp.jpg">
</picture>
</div>
</figure>
<figure class="img2 bounce" data-scale="1.6">
<div class="in">
<picture>
<source media="(min-width: 1500px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/company/img2@2x.jpg">
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/company/img2@1x.jpg 1x, /assets/img/company/img2@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/company/img2@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/company/img2@sp.jpg">
</picture>
</div>
</figure>
<figure class="img3 bounce" data-scale="1">
<div class="in">
<picture>
<source media="(min-width: 1500px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/company/img3@2x.jpg">
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/company/img3@1x.jpg 1x, /assets/img/company/img3@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/company/img3@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/company/img3@sp.jpg">
</picture>
</div>
</figure>
</div>
</section>
<section class="s3" data-color="theme-black">
<h3 class="s-in ttl"><span>Company Profile</span></h3>
<div class="s-in fade">
<div class="flex">
<div class="l">
<p class="t-jp">社名</p>
<p class="t-en">Company name</p>
</div>
<div class="r">
<p class="t-jp">株式会社イグジットフィルム / EXIT FILM inc.</p>
<p class="t-en">EXIT FILM inc.</p>
</div>
</div>
<div class="flex">
<div class="l">
<p class="t-jp">設立</p>
<p class="t-en">Established</p>
</div>
<div class="r">
<p class="t-jp">2014年8月13日</p>
<p class="t-en">2014.8.13</p>
</div>
</div>
<div class="flex">
<div class="l">
<p class="t-jp">代表</p>
<p class="t-en">CEO</p>
</div>
<div class="r">
<p class="t-jp">田村祥宏</p>
<p class="t-en">Yasuhiro Tamura</p>
</div>
</div>
<div class="flex">
<div class="l">
<p class="t-jp">所在地</p>
<p class="t-en">Location</p>
</div>
<div class="r">
<p class="t-jp">〒101-0046　東京都千代田区神田多町2-9-12 至徳堂ビル2-3F</p>
<p class="t-en">2-3F, Shitokudo Bldg. 2-9-12 Kanda Tacho, Chiyoda-ku, Tokyo 101-0046</p>
</div>
</div>
</div>
</section>
<?php get_template_part('parts', 'footer') ?>
</div>
</div>
</div>
</main>
<?php get_footer(); ?>
\ No newline at end of file
page-service.php 0 → 100644
<?php get_header() ?>
<?php get_template_part('parts', 'header') ?>
<main id="pjax-cont">
<div class="pjax-wrap page-service page-under" data-namespace="page">
<div id="scroll" class="scroll-cont">
<div id="scroll-wrap" class="scroll-wrap">
<section id="l-img">
<svg id="mv-panel" width="0" height="0" viewBox="0, 0, 0, 0">
<polygon id="mv-panel-polygon" points=""></polygon>
</svg>
<figure class="img">
<picture>
<source media="(min-width: 1500px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/service/mv@2x.jpg">
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/service/mv@1x.jpg 1x, /resource/img/service/mv@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/service/mv@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/service/mv@sp.jpg">
</picture>
<div class="panel"></div>
<video class="video" loop="" playsinline muted autoplay>
<?php if($browser=='sp') { ?>
<!-- sp -->
<source src="<?php echo get_template_directory_uri(); ?>/assets/video/service/mv_sp.mp4">
<?php } else { ?>
<!-- pc -->
<source src="<?php echo get_template_directory_uri(); ?>/assets/video/service/mv_pc.mp4">
<?php } ?>
</video>
</figure>
<h2>
<span><i>S</i><i>e</i><i>r</i><i>v</i><i>i</i><i>c</i><i>e</i></span>
</h2>
</section>
<section class="s1" data-color="theme-black">
<div class="inner in-target">
<p class="t1 jp">EXIT FILMは、国内外の社会的潮流とクリエイティブトレンドを掴んだ提案、そして得意とするシネマ的技法による質の高いアウトプットで、メッセージをより広く、深く届けます。<br><br>クライアントとのコミュニケーションを通じて丁寧に物語を紡げるよう、企画から編集まで映像制作のすべてのプロセスを自社で一貫して行っています。<br><br>また、映像制作の過程はその対象を理解し、見つめ直す作業でもあります。<br>企業や地域のリブランディングや教育等、課題当事者との共創型プログラムを通じて、コンテンツ制作の領域を超えたプロジェクトを実施しています。</p>
<p class="t2 en">EXIT FILM specialises in cinematic filmmaking and storytelling and offer ideas that consider creative and social trends.<br><br>As an independent film production company, we do everything in-house, from planning to editing, which allows us to work more closely with our clients and develop powerful stories.<br><br>Film production is also an opportunity to reconsider and further understand a subject. We go beyond the typical filmmaker's role and facilitate co-creative projects regarding corporate branding, education, social issues, etc.</p>
</div>
</section>
<section class="s2" data-color="theme-black">
<h3 class="s-in ttl"><span>Process</span></h3>
<div class="lang s-in fade"><span class="is-current">JP</span><span>EN</span></div>
<div class="lang-area s-in fade">
<div class="flex lang-target is-current">
<div class="cell">
<div class="ico">
<span>STEP 1</span>
<strong>企画・構成</strong>
</div>
<p>お客様の達成したい目的と背景、ブランドのカラーをヒアリング。映像のゴールやターゲットを設定し、適切な演出コンセプトと構成をご提案します。ご予算にあわせた見積りの作成を行います。</p>
</div>
<div class="cell">
<div class="ico">
<span>STEP 2</span>
<strong>脚本/コンテ制作</strong>
</div>
<p>演出案をもとに、詳細な脚本と絵コンテを制作します。魅力的な世界観の設定や視聴者を惹き込むストーリーの構築を行い、仕上がりのイメージをすりあわせていきます。</p>
</div>
<div class="cell">
<div class="ico">
<span>STEP 3</span>
<strong>制作</strong>
</div>
<p>撮影に向けたあらゆる手配・調整を進めていきます。<br>撮影ロケーションの選定・調整／小道具・美術・衣装のイメージ検討・手配／照明や音声の専門スタッフのチーム編成／出演するキャスト・取材対象者の選定と手配などを行います。</p>
</div>
<div class="cell">
<div class="ico">
<span>STEP 4</span>
<strong>撮影</strong>
</div>
<p>ハイエンドなシネマカメラや様々な専門スタッフによる大規模な撮影から、少人数チームでのハイクオリティーなドキュメンタリー撮影まで、弊社で一貫してディレクションしていきます。</p>
</div>
<div class="cell">
<div class="ico">
<span>STEP 5</span>
<strong>編集</strong>
</div>
<p>実写を中心としたオフライン編集から、グラフィックやCGアニメーションを使用したオンライン編集まで幅広く対応可能です。ドラフト展開→フィードバックをいただくという工程を繰り返し、映像を完成させます。</p>
</div>
</div>
<div class="flex lang-target">
<div class="cell">
<div class="ico">
<span>STEP 1</span>
<strong>Planning</strong>
</div>
<p>We organise the client's needs and brand image they want to acheive. <br>We then set the production goal, target and budget and propose a original production concept and plot.</p>
</div>
<div class="cell">
<div class="ico">
<span>STEP 2</span>
<strong>Story Development</strong>
</div>
<p>Once the imagery, concept and plot are fixed, we create a detailed script and storyboard. <br>Using our profession in film direction and scriptwriting, we work on developing the details of the story to make it more interesting. <br>This includes planning the character, setting, dialogue, voice-over, and visual images. </p>
</div>
<div class="cell">
<div class="ico">
<span>STEP 3</span>
<strong>Pre-Production</strong>
</div>
<p>We conduct all arrangements and coordination for the film shoot. <br>This includes: Location scouting /Planning and arranging props, production design, and wardrobes / Organizing the film crew / Casting calls and auditions.</p>
</div>
<div class="cell">
<div class="ico">
<span>STEP 4</span>
<strong>Shooting/Principal Photography</strong>
</div>
<p>We direct various film shoots, from large-scale shoots using cinema cameras, to high-quality documentary shoots with minimum crew members.</p>
</div>
<div class="cell">
<div class="ico">
<span>STEP 5</span>
<strong>Post-production</strong>
</div>
<p>We take on most of post-production ourselves, from offline editing to online editing such as 2D animation and CG animation. <br>We work closely with the client, sharing drafts and taking in feedback. </p>
</div>
</div>
</div>
</section>
<section class="s3" data-color="theme-black">
<h3 class="s-in ttl"><span>Genres</span></h3>
<div class="slide-nav s-in fade">
<div class="in">
<span class="is-current">
<strong>Corporate・Branding<br>Movie</strong>
<p>企業・ブランディングムービー</p>
</span>
<span>
<strong>CM</strong>
<p>広告</p>
</span>
<span>
<strong>Contents</strong>
<p>番組・映像コンテンツ</p>
</span>
<span>
<strong>Film</strong>
<p>映画</p>
</span>
<span>
<strong>PR Movie</strong>
<p>広報・アーカイブムービー</p>
</span>
</div>
</div>
<div id="slider-nav-area" class="s-in fade">
<div id="slider-ttl">
<strong class="is-current">
<em><i>Corporate・Branding<br>Movie</i></em>
<p><i>企業・ブランディングムービー</i></p>
</strong>
<strong>
<em><i>CM</i></em>
<p><i>広告</i></p>
</strong>
<strong>
<em><i>Contents</i></em>
<p><i>番組・映像コンテンツ</i></p>
</strong>
<strong>
<em><i>Film</i></em>
<p><i>映画</i></p>
</strong>
<strong>
<em><i>PR Movie</i></em>
<p><i>広報・アーカイブムービー</i></p>
</strong>
</div>
<div id="slider-cat">
<strong class="is-current"><i>The Engine Oil Japan Choosing</i></strong>
<strong><i>SYLA SENIOR TECH MANSION Concept Movie</i></strong>
<strong><i>True Colors DANCE</i></strong>
<strong><i>Bullying and Behavior</i></strong>
<strong><i>R-School – Case Movie</i></strong>
</div>
</div>
<div class="s-in s">
<div class="swiper-container bounce" data-scale="1">
<div class="swiper-wrapper s-in fade">
<div class="swiper-slide modal-trigger" data-modal-src="<?php echo get_template_directory_uri(); ?>/assets/video/works/06_the-engine-oil/video_l.mp4">
<figure class="img">
<picture>
<source media="(min-width: 1500px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/service/s3_img1@2x.jpg">
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/service/s3_img1@1x.jpg 1x, /resource/img/service/s3_img1@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/service/s3_img1@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/service/s3_img1@sp.jpg">
</picture>
</figure>
</div>
<div class="swiper-slide modal-trigger" data-modal-src="<?php echo get_template_directory_uri(); ?>/assets/video/works/01_syla-concept/video_l.mp4">
<figure class="img">
<picture>
<source media="(min-width: 1500px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/service/s3_img2@2x.jpg">
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/service/s3_img2@1x.jpg 1x, /resource/img/service/s3_img2@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/service/s3_img2@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/service/s3_img2@sp.jpg">
</picture>
</figure>
</div>
<div class="swiper-slide modal-trigger" data-modal-src="<?php echo get_template_directory_uri(); ?>/assets/video/works/04_true-colors-movie/video_l.mp4">
<figure class="img">
<picture>
<source media="(min-width: 1500px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/service/s3_img3@2x.jpg">
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/service/s3_img3@1x.jpg 1x, /resource/img/service/s3_img3@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/service/s3_img3@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/service/s3_img3@sp.jpg">
</picture>
</figure>
</div>
<div class="swiper-slide modal-trigger" data-modal-src="<?php echo get_template_directory_uri(); ?>/assets/video/works/19_bullying-and-behavior/video_l.mp4">
<figure class="img">
<picture>
<source media="(min-width: 1500px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/service/s3_img4@2x.jpg">
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/service/s3_img4@1x.jpg 1x, /resource/img/service/s3_img4@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/service/s3_img4@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/service/s3_img4@sp.jpg">
</picture>
</figure>
</div>
<div class="swiper-slide modal-trigger" data-modal-src="<?php echo get_template_directory_uri(); ?>/assets/video/works/16_r-school/video_l.mp4">
<figure class="img">
<picture>
<source media="(min-width: 1500px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/service/s3_img5@2x.jpg">
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/service/s3_img5@1x.jpg 1x, /resource/img/service/s3_img5@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/service/s3_img5@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/service/s3_img5@sp.jpg">
</picture>
</figure>
</div>
</div>
</div>
</div>
</section>
<section class="s4" data-color="theme-black">
<h3 class="s-in ttl"><span>Awards</span></h3>
<div class="flex s-in fade">
<div class="cell">
<figure class="img bounce modal-trigger" data-scale="1" data-modal-src="<?php echo get_template_directory_uri(); ?>/assets/video/works/19_bullying-and-behavior/video_l.mp4">
<svg><use xlink:href="#ribbon" /></svg>
<picture>
<source media="(min-width: 1500px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/service/s4_img1@2x.jpg">
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/service/s4_img1@1x.jpg 1x, /resource/img/service/s4_img1@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/service/s4_img1@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/service/s4_img1@sp.jpg">
</picture>
</figure>
<strong>Bullying and Behavior</strong>
<span>2018</span>
<p>いじめをテーマに、国内外で活躍する10代のタップダンサーとブレイクダンサー二人をメインキャストに制作したショートフィルム。</p>
<i>VOTD.tv: Video of the Day<br>Sunscreen Film Festival: Official Selection<br>Scottish Mental Health Arts and Film<br>Festival: Official Selection<br>etc.</i>
</div>
<div class="cell">
<figure class="img bounce modal-trigger" data-scale="1" data-modal-src="<?php echo get_template_directory_uri(); ?>/assets/video/works/24_wheelchair-dance/video_l.mp4">
<svg><use xlink:href="#ribbon" /></svg>
<picture>
<source media="(min-width: 1500px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/service/s4_img2@2x.jpg">
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/service/s4_img2@1x.jpg 1x, /resource/img/service/s4_img2@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/service/s4_img2@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/service/s4_img2@sp.jpg">
</picture>
</figure>
<strong>Wheelchair Dance</strong>
<span>2016</span>
<p>2020年のオリンピック・パラリンピックを見据え、障害者スポーツをテーマに制作したショートフィルム。</p>
<i>Film Shortage | Daily Short Picks<br>MEC Award 2017 | 佳作<br>DAA: Design of the Day<br>etc.</i>
</div>
</div>
</section>
<section class="s5" data-color="theme-black">
<h3 class="s-in ttl"><span>Co-Filmmaking</span></h3>
<p class="lead s-in fade">『Co-Filmmaking/共創型映像制作』とは、アート/クリエイティブ表現の頂点である『映像制作のプロセス自体』を、付加価値としてお客様に提供するサービスです。主に組織のインナー・ブランディング/ビジョニング/研修/STEAM・PBL方式の教育プログラム、を目的として実施されています。実践型のワークショップを経て、企業や課題当事者と未来のシナリオを映像化する、数週間～数ヶ月のプログラムです。</p>
<div class="flex s-in fade">
<div class="cell">
<figure class="img bounce" data-scale="1">
<picture>
<source media="(min-width: 1500px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/service/s5_img1@2x.jpg">
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/service/s5_img1@1x.jpg 1x, /resource/img/service/s5_img1@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/service/s5_img1@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/service/s5_img1@sp.jpg">
</picture>
</figure>
<strong>Vision Movie – 第一カッター興業株式会社</strong>
<span>2020</span>
<p>創業50年近い中小企業の研修の一環として、企業の未来像を社員の方々が対話を重ねてシナリオ化。企業ビジョンのアップデートと、クリエイティブな経営人材の育成を目指しました。部署間・世代間を超えた対話の中で、企業ビジョンの浸透と経営人材としてのスキルアップへと繋がりました。</p>
</div>
<div class="cell modal-trigger" data-modal-src="<?php echo get_template_directory_uri(); ?>/assets/video/works/21_yokoze-creativity-class/video_l.mp4">
<figure class="img bounce" data-scale="1">
<picture>
<source media="(min-width: 1500px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/service/s5_img2@2x.jpg">
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/service/s5_img2@1x.jpg 1x, /resource/img/service/s5_img2@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/service/s5_img2@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/service/s5_img2@sp.jpg">
</picture>
</figure>
<strong>CLASS for CREATING MYSELF</strong>
<span>2017</span>
<p>クリエイティブを用いた地域の課題解決と人材育成を目的にした教育プロジェクトの集大成として、埼玉県横瀬町の中学生たちが制作したショートフィルムです。「また帰りたくなる町」をテーマに、脚本から撮影まで、EXIT FILM監修のもと、地域の中学生たちがすべて行いました。参加した中学生たちが地域課題と向き合い、自らの未来を切り拓くスキルを培う機会となりました。</p>
</div>
</div>
</section>
<section class="s6" data-color="theme-black">
<h3 class="s-in ttl"><span>Social Issues</span></h3>
<p class="lead s-in fade">EXIT FILMでは、映像の持つ力を活かした社会課題への取り組みを行なっており、解決困難な様々なテーマを取り上げたプロジェクトを数多く手がけています。</p>
<div class="box box1">
<div class="txts s-in fade">
<strong>R-SCHOOL</strong>
<em>2018</em>
<p>R-SCHOOLとは、国連機関であるUNHCR 駐日事務所後援のもと「Diversity&Inclusion」をテーマに開催した、2日間の共創型ワークショップです。<br><br>株式会社博報堂アイ・スタジオ、株式会社富士通総研のメンバー、そして日本におけるダイバーシティ推進に取り組むリーダーとプログラムを設計。<br><br>日本に暮らす難民を含む、様々なバックグラウンドを持つ参加者がチームを組み、「10年後には標準になっている新しい仕事」をテーマに、未来のアイデア創発に取り組みました。</p>
<a class="view-btn" href="https://www.behance.net/gallery/105278199/R-SCHOOL" target="_blank">
<span>View Detail</span>
<span>View Detail</span>
<i></i>
<small>Link to Behance<svg><use xlink:href="#blank" /></svg></small>
</a>
</div>
<figure class="img1 s-in bounce" data-scale="1">
<div class="in">
<picture>
<source media="(min-width: 1500px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/service/s6_img1@2x.jpg">
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/service/s6_img1@1x.jpg 1x, /resource/img/service/s6_img1@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/service/s6_img1@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/service/s6_img1@sp.jpg">
</picture>
</div>
</figure>
</div>
<div class="box box2">
<div class="txts s-in fade">
<strong>横瀬クリエイティビティー・クラス</strong>
<em>2017</em>
<p>「横瀬クリエイティビティー・クラス」は、クリエイティブを用いた地域の課題解決と人材育成を目的とした教育プロジェクトです。<br><br>人口流出と高齢化という課題を抱える人口8500人弱の町（平成28年時点）、埼玉県横瀬町の中学生を対象に、半年間展開しました。<br><br>プロジェクトの柱となったのは３つ。クリエイティブアイデアソン、トップクリエイターによる多様なキャリアについての授業、そしてPBL（Project Based Learning）型の映像制作です。<br><br>プロジェクトを通じて、参加した中学生たちが自らの可能性に気づき大きく成長しただけでなく、関わった町の大人たちの意識も変わり始め、町の持続的な発展のための基盤が形成されていきました。</p>
<a class="view-btn" href="https://www.behance.net/gallery/96737165/YOKOZE-CREATIVITY-CLASS" target="_blank">
<span>View Detail</span>
<span>View Detail</span>
<i></i>
<small>Link to Behance<svg><use xlink:href="#blank" /></svg></small>
</a>
</div>
<figure class="img1 s-in bounce" data-scale="1.6">
<div class="in">
<picture>
<source media="(min-width: 1500px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/service/s6_img2@2x.jpg">
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/service/s6_img2@1x.jpg 1x, /resource/img/service/s6_img2@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/service/s6_img2@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/service/s6_img2@sp.jpg">
</picture>
</div>
</figure>
<figure class="img2 s-in bounce" data-scale="1">
<div class="in">
<picture>
<source media="(min-width: 1500px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/service/s6_img3@2x.jpg">
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/service/s6_img3@1x.jpg 1x, /resource/img/service/s6_img3@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/service/s6_img3@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/service/s6_img3@sp.jpg">
</picture>
</div>
</figure>
</div>
<div class="box box3">
<div class="txts s-in fade">
<strong>KUROKAWA WONDERLAND</strong>
<em>2015</em>
<p>『KUROKAWA WONDERLAND』は、2015年に実施した、阿蘇の山腹に位置する南小国町と黒川温泉に住む方々と、都内で活躍するクリエイターによる合同プロジェクトです。海外をターゲットに映像・Web・音楽・写真の作品群を制作。国内外のアワードを多数受賞しました。<br><br>当プロジェクトは、熊本県阿蘇の南小国町／黒川温泉郷の国内外での認知向上、ひいては日本全体の文化や観光資源をより多くの海外の方々と共有することを目的として行われました。少子高齢化が進み、地域の様々な伝統や文化の担い手が減っている中、地域のリソースをクリエイターの力で、エンターテイメントとしてオープンソース化することで、日本の文化・伝統・精神性を世界全体で共有したい。そんな想いで制作いたしました。<br><br>地域で暮らす当事者とクリエイター、関係者全員が明確な課題意識を持ち、各々のリソースを出し合う設計にすることで、短期的な地域プロモーションではない、クリエイティブを用いた持続可能（サステナブル）な地域活性のあり方の実現を目指しました。</p>
<a class="view-btn" href="https://www.behance.net/gallery/80932881/KUROKAWA-WONDERLAND" target="_blank">
<span>View Detail</span>
<span>View Detail</span>
<i></i>
<small>Link to Behance<svg><use xlink:href="#blank" /></svg></small>
</a>
</div>
<figure class="img1 s-in bounce" data-scale="1">
<div class="in">
<picture>
<source media="(min-width: 1500px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/service/s6_img4@2x.jpg">
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/service/s6_img4@1x.jpg 1x, /resource/img/service/s6_img4@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/service/s6_img4@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/service/s6_img4@sp.jpg">
</picture>
</div>
</figure>
</div>
</section>
<?php get_template_part('parts', 'footer') ?>
</div>
</div>
</div>
</main>
<?php get_footer(); ?>
\ No newline at end of file
page-works.php 0 → 100644
<?php get_header() ?>
<?php get_template_part('parts', 'header') ?>
<?php
$ua=$_SERVER['HTTP_USER_AGENT'];
$browser=((strpos($ua,'iPhone')!==false)||(strpos($ua,'iPod')!==false)||(strpos($ua,'Android')!==false));
?>
<main id="pjax-cont">
<div class="pjax-wrap page-works page-under" data-namespace="page">
<div id="scroll" class="scroll-cont">
<div id="scroll-wrap" class="scroll-wrap">
<section class="s1" data-color="theme-black">
<h2>
<span><i>W</i><i>o</i><i>r</i><i>k</i><i>s</i></span>
</h2>
<div class="box toggle">
<div class="flex works-list toggle-list">
<a href="/works/showreel-2022/" class="cell play-target">
<figure class="img">
<div class="in">
<picture>
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/33_showreel-2022/thumb@1x.jpg 1x, <?php echo get_template_directory_uri(); ?>/assets/img/works/33_showreel-2022/thumb@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/33_showreel-2022/thumb@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/works/33_showreel-2022/thumb@sp.jpg">
</picture>
<?php if($browser!='sp'): ?>
<video class="video" loop="" muted>
<source src="<?php echo get_template_directory_uri(); ?>/assets/video/works/33_showreel-2022/video_s.mp4">
</video>
<?php endif ?>
</div>
</figure>
<strong>SHOWREEL 2022</strong>
<span><i># Branding</i><i># Showreel</i></span>
</a>
<a href="/works/bullying-and-behavior/" class="cell play-target">
<figure class="img">
<div class="in">
<picture>
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/19_bullying-and-behavior/thumb@1x.jpg 1x, <?php echo get_template_directory_uri(); ?>/assets/img/works/19_bullying-and-behavior/thumb@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/19_bullying-and-behavior/thumb@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/works/19_bullying-and-behavior/thumb@sp.jpg">
</picture>
<?php if($browser!='sp'): ?>
<video class="video" loop="" muted>
<source src="<?php echo get_template_directory_uri(); ?>/assets/video/works/19_bullying-and-behavior/video_s.mp4">
</video>
<?php endif ?>
</div>
</figure>
<strong>Bullying and Behavior</strong>
<span><i># Short Film</i><i># Drama</i></span>
</a>
<a href="/works/syla-concept/" class="cell play-target">
<figure class="img">
<div class="in">
<picture>
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/01_syla-concept/thumb@1x.jpg 1x, <?php echo get_template_directory_uri(); ?>/assets/img/works/01_syla-concept/thumb@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/01_syla-concept/thumb@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/works/01_syla-concept/thumb@sp.jpg">
</picture>
<?php if($browser!='sp'): ?>
<video class="video" loop="" muted>
<source src="<?php echo get_template_directory_uri(); ?>/assets/video/works/01_syla-concept/video_s.mp4">
</video>
<?php endif ?>
</div>
</figure>
<strong>SYLA SENIOR TECH MANSION コンセプトムービー</strong>
<span><i># Web CM</i><i># Drama</i></span>
</a>
<a href="/works/tsugumo/" class="cell play-target">
<figure class="img">
<div class="in">
<picture>
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/02_tsugumo/thumb@1x.jpg 1x, <?php echo get_template_directory_uri(); ?>/assets/img/works/02_tsugumo/thumb@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/02_tsugumo/thumb@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/works/02_tsugumo/thumb@sp.jpg">
</picture>
<?php if($browser!='sp'): ?>
<video class="video" loop="" muted>
<source src="<?php echo get_template_directory_uri(); ?>/assets/video/works/02_tsugumo/video_s.mp4">
</video>
<?php endif ?>
</div>
</figure>
<strong>つぐも（TSUGUMO）</strong>
<span><i># 事業解説</i><i># Documentary</i></span>
</a>
<a href="/works/recruit-holdings/" class="cell play-target">
<figure class="img">
<div class="in">
<picture>
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/29_recruit-holdings/thumb@1x.jpg 1x, <?php echo get_template_directory_uri(); ?>/assets/img/works/29_recruit-holdings/thumb@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/29_recruit-holdings/thumb@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/works/29_recruit-holdings/thumb@sp.jpg">
</picture>
<?php if($browser!='sp'): ?>
<video class="video" loop="" muted>
<source src="<?php echo get_template_directory_uri(); ?>/assets/video/works/29_recruit-holdings/video_s.mp4">
</video>
<?php endif ?>
</div>
</figure>
<strong>リクルートグループ紹介動画</strong>
<span><i># Animation</i><i># 事業解説</i></span>
</a>
<a href="/works/nomura-real-estate/" class="cell play-target">
<figure class="img">
<div class="in">
<picture>
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/03_nomura-real-estate/thumb@1x.jpg 1x, <?php echo get_template_directory_uri(); ?>/assets/img/works/03_nomura-real-estate/thumb@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/03_nomura-real-estate/thumb@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/works/03_nomura-real-estate/thumb@sp.jpg">
</picture>
<?php if($browser!='sp'): ?>
<video class="video" loop="" muted>
<source src="<?php echo get_template_directory_uri(); ?>/assets/video/works/03_nomura-real-estate/video_s.mp4">
</video>
<?php endif ?>
</div>
</figure>
<strong>野村不動産 プラウド神田駿河台 </strong>
<span><i># 事業解説</i><i># Semi-Documentary</i><i># Animation</i></span>
</a>
<a href="/works/true-colors-movie/" class="cell play-target">
<figure class="img">
<div class="in">
<picture>
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/04_true-colors-movie/thumb@1x.jpg 1x, <?php echo get_template_directory_uri(); ?>/assets/img/works/04_true-colors-movie/thumb@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/04_true-colors-movie/thumb@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/works/04_true-colors-movie/thumb@sp.jpg">
</picture>
<?php if($browser!='sp'): ?>
<video class="video" loop="" muted>
<source src="<?php echo get_template_directory_uri(); ?>/assets/video/works/04_true-colors-movie/video_s.mp4">
</video>
<?php endif ?>
</div>
</figure>
<strong>[True Colors MOVIE] 01-01 True Colors DANCE : The Story of ILL-ABILITIES</strong>
<span><i># Short Film</i><i># Documentary</i></span>
</a>
<a href="/works/meihou/" class="cell play-target">
<figure class="img">
<div class="in">
<picture>
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/05_meihou/thumb@1x.jpg 1x, <?php echo get_template_directory_uri(); ?>/assets/img/works/05_meihou/thumb@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/05_meihou/thumb@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/works/05_meihou/thumb@sp.jpg">
</picture>
<?php if($browser!='sp'): ?>
<video class="video" loop="" muted>
<source src="<?php echo get_template_directory_uri(); ?>/assets/video/works/05_meihou/video_s.mp4">
</video>
<?php endif ?>
</div>
</figure>
<strong>Special Movie – 明邦空調（MEIHOU）</strong>
<span><i># Branding</i><i># 採用動画</i></span>
</a>
<a href="/works/Slow-Architecture-30s-Ver/" class="cell play-target">
<figure class="img">
<div class="in">
<picture>
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/41_Slow-Architecture-30s-Ver/thumb@1x.jpg 1x, <?php echo get_template_directory_uri(); ?>/assets/img/works/41_Slow-Architecture-30s-Ver/thumb@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/41_Slow-Architecture-30s-Ver/thumb@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/works/41_Slow-Architecture-30s-Ver/thumb@sp.jpg">
</picture>
<?php if($browser!='sp'): ?>
<video class="video" loop="" muted>
<source src="<?php echo get_template_directory_uri(); ?>/assets/video/works/41_Slow-Architecture-30s-Ver/video_s.mp4">
</video>
<?php endif ?>
</div>
</figure>
<strong>Slow Architecture　FDM CM 30s Ver.</strong>
<span><i># Branding</i><i># TVCM</i></span>
</a>
<a href="/works/the-engine-oil/" class="cell play-target">
<figure class="img">
<div class="in">
<picture>
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/06_the-engine-oil/thumb@1x.jpg 1x, <?php echo get_template_directory_uri(); ?>/assets/img/works/06_the-engine-oil/thumb@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/06_the-engine-oil/thumb@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/works/06_the-engine-oil/thumb@sp.jpg">
</picture>
<?php if($browser!='sp'): ?>
<video class="video" loop="" muted>
<source src="<?php echo get_template_directory_uri(); ?>/assets/video/works/06_the-engine-oil/video_s.mp4">
</video>
<?php endif ?>
</div>
</figure>
<strong>The Engine Oil Japan Choosing</strong>
<span><i># Web CM</i><i># Image Movie</i></span>
</a>
<a href="/works/sense-of-wonder-episode2/" class="cell play-target">
<figure class="img">
<div class="in">
<picture>
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/30_sense-of-wonder-episode2/thumb@1x.jpg 1x, <?php echo get_template_directory_uri(); ?>/assets/img/works/30_sense-of-wonder-episode2/thumb@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/30_sense-of-wonder-episode2/thumb@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/works/30_sense-of-wonder-episode2/thumb@sp.jpg">
</picture>
<?php if($browser!='sp'): ?>
<video class="video" loop="" muted>
<source src="<?php echo get_template_directory_uri(); ?>/assets/video/works/30_sense-of-wonder-episode2/video_s.mp4">
</video>
<?php endif ?>
</div>
</figure>
<strong>SENSE OF WONDER - Episode 2 | THE MUSICIAN</strong>
<span><i># Image Movie</i><i># Documentary</i></span>
</a>
<a href="/works/sense-of-wonder/" class="cell play-target">
<figure class="img">
<div class="in">
<picture>
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/07_sense-of-wonder/thumb@1x.jpg 1x, <?php echo get_template_directory_uri(); ?>/assets/img/works/07_sense-of-wonder/thumb@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/07_sense-of-wonder/thumb@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/works/07_sense-of-wonder/thumb@sp.jpg">
</picture>
<?php if($browser!='sp'): ?>
<video class="video" loop="" muted>
<source src="<?php echo get_template_directory_uri(); ?>/assets/video/works/07_sense-of-wonder/video_s.mp4">
</video>
<?php endif ?>
</div>
</figure>
<strong>SENSE OF WONDER - Episode 1 | THE FILMMAKER</strong>
<span><i># Image Movie</i><i># Documentary</i></span>
</a>
<a href="/works/kajinokigen/" class="cell play-target">
<figure class="img">
<div class="in">
<picture>
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/32_kajinokigen/thumb@1x.jpg 1x, <?php echo get_template_directory_uri(); ?>/assets/img/works/32_kajinokigen/thumb@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/32_kajinokigen/thumb@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/works/32_kajinokigen/thumb@sp.jpg">
</picture>
<?php if($browser!='sp'): ?>
<video class="video" loop="" muted>
<source src="<?php echo get_template_directory_uri(); ?>/assets/video/works/32_kajinokigen/video_s.mp4">
</video>
<?php endif ?>
</div>
</figure>
<strong>鍛冶の起源</strong>
<span><i># Branding</i><i># Semi-Documentary</i></span>
</a>
<a href="/works/andoushouten/" class="cell play-target">
<figure class="img">
<div class="in">
<picture>
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/42_Andoushouten/thumb@1x.jpg 1x, <?php echo get_template_directory_uri(); ?>/assets/img/works/42_Andoushouten/thumb@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/42_Andoushouten/thumb@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/works/42_Andoushouten/thumb@sp.jpg">
</picture>
<?php if($browser!='sp'): ?>
<video class="video" loop="" muted>
<source src="<?php echo get_template_directory_uri(); ?>/assets/video/works/42_Andoushouten/video_s.mp4">
</video>
<?php endif ?>
</div>
</figure>
<strong>伝統工芸品 名古屋節句飾 雪洞(ぼんぼり)</strong>
<span><i># Branding</i><i># Semi-Documentary</i></span>
</a>
<a href="/works/glitch-coffee-roasters/" class="cell play-target">
<figure class="img">
<div class="in">
<picture>
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/34_glitch-coffee-roasters/thumb@1x.jpg 1x, <?php echo get_template_directory_uri(); ?>/assets/img/works/34_glitch-coffee-roasters/thumb@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/34_glitch-coffee-roasters/thumb@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/works/34_glitch-coffee-roasters/thumb@sp.jpg">
</picture>
<?php if($browser!='sp'): ?>
<video class="video" loop="" muted>
<source src="<?php echo get_template_directory_uri(); ?>/assets/video/works/34_glitch-coffee-roasters/video_s.mp4">
</video>
<?php endif ?>
</div>
</figure>
<strong>Glitch Coffee & Roasters</strong>
<span><i># Meet the Roasters Video</i><i># Branding</i><i># Series Content</i></span>
</a>
<a href="/works/coffee-county/" class="cell play-target">
<figure class="img">
<div class="in">
<picture>
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/35_coffee-county/thumb@1x.jpg 1x, <?php echo get_template_directory_uri(); ?>/assets/img/works/35_coffee-county/thumb@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/35_coffee-county/thumb@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/works/35_coffee-county/thumb@sp.jpg">
</picture>
<?php if($browser!='sp'): ?>
<video class="video" loop="" muted>
<source src="<?php echo get_template_directory_uri(); ?>/assets/video/works/35_coffee-county/video_s.mp4">
</video>
<?php endif ?>
</div>
</figure>
<strong>COFFEE COUNTY</strong>
<span><i># Meet the Roasters Video</i><i># Branding</i><i># Series Content</i></span>
</a>
<a href="/works/lattest/" class="cell play-target">
<figure class="img">
<div class="in">
<picture>
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/36_lattest/thumb@1x.jpg 1x, <?php echo get_template_directory_uri(); ?>/assets/img/works/36_lattest/thumb@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/36_lattest/thumb@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/works/36_lattest/thumb@sp.jpg">
</picture>
<?php if($browser!='sp'): ?>
<video class="video" loop="" muted>
<source src="<?php echo get_template_directory_uri(); ?>/assets/video/works/36_lattest/video_s.mp4">
</video>
<?php endif ?>
</div>
</figure>
<strong>LATTEST</strong>
<span><i># Meet the Roasters Video</i><i># Branding</i><i># Series Content</i></span>
</a>
<a href="/works/roastery-manly-coffee/" class="cell play-target">
<figure class="img">
<div class="in">
<picture>
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/37_roastery-manly-coffee/thumb@1x.jpg 1x, <?php echo get_template_directory_uri(); ?>/assets/img/works/37_roastery-manly-coffee/thumb@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/37_roastery-manly-coffee/thumb@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/works/37_roastery-manly-coffee/thumb@sp.jpg">
</picture>
<?php if($browser!='sp'): ?>
<video class="video" loop="" muted>
<source src="<?php echo get_template_directory_uri(); ?>/assets/video/works/37_roastery-manly-coffee/video_s.mp4">
</video>
<?php endif ?>
</div>
</figure>
<strong>ROASTERY MANLY COFFEE</strong>
<span><i># Meet the Roasters Video</i><i># Branding</i><i># Series Content</i></span>
</a>
<a href="/works/mame-porepore/" class="cell play-target">
<figure class="img">
<div class="in">
<picture>
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/38_mame-porepore/thumb@1x.jpg 1x, <?php echo get_template_directory_uri(); ?>/assets/img/works/38_mame-porepore/thumb@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/38_mame-porepore/thumb@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/works/38_mame-porepore/thumb@sp.jpg">
</picture>
<?php if($browser!='sp'): ?>
<video class="video" loop="" muted>
<source src="<?php echo get_template_directory_uri(); ?>/assets/video/works/38_mame-porepore/video_s.mp4">
</video>
<?php endif ?>
</div>
</figure>
<strong>豆ポレポレ</strong>
<span><i># Meet the Roasters Video</i><i># Branding</i><i># Series Content</i></span>
</a>
<a href="/works/leaves-coffee-roasters/" class="cell play-target">
<figure class="img">
<div class="in">
<picture>
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/39_leaves-coffee-roasters/thumb@1x.jpg 1x, <?php echo get_template_directory_uri(); ?>/assets/img/works/39_leaves-coffee-roasters/thumb@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/39_leaves-coffee-roasters/thumb@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/works/39_leaves-coffee-roasters/thumb@sp.jpg">
</picture>
<?php if($browser!='sp'): ?>
<video class="video" loop="" muted>
<source src="<?php echo get_template_directory_uri(); ?>/assets/video/works/39_leaves-coffee-roasters/video_s.mp4">
</video>
<?php endif ?>
</div>
</figure>
<strong>LEAVES COFFEE ROASTERS</strong>
<span><i># Meet the Roasters Video</i><i># Branding</i><i># Series Content</i></span>
</a>
<a href="/works/Kurasu/" class="cell play-target">
<figure class="img">
<div class="in">
<picture>
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/40_Kurasu/thumb@1x.jpg 1x, <?php echo get_template_directory_uri(); ?>/assets/img/works/40_Kurasu/thumb@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/40_Kurasu/thumb@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/works/40_Kurasu/thumb@sp.jpg">
</picture>
<?php if($browser!='sp'): ?>
<video class="video" loop="" muted>
<source src="<?php echo get_template_directory_uri(); ?>/assets/video/works/40_Kurasu/video_s.mp4">
</video>
<?php endif ?>
</div>
</figure>
<strong>Kurasu</strong>
<span><i># Meet the Roasters Video</i><i># Branding</i><i># Series Content</i></span>
</a>
<a href="/works/karimoku-cat/" class="cell play-target">
<figure class="img">
<div class="in">
<picture>
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/08_karimoku-cat/thumb@1x.jpg 1x, <?php echo get_template_directory_uri(); ?>/assets/img/works/08_karimoku-cat/thumb@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/08_karimoku-cat/thumb@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/works/08_karimoku-cat/thumb@sp.jpg">
</picture>
<?php if($browser!='sp'): ?>
<video class="video" loop="" muted>
<source src="<?php echo get_template_directory_uri(); ?>/assets/video/works/08_karimoku-cat/video_s.mp4">
</video>
<?php endif ?>
</div>
</figure>
<strong>Cat First. - KARIMOKU CAT</strong>
<span><i># Web CM</i><i># Image Movie</i></span>
</a>
<a href="/works/pos-service/" class="cell play-target">
<figure class="img">
<div class="in">
<picture>
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/09_pos-service/thumb@1x.jpg 1x, <?php echo get_template_directory_uri(); ?>/assets/img/works/09_pos-service/thumb@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/09_pos-service/thumb@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/works/09_pos-service/thumb@sp.jpg">
</picture>
<?php if($browser!='sp'): ?>
<video class="video" loop="" muted>
<source src="<?php echo get_template_directory_uri(); ?>/assets/video/works/09_pos-service/video_s.mp4">
</video>
<?php endif ?>
</div>
</figure>
<strong>POS+ サービス動画</strong>
<span><i># Animation</i><i># サービス解説</i></span>
</a>
<a href="/works/syla-function/" class="cell play-target">
<figure class="img">
<div class="in">
<picture>
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/10_syla-function/thumb@1x.jpg 1x, <?php echo get_template_directory_uri(); ?>/assets/img/works/10_syla-function/thumb@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/10_syla-function/thumb@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/works/10_syla-function/thumb@sp.jpg">
</picture>
<?php if($browser!='sp'): ?>
<video class="video" loop="" muted>
<source src="<?php echo get_template_directory_uri(); ?>/assets/video/works/10_syla-function/video_s.mp4">
</video>
<?php endif ?>
</div>
</figure>
<strong>SYLA SENIOR TECH MANSION 市場解説ムービー</strong>
<span><i># 商品解説</i><i># Animation</i></span>
</a>
<a href="/works/vis-branding/" class="cell play-target">
<figure class="img">
<div class="in">
<picture>
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/11_vis-branding/thumb@1x.jpg 1x, <?php echo get_template_directory_uri(); ?>/assets/img/works/11_vis-branding/thumb@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/11_vis-branding/thumb@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/works/11_vis-branding/thumb@sp.jpg">
</picture>
<?php if($browser!='sp'): ?>
<video class="video" loop="" muted>
<source src="<?php echo get_template_directory_uri(); ?>/assets/video/works/11_vis-branding/video_s.mp4">
</video>
<?php endif ?>
</div>
</figure>
<strong>VIS Branding Movie</strong>
<span><i># Branding</i><i># Animation</i></span>
</a>
<a href="/works/nanjonokyorikan/" class="cell play-target">
<figure class="img">
<div class="in">
<picture>
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/31_nanjonokyorikan/thumb@1x.jpg 1x, <?php echo get_template_directory_uri(); ?>/assets/img/works/31_nanjonokyorikan/thumb@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/31_nanjonokyorikan/thumb@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/works/31_nanjonokyorikan/thumb@sp.jpg">
</picture>
<?php if($browser!='sp'): ?>
<video class="video" loop="" muted>
<source src="<?php echo get_template_directory_uri(); ?>/assets/video/works/31_nanjonokyorikan/video_s.mp4">
</video>
<?php endif ?>
</div>
</figure>
<strong>ナンジョノキョリカン インタビュームービー</strong>
<span><i># Branding</i><i># Semi-Documentary</i></span>
</a>
<a href="/works/bishokuru/" class="cell play-target">
<figure class="img">
<div class="in">
<picture>
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/12_bishokuru/thumb@1x.jpg 1x, <?php echo get_template_directory_uri(); ?>/assets/img/works/12_bishokuru/thumb@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/12_bishokuru/thumb@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/works/12_bishokuru/thumb@sp.jpg">
</picture>
<?php if($browser!='sp'): ?>
<video class="video" loop="" muted>
<source src="<?php echo get_template_directory_uri(); ?>/assets/video/works/12_bishokuru/video_s.mp4">
</video>
<?php endif ?>
</div>
</figure>
<strong>BISHOKURU</strong>
<span><i># Web Contents</i><i># Documentary</i></span>
</a>
<a href="/works/cycle-jka-kukuru/" class="cell play-target">
<figure class="img">
<div class="in">
<picture>
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/13_cycle-jka-kukuru/thumb@1x.jpg 1x, <?php echo get_template_directory_uri(); ?>/assets/img/works/13_cycle-jka-kukuru/thumb@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/13_cycle-jka-kukuru/thumb@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/works/13_cycle-jka-kukuru/thumb@sp.jpg">
</picture>
<?php if($browser!='sp'): ?>
<video class="video" loop="" muted>
<source src="<?php echo get_template_directory_uri(); ?>/assets/video/works/13_cycle-jka-kukuru/video_s.mp4">
</video>
<?php endif ?>
</div>
</figure>
<strong>CYCLE JKA Social Action - 一般社団法人Kukuru</strong>
<span><i># Media Contents</i><i># Documentary</i></span>
</a>
<a href="/works/the-flat-woods-kiba-story/" class="cell play-target">
<figure class="img">
<div class="in">
<picture>
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/14_the-flat-woods-kiba-story/thumb@1x.jpg 1x, <?php echo get_template_directory_uri(); ?>/assets/img/works/14_the-flat-woods-kiba-story/thumb@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/14_the-flat-woods-kiba-story/thumb@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/works/14_the-flat-woods-kiba-story/thumb@sp.jpg">
</picture>
<?php if($browser!='sp'): ?>
<video class="video" loop="" muted>
<source src="<?php echo get_template_directory_uri(); ?>/assets/video/works/14_the-flat-woods-kiba-story/video_s.mp4">
</video>
<?php endif ?>
</div>
</figure>
<strong>The Flats Woods Kiba Story 竹中工務店の木のまちづくり</strong>
<span><i># 商品解説</i><i># Semi-Documentary</i></span>
</a>
<a href="/works/cycle-jka-anatolia/" class="cell play-target">
<figure class="img">
<div class="in">
<picture>
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/15_cycle-jka-anatolia/thumb@1x.jpg 1x, <?php echo get_template_directory_uri(); ?>/assets/img/works/15_cycle-jka-anatolia/thumb@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/15_cycle-jka-anatolia/thumb@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/works/15_cycle-jka-anatolia/thumb@sp.jpg">
</picture>
<?php if($browser!='sp'): ?>
<video class="video" loop="" muted>
<source src="<?php echo get_template_directory_uri(); ?>/assets/video/works/15_cycle-jka-anatolia/video_s.mp4">
</video>
<?php endif ?>
</div>
</figure>
<strong>CYCLE JKA Social Action - 中近東文化センター附属アナトリア考古学研究所</strong>
<span><i># Web Media</i><i># Documentary</i></span>
</a>
<a href="/works/r-school/" class="cell play-target">
<figure class="img">
<div class="in">
<picture>
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/16_r-school/thumb@1x.jpg 1x, <?php echo get_template_directory_uri(); ?>/assets/img/works/16_r-school/thumb@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/16_r-school/thumb@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/works/16_r-school/thumb@sp.jpg">
</picture>
<?php if($browser!='sp'): ?>
<video class="video" loop="" muted>
<source src="<?php echo get_template_directory_uri(); ?>/assets/video/works/16_r-school/video_s.mp4">
</video>
<?php endif ?>
</div>
</figure>
<strong>R-School – Case Movie</strong>
<span><i># Archive</i><i># Documentary</i><i># Animation</i></span>
</a>
<a href="/works/synergy-issue-design/" class="cell play-target">
<figure class="img">
<div class="in">
<picture>
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/17_synergy-issue-design/thumb@1x.jpg 1x, <?php echo get_template_directory_uri(); ?>/assets/img/works/17_synergy-issue-design/thumb@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/17_synergy-issue-design/thumb@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/works/17_synergy-issue-design/thumb@sp.jpg">
</picture>
<?php if($browser!='sp'): ?>
<video class="video" loop="" muted>
<source src="<?php echo get_template_directory_uri(); ?>/assets/video/works/17_synergy-issue-design/video_s.mp4">
</video>
<?php endif ?>
</div>
</figure>
<strong>SYNERGY – issue+design</strong>
<span><i># 事業解説</i><i># Semi-Documentary</i></span>
</a>
<a href="/works/branzcity-setagaya/" class="cell play-target">
<figure class="img">
<div class="in">
<picture>
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/18_branzcity-setagaya/thumb@1x.jpg 1x, <?php echo get_template_directory_uri(); ?>/assets/img/works/18_branzcity-setagaya/thumb@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/18_branzcity-setagaya/thumb@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/works/18_branzcity-setagaya/thumb@sp.jpg">
</picture>
<?php if($browser!='sp'): ?>
<video class="video" loop="" muted>
<source src="<?php echo get_template_directory_uri(); ?>/assets/video/works/18_branzcity-setagaya/video_s.mp4">
</video>
<?php endif ?>
</div>
</figure>
<strong>BRANZCITY 世田谷中町</strong>
<span><i># Web CM</i><i># Image Movie</i></span>
</a>
<a href="/works/nakahora-farm/" class="cell play-target">
<figure class="img">
<div class="in">
<picture>
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/20_nakahora-farm/thumb@1x.jpg 1x, <?php echo get_template_directory_uri(); ?>/assets/img/works/20_nakahora-farm/thumb@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/20_nakahora-farm/thumb@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/works/20_nakahora-farm/thumb@sp.jpg">
</picture>
<?php if($browser!='sp'): ?>
<video class="video" loop="" muted>
<source src="<?php echo get_template_directory_uri(); ?>/assets/video/works/20_nakahora-farm/video_s.mp4">
</video>
<?php endif ?>
</div>
</figure>
<strong>なかほら牧場　夏・秋</strong>
<span><i># Branding</i><i># Image Movie</i></span>
</a>
<a href="/works/yokoze-creativity-class/" class="cell play-target">
<figure class="img">
<div class="in">
<picture>
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/21_yokoze-creativity-class/thumb@1x.jpg 1x, <?php echo get_template_directory_uri(); ?>/assets/img/works/21_yokoze-creativity-class/thumb@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/21_yokoze-creativity-class/thumb@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/works/21_yokoze-creativity-class/thumb@sp.jpg">
</picture>
<?php if($browser!='sp'): ?>
<video class="video" loop="" muted>
<source src="<?php echo get_template_directory_uri(); ?>/assets/video/works/21_yokoze-creativity-class/video_s.mp4">
</video>
<?php endif ?>
</div>
</figure>
<strong>YOKOZE CREATIVITY CLASS</strong>
<span><i># アーカイブ動画</i><i># Documentary</i></span>
</a>
<a href="/works/co-creation-camp/" class="cell play-target">
<figure class="img">
<div class="in">
<picture>
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/22_co-creation-camp/thumb@1x.jpg 1x, <?php echo get_template_directory_uri(); ?>/assets/img/works/22_co-creation-camp/thumb@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/22_co-creation-camp/thumb@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/works/22_co-creation-camp/thumb@sp.jpg">
</picture>
<?php if($browser!='sp'): ?>
<video class="video" loop="" muted>
<source src="<?php echo get_template_directory_uri(); ?>/assets/video/works/22_co-creation-camp/video_s.mp4">
</video>
<?php endif ?>
</div>
</figure>
<strong>CO-CREATION! CAMP – Opening Movie</strong>
<span><i># オープニング動画</i><i># Documentary</i></span>
</a>
<a href="/works/run-tomorrow/" class="cell play-target">
<figure class="img">
<div class="in">
<picture>
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/23_run-tomorrow/thumb@1x.jpg 1x, <?php echo get_template_directory_uri(); ?>/assets/img/works/23_run-tomorrow/thumb@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/23_run-tomorrow/thumb@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/works/23_run-tomorrow/thumb@sp.jpg">
</picture>
<?php if($browser!='sp'): ?>
<video class="video" loop="" muted>
<source src="<?php echo get_template_directory_uri(); ?>/assets/video/works/23_run-tomorrow/video_s.mp4">
</video>
<?php endif ?>
</div>
</figure>
<strong>RUN TOMORROW – LIVING WITH DEMENTIA</strong>
<span><i># Short FIlm</i><i># Documentary</i></span>
</a>
<a href="/works/wheelchair-dance/" class="cell play-target">
<figure class="img">
<div class="in">
<picture>
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/24_wheelchair-dance/thumb@1x.jpg 1x, <?php echo get_template_directory_uri(); ?>/assets/img/works/24_wheelchair-dance/thumb@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/24_wheelchair-dance/thumb@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/works/24_wheelchair-dance/thumb@sp.jpg">
</picture>
<?php if($browser!='sp'): ?>
<video class="video" loop="" muted>
<source src="<?php echo get_template_directory_uri(); ?>/assets/video/works/24_wheelchair-dance/video_s.mp4">
</video>
<?php endif ?>
</div>
</figure>
<strong>Wheelchair Dance</strong>
<span><i># Short Film</i><i># Drama</i></span>
</a>
<a href="/works/henshin-honeyce/" class="cell play-target">
<figure class="img">
<div class="in">
<picture>
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/25_henshin-honeyce/thumb@1x.jpg 1x, <?php echo get_template_directory_uri(); ?>/assets/img/works/25_henshin-honeyce/thumb@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/25_henshin-honeyce/thumb@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/works/25_henshin-honeyce/thumb@sp.jpg">
</picture>
<?php if($browser!='sp'): ?>
<video class="video" loop="" muted>
<source src="<?php echo get_template_directory_uri(); ?>/assets/video/works/25_henshin-honeyce/video_s.mp4">
</video>
<?php endif ?>
</div>
</figure>
<strong>ヘンシン！Honeyce</strong>
<span><i># WebCM</i></span>
</a>
<a href="/works/america-expo/" class="cell play-target">
<figure class="img">
<div class="in">
<picture>
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/26_america-expo/thumb@1x.jpg 1x, <?php echo get_template_directory_uri(); ?>/assets/img/works/26_america-expo/thumb@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/26_america-expo/thumb@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/works/26_america-expo/thumb@sp.jpg">
</picture>
<?php if($browser!='sp'): ?>
<video class="video" loop="" muted>
<source src="<?php echo get_template_directory_uri(); ?>/assets/video/works/26_america-expo/video_s.mp4">
</video>
<?php endif ?>
</div>
</figure>
<strong>アメリカ大使館主催 アメリカ留学EXPO</strong>
<span><i># WebCM</i></span>
</a>
<a href="/works/agora-keynote-sessions/" class="cell play-target">
<figure class="img">
<div class="in">
<picture>
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/27_agora-keynote-sessions/thumb@1x.jpg 1x, <?php echo get_template_directory_uri(); ?>/assets/img/works/27_agora-keynote-sessions/thumb@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/27_agora-keynote-sessions/thumb@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/works/27_agora-keynote-sessions/thumb@sp.jpg">
</picture>
<?php if($browser!='sp'): ?>
<video class="video" loop="" muted>
<source src="<?php echo get_template_directory_uri(); ?>/assets/video/works/27_agora-keynote-sessions/video_s.mp4">
</video>
<?php endif ?>
</div>
</figure>
<strong>Agora Keynote Sessions 2014</strong>
<span><i># アーカイブ動画</i><i># Documentary</i></span>
</a>
<a href="/works/kurokawa-wonderland/" class="cell play-target">
<figure class="img">
<div class="in">
<picture>
<source media="(min-width: 768px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/28_kurokawa-wonderland/thumb@1x.jpg 1x, <?php echo get_template_directory_uri(); ?>/assets/img/works/28_kurokawa-wonderland/thumb@2x.jpg 2x">
<source media="(min-width: 320px)" srcset="<?php echo get_template_directory_uri(); ?>/assets/img/works/28_kurokawa-wonderland/thumb@sp.jpg">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/works/28_kurokawa-wonderland/thumb@sp.jpg">
</picture>
<?php if($browser!='sp'): ?>
<video class="video" loop="" muted>
<source src="<?php echo get_template_directory_uri(); ?>/assets/video/works/28_kurokawa-wonderland/video_s.mp4">
</video>
<?php endif ?>
</div>
</figure>
<strong>KUROKAWA WONDERLAND</strong>
<span><i># Short Film</i><i># Drama</i></span>
</a>
</div>
</div>
<div class="btn-more">
<svg class="circle" width="100" height="100">
<circle class="c-w" cx="50" cy="50" r="48" stroke-width="2" fill="none"></circle>
<circle class="c-g" cx="50" cy="50" r="48" stroke-width="2" fill="none"></circle>
</svg>
<p><i>More</i><i>More</i></p>
</div>
</section>
<?php get_template_part('parts', 'footer') ?>
</div>
</div>
</div>
</main>
<?php get_footer(); ?>
\ No newline at end of file
parts-footer.php 0 → 100644
<!-- =============================== Footer Start =============================== -->
<section data-color="theme-white">
<footer id="f">
<a href="/contact/" class="contact hover-rotate">
<strong>
<span>
<i>G</i><i>e</i><i>t</i><i>&nbsp;</i><i>i</i><i>n</i><i>&nbsp;</i><i>T</i><i>o</i><i>u</i><i>c</i><i>h</i>
</span>
<span>
<i>G</i><i>e</i><i>t</i><i>&nbsp;</i><i>i</i><i>n</i><i>&nbsp;</i><i>T</i><i>o</i><i>u</i><i>c</i><i>h</i>
</span>
</strong>
<p>お問い合わせ</p>
</a>
<div class="anchor" data-href="#">
<svg class="arw"><use xlink:href="#arrow-top" /></svg>
</div>
<?php
if ($name === 'home') {
echo '<a class="next" href="/">';
}else{
echo '<a class="next" href="/' . $name . '">';
}
?>
<div class="center">
<div class="align">
<p><i class="sp-none">Hover</i><i class="pc-none">Tap</i> to</p>
<strong><?php echo $name; ?></strong>
</div>
<span class="progress sp-none"><i></i></span>
</div>
</a>
</footer>
</section>
<!-- =============================== Footer End =============================== -->
\ No newline at end of file
parts-header.php 0 → 100644
<!-- =============================== Header Start =============================== -->
<header id="h">
<h1 class="logo">
<span></span>
<a href="/"><svg><use xlink:href="#logo" /></svg></a>
</h1>
<div class="detail-head sp-none">
<span>
<i id="ttl-head"></i>
</span>
</div>
<div class="head">
<span>
<i id="t-head"></i>
</span>
</div>
<div class="link">
<a class="nv l-works" href="/works/"><i>Works</i><i>Works</i></a>
<a class="nv l-service" href="/service/"><i>Service</i><i>Service</i></a>
</div>
<div class="btn-menu">
<span></span>
<span></span>
</div>
</header>
<div id="cursor">
<span class="detail"><i>Detail</i></span>
<span class="play"><i>Play</i></span>
<span class="close"><em></em><em></em></span>
<span class="dot"></span>
</div>
<small id="nv-copy" class="copy">© EXIT FILM</small>
<a href="/contact/" id="nv-contact" class="btn-contact nv l-contact">
<span>Get in Touch</span>
<span>Get in Touch</span>
</a>
<menu id="menu">
<a href="/" class="logo op"><svg><use xlink:href="#logo" /></svg></a>
<div class="center">
<div class="flex">
<div class="l">
<a href="/" class="hover-rotate in nv l-top">
<span><i>H</i><i>o</i><i>m</i><i>e</i></span>
<span><i>H</i><i>o</i><i>m</i><i>e</i></span>
</a>
<a href="/service/" class="hover-rotate in nv l-service">
<span><i>S</i><i>e</i><i>r</i><i>v</i><i>i</i><i>c</i><i>e</i></span>
<span><i>S</i><i>e</i><i>r</i><i>v</i><i>i</i><i>c</i><i>e</i></span>
</a>
<a href="/works/" class="hover-rotate in nv l-works">
<span><i>W</i><i>o</i><i>r</i><i>k</i><i>s</i></span>
<span><i>W</i><i>o</i><i>r</i><i>k</i><i>s</i></span>
</a>
</div>
<div class="r">
<a href="/about/" class="hover-rotate in nv l-company">
<span><i>A</i><i>b</i><i>o</i><i>u</i><i>t</i></span>
<span><i>A</i><i>b</i><i>o</i><i>u</i><i>t</i></span>
</a>
<a href="https://www.wantedly.com/companies/exitfilm/projects" target="_blank" class="hover-rotate in">
<span><i>C</i><i>a</i><i>r</i><i>e</i><i>e</i><i>r</i><i>s</i></span>
<span><i>C</i><i>a</i><i>r</i><i>e</i><i>e</i><i>r</i><i>s</i></span>
</a>
</div>
</div>
<div class="sns op">
<a href="https://www.behance.net/exitfilm" target="_blank" class="be"><svg><use xlink:href="#be" /></svg></a>
<a href="https://www.instagram.com/exitfilminc/" target="_blank" class="tw"><svg><use xlink:href="#ig" /></svg></a>
<a href="https://www.facebook.com/exitfilm.jp/" target="_blank" class="fb"><svg><use xlink:href="#fb" /></svg></a>
</div>
<a href="/contact/" class="contact hover-rotate op nv l-contact">
<strong>
<span>
<i>G</i><i>e</i><i>t</i><i>&nbsp;</i><i>i</i><i>n</i><i>&nbsp;</i><i>T</i><i>o</i><i>u</i><i>c</i><i>h</i>
</span>
<span>
<i>G</i><i>e</i><i>t</i><i>&nbsp;</i><i>i</i><i>n</i><i>&nbsp;</i><i>T</i><i>o</i><i>u</i><i>c</i><i>h</i>
</span>
</strong>
<p>お問い合わせ</p>
</a>
</div>
<svg id="menu-panel" width="0" height="0" viewBox="0, 0, 0, 0">
<polygon id="menu-panel-polygon" points=""></polygon>
</svg>
<div id="close" class="op">
<span></span>
<span></span>
</div>
</menu>
<svg id="p-panel" width="0" height="0" viewBox="0, 0, 0, 0">
<polygon id="p-panel-polygon" points=""></polygon>
</svg>
<div id="modal" class="is-loading">
<div class="in">
<span class="close cursor-in" data-type="close"><i></i></span>
<span id="enterFullscreen" class="sp-none pc-none" onclick="enterFullscreen()"></span>
<video id="modal-video" src="" autoplay onclick="this.play();"></video>
</div>
<p><i>Loading</i></p>
</div>
<!-- =============================== Header End =============================== -->
\ No newline at end of file
single copy.php 0 → 100644
100
READING, WRITING AND ARITHMETIC(90年)THE SUNDAYS
ラフ・トレードの末期に登場した4人組はザ・スミスの穴を埋める存在として期待された。純粋無垢なハリエットの歌声。ジョニー・マーに通じるギター。デビュー作は一場の夢のように美しい。広瀬
98
サマー・ティース（99年）ウィルコ
"アメリカのレディオヘッド"と言えるスマートな知性で、ルーツ音楽を時代の先端に連れ出したオルタナ・カントリー勢、飛躍の3作目。故ジェイ・ベネットが完成まで関わった最後の作品。杉山
96
「PLAY」（99年）MOBY
30代半ばでの成功をもたらした本作は、20世紀前半のブルースやゴスペルのヴォーカル音源を、エレクトロニック・トラックと融合。時を超えた人間のエモーションの不変性を描き出した。新谷
94
「CLARITY」(99年)JIMMY EAT WORLD
ポストハードコア世代の骨太ポップとして一大潮流を成した"エモ"の代名詞的アルバム。心をわし掴みにするメロディのセンス、瑞々しい情感は、次作「ブリード・アメリカン」に繋がる尊い礎。美馬
92
DOUBT(91年)JESUS JONES
テクノ、ハウス、ヒップホップとロックをミックスし、デジタル・ビートで包み込んだモダンなサウンドでアメリカでも売れたセカンド。元祖デジ・ロックと呼ばれるシャープなビート感は格別。保科
90
「AENIMA」（96年)TOOL
前衛的なヘヴィ・ロックと奇抜なパフォーマンスが人気となり、全米チャート2位となったセカンド。NINにも通じるダークな精神世界を追究したような重く閉じた音世界は、X世代に支持された。保科
88
IT'S A SHAME ABOUT RAY(92年)THE LEMONHEADS
一時はアイドル的な人気を誇ったイヴァン・ダンドゥの出世作。3分間ポップの宝庫といっていい。再発時に収録されたシングル"ミセス・ロビンソン"でわかるように、カヴァーのセンスも秀逸。広瀬
99
PORK SODA(93年)PRIMUS
超絶技巧のプログレチックなアンサンブルが誘う、変態の変態による変態のための桃源郷。この手の個性派が脚光を浴びたのもオルタナの一大功績だが、それがなくとも突出できた名作。美馬
97
WHEN I WAS BORN FOR THE 7TH TIME(97年)CORNERSHOP
インド音楽とエレクトロニカの絶妙なブレンドが身上のUKバンド3作目。"Brimful of Asha" のノー
マン・クック・リミックスはフロアでも大ウケ。亡くなる直前のアレン・ギンズバーグも参加。山下
95
ダート（92年）アリス・イン・チェインズ
泥沼のヘヴィ・リフに地獄からの喘ぎのような病んだハーモニー、ドラッグに蝕まれる自己の内面の起伏を描いた内省的なリリック。"90年代のシド・バレット" ことレイン・ステイリーも時代の象徴。沢田
93
「ショウビズ」（99年)ミューズ
90年代後半に、シーンと関係ないところで独自の強力な個性を育んだミューズの第1作。エモーショナルなメロや歌唱、ダイナミックな演奏、ドラマティックな曲構成などは既に出来上がっていた。橎磨
91
「・・・アンド・アウト・カム・ジ・ウルブス」（95年）ランシド
いよいよ全米規模の人気バンドへ上り詰めようというタイミングで出た勝負作。必殺のスカ・パンク"タイム・ボム"、クラッシュ直系の"ルビー・ソーホー"など名曲山盛り。全米45位まで上昇。荒野
89
HAWAII (96年)THE HIGH LLAMAS
元マイクロ・ディズニーのショーン・オヘイガンが始めたバンドのセカンド。たゆたうように、ほんわかゆったり流れていく極上ポップ空間は、いつか見た光景のようで実はどこにもない白日夢。橎磨
87
「エンジェル・ダスト」（92年）フェイス・ノー・モア
ヘヴィネスもポップも飲み込んだミクスチャー・ロックの究極形。ゴリゴリのギターとマイク・パットンの絶叫ヴォーカルがぶつかり合ってカオスの世界を築いていく展開はこのバンドの真骨頂だ。大谷
86
「ママ・セッド」（91年）レニー・クラヴィッツ
デビュー作での内省的な表現は影を潜め、自信に満ちた表現で自らを解放した2作目。スラッシュやショーン・レノンをゲストに迎え、過去のロック・イディオムを自分の物にして聴かせた力作。保科
84
「カモン・ダイ・ヤング」（99年）モグワイ
デイヴ・フリッドマン（フレーミング・リップス等）をプロデューサーに迎え、大きな飛躍を遂げた傑作セカンド。儚く美しいメロディを引き立てる奥行きと拡がりを増した立体的な音作りは白眉。保科
82
RAFI'S REVENGE(98年)ASIAN DUB FOUNDATION
ロンドンのインド／バングラデシュ系コミュニティ出身者による、ルーツ音楽の要素と鋭いメッセージをブレイクビーツに乗せた熱い盤。当時のMC、ディーダー・ザーマンの煽りがライヴの興奮を伝える。山下
80
「ザ・カラー＆ザ・シェイプ」（97年）フー・ファイターズ
カートの死を振り切り、デイヴ・グロールが自身の新しい地平を切り開いた試金石的傑作。個の内面に迫る含蓄の代わりに"エヴァーロング"はじめ90年代以降の大衆ロックの理想的雛形がここに。沢田
78
WORD GETS AROUND(97年)STEREOPHONICS
「愚直さが魅力」という、ウェールズのイメージを具現化したようなバンド。骨太なバンド・サウンドに乗せた豊かな詩情が特徴的。全編通してほんのり切なさが漂う、少年の心の原風景。
76
「BEAUTIFUL FREAK」(96年)EELS
哀しくも個人的な事象を綴った歌詞と切ないメロディ、適度にエレクトロな要素も取り入れたフォーキーな音。繊細な変人Eの稀有な才能をジョン・ブライオンやマイク・シンプソンが上手く引き出した。山下
74
「ホームワーク」（97年）ダフト・パンク
ブレイクビーツとハウスに影響を受けた、90年代フレンチ・エレクトロの決定打というベきデビュー作。数十年に豆って鎖国状態だった仏ユース・カルチャーを外に伝える、大きな求心力になった。杉山
85
「ライフ」（95年）カーディガンズ
寝室に注さ込む朝日のようにさわやかでキュートな北欧ガール・ギター・ポップ。これが渋谷系のまぐれ発掘でなかったことは、後の"ラヴ・フール"の大ヒットと名匠トーレ、ヨハンソンが証明。沢田
83
「1977」（96年）アッシュ
当時まだ19歳。メンバーの生まれ年を冠した本作は、UKパンク勤興時にも似た初期衝動に、ウィーザーらUSパワー・ポップ勢のメロディを添加。1作目にして全英チャート1位を獲得した。杉山
81
「KORN」(94年)KORN
その後のヘヴィ・ロックの基盤を作ったKORNのデビュー作は制御不能な絶叫と無敵のグルーヴがグチャグチャに溶け合った一枚。終盤ジョナサン・デイヴィスが泣きじゃくる姿に戦慄が走る。大谷
79
「バニシング・ポイント」（97年)プライマル・スクリーム
作品毎に様々なサウンドにイントゥするプライマルがダブを取り入れた激ヤバ5作目。どっぷりとディープに響くロックが満載だ。更にダビーなサウンド処理を施した姉妹作
「エコー・デック」も。播磨
77
「K」（9x年)クーラ・シェイカー
ブリットポップ斜陽期に颯爽と登場したキラ星。70年代ロックとインド神秘主義の影響を合わせた、ややスノップかつ独特の世界観は賛否両論巻き起こしたが、その無邪気をも、またロック。美馬
75
AGAETIS BYRJUN] (99)SIGUR RÓS
北の辺境アイスランドに魔されていた秘密を、世界に一挙知らしめた2作目。怒りやシニシズムなど雑念に溢れていた90年代に、彼らが心を無にして鳴らした音の純粋さは痛いほどに鮮烈だった。新谷
73
「こぼれたミルクに泣かないで」94年ジェリーフィッシュ
ビートルズ、クイーンの遺産を正統的に受け継ぐ腕利きポップ職人。正直、好事家人気がメインではあったがその良質のポップ・センスはジェリーフィッシュ系"という形容を生み出したほど。美馬
72
「ザ・スリム・シェイディLP」（99年）エミネム
ドクター・ドレーが総力を挙げて売り出したデトロイトのMC。タブーを度外視したマッドなリリックは享楽的になりつつあった当時のヒップホップと一線を画し、アメリカの闇を映し出していた。荒野
70
「ミリオンズ・ナウ・リヴィング・ウィル・ネヴァー・ダイ」（96年）トータス
"ポストロック"という概念を世に知らしめたエポックメイキングな作品。高い演奏力に裏打ちされた精緻なアンサンブルは、現在に連なるバンド・サウンド〜エレクトロニカの指標となった。美馬
68
「ピルズ・ン・スリルズ・アンド・ベリーエイクス」（90年） ハッピー・マンデーズ
DJ、 ポール・オークンフォールドと組み、マンチェスター・ムーヴメントを象徴する一枚となった名盤。ダークなグルーヴが持ち味の洗練されたダンス・ミュージックの高揚感と多幸感は格別。保科
66
「ガールフレンド」（91年）マシュー・スウィート
後のポップ・エモのようには膨張せず、また後のGlo-Fiより曲に強い芯があり立体的。これは"パワー・ポップ" などの域を超えた、永遠に摩耗することのないビタースウィート・ロックンロール。沢田
71
「モーズリー・ショールズ」（96年）オーシャン・カラー・シーン
スモール・フェイセズ直系4人組の大ヒット2作目。"リヴァーボート・ソング" のイントロに胸騒ぎを覚えた人は多いはず。ポップかつソウルフル、合唱必至のメロディ。兄貴分ポール・ウェラー参加。山下
69
「アンチクライスト・スーパースター」（96年） マリリン・マンソン
社会に溢れる欺瞞を攻撃的なサウンドとパフォーマンスで告発した代表作。トリック・スターを装ってはいるが、その実はアメリカの"良心"と言ってもいいことが、この作品を聴けばわかるはず。美馬
67
「ベン・フォールズ・ファイヴ」（95年）ベン・フォールズ・ファイヴ
乱打、ヒジ鉄、体当たりーー常識を逸脱した大胆な奏法が、逆にピアノという楽器の、ロックにおけるボテンシャルを最大限に引き出した。
実はニルヴァーナの影響も色濃い、90年代ポップの名盤。美馬
65
「ロング・ウェイ・ベイビー」（98年）ファットボーイ・スリム
苦労人ノーマン・クックがビッグ・ビートの大波に乗ったFBS 2作目。秀逸なビートが満載で"ロッカフェラー・スカング""プレイズ・ユー"などヒットを連発、フロア・チューリンの超ポップ化に成功。山下
64
「TIDAL」 (96年)フィオナ・アップル
ロック史において女性が最も本音を主張することが出来たのは90年代だが、凍えた表情のまま身体の奥底から絞り上げる、当時まだ10代だったこの少女のトラウマ吐露、これが最もリアルだった。沢田
62
「スタンリー・ロード」（95年）ポール・ウェラー
"伝統復古"の意味合いも強かったブリットポップにおいて、オアシス以降の世代に"中間の世代"が60年代以来の母国ロックの神髄を示した見本的傑作。以来彼は永遠の"モッドファーザー"に。沢田
60
「スマッシュ」（04年）オフスプリング
パンクでは異質なデクスター・ホーランドのヴォーカルが圧巻。パンクの攻撃性とポップなメロディが奇跡的なバランスで凝縮された90年代パンクの代表作は、1,000万枚超の怪物セールスを記録。大谷
58
「メロンコリーそして終りのない悲しみ」（95年）スマッシング・パンプキンズ
ビリー・コーガンが、溢れる作曲能力を30曲近くの大ヴォリュームで爆発させた2枚組大作。"1979"をはじめ4曲のヒット曲を擁し商業的にも最も成功。90年代ロックの寵児に躍り出た。沢田
56
「メタリカ」（91年）メタリカ
初期のスラッシュ色も前作のプログレ色も払拭した直球志向が、彼らを普遍的ロック・バンドとしてメタル愛好者以外にも近づけ、2千万枚を売った5作目。それでもやっぱり恐ろしくヘヴィ。新谷
54
「スーパーアンノウン」（94年）サウンドガーデン
ヘヴィなギターにパンクなリズム。そんなグランジの特質を整合感と立体感と共に洗練させた末に生まれたグランジ・サウンドの完成型。"ブラック・ホール・サン" はこの時代を象徴する名曲。沢田
52
「エンペラー・トマト・ケチャップ」（96年）ステレオラブ
ジョン・マッケンタイアを迎えての5作目は、従来の実験性を保ちつつヒップホップやダブの要素も加えポップに。"キベレーの幻想"などのエレガントなストリングス・アレンジメントはショーン・オヘイガン。山下
63
HARVEST MOON (92年)NEIL YOUNG
72年の名盤「ハーヴェスト」の続編ともいえるアコースティックな佳作。旧友ストレイ・ゲイターズらと穏やかな音を紡ぎ出す。クレイシー・ホースとの激しい演奏とは対照的な静の魅力が。広瀬
61
「PSALM 69」(92年)MINISTRY
ナイン・インチ・ネイルズにも影響を与えたインダストリアル・メタル・ユニットの代表作。破壊力抜群のギターを中心に、奥行きのある重工業的金属音を分厚く敷き詰めて聴さ手を圧倒する。広瀬
59
「ザ・マン・フー」（99年）トラヴィス
グラスゴー出身4人組がナイジェル・ゴッドリッチらと制作した2作目は前作の骨太ロックとは一線を画しメロディアスでじわりと染みる。"ドリフトウッド""ターンなどシンガロング系名曲がずらり。山下
57
「イーザー／オア｜（97年)エリオット・スミス
物悲しくも温かなソロ第3作。フィンガー・ピッキングが美しい"エンジェルズ" や映画『グッド・ウィル・ハンティング」にも使われた"ビトゥイーン・ザ・バーズ"に、失った才能の大きさを見る。山下
55
「天使のため息」（97年）ベル・アンド・セバスチャン
ベルセバの存在を世に知らしめた名作。新しくて懐かしい。楽しいのに、どこか悲しい。優しさのなかに厳しさがある。スチュアート・マードックの卓越しnた才能と頼りない声
の落差も新鮮だ。広瀬
53
「ノーホエア」（90年）ライド
「ラヴレス」に次ぐ英国シューゲイザーの傑作。大音量で鳴らす2本のノイジーなギターとfおぼろげなヴォーカル・ハーモニーによる混沌とした美しさが鮮烈だ。初期の魅力が残る貴重な1枚。広瀬
51
「ジェネレーション・テロリスト」(02年)マニック・ストリート・ブリーチャーズ
2枚組デビュー作を1位にして解散するという宣言は果たせなかった。だが、中身は本格派。政治的視点と歌詞を担当するリッチー＆ニッキー組と力強い音楽面を担うジェームスが拮抗している。広瀬
50
「イン・ユーテロ」（93年）ニルヴァーナ
大ヒット作から一転、スティーヴ・アルビニと組んだ本作は荒削りなサウンドが全面に出た仕上がりに。しかし、シンプルな音の中に浮かび上がったソングライター、カートの素
顔もまた魅力的だ。大谷
48
「モダン・ライフ・イズ・ラビッシュ」（93年） ブラー
USツアーで叩きのめされ、自分たちの足元を見つめ直して生まれたブリットポップの萌芽。UKポップ音楽の伝統をサウンドに取り込みイギリスの暮らしを歌った"3部作"の第1弾でもある。播磨
46
「ファジー・ロジック」（96年）スーパー・ファーリー・アニマルズ
ゴーキーズ・ザイゴティック・マンキの登場で注目されていたウェールズから現われた彼らは、テクノ・ユニットが前身。
サイケを基調にグラム、R&Bまで咀嚼、クリエイションの新たな顔となった。荒野
44
「リテュアル・デ・ロ・ハビテュアル」（90年） ジェーンズ・アディクション
グランジの一足先にオルタナ・ロック時代到来を告げたのが本作のヒット。ファンク〜メタル〜ゴスを縦断するサイケデリック・ロックは彼ら特有の匂い立つようなデカダンスを満々と湛えている。新谷
42
「スウェード」（93年）スウェード
同性愛の世界をロマンティックに歌い上げて話題となったヒット・シングルを含むデビュー作。グラム・ロック的サウンドと妖艶なヴォーカル・メロディが醸し出す独特の味はスウェードならでは。保科
40
「アイ・シュド・ココ」（95年）スーパーグラス
元ジェニファーズのギャズ・クームズとダニー・ゴフィが結成したトリオの発刺デビュー作。英国ロック／ボップの伝統を引き継ぎ、ブリットボップ・ブームの尖峰に。"オールライド" のキラキラ感は今も不滅！山下
38
「ラーズ」（90年）ラーズ
僅かアルバム1枚で解散したリヴァプールの伝説的バンドの傑作。"ゼア・シー・ゴーズ" に代表されるポップで爽やかな佳曲が揃った本作は、90年代の英ギター・ポップに多大な影響を与えた。保科
49
ORANGE (94年) THE JON SPENCER BLUES EXPLOSION
70年代ノー・ニューヨークの息吹を90年代に伝えたギター・トリオの4作目。アーシーなギター・リフが生むブルージーなエモーションと実験的なノイズ・ロックの攻撃性は、NYバンドならでは。保科
RICHARD D. JAMES ALBUM(96年)APHEX TWIN
本名をタイトルに掲げた4作目には、初期のアンビエント作に通ずる美しいメロディの断片と、容赦なく打ち付けるドラムンベースの豪速ビートが同居。彼のエクストリームな美学が極まった。新谷
45
「ボサノヴァ」（90年）ピクシーズ
ボストン出身ながら英国でデビューしたギター・バンドの3作目。アッパーな狂気を孕んだ疾走感れるサイ・ファイ＆サーフ・ロックは彼らならではで、ニルヴァーナにも多大な影響を与えた。保科
43
ECOND TOUGHEST IN THE INFANTS(96年) UNDERWORLD
大ヒット曲"ボーン・スリッピー"の直後に出たセカンド。ミニマル&ハードコアなサウンドの中にも、80年代ニュー・ウェイヴ出身者ならではの、唯美主義的なロマンティシズムが溢れる作品。美馬
41
「カリフォルニケイション」（99年）レッド・ホット・チリ・ペッパーズ
薬物中毒から再起したジョン・フルシアンテの復帰により、集中力を取り戻した大ヒット作。メロディは陰影を伴って豊かになった。強約な演奏力に加えて、アンソニーの歌も表現力を上げている。広瀬
39
「ザ・ファット・オブ・ザ・ランド」(97年） ザ・プロディジー
時代の音をつくった特大ヒット作。ロックに接近することで聴き手の福野を広げた意義は大きい。ロックやヒップホップの一番いいところを抽出してスリリングに統合した手法の冴えが光る。広瀬
37
THE CHRONIC (92年)DR. DRE
N.W.Aの頭脳として西海岸ギャングスタ・ラップの壁を築いた男はこのソロ第一弾でファンク・ネタやシンセ音や重いベースで革命的サウンド"Gファンク"を完成させ、メインストリームを侵食。新谷
36
「アクトン・ベイビー」（91年）U2
「ヨシュア・トゥリー」「魂の叫び」とルーツに寄ったU2がハイパーー路線へと方向転換した重要作。"ミステリアス・ウェイズ"等ダンス・ビート全開曲の一方でバラード"ワン"の存在感も光る。山下
34
ENDTRODUCING.... (96年)DJ SHADOW
モ・ワックスから出た本作は、無数のアナログ盤とサンプラーとシーケンサーだけで全編を構築。画期的なインスト・コラージュ音楽に血を通わせて、ヒップホップの原点にオマージュを捧げた。新谷
32
「VIOLATOR」（90年）DEPECHE MODE
デペッシュ・モード30年史の一つの頂点。研ぎ澄まされたシンセ・サウンドで生な感情を揺さぶる様は他の追随を許さない。"パーソナル・ジーザズ"エンジョイ・ザ・サイレンズ"は数多のカヴァーを生んだ。山下
35
「メロウ・ゴールド」（94年）ベック
グランジ以降のオルタナ・ロックの方向性を決定付けた名作。制作費僅か400ドルのメジャー・デビュ一作だが、宅録、ロウファイに終わらない深い音楽性とポップさが両立しているのはさすが。保科
33
「コモン・ピープル」（95年）パルプ
ニュー・ウェイヴ時代に芽の出なかったやせっぽちの皮肉屋が独自の風刺を「伝統のお家芸復活」の次元にまで高めた90年代英国文化の遺産。世知辛さを口元歪めて踊り倒す
音楽として今なお最強。沢田
31
DINOSAOR JR「グリーン・マインド」（91年）ダイナソー Jr.
メジャー配給第1弾は聴きやすいポップ作。ルー・バーロウの脱退などにより実質的にはJ・マスキスのソロ作品に近い。アコースティック・ギターなどを重ねた音と、けだるい歌が心地よい。広瀬
\ No newline at end of file
single.php 0 → 100644
<?php while (have_posts()) : the_post(); ?>
<a href="<?php the_permalink(); ?>" class="cell play-target">
<figure class="img">
<div class="in">
<picture>
<!-- 画像やビデオのパスを取得するコード -->
<!-- ヒント: get_the_post_thumbnail_url()を使用してサムネイルのURLを取得できます -->
<img src="<?php echo get_the_post_thumbnail_url($post->ID, 'full'); ?>">
</picture>
<?php if($browser!='sp'): ?>
<video class="video" loop="" muted>
<source src="<?php echo get_field('video_path'); ?>">
</video>
<?php endif ?>
</div>
</figure>
<strong><?php the_title(); ?></strong>
<span>
<?php
$tags = get_the_tags();
if ($tags) {
foreach ($tags as $tag) {
echo '<i>#' . $tag->name . '</i>';
}
}
?>
</span>
</a>
<?php endwhile; ?>
\ No newline at end of file
style.css 0 → 100644
File mode changed
test deleted 100644 → 0
testtest
\ No newline at end of file
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!