!function(){var t,e={53:function(t,e,o){"use strict";var i=o(358);o(625);const s=navigator.userAgent,n=navigator.platform,a=/Trident/.test(s)||/msie/i.test(s),r=/Edg/.test(s),h=/Chrome/.test(s),l=!r&&!h&&/Safari/.test(s),c=!(r||h||l)&&/Firefox/.test(s),d=/Win/.test(n),u=/iPad/.test(s)||/Macintosh/.test(s)&&"ontouchend"in document,m=/iPad|iPhone|iPod/.test(s)&&!window.MSStream,p=/Android/i.test(s),v=m&&!u||p,g="ontouchstart"in document.documentElement&&(navigator.maxTouchPoints>0||navigator.msMaxTouchPoints>0)&&!s.match(/iPhone|Android.+Mobile/)||u;class x{constructor(){this._callbackArr=[]}_addCallback(t){return"function"==typeof t&&(this._callbackArr.push(t),!0)}_removeCallback(t){if("function"!=typeof t)return!1;const e=this._callbackArr.indexOf(t),o=e>-1;return o&&this._callbackArr.splice(e,1),o}_callback(...t){for(const e of this._callbackArr)e(...t)}}const f=new class extends x{constructor(t=60){super(),this._targetFps=t,this._idealDeltaTime=1e3/this._targetFps,this._lastTickerTime=0,this._time=0,this._deltaTime=this._idealDeltaTime,this._frame=0,this._requestID=0,this._isRunning=!1,this._isResumeFrame=!0,this.stats=null,this._boundOnAnimationFrame=this._onAnimationFrame.bind(this)}get time(){return this._time/1e3}get deltaTime(){return this._deltaTime}get frame(){return this._frame}get fpsRatio(){return this._fpsRatio}get isRunning(){return this._isRunning}add(t){this._addCallback(t)&&(this._isRunning||1!==this._callbackArr.length||(this._isRunning=!0,this._isResumeFrame=!0,i.p8.ticker.add(this._boundOnAnimationFrame)))}remove(t){this._removeCallback(t)&&this._isRunning&&0===this._callbackArr.length&&(i.p8.ticker.remove(this._boundOnAnimationFrame),this._isRunning=!1)}_onAnimationFrame(t){this.stats&&this.stats.begin(),this._deltaTime=1e3*(t-this._lastTickerTime),this._isResumeFrame&&(this._deltaTime=this._idealDeltaTime,this._isResumeFrame=!1),this._fpsRatio=this._deltaTime/this._idealDeltaTime,this._callback({time:this._time/1e3,deltaTime:this._deltaTime,frame:this._frame,fpsRatio:this._fpsRatio}),this._isRunning&&(this._time+=this._deltaTime,this._lastTickerTime=t,this._frame++),this.stats&&this.stats.end()}},y={Click:"click",DoubleClick:"dblclick",MouseDown:"mousedown",MouseMove:"mousemove",MouseUp:"mouseup",OrientationChange:"orientationchange",Resize:"resize",Scroll:"scroll"};Object.freeze(y);const w={EveryTime:"everytime",Throttle:"throttle",Debounce:"debounce"};Object.freeze(w);let $=!1;try{const t={get passive(){return $=!0,!1}};window.addEventListener("test",null,t),window.removeEventListener("test",null,t)}catch(t){$=!1}const b=!!$&&{passive:!0};class S extends x{constructor(t,e=w.EveryTime,o=0){switch(super(),this._eventType=t,e){case w.Throttle:this._boundOnEvent=((t,e)=>{let o=performance.now()-t;return(...i)=>{const s=performance.now();s-o<t||(o=s,e(...i))}})(o,this._onEvent.bind(this));break;case w.Debounce:this._boundOnEvent=((t,e)=>{let o=null;return(...i)=>{o&&clearTimeout(o),o=setTimeout((()=>{e(...i),o=null}),t)}})(o,this._onEvent.bind(this));break;default:this._boundOnEvent=this._onEvent.bind(this)}}add(t){this._addCallback(t)&&1===this._callbackArr.length&&window.addEventListener(this._eventType,this._boundOnEvent,b)}remove(t){this._removeCallback(t)&&0===this._callbackArr.length&&window.removeEventListener(this._eventType,this._boundOnEvent,b)}_callback(...t){for(const e of this._callbackArr)e(...t)}_onEvent(){this._callback()}emit(...t){this._callback(...t)}}new S(y.OrientationChange);const C=new S(y.Resize);o(489);var T,k,_,M=o(127);class j{static get size(){return Object.assign({},this._size)}static get width(){return this.size.x}static get height(){return this.size.y}static get min(){return this.width<this.height?this.width:this.height}static get max(){return this.width>this.height?this.width:this.height}static get center(){return{x:this.width/2,y:this.height/2}}static get aspect(){return this.width/this.height}static get dpr(){return window.devicePixelRatio}static resize(){Object.assign(this._size,{x:window.innerWidth,y:window.innerHeight})}}T=j,k="_size",_={x:window.innerWidth,y:window.innerHeight},k in T?Object.defineProperty(T,k,{value:_,enumerable:!0,configurable:!0,writable:!0}):T[k]=_;const O=(t,e)=>Math.random()*(e-t)+t,L=(t,e,o)=>Math.max(Math.min(t,o),e);class z{constructor(t){this.state={position:t.position,distance:t.position,alphaSpeed:t.speed}}step(t){const e=t*(1-(o=Math.exp(-this.state.alphaSpeed*(1/60))))+this.state.position*o;var o;this.state.distance=e-this.state.position,this.state.position=e}reset(){this.state.position=0,this.state.distance=0}}const q=new class extends S{_onEvent(){const{pageXOffset:t,pageYOffset:e}=window;this._callback({scrollX:t,scrollY:e})}}(y.Scroll),R={isInertia:!v&&!g,isParallax:!r&&!a,MotionFps:30,InertiaSpeed:15};Object.freeze(R);class A{constructor(){this.dom={$ele:null},this.state={cnt:[],size:{body:{width:0,height:0},window:{width:0,height:0},scroll:{width:0,height:0}},autoSpeed:0}}init(t){this.dom.$ele=t;let e=0;for(;e<this.dom.$ele.length;){const t=this.dom.$ele[e].querySelectorAll("[data-scroll-parallax]");if(this.state.cnt[e]=t[0]?{wrap:this.dom.$ele[e],ele:[],item:[]}:null,this.state.cnt[e]){let o=0;for(;o<t.length;){this.state.cnt[e].ele[o]=t[o];const i=this.state.cnt[e].ele[o].getAttribute("data-scroll-parallax-rate-sp");this.state.cnt[e].item[o]={pos:{x:0,y:{start:0,end:0}},autoPsos:{x:0,y:{start:0,end:0}},trans:0,rate:Number(v&&i?i:this.state.cnt[e].ele[o].getAttribute("data-scroll-parallax-rate")),dir:this.state.cnt[e].ele[o].getAttribute("data-scroll-parallax-dir"),limit:0},o+=1}}e+=1}}update(t){if(!this.state.cnt[t.no])return;let e=0;for(;e<this.state.cnt[t.no].ele.length;)"y"===this.state.cnt[t.no].item[e].dir?(this.state.cnt[t.no].item[e].trans=(this.state.cnt[t.no].item[e].pos.y.start+t.posTop)*this.state.cnt[t.no].item[e].rate,this.state.cnt[t.no].ele[e].children[0].style.transform="matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0,"+this.state.cnt[t.no].item[e].trans+", 0, 1)"):"y-reverse"===this.state.cnt[t.no].item[e].dir&&(this.state.cnt[t.no].item[e].trans=(this.state.cnt[t.no].item[e].pos.y.start+t.posTop)*this.state.cnt[t.no].item[e].rate*-1,this.state.cnt[t.no].ele[e].children[0].style.transform="matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0,"+this.state.cnt[t.no].item[e].trans+", 0, 1)"),e+=1}resize(t){if(null===this.dom.$ele)return;let e=0;for(;e<this.dom.$ele.length;){if(this.state.cnt[e]){let o=0;for(;o<this.state.cnt[e].item.length;){const s=this.state.cnt[e].wrap.getBoundingClientRect(),n=this.state.cnt[e].ele[o].getBoundingClientRect().top-s.top+W.state.point[e].start,a=n-t.height;this.state.cnt[e].item[o].pos.y={base:a+t.height,start:Math.max(a-.5*j.height,0),rot:Math.max(n+t.posTop,0),end:Math.max(a+s.height,0),scaleend:Math.max(a+s.height,0)};const r=this.state.cnt[e].ele[o].querySelector(".catch-copy-text-cnt");r&&(this.state.cnt[e].item[o].limit=r.getBoundingClientRect().width),0!==t.current.indexOf(e)&&this.update(0,0,e),"y"===this.state.cnt[e].item[o].dir?i.p8.set(this.state.cnt[e].ele[o].children[0],{top:this.state.cnt[e].item[o].rate*j.height}):"y-reverse"===this.state.cnt[e].item[o].dir?i.p8.set(this.state.cnt[e].ele[o].children[0],{top:this.state.cnt[e].item[o].rate*j.height*-1}):"x"===this.state.cnt[e].item[o].dir&&i.p8.set(this.state.cnt[e].ele[o].children[0],{left:this.state.cnt[e].item[o].rate*j.height}),o+=1}}e+=1}}}const P=["้","ู","ั","่","่","ำ","็","ุ","์","ี","ี่","ิ","ี่","ื","ึ"];class E{constructor(t){this.dom={$paragraph:[],$ele:[],$parent:[]},this.state={},this.conf={duration:1,staggerSpeed:.06,staggerMaxLength:20};const e=[...t.$ele.textContent];let o=0;t.$ele.textContent="";let s=[],n=0;e.forEach(((t,e)=>{if(t.match(/\S/g))if(P.includes(t)){n+=1;const o=s[s.length-1];s.splice(e-n,n),s.push(o+t)}else s.push(t);else s.push(t)}));let a={check:!1,count:-1,startTextNo:0};for(;o<s.length;){const e=s[o];e.match(/\S/g)?(a.check||(a.check=!0,t.$ele.insertAdjacentHTML("beforeend",'<div class="paragraph"></div>'),a.count+=1,a.startTextNo=o),t.$ele.querySelectorAll(".paragraph")[a.count].insertAdjacentHTML("beforeend","<div><div>"+e+"</div></div>")):a.check&&(t.$ele.querySelectorAll(".paragraph")[a.count].insertAdjacentHTML("beforeend",'<div class="space"><div>'+e+"</div></div>"),this.dom.$paragraph.push(t.$ele.children[a.count]),a.check=!1),this.dom.$parent.push(t.$ele.querySelectorAll(".paragraph")[a.count].children[o-a.startTextNo]),t.$ele.querySelectorAll(".paragraph")[a.count].children[o-a.startTextNo]&&this.dom.$ele.push(t.$ele.querySelectorAll(".paragraph")[a.count].children[o-a.startTextNo].children[0]),o+=1}this.dom.$paragraph.push(t.$ele.children[a.count]),i.p8.set(this.dom.$paragraph,{position:"relative",overflow:"hidden",display:"inline"}),i.p8.set(this.dom.$parent,{position:"relative",overflow:"hidden",display:"inline-block"}),i.p8.set(this.dom.$ele,{x:"-110%",position:"relative",display:"inline-block",willChange:"transform",rotate:"0.00001deg"})}show(t){i.p8.killTweensOf(this.dom.$ele,{x:!0}),i.p8.fromTo(this.dom.$ele,{x:"-110%"},{x:"0%",ease:"expo.out",duration:this.conf.duration,delay:t&&t.delay||0,stagger:this.conf.staggerMaxLength<this.dom.$ele.length?this.conf.staggerSpeed*this.conf.staggerMaxLength/this.dom.$ele.length:this.conf.staggerSpeed,onComplete:()=>{t&&t.onComplete&&t.onComplete()}})}out(t){i.p8.killTweensOf(this.dom.$ele,{x:!0}),i.p8.to(this.dom.$ele,{x:"110%",ease:"expo.out",duration:.6,onComplete:()=>{t&&t.onComplete&&t.onComplete()}})}}const I=["้","ู","ั","่","่","ำ","็","ุ","์","ี","ี่","ิ","ี่","ื","ึ"];class D{constructor(t){this.dom={$paragraph:[],$ele:[]},this.state={},this.conf={staggerMaxLength:20};const e=[...t.$ele.textContent];let o=0;t.$ele.textContent="";let s=[],n=0;e.forEach(((t,e)=>{if(t.match(/\S/g))if(I.includes(t)){n+=1;const o=s[s.length-1];s.splice(e-n,n),s.push(o+t)}else s.push(t);else s.push(t)}));let a={check:!1,count:-1,startTextNo:0};for(;o<s.length;){const e=s[o];e.match(/\S/g)?(a.check||(a.check=!0,t.$ele.insertAdjacentHTML("beforeend",'<div class="paragraph"></div>'),a.count+=1,a.startTextNo=o),t.$ele.querySelectorAll(".paragraph")[a.count].insertAdjacentHTML("beforeend","<div>"+e+"</div>")):a.check&&(t.$ele.querySelectorAll(".paragraph")[a.count].insertAdjacentHTML("beforeend",'<div class="space">'+e+"</div>"),this.dom.$paragraph.push(t.$ele.children[a.count]),a.check=!1),this.dom.$ele.push(t.$ele.querySelectorAll(".paragraph")[a.count].children[o-a.startTextNo]),o+=1}i.p8.set(this.dom.$paragraph,{position:"relative",overflow:"hidden",display:"inline-block"}),i.p8.set(this.dom.$ele,{opacity:0,color:"#0d2ea0",position:"relative",display:"inline-block"})}show(t){i.p8.killTweensOf(this.dom.$ele,{opacity:!0,color:!0});const e=t?t.white:null;i.p8.to(this.dom.$ele,{opacity:1,color:e?"#fff":"#0c072b",ease:"sine.out",duration:1,delay:t&&t.delay||0,stagger:e?.02*this.conf.staggerMaxLength/this.dom.$ele.length:.04*this.conf.staggerMaxLength/this.dom.$ele.length,onComplete:()=>{t&&t.onComplete&&t.onComplete()}})}out(t){i.p8.killTweensOf(this.dom.$ele,{opacity:!0,color:!0}),i.p8.to(this.dom.$ele,{opacity:0,color:"#0d2ea0",ease:"power2.out",duration:.4,onComplete:()=>{t&&t.onComplete&&t.onComplete()}})}}class N{constructor(){this.dom={$ele:null,$next:null},this.state={cnt:[],size:{body:{width:0,height:0},window:{width:0,height:0},scroll:{width:0,height:0}}},this.method={title:[],titleJa:[]}}init({$ele:t,$footer:e}){this.dom.$ele=t;let o=0;for(;o<=this.dom.$ele.length;){if(this.dom.$ele.length>o?this.state.cnt[o]={wrap:this.dom.$ele[o],ele:[],item:[]}:this.state.cnt[o]={wrap:e,ele:[],item:[]},this.state.cnt[o].wrap){let t=0;const e=this.state.cnt[o].wrap.querySelectorAll("[data-scroll-motion]");for(;t<e.length;)this.state.cnt[o].ele[t]=e[t],this.state.cnt[o].item[t]={show:!1,pos:{x:0,y:{start:0,end:0}},trans:0,mot:this.state.cnt[o].ele[t].getAttribute("data-scroll-motion-type"),delay:this.state.cnt[o].ele[t].getAttribute("data-scroll-motion-delay")},"title"===this.state.cnt[o].item[t].mot?this.method.title[t]=new E({$ele:this.state.cnt[o].ele[t]}):"titleJa"===this.state.cnt[o].item[t].mot?this.method.titleJa[t]=new D({$ele:this.state.cnt[o].ele[t]}):"x"===this.state.cnt[o].item[t].mot?i.p8.set(e[t],{opacity:0,x:"50vw"}):"fade"===this.state.cnt[o].item[t].mot?i.p8.set(e[t],{opacity:0}):i.p8.set(e[t],{opacity:0,y:100}),t+=1}o+=1}}update(t){let e=0;for(;e<this.state.cnt.length;){let o=0;for(;o<this.state.cnt[e].item.length;)this.state.cnt[e].item[o].pos.y.start<t.posTop&&(this.state.cnt[e].item[o].show||(this.state.cnt[e].item[o].show=!0,"title"===this.state.cnt[e].item[o].mot?i.p8.fromTo(this.method.title[o].dom.$ele,{x:"-110%"},{x:"0%",ease:"expo.out",duration:1,stagger:.06}):"titleJa"===this.state.cnt[e].item[o].mot?i.p8.to(this.state.cnt[e].ele[o].querySelectorAll(".paragraph *"),{opacity:1,color:"#0c072b",ease:"sine.out",duration:1,stagger:.04}):"x"===this.state.cnt[e].item[o].mot?(i.p8.to(this.state.cnt[e].ele[o],{opacity:1,duration:.4,ease:"power2.out"}),i.p8.to(this.state.cnt[e].ele[o],{x:"0vw",duration:1.6,ease:"expo.out"})):"fade"===this.state.cnt[e].item[o].mot?i.p8.to(this.state.cnt[e].ele[o],{opacity:1,duration:1,stagger:.1,ease:"power2.out"}):(i.p8.to(this.state.cnt[e].ele[o],{y:0,duration:.8,ease:"expo.out"}),i.p8.to(this.state.cnt[e].ele[o],{opacity:1,duration:.5,ease:"power2.out"})))),o+=1;e+=1}}resize(){if(null===this.dom.$ele)return;let t=0;for(;t<=this.dom.$ele.length;){let e=0;for(;e<this.state.cnt[t].item.length;){const o=this.state.cnt[t].wrap.getBoundingClientRect(),i=this.state.cnt[t].ele[e].getBoundingClientRect().top-o.top+W.state.point[t].start;this.state.cnt[t].item[e].pos.y={start:Math.max(i-j.height,0)},e+=1}t+=1}}getContents(){return this.state.cnt}}class B{constructor({state:t,dom:e}){this.state=t,this.dom=e}set({$select:t}){this.state.change.progress=!0,this.state.comp=!0,this.state.change.flg=!0,this.state.change.save.val.x=this.state.val.x,this.state.change.save.val.y=this.state.val.y,this.state.change.save.pos.x=this.state.pos.x,this.state.change.save.pos.y=this.state.pos.y,this.state.change.save.size.body.height=this.state.size.body.height,this.state.change.save.size.scroll.height=this.state.size.scroll.height,this.state.change.save.size.endpoint.height=this.state.endpoint.height,this.dom.$changeSelect=t,C.emit(),R.isInertia||(this.dom.$body.style.transform="matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0,"+-1*this.state.val.y+", 0, 1)",i.p8.set(W.dom.$wrap,{position:"fixed",top:0,left:0})),i.p8.set(window,{scrollTo:{y:0,autoKill:!1}}),this.state.pos.x=0,this.state.pos.y=0,W.method.tween.state.position=Math.abs(this.state.pos.y),this.state.distance.y=W.method.tween.state.distance,i.p8.delayedCall(.5,(()=>{this.state.change.progress=!1}))}reset({setNomalMove:t}){this.state.change.progress=!0,this.dom.$changeSelect.removeAttribute("style"),this.dom.$changeSelect=null,this.state.change.flg=!1,t(),R.isInertia||(this.dom.$wrap.removeAttribute("style"),this.dom.$body.style.transform="matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)"),C.emit(),this.state.val=this.state.change.save.val,this.state.pos=this.state.change.save.pos,W.method.tween.state.position=Math.abs(this.state.pos.y),this.state.distance.y=W.method.tween.state.distance,i.p8.set(window,{scrollTo:{y:this.state.val.y,autoKill:!1}}),this.state.change.save={val:{x:0,y:0},pos:{x:0,y:0},size:{body:{width:0,height:0},scroll:{width:0,height:0},endpoint:{width:0,height:0}}},i.p8.delayedCall(.5,(()=>{this.state.change.progress=!1}))}}class F{constructor({state:t,dom:e}){this.state=t,this.dom=e}set({height:t}){null===this.dom.$root&&(this.dom.$root=document.body),this.state.isExResizeMode=!0,i.p8.set(this.dom.$root,{height:t}),i.p8.set(this.dom.$root,{position:"fixed",top:0,left:0})}reset(){this.state.lifeCycle=0,this.state.isExResizeMode=!1,i.p8.set(this.dom.$root,{height:this.state.size.body.height}),this.dom.$root.removeAttribute("style"),C.emit(),setTimeout((()=>{C.emit(),this.state.comp=!1}),200),this.state.comp=!1}}i.p8.registerPlugin(M.L),R.isInertia||document.body.classList.add("is-inertia-none");const W=new class{constructor(){this.dom={$root:null,$wrap:null,$body:null,$bodyContent:null,$dummyContent:null,$changeSelect:null},this.state={val:{x:0,y:0},distance:{x:0,y:0},pos:{x:0,y:0,progress:1,power:0},dir:1,size:{body:{width:0,height:0},window:{width:0,height:0,heightHalf:0},scroll:{width:0,height:0},endpoint:{width:0,height:0}},point:[],horizontal:[],horizontalPos:[],viewCurrent:[],current:[],saveNo:[],progress:{page:0,section:[]},isExResizeMode:!1,isFixed:!1,comp:!1,endpoint:0,time:0,change:{flg:!1,progress:!1,save:{val:{x:0,y:0},pos:{x:0,y:0},size:{body:{width:0,height:0},scroll:{width:0,height:0},endpoint:{width:0,height:0}}}},lifeCycle:0},this.method={tween:new z({position:0,speed:R.InertiaSpeed}),motion:new N,parallax:new A,changeScroll:new B({state:this.state,dom:this.dom}),exResize:new F({state:this.state,dom:this.dom}),observer:null,_scrollMove:[],_selectMove:[],_normalMove:null,_onScrollStart:[],_onScrollComplete:[]}}_normalMoveINertia(){this.state.change.progress||(this.state.current.forEach((t=>{this.dom.$bodyContent[t]&&(this._getScrollSectionProgress(t),this.state.horizontal[t]?t===this.state.viewCurrent?(this.state.horizontalPos[t].x=this.state.pos.y+this.state.point[t].start,i.p8.set(this.dom.$bodyContent[t].querySelector("[data-scroll-horizontal-target]"),{x:this.state.horizontalPos[t].x}),this.state.horizontalPos[t].y=-1*Math.min(Math.abs(this.state.pos.y),this.state.point[t].start),this.dom.$bodyContent[t].style.transform="matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0,"+this.state.horizontalPos[t].y+", 0, 1)"):(this.state.horizontalPos[t].y=this.state.pos.y-this.state.horizontalPos[t].x,this.dom.$bodyContent[t].style.transform="matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0,"+this.state.horizontalPos[t].y+", 0, 1)"):this.dom.$bodyContent[t].style.transform="matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0,"+this.state.pos.y+", 0, 1)"),this.method.parallax.update({posTop:this.state.pos.y,no:t})})),this._getScrollPageProgress())}_normalMoveINertiaNone(){this.state.change.progress||this.state.current.forEach((t=>{"0"===t&&(this.state.fvProgress=Math.min(this.state.val.y/this.state.size.window.height,1)),!this.state.horizontal[t]||v||g||t===this.state.viewCurrent&&(this.state.horizontalPos[t].x=this.state.val.y-this.state.point[t].start,i.p8.set(document.querySelector("[data-scroll-horizontal-inner]"),{y:this.state.horizontalPos[t].x}),i.p8.set(this.dom.$bodyContent[t].querySelector("[data-scroll-horizontal-target]"),{x:-this.state.horizontalPos[t].x})),this._getScrollSectionProgress(t),this.method.parallax.update({posTop:this.state.pos.y,no:t})}))}_scrollMotionUpdate(){this.state.time+=1,R.MotionFps<this.state.time&&(this.state.time=0,this.method.motion.update({posTop:this.state.val.y}))}_setNomalMove(){this.method._scrollMove.push((()=>{this.method._normalMove()})),this.method._scrollMove.push((()=>{this._scrollMotionUpdate()}))}_selectMove(){R.isInertia&&!this.state.change.progress&&(this.dom.$changeSelect.style.transform="matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0,"+this.state.pos.y+", 0, 1)")}init(){this.dom.$root=document.body,this.dom.$wrap=document.querySelector("[data-smooth-scroll]"),this.dom.$body=document.querySelector("[data-smooth-scroll-body]"),document.querySelector(".p-business__footer")&&document.querySelector(".p-business__footer").setAttribute("data-smooth-scroll-content","data-smooth-scroll-content"),this.dom.$bodyContent=document.querySelectorAll("[data-smooth-scroll-content]"),this.dom.$bodyContent.forEach((()=>{const t=document.createElement("div");t.setAttribute("class","t-dummy-scroll-content"),this.dom.$wrap.appendChild(t)})),this.dom.$dummyContent=document.querySelectorAll(".t-dummy-scroll-content"),this.method.observer=new IntersectionObserver((t=>{this._observerCallback(t)}),{root:null,rootMargin:"-50% 0px",threshold:0}),this.dom.$bodyContent.forEach(((t,e)=>{this.method.observer.observe(R.isInertia?this.dom.$dummyContent[e]:t),t.setAttribute("data-no",e),this.dom.$dummyContent[e].setAttribute("data-no",e),this.state.saveNo.push(e.toString()),this.state.progress.section[e]=0,this.state.horizontal[e]=t.getAttribute("data-scroll-horizontal")||!1,this.state.horizontalPos[e]=this.state.horizontal[e]?{x:0,y:0}:null})),R.isParallax&&this.method.parallax.init(this.dom.$bodyContent),this.method.motion.init({$ele:this.dom.$bodyContent}),this.method._normalMove=R.isInertia?()=>{this._normalMoveINertia()}:()=>{this._normalMoveINertiaNone()},this._setNomalMove(),this.dom.$targetContents=R.isInertia?this.dom.$dummyContent:this.dom.$bodyContent,this._addEventListener(),this.resize()}_update(t){this.state.isFixed||(this.state.dir=this.state.val.y>t?-1:1,this.state.val.y=t,this.state.distance.y=this.method.tween.state.distance,this.method._onScrollStart[0]&&this.method._onScrollStart.forEach((t=>{t()})),this.state.comp=!1)}_move(){if(this.state.isFixed||this.state.comp||this.state.change.progress)return;this.method.tween.step(this.state.val.y),this.state.pos.y=-this.method.tween.state.position;const t=Math.abs(this.state.pos.y);this.state.pos.progress=0===this.state.distance.y?0:Math.min(1,Math.max(0,this.method.tween.state.distance/this.state.distance.y)),this.state.pos.power=Math.abs(this.state.distance.y/100),this.state.change.flg&&!R.isInertia||this.method._scrollMove.forEach((t=>{t()})),(1===this.state.dir&&this.state.val.y-.001<t||-1===this.state.dir&&this.state.val.y+.001>t)&&this._complete()}resize(t){this.state.isExResizeMode||this.state.isFixed||(this.state.size.window.width=j.width,this.state.size.window.height=v||g?screen.height:j.height,this.state.size.window.heightHalf=.5*j.height,this.state.size.body.height=0,this.state.change.flg?(this.state.size.body.height=this.dom.$changeSelect.offsetHeight,i.p8.set(this.dom.$dummyContent,{height:0}),this.state.endpoint=document.body.clientHeight-j.height):(this.state.comp&&(this.state.lifeCycle=0),this.dom.$bodyContent.forEach(((e,o)=>{let s=e.offsetHeight;R.isInertia&&(i.p8.set(e,{top:this.state.size.body.height}),t&&t.no===o?i.p8.set(this.dom.$dummyContent[o],{height:s+=t.addHeight}):i.p8.set(this.dom.$dummyContent[o],{height:s})),this.state.point[o]={start:this.state.size.body.height,end:0},this.state.size.body.height+=s,this.state.point[o].end=this.state.size.body.height-j.height})),this.state.endpoint=document.body.clientHeight-j.height,R.isParallax&&this.method.parallax.resize({height:this.state.size.window.height,posTop:R.isInertia?this.state.val.y:0,current:this.state.current}),this.method.motion.resize({posTop:R.isInertia?this.state.val.y:0,$parent:R.isInertia?this.dom.$dummyContent:this.dom.$bodyContent,endpoint:this.state.endpoint})),this.state.size.scroll.height=this.state.size.body.height-this.state.size.window.height,this.state.size.endpoint.height=this.state.size.scroll.height-this.state.size.window.height,i.p8.set(this.dom.$root,{height:this.state.size.body.height}))}fixed(t){t?(this.state.isFixed=!0,this.exResize({height:this.state.size.window.height})):(this.state.isFixed=!1,this.exResize({height:null}),i.p8.set(window,{scrollTo:{y:this.state.val.y,autoKill:!1}}))}to({val:t,duration:e}){i.p8.to(window,{scrollTo:{y:t,autoKill:!1},duration:e||.5,onComplete:()=>{this.state.off=!1}})}toId({id:t,offset:e}){const o=document.querySelector(t);if(!o)return;const s=o.getBoundingClientRect(),n=o.closest("[data-smooth-scroll-content]")&&o.closest("[data-smooth-scroll-content]")!==o&&o.closest("[data-smooth-scroll-content]").getBoundingClientRect()?s.top+Math.abs(this.state.pos.y):this.state.point[o.getAttribute("data-no")].start;i.p8.to(window,{scrollTo:{y:e?n-e:n,autoKill:!1},duration:R.isInertia?.1:.5,onComplete:()=>{this.state.off=!1}})}exResize({height:t}){t?this.method.exResize.set({height:t}):this.method.exResize.reset()}changeScroll({$select:t,on:e}){this.method._scrollMove=[],e?(this.method._scrollMove.push((()=>{this._selectMove()})),this.method.changeScroll.set({$select:t})):this.method.changeScroll.reset({setNomalMove:()=>{this._setNomalMove()}})}onScrollStart(t){this.method._onScrollStart.push(t)}onScrollComplete(t){this.method._onScrollComplete.push(t)}getScrollVal(){return this.state.val}getScrollPos(){return R.isInertia?{y:Math.abs(this.state.pos.y)}:this.state.val}getScrollTargetContents(){return R.isInertia?this.dom.$dummyContent:this.dom.$bodyContent}_getScrollPageProgress(){this.state.progress.page=this.getScrollPos().y/(this.state.size.body.height-j.height)}_getScrollSectionProgress(t){const e=R.isInertia?t:this.state.viewCurrent;if(this.getScrollPos().y>=this.state.point[e].start){const t=this.getScrollPos().y-this.state.point[e].start;this.state.progress.section[e]=Math.min(Math.max(t/(this.dom.$bodyContent[e].offsetHeight-j.height),0),1)}}_complete(){this.state.comp=!0,this.method._onScrollComplete[0]&&this.method._onScrollComplete.forEach((t=>{t()}))}_observerCallback(t){if(this.state.change.flg)return;this.state.current=[],t.forEach((t=>{const e=t.target.getAttribute("data-no");t.isIntersecting&&(this.state.viewCurrent=e),this.state.current.push(e)}));const e=Number(this.state.viewCurrent);let o=e>0?e-1:0,s=e<this.dom.$bodyContent.length?e+1:this.dom.$bodyContent.length,n=o>0?o-1:0,a=s<this.dom.$bodyContent.length?s+1:this.dom.$bodyContent.length;o&&(o=o.toString(),this.state.current.includes(o)||this.state.current.push(o)),s&&(s=s.toString(),this.state.current.includes(s)||this.state.current.push(s)),this.state.point[this.state.viewCurrent].end-this.state.point[this.state.viewCurrent].start<2*j.height&&(n&&(n=n.toString(),this.state.current.includes(n)||this.state.current.push(n)),a&&(a=a.toString(),this.state.current.includes(a)||this.state.current.push(a))),this.state.current.includes(this.state.viewCurrent)||this.state.current.push(this.state.viewCurrent),!this.state.current.includes("0")&&this.state.current.includes("1")&&this.state.current.push("0"),this.state.saveNo.forEach(((t,e)=>{if(this.state.current.includes(t))R.isInertia&&i.p8.set(this.dom.$bodyContent[e],{opacity:1,pointerEvents:"all"});else{const t=this.state.point[e]?this.state.point[e].start:0;R.isInertia&&i.p8.set(this.dom.$bodyContent[e],{y:t+this.state.size.window.height,opacity:0,pointerEvents:"none"})}}))}_addEventListener(){q.add((({scrollY:t})=>{this._update(t)})),C.add((()=>{this.resize()})),f.add((()=>{this._move()}))}};var U=o(212);class H{constructor({width:t,height:e,center:o,isNarrow:i}){this.obj=i?new U.cPb(60,t/e,.1,1e3):new U.cPb(60,t/e,1e-9,1e7),this.obj.position.set(0,0,0),this.obj.lookAt(o)}resize({width:t,height:e}){this.obj.aspect=t/e,this.obj.updateProjectionMatrix(),this.obj.position.z=e/Math.tan(this.obj.fov*Math.PI/360)/2}}class G{constructor(){this.dom={$container:null,$wrap:null},this.scene=null,this.renderer=null,this.state={active:!1,performance:"normal",size:{width:0,height:0,widthHalf:0,heightHalf:0},init:!1,pixelrate:1,start:!1,fps:1,time:0,center:new U.Pa4(0,0,0)},this.method={onRender:[],onResize:[],camera:null}}init(t){this.state.init||(this.state.init=!0,this.state.pixelrate=window.devicePixelRatio,this.scene=new U.xsS,this.renderer=new U.CP7({alpha:!0,antialias:!1,stencil:!1,powerPreference:"low-power",logarithmicDepthBuffer:t.logarithmicDepthBuffer||!0}),this.renderer.setSize(this.state.size.width,this.state.size.height),this.renderer.setClearColor(13882850,0),this.renderer.setPixelRatio(this.state.pixelrate),this.dom.$container=t.$container,this.dom.$container.appendChild(this.renderer.domElement),this.state.size.width=this.dom.$container.clientWidth,this.state.size.height=this.dom.$container.clientHeight,this.method.camera=new H({width:this.state.size.width,height:this.state.size.height,center:this.state.center,isNarrow:t.isNarrow||!1}),this.changePerformance({mode:"low"}),C.add((()=>{this._resize()})),f.add((()=>{this._render()})))}_render(){this.state.active&&(this.state.time+=1,this.state.time<this.state.fps||(this.state.time=0,this.method.onRender[0]&&this.method.onRender.forEach((t=>{t()})),this.renderer.render(this.scene,this.method.camera.obj),this.renderer.autoClear=!1,this.renderer.clearDepth()))}onRender(t){this.method.onRender.push(t)}stopRender(){this.dom.$container.style.opacity=0,this.state.active=!1}startRender(){this.dom.$container.style.opacity=1,this.state.active=!0}changePerformance(t){this.state.performance!==t.mode&&("low"===t.mode?this.state.pixelrate=1:this.state.pixelrate=window.devicePixelRatio,this.renderer.setPixelRatio(this.state.pixelrate),this.state.performance=t.mode,this._resize())}_resize(){this.state.size.width=this.dom.$container.clientWidth,this.state.size.height=this.dom.$container.clientHeight,this.state.size.widthHalf=.5*this.state.size.width,this.state.size.heightHalf=.5*this.state.size.height,this.method.camera.resize({width:this.state.size.width,height:this.state.size.height}),this.method.onResize[0]&&this.method.onResize.forEach((t=>{t()})),this.renderer.setSize(this.state.size.width,this.state.size.height)}onResize(t){this.method.onResize.push(t)}}class Y{constructor({$container:t}){this.dom={$container:t},this.obj={canvas:null},this.state={}}init(t){this.obj.canvas=new G,this.obj.canvas.init({$container:this.dom.$container,isNarrow:t.isNarrow||!1,logarithmicDepthBuffer:t.logarithmicDepthBuffer||!1}),t.onComplete()}startRender(){this.obj.canvas.startRender()}stopRender(){this.obj.canvas.stopRender()}onResize(t){this.obj.canvas.onResize(t)}onRender(t){this.obj.canvas.onRender(t)}emitResize(){this.obj.canvas._resize()}changePerformance({mode:t}){this.obj.canvas.changePerformance({mode:t})}}const V=new Y({$container:document.querySelector("[data-gl-transition]")});class K{constructor({gl:t,isTransition:e}){this.dom={},this.obj={},this.state={},this.gl=t;const o=new U.BKK(this.gl.obj.canvas.state.size.width,this.gl.obj.canvas.state.size.height);o.verticesNeedUpdate=!0,this.mesh=new U.Kj0(o,new U.FIo({vertexShader:"#define GLSLIFY 1\nattribute vec3 position;\nattribute vec2 uv;\n\nuniform mat4 modelViewMatrix;\nuniform mat4 projectionMatrix;\n\nuniform float uScrollY;\nvarying vec2 vUv;\n\nvoid main () {\n  vUv = uv;\n  gl_Position = vec4(vec3(position.x,position.y,0.0 ), 1.0);\n\n  // vec4 mvPosition = modelViewMatrix * vec4( position, 1.0 );\n  // gl_Position = projectionMatrix * mvPosition;\n}\n",fragmentShader:e?"precision highp float;\n#define GLSLIFY 1\n// precision mediump float;\n\n// varying vec2 vTextureCoord;\n//\n// Description : Array and textureless GLSL 2D simplex noise function.\n//      Author : Ian McEwan, Ashima Arts.\n//  Maintainer : ijm\n//     Lastmod : 20110822 (ijm)\n//     License : Copyright (C) 2011 Ashima Arts. All rights reserved.\n//               Distributed under the MIT License. See LICENSE file.\n//               https://github.com/ashima/webgl-noise\n//\n\nvec3 mod289(vec3 x) {\n  return x - floor(x * (1.0 / 289.0)) * 289.0;\n}\n\nvec2 mod289(vec2 x) {\n  return x - floor(x * (1.0 / 289.0)) * 289.0;\n}\n\nvec3 permute(vec3 x) {\n  return mod289(((x*34.0)+1.0)*x);\n}\n\nfloat snoise(vec2 v)\n  {\n  const vec4 C = vec4(0.211324865405187,  // (3.0-sqrt(3.0))/6.0\n                      0.366025403784439,  // 0.5*(sqrt(3.0)-1.0)\n                     -0.577350269189626,  // -1.0 + 2.0 * C.x\n                      0.024390243902439); // 1.0 / 41.0\n// First corner\n  vec2 i  = floor(v + dot(v, C.yy) );\n  vec2 x0 = v -   i + dot(i, C.xx);\n\n// Other corners\n  vec2 i1;\n  //i1.x = step( x0.y, x0.x ); // x0.x > x0.y ? 1.0 : 0.0\n  //i1.y = 1.0 - i1.x;\n  i1 = (x0.x > x0.y) ? vec2(1.0, 0.0) : vec2(0.0, 1.0);\n  // x0 = x0 - 0.0 + 0.0 * C.xx ;\n  // x1 = x0 - i1 + 1.0 * C.xx ;\n  // x2 = x0 - 1.0 + 2.0 * C.xx ;\n  vec4 x12 = x0.xyxy + C.xxzz;\n  x12.xy -= i1;\n\n// Permutations\n  i = mod289(i); // Avoid truncation effects in permutation\n  vec3 p = permute( permute( i.y + vec3(0.0, i1.y, 1.0 ))\n    + i.x + vec3(0.0, i1.x, 1.0 ));\n\n  vec3 m = max(0.5 - vec3(dot(x0,x0), dot(x12.xy,x12.xy), dot(x12.zw,x12.zw)), 0.0);\n  m = m*m ;\n  m = m*m ;\n\n// Gradients: 41 points uniformly over a line, mapped onto a diamond.\n// The ring size 17*17 = 289 is close to a multiple of 41 (41*7 = 287)\n\n  vec3 x = 2.0 * fract(p * C.www) - 1.0;\n  vec3 h = abs(x) - 0.5;\n  vec3 ox = floor(x + 0.5);\n  vec3 a0 = x - ox;\n\n// Normalise gradients implicitly by scaling m\n// Approximation of: m *= inversesqrt( a0*a0 + h*h );\n  m *= 1.79284291400159 - 0.85373472095314 * ( a0*a0 + h*h );\n\n// Compute final noise value at P\n  vec3 g;\n  g.x  = a0.x  * x0.x  + h.x  * x0.y;\n  g.yz = a0.yz * x12.xz + h.yz * x12.yw;\n  return 130.0 * dot(m, g);\n}\n\nuniform float uTime;\nuniform vec2 uResolution;\n\nuniform float uRate;\nuniform float uScale;\nuniform vec2 uMask;\nuniform float uOpacity;\nuniform float uOpacity2;\n\nvarying vec2 vUv;\n\nfloat noise (float num, float toMin, float toMax, float fromMin, float fromMax) {\n  return fromMin + (fromMax - fromMin) * (num - toMin) / (toMax - toMin);\n}\n\nvoid main(void) {\n\n  vec2 st = gl_FragCoord.xy / uResolution.xy - 0.5;\n  st.x *= uResolution.x / uResolution.y;\n\n  vec3 color = vec3(1.0);\n  float mask = uScale / cos(cos(uTime)) - length(st) * uRate;\n\n  gl_FragColor = vec4(color, 1.0 - mask);\n}\n":"precision highp float;\n#define GLSLIFY 1\n// precision mediump float;\n\n// varying vec2 vTextureCoord;\n//\n// Description : Array and textureless GLSL 2D simplex noise function.\n//      Author : Ian McEwan, Ashima Arts.\n//  Maintainer : ijm\n//     Lastmod : 20110822 (ijm)\n//     License : Copyright (C) 2011 Ashima Arts. All rights reserved.\n//               Distributed under the MIT License. See LICENSE file.\n//               https://github.com/ashima/webgl-noise\n//\n\nvec3 mod289(vec3 x) {\n  return x - floor(x * (1.0 / 289.0)) * 289.0;\n}\n\nvec2 mod289(vec2 x) {\n  return x - floor(x * (1.0 / 289.0)) * 289.0;\n}\n\nvec3 permute(vec3 x) {\n  return mod289(((x*34.0)+1.0)*x);\n}\n\nfloat snoise(vec2 v)\n  {\n  const vec4 C = vec4(0.211324865405187,  // (3.0-sqrt(3.0))/6.0\n                      0.366025403784439,  // 0.5*(sqrt(3.0)-1.0)\n                     -0.577350269189626,  // -1.0 + 2.0 * C.x\n                      0.024390243902439); // 1.0 / 41.0\n// First corner\n  vec2 i  = floor(v + dot(v, C.yy) );\n  vec2 x0 = v -   i + dot(i, C.xx);\n\n// Other corners\n  vec2 i1;\n  //i1.x = step( x0.y, x0.x ); // x0.x > x0.y ? 1.0 : 0.0\n  //i1.y = 1.0 - i1.x;\n  i1 = (x0.x > x0.y) ? vec2(1.0, 0.0) : vec2(0.0, 1.0);\n  // x0 = x0 - 0.0 + 0.0 * C.xx ;\n  // x1 = x0 - i1 + 1.0 * C.xx ;\n  // x2 = x0 - 1.0 + 2.0 * C.xx ;\n  vec4 x12 = x0.xyxy + C.xxzz;\n  x12.xy -= i1;\n\n// Permutations\n  i = mod289(i); // Avoid truncation effects in permutation\n  vec3 p = permute( permute( i.y + vec3(0.0, i1.y, 1.0 ))\n    + i.x + vec3(0.0, i1.x, 1.0 ));\n\n  vec3 m = max(0.5 - vec3(dot(x0,x0), dot(x12.xy,x12.xy), dot(x12.zw,x12.zw)), 0.0);\n  m = m*m ;\n  m = m*m ;\n\n// Gradients: 41 points uniformly over a line, mapped onto a diamond.\n// The ring size 17*17 = 289 is close to a multiple of 41 (41*7 = 287)\n\n  vec3 x = 2.0 * fract(p * C.www) - 1.0;\n  vec3 h = abs(x) - 0.5;\n  vec3 ox = floor(x + 0.5);\n  vec3 a0 = x - ox;\n\n// Normalise gradients implicitly by scaling m\n// Approximation of: m *= inversesqrt( a0*a0 + h*h );\n  m *= 1.79284291400159 - 0.85373472095314 * ( a0*a0 + h*h );\n\n// Compute final noise value at P\n  vec3 g;\n  g.x  = a0.x  * x0.x  + h.x  * x0.y;\n  g.yz = a0.yz * x12.xz + h.yz * x12.yw;\n  return 130.0 * dot(m, g);\n}\n\nuniform float uTime;\nuniform vec2 uResolution;\n\nuniform float uRate;\nuniform float uScale;\nuniform vec2 uMask;\nuniform float uOpacity;\nuniform float uOpacity2;\n\nvarying vec2 vUv;\n\nfloat noise (float num, float toMin, float toMax, float fromMin, float fromMax) {\n  return fromMin + (fromMax - fromMin) * (num - toMin) / (toMax - toMin);\n}\n\nvoid main(void) {\n\n  vec2 st = gl_FragCoord.xy / uResolution.xy - 0.5;\n  st.x *= uResolution.x / uResolution.y;\n\n  vec3 color = vec3(0.04313725, 0.18039216, 0.62745098);\n  float mask = uScale / cos(cos(uTime)) - length(vec2(st.x, st.y - 0.15)) * uRate;\n\n  gl_FragColor = vec4(color, 1.0 - mask);\n}\n",transparent:!0,side:U.ehD,uniforms:{uTime:{value:0},uRate:{value:.4},uOpacity:{value:1},uOpacity2:{value:1},uScale:{value:0},uMask:{type:"v2",value:new U.FM8(.2,.1)},uResolution:{type:"v2",value:new U.FM8(0,0)}}})),this.mesh.renderOrder=10,this.gl.obj.canvas.scene.add(this.mesh),this.gl.onResize((()=>{this.resize()})),this.gl.onRender((()=>{this.render()}))}render(){this.mesh.material.uniforms.uTime.value+=.01}resize(){this.mesh.material.uniforms.uResolution.value.x=this.gl.obj.canvas.state.size.width*this.gl.obj.canvas.state.pixelrate,this.mesh.material.uniforms.uResolution.value.y=this.gl.obj.canvas.state.size.height*this.gl.obj.canvas.state.pixelrate}show({onComplete:t}){i.p8.to(this.mesh.material.uniforms.uScale,{value:0,ease:"expo.inOut",duration:1}),i.p8.to(this.mesh.material.uniforms.uRate,{value:4,ease:"expo.inOut",duration:1.2,onComplete:()=>{t()}})}out(){i.p8.to(this.mesh.material.uniforms.uScale,{value:.1,ease:"power2.out",duration:.5,onComplete:()=>{i.p8.to(this.mesh.material.uniforms.uRate,{value:0,ease:"expo.in",duration:.6}),i.p8.to(this.mesh.material.uniforms.uScale,{value:1,ease:"expo.in",duration:.6})}})}}class X{constructor(){this.dom={$link:document.querySelectorAll("#container [data-link]")},this.cover,V.init({onComplete:()=>{this.cover=new K({gl:V}),this.cover.out(),this.dom.$link.forEach((t=>{t.addEventListener("click",(t=>{const e=t.target.getAttribute("data-link-href");if(!e)return!1;V.startRender(),this.cover.show({onComplete:()=>{location.href=e}}),document.querySelector("body").classList.add("-transition"),i.p8.to(document.querySelector(".mf_finder_container"),{opacity:0,duration:.2})}),b)}))}})}}const Z={speed:.25};Object.freeze(Z);const J=new class{constructor(){if(this.state={val:{x:j.center.x,y:j.center.y},pos:{x:j.center.x,y:j.center.y},active:!1,drag:{startFlg:!1,active:!1,start:{x:0,y:0},end:{x:0,y:0},distance:{x:0,y:0}}},this._onUpdate=[],this._onMove=[],this._onResize=[],v||g)return!1;document.addEventListener("mousemove",(t=>{const{clientX:e,clientY:o}=t;this._update(e,o)}),b),f.add((()=>{this._move()}))}_update(t,e){this.state.active&&(this.state.val.x=t,this.state.val.y=e,this._onUpdate[0]&&this._onUpdate.forEach((t=>{t()})))}_move(){this.state.active&&(this.state.pos.x+=(this.state.val.x-this.state.pos.x)*Z.speed,this.state.pos.y+=(this.state.val.y-this.state.pos.y)*Z.speed,this._onMove[0]&&this._onMove.forEach((t=>{t()})),this.state.drag.startFlg?(this.state.drag.active||(this.state.drag.start.x=0,this.state.drag.start.y=0,this.state.drag.distance.x=0,this.state.drag.distance.y=0,this.state.drag.active=!0,this.state.drag.start.x=this.state.val.x,this.state.drag.start.y=this.state.val.y),this.state.drag.distance.x=this.state.pos.x-this.state.drag.start.x,this.state.drag.distance.y=this.state.pos.y-this.state.drag.start.y):this.state.drag.active&&(this.state.drag.end=this.state.pos,this.state.drag.active=!1))}_resize(){this._onResize[0]&&this._onResize.forEach((t=>{t()}))}addDrag(t){t.$dragTarget&&(t.$dragTarget.addEventListener("mousedown",(()=>{this.state.drag.startFlg=!0,t.onStart()}),b),t.$dragTarget.addEventListener("mouseup",(()=>{this.state.drag.startFlg=!1,t.onEnd()}),b),t.$dragTarget.addEventListener("dragend",(()=>{this.state.drag.startFlg=!1,t.onEnd()}),b))}onUpdate(t){this._onUpdate.push(t)}onMove(t){this._onMove.push(t)}onResize(t){this._onResize.push(t)}};class Q{constructor(){this.dom={$ele:document.querySelectorAll("[data-bg-line]")},this.method={repeatMotion:[]};let t=0;for(;t<this.dom.$ele.length;)this.method.repeatMotion[t]=i.p8.timeline({repeat:-1,delay:O(.5,2),repeatDelay:O(.5,2)}),this.method.repeatMotion[t].fromTo(this.dom.$ele[t],{y:"-50vh"},{y:"150vh",ease:"power2.out",duration:5}),t+=1;i.p8.set(this.dom.$ele,{opacity:1})}start(){let t=0;for(;t<this.dom.$ele.length;)this.method.repeatMotion[t].play(),t+=1}reset(){let t=0;for(;t<this.dom.$ele.length;)this.method.repeatMotion[t].paused(),t+=1;i.p8.set(this.dom.$ele,{y:"-50vh"})}}class tt{constructor(){this.dom={$wrap:document.querySelector("[data-bg]"),$white:document.querySelector("[data-bg-white]"),$blue:document.querySelector("[data-bg-blue]")},this.state={color:"normal"},this.line=new Q}colorNormal(){i.p8.to("white"===this.state.color?this.dom.$white:this.dom.$blue,{opacity:0,duration:.6,ease:"power2.out"}),this.state.color="normal"}colorWhite(){"blue"===this.state.color&&(this.dom.$wrap.classList.remove("-blue"),i.p8.to(this.dom.$blue,{opacity:0,duration:.6,ease:"power2.out"})),this.state.color="white",i.p8.to(this.dom.$white,{opacity:1,duration:.6,ease:"power2.out"})}colorBlue(){"white"===this.state.color&&i.p8.to(this.dom.$blue,{opacity:0,duration:.6,ease:"power2.out"}),this.state.color="blue",this.dom.$wrap.classList.add("-blue"),i.p8.to(this.dom.$blue,{opacity:1,duration:.6,ease:"power2.out"})}}"index"===document.querySelector("[data-page]").dataset.page&&(()=>{const t=document.createElement("div");t.setAttribute("class","p-kv-opening"),t.setAttribute("data-gl-opening","data-gl-opening"),document.querySelector(".p-kv-inner").appendChild(t)})();const et=new Y({$container:document.querySelector("[data-gl-opening]"),isNarrow:!0,logarithmicDepthBuffer:!0}),ot=new Y({$container:document.querySelector("[data-gl-mv]"),isNarrow:!0,logarithmicDepthBuffer:!0}),it=new Y({$container:document.querySelector("[data-gl-company]")}),st={src:{pc:["/-/media/global/digest/renew/img/index/kv/scene/mv-manufacture-mini-01.jpg","/-/media/global/digest/renew/img/index/kv/scene/mv-manufacture-02.jpg","/-/media/global/digest/renew/img/index/kv/scene/mv-manufacture-mini-02.jpg","/-/media/global/digest/renew/img/index/kv/scene/mv-office-mini-01.jpg","/-/media/global/digest/renew/img/index/kv/scene/mv-office-02.jpg","/-/media/global/digest/renew/img/index/kv/scene/mv-office-mini-02.jpg","/-/media/global/digest/renew/img/index/kv/scene/mv-product-mini-01.jpg","/-/media/global/digest/renew/img/index/kv/scene/mv-product-02.jpg","/-/media/global/digest/renew/img/index/kv/scene/mv-product-mini-02.jpg","/-/media/global/digest/renew/img/index/kv/scene/mv-home-mini-01.jpg","/-/media/global/digest/renew/img/index/kv/scene/mv-home-02.jpg","/-/media/global/digest/renew/img/index/kv/scene/mv-home-mini-02.jpg","/-/media/global/digest/renew/img/index/kv/scene/mv-manufacture-mini-01.jpg","/-/media/global/digest/renew/img/index/kv/scene/mv-manufacture-02.jpg","/-/media/global/digest/renew/img/index/kv/scene/mv-manufacture-mini-02.jpg","/-/media/global/digest/renew/img/index/kv/scene/mv-office-mini-01.jpg","/-/media/global/digest/renew/img/index/kv/scene/mv-office-02.jpg","/-/media/global/digest/renew/img/index/kv/scene/mv-office-mini-02.jpg","/-/media/global/digest/renew/img/index/kv/scene/mv-product-mini-01.jpg","/-/media/global/digest/renew/img/index/kv/scene/mv-product-02.jpg","/-/media/global/digest/renew/img/index/kv/scene/mv-product-mini-02.jpg","/-/media/global/digest/renew/img/index/kv/scene/mv-home-mini-01.jpg","/-/media/global/digest/renew/img/index/kv/scene/mv-home-02.jpg","/-/media/global/digest/renew/img/index/kv/scene/mv-home-mini-02.jpg"]},backSrc:{changeNo:[1,4,7,10,13,16,19,22],pc:["/-/media/global/digest/renew/img/index/kv/scene/mv-manufacture-01.jpg","/-/media/global/digest/renew/img/index/kv/scene/mv-office-01.jpg","/-/media/global/digest/renew/img/index/kv/scene/mv-product-01.jpg","/-/media/global/digest/renew/img/index/kv/scene/mv-home-01.jpg","/-/media/global/digest/renew/img/index/kv/scene/mv-manufacture-01.jpg","/-/media/global/digest/renew/img/index/kv/scene/mv-office-01.jpg","/-/media/global/digest/renew/img/index/kv/scene/mv-product-01.jpg","/-/media/global/digest/renew/img/index/kv/scene/mv-home-01.jpg"]},shadowSrc:{pc:["/-/media/global/digest/renew/img/index/kv/shadow.png"]},videoSrc:{changeNo:[4],pc:["/-/media/global/digest/renew/video/index/kv/scene/factory-04.mp4"]}};Object.freeze(st);class nt{constructor({src:t,maskSrc:e}){this.state={loadedPC:[],loadedSP:[],loaded:!1},this.pcTexture=[],this.spTexture=[],this._onLoaded=[],this._load({src:t,maskSrc:e})}_load({src:t}){t.pc.forEach(((t,e)=>{this.state.loadedPC[e]=!1,this.pcTexture[e]=(new U.dpR).load(t,(()=>{this.pcTexture[e].minFilter=U.wem,this.pcTexture[e].magFilter=U.wem,this.pcTexture[e].needsUpdate=!0,this.state.loadedPC[e]=!0,this.checkLoaded()&&(this.state.loaded=!0,this._onLoaded.forEach((t=>{t()})))}))})),t.sp&&t.sp.forEach(((t,e)=>{this.spTexture[e]=(new U.dpR).load(t,(()=>{this.spTexture[e].minFilter=U.wem,this.spTexture[e].magFilter=U.wem,this.spTexture[e].needsUpdate=!0,this.checkLoaded()&&(this.state.loaded=!0,this._onLoaded.forEach((t=>{t()})))}))}))}checkLoaded(){return this.spTexture[0]?this.state.loadedPC.every((t=>t))&&this.state.loadedSP.every((t=>t)):this.state.loadedPC.every((t=>t))}onLoaded(t){if("function"!=typeof t)return!1;this._onLoaded.push(t)}}class at{constructor({width:t,height:e}){const o=new U.BKK(t,e,100,100);return o.verticesNeedUpdate=!0,o}}class rt{constructor(){this.state={shader:null,uniforms:{},pixelRato:null,init:!1},this.objWrap=null,this.obj=null,this.material=null,this.geometry=null,this.scene,this.shadowObj=null,this.shadowMaterial=null,this.shadowGeometry=null}init(t){this.state.init||(this.state.init=!0,this.objWrap=new U.Tme,t.shadowOn&&(this.shadowObj=new U.Kj0(t.geo,new U.FIo(t.shadowMatOption)),this.shadowMaterial=this.shadowObj.material,this.shadowGeometry=this.shadowObj.geometry,this.objWrap.add(this.shadowObj)),this.obj=new U.Kj0(t.geo,new U.FIo(t.matOption)),this.material=this.obj.material,this.geometry=this.obj.geometry,this.objWrap.add(this.obj),t.scene.add(this.objWrap))}remove(t){t.scene.remove(this.objWrap),this.geometry.dispose(),this.material.dispose()}}class ht{constructor({scene:t,geo:e,uniforms:o,vert:i,frag:s,shadowVert:n,shadowFrag:a,shadowOn:r,sizeRate:h}){this.state={base:{width:j.width,height:j.height},sizeRate:h||{x:1,y:1},rate:{x:0,y:0}},this.mesh=new rt,this.mesh.init({scene:t,matOption:{vertexShader:i,fragmentShader:s,transparent:!0,side:U.Wl3,uniforms:o},shadowMatOption:{vertexShader:n,fragmentShader:a,transparent:!0,side:U.Wl3,uniforms:o},geo:e,shadowOn:r})}render(){this.mesh.material.uniforms.uTime.value+=.1}resize({width:t,height:e}){this.state.rate={x:j.width/this.state.base.width,y:j.height/this.state.base.height},this.mesh.obj.scale.x=this.state.rate.x*this.state.sizeRate.x,this.mesh.obj.scale.y=this.state.rate.x*this.state.sizeRate.y,this.mesh.shadowObj&&(this.mesh.shadowObj.scale.x=this.state.rate.x*this.state.sizeRate.x,this.mesh.shadowObj.scale.y=this.state.rate.x*this.state.sizeRate.y),this.mesh.material.uniforms.uResolution.value.x=t,this.mesh.material.uniforms.uResolution.value.y=e}}class lt{constructor(){this.dom={$container:document.querySelector("[data-gl-mv-image]"),$scene:document.querySelectorAll("[data-gl-mv-image-scene]")},this.state={len:this.dom.$scene.length-1,change:!1,opening:!1,dirChanged:!1,motion:!1,reset:!1,resizeFit:!1,resetSavePos:0,auto:{val:0,time:0},distance:[],scene:0,prevScene:3,sceneNumber:[],sceneNumberPrev:[],posi:[]},this.conf={textureNo:[],auto:{pause:120}},this.resizeTime=null,this.mainvisualImage=null,this.dom.$scene.forEach(((t,e)=>{this.state.sceneNumber[e]=e,this.state.sceneNumberPrev[e]=null,this.conf.textureNo[e]=[]}))}inheritanceMainvisualImage({obj:t,method:e,navi:o,state:i}){this.mainvisualImage={obj:t,method:e,navi:o,state:i}}init(){this.mainvisualImage.obj.texture.pcTexture.forEach(((t,e)=>{const o=Math.floor(e/3);this.conf.textureNo[o].push(e)})),this.mainvisualImage.method.gesture.addStart((()=>{this.mainvisualImage.obj.panel.forEach((t=>{i.p8.killTweensOf(t.mesh.material.uniforms.uZoom,{value:!0}),i.p8.to(t.mesh.material.uniforms.uZoom,{value:.5,ease:"expo.out",duration:1})})),this._startMotion(),i.p8.killTweensOf(this.state.auto,{val:!0}),i.p8.to(this.state.auto,{val:0,duration:1,ease:"power2.out"})})),this.mainvisualImage.method.gesture.addEnd((()=>{this.mainvisualImage.obj.panel.forEach((t=>{i.p8.killTweensOf(t.mesh.material.uniforms.uZoom,{value:!0}),i.p8.to(t.mesh.material.uniforms.uZoom,{value:0,ease:"expo.out",duration:1})})),this._endMotion({onComplete:()=>{this.mainvisualImage.obj.panel.forEach(((t,e)=>{st.backSrc.changeNo.includes(e)&&e!==3*this.mainvisualImage.method.gesture.state.current+1&&(i.p8.killTweensOf(t.mesh.material.uniforms.uBack,{value:!0}),i.p8.set(t.mesh.material.uniforms.uBack,{value:1}))}))}})})),this.mainvisualImage.method.navi.addChange((({current:t,dir:e})=>{this._changeMotion({current:t,dir:e})}))}render(){return!this.state.motion&&(this.mainvisualImage.method.gesture.state.isStart||this.mainvisualImage.method.gesture.state.isDisabled?(this.state.auto.val=0,this.state.auto.time=0,!1):(this.state.auto.val+=.15,this.state.auto.time+=1,void(this.conf.auto.pause<this.state.auto.time&&(clearTimeout(this.resizeTime),this.mainvisualImage.method.gesture.state.current=this.mainvisualImage.method.navi.state.total+1>this.mainvisualImage.method.gesture.state.current?this.mainvisualImage.method.gesture.state.current+1:0,this._changeMotion({current:this.mainvisualImage.method.gesture.state.current,dir:0==this.mainvisualImage.method.gesture.state.current?-1:1})))))}resize(){this.dom.$scene.forEach(((t,e)=>{this.state.dirChanged||0===e?t.style.left=t.clientWidth*e+"px":t.style.right=1.1*t.clientWidth*e+"px",this.state.distance[e]=t.clientWidth*(e+1)})),clearTimeout(this.resizeTime),this.state.opening&&(this.resizeTime=setTimeout((()=>{this.state.auto.val=0,this.state.auto.time=0,this.state.resizeFit=!0,this._changeMotion({current:this.mainvisualImage.method.gesture.state.current,dir:"next"})}),100))}_numbering({current:t}){let e=0,o=0,i=0;for(;e<this.state.sceneNumber.length;)o===t?(this.state.sceneNumber[o]=0,i=o,e!=i&&(this.state.sceneNumberPrev[e]=this.state.sceneNumber[e],this.state.sceneNumber[e]=e-i>0?e-i:this.state.sceneNumber.length-1-e),e+=1):o+=1}_startMotion(){this.state.motion=!0,this.mainvisualImage.method.navi.motionStart(),this.state.auto.time=0}_endMotion({onComplete:t}){const e=3*this.mainvisualImage.method.gesture.state.current+1;this.mainvisualImage.method.navi.update({current:this.mainvisualImage.method.gesture.state.current,dir:this.mainvisualImage.method.gesture.state.dir}),i.p8.killTweensOf(this.mainvisualImage.obj.panel[e].mesh.material.uniforms.uBack,{value:!0}),i.p8.to(this.mainvisualImage.obj.panel[e].mesh.material.uniforms.uBack,{value:0,ease:"circ.inOut",duration:1.5,onComplete:()=>{this.state.motion=!1,this.mainvisualImage.method.navi.motionEnd(),t&&t(),(this.mainvisualImage.method.gesture.state.current>3||this.mainvisualImage.method.navi.state.current>3)&&this._reset()}})}_changeMotion({current:t,dir:e}){this.dom.$container.classList.add("-disable"),this.mainvisualImage.method.gesture.state.isDisabled=!0,i.p8.killTweensOf(this.mainvisualImage.method.gesture.state,{inertia:!0}),i.p8.to(this.mainvisualImage.method.gesture.state,{inertia:.5,duration:.7,ease:"expo.in"}),this._startMotion(),this._numbering({current:t}),this.mainvisualImage.method.gesture.state.current=t,this.mainvisualImage.method.gesture.state.dir=e,this.mainvisualImage.method.gesture.state.isActive=!1,this.mainvisualImage.method.gesture.state.pos.x=this.mainvisualImage.method.gesture.dom.$contentItem[0].getBoundingClientRect().width*t,this.mainvisualImage.method.gesture.state.prevPos.x=this.mainvisualImage.method.gesture.state.pos.x,i.p8.killTweensOf(this.mainvisualImage.method.gesture.method.tween.state,{position:!0}),i.p8.to(this.mainvisualImage.method.gesture.method.tween.state,{position:this.mainvisualImage.method.gesture.state.pos.x,ease:"power4.inOut",duration:1.2}),i.p8.killTweensOf(this.mainvisualImage.method.gesture.dom.$target,{x:!0}),i.p8.to(this.mainvisualImage.method.gesture.dom.$target,{x:-this.mainvisualImage.method.gesture.state.pos.x,ease:"power4.inOut",duration:1.2,onComplete:()=>{this.state.resizeFit=!1,this.mainvisualImage.method.gesture.state.isDisabled=!1}}),i.p8.delayedCall(.5,(()=>{i.p8.killTweensOf(this.state.auto,{val:!0}),i.p8.to(this.state.auto,{val:0,duration:.6,delay:.3,ease:"power2.out"}),this.mainvisualImage.obj.panel.forEach(((t,e)=>{st.backSrc.changeNo.includes(e)&&e!==3*this.mainvisualImage.method.gesture.state.current+1&&(i.p8.killTweensOf(t.mesh.material.uniforms.uBack,{value:!0}),i.p8.to(t.mesh.material.uniforms.uBack,{value:1,ease:"power2.out",duration:.2,onComplete:()=>{e===st.backSrc.changeNo[st.backSrc.changeNo.length-1]&&(i.p8.killTweensOf(this.mainvisualImage.method.gesture.state,{inertia:!0}),i.p8.to(this.mainvisualImage.method.gesture.state,{inertia:0,duration:.3,ease:"expo.out"}),this._endMotion({onComplete:()=>{this.dom.$container.classList.remove("-disable")}}))}}))}))}))}_reset(){this.state.reset=!0,this.state.resetSavePos=this.mainvisualImage.method.gesture.method.tween.state.position,this.mainvisualImage.method.navi.state.current=Math.max(0,this.mainvisualImage.method.navi.state.current-4),this.mainvisualImage.method.gesture.state.current=this.mainvisualImage.method.navi.state.current,this.mainvisualImage.method.gesture.state.dir="next",this.mainvisualImage.method.gesture.state.isActive=!1,this.mainvisualImage.method.gesture.state.pos.x=this.mainvisualImage.method.gesture.dom.$contentItem[0].getBoundingClientRect().width*this.mainvisualImage.method.gesture.state.current,this.mainvisualImage.method.gesture.state.prevPos.x=this.mainvisualImage.method.gesture.state.pos.x,this.mainvisualImage.obj.panel[3*this.mainvisualImage.method.gesture.state.current+1].mesh.material.uniforms.uBack.value=0,this.mainvisualImage.method.gesture.method.tween.state.position=this.mainvisualImage.method.gesture.state.pos.x,this.mainvisualImage.method.gesture.dom.$target.style.transform=`translate3d(${-this.mainvisualImage.method.gesture.method.tween.state.position}px, 0, 0)`,i.p8.delayedCall(.01,(()=>{this.state.reset=!1}))}dirChange(){this.state.dirChanged=!0,this.dom.$scene.forEach((t=>{t.style.right=""}))}}class ct{constructor(){if(this.dom={$container:document.querySelector("[data-mv-navi]"),$prev:document.querySelector("[data-mv-navi-prev]"),$next:document.querySelector("[data-mv-navi-next]"),$prevText:document.querySelector("[data-mv-navi-prev-text]"),$nextText:document.querySelector("[data-mv-navi-next-text]")},!this.dom.$container)return!1;this.state={current:0,oldCurrent:null,prevCurrent:0,nextCurrent:0,prevShow:!1,nextShow:!0,motion:!1,total:3},this._change,i.p8.set([this.dom.$prev.querySelector(".line-color"),this.dom.$next.querySelector(".line-color")],{y:"-110%"}),this.update({current:this.state.current,dir:-1}),this.dom.$prev.addEventListener("click",(()=>{if(this.state.current<=0||this.state.motion)return!1;this.state.current=this.state.current-1,this._change({current:this.state.current,dir:-1})})),this.dom.$next.addEventListener("click",(()=>{if(this.state.motion)return!1;this.state.current=this.state.current+1,this._change({current:this.state.current,dir:-1})}))}motionStart(){this.state.motion=!0,this.dom.$prev.classList.add("-disable"),this.dom.$next.classList.add("-disable")}motionEnd(){this.state.motion=!1,this.dom.$prev.classList.remove("-disable"),this.dom.$next.classList.remove("-disable")}update({current:t}){this.state.current=t,this.state.oldCurrent!=this.state.current&&(this.state.prevCurrent=this.state.current>0?this.state.current-1:3,this.state.nextCurrent=this.state.current<3?this.state.current+1:0,i.p8.to(this.dom.$nextText,{y:-100*this.state.nextCurrent+"%",duration:.6,ease:"expo.out"}),i.p8.to(this.dom.$prevText,{y:-100*this.state.prevCurrent+"%",duration:.6,ease:"expo.out"}),0==this.state.current||this.state.current==this.state.total+1?(this.state.prevShow=!1,i.p8.to(this.dom.$prev,{opacity:0,duration:.4,ease:"power2.out"})):this.state.prevShow||(this.state.prevShow=!0,i.p8.to(this.dom.$prev,{opacity:1,duration:.4,ease:"power2.out"})),this.state.oldCurrent=this.state.current)}addChange(t){this._change=t}}const dt=v?8:1.5;class ut{constructor({$content:t,$target:e,$contentInner:o,$contentItem:i,dragSpeed:s,loop:n}){if(!t)return!1;this.dom={$content:t,$target:e,$contentInner:o,$contentItem:i},this.state={isActive:!0,isDisabled:!1,isLoop:n,dragSpeed:s||dt,isDesktop:!v&&!u,isStart:!1,isUpdate:!1,updateDistance:0,move:{x:0,y:0},pos:{x:0,y:0,max:0,progress:0},prevPos:{x:0,y:0,max:0},prevMovePos:{x:0,y:0},inertia:0,progress:0,power:0,current:0,dir:0,distance:0},this.method={tween:new z({position:0,speed:8}),_addStart:[],_addEnd:[]},this._setEvent()}_setEvent(){const t=this.state.isDesktop?l?"mousedown":"pointerdown":"touchstart",e=this.state.isDesktop?l?"mousemove":"pointermove":"touchmove",o=this.state.isDesktop?l?"mouseup":"pointerup":"touchend",i=this.state.isDesktop?l?"mouseleave":"pointerleave":"touchcancel";this.onStartFunc=this.onStart.bind(this),this.onMoveFunc=this.onMove.bind(this),this.onEndFunc=this.onEnd.bind(this),this.dom.$content.addEventListener(t,this.onStartFunc,b),this.dom.$content.addEventListener(e,this.onMoveFunc,b),this.dom.$content.addEventListener(o,this.onEndFunc,b),this.dom.$content.addEventListener(i,this.onEndFunc,b),this._resize(),C.add((()=>{this._resize()})),f.add((()=>{this._update()}))}_getX(t){return this.state.isDesktop?t.pageX*this.state.dragSpeed:t.changedTouches[0].pageX*this.state.dragSpeed}_getY(t){return this.state.isDesktop?t.pageY:t.changedTouches[0].pageY}_getCurrent(){let t=0;for(;t<this.dom.$contentItem.length;){const e=this.dom.$contentItem[t].getBoundingClientRect(),o=e.width;if(!(e.left-this.dom.$content.getBoundingClientRect().left+o/2<0)){this.state.current=t;break}t+=1}}_resize(){this.state.pos.max=this.dom.$target.getBoundingClientRect().width-this.dom.$contentInner.getBoundingClientRect().width;let t=this.dom.$contentItem[this.state.current].getBoundingClientRect().left-this.dom.$content.getBoundingClientRect().left;this.state.pos.x+=t-(this.state.pos.x-this.method.tween.state.position)}_update(){if(!this.state.isActive||this.state.isDisabled)return!1;this.method.tween.step(this.state.pos.x);const t=this.method.tween.state.position;this.state.isStart&&(this.state.updateDistance=Math.max(Math.abs(this.method.tween.state.distance),this.state.updateDistance)),this.state.inertia=Math.abs(this.method.tween.state.distance)<=1?0:.01*Math.floor(Math.abs(this.method.tween.state.distance)/this.state.updateDistance*100)/this.state.dragSpeed,this.dom.$target.style.transform=`translate3d(${-t}px, 0, 0)`}_snap(){let t=0,e=this.dom.$contentItem[this.dom.$contentItem.length-1].getBoundingClientRect().right;if(e<=j.width)return t=e-j.width-(this.state.pos.x-this.method.tween.state.position),this.state.pos.x+=t+40,!1;t=this.dom.$contentItem[this.state.current].getBoundingClientRect().left-this.dom.$content.getBoundingClientRect().left-(this.state.pos.x-this.method.tween.state.position),this.state.pos.x+=t}onStart(t){this.state.isStart&&!this.state.isDisabled||(this.state.isStart=!0,this.state.isActive=!0,this.dom.$content.classList.add("-drag"),this.state.move.x=this._getX(t),this.state.move.y=this._getY(t),this.state.distance=this.method.tween.state.distance,this.method._addStart[0]&&this.method._addStart.forEach((t=>{t()})))}onMove(t){if(this.state.isStart){const e=this._getX(t),o=this._getY(t),i=this.state.move.x-e;if(Math.abs(i)>5){if(this.state.pos.y=this.state.move.y-o,Math.abs(this.state.pos.y)>100)return this.onEnd(),!1;this.state.pos.x=this.state.prevPos.x+i,this.state.dir=Math.sign(this.state.pos.x-this.state.prevMovePos.x),this.state.prevMovePos.x=this.state.pos.x}}}onEnd(){this.state.isStart&&(this.state.isStart=!1,this.dom.$content.classList.remove("-drag"),this._getCurrent(),this._snap(),this.state.move.x=0,this.state.move.y=0,this.state.prevPos.x=this.state.pos.x,this.state.prevPos.y=this.state.pos.y,this.method._addEnd[0]&&this.method._addEnd.forEach((t=>{t()})))}addStart(t){this.method._addStart.push(t)}addEnd(t){this.method._addEnd.push(t)}}const mt=!!p,pt=v||g;class vt{constructor({onLoaded:t}){this.dom={$container:document.querySelector("[data-gl-mv-image]"),$item:document.querySelectorAll("[data-gl-mv-image-item]")},this.obj={panel:[],texture:new nt({src:st.src}),backTexture:null,blurTexture:null,shadowTexture:null,videoTexture:null},this.state={render:!0,opening:!1,resizeFit:!1,itemPositionOffest:[],motion:[],loopMotion:{scene:0,posi:[]},noise:0},this.method={tween:new z({position:0,speed:10}),gesture:new ut({$content:document.querySelector("[data-mv-gesture-content]"),$target:document.querySelector("[data-mv-gesture-content-target]"),$contentInner:document.querySelector("[data-mv-gesture-content-inner]"),$contentItem:document.querySelectorAll("[data-mv-gesture-content-item]"),dragSpeed:pt?3:4}),navi:new ct,_onRender:[]},this.slider=new lt,this.obj.texture.onLoaded((()=>{const e=new at({width:2*this.dom.$item[0].clientWidth,height:2*this.dom.$item[0].clientHeight});this.obj.texture.pcTexture.forEach(((t,o)=>{this.state.motion[o]={y:2.5*ot.obj.canvas.state.size.height,x:10*ot.obj.canvas.state.size.width,offset:o<3?1:0},this.obj.panel[o]=new ht({scene:ot.obj.canvas.scene,geo:e,uniforms:{uTime:{value:0},uTexture:{value:t},uBackTexture:{value:null},uShadowTexture:{value:null},uResolution:{type:"v2",value:new U.FM8(0,0)},uMouse:{type:"v2",value:new U.FM8(0,0)},uDist:{value:.35},uScale:{value:1},uDir:{value:-1},uOffset:{type:"v2",value:new U.FM8(1,1)},uOpacity:{value:0},uShadowOffset:{type:"v2",value:new U.FM8(-.1,0)},uNoise:{value:0},uBack:{value:0},uZoom:{value:0}},vert:"#define GLSLIFY 1\nattribute vec3 position;\nattribute vec2 uv;\n\nuniform mat4 modelViewMatrix;\nuniform mat4 projectionMatrix;\nuniform vec2 uResolution;\nuniform vec2 uMouse;\n\nuniform float uScrollY;\nvarying vec2 vUv;\n\nvoid main () {\n  vUv = uv;\n\n  vec4 mvPosition = modelViewMatrix * vec4( position, 1.0 );\n  gl_Position = projectionMatrix * mvPosition;\n}\n",frag:st.backSrc.changeNo.includes(o)?mt?"precision highp float;\n#define GLSLIFY 1\n\nuniform float uTime;\nuniform sampler2D uTexture;\nuniform sampler2D uBackTexture;\n\nuniform float uDist;\nuniform float uNoise;\nuniform float uBack;\nuniform vec2 uOffset;\n\nuniform float uDir;\nuniform float uOpacity;\n\nvarying vec2 vUv;\n\nconst float PI = 3.14159265359;\n\nvoid main(void) {\n\n  vec2 uv = vec2(\n    (vUv.x - 0.5) + 0.5,\n    (vUv.y - 0.5) + 0.5\n  );\n\n  // 歪みの余白を作る\n  uv -= vec2(0.5, 0.5);\n  uv *= (1.0/0.5);\n  uv += vec2(0.5, 0.5);\n\n  float noise = uNoise * uDir;\n  float _py = sin( uv.y - uOffset.y ) * pow( uOffset.x - 0.5 + uv.x , 2.0 ) * abs(uDist);\n  uv = vec2(uv.x + noise , uv.y + _py);\n\n  vec4 col1 = texture2D(uTexture, uv);\n  vec4 col2 = texture2D(uBackTexture, uv);\n\n  // change wave\n  float changeWaveSt = sin(PI * (1.0 - uBack + noise * 3.0)) * 0.15;\n  float changeWave = changeWaveSt * sin(5.0 * length(uv.x) + 0.5 * uTime);\n  uv.xy += vec2(changeWave * 0.2);\n\n  vec2 maskUv = vec2(vUv.x * 1.5, vUv.y);\n  vec4 col = mix(col1, col2, step(1.0 - length(vec2(maskUv.x - 0.75, maskUv.y -0.5)), uBack));\n  col.rgb -= vec3(changeWave * (1.0 + uBack));\n\n // トリミング\n  if (uv.x > 1.0 || uv.x <= 0.0) {\n    col.a *= step(1.0, 1.0 - abs(uv.x));\n  }\n  if (uv.y > 1.0 || uv.y <= 0.0) {\n    col.a *= step(1.0, 1.0 - abs(uv.y));\n  }\n  col.a *= uOpacity;\n\n  gl_FragColor = col;\n\n}\n":"precision highp float;\n#define GLSLIFY 1\n\nuniform float uTime;\nuniform sampler2D uTexture;\nuniform sampler2D uBackTexture;\n\nuniform float uDist;\nuniform float uOpacity;\nuniform float uNoise;\nuniform float uZoom;\nuniform float uBack;\nuniform vec2 uOffset;\n\nuniform float uDir;\n\nvarying vec2 vUv;\n\nconst float PI = 3.14159265359;\n\nfloat random(vec3 scale, float seed) {\n  return fract(sin(dot(gl_FragCoord.xyz + seed, scale)) * 43758.5453 + seed);\n}\n\nvoid main(void) {\n\n  vec2 uv = vec2(\n    (vUv.x - 0.5) + 0.5,\n    (vUv.y - 0.5) + 0.5\n  );\n\n  // 歪みの余白を作る\n  uv -= vec2(0.5, 0.5);\n  uv *= (1.0/0.5);\n  uv += vec2(0.5, 0.5);\n\n  float zure = uNoise * uDir;\n  float _py = sin( uv.y - uOffset.y ) * pow( uOffset.x - 0.5 + uv.x , 2.0 ) * uDist;\n  uv = vec2(uv.x + zure , uv.y + _py);\n\n  vec4 col1 = vec4(0.0);\n  vec4 col2 = vec4(0.0);\n  float total = 0.0;\n\n  float offset = random(vec3(12.9898, 78.233, 151.7182), 0.0);\n\n  float scale = 1.0 - (uBack + uZoom) * 0.2;\n  for (float t = -10.0; t <= 10.0; t++) {\n    float percent = (t + offset - 0.5) / 10.0;\n    float weight = 1.0 - abs(percent);\n    float noise = zure * percent;\n    vec2 noiseUv = vec2(uv.x + noise - zure, uv.y) * vec2(scale);\n    col1 += texture2D(uTexture, noiseUv) * weight;\n    col2 += texture2D(uBackTexture, noiseUv) * weight;\n    total += weight;\n  }\n\n  // change wave\n  float changeWaveSt = sin(PI * (1.0 - uBack + (zure + 0.02) * 3.0)) * 0.15;\n  float changeWave = changeWaveSt * sin(5.0 * length(uv.x) + 0.5 * uTime);\n  uv.xy += vec2(changeWave * 0.2);\n\n  vec2 maskUv = vec2(vUv.x * 1.5, vUv.y);\n  vec4 col = mix(col1/total, col2/total, step(1.0 - length(vec2(maskUv.x - 0.75, maskUv.y -0.5)), uBack));\n  col.rgb -= vec3(changeWave * (1.5 + uBack));\n\n // トリミング\n  if (uv.x > 1.0 || uv.x <= 0.0) {\n    col.a *= step(1.0, 1.0 - abs(uv.x));\n  }\n  if (uv.y > 1.0 || uv.y <= 0.0) {\n    col.a *= step(1.0, 1.0 - abs(uv.y));\n  }\n  col.a *= uOpacity;\n\n  gl_FragColor = col;\n\n}\n":mt?"precision highp float;\n#define GLSLIFY 1\n\nuniform float uTime;\nuniform sampler2D uTexture;\n\nuniform float uDist;\nuniform float uOpacity;\nuniform float uNoise;\nuniform vec2 uOffset;\n\nuniform float uDir;\n\nvarying vec2 vUv;\n\nconst float PI = 3.14159265359;\n\nvoid main(void) {\n\n  vec2 uv = vec2(\n    (vUv.x - 0.5) + 0.5,\n    (vUv.y - 0.5) + 0.5\n  );\n\n  // 歪みの余白を作る\n  uv -= vec2(0.5, 0.5);\n  uv *= (1.0/0.5);\n  uv += vec2(0.5, 0.5);\n\n  float noise = uNoise * uDir;\n  float _py = sin( uv.y - uOffset.y ) * pow( uOffset.x - 0.5 + uv.x , 2.0 ) * abs(uDist);\n  uv = vec2(uv.x + noise , uv.y + _py);\n\n  vec4 col = texture2D(uTexture, uv);\n\n  // col1.rgb += _py * 2.0;\n\n  // change wave\n  float changeWaveSt = sin(PI * (1.0 - noise * 3.0)) * 0.15;\n  float changeWave = changeWaveSt * sin(5.0 * length(uv.x) + 0.5 * uTime);\n  uv.xy += vec2(changeWave * 0.2);\n\n  vec2 maskUv = vec2(vUv.x * 1.5, vUv.y);\n  col.rgb -= vec3(changeWave);\n\n // トリミング\n  if (uv.x > 1.0 || uv.x <= 0.0) {\n    col.a *= step(1.0, 1.0 - abs(uv.x));\n  }\n  if (uv.y > 1.0 || uv.y <= 0.0) {\n    col.a *= step(1.0, 1.0 - abs(uv.y));\n  }\n  col.a *= uOpacity;\n\n  gl_FragColor = col;\n\n}\n":"precision highp float;\n#define GLSLIFY 1\n\nuniform float uTime;\nuniform sampler2D uTexture;\n\nuniform float uDist;\nuniform float uOpacity;\nuniform float uNoise;\nuniform float uZoom;\nuniform vec2 uOffset;\n\nuniform float uDir;\n\nvarying vec2 vUv;\n\nconst float PI = 3.14159265359;\n\nfloat random(vec3 scale, float seed) {\n  return fract(sin(dot(gl_FragCoord.xyz + seed, scale)) * 43758.5453 + seed);\n}\n\nvoid main(void) {\n\n  vec2 uv = vec2(\n    (vUv.x - 0.5) + 0.5,\n    (vUv.y - 0.5) + 0.5\n  );\n\n  // 歪みの余白を作る\n  uv -= vec2(0.5, 0.5);\n  uv *= (1.0/0.5);\n  uv += vec2(0.5, 0.5);\n\n  float zure = uNoise * uDir;\n  float _py = sin( uv.y - uOffset.y ) * pow( uOffset.x - 0.5 + uv.x , 2.0 ) * abs(uDist);\n  uv = vec2(uv.x + zure , uv.y + _py);\n\n  vec4 col1 = vec4(0.0);\n\n  float total = 0.0;\n  float offset = random(vec3(12.9898, 78.233, 151.7182), 0.0);\n\n  float scale = 1.0 - uZoom * 0.2;\n  for (float t = -5.0; t <= 5.0; t++) {\n    float percent = (t + offset - 0.5) / 5.0;\n    float weight = 1.0 - abs(percent);\n    float noise = zure * percent;\n    vec2 noiseUv = vec2(uv.x + noise - zure, uv.y) * vec2(scale);\n    col1 += texture2D(uTexture, noiseUv) * weight;\n    total += weight;\n  }\n\n  // change wave\n  float changeWaveSt = sin(PI * (1.0 - (zure + 0.02) * 3.0)) * 0.15;\n  float changeWave = changeWaveSt * sin(5.0 * length(uv.x) + 0.5 * uTime);\n  uv.xy += vec2(changeWave * 0.2);\n\n  vec2 maskUv = vec2(vUv.x * 1.5, vUv.y);\n  vec4 col = col1/total;\n  col.rgb -= vec3(changeWave);\n\n // トリミング\n  if (uv.x > 1.0 || uv.x <= 0.0) {\n    col.a *= step(1.0, 1.0 - abs(uv.x));\n  }\n  if (uv.y > 1.0 || uv.y <= 0.0) {\n    col.a *= step(1.0, 1.0 - abs(uv.y));\n  }\n\n  col.a *= uOpacity;\n\n  gl_FragColor = col;\n\n}\n",shadowVert:"#define GLSLIFY 1\nattribute vec3 position;\nattribute vec2 uv;\n\nuniform mat4 modelViewMatrix;\nuniform mat4 projectionMatrix;\nuniform vec2 uResolution;\nuniform vec2 uMouse;\n\nuniform float uScrollY;\nvarying vec2 vUv;\n\n// #pragma glslify: rotateMatrix = require(./utils/rotateMatrix)\n\nvoid main () {\n  vUv = uv;\n  // mat4 rotateMat = rotateMatrix(\n  //   radians(uMouse.y) * 0.001,\n  //   radians(uMouse.x) * 0.0005,\n  //   0.0\n  // );\n\n  // vec4 mvPosition = modelViewMatrix * rotateMat * vec4( position, 1.0 );\n  // gl_Position = projectionMatrix * mvPosition;\n\n  vec4 mvPosition = modelViewMatrix * vec4( position, 1.0 );\n  gl_Position = projectionMatrix * mvPosition;\n}\n",shadowFrag:"precision highp float;\n#define GLSLIFY 1\n// precision mediump float;\n\n// varying vec2 vTextureCoord;\n//\n// Description : Array and textureless GLSL 2D simplex noise function.\n//      Author : Ian McEwan, Ashima Arts.\n//  Maintainer : ijm\n//     Lastmod : 20110822 (ijm)\n//     License : Copyright (C) 2011 Ashima Arts. All rights reserved.\n//               Distributed under the MIT License. See LICENSE file.\n//               https://github.com/ashima/webgl-noise\n//\n\nvec3 mod289(vec3 x) {\n  return x - floor(x * (1.0 / 289.0)) * 289.0;\n}\n\nvec2 mod289(vec2 x) {\n  return x - floor(x * (1.0 / 289.0)) * 289.0;\n}\n\nvec3 permute(vec3 x) {\n  return mod289(((x*34.0)+1.0)*x);\n}\n\nfloat snoise(vec2 v)\n  {\n  const vec4 C = vec4(0.211324865405187,  // (3.0-sqrt(3.0))/6.0\n                      0.366025403784439,  // 0.5*(sqrt(3.0)-1.0)\n                     -0.577350269189626,  // -1.0 + 2.0 * C.x\n                      0.024390243902439); // 1.0 / 41.0\n// First corner\n  vec2 i  = floor(v + dot(v, C.yy) );\n  vec2 x0 = v -   i + dot(i, C.xx);\n\n// Other corners\n  vec2 i1;\n  //i1.x = step( x0.y, x0.x ); // x0.x > x0.y ? 1.0 : 0.0\n  //i1.y = 1.0 - i1.x;\n  i1 = (x0.x > x0.y) ? vec2(1.0, 0.0) : vec2(0.0, 1.0);\n  // x0 = x0 - 0.0 + 0.0 * C.xx ;\n  // x1 = x0 - i1 + 1.0 * C.xx ;\n  // x2 = x0 - 1.0 + 2.0 * C.xx ;\n  vec4 x12 = x0.xyxy + C.xxzz;\n  x12.xy -= i1;\n\n// Permutations\n  i = mod289(i); // Avoid truncation effects in permutation\n  vec3 p = permute( permute( i.y + vec3(0.0, i1.y, 1.0 ))\n    + i.x + vec3(0.0, i1.x, 1.0 ));\n\n  vec3 m = max(0.5 - vec3(dot(x0,x0), dot(x12.xy,x12.xy), dot(x12.zw,x12.zw)), 0.0);\n  m = m*m ;\n  m = m*m ;\n\n// Gradients: 41 points uniformly over a line, mapped onto a diamond.\n// The ring size 17*17 = 289 is close to a multiple of 41 (41*7 = 287)\n\n  vec3 x = 2.0 * fract(p * C.www) - 1.0;\n  vec3 h = abs(x) - 0.5;\n  vec3 ox = floor(x + 0.5);\n  vec3 a0 = x - ox;\n\n// Normalise gradients implicitly by scaling m\n// Approximation of: m *= inversesqrt( a0*a0 + h*h );\n  m *= 1.79284291400159 - 0.85373472095314 * ( a0*a0 + h*h );\n\n// Compute final noise value at P\n  vec3 g;\n  g.x  = a0.x  * x0.x  + h.x  * x0.y;\n  g.yz = a0.yz * x12.xz + h.yz * x12.yw;\n  return 130.0 * dot(m, g);\n}\n\nuniform float uTime;\nuniform sampler2D uShadowTexture;\n\nuniform float uDist;\nuniform float uScale;\nuniform vec2 uOffset;\nuniform vec2 uShadowOffset;\n\nuniform float uOpacity;\n\nvarying vec2 vUv;\n\nvoid main(void) {\n\n  vec2 uv = vec2(\n    (vUv.x - 0.5 + uShadowOffset.x) + 0.5,\n    (vUv.y - 0.45 + uShadowOffset.y) + 0.5\n  );\n\n  // 歪みの余白を作る\n  uv -= vec2(0.5, 0.5);\n  uv *= (1.0/uScale);\n  uv += vec2(0.5, 0.5);\n\n  float _py = sin( uv.y - uOffset.y ) * pow( uOffset.x - 0.5 + uv.x , 2.0 ) * -uDist * 2.0;\n  uv = vec2(uv.x, uv.y - _py);\n\n  vec4 col = texture2D(uShadowTexture, uv);\n\n  col.a *= uOpacity;\n\n  gl_FragColor = col;\n\n}\n",shadowOn:!0,sizeRate:{x:2*this.dom.$item[o].clientWidth/e.parameters.width,y:2*this.dom.$item[o].clientHeight/e.parameters.height}}),this.obj.panel[o].mesh.objWrap.renderOrder=1+o})),this.slider.inheritanceMainvisualImage({obj:this.obj,method:{gesture:this.method.gesture,navi:this.method.navi},state:{opening:this.state.opening}}),this.slider.init(),C.add((()=>{this.resize()})),ot.onRender((()=>{this.render()})),ot.startRender(),ot.changePerformance({mode:"default"}),this.resize(),t(),this.obj.backTexture=new nt({src:st.backSrc}),this.obj.backTexture.onLoaded((()=>{this.obj.backTexture.pcTexture.forEach(((t,e)=>{this.obj.panel[st.backSrc.changeNo[e]].mesh.material.uniforms.uBackTexture.value=t,this.obj.panel[st.backSrc.changeNo[e]].mesh.material.uniforms.uBack.value=1}))})),this.obj.shadowTexture=new nt({src:st.shadowSrc}),this.obj.shadowTexture.onLoaded((()=>{this.obj.texture.pcTexture.forEach(((t,e)=>{this.obj.panel[e].mesh.material.uniforms.uShadowTexture.value=this.obj.shadowTexture.pcTexture[0]}))})),this.method._onRender=()=>{}}))}render(){if(!this.state.render)return!1;this.slider.state.resizeFit?this.state.noise=0:this.state.noise+=.1*(.5*this.method.gesture.state.inertia-this.state.noise),this.state.opening&&this.slider.render(),this.obj.panel.forEach(((t,e)=>{if(t.render(),!this.state.itemPositionOffest[0])return!1;t.mesh.obj.position.y=pt?this.state.motion[e].y*this.dom.$item[e].dataset.glMvImageRate+t.mesh.material.uniforms.uOffset.value.x*(.25*j.center.y):this.state.motion[e].y*this.dom.$item[e].dataset.glMvImageRate+t.mesh.material.uniforms.uOffset.value.x*j.center.y-.5*W.state.pos.y,this.slider.state.reset&&e>=12?t.mesh.obj.position.x=(this.state.motion[e].x-this.slider.state.auto.val)*this.dom.$item[e].dataset.glMvImageRate-this.slider.state.resetSavePos:t.mesh.obj.position.x=(this.state.motion[e].x-this.slider.state.auto.val)*this.dom.$item[e].dataset.glMvImageRate-this.method.gesture.method.tween.state.position,t.mesh.shadowObj.position.y=t.mesh.obj.position.y,t.mesh.shadowObj.position.x=t.mesh.obj.position.x,t.mesh.material.uniforms.uOffset.value.x=(t.mesh.objWrap.position.x+t.mesh.obj.position.x)/j.width,t.mesh.material.uniforms.uDist.value=.2*Math.abs(t.mesh.material.uniforms.uOffset.value.x+.8),t.mesh.shadowMaterial.uniforms.uShadowOffset.value.x=.1*t.mesh.material.uniforms.uOffset.value.x,t.mesh.shadowMaterial.uniforms.uScale.value=.7+t.mesh.shadowMaterial.uniforms.uShadowOffset.value.y,t.mesh.material.uniforms.uNoise.value=this.state.noise+.04*t.mesh.material.uniforms.uZoom.value})),this.method.gesture.state.inertia>.5?ot.changePerformance({mode:"low"}):ot.changePerformance({mode:"default"})}resize(){this.slider.resize(),this.dom.$container.style.height=j.height,this.obj.panel.forEach(((t,e)=>{t.resize({width:ot.obj.canvas.state.size.width*ot.obj.canvas.state.pixelrate,height:ot.obj.canvas.state.size.height*ot.obj.canvas.state.pixelrate}),this.state.itemPositionOffest[e]={x:.5*ot.obj.canvas.state.size.width-.5*this.dom.$item[e].getBoundingClientRect().width,y:.5*ot.obj.canvas.state.size.height-.5*this.dom.$item[e].getBoundingClientRect().height},t.mesh.objWrap.position.y=pt?-this.dom.$item[e].getBoundingClientRect().top+this.state.itemPositionOffest[e].y-W.state.val.y:-this.dom.$item[e].getBoundingClientRect().top+this.state.itemPositionOffest[e].y+W.state.pos.y,t.mesh.objWrap.position.x=this.dom.$item[e].getBoundingClientRect().left-this.state.itemPositionOffest[e].x+this.method.gesture.method.tween.state.position}))}show(){ot.dom.$container.querySelector("canvas").style.opacity=1,this.obj.panel.forEach((t=>{t.mesh.material.uniforms.uOpacity.value=1})),i.p8.to(this.state.motion,{x:0,y:0,ease:"expo.inOut",duration:3,stagger:.01,onComplete:()=>{this.state.opening=!0,this.slider.state.opening=!0}}),i.p8.to(this.state.motion,{x:0,y:0,ease:"expo.out",duration:2,delay:2.4,stagger:.01,onStart:()=>{i.p8.to(this.obj.panel[1].mesh.material.uniforms.uBack,{value:0,ease:"circ.inOut",duration:1.5,delay:.5})},onComplete:()=>{this.method.gesture.dom.$content.classList.remove("-disable")}})}offsetActive(){i.p8.to(this.state.motion,{offset:1,ease:"power2.out",duration:1})}}var gt="#define GLSLIFY 1\nattribute vec3 position;\nattribute vec2 uv;\n\nuniform mat4 modelViewMatrix;\nuniform mat4 projectionMatrix;\nuniform vec2 uResolution;\nuniform vec2 uMouse;\n\nvarying vec2 vUv;\n\nvoid main () {\n  vUv = uv;\n  vec4 mvPosition = modelViewMatrix * vec4( position, 1.0 );\n  gl_Position = projectionMatrix * mvPosition;\n}\n",xt="precision highp float;\n#define GLSLIFY 1\n\n//\n// Description : Array and textureless GLSL 2D simplex noise function.\n//      Author : Ian McEwan, Ashima Arts.\n//  Maintainer : ijm\n//     Lastmod : 20110822 (ijm)\n//     License : Copyright (C) 2011 Ashima Arts. All rights reserved.\n//               Distributed under the MIT License. See LICENSE file.\n//               https://github.com/ashima/webgl-noise\n//\n\nvec3 mod289(vec3 x) {\n  return x - floor(x * (1.0 / 289.0)) * 289.0;\n}\n\nvec2 mod289(vec2 x) {\n  return x - floor(x * (1.0 / 289.0)) * 289.0;\n}\n\nvec3 permute(vec3 x) {\n  return mod289(((x*34.0)+1.0)*x);\n}\n\nfloat snoise(vec2 v)\n  {\n  const vec4 C = vec4(0.211324865405187,  // (3.0-sqrt(3.0))/6.0\n                      0.366025403784439,  // 0.5*(sqrt(3.0)-1.0)\n                     -0.577350269189626,  // -1.0 + 2.0 * C.x\n                      0.024390243902439); // 1.0 / 41.0\n// First corner\n  vec2 i  = floor(v + dot(v, C.yy) );\n  vec2 x0 = v -   i + dot(i, C.xx);\n\n// Other corners\n  vec2 i1;\n  //i1.x = step( x0.y, x0.x ); // x0.x > x0.y ? 1.0 : 0.0\n  //i1.y = 1.0 - i1.x;\n  i1 = (x0.x > x0.y) ? vec2(1.0, 0.0) : vec2(0.0, 1.0);\n  // x0 = x0 - 0.0 + 0.0 * C.xx ;\n  // x1 = x0 - i1 + 1.0 * C.xx ;\n  // x2 = x0 - 1.0 + 2.0 * C.xx ;\n  vec4 x12 = x0.xyxy + C.xxzz;\n  x12.xy -= i1;\n\n// Permutations\n  i = mod289(i); // Avoid truncation effects in permutation\n  vec3 p = permute( permute( i.y + vec3(0.0, i1.y, 1.0 ))\n    + i.x + vec3(0.0, i1.x, 1.0 ));\n\n  vec3 m = max(0.5 - vec3(dot(x0,x0), dot(x12.xy,x12.xy), dot(x12.zw,x12.zw)), 0.0);\n  m = m*m ;\n  m = m*m ;\n\n// Gradients: 41 points uniformly over a line, mapped onto a diamond.\n// The ring size 17*17 = 289 is close to a multiple of 41 (41*7 = 287)\n\n  vec3 x = 2.0 * fract(p * C.www) - 1.0;\n  vec3 h = abs(x) - 0.5;\n  vec3 ox = floor(x + 0.5);\n  vec3 a0 = x - ox;\n\n// Normalise gradients implicitly by scaling m\n// Approximation of: m *= inversesqrt( a0*a0 + h*h );\n  m *= 1.79284291400159 - 0.85373472095314 * ( a0*a0 + h*h );\n\n// Compute final noise value at P\n  vec3 g;\n  g.x  = a0.x  * x0.x  + h.x  * x0.y;\n  g.yz = a0.yz * x12.xz + h.yz * x12.yw;\n  return 130.0 * dot(m, g);\n}\n\nuniform float uTime;\nuniform vec2 uResolution;\nuniform sampler2D uTexture;\nuniform float uOpacity;\nuniform float uRate;\nuniform float uScale;\nuniform float uMask;\n\nvarying vec2 vUv;\n\nfloat noise (float num, float toMin, float toMax, float fromMin, float fromMax) {\n  return fromMin + (fromMax - fromMin) * (num - toMin) / (toMax - toMin);\n}\n\nvoid main(void) {\n\n  vec2 st = gl_FragCoord.xy / uResolution.xy - 0.5;\n  st.x *= uResolution.x / uResolution.y;\n\n  vec2 uv = vec2(\n    (vUv.x - 0.5) + 0.5,\n    (vUv.y - 0.5) + 0.5\n  );\n  vec4 col = texture2D(uTexture, uv);\n  float mask = uScale / 0.5 - length(st) * uRate;\n  col.a *= uOpacity * min(mask, 1.0);\n\n  gl_FragColor = col;\n\n}\n";class ft{constructor(){this.dom={$container:document.querySelector("[data-gl-mv-copy]")},this.obj={panel:null,texture:new nt({src:{pc:["/-/media/global/digest/renew/img/index/kv/opening-copy.png"]}})},this.state={gl:!0,active:!0,mousePallaraxPower:0,itemPositionOffest:{x:0,y:0}},this.obj.texture.onLoaded((()=>{this.obj.panel=new ht({scene:et.obj.canvas.scene,geo:new at({width:this.dom.$container.clientWidth,height:this.dom.$container.clientHeight}),uniforms:{uTime:{value:0},uTexture:{value:this.obj.texture.pcTexture[0]},uRate:{value:1},uMask:{value:.1},uScale:{value:0},uOpacity:{value:1},uResolution:{type:"v2",value:new U.FM8(0,0)},uMouse:{type:"v2",value:new U.FM8(0,0)}},vert:gt,frag:xt}),this.obj.panel.mesh.objWrap.renderOrder=50,et.onResize((()=>{this.resize()})),et.onRender((()=>{this.render()})),et.changePerformance({mode:"default"}),et.startRender(),et.changePerformance({mode:"normal"})}))}render(){if(!this.state.active)return!1;this.state.gl&&(this.obj.panel.render(),this.obj.panel.mesh.objWrap.position.y=-this.dom.$container.getBoundingClientRect().top+this.state.itemPositionOffest.y)}resize(){this.obj.panel.resize({width:et.obj.canvas.state.size.width*et.obj.canvas.state.pixelrate,height:et.obj.canvas.state.size.height*et.obj.canvas.state.pixelrate}),this.state.itemPositionOffest={x:.5*et.obj.canvas.state.size.width-.5*this.dom.$container.getBoundingClientRect().width,y:.5*et.obj.canvas.state.size.height-.5*this.dom.$container.getBoundingClientRect().height},this.obj.panel.mesh.objWrap.position.x=this.dom.$container.getBoundingClientRect().left-this.state.itemPositionOffest.x}show({onOutStart:t}){i.p8.delayedCall(.5,(()=>{t()})),i.p8.to(this.obj.panel.mesh.material.uniforms.uRate,{value:0,ease:"expo.in",duration:1.2,onComplete:()=>{i.p8.delayedCall(.5,(()=>{i.p8.to(this.obj.panel.mesh.material.uniforms.uRate,{value:1,ease:"expo.out",duration:1.2}),i.p8.to(this.obj.panel.mesh.material.uniforms.uScale,{value:0,ease:"expo.out",duration:1.2,onComplete:()=>{this.state.active=!1,et.stopRender()}})}))}}),i.p8.to(this.obj.panel.mesh.material.uniforms.uScale,{value:1,ease:"expo.in",duration:1.2})}}class yt{constructor({onLoaded:t}){this.dom={$container:document.querySelector("[data-mv]"),$header:document.querySelector(".mod-0101"),$scrollDown:document.querySelector("[data-scrolldown]"),$navi:[document.querySelector(".p-kv-navi"),document.querySelector(".t-menuTtigger")],$copy:document.querySelector(".p-kv-content-title-inner"),$leadCopy:document.querySelectorAll("[data-kv-title-sub]")},this.image=new vt({onLoaded:()=>{t()}}),this.copy=new ft,this.title=[],document.querySelectorAll("[data-kv-title]").forEach(((t,e)=>{this.title[e]=new E({$ele:t})})),i.p8.set(this.dom.$header,{y:1.2*-this.dom.$header.clientHeight}),i.p8.set(this.dom.$scrollDown,{scale:.5,opacity:0}),i.p8.set(document.querySelectorAll("[data-kazari-sq]"),{opacity:0}),i.p8.set(document.querySelectorAll("[data-bg-line]"),{x:-j.width}),v?ot.onResize((()=>{i.p8.set(this.dom.$container,{height:j.height})})):C.add((()=>{i.p8.set(this.dom.$container,{height:j.height})}))}opening({onComplete:t}){this.copy.show({onOutStart:()=>{this.image.show()}}),i.p8.to(document.querySelectorAll("[data-bg-line]"),{x:0,duration:3.8,ease:"expo.out",stagger:.1,delay:1}),i.p8.delayedCall(2.9,(()=>{i.p8.to(this.dom.$scrollDown,{scale:1,opacity:1,duration:.4,ease:"power2.out",onStart:()=>{this.title.forEach(((t,e)=>{t.show({delay:.06*e})})),i.p8.to(this.dom.$leadCopy,{opacity:1,duration:.4,delay:.6,ease:"power2.out"})}}),i.p8.to(this.dom.$navi,{opacity:1,duration:.4,ease:"power2.out",stagger:.05,onComplete:()=>{t()}}),i.p8.to(this.dom.$header,{y:0,opacity:1,duration:.4,ease:"power2.out"}),i.p8.to(document.querySelectorAll("[data-kazari-sq]"),{opacity:1,duration:1,stagger:.1,ease:"expo.out"})}))}openingSkip({onComplete:t}){this.image.show(),i.p8.set(document.querySelectorAll("[data-bg-line]"),{x:0}),i.p8.set(this.dom.$scrollDown,{scale:1,opacity:1}),this.title.forEach((t=>{t.show({delay:0})})),i.p8.set(this.dom.$leadCopy,{opacity:1}),i.p8.set(this.dom.$navi,{opacity:1}),t(),i.p8.set(document.querySelectorAll("[data-kazari-sq]"),{opacity:1})}uiShow(){i.p8.killTweensOf(this.dom.$header,{y:!0,opacity:!0}),i.p8.to(this.dom.$header,{y:0,opacity:1,duration:.4,ease:"power2.out"}),i.p8.killTweensOf(this.dom.$scrollDown,{scale:!0,opacity:!0}),i.p8.to(this.dom.$scrollDown,{scale:1,opacity:1,duration:.4,ease:"power2.out"})}uiOut(){i.p8.killTweensOf(this.dom.$header,{y:!0,opacity:!0}),i.p8.to(this.dom.$header,{y:-100,opacity:0,duration:.4,ease:"power2.out"}),i.p8.killTweensOf(this.dom.$scrollDown,{scale:!0,opacity:!0}),i.p8.to(this.dom.$scrollDown,{scale:.5,opacity:0,duration:.4,ease:"power2.out"})}}class wt{constructor(){this.dom={$bgTitle:document.querySelector("[data-message-bg-title]"),$copy:document.querySelector("[data-message-copy]"),$copyChara:document.querySelectorAll("[data-message-copy-chara]"),$text:document.querySelector("[data-message-text]"),$btn:document.querySelector("[data-message-btn]")},this.state={show:!1},this.bgTitleMotion=new D({$ele:this.dom.$bgTitle}),i.p8.set([this.dom.$text,this.dom.$btn],{y:.25*j.height,opacity:0}),i.p8.set(this.dom.$copyChara,{x:"-110%"})}show(){if(this.state.show)return!1;this.state.show=!0,i.p8.killTweensOf([this.dom.$text,this.dom.$btn],{y:!0,opacity:!0}),i.p8.fromTo([this.dom.$text,this.dom.$btn],{y:.25*j.height*W.state.dir},{y:0,opacity:1,ease:"power2.out",duration:.8,delay:.5,stagger:.1,onStart:()=>{this.bgTitleMotion.show()}}),i.p8.killTweensOf(this.dom.$copyChara,{x:!0}),i.p8.fromTo(this.dom.$copyChara,{x:"-110%"},{x:"0%",ease:"expo.out",duration:1,stagger:.06})}out(){if(!this.state.show)return!1;this.state.show=!1,this.bgTitleMotion.out(),i.p8.killTweensOf([this.dom.$text,this.dom.$btn],{opacity:!0}),i.p8.to([this.dom.$text,this.dom.$btn],{opacity:0,ease:"power2.out",duration:.8,stagger:.05}),i.p8.killTweensOf(this.dom.$copyChara,{x:!0}),i.p8.to(this.dom.$copyChara,{x:"110%",ease:"expo.out",duration:.6})}}const $t={contentShow:!1,current:0},bt={mobileMode:v||g,scrollDist:v||g?3:.05,src:{pc:v||g?["/-/media/global/digest/renew/img/index/value/value-office-01-sp.jpg","/-/media/global/digest/renew/img/index/value/value-manufacture-01-sp.jpg","/-/media/global/digest/renew/img/index/value/value-factory-01-sp.jpg","/-/media/global/digest/renew/img/index/value/value-home-01-sp.jpg"]:["/-/media/global/digest/renew/img/index/value/value-office-01.jpg","/-/media/global/digest/renew/img/index/value/value-manufacture-01.jpg","/-/media/global/digest/renew/img/index/value/value-factory-01.jpg","/-/media/global/digest/renew/img/index/value/value-home-01.jpg"]},changeSrc:{pc:v||g?["/-/media/global/digest/renew/img/index/value/value-office-02-sp.jpg","/-/media/global/digest/renew/img/index/value/value-manufacture-02-sp.jpg","/-/media/global/digest/renew/img/index/value/value-factory-02-sp.jpg","/-/media/global/digest/renew/img/index/value/value-home-02-sp.jpg"]:["/-/media/global/digest/renew/img/index/value/value-office-02.jpg","/-/media/global/digest/renew/img/index/value/value-manufacture-02.jpg","/-/media/global/digest/renew/img/index/value/value-factory-02.jpg","/-/media/global/digest/renew/img/index/value/value-home-02.jpg"]}};Object.freeze(bt);let St=[];bt.mobileMode?document.querySelectorAll("[data-gl-value-item]").forEach(((t,e)=>{St[e]=new Y({$container:t})})):St=new Y({$container:document.querySelector("[data-gl-value]"),logarithmicDepthBuffer:!0});class Ct{constructor(t){this.dom={$ele:t.$ele,$path:[]},this.state={defStrokeDashoffset:[]};let e=0;for(;e<this.dom.$ele.length;)this._set(this.dom.$ele[e]),e+=1}_set(t){const e=t,o=e.getTotalLength();e.style.strokeDasharray=o+" "+o,e.style.strokeDashoffset=o,e.style.opacity=0,this.state.defStrokeDashoffset.push(o),this.dom.$path.push(e)}show({duration:t}){i.p8.killTweensOf(this.dom.$path,{opacity:!0}),i.p8.to(this.dom.$path,{opacity:1,duration:.4,ease:"power2.out"}),i.p8.killTweensOf(this.dom.$path,{strokeDashoffset:!0}),i.p8.to(this.dom.$path,{strokeDashoffset:0,duration:t,ease:"expo.out",onComplete:()=>{}})}out({duration:t}){i.p8.killTweensOf(this.dom.$path,{strokeDashoffset:!0});let e=0;for(;e<this.state.defStrokeDashoffset.length;)i.p8.to(this.dom.$path,{strokeDashoffset:this.state.defStrokeDashoffset[e],duration:t,ease:"expo.out"}),e+=1;i.p8.to(this.dom.$path,{opacity:0,duration:.4,ease:"power2.out",delay:t})}}class Tt{constructor(){if(v||g)return!1;this.dom={$hoverOut:document.querySelectorAll("a"),$hoverItem:document.querySelectorAll("[data-mousestalker-hover]"),$hoverResetItem:document.querySelectorAll("[data-mousestalker-reset]"),$fit:document.querySelectorAll("[data-mousestalker-fit]"),$scale:document.querySelectorAll("[data-mousestalker-scale]")},this.state={out:!1,hover:!1,mode:null,fitHover:!1,fitDone:!1,scaleHover:!1,hoverPosi:{x:0,y:0},targetPosi:{x:0,y:0},currentPosi:{x:0,y:0}},this.method={_holdStartMotion:[],_holdEndMotion:[]},this.dom.$hoverItem.forEach(((t,e)=>{t.addEventListener("mouseover",(t=>{!this.state.hover&&t.target.getAttribute("data-mousestalker-hover")&&(this.state.hover=!0,this.state.mode=t.target.getAttribute("data-mousestalker-hover-mode"),this.change())}),b),t.addEventListener("mouseleave",(()=>{this.state.hover&&(this.state.hover=!1,this.reverse())}),b),"hold"===t.getAttribute("data-mousestalker-hover-mode")&&(t.addEventListener(l?"mousedown":"pointerdown",(()=>{this.state.hover&&this.hold({start:!0,index:e})}),b),t.addEventListener(l?"mouseup":"pointerup",(()=>{this.hold({start:!1,index:e})}),b)),"drag"===t.getAttribute("data-mousestalker-hover-mode")&&(t.addEventListener(l?"mousedown":"pointerdown",(()=>{this.state.hover&&this.drag({start:!0,index:e})}),b),t.addEventListener(l?"mouseup":"pointerup",(()=>{this.drag({start:!1,index:e})}),b))})),this.dom.$hoverResetItem.forEach((t=>{t.addEventListener("mouseover",(()=>{this.state.hover&&(this.state.hover=!1,this.reverse())}),b)})),this.dom.$fit.forEach((t=>{t.addEventListener("mouseover",(t=>{if(this.state.fitHover)return!1;this.state.fitHover=!0;const{left:e,top:o,width:s,height:n}=t.target.querySelector("[data-mousestalker-fit-item]").getBoundingClientRect();this.state.hoverPosi.x=e+.5*s,this.state.hoverPosi.y=o+.5*n,this.state.currentPosi.x=J.state.pos.x,this.state.currentPosi.y=J.state.pos.y,i.p8.killTweensOf(this.state.currentPosi,{x:!0,y:!0}),i.p8.to(this.state.currentPosi,{x:this.state.hoverPosi.x,y:this.state.hoverPosi.y,duration:.6,ease:"expo.out",onComplete:()=>{this.state.fitDone=!0}}),i.p8.killTweensOf(kt.dom.$iconCircle,{scale:!0}),i.p8.to(kt.dom.$iconCircle,{scale:1.5,duration:.6,ease:"expo.out"})}),b),t.addEventListener("mouseleave",(()=>{if(!this.state.fitHover)return!1;this.state.fitHover=!1,this.state.fitDone=!1,i.p8.killTweensOf(kt.dom.$iconCircle,{scale:!0}),i.p8.to(kt.dom.$iconCircle,{scale:1,duration:.6,ease:"expo.out"})}),b)})),this.dom.$scale.forEach((t=>{t.addEventListener("mouseover",(()=>{if(this.state.scaleHover)return!1;this.state.scaleHover=!0,i.p8.killTweensOf(kt.dom.$iconCircle,{scale:!0}),i.p8.to(kt.dom.$iconCircle,{scale:2,duration:.6,ease:"expo.out"})}),b),t.addEventListener("mouseleave",(()=>{if(!this.state.scaleHover)return!1;this.state.scaleHover=!1,i.p8.killTweensOf(kt.dom.$iconCircle,{scale:!0}),i.p8.to(kt.dom.$iconCircle,{scale:1,duration:.6,ease:"expo.out"})}),b)}))}change(){if(v||g)return!1;kt.dom.$target.classList.add("-"+this.state.mode),kt.dom.$text.textContent="drag"===this.state.mode?"DRAG":"close"===this.state.mode?"CLOSE":"CLICK",i.p8.killTweensOf([kt.dom.$text,kt.dom.$iconSq],{opacity:!0}),i.p8.killTweensOf(kt.dom.$circle,{scale:!0,opacity:!0}),i.p8.killTweensOf(kt.dom.$iconCircle,{scale:!0,opacity:!0}),i.p8.killTweensOf(kt.dom.$iconArrow,{x:!0,opacity:!0}),i.p8.to(kt.dom.$circle,{scale:1,ease:"power2.out",duration:.6}),i.p8.to(kt.dom.$iconCircle,{scale:1.6,opacity:"hold"===this.state.mode?0:1,ease:"power2.out",duration:.6}),"hold"===this.state.mode&&(i.p8.fromTo(kt.dom.$iconArrow,{x:-20},{opacity:1,x:"0%",ease:"power2.out",duration:.6}),i.p8.to(kt.dom.$iconSq,{opacity:0,ease:"power2.out",duration:.2})),i.p8.to([kt.dom.$text,kt.dom.$circle],{opacity:1,ease:"power2.out",duration:.6}),"close"===this.state.mode&&(i.p8.killTweensOf([kt.dom.$icon,kt.dom.$iconClose],{opacity:!0}),i.p8.to(kt.dom.$icon,{opacity:0,ease:"power2.out",duration:.2}),i.p8.to(kt.dom.$iconClose,{opacity:1,ease:"power2.out",duration:.2})),"drag"===this.state.mode&&(i.p8.killTweensOf([kt.dom.$arrowLeft,kt.dom.$arrowRight],{opacity:!0}),i.p8.to([kt.dom.$arrowLeft,kt.dom.$arrowRight],{opacity:1,ease:"power2.out",duration:.6}))}reverse(){if(v||g)return!1;kt.dom.$target.classList.remove("-"+this.state.mode),i.p8.killTweensOf([kt.dom.$text,kt.dom.$iconSq],{opacity:!0}),i.p8.killTweensOf(kt.dom.$circle,{scale:!0,opacity:!0}),i.p8.killTweensOf(kt.dom.$iconCircle,{scale:!0,opacity:!0}),i.p8.killTweensOf(kt.dom.$iconArrow,{x:!0,opacity:!0}),i.p8.to(kt.dom.$iconCircle,{scale:1,opacity:(this.state.mode,1),ease:"power2.out",duration:.6}),"hold"===this.state.mode&&(i.p8.to(kt.dom.$iconArrow,{opacity:0,x:20,ease:"power2.out",duration:.6}),i.p8.to(kt.dom.$iconSq,{opacity:1,ease:"power2.out",duration:.6})),i.p8.to(kt.dom.$circle,{scale:1.4,ease:"power2.out",duration:.6}),i.p8.to([kt.dom.$text,kt.dom.$circle],{opacity:0,ease:"power2.out",duration:.6,onComplete:()=>{i.p8.set(kt.dom.$circle,{scale:.5})}}),"close"===this.state.mode&&(i.p8.killTweensOf([kt.dom.$icon,kt.dom.$iconClose],{opacity:!0}),i.p8.to(kt.dom.$icon,{opacity:1,ease:"power2.out",delay:.3,duration:.3}),i.p8.to(kt.dom.$iconClose,{opacity:0,ease:"power2.out",duration:.2})),"drag"===this.state.mode&&(i.p8.killTweensOf([kt.dom.$arrowLeft,kt.dom.$arrowRight],{opacity:!0}),i.p8.to([kt.dom.$arrowLeft,kt.dom.$arrowRight],{opacity:0,ease:"power2.out",duration:.6}))}hold({start:t,index:e}){if(v||g)return!1;i.p8.killTweensOf(kt.dom.$text,{opacity:!0,y:!0}),t?(kt.dom.$target.classList.add("-holding"),i.p8.to(kt.dom.$text,{opacity:0,y:10,ease:"power2.out",duration:.3}),this.method._holdStartMotion[0]&&this.method._holdStartMotion.forEach((t=>{t(e)}))):(kt.dom.$target.classList.remove("-holding"),i.p8.to(kt.dom.$text,{opacity:1,y:0,ease:"power2.out",duration:.3}),this.method._holdEndMotion[0]&&this.method._holdEndMotion.forEach((t=>{t(e)})))}onHoldStart(t){if(v||g)return!1;this.method._holdStartMotion.push(t)}onHoldEnd(t){if(v||g)return!1;this.method._holdEndMotion.push(t)}drag({start:t}){if(v||g)return!1;i.p8.killTweensOf([kt.dom.$arrowLeft,kt.dom.$arrowRight],{x:!0}),i.p8.killTweensOf(kt.dom.$circle,{scale:!0}),i.p8.killTweensOf(kt.dom.$text,{opacity:!0,y:!0}),t?(i.p8.to(kt.dom.$arrowLeft,{x:-20,ease:"power2.out",duration:.6}),i.p8.to(kt.dom.$arrowRight,{x:20,ease:"power2.out",duration:.6}),i.p8.to(kt.dom.$circle,{scale:1.2,ease:"power2.out",duration:.6}),i.p8.to(kt.dom.$text,{opacity:0,y:10,ease:"power2.out",duration:.3})):(i.p8.to([kt.dom.$arrowLeft,kt.dom.$arrowRight],{x:0,ease:"power2.out",duration:.3}),i.p8.to(kt.dom.$circle,{scale:1,ease:"power2.out",duration:.3}),i.p8.to(kt.dom.$text,{opacity:1,y:0,ease:"power2.out",duration:.3}))}fitMousemove(){if(this.state.fitHover){const t={x:J.state.val.x-this.state.hoverPosi.x,y:J.state.val.y-this.state.hoverPosi.y};this.state.targetPosi.x=this.state.hoverPosi.x+.01*t.x,this.state.targetPosi.y=this.state.hoverPosi.y+.01*t.y}}fitMouseTicker(){this.state.fitHover&&(this.state.fitDone&&(this.state.currentPosi.x+=(this.state.targetPosi.x-this.state.currentPosi.x)*Z.speed,this.state.currentPosi.y+=(this.state.targetPosi.y-this.state.currentPosi.y)*Z.speed),i.p8.set(kt.dom.$target,{x:this.state.currentPosi.x,y:this.state.currentPosi.y}))}}const kt=new class{constructor(){if(v||g)return this.disable=!0,!1;this.dom={$target:document.querySelector("[data-mousestalker]"),$circle:document.querySelector("[data-mousestalker-circle]"),$icon:document.querySelector("[data-mousestalker-icon]"),$iconCircle:document.querySelector("[data-mousestalker-icon-circle]"),$iconArrow:document.querySelector("[data-mousestalker-icon-arrow]"),$iconSq:document.querySelector("[data-mousestalker-icon-sq]"),$iconClose:document.querySelector("[data-mousestalker-circle-close]"),$text:document.querySelector("[data-mousestalker-text]"),$arrowLeft:document.querySelector("[data-mousestalker-circle-arrow-left]"),$arrowRight:document.querySelector("[data-mousestalker-circle-arrow-right]")},this.state={show:!1},this.change=new Tt,i.p8.set([this.dom.$icon,this.dom.$circle,this.dom.$arrowLeft,this.dom.$arrowRight,this.dom.$text,this.dom.$iconClose],{opacity:0}),i.p8.set(this.dom.$iconArrow,{opacity:0,x:-50}),this.iconCircleSvg=new Ct({$ele:this.dom.$iconCircle.querySelectorAll("path")}),i.p8.set(this.dom.$iconCircle,{rotate:"360deg"}),J.onUpdate((()=>{this.change.state.fitHover&&this.change.fitMousemove()})),J.onMove((()=>{this.change.state.fitHover?this.change.fitMouseTicker():this._move()}))}_move(){J.state.active&&i.p8.set(this.dom.$target,{x:J.state.pos.x,y:J.state.pos.y})}_resize(){}show(){if(v||g)return!1;i.p8.killTweensOf(this.dom.$icon,{opacity:!0}),i.p8.killTweensOf(this.dom.$iconCircle,{rotate:!0}),this.iconCircleSvg.show({duration:.6}),i.p8.to(this.dom.$icon,{opacity:1,duration:.6,ease:"power2.out"}),i.p8.to(this.dom.$iconCircle,{rotate:"720deg",duration:.6,ease:"expo.out"})}out(){if(v||g)return!1;i.p8.killTweensOf(this.dom.$icon,{opacity:!0}),i.p8.killTweensOf(this.dom.$iconCircle,{rotate:!0}),this.iconCircleSvg.out({duration:.6}),i.p8.to(this.dom.$iconCircle,{rotate:"720deg",duration:.6,ease:"expo.out"}),i.p8.to(this.dom.$icon,{opacity:0,duration:.6,ease:"expo.out"})}colorWhite({change:t}){if(this.disable)return!1;t?this.dom.$target.classList.add("-white"):this.dom.$target.classList.remove("-white")}};class _t{constructor(){this.dom={$ele:W.dom.$bodyContent},this.state={viewCurrent:0,prevCurrent:0,cnt:[],size:{body:{width:0,height:0},window:{width:0,height:0},scroll:{width:0,height:0}}},this.method={_onChange:null},W.dom.$bodyContent.forEach(((t,e)=>{this.state.cnt[e]={wrap:t,ele:[],item:[]};const o=this.state.cnt[e].wrap.querySelectorAll("[data-smooth-scroll-content-child]");o[0]&&o.forEach(((t,o)=>{this.state.cnt[e].ele[o]=t,this.state.cnt[e].item[o]={pos:{x:0,y:{start:0,end:0}}}}))}))}update(){let t=0;for(;t<this.state.cnt.length;){let e=0;for(;e<this.state.cnt[t].item.length;)this.state.cnt[t].item[e].pos.y.start<W.state.val.y&&this.state.cnt[t].item[e].pos.y.end>W.state.val.y&&(this.state.viewCurrent=e),e+=1;t+=1}this.state.viewCurrent!=this.state.prevCurrent&&(this.method._onChange&&this.method._onChange(),this.state.prevCurrent=this.state.viewCurrent)}resize(){if(null===this.dom.$ele)return;let t=0;for(;t<=this.dom.$ele.length;){let e=0;if(this.state.cnt[t])for(;e<this.state.cnt[t].item.length;){const o=this.state.cnt[t].wrap.getBoundingClientRect(),i=this.state.cnt[t].ele[e].getBoundingClientRect(),s=i.top-o.top+W.state.point[t].start;this.state.cnt[t].item[e].pos.y={start:Math.max(s-.5*j.height,0),end:Math.max(s+W.state.val.y+i.height+j.height,0)},e+=1}t+=1}}onChange(t){this.method._onChange=t}}class Mt{constructor({onLoaded:t}){this.dom={$container:document.querySelector("[data-gl-value-image]"),$item:document.querySelectorAll("[data-gl-value-image-item]"),$tapCircle:document.querySelectorAll("[data-gl-value-tapcircle]")},this.obj={panel:[],texture:new nt({src:bt.src}),changeTexture:new nt({src:bt.changeSrc})},this.conf={motion:{y:bt.mobileMode?0:.5*St.obj.canvas.state.size.width,x:bt.mobileMode?0:-6.8*-St.obj.canvas.state.size.width}},this.state={opening:!1,itemPositionOffest:[],motion:{y:this.conf.motion.y,x:this.conf.motion.x,wave:bt.mobileMode?0:.35},wave:0,point:new _t({$ele:W.dom.$bodyContent}),itemHref:[],holdTime:null,hold:!1},this.method={_onHoldStart:[]},this.tap=[],this.tapCircleSvg=[],this.obj.texture.onLoaded((()=>{const e=new at({width:this.dom.$item[0].clientWidth,height:this.dom.$item[0].clientHeight});this.obj.texture.pcTexture.forEach(((t,o)=>{this.obj.panel[o]=new ht({scene:bt.mobileMode?St[o].obj.canvas.scene:St.obj.canvas.scene,geo:e,uniforms:{uTime:{value:0},uTexture:{value:t},uTexture2:{value:this.obj.changeTexture.pcTexture[o]||null},uOpacity:{value:0},uResolution:{type:"v2",value:new U.FM8(0,0)},uImgResolution:{type:"v2",value:new U.FM8(t.image.width,t.image.height)},uDist:{value:.04},uScale:{value:bt.mobileMode?.5:.3},uDir:{value:-1},uWave:{value:0},uWaveNum:{type:"v2",value:new U.FM8(4.5,.5)},uOffset:{type:"v2",value:new U.FM8(1,1)},uLoop:{value:0},uMix:{value:0},uLight:{value:0},uMixRate:{value:v?2:0}},vert:"#define GLSLIFY 1\nattribute vec3 position;\nattribute vec2 uv;\n\nuniform mat4 modelViewMatrix;\nuniform mat4 projectionMatrix;\n\nuniform float uScrollY;\nvarying vec2 vUv;\n\nvoid main () {\n  vUv = uv;\n  // gl_Position = vec4(position, 1.0);\n\n  vec4 mvPosition = modelViewMatrix * vec4( position, 1.0 );\n  gl_Position = projectionMatrix * mvPosition;\n}\n",frag:bt.mobileMode&&v?"precision highp float;\n#define GLSLIFY 1\n\nuniform float uTime;\nuniform sampler2D uTexture;\nuniform sampler2D uTexture2;\nuniform vec2 uImgResolution;\nuniform vec2 uResolution;\n\nuniform float uWave;\nuniform float uScale;\nuniform float uLoop;\nuniform float uDir;\nuniform float uMixRate;\nuniform float uMix;\n\nvarying vec2 vUv;\n\nconst float PI = 3.14159265359;\nconst float DIST_STR = 0.25;\n\nfloat Dist( vec2 uv ){\n    float DistStr = DIST_STR /  (uResolution.y / uImgResolution.y);\n    float DistR = (uResolution.x / (uImgResolution.x));\n\n    float msk = min(uWave, 0.5) * uDir;\n    float mskSin = sin(uv.x * PI) * 0.5;\n\n    mskSin *= DistStr;\n    mskSin *= DistR;\n    return mskSin *= msk;\n}\n\nvoid main(void) {\n\n  vec2  p = (gl_FragCoord.xy / uResolution.xy);\n\n  vec2 uv = vec2(\n    (vUv.x - 0.5) + 0.5,\n    (vUv.y - 0.5) + 0.5\n  );\n\n  // 歪みの余白を作る\n  uv -= vec2(0.5, 0.5);\n  uv *= (1.0/0.5);\n  uv += vec2(0.5, 0.5);\n\n  float noise = Dist( uv );\n  uv.y += noise;\n\n  // change wave\n  float changeWaveSt = sin(PI * uLoop) * 0.15;\n  float changeWave = changeWaveSt * sin(5.0 * length(uv.x) + 0.5 * uTime);\n  uv.xy += vec2(changeWave * 0.2);\n\n  float scale = 0.8 + uMix * 0.2;\n\n  vec4 col1 = texture2D(uTexture, uv);\n  vec4 col2 = texture2D(uTexture2, uv * scale);\n\n  vec2 maskUv = vec2(vUv.x - 0.5, vUv.y - 0.5) * 2.0;\n  vec4 col = mix(col1, col2, step(length(maskUv), uMix));\n\n  col.rgb -= vec3(noise);\n  col.rgb -= vec3(changeWave);\n\n // トリミング\n  if (uv.x > 1.0 || uv.x <= 0.0) {\n    col.a *= step(1.0, 1.0 - abs(uv.x));\n  }\n  if (uv.y > 1.0 || uv.y <= 0.0) {\n    col.a *= step(1.0, 1.0 - abs(uv.y));\n  }\n\n  gl_FragColor = col;\n}\n":bt.mobileMode&&g?"precision highp float;\n#define GLSLIFY 1\n\nuniform float uTime;\nuniform sampler2D uTexture;\nuniform sampler2D uTexture2;\nuniform vec2 uImgResolution;\nuniform vec2 uResolution;\n\nuniform float uWave;\nuniform float uScale;\nuniform float uLoop;\nuniform float uDir;\nuniform float uMixRate;\nuniform float uMix;\n\nvarying vec2 vUv;\n\nconst float PI = 3.14159265359;\nconst float DIST_STR = 0.25;\n\nfloat Dist( vec2 uv ){\n    float DistStr = DIST_STR /  (uResolution.y / uImgResolution.y);\n    float DistR = (uResolution.x / (uImgResolution.x));\n\n    float msk = min(uWave, 0.5) * uDir;\n    float mskSin = sin(uv.x * PI) * 0.5;\n\n    mskSin *= DistStr;\n    mskSin *= DistR;\n    return mskSin *= msk;\n}\n\nvoid main(void) {\n\n  vec2  p = (gl_FragCoord.xy / uResolution.xy);\n\n  vec2 uv = vec2(\n    (vUv.x - 0.5) + 0.5,\n    (vUv.y - 0.5) + 0.5\n  );\n\n  // 歪みの余白を作る\n  uv -= vec2(0.5, 0.5);\n  uv *= (1.0/uScale);\n  uv += vec2(0.5, 0.5);\n\n  float noise = Dist( uv );\n  uv.y += noise;\n\n  // change wave\n  float changeWaveSt = sin(PI * uLoop) * 0.15;\n  float changeWave = changeWaveSt * sin(5.0 * length(uv.x) + 0.5 * uTime);\n  uv.xy += vec2(changeWave * 0.2);\n\n  float scale = 0.8 + uMix * 0.2;\n\n  vec4 col1 = texture2D(uTexture, uv);\n  vec4 col2 = texture2D(uTexture2, uv * scale);\n\n  vec2 maskUv = vec2(vUv.x + 1.0 * uMixRate, vUv.y);\n  vec4 col = mix(col1, col2, step(length(vec2(maskUv.x - max(uMixRate, 1.0) * 0.5, maskUv.y -0.5)), uMix));\n\n  col.rgb -= vec3(noise);\n  col.rgb -= vec3(changeWave);\n\n // トリミング\n  if (uv.x > 1.0 || uv.x <= 0.0) {\n    col.a *= step(1.0, 1.0 - abs(uv.x));\n  }\n  if (uv.y > 1.0 || uv.y <= 0.0) {\n    col.a *= step(1.0, 1.0 - abs(uv.y));\n  }\n\n  gl_FragColor = col;\n\n}\n":"precision highp float;\n#define GLSLIFY 1\n\nuniform float uTime;\nuniform sampler2D uTexture;\nuniform sampler2D uTexture2;\nuniform vec2 uResolution;\n\nuniform float uDist;\nuniform float uWave;\nuniform vec2 uWaveNum;\nuniform float uScale;\nuniform float uLoop;\n\nuniform float uDir;\nuniform float uMix;\nuniform float uLight;\nuniform float uOpacity;\n\nvarying vec2 vUv;\n\nconst float PI = 3.14159265359;\n\nvoid main(void) {\n\n  vec2  p = (gl_FragCoord.xy / uResolution.xy);\n\n  vec2 uv = vec2(\n    (vUv.x - 0.5) + 0.5,\n    (vUv.y - 0.5) + 0.5\n  );\n\n  // 歪みの余白を作る\n  uv -= vec2(0.5, 0.5);\n  uv *= (1.0/uScale);\n  uv += vec2(0.5, 0.5);\n\n  float strength = uWave * uDir;\n  float x = (uv.y - 0.15) * uWaveNum.x;\n  float y = (0.5 - uv.x) * uv.y * uWaveNum.y;\n\n  float noise = sin(x+uv.x) * strength * cos(uv.x);\n  uv.x += noise;\n\n  // change wave\n  float changeWaveSt = sin(PI * uLoop) * 0.15;\n  float changeWave = changeWaveSt * sin(5.0 * length(uv.x) + 0.5 * uTime);\n  uv.xy += vec2(changeWave * 0.2);\n\n  float scale = 0.8 + uMix * 0.2;\n\n  vec4 col1 = texture2D(uTexture, uv);\n  vec4 col2 = texture2D(uTexture2, uv * scale);\n\n  vec2 maskUv = vec2(vUv.x * 2.0, vUv.y);\n  vec4 col = mix(col1, col2, step(length(vec2(maskUv.x - 1.0, maskUv.y -0.5)), uMix));\n\n  col.rgb -= vec3(noise);\n  col.rgb += vec3(abs(changeWave) * length(maskUv) * uLight);\n\n // トリミング\n  if (uv.x > 1.0 || uv.x <= 0.0) {\n    col.a *= step(1.0, 1.0 - abs(uv.x));\n  }\n  if (uv.y > 1.0 || uv.y <= 0.0) {\n    col.a *= step(1.0, 1.0 - abs(uv.y));\n  }\n\n  col.a *= uOpacity;\n\n  gl_FragColor = col;\n\n}\n",sizeRate:{x:2*this.dom.$item[o].clientWidth/e.parameters.width,y:2*this.dom.$item[o].clientHeight/e.parameters.height}}),this.obj.panel[o].mesh.objWrap.renderOrder=1+o,this.state.itemHref[o]=this.dom.$item[o].dataset.href})),t(),bt.mobileMode?(St[0].onResize((()=>{this.resize()})),St[0].onRender((()=>{this.render()}))):(St.onResize((()=>{this.resize()})),St.onRender((()=>{this.render()}))),this._setHold()})),this.obj.changeTexture.onLoaded((()=>{this.obj.changeTexture.pcTexture.forEach(((t,e)=>{this.obj.panel[e]&&(this.obj.panel[e].mesh.material.uniforms.uTexture2.value=t)}))}))}render(){this.state.wave+=.1*(W.state.pos.progress*bt.scrollDist*W.state.pos.power-this.state.wave),this.obj.panel.forEach(((t,e)=>{if(t.render(),!this.state.itemPositionOffest[0]||W.state.comp)return!1;bt.mobileMode||(t.mesh.objWrap.position.y=-this.dom.$item[e].getBoundingClientRect().top+this.state.itemPositionOffest[e].y,t.mesh.obj.position.x=this.state.motion.x+W.state.horizontalPos[3].x),t.mesh.material.uniforms.uDir.value=W.state.dir,t.mesh.material.uniforms.uWave.value=this.state.wave+this.state.motion.wave}))}resize(){this.dom.$container.style.height=j.height;const t=bt.mobileMode?St[0]:St;this.obj.panel.forEach(((e,o)=>{e.resize({width:t.obj.canvas.state.size.width*t.obj.canvas.state.pixelrate,height:t.obj.canvas.state.size.height*t.obj.canvas.state.pixelrate}),this.state.itemPositionOffest[o]={x:.5*t.obj.canvas.state.size.width-.5*this.dom.$item[o].getBoundingClientRect().width,y:.5*t.obj.canvas.state.size.height-.5*this.dom.$item[o].getBoundingClientRect().height},bt.mobileMode||(e.mesh.objWrap.position.y=-this.dom.$item[o].getBoundingClientRect().top+this.state.itemPositionOffest[o].y+W.state.pos.y,e.mesh.objWrap.position.x=this.dom.$item[o].getBoundingClientRect().left-this.state.itemPositionOffest[o].x-W.state.horizontalPos[3].x)})),this.conf.motion={y:bt.mobileMode?0:.5*t.obj.canvas.state.size.width,x:bt.mobileMode?0:-6.8*-t.obj.canvas.state.size.width}}show({onComplete:t}){if(this.dom.$container.classList.add("-show"),bt.mobileMode)return!1;i.p8.delayedCall(.1,(()=>{this.obj.panel.forEach((t=>{t.mesh.material.uniforms.uOpacity.value=1}))})),i.p8.killTweensOf(this.state.motion,{x:!0,y:!0,wave:!0}),i.p8.to(this.state.motion,{x:0,y:0,wave:0,ease:"expo.out",duration:1.1}),i.p8.to(this.state.motion,{x:0,y:0,wave:0,ease:"expo.out",duration:1,delay:.8,onComplete:()=>{this.state.opening=!0,t&&t()}}),this.obj.panel.forEach((t=>{i.p8.killTweensOf(t.mesh.material.uniforms.uScale,{value:!0}),i.p8.to(t.mesh.material.uniforms.uScale,{value:.5,ease:"expo.out",duration:1.1})}))}out(){if(this.dom.$container.classList.remove("-show"),bt.mobileMode)return!1;i.p8.killTweensOf(this.state.motion,{x:!0,y:!0,wave:!0}),i.p8.to(this.state.motion,{y:this.conf.motion.y,x:bt.mobileMode?this.conf.motion.x*W.state.dir:-this.conf.motion.x*W.state.dir,wave:.35,ease:(W.state.dir,"power2.out"),duration:W.state.dir<0?3:6}),this.obj.panel.forEach((t=>{i.p8.killTweensOf(t.mesh.material.uniforms.uScale,{value:!0}),i.p8.to(t.mesh.material.uniforms.uScale,{value:.3,ease:(W.state.dir,"power2.out"),duration:W.state.dir<0?3:6})}))}_setHold(){this.dom.$item.forEach(((t,e)=>{t.addEventListener("click",(()=>{this._holdStart({no:e})}))}))}_holdStart({no:t}){this.dom.$item.forEach(((e,o)=>{o!==t&&(e.style.pointerEvents="none")})),i.p8.killTweensOf([this.obj.panel[t].mesh.material.uniforms.uMix,this.obj.panel[t].mesh.material.uniforms.uLoop,this.obj.panel[t].mesh.material.uniforms.uScale,this.obj.panel[t].mesh.material.uniforms.uLight],{value:!0}),i.p8.to(this.obj.panel[t].mesh.material.uniforms.uMix,{value:1,ease:"circ.inOut",duration:1.5*.7}),i.p8.to(this.obj.panel[t].mesh.material.uniforms.uScale,{value:1,ease:"expo.inOut",delay:.35,duration:1.68}),i.p8.to(this.obj.panel[t].mesh.material.uniforms.uLight,{value:6,ease:"power2.out",duration:.21,delay:.35}),i.p8.to(this.obj.panel[t].mesh.material.uniforms.uLoop,{value:1,ease:"power2.out",duration:1.5*.7}),i.p8.killTweensOf(document.querySelectorAll("[data-gl-value-image-item] .c-linkArrow-inner"),{x:!0}),i.p8.to(document.querySelectorAll("[data-gl-value-image-item] .c-linkArrow-inner"),{x:"110%",duration:.6,ease:"expo.out"}),this.state.holdTime=setTimeout((()=>{this.state.hold=!0,this.obj.panel.forEach(((e,o)=>{o!==t&&i.p8.to(e.mesh.material.uniforms.uScale,{value:0,ease:"expo.out",duration:.7})})),i.p8.to(document.querySelector("#container"),{opacity:0,ease:"power2.out",duration:.2,onComplete:()=>{location.href=this.state.itemHref[t]}}),i.p8.to(document.body,{backgroundColor:"#fff",ease:"power2.out",duration:.2}),this.method._onHoldStart[0]&&this.method._onHoldStart.forEach((t=>{t()}))}),1200)}_holdEnd({no:t}){this.dom.$item.forEach(((t,e)=>{t.style.pointerEvents=""})),clearTimeout(this.state.holdTime),i.p8.killTweensOf([this.obj.panel[t].mesh.material.uniforms.uMix,this.obj.panel[t].mesh.material.uniforms.uLoop,this.obj.panel[t].mesh.material.uniforms.uScale,this.obj.panel[t].mesh.material.uniforms.uLight],{value:!0}),i.p8.to(this.obj.panel[t].mesh.material.uniforms.uMix,{value:0,ease:"expo.out",duration:.7}),i.p8.to(this.obj.panel[t].mesh.material.uniforms.uScale,{value:.5,ease:"expo.out",duration:.7}),i.p8.to(this.obj.panel[t].mesh.material.uniforms.uLight,{value:0,ease:"power2.out",duration:.7}),i.p8.to(this.obj.panel[t].mesh.material.uniforms.uLoop,{value:0,ease:"power2.out",duration:.7,onComplete:()=>{this.state.hold=!1}}),i.p8.killTweensOf(document.querySelectorAll("[data-gl-value-image-item] .c-linkArrow-inner"),{x:!0}),i.p8.to(document.querySelectorAll("[data-gl-value-image-item] .c-linkArrow-inner"),{x:"0%",duration:.6,ease:"expo.out"})}onHoldStart(t){this.method._onHoldStart.push(t)}}class jt{constructor(){if(v)return!1;this.dom={$title:document.querySelectorAll("[data-value-content-title]"),$no:document.querySelector("[data-value-content-no]"),$text:document.querySelectorAll("[data-value-content-text]"),$target:document.querySelectorAll("[data-value-content-target]")},this.state={show:!1,current:0,prevCurrent:0,distance:[]},this.titleMotion=[],this.dom.$title.forEach(((t,e)=>{this.titleMotion[e]=new E({$ele:t.querySelector(".c-sectionTitleEn")})})),C.add((()=>{this.resize()})),f.add((()=>{if(!W.state.current.includes("3"))return!1;this.state.distance.forEach(((t,e)=>{t<Math.abs(W.state.horizontalPos[3].x)&&(this.state.current=e,$t.current=e)})),this.state.current!==this.state.prevCurrent&&(this.change(),this.state.prevCurrent=this.state.current)}))}render(){}resize(){this.dom.$target.forEach(((t,e)=>{this.state.distance[e]=t.clientWidth*e-.25*j.width}))}change(){if(v||!this.state.show)return!1;this.titleMotion[this.state.current].show(),this.titleMotion[this.state.prevCurrent].out(),i.p8.killTweensOf(this.dom.$no,{opacity:!0}),i.p8.to(this.dom.$no,{opacity:0,duration:.4,ease:"power2.out",onComplete:()=>{this.noUpdate(),i.p8.to(this.dom.$no,{opacity:1,duration:.4,ease:"power2.out"})}}),i.p8.killTweensOf([this.dom.$text[this.state.prevCurrent],this.dom.$text[this.state.current]],{opacity:!0,display:!0}),i.p8.to(this.dom.$text[this.state.prevCurrent],{opacity:0,display:"none",duration:.4,ease:"power2.out",onComplete:()=>{i.p8.to(this.dom.$text[this.state.current],{opacity:1,display:"block",duration:.4,ease:"power2.out"})}})}show(){if(!$t.contentShow||v)return!1;this.state.show=!0,this.titleMotion[this.state.current].show({onComplete:()=>{}}),i.p8.killTweensOf(this.dom.$no,{opacity:!0}),i.p8.to(this.dom.$no,{opacity:1,duration:.4,ease:"power2.out"}),i.p8.killTweensOf(this.dom.$text[this.state.current],{opacity:!0,display:!0}),i.p8.to(this.dom.$text[this.state.current],{opacity:1,display:"block",duration:.4,ease:"power2.out"})}out(t){if(v)return!1;this.state.show=!1,this.titleMotion.forEach((e=>{e.out(t)})),i.p8.killTweensOf(this.dom.$no,{opacity:!0}),i.p8.to(this.dom.$no,{opacity:0,duration:.4,ease:"power2.out"}),i.p8.killTweensOf(this.dom.$text,{opacity:!0,display:!0}),i.p8.to(this.dom.$text,{opacity:0,display:"none",duration:.4,ease:"power2.out",onComplete:()=>{this.noUpdate()}})}noUpdate(){this.dom.$no.textContent="0"+(this.state.current+1)}}const Ot=()=>({isSP:window.matchMedia("screen and (max-width: 767px)").matches});class Lt{constructor(t){this.dom={$target:t.$target,$fixedArea:t.$fixedArea},this.state={update:!0,area:{start:0,end:0}},this.CONF={PC_OFF:t.CONF.PC_OFF||!1,SP_OFF:t.CONF.SP_OFF||!1},this.resize(),C.add((()=>{this.resize()})),f.add((()=>{this.update()}))}update(){if(!this.state.update)return!1;const t=R.isInertia?Math.abs(W.state.pos.y)-this.state.area.start:W.state.val.y-this.state.area.start;t>=0&&t<=this.state.area.end&&(this.dom.$target.style.transform="matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0,"+L(t,0,this.state.area.end)+", 0, 1)")}resize(){if(Ot().isSP&&this.CONF.SP_OFF||!Ot().isSP&&this.CONF.PC_OFF)return this.off(),!1;(!Ot().isSP&&this.CONF.SP_OFF||Ot().isSP&&this.CONF.PC_OFF)&&(this.state.update=!0);const t=this.dom.$fixedArea.getBoundingClientRect(),e=R.isInertia?Math.abs(W.state.pos.y):W.state.val.y;this.state.area.start=t.top+e,this.state.area.end=this.state.area.start+t.height-j.height}off(){this.state.update=!1,this.dom.$target.style.transform="matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)"}}class zt{constructor({onLoaded:t}){this.dom={$title:document.querySelector("[data-value-title]"),$bgTitle:document.querySelector("[data-value-bg-title]"),$text:document.querySelector("[data-value-text]"),$content:document.querySelector("[data-value-content]"),$linkArrow:document.querySelectorAll("[data-gl-value-image-item] .c-linkArrow-inner"),$progressbar:document.querySelector("[data-value-progressbar]"),$progressbarCurrent:document.querySelector("[data-value-progressbar] [data-progressbar-current]")},this.state={progress:0,titleShow:!1,show:!1},this.image,this.content,bt.mobileMode?St.forEach(((e,o)=>{e.init({onComplete:()=>{o===St.length-1&&(this.image=new Mt({onLoaded:()=>{t()}}),this.content=new jt,e.emitResize(),i.p8.set(this.dom.$linkArrow,{x:"110%"}))}})})):St.init({onComplete:()=>{this.image=new Mt({onLoaded:()=>{t()}}),this.content=new jt,this.image.onHoldStart((()=>{this.content.out({onComplete:()=>{}}),i.p8.killTweensOf([this.dom.$progressbar],{opacity:!0}),i.p8.to([this.dom.$progressbar],{opacity:0,duration:.4,ease:"power2.out"}),i.p8.set(this.dom.$linkArrow,{x:"110%"})}))}}),this.bgTitleMotion=new D({$ele:this.dom.$bgTitle}),this.titleMotion=new D({$ele:this.dom.$title}),i.p8.set(this.dom.$content,{opacity:1}),i.p8.set(this.dom.$text,{opacity:0}),i.p8.set([this.dom.$progressbar],{opacity:0}),bt.mobileMode||(new Lt({$target:document.querySelector(".p-value-title-inner"),$fixedArea:document.querySelector(".p-value-title"),CONF:{SP_OFF:!0}}),f.add((()=>{W.state.progress.section[3]>0?this.state.progress=100*W.state.progress.section[3]:this.state.progress=0,this.dom.$progressbarCurrent.style.transform="translate3d("+-1*(100-this.state.progress)+"%, 0, 0)"})))}startRender(){bt.mobileMode?St.forEach((t=>{t.startRender()})):St.startRender()}stopRender(){bt.mobileMode?St.forEach((t=>{t.stopRender()})):St.stopRender()}changePerformance({mode:t}){bt.mobileMode||St.changePerformance({mode:t})}emitResize(){bt.mobileMode||St.emitResize()}show(){if(this.state.show)return!1;this.state.show=!0,this.image.show({onComplete:()=>{}}),this.content.show(),i.p8.killTweensOf([this.dom.$progressbar],{opacity:!0}),i.p8.to([this.dom.$progressbar],{opacity:1,duration:.6,ease:"power2.out"}),i.p8.killTweensOf(this.dom.$linkArrow,{x:!0}),i.p8.fromTo(this.dom.$linkArrow,{x:110*W.state.dir+"%"},{x:"0%",duration:.6,delay:.8,ease:"expo.out"})}out(){if(!this.state.show)return!1;this.state.show=!1,this.image.out(),this.content.out({onComplete:()=>{}}),i.p8.killTweensOf([this.dom.$progressbar],{opacity:!0}),i.p8.to([this.dom.$progressbar],{opacity:0,duration:.4,ease:"power2.out"}),i.p8.killTweensOf(this.dom.$linkArrow,{x:!0}),i.p8.to(this.dom.$linkArrow,{x:"-110%",duration:.6,ease:"expo.out"})}titleShow(){if(this.state.titleShow)return!1;this.state.titleShow=!0,this.titleMotion.show(),this.bgTitleMotion.show(),i.p8.killTweensOf(this.dom.$text,{opacity:!0}),i.p8.to(this.dom.$text,{opacity:1,duration:.6,delay:.4,ease:"power2.out"})}titleOut(){if(!this.state.titleShow)return!1;this.state.titleShow=!1,this.titleMotion.out(),this.bgTitleMotion.out(),i.p8.killTweensOf(this.dom.$text,{opacity:!0}),i.p8.to(this.dom.$text,{opacity:0,duration:.6,ease:"power2.out"})}}const qt={videoSrc:v?"/-/media/global/digest/renew/video/index/technology_video-sp.mp4":"/-/media/global/digest/renew/video/index/technology_video.mp4"};Object.freeze(qt);class Rt{constructor(){this.dom={$video:document.querySelector("[data-technology-video]")},this.state={loaded:!1},this.dom.$video.src=qt.videoSrc,this.dom.$video.addEventListener("loadeddata",(()=>{this.state.loaded=!0}))}videoPlay(){if(!this.state.loaded)return!1;this.dom.$video.play()}videoPause(){if(!this.state.loaded)return!1;this.dom.$video.pause()}}const At={baseWithPC:1366,baseHeightPC:750,baseWithPCMax:1920,baseWithPCMin:1080,baseHeightPCMin:600,baseWithSP:828,baseHeightSP:1400};Object.freeze(At);class Pt{constructor(){if(this.dom={$progressBar:document.querySelector("[data-sus-gesture-progressbar] [data-progressbar-current]")},this.state={distance:0},v)return!1;this.gesture=new ut({$content:document.querySelector("[data-sus-gesture-content]"),$target:document.querySelector("[data-sus-gesture-content-target]"),$contentInner:document.querySelector("[data-sus-gesture-content-inner]"),$contentItem:document.querySelectorAll("[data-sus-gesture-content-item]")}),C.add((()=>{const t=this.gesture.dom.$content.parentNode.parentNode.getBoundingClientRect(),e=this.gesture.dom.$content.getBoundingClientRect(),o=this.gesture.dom.$contentItem[this.gesture.dom.$contentItem.length-1];this.state.distance=o.getBoundingClientRect().left-(e.left-t.left)+o.clientWidth-t.left-Math.min(At.baseWithPCMax+.5*(j.width-At.baseWithPCMax),j.width)})),f.add((()=>{if("5"!==W.state.viewCurrent)return!1;const t=Math.max(105-.08*Math.floor(this.gesture.method.tween.state.position/this.state.distance*1e3),0);this.dom.$progressBar.style.transform="translate3d("+-1*t+"%, 0, 0)"}))}}const Et={src:{pc:["/-/media/global/digest/renew/img/index/worldmap.png"]}};Object.freeze(Et);class It{constructor(){this.dom={$ele:document.querySelector("[data-gl-earth]")},this.obj={sphere:null,wrap:null,texture:new nt({src:Et.src})},this.state={base:{width:j.width,height:j.height},itemPositionOffest:{x:0,y:0}},this.obj.texture.onLoaded((()=>{const t=new U.Ox3(16777215,1);t.position.set(10,10,10),it.obj.canvas.scene.add(t);const e=new U.FIo({vertexShader:"#define GLSLIFY 1\nattribute vec3 position;\nattribute vec2 uv;\n\nuniform mat4 modelViewMatrix;\nuniform mat4 projectionMatrix;\n\nvarying vec2 vUv;\n\nvoid main () {\n  vUv = uv;\n  // gl_Position = vec4(position, 1.0);\n\n  vec4 mvPosition = modelViewMatrix * vec4( position, 1.0 );\n  gl_Position = projectionMatrix * mvPosition;\n}\n",fragmentShader:"precision highp float;\n#define GLSLIFY 1\n// precision mediump float;\n\n// varying vec2 vTextureCoord;\n//\n// Description : Array and textureless GLSL 2D/3D/4D simplex\n//               noise functions.\n//      Author : Ian McEwan, Ashima Arts.\n//  Maintainer : ijm\n//     Lastmod : 20110822 (ijm)\n//     License : Copyright (C) 2011 Ashima Arts. All rights reserved.\n//               Distributed under the MIT License. See LICENSE file.\n//               https://github.com/ashima/webgl-noise\n//\n\nvec3 mod289(vec3 x) {\n  return x - floor(x * (1.0 / 289.0)) * 289.0;\n}\n\nvec4 mod289(vec4 x) {\n  return x - floor(x * (1.0 / 289.0)) * 289.0;\n}\n\nvec4 permute(vec4 x) {\n     return mod289(((x*34.0)+1.0)*x);\n}\n\nvec4 taylorInvSqrt(vec4 r)\n{\n  return 1.79284291400159 - 0.85373472095314 * r;\n}\n\nfloat snoise(vec3 v)\n  {\n  const vec2  C = vec2(1.0/6.0, 1.0/3.0) ;\n  const vec4  D = vec4(0.0, 0.5, 1.0, 2.0);\n\n// First corner\n  vec3 i  = floor(v + dot(v, C.yyy) );\n  vec3 x0 =   v - i + dot(i, C.xxx) ;\n\n// Other corners\n  vec3 g = step(x0.yzx, x0.xyz);\n  vec3 l = 1.0 - g;\n  vec3 i1 = min( g.xyz, l.zxy );\n  vec3 i2 = max( g.xyz, l.zxy );\n\n  //   x0 = x0 - 0.0 + 0.0 * C.xxx;\n  //   x1 = x0 - i1  + 1.0 * C.xxx;\n  //   x2 = x0 - i2  + 2.0 * C.xxx;\n  //   x3 = x0 - 1.0 + 3.0 * C.xxx;\n  vec3 x1 = x0 - i1 + C.xxx;\n  vec3 x2 = x0 - i2 + C.yyy; // 2.0*C.x = 1/3 = C.y\n  vec3 x3 = x0 - D.yyy;      // -1.0+3.0*C.x = -0.5 = -D.y\n\n// Permutations\n  i = mod289(i);\n  vec4 p = permute( permute( permute(\n             i.z + vec4(0.0, i1.z, i2.z, 1.0 ))\n           + i.y + vec4(0.0, i1.y, i2.y, 1.0 ))\n           + i.x + vec4(0.0, i1.x, i2.x, 1.0 ));\n\n// Gradients: 7x7 points over a square, mapped onto an octahedron.\n// The ring size 17*17 = 289 is close to a multiple of 49 (49*6 = 294)\n  float n_ = 0.142857142857; // 1.0/7.0\n  vec3  ns = n_ * D.wyz - D.xzx;\n\n  vec4 j = p - 49.0 * floor(p * ns.z * ns.z);  //  mod(p,7*7)\n\n  vec4 x_ = floor(j * ns.z);\n  vec4 y_ = floor(j - 7.0 * x_ );    // mod(j,N)\n\n  vec4 x = x_ *ns.x + ns.yyyy;\n  vec4 y = y_ *ns.x + ns.yyyy;\n  vec4 h = 1.0 - abs(x) - abs(y);\n\n  vec4 b0 = vec4( x.xy, y.xy );\n  vec4 b1 = vec4( x.zw, y.zw );\n\n  //vec4 s0 = vec4(lessThan(b0,0.0))*2.0 - 1.0;\n  //vec4 s1 = vec4(lessThan(b1,0.0))*2.0 - 1.0;\n  vec4 s0 = floor(b0)*2.0 + 1.0;\n  vec4 s1 = floor(b1)*2.0 + 1.0;\n  vec4 sh = -step(h, vec4(0.0));\n\n  vec4 a0 = b0.xzyw + s0.xzyw*sh.xxyy ;\n  vec4 a1 = b1.xzyw + s1.xzyw*sh.zzww ;\n\n  vec3 p0 = vec3(a0.xy,h.x);\n  vec3 p1 = vec3(a0.zw,h.y);\n  vec3 p2 = vec3(a1.xy,h.z);\n  vec3 p3 = vec3(a1.zw,h.w);\n\n//Normalise gradients\n  vec4 norm = taylorInvSqrt(vec4(dot(p0,p0), dot(p1,p1), dot(p2, p2), dot(p3,p3)));\n  p0 *= norm.x;\n  p1 *= norm.y;\n  p2 *= norm.z;\n  p3 *= norm.w;\n\n// Mix final noise value\n  vec4 m = max(0.6 - vec4(dot(x0,x0), dot(x1,x1), dot(x2,x2), dot(x3,x3)), 0.0);\n  m = m * m;\n  return 42.0 * dot( m*m, vec4( dot(p0,x0), dot(p1,x1),\n                                dot(p2,x2), dot(p3,x3) ) );\n  }\n\nuniform float uTime;\nuniform vec2 uResolution;\nuniform sampler2D uTexture;\nuniform float uOpacity;\nuniform float uLightPower;\nuniform float uLightSize;\nuniform vec2 uLightPosi;\n\nvarying vec2 vUv;\n\nvoid main(void) {\n\n  vec2  p = (gl_FragCoord.xy / uResolution.xy);\n\n  vec2 uv = fract(vec2(\n    (vUv.x - 0.5) + 0.5,\n    (vUv.y - 0.5) + 0.5\n  ));\n\n  vec4 col = texture2D(uTexture, uv);\n\n  float light = uLightSize / cos(cos(uTime)) - length(vec2(p.x * -1.0 + uLightPosi.x, p.y * -1.0 + uLightPosi.y)) * uLightPower;\n\n  col.a *= (uOpacity - light);\n\n  gl_FragColor = col;\n}\n",transparent:!0,side:U.ehD,uniforms:{uTime:{value:0},uOpacity:{value:1},uResolution:{type:"v2",value:new U.FM8(0,0)},uTexture:{value:this.obj.texture.pcTexture[0]}}});this.obj.sphere=new U.Kj0(new U.xo$(v?.15*this.dom.$ele.clientWidth:g?.3*this.dom.$ele.clientWidth:.37*this.dom.$ele.clientWidth,200,200),e),this.obj.sphere.position.set(0,0,0),this.obj.sphere.geometry.verticesNeedUpdate=!0,this.obj.wrap=new U.Tme,this.obj.wrap.add(this.obj.sphere),it.obj.canvas.scene.add(this.obj.wrap),this.render(),it.onRender((()=>{this.render()})),it.onResize((()=>{this.resize()})),it.changePerformance({mode:"default"})}))}render(){this.obj.sphere.material.uniforms.uTime.value+=.001,this.obj.sphere.rotation.y-=.001}resize(){this.state.itemPositionOffest={x:.5*it.obj.canvas.state.size.width-.5*this.dom.$ele.getBoundingClientRect().width,y:.5*it.obj.canvas.state.size.height-.5*this.dom.$ele.getBoundingClientRect().height},this.obj.sphere.material.uniforms.uResolution.value.x=it.obj.canvas.state.size.width*it.obj.canvas.state.pixelrate,this.obj.sphere.material.uniforms.uResolution.value.y=it.obj.canvas.state.size.height*it.obj.canvas.state.pixelrate;const t={x:L(At.baseWithPCMax,At.baseWithPCMin,j.width)/this.state.base.width,y:j.height/this.state.base.height};this.obj.sphere.scale.x=t.x,this.obj.sphere.scale.y=t.x,this.obj.sphere.scale.z=t.x}}class Dt{constructor(){this.dom={},it.init({onComplete:()=>{new It}})}show(){}out(){}}const Nt=v;class Bt{constructor(){this.dom={$content:Nt?document.querySelector("[data-contents-link-sp]"):document.querySelector("[data-contents-link]"),$item:null,$line:null,$bg:null,$name:Nt?document.querySelector("[data-contents-link-sp-name]"):null,$close:Nt?document.querySelector("[data-contents-link-sp-close]"):document.querySelector("[data-contents-link-close]"),$trigger:document.querySelector("[data-contents-link-trigger]"),$triggerText:document.querySelector("[data-contents-link-trigger-text]"),$triggerBg:document.querySelector("[data-contents-link-trigger-bg]")},this.dom.$item=this.dom.$content.querySelectorAll("[data-contents-link-item]"),this.dom.$line=this.dom.$content.querySelectorAll("[data-contents-link-line]"),this.dom.$bg=this.dom.$content.querySelector("[data-contents-link-bg]"),this.state={open:!1,contentHover:!1},this._styleSet(),this.dom.$item.forEach((t=>{t.addEventListener("click",(()=>{Nt&&(this.state.open=!1,W.fixed(!1),i.p8.delayedCall(.3,(()=>{W.state.comp=!1,ot.emitResize(),this.close()}))),W.toId({id:"#"+t.dataset.contentsLinkItem,offset:document.querySelector(".mod-0101").clientHeight})}))})),this.dom.$trigger.addEventListener("click",(()=>{this.state.open||(this.state.open=!0,this.open({onComplete:()=>{Nt&&W.fixed(!0)}}))})),this.dom.$close.addEventListener("click",(()=>{this.state.open&&(this.state.open=!1,Nt?(W.fixed(!1),i.p8.delayedCall(.1,(()=>{this.close()}))):this.close())})),this.dom.$content.addEventListener("mouseover",(()=>{this.state.contentHover||(this.state.contentHover=!0,kt.colorWhite({change:!0}))}),b),this.dom.$content.addEventListener("mouseleave",(()=>{this.state.contentHover&&(this.state.contentHover=!1,kt.colorWhite({change:!1}))}),b),Nt||W.onScrollStart((()=>{this.state.open&&(this.state.open=!1,this.close())}))}_styleSet(){i.p8.set(this.dom.$item,{x:-100,opacity:0}),i.p8.set(this.dom.$line,{opacity:0,y:"-110%"}),i.p8.set(this.dom.$bg,{x:"-110%"}),i.p8.set(this.dom.$triggerText,{opacity:0}),i.p8.set(this.dom.$triggerBg,{x:"110%"}),this.dom.$name&&i.p8.set(this.dom.$name,{x:-100,opacity:0}),this.dom.$close&&i.p8.set(this.dom.$close,{opacity:0})}open({onComplete:t}){this.dom.$content.classList.add("-active"),i.p8.killTweensOf(this.dom.$item,{x:!0,opacity:!0}),i.p8.killTweensOf(this.dom.$line,{opacity:!0,y:!0}),i.p8.killTweensOf(this.dom.$bg,{x:!0}),i.p8.fromTo(this.dom.$item,{x:-100},{x:0,opacity:1,duration:.6,delay:.5,stagger:.05,ease:"expo.out"}),i.p8.fromTo(this.dom.$line,{opacity:1,y:"-110%"},{opacity:1,y:"0%",duration:.6,delay:Nt?.7:.3,stagger:.05,ease:"expo.out"}),i.p8.fromTo(this.dom.$bg,{x:"-110%"},{x:"0%",duration:1,ease:"expo.inOut",onComplete:()=>{t()}}),this.dom.$name&&(i.p8.killTweensOf(this.dom.$name,{x:!0,opacity:!0}),i.p8.fromTo(this.dom.$name,{x:-100},{x:0,opacity:1,duration:.6,delay:.5,ease:"expo.out"})),this.dom.$close&&(i.p8.killTweensOf(this.dom.$close,{opacity:!0}),i.p8.to(this.dom.$close,{opacity:1,duration:.6,delay:.75,ease:"expo.out"}))}close(){this.dom.$content.classList.remove("-active"),i.p8.killTweensOf(this.dom.$item,{x:!0,opacity:!0}),i.p8.killTweensOf(this.dom.$line,{opacity:!0,y:!0}),i.p8.killTweensOf(this.dom.$bg,{x:!0}),i.p8.to(this.dom.$item,{x:-100,opacity:0,duration:.6,ease:"expo.out"}),i.p8.to(this.dom.$line,{opacity:0,y:"110%",duration:.6,ease:"expo.out"}),i.p8.to(this.dom.$bg,{x:"-110%",duration:.6,ease:"expo.out"}),this.dom.$name&&(i.p8.killTweensOf(this.dom.$name,{x:!0,opacity:!0}),i.p8.to(this.dom.$name,{x:100,opacity:0,duration:.6,ease:"expo.out"})),this.dom.$close&&(i.p8.killTweensOf(this.dom.$close,{opacity:!0}),i.p8.to(this.dom.$close,{opacity:0,duration:.6,ease:"expo.out"}))}triggerShow(){this.dom.$trigger.classList.add("-active"),i.p8.killTweensOf(this.dom.$triggerText,{opacity:!0}),i.p8.killTweensOf(this.dom.$triggerBg,{x:!0}),i.p8.to(this.dom.$triggerText,{opacity:1,duration:.6,ease:"expo.out"}),i.p8.fromTo(this.dom.$triggerBg,{x:"-110%"},{x:"0%",duration:.6,ease:"expo.out"})}triggerOut(){this.dom.$trigger.classList.remove("-active"),i.p8.killTweensOf(this.dom.$triggerText,{opacity:!0}),i.p8.killTweensOf(this.dom.$triggerBg,{x:!0}),i.p8.to(this.dom.$triggerText,{opacity:0,duration:.6,ease:"expo.out"}),i.p8.to(this.dom.$triggerBg,{x:"110%",duration:.6,ease:"expo.out"})}}class Ft{constructor({onLoaded:t,onOpeningAfter:e}){if(this.state={mvLoaded:!1,valueLoaded:!1,init:!1,opening:!1,scrollMotion:{scene0:!1,scene1:!1,scene2Copy:!1,scene2:!1,scene3:!1,scene4:!1,scene5:!1,scene6:!1,scene7:!1,scene8:!1,scene9:!1},referrer:{url:null,isScroll:null,scrollNo:0}},this.cover,this.mainvisual,this.value,this.message,this.company,this.sustainability,this.technology,this.childPoint=new _t({$ele:W.dom.$bodyContent}),J.state.active=!0,this.bg=new tt,this.contentsLink=new Bt,sessionStorage.getItem("referrer")){this.state.referrer.url=sessionStorage.getItem("referrer");const t=[1,3,4,6];[/at-your-side/g,/value/g,/technology/g,/history/g].forEach(((e,o)=>{this.state.referrer.url.match(e)&&(this.state.referrer.isScroll=this.state.referrer.url.match(e),this.state.referrer.scrollNo=t[o])}))}W.exResize({height:j.height}),et.init({onComplete:()=>{this.state.referrer.isScroll||(this.cover=new K({gl:et}))}}),ot.init({onComplete:()=>{this.mainvisual=new yt({onLoaded:()=>{t(),this.opening({onComplete:()=>{this.state.mvLoaded=!0,this.state.mvLoaded&&this.state.valueLoaded&&!this.state.init&&(this.state.init=!0,e(),this.init())}})}}),this.value=new zt({onLoaded:()=>{this.state.valueLoaded=!0,this.state.mvLoaded&&this.state.valueLoaded&&!this.state.init&&(this.state.init=!0,e(),this.init())}}),this.message=new wt}})}init(){ot.emitResize(),document.querySelector(".c-pageTop")&&(document.querySelector(".c-pageTop").style.opacity=1),et.stopRender(),this.technology=new Rt,this.sustainability=new Pt,this.company=new Dt;const t=String(document.querySelector(".p-business__footer").dataset.no),e=String(document.querySelector(".p-business__footer").dataset.no-1);f.add((()=>{if(!this.state.opening)return!1;W.state.val.y<10&&!this.state.scene0?(this.state.scene0=!0,this.mainvisual.uiShow(),this.contentsLink.triggerOut(),v||C.emit()):W.state.val.y>=10&&this.state.scene0&&(this.state.scene0=!1,this.mainvisual.uiOut(),this.contentsLink.triggerShow()),j.height>=W.state.val.y&&!this.state.scene1?(this.state.scene1=!0,ot.startRender()):j.height<W.state.val.y&&this.state.scene1&&(this.state.scene1=!1,ot.stopRender()),"1"!==W.state.viewCurrent||this.state.scene2||this.state.referrer.isScroll?"1"!=W.state.viewCurrent&&this.state.scene2&&(this.state.scene2=!1,v||this.message.out()):(this.state.scene2=!0,this.message.show(),ot.emitResize(),this.value.stopRender()),"2"!==W.state.viewCurrent||this.state.scene3||this.state.referrer.isScroll?"2"!==W.state.viewCurrent&&this.state.scene3&&(this.state.scene3=!1,v||this.value.titleOut()):(this.state.scene3=!0,this.value.startRender(),v||C.emit(),this.value.titleShow(),v&&this.value.out()),W.state.point[3].start<=W.state.val.y&&W.state.point[3].end>=W.state.val.y&&!this.state.scene4?(this.state.scene4=!0,$t.contentShow=!0,this.value.show()):(W.state.point[3].start>W.state.val.y&&this.state.scene4||W.state.point[3].end<=W.state.val.y&&this.state.scene4)&&($t.contentShow=!1,this.state.scene4=!1,v||this.value.out()),"4"!==W.state.viewCurrent||this.state.scene5?"4"!==W.state.viewCurrent&&this.state.scene5&&(this.state.scene5=!1,this.technology.videoPause()):(this.state.scene5=!0,this.bg.colorNormal(),this.technology.videoPlay(),this.value.startRender()),"5"!==W.state.viewCurrent||this.state.scene6?"5"!==W.state.viewCurrent&&this.state.scene6&&(this.state.scene6=!1):(this.state.scene6=!0,this.bg.colorWhite(),this.value.stopRender()),"6"!==W.state.viewCurrent||this.state.scene7?"6"!==W.state.viewCurrent&&this.state.scene7&&(this.state.scene7=!1,it.stopRender()):(this.state.scene7=!0,this.bg.colorNormal(),it.startRender()),"7"!==W.state.viewCurrent||this.state.scene8?"7"!==W.state.viewCurrent&&this.state.scene8&&(this.state.scene8=!1):(this.state.scene8=!0,this.bg.colorWhite()),1!==W.state.dir||W.state.viewCurrent!==e||this.state.scene9?-1===W.state.dir&&W.state.viewCurrent!==e&&W.state.viewCurrent!==t&&this.state.scene9&&(this.state.scene9=!1,this.contentsLink.triggerShow()):(this.state.scene9=!0,this.contentsLink.triggerOut())}))}opening({onComplete:t}){if(this.state.referrer.isScroll?i.p8.to(document.querySelector(".mf_finder_container"),{opacity:1,duration:.6,delay:.8,ease:"sine.out"}):(i.p8.set(document.querySelector(".mf_finder_container"),{opacity:1}),this.cover.out()),i.p8.delayedCall(this.state.referrer.isScroll?1:3.9,(()=>{this.mainvisual.image.slider.dirChange(),C.emit(),i.p8.delayedCall(1,(()=>{this.mainvisual.image.offsetActive()}))})),this.state.referrer.isScroll){this.state.opening=!0,W.exResize({height:null}),this.childPoint.resize();const e=v?-100:.25*j.height;W.to({val:6!==this.state.referrer.scrollNo?W.state.point[this.state.referrer.scrollNo].start+e:this.childPoint.state.cnt[this.state.referrer.scrollNo].item[0].pos.y.start+e,duration:v?2:1.2}),t(),this.value.startRender(),i.p8.delayedCall(.5,(()=>{this.bg.line.start(),this.mainvisual.openingSkip({onComplete:()=>{this.contentsLink.triggerShow(),C.emit(),this.state.referrer.isScroll=!1}})}))}else i.p8.delayedCall(.5,(()=>{this.mainvisual.opening({onComplete:()=>{this.state.opening=!0,this.bg.line.start(),W.exResize({height:null}),t()}})}))}}class Wt{constructor(){this.dom={$container:document.querySelectorAll("[data-pagenavi]"),$item:document.querySelectorAll("[data-pagenavi-item]")},i.p8.set(this.dom.$container,{x:-100,opacity:0}),this.point=new _t({$ele:W.dom.$bodyContent}),this.point.onChange((()=>{this.update()})),this.dom.$item.forEach(((t,e)=>{t.addEventListener("click",(()=>{W.to({val:this.point.state.cnt[1].item[e].pos.y.start+.25*j.height})}),b)})),f.add((()=>{this.point.update()})),C.add((()=>{this.point.resize()}))}update(){this.dom.$item[this.point.state.viewCurrent].classList.add("-current"),this.dom.$item[this.point.state.prevCurrent].classList.remove("-current")}show(){i.p8.killTweensOf(this.dom.$container,{x:!0,opacity:!0}),i.p8.to(this.dom.$container,{x:0,opacity:1,ease:"expo.out",duration:1})}out(){i.p8.killTweensOf(this.dom.$container,{x:!0,opacity:!0}),i.p8.to(this.dom.$container,{x:-100,opacity:0,ease:"expo.out",duration:.5})}}const Ut=new Y({$container:document.querySelector("[data-gl]")});class Ht{constructor({src:t}){this.state={loadedPC:[],loadedSP:[],loaded:!1},this.pcTexture=[],this.spTexture=[],this.video=[],this._onLoaded=[],this._load({src:t})}_load({src:t}){t.pc.forEach(((t,e)=>{this.video[e]=document.createElement("video"),this.video[e].src=t,this.video[e].autoplay=!0,this.video[e].loop=!0,this.video[e].muted=!0,this.video[e].currentTime=.1,this.video[e].setAttribute("playsinline",""),this.state.loadedPC[e]=!1,this.video[e].load(),this.video[e].addEventListener("loadeddata",(()=>{this.pcTexture[e]=new U.fO1(this.video[e]),this.pcTexture[e].minFilter=U.wem,this.pcTexture[e].magFilter=U.wem,this.state.loadedPC[e]=!0,this.video[e].play(),this.checkLoaded()&&!this.state.loaded&&(this.state.loaded=!0,this._onLoaded.forEach((t=>{t()})))}))}))}checkLoaded(){return this.spTexture[0]?this.state.loadedPC.every((t=>t))&&this.state.loadedSP.every((t=>t)):this.state.loadedPC.every((t=>t))}onLoaded(t){if("function"!=typeof t)return!1;this._onLoaded.push(t)}play({index:t}){this.video[t].currentTime=.1,this.video[t].play()}pause({index:t}){this.video[t].pause()}}class Gt{constructor({src:t,srcVideo:e,onLoaded:o}){this.dom={},this.obj={panel:null,texture:new nt({src:{pc:t}}),videoTexture:null},this.conf={},this.state={opening:!1,itemPositionOffest:[]},this.obj.texture.onLoaded((()=>{const t=new at({width:Ut.obj.canvas.state.size.width,height:Ut.obj.canvas.state.size.height});this.obj.panel=new ht({scene:Ut.obj.canvas.scene,geo:t,uniforms:{uTime:{value:0},uTexture:{value:this.obj.texture.pcTexture[0]},uOpacity:{value:1},uPos:{type:"v2",value:new U.FM8(1,1)},uResolution:{type:"v2",value:new U.FM8(0,0)},uImgResolution:{type:"v2",value:new U.FM8(this.obj.texture.pcTexture[0].image.width,this.obj.texture.pcTexture[0].image.height)},uLight:{value:1},uNoise:{value:.4},uScale:{value:.9},uLightColor:{type:"v3",value:new U.Pa4(.08,.15,.1)}},vert:"#define GLSLIFY 1\nattribute vec3 position;\nattribute vec2 uv;\n\nuniform mat4 modelViewMatrix;\nuniform mat4 projectionMatrix;\nuniform vec2 uResolution;\nuniform vec2 uMouse;\n\nuniform float uScrollY;\nvarying vec2 vUv;\n\n// #pragma glslify: rotateMatrix = require(./utils/rotateMatrix)\n\nvoid main () {\n  vUv = uv;\n  // mat4 rotateMat = rotateMatrix(\n  //   radians(uMouse.y) * 0.001,\n  //   radians(uMouse.x) * 0.0005,\n  //   0.0\n  // );\n\n  // vec4 mvPosition = modelViewMatrix * rotateMat * vec4( position, 1.0 );\n  // gl_Position = projectionMatrix * mvPosition;\n\n  vec4 mvPosition = modelViewMatrix * vec4( position, 1.0 );\n  gl_Position = projectionMatrix * mvPosition;\n}\n",frag:"precision highp float;\n#define GLSLIFY 1\n// precision mediump float;\n\n// varying vec2 vTextureCoord;\n//\n// Description : Array and textureless GLSL 2D simplex noise function.\n//      Author : Ian McEwan, Ashima Arts.\n//  Maintainer : ijm\n//     Lastmod : 20110822 (ijm)\n//     License : Copyright (C) 2011 Ashima Arts. All rights reserved.\n//               Distributed under the MIT License. See LICENSE file.\n//               https://github.com/ashima/webgl-noise\n//\n\nvec3 mod289(vec3 x) {\n  return x - floor(x * (1.0 / 289.0)) * 289.0;\n}\n\nvec2 mod289(vec2 x) {\n  return x - floor(x * (1.0 / 289.0)) * 289.0;\n}\n\nvec3 permute(vec3 x) {\n  return mod289(((x*34.0)+1.0)*x);\n}\n\nfloat snoise(vec2 v)\n  {\n  const vec4 C = vec4(0.211324865405187,  // (3.0-sqrt(3.0))/6.0\n                      0.366025403784439,  // 0.5*(sqrt(3.0)-1.0)\n                     -0.577350269189626,  // -1.0 + 2.0 * C.x\n                      0.024390243902439); // 1.0 / 41.0\n// First corner\n  vec2 i  = floor(v + dot(v, C.yy) );\n  vec2 x0 = v -   i + dot(i, C.xx);\n\n// Other corners\n  vec2 i1;\n  //i1.x = step( x0.y, x0.x ); // x0.x > x0.y ? 1.0 : 0.0\n  //i1.y = 1.0 - i1.x;\n  i1 = (x0.x > x0.y) ? vec2(1.0, 0.0) : vec2(0.0, 1.0);\n  // x0 = x0 - 0.0 + 0.0 * C.xx ;\n  // x1 = x0 - i1 + 1.0 * C.xx ;\n  // x2 = x0 - 1.0 + 2.0 * C.xx ;\n  vec4 x12 = x0.xyxy + C.xxzz;\n  x12.xy -= i1;\n\n// Permutations\n  i = mod289(i); // Avoid truncation effects in permutation\n  vec3 p = permute( permute( i.y + vec3(0.0, i1.y, 1.0 ))\n    + i.x + vec3(0.0, i1.x, 1.0 ));\n\n  vec3 m = max(0.5 - vec3(dot(x0,x0), dot(x12.xy,x12.xy), dot(x12.zw,x12.zw)), 0.0);\n  m = m*m ;\n  m = m*m ;\n\n// Gradients: 41 points uniformly over a line, mapped onto a diamond.\n// The ring size 17*17 = 289 is close to a multiple of 41 (41*7 = 287)\n\n  vec3 x = 2.0 * fract(p * C.www) - 1.0;\n  vec3 h = abs(x) - 0.5;\n  vec3 ox = floor(x + 0.5);\n  vec3 a0 = x - ox;\n\n// Normalise gradients implicitly by scaling m\n// Approximation of: m *= inversesqrt( a0*a0 + h*h );\n  m *= 1.79284291400159 - 0.85373472095314 * ( a0*a0 + h*h );\n\n// Compute final noise value at P\n  vec3 g;\n  g.x  = a0.x  * x0.x  + h.x  * x0.y;\n  g.yz = a0.yz * x12.xz + h.yz * x12.yw;\n  return 130.0 * dot(m, g);\n}\n\nuniform float uTime;\nuniform sampler2D uTexture;\nuniform vec2 uResolution;\nuniform vec2 uImgResolution;\nuniform vec2 uPos;\n\nuniform float uNoise;\nuniform float uLight;\nuniform float uScale;\nuniform float uOpacity;\n\nuniform vec3 uLightColor;\n\nvarying vec2 vUv;\n\nvoid main(void) {\n\n  vec2 ratio = vec2(\n    min((uResolution.x / uResolution.y) / (uImgResolution.x / uImgResolution.y), 1.0),\n    min((uResolution.y / uResolution.x) / (uImgResolution.y / uImgResolution.x), 1.0)\n  );\n\n  vec2 uv = fract(vec2(\n    vUv.x * ratio.x + (uPos.x - ratio.x) * 0.5,\n    vUv.y * ratio.y + (uPos.y - ratio.y) * 0.5\n  ));\n\n  float time = uTime * 0.1;\n  vec2 light = vec2(1.0 + snoise(vec2((uv.y + time) * uNoise, uv.x + time)), sin(time)) * uLight;\n\n  vec4 col = texture2D(uTexture, uv * uScale);\n\n  // Light\n  col.b -= max(light.x, light.y) * uLightColor.y;\n  col.rgb -= vec3(max(light.x, 0.0));\n\n  col.a *= uOpacity;\n\n  gl_FragColor = col;\n\n}\n",sizeRate:{x:1,y:1}}),Ut.onResize((()=>{this.resize()})),Ut.onRender((()=>{this.render()})),i.p8.set(Ut.dom.$container.parentNode,{transformOrigin:"top center",scale:.1*Math.ceil(j.height/Ut.obj.canvas.state.size.height*10)}),o(),i.p8.delayedCall(.1,(()=>{Ut.startRender()})),e&&(this.obj.videoTexture=new Ht({src:{pc:e}}),this.obj.videoTexture.onLoaded((()=>{this.obj.panel.mesh.material.uniforms.uTexture.value=this.obj.videoTexture.pcTexture[0],this.obj.videoTexture.play({index:0})})))}))}render(){this.obj.panel.render()}resize(){this.obj.panel.resize({width:Ut.obj.canvas.state.size.width*Ut.obj.canvas.state.pixelrate,height:Ut.obj.canvas.state.size.height*Ut.obj.canvas.state.pixelrate})}show(){i.p8.to(this.obj.panel.mesh.material.uniforms.uLight,{value:0,duration:1,delay:1,ease:"expo.out"}),i.p8.to(this.obj.panel.mesh.material.uniforms.uScale,{value:1,duration:2,ease:"expo.inOut"}),i.p8.to(Ut.dom.$container.parentNode,{scale:1,duration:1,delay:1,ease:"expo.out"})}out(){}}class Yt{constructor({src:t,srcVideo:e,onComplete:o}){this.dom={$pageTitleEn:document.querySelector("[data-pagetitle-en]"),$opening:document.querySelectorAll("[data-opening]")},this.image,this.pageTitleEn=new E({$ele:this.dom.$pageTitleEn}),i.p8.set(this.dom.$opening,{y:100,opacity:0}),Ut.init({onComplete:()=>{this.cover=new K({gl:Ut}),i.p8.delayedCall(.5,(()=>{this.image=new Gt({src:t,srcVideo:e||!1,onLoaded:()=>{o()}})}))}})}opening({onComplete:t}){this.cover.out(),Ut.emitResize(),this.image.show(),i.p8.delayedCall(2,(()=>{this.pageTitleEn.show(),i.p8.to(this.dom.$opening,{y:0,opacity:1,ease:"expo.out",duration:.6,stagger:.1,onComplete:()=>{t()}}),i.p8.fromTo(document.querySelector(".mod-0101"),{y:-document.querySelector(".mod-0101").clientHeight,opacity:0},{y:0,opacity:1,duration:.4,ease:"sine.out"})}))}}class Vt{constructor(){this.dom={$wrap:document.querySelector("[data-modal]"),$trigger:document.querySelectorAll("[data-modal-trigger]"),$closeBtn:v?document.querySelector("[data-modal-close-sp]"):document.querySelector("[data-modal-close]"),$contents:document.querySelectorAll("[data-modal-content]"),$prevBtn:document.querySelectorAll("[data-modal-prev]"),$nextBtn:document.querySelectorAll("[data-modal-next]"),$prevBtnText:document.querySelector("[data-modal-prev-text]"),$nextBtnText:document.querySelector("[data-modal-next-text]")},this.state={open:!1,motion:!1,viewNo:0},this.method={_onShow:[],_onOut:[]};let t=0;for(;t<this.dom.$trigger.length;){const e=t;this.dom.$trigger[t].addEventListener("click",(()=>{if(this.state.motion)return!1;this.state.motion=!0,this.state.viewNo=e,this.open({onComplete:()=>{}})}),b),t+=1}this.dom.$closeBtn&&this.dom.$closeBtn.addEventListener("click",(()=>{if(this.state.motion)return!1;this.state.motion=!0,this.close()}),b),this.dom.$prevBtn[0]&&this.dom.$prevBtn.forEach((t=>{t.addEventListener("click",(()=>{if(this.state.motion)return!1;this.state.motion=!0,this.change({dir:"prev"})}),b)})),this.dom.$nextBtn[0]&&this.dom.$nextBtn.forEach((t=>{t.addEventListener("click",(()=>{if(this.state.motion)return!1;this.state.motion=!0,this.change({dir:"next"})}),b)})),this._motionStyleSet()}_motionStyleSet(){i.p8.set(document.querySelectorAll("[data-modal-bg]"),{x:"-110%"}),i.p8.set(document.querySelectorAll("[data-modal-bg-inner]"),{x:"110%",scale:1.5}),i.p8.set(document.querySelectorAll("[data-modal-content-item]"),{x:-100,opacity:0}),i.p8.set(document.querySelectorAll("[data-modal-bg-cover]"),{opacity:0})}_showMotion({no:t,dir:e,onComplete:o}){const s=!this.dom.$contents[t].querySelector("[data-modal-bg-inner]");this.dom.$contents[t].classList.add("-current"),this.dom.$nextBtnText&&this._changeNaviBtnText(),i.p8.killTweensOf(this.dom.$contents[t].querySelector("[data-modal-bg]"),{x:!0}),i.p8.fromTo(this.dom.$contents[t].querySelector("[data-modal-bg]"),{x:-110*e+"%"},{x:"0%",ease:"power3.out",duration:1}),s||(i.p8.killTweensOf(this.dom.$contents[t].querySelector("[data-modal-bg-inner]"),{x:!0,scale:!0}),i.p8.fromTo(this.dom.$contents[t].querySelector("[data-modal-bg-inner]"),{x:110*e+"%"},{x:"0%",ease:"power3.out",duration:1}),i.p8.fromTo(this.dom.$contents[t].querySelector("[data-modal-bg-inner]"),{scale:1.5},{scale:1,ease:"power3.out",duration:e>0?1:.8,delay:e>0?0:.4})),i.p8.killTweensOf(this.dom.$contents[t].querySelectorAll("[data-modal-content-item]"),{x:!0,opacity:!0}),i.p8.fromTo(this.dom.$contents[t].querySelectorAll("[data-modal-content-item]"),{x:-100*e},{x:0,opacity:1,ease:"power2.out",duration:1,delay:s?0:.9,stagger:.05,onStart:()=>{o(),i.p8.killTweensOf(this.dom.$contents[t].querySelector("[data-modal-bg-cover]"),{opacity:!0}),i.p8.to(this.dom.$contents[t].querySelector("[data-modal-bg-cover]"),{opacity:1,ease:"power2.out",duration:1})}}),this.method._onShow[0]&&this.method._onShow.forEach((t=>{t()}))}_outMotion({no:t,dir:e,onComplete:o}){i.p8.killTweensOf(this.dom.$contents[t].querySelector("[data-modal-bg]"),{x:!0}),i.p8.to(this.dom.$contents[t].querySelector("[data-modal-bg]"),{x:110*e+"%",ease:"power3.in",duration:.8,onComplete:()=>{this.dom.$contents[t].classList.remove("-current"),o(),i.p8.killTweensOf(this.dom.$contents[t].querySelector("[data-modal-bg-cover]"),{opacity:!0}),i.p8.set(this.dom.$contents[t].querySelector("[data-modal-bg-cover]"),{opacity:0})}}),i.p8.killTweensOf(this.dom.$contents[t].querySelectorAll("[data-modal-content-item]"),{x:!0,opacity:!0}),i.p8.to(this.dom.$contents[t].querySelectorAll("[data-modal-content-item]"),{x:200*e,ease:"power2.inOut",duration:.8,stagger:.05}),i.p8.to(this.dom.$contents[t].querySelectorAll("[data-modal-content-item]"),{opacity:0,ease:"power2.out",duration:.6,stagger:.05}),this.method._onOut[0]&&this.method._onOut.forEach((t=>{t()}))}_changeNaviBtnText(){const t=this.state.viewNo<this.dom.$contents.length-1?this.state.viewNo+1:0,e=this.state.viewNo>0?this.state.viewNo-1:this.dom.$contents.length-1;i.p8.to([this.dom.$nextBtn,this.dom.$prevBtn],{opacity:0,duration:.4,ease:"power2.out",onComplete:()=>{this.dom.$nextBtnText.textContent=this.dom.$contents[t].querySelector("[data-modal-title]").textContent,this.dom.$prevBtnText.textContent=this.dom.$contents[e].querySelector("[data-modal-title]").textContent,i.p8.to([this.dom.$nextBtn,this.dom.$prevBtn],{opacity:1,duration:.4,ease:"power2.out",stagger:.1})}})}open(t){i.p8.set(this.dom.$wrap,{display:"block"}),this.dom.$wrap.classList.remove("-disable"),this.dom.$closeBtn.classList.remove("-disable"),kt.disable||kt.colorWhite({change:!0}),(g||v)&&i.p8.set(document.querySelector(".p-business__footer"),{opacity:0}),W.state.viewCurrent[0]&&W.changeScroll({$select:this.dom.$contents[this.state.viewNo],on:!0}),this.dom.$wrap.style.willChange="transform",i.p8.set(this.dom.$wrap,{opacity:1}),this._showMotion({no:this.state.viewNo,dir:1,onComplete:()=>{this.dom.$wrap.classList.add("-open"),(g||v)&&i.p8.set(this.dom.$wrap,{height:Math.max(this.dom.$contents[this.state.viewNo].clientHeight,j.height)})}}),i.p8.delayedCall(1,(()=>{t.onComplete&&t.onComplete(),this.dom.$wrap.style.willChange="auto",this.state.motion=!1}))}close(){this.dom.$closeBtn.classList.add("-disable"),kt.disable?W.state.viewCurrent[0]&&W.to({val:0}):(kt.colorWhite({change:!1}),kt.change.reverse()),this.dom.$wrap.style.willChange="transform",this._outMotion({no:this.state.viewNo,dir:1,onComplete:()=>{(g||v)&&i.p8.set(document.querySelector(".p-business__footer"),{opacity:1}),W.state.viewCurrent[0]&&W.changeScroll({on:!1}),this.dom.$wrap.classList.remove("-open"),this.dom.$wrap.classList.add("-disable"),this.dom.$wrap.style.willChange="auto",i.p8.set(this.dom.$wrap,{display:"none"}),this.state.motion=!1}})}change({dir:t}){const e=this.state.viewNo;W.to({val:0}),i.p8.delayedCall(.4,(()=>{this.dom.$wrap.classList.add("-change"),this._outMotion({no:e,dir:"next"===t?1:-1,onComplete:()=>{this.state.motion=!1}}),this.state.viewNo="next"===t?this.state.viewNo<this.dom.$contents.length-1?this.state.viewNo+1:0:this.state.viewNo>0?this.state.viewNo-1:this.dom.$contents.length-1,this._showMotion({no:this.state.viewNo,dir:"next"===t?1:-1,onComplete:()=>{this.dom.$wrap.classList.remove("-change")}})}))}onShow(t){this.method._onShow.push(t)}onOut(t){this.method._onOut.push(t)}}class Kt{constructor({onLoaded:t,onOpeningAfter:e}){W.exResize({height:j.height}),this.state={opening:!1,scrollMotion:{scene1:!1,sceneEnd:!1},screenOffset:0},this.pageNavi,this.cover,J.state.active=!0,this.bg=new tt,this.mainvisual=new Yt({src:[v?"/-/media/global/digest/renew/img/history/sp/mainvisual.jpg":"/-/media/global/digest/renew/img/history/mainvisual.jpg"],onComplete:()=>{new Vt,this.pageNavi=new Wt,t(),this.mainvisual.opening({onComplete:()=>{e(),this.bg.line.start(),W.exResize({height:null}),this.state.opening=!0,document.querySelector(".c-pageTop").style.opacity=1}});const o=W.state.point.length-1;C.add((()=>{this.resize()})),f.add((()=>{if(!this.state.opening)return!1;W.state.val.y>this.state.screenOffset&&!this.state.scene1?(this.state.scene1=!0,this.pageNavi.show()):W.state.val.y<=this.state.screenOffset&&this.state.scene1&&(this.state.scene1=!1,this.pageNavi.out()),W.state.val.y>=W.state.point[o].start-this.state.screenOffset&&!this.state.sceneEnd?(this.state.sceneEnd=!0,this.pageNavi.out()):W.state.val.y<W.state.point[o].start-this.state.screenOffset&&this.state.sceneEnd&&(this.state.sceneEnd=!1,this.pageNavi.show())}))}})}resize(){this.state.screenOffset=v?.6*j.height:j.height}}const Xt=new Y({$container:document.querySelector("[data-gl]")});class Zt{constructor({onLoaded:t}){this.dom={$container:document.querySelector("[data-gl-mv-copy]")},this.obj={panel:null,texture:new nt({src:{pc:["/-/media/global/digest/renew/img/at-your-side/kv-copy.png"]}})},this.state={gl:!0,active:!0,mousePallaraxPower:0,itemPositionOffest:{x:0,y:0}},this.obj.texture.onLoaded((()=>{this.obj.panel=new ht({scene:Xt.obj.canvas.scene,geo:new at({width:this.dom.$container.clientWidth,height:this.dom.$container.clientHeight}),uniforms:{uTime:{value:0},uTexture:{value:this.obj.texture.pcTexture[0]},uRate:{value:1},uMask:{value:.1},uScale:{value:0},uOpacity:{value:0},uResolution:{type:"v2",value:new U.FM8(0,0)},uMouse:{type:"v2",value:new U.FM8(0,0)}},vert:gt,frag:xt}),Xt.onResize((()=>{this.resize()})),Xt.onRender((()=>{this.render()})),Xt.startRender(),Xt.changePerformance({mode:"default"}),t()}))}render(){if(!this.state.active)return!1;this.state.gl&&(this.obj.panel.render(),this.obj.panel.mesh.objWrap.position.y=-this.dom.$container.getBoundingClientRect().top+this.state.itemPositionOffest.y)}resize(){this.obj.panel.resize({width:Xt.obj.canvas.state.size.width*Xt.obj.canvas.state.pixelrate,height:Xt.obj.canvas.state.size.height*Xt.obj.canvas.state.pixelrate}),this.state.itemPositionOffest={x:.5*Xt.obj.canvas.state.size.width-.5*this.dom.$container.getBoundingClientRect().width,y:.5*Xt.obj.canvas.state.size.height-.5*this.dom.$container.getBoundingClientRect().height},this.obj.panel.mesh.objWrap.position.x=this.dom.$container.getBoundingClientRect().left-this.state.itemPositionOffest.x}show(){this.obj.panel.mesh.material.uniforms.uOpacity.value=1,i.p8.to(this.obj.panel.mesh.material.uniforms.uRate,{value:0,ease:"expo.in",duration:1.2}),i.p8.to(this.obj.panel.mesh.material.uniforms.uScale,{value:1,ease:"expo.in",duration:1.2})}}class Jt{constructor({onLoaded:t}){this.dom={$container:document.querySelector("[data-mv]"),$header:document.querySelector(".mod-0101"),$scrollDown:document.querySelector("[data-scrolldown]"),$title:document.querySelector("[data-mv-title]")},this.copy=new Zt({onLoaded:t}),i.p8.set(this.dom.$header,{y:1.2*-this.dom.$header.clientHeight}),i.p8.set(this.dom.$scrollDown,{scale:.5,opacity:0}),i.p8.set([document.querySelectorAll("[data-kazari-sq]"),this.dom.$title],{opacity:0}),Xt.onResize((()=>{i.p8.set(this.dom.$container,{height:j.height})}))}opening({onComplete:t}){this.copy.show(),i.p8.delayedCall(1,(()=>{i.p8.to(this.dom.$scrollDown,{scale:1,opacity:1,duration:.4,ease:"power2.out",onStart:()=>{i.p8.to(this.dom.$title,{opacity:1,duration:.4,delay:.6,ease:"power2.out"})}}),i.p8.to(this.dom.$header,{y:0,opacity:1,duration:.4,ease:"power2.out",onComplete:()=>{t()}}),i.p8.to(document.querySelectorAll("[data-kazari-sq]"),{opacity:1,duration:1,stagger:.1,ease:"expo.out"})}))}uiShow(){i.p8.killTweensOf(this.dom.$header,{y:!0,opacity:!0}),i.p8.to(this.dom.$header,{y:0,opacity:1,duration:.4,ease:"power2.out"}),i.p8.killTweensOf(this.dom.$scrollDown,{scale:!0,opacity:!0}),i.p8.to(this.dom.$scrollDown,{scale:1,opacity:1,duration:.4,ease:"power2.out"})}uiOut(){i.p8.killTweensOf(this.dom.$header,{y:!0,opacity:!0}),i.p8.to(this.dom.$header,{y:-100,opacity:0,duration:.4,ease:"power2.out"}),i.p8.killTweensOf(this.dom.$scrollDown,{scale:!0,opacity:!0}),i.p8.to(this.dom.$scrollDown,{scale:.5,opacity:0,duration:.4,ease:"power2.out"})}}class Qt{constructor(){this.dom={$bgTitle:document.querySelectorAll("[data-introduction-bg-title]"),$bgImg:document.querySelectorAll("[data-introduction-bg-img]"),$bgMaskTop:document.querySelectorAll("[data-introduction-bg-mask-top]"),$bgMaskBottom:document.querySelectorAll("[data-introduction-bg-mask-bottom]")},this.state={show:!1},this.bgTitleMotion=[],this.dom.$bgTitle.forEach(((t,e)=>{this.bgTitleMotion[e]=new D({$ele:t})}))}show(){if(this.state.show)return!1;this.state.show=!0,this.bgTitleMotion.forEach((t=>{t.show({white:!0})})),i.p8.to([this.dom.$bgMaskTop,this.dom.$bgMaskBottom],{opacity:0,duration:1,delay:1.3,ease:"power2.out"}),i.p8.to(this.dom.$bgMaskTop,{top:"20%",duration:1.4,delay:.9,ease:"power2.out"}),i.p8.to(this.dom.$bgMaskBottom,{bottom:"20%",duration:1.4,delay:.9,ease:"power2.out"})}out(){if(!this.state.show)return!1;this.state.show=!1,this.bgTitleMotion.forEach((t=>{t.out()})),i.p8.to(this.dom.$bgMaskTop,{top:"-20%",opacity:1,duration:.6,ease:"power2.out"}),i.p8.to(this.dom.$bgMaskBottom,{bottom:"-20%",opacity:1,duration:.6,ease:"power2.out"})}bgImgShow(){i.p8.killTweensOf(this.dom.$bgImg,{opacity:!0}),i.p8.to(this.dom.$bgImg,{opacity:1,duration:1,delay:.6,ease:"power2.out"})}bgImgOut(){i.p8.killTweensOf(this.dom.$bgImg,{opacity:!0}),i.p8.to(this.dom.$bgImg,{opacity:0,duration:.4,ease:"power2.out"})}}class te{constructor(){this.dom={$copy:document.querySelectorAll("[data-sprit-copy]"),$line:document.querySelectorAll("[data-sprit-copy-line]"),$sq:document.querySelectorAll("[data-sprit-copy-sq]"),$fade:document.querySelectorAll("[data-sprit-fade]")},this.state={show:!1},this.copyMotion=[],this.dom.$copy.forEach(((t,e)=>{this.copyMotion[e]=new D({$ele:t})})),this.dom.$line.forEach((t=>{i.p8.set(t,{y:"top"===t.dataset.spritCopyLine?"-110%":"bottom"===t.dataset.spritCopyLine?"110%":"0%",x:"left"===t.dataset.spritCopyLine?"-110%":"right"===t.dataset.spritCopyLine?"110%":"0%"})})),i.p8.set([this.dom.$sq,this.dom.$fade],{opacity:0})}show(){if(this.state.show)return!1;this.state.show=!0,this.copyMotion.forEach((t=>{t.show({white:!0})})),i.p8.to(this.dom.$sq,{opacity:1,duration:.6,ease:"power2.out",onComplete:()=>{i.p8.set(this.dom.$line,{y:"0%",x:"0%"})}}),i.p8.to(this.dom.$fade[0],{opacity:1,duration:1,ease:"power2.out"}),i.p8.to(this.dom.$fade[1],{opacity:1,duration:1,ease:"power2.out",delay:.7})}}const ee=window.matchMedia("screen and (max-width: 767px)");class oe{constructor(){this.dom={$ele:document.querySelectorAll("[data-hover-line]")},this.state={hover:[],motion:[]},this.init()}init(){if(v||u)return;let t=0;for(;t<this.dom.$ele.length;){this.state.hover[t]=!1,this.state.motion[t]=!1;const e=t;this.dom.$ele[t].addEventListener("mousemove",(()=>{ee.matches||this.state.motion[e]||this.state.hover[e]||(this.state.hover[e]=!0,this.show({no:e,$line:this.dom.$ele[e].querySelectorAll("[data-hover-line-obj]")}))}),b),this.dom.$ele[t].addEventListener("mouseleave",(()=>{this.state.hover[e]&&(this.state.hover[e]=!1,this.state.motion[e]||this.out({no:e,$line:this.dom.$ele[e].querySelectorAll("[data-hover-line-obj]")}))}),b),t+=1}}show(t){this.state.motion[t.no]=!0,this.dom.$ele[t.no].classList.add("-hover"),i.p8.killTweensOf(t.$line,{x:!0}),i.p8.to(t.$line,{x:"110%",duration:.6,ease:"expo.out",onStart:()=>{t.start&&t.start()},onComplete:()=>{t.comp&&t.comp(),this.state.motion[t.no]=!1,this.state.hover[t.no]||this.out({no:t.no,$line:t.$line})}})}out(t){this.dom.$ele[t.no].classList.remove("-hover"),i.p8.killTweensOf(t.$line,{x:!0}),i.p8.fromTo(t.$line,{x:"-110%"},{x:"0%",duration:.6,ease:"expo.inOut",onComplete:()=>{t.comp&&t.comp()}})}}class ie{constructor({onLoaded:t,onOpeningAfter:e}){W.exResize({height:j.height}),this.state={opening:!1,scrollMotion:{scene1:!1,scene2:!1,scene3:!1,scene4:!1}},this.cover,this.mainvisual,this.introduction,this.sprit,J.state.active=!0,this.bg=new tt,Xt.init({onComplete:()=>{this.mainvisual=new Jt({onLoaded:()=>{this.mainvisual.opening({onComplete:()=>{new oe,e(),W.exResize({height:null}),document.querySelector(".c-pageTop").style.opacity=1}}),this.introduction=new Qt,this.sprit=new te,i.p8.delayedCall(.7,(()=>{t()})),f.add((()=>{"0"!==W.state.viewCurrent||this.state.scene1||(this.state.scene1=!0,this.bg.colorBlue()),"1"!==W.state.viewCurrent||this.state.scene2?"1"!=W.state.viewCurrent&&this.state.scene2&&(this.state.scene2=!1):(this.state.scene2=!0,this.introduction.show(),this.introduction.bgImgShow()),"2"!==W.state.viewCurrent||this.state.scene3?"2"!=W.state.viewCurrent&&this.state.scene3&&(this.state.scene3=!1):(this.state.scene3=!0,this.bg.colorBlue(),this.sprit.show()),"3"!==W.state.viewCurrent||this.state.scene4?"3"!=W.state.viewCurrent&&this.state.scene4&&(this.state.scene4=!1):(this.state.scene4=!0,this.introduction.bgImgOut(),this.bg.colorWhite())}))}})}})}}const se=new Y({$container:document.querySelector("[data-gl]"),isNarrow:!0,logarithmicDepthBuffer:!1});var ne=o(796),ae=o.n(ne);const re=v||g,he=new class{constructor(){this.dom={$content:document.querySelectorAll("[data-wheel-content]")},this.conf={total:this.dom.$content.length-1,changeTime:re?2:1e3,touchMax:2},this.state={isWheel:!1,isActive:!0,isDisabled:!1,isTo:!1,isTouchStart:!1,time:null,startLifecycle:0,val:0,prevDir:0,dir:1,wheelTime:0,progress:0,viewCurrent:0,nextCurrent:this._mathNext({val:0}),prevCurrent:this._mathPrev({val:0}),touch:{move:{x:0,y:0},pos:{x:0,y:0}}},this.method={_onStart:[],_onReverse:[],_onMove:[],_onNext:[],_onPrev:[],_onNextBefore:[],_onPrevBefore:[],_onTo:[],_onFit:[],moveTween:new z({position:0,speed:re?4:8}),tween:new z({position:0,speed:re?4:8})},this._setEvent()}_setEvent(){re?(window.addEventListener("touchstart",(t=>{this._onTouchStart(t)}),b),window.addEventListener("touchmove",(t=>{this._onTouchMove(t)}),b),window.addEventListener("touchend",(t=>{this._onTouchEnd(t)}),b),window.addEventListener("touchcancel",(t=>{this._onTouchEnd(t)}),b)):(window.addEventListener("wheel",(t=>{this._onWheel(t)}),b),window.addEventListener("keydown",(t=>{this._onKeydown(t)}),b))}_onWheel(t){if(t.defaultPrevented||t.ctrlKey||!this.state.isActive||this.state.isDisabled)return!1;const e=ae()(t);this.state.val=.7*e.pixelY||0,this.method._onMove[0]&&this.method._onMove.forEach((t=>{t()})),Math.abs(this.state.val)>1&&(clearTimeout(this.state.time),this._start(),this.state.wheelTime+=this.state.val,this.state.progress=this.state.wheelTime/this.conf.changeTime,this.state.progress>=1?this._nextMotion():this.state.progress<=-1&&this._prevMotion(),this.state.time=setTimeout((()=>{this._fitMotion({thredhold:.4})}),15))}_onKeydown(t){if(!this.state.isActive||this.state.isDisabled||this.state.isTo||this.state.isWheel)return!1;switch(this.state.nextCurrent=this._mathNext({val:this.state.viewCurrent}),this.state.prevCurrent=this._mathPrev({val:this.state.viewCurrent}),t.keyCode){case 40:case 39:this.to({no:this.state.nextCurrent});break;case 38:case 37:this.to({no:this.state.prevCurrent})}}_onTouchStart(t){if(!this.state.isActive||this.state.isDisabled)return!1;this.state.isTouchStart=!1,this.state.touch.move.x=t.changedTouches[0].pageX,this.state.touch.move.y=t.changedTouches[0].pageY,this.state.val=this.state.touch.move.y,this.state.wheelTime=0,this.state.progress=0,this.method.tween.state.position=this.method.moveTween.state.position=0,this._start()}_onTouchMove(t){if(!this.state.isActive||this.state.isDisabled)return!1;this.state.touch.pos.x=this.state.touch.move.x-t.changedTouches[0].pageX,this.state.touch.pos.y=this.state.touch.move.y-t.changedTouches[0].pageY,this.state.wheelTime=L(this.conf.touchMax,-1*this.conf.touchMax,this.state.touch.pos.y),this.method.tween.step(this.state.wheelTime/this.conf.changeTime),this.state.progress=L(1,-1,this.method.tween.state.position),this.method._onMove[0]&&this.method._onMove.forEach((t=>{t()}))}_onTouchEnd(){if(!this.state.isActive||this.state.isDisabled)return!1;this.state.touch.move.x=0,this.state.touch.move.y=0,this.state.time=setTimeout((()=>{this._fitMotion({thredhold:.1})}),100)}_nextMotion(){this.method._onNextBefore[0]&&this.method._onNextBefore.forEach((t=>{t()})),this.state.isActive=!1,this.state.wheelTime=0,this.state.progress=0,this._next()}_prevMotion(){this.method._onPrevBefore[0]&&this.method._onPrevBefore.forEach((t=>{t()})),this.state.isActive=!1,this.state.wheelTime=0,this.state.progress=0,this._prev()}_fitMotion({thredhold:t}){this.state.progress>t?(this.state.isActive=!1,this.method._onNextBefore[0]&&this.method._onNextBefore.forEach((t=>{t()})),this._fit({dir:1,onComplete:()=>{this._next(),this.state.wheelTime=0,this.state.progress=0}})):this.state.progress<-t?(this.state.isActive=!1,this.method._onPrevBefore[0]&&this.method._onPrevBefore.forEach((t=>{t()})),this._fit({dir:-1,onComplete:()=>{this._prev(),this.state.wheelTime=0,this.state.progress=0}})):this._reverse()}_start(){this.state.isWheel||(this.state.isWheel=!0,this.method._onStart[0]&&this.method._onStart.forEach((t=>{t()}))),this.state.dir=this.state.val>0?1:-1,i.p8.killTweensOf(this.state,{wheelTime:!0,progress:!0})}_next(){this.state.isTo||(this.state.viewCurrent=this._mathNext({val:this.state.viewCurrent}),this.state.nextCurrent=this._mathNext({val:this.state.viewCurrent}),this.state.prevCurrent=this._mathPrev({val:this.state.viewCurrent})),this.method._onNext[0]&&this.method._onNext.forEach((t=>{t()})),i.p8.delayedCall(re?.5:0,(()=>{this.state.isActive=!0}))}_prev(){this.state.isTo||(this.state.viewCurrent=this._mathPrev({val:this.state.viewCurrent}),this.state.nextCurrent=this._mathNext({val:this.state.viewCurrent}),this.state.prevCurrent=this._mathPrev({val:this.state.viewCurrent})),this.method._onPrev[0]&&this.method._onPrev.forEach((t=>{t()})),i.p8.delayedCall(re?.5:0,(()=>{this.state.isActive=!0}))}_mathNext({val:t}){return t<this.conf.total?t+1:0}_mathPrev({val:t}){return t>0?t-1:this.conf.total}_reverse(){i.p8.killTweensOf(this.state,{wheelTime:!0,progress:!0}),i.p8.to(this.state,{wheelTime:0,progress:0,duration:re?Math.max(1*Math.abs(this.state.progress),.2):Math.max(.7*Math.abs(this.state.progress),.4),ease:"circ.inOut",onComplete:()=>{this.method._onReverse[0]&&this.method._onReverse.forEach((t=>{t()})),this.state.isActive=!0,this.state.isWheel=!1}})}_fit({dir:t,onComplete:e}){i.p8.killTweensOf(this.state,{wheelTime:!0,progress:!0}),i.p8.to(this.state,{wheelTime:this.conf.changeTime*t,progress:1*t,duration:this.state.isTo?.6:re?Math.max(1-1*Math.abs(this.state.progress),.2):Math.max(1-1*Math.abs(this.state.progress),.5),ease:"sine.inOut",onStart:()=>{re||this.method._onFit[0]&&this.method._onFit.forEach((t=>{t()}))},onComplete:()=>{re&&this.method._onFit[0]&&this.method._onFit.forEach((t=>{t()})),this.state.isWheel=!1,e()}})}to({no:t}){if(!this.state.isActive)return!1;this.state.isTo=!0,this.state.val=t>this.state.viewCurrent||this.state.viewCurrent===this.conf.total&&0===t?1:-1,0===this.state.viewCurrent&&t===this.conf.total&&(this.state.val=-1),this._start(),this.state.dir>0?this.state.nextCurrent=t:this.state.prevCurrent=t,this.method._onTo[0]&&this.method._onTo.forEach((t=>{t()})),this._fit({dir:this.state.dir,onComplete:()=>{this.state.viewCurrent=t,this.state.nextCurrent=this._mathNext({val:t}),this.state.prevCurrent=this._mathPrev({val:t}),this.state.dir>0?this._nextMotion():this._prevMotion(),this.state.isTo=!1}})}onStart(t){this.method._onStart.push(t)}onReverse(t){this.method._onReverse.push(t)}onMove(t){this.method._onMove.push(t)}onNext(t){this.method._onNext.push(t)}onPrev(t){this.method._onPrev.push(t)}onNextBefore(t){this.method._onNextBefore.push(t)}onPrevBefore(t){this.method._onPrevBefore.push(t)}onTo(t){this.method._onTo.push(t)}onFit(t){this.method._onFit.push(t)}},le=window.matchMedia("screen and (max-width: 767px)");class ce{constructor(){this.dom={$ele:document.querySelectorAll("[data-hover-btnsq]")},this.state={hover:[],motion:[]},this.init()}init(){if(v||u)return;let t=0;for(;t<this.dom.$ele.length;){this.state.hover[t]=!1,this.state.motion[t]=!1;const e=t;this.dom.$ele[e].querySelectorAll("[data-hover-btnsq-line]").forEach((t=>{const e=t.dataset.hoverBtnsqLine;i.p8.set(t,{y:"top"===e?"-110%":"bottom"===e?"110%":"0%",x:"left"===e?"-110%":"right"===e?"110%":"0%"})})),this.dom.$ele[t].addEventListener("mousemove",(()=>{le.matches||this.state.motion[e]||this.state.hover[e]||(this.state.hover[e]=!0,this.show({no:e,$iconLine:this.dom.$ele[e].querySelectorAll("[data-hover-btnsq-icon-line]"),$dotted:this.dom.$ele[e].querySelectorAll("[data-hover-btnsq-dotted]"),$line:this.dom.$ele[e].querySelectorAll("[data-hover-btnsq-line]")}))}),b),this.dom.$ele[t].addEventListener("mouseleave",(()=>{this.state.hover[e]&&(this.state.hover[e]=!1,this.state.motion[e]||this.out({no:e,$iconLine:this.dom.$ele[e].querySelectorAll("[data-hover-btnsq-icon-line]"),$dotted:this.dom.$ele[e].querySelectorAll("[data-hover-btnsq-dotted]"),$line:this.dom.$ele[e].querySelectorAll("[data-hover-btnsq-line]")}))}),b),t+=1}}show(t){this.state.motion[t.no]=!0,this.dom.$ele[t.no].classList.add("-hover"),i.p8.killTweensOf(t.$dotted,{backgroundColor:!0}),i.p8.to(t.$dotted,{backgroundColor:"#fff",duration:.6,ease:"power2.out",onComplete:()=>{t.comp&&t.comp(),this.state.motion[t.no]=!1,this.state.hover[t.no]||this.out({no:t.no,$line:t.$line,$iconLine:t.$iconLine,$dotted:t.$dotted})}}),i.p8.killTweensOf(t.$iconLine,{x:!0,opacity:!0}),i.p8.to(t.$iconLine,{x:"-110%",opacity:0,duration:.6,ease:"expo.out"}),i.p8.killTweensOf(t.$line,{x:!0,y:!0,backgroundColor:!0}),i.p8.fromTo(t.$line,{backgroundColor:"#9496ab"},{backgroundColor:"#fff",duration:.3,ease:"power2.out"}),t.$line.forEach((t=>{const e=t.dataset.hoverBtnsqLine;i.p8.fromTo(t,{y:"top"===e?"-110%":"bottom"===e?"110%":"0%",x:"left"===e?"-110%":"right"===e?"110%":"0%"},{x:"0%",y:"0%",duration:.6,ease:"expo.out"})}))}out(t){this.dom.$ele[t.no].classList.remove("-hover"),i.p8.killTweensOf(t.$dotted,{backgroundColor:!0}),i.p8.to(t.$dotted,{backgroundColor:"#9496ab",duration:.6,ease:"power2.out"}),i.p8.killTweensOf(t.$iconLine,{x:!0,opacity:!0}),i.p8.fromTo(t.$iconLine,{x:"110%"},{x:"0%",duration:.6,ease:"expo.out"}),i.p8.to(t.$iconLine,{opacity:1,duration:.6,ease:"power.out"}),i.p8.killTweensOf(t.$line,{x:!0,y:!0}),t.$line.forEach((t=>{const e=t.dataset.hoverBtnsqLine;i.p8.to(t,{y:"top"===e?"110%":"bottom"===e?"-110%":"0%",x:"left"===e?"110%":"right"===e?"-110%":"0%",duration:.6,ease:"expo.out"})}))}}class de{constructor(){this.dom={$btn:document.querySelectorAll("[data-value-product-btn]"),$modalOut:document.querySelectorAll("[data-value-product-modal-out]"),$modalCloseBtnSP:document.querySelector("[data-modal-close-sp]")},this.state={hover:!0},new ce,this.modal=new Vt,this.modal.onShow((()=>{he.state.isDisabled=!0,i.p8.killTweensOf(this.dom.$modalOut,{opacity:!0}),i.p8.to(this.dom.$modalOut,{opacity:0,ease:"power2.out",duration:.4,stagger:.01}),i.p8.killTweensOf(this.dom.$modalCloseBtnSP,{opacity:!0}),i.p8.to(this.dom.$modalCloseBtnSP,{opacity:1,ease:"power2.out",duration:.4,delay:.4})})),this.modal.onOut((()=>{he.state.isDisabled=!1,i.p8.killTweensOf(this.dom.$modalCloseBtnSP,{opacity:!0}),i.p8.to(this.dom.$modalCloseBtnSP,{opacity:0,ease:"power2.out",duration:.4}),i.p8.killTweensOf(this.dom.$modalOut,{opacity:!0}),i.p8.to(this.dom.$modalOut,{opacity:1,ease:"power2.out",duration:.4,stagger:.01}),kt.disable||kt.colorWhite({change:!0})}))}listUpdate(){this.dom.$btn[he.state.prevCurrent].classList.remove("-motion"),this.dom.$btn[he.state.viewCurrent].classList.add("-motion")}btnMouseover({$target:t}){i.p8.killTweensOf(t.querySelector("[data-value-product-btn-circle]"),{scale:!0}),i.p8.to(t.querySelector("[data-value-product-btn-circle]"),{scale:4,ease:"expo.out",duration:.6}),i.p8.killTweensOf(t.querySelector("[data-value-product-btn-icon]"),{opacity:!0,scale:!0}),i.p8.to(t.querySelector("[data-value-product-btn-icon]"),{opacity:0,scale:0,ease:"expo.out",duration:.4}),i.p8.killTweensOf(t.querySelector("[data-value-product-btn-text]"),{opacity:!0}),i.p8.to(t.querySelector("[data-value-product-btn-text]"),{opacity:1,ease:"expo.out",delay:.2,duration:.4})}btnMouseleave({$target:t}){i.p8.killTweensOf(t.querySelector("[data-value-product-btn-circle]"),{scale:!0}),i.p8.to(t.querySelector("[data-value-product-btn-circle]"),{scale:1,ease:"expo.out",duration:.4}),i.p8.killTweensOf(t.querySelector("[data-value-product-btn-icon]"),{opacity:!0,scale:!0}),i.p8.to(t.querySelector("[data-value-product-btn-icon]"),{opacity:1,scale:1,ease:"expo.out",duration:.4}),i.p8.killTweensOf(t.querySelector("[data-value-product-btn-text]"),{opacity:!0}),i.p8.to(t.querySelector("[data-value-product-btn-text]"),{opacity:0,ease:"expo.out",duration:.4})}btnShow({no:t}){i.p8.to(this.dom.$btn[t],{opacity:1,scale:1,ease:"power2.out",duration:.6})}btnOut({no:t}){i.p8.to(this.dom.$btn[t],{opacity:0,scale:0,ease:"power2.out",duration:.6})}}class ue{constructor({onClick:t,isMobileMode:e}){this.MOBILE_MODE=v&&e||Ot.isSP&&e,this.dom={$item:this.MOBILE_MODE?document.querySelectorAll("[data-under-page-navi-item-sp]"):document.querySelectorAll("[data-under-page-navi-item]"),$itemLineAll:document.querySelectorAll("[data-under-page-navi-item-line]")},this.state={show:!1,viewCurrent:0},i.p8.set(this.dom.$itemLineAll,{opacity:0,scale:2}),this.dom.$item.forEach((e=>{e.addEventListener("click",(()=>{t(Number(this.MOBILE_MODE?e.dataset.underPageNaviItemSp:e.dataset.underPageNaviItem))}))}))}currentShow(t){if(this.state.show||this.MOBILE_MODE)return!1;this.state.show=!0,this.state.viewCurrent=String(t),this.dom.$item[this.state.viewCurrent].classList.add("-current"),i.p8.killTweensOf(this.dom.$item[this.state.viewCurrent].querySelector("[data-under-page-navi-item-line]"),{opacity:!0,scale:!0}),i.p8.fromTo(this.dom.$item[this.state.viewCurrent].querySelector("[data-under-page-navi-item-line]"),{opacity:0,scale:.5},{opacity:1,scale:1,duration:.6,ease:"power2.out"})}currentOut(){if(!this.state.show||this.MOBILE_MODE)return!1;this.state.show=!1,i.p8.killTweensOf(this.dom.$itemLineAll,{opacity:!0,scale:!0}),this.dom.$itemLineAll.forEach(((t,e)=>{this.dom.$item[e].classList.remove("-current"),i.p8.to(t,{opacity:0,scale:2,duration:.6,ease:"power2.out"})}))}}class me{constructor(){this.dom={$wrap:document.querySelector("[data-value]"),$content:document.querySelectorAll("[data-value-content]"),$contentItemMainAll:document.querySelectorAll("[data-value-content-item-main]"),$parallax:document.querySelectorAll("[data-value-parallax]"),$noItem:document.querySelectorAll("[data-value-product-no-item]"),$openingItem:document.querySelectorAll("[data-value-opening-item]")},this.state={contentShow:!1,naviShow:!1},this.product=new de,this.navi=new ue({onClick:t=>{he.to({no:t})}}),this.contentItemMainMotion=[],this.dom.$contentItemMainAll.forEach(((t,e)=>{this.contentItemMainMotion[e]=new E({$ele:t})})),i.p8.set(document.querySelectorAll("[data-value-content-item]"),{opacity:0}),i.p8.set(document.querySelectorAll("[data-value-navi-item-line]"),{opacity:0,scale:.5}),i.p8.set(this.dom.$noItem,{opacity:0,y:"110%"}),C.add((()=>{this.resize()})),f.add((()=>{this.render()})),he.onNextBefore((()=>{this.changeBefore()})),he.onPrevBefore((()=>{this.changeBefore()})),he.onNext((()=>{this.state.contentShow=!1,this.change()})),he.onPrev((()=>{this.state.contentShow=!1,this.change()}))}changeBefore(){this.navi.currentOut(),this.dom.$content.forEach((t=>{t.classList.remove("-current")})),i.p8.to(this.dom.$noItem,{opacity:0,y:-110*he.state.dir+"%",ease:"expo.out",duration:.6})}change(){this.dom.$content[he.state.viewCurrent].classList.add("-current"),i.p8.killTweensOf([this.dom.$content[he.state.viewCurrent].querySelectorAll("[data-value-content-item]")],{opacity:!0}),i.p8.to(this.dom.$content[he.state.viewCurrent].querySelectorAll("[data-value-content-item]"),{opacity:1,duration:1,ease:"power2.out",onComplete:()=>{this.state.contentShow=!0}}),i.p8.fromTo(this.dom.$noItem[he.state.viewCurrent],{opacity:0,y:110*he.state.dir+"%"},{opacity:1,y:"0%",ease:"expo.out",duration:.6}),this.contentItemMainMotion[he.state.viewCurrent].show({white:!0}),this.contentItemMainMotion[he.state.prevCurrent].out(),this.navi.currentShow(he.state.viewCurrent)}render(){const t=j.center.y*he.state.progress;this.dom.$parallax.forEach(((e,o)=>{o===he.state.viewCurrent?(e.style.transform=`translate3d(0, ${-t}px, 0)`,this.state.contentShow&&(e.style.opacity=1-he.state.progress),this.dom.$noItem[he.state.viewCurrent].style.transform=`translate3d(0, ${-220*he.state.progress}%, 0)`):(e.style.transform="translate3d(0, 0px, 0)",e.style.opacity=0)}))}resize(){this.dom.$wrap.style.heght=j.height}opening(){this.change(),i.p8.to(this.dom.$openingItem,{opacity:1,ease:"power2.out",duration:.6})}}class pe{constructor({scene:t,geo:e,uniforms:o,vert:i,frag:s}){this.mesh=new rt,this.mesh.init({scene:t,matOption:{vertexShader:i,fragmentShader:s,depthTest:!1,transparent:!1,side:U.Wl3,uniforms:o},geo:e})}render(){this.mesh.material.uniforms.uTime.value+=.1}resize({width:t,height:e}){this.mesh.material.uniforms.uResolution.value.x=t,this.mesh.material.uniforms.uResolution.value.y=e}}const ve=c||v||l;class ge{constructor({onLoaded:t}){const e=document.querySelectorAll("[data-value-content]");this.$gradientCover=document.querySelector("[data-value-gradient]");let o=[],s=[];e.forEach((t=>{const e=t.dataset.valueBgVideo.match(/[^.]+$/)[0],i=v?t.dataset.valueBgVideo.replace("."+e,"")+"-sp."+e:t.dataset.valueBgVideo,n=t.dataset.valueBgJpg.match(/[^.]+$/)[0],a=v?t.dataset.valueBgJpg.replace("."+n,"")+"-sp."+n:t.dataset.valueBgJpg;o.push(i),s.push(a)})),this.obj={panel:[],texture:ve?new nt({src:{pc:s}}):null,videoTexture:new Ht({src:{pc:o}})},this.conf={},this.state={opening:!1,itemPositionOffest:[]},ve&&this.obj.texture.onLoaded((()=>{this.obj.panel.uniforms&&(this.obj.panel.uniforms.uTexture.value=this.obj.texture.pcTexture[0],this.obj.panel.uniforms.uTextureNext.value=this.obj.texture.pcTexture[1],this.obj.panel.uniforms.uTexturePrev.value=this.obj.texture.pcTexture[3])})),this.obj.videoTexture.onLoaded((()=>{const e=new at({width:2,height:2});se.obj.canvas.renderer,this.obj.panel=new pe({scene:se.obj.canvas.scene,geo:e,uniforms:{uTime:{value:0},uTexture:{value:ve?this.obj.texture.pcTexture[0]||null:this.obj.videoTexture.pcTexture[0]},uTextureNext:{value:ve?this.obj.texture.pcTexture[1]||null:this.obj.videoTexture.pcTexture[1]},uTexturePrev:{value:ve?this.obj.texture.pcTexture[3]||null:this.obj.videoTexture.pcTexture[3]},uResolution:{type:"v2",value:new U.FM8(0,0)},uImgResolution:{type:"v2",value:new U.FM8(this.obj.videoTexture.pcTexture[0].image.videoWidth,this.obj.videoTexture.pcTexture[0].image.videoHeight)},uPos:{type:"v2",value:new U.FM8(1,1)},uMotion:{value:1},uBlend:{value:0},uWave:{value:1.6},uWaveMix:{value:v||g?.06:1.2},uLight:{value:20},uDist:{value:.1},uDir:{value:1},uNoise:{value:v||g?.2:.45},uNoiseWave:{value:v||g?-.1:-4.2},uScale:{value:1}},vert:"#define GLSLIFY 1\nattribute vec3 position;\nattribute vec2 uv;\n\nvarying vec2 vUv;\n\nvoid main () {\n  vUv = uv;\n  gl_Position = vec4(position, 1.0);\n}\n",frag:"precision highp float;\n#define GLSLIFY 1\n// precision mediump float;\n\n// varying vec2 vTextureCoord;\n//\n// Description : Array and textureless GLSL 2D simplex noise function.\n//      Author : Ian McEwan, Ashima Arts.\n//  Maintainer : ijm\n//     Lastmod : 20110822 (ijm)\n//     License : Copyright (C) 2011 Ashima Arts. All rights reserved.\n//               Distributed under the MIT License. See LICENSE file.\n//               https://github.com/ashima/webgl-noise\n//\n\nvec3 mod289(vec3 x) {\n  return x - floor(x * (1.0 / 289.0)) * 289.0;\n}\n\nvec2 mod289(vec2 x) {\n  return x - floor(x * (1.0 / 289.0)) * 289.0;\n}\n\nvec3 permute(vec3 x) {\n  return mod289(((x*34.0)+1.0)*x);\n}\n\nfloat snoise(vec2 v)\n  {\n  const vec4 C = vec4(0.211324865405187,  // (3.0-sqrt(3.0))/6.0\n                      0.366025403784439,  // 0.5*(sqrt(3.0)-1.0)\n                     -0.577350269189626,  // -1.0 + 2.0 * C.x\n                      0.024390243902439); // 1.0 / 41.0\n// First corner\n  vec2 i  = floor(v + dot(v, C.yy) );\n  vec2 x0 = v -   i + dot(i, C.xx);\n\n// Other corners\n  vec2 i1;\n  //i1.x = step( x0.y, x0.x ); // x0.x > x0.y ? 1.0 : 0.0\n  //i1.y = 1.0 - i1.x;\n  i1 = (x0.x > x0.y) ? vec2(1.0, 0.0) : vec2(0.0, 1.0);\n  // x0 = x0 - 0.0 + 0.0 * C.xx ;\n  // x1 = x0 - i1 + 1.0 * C.xx ;\n  // x2 = x0 - 1.0 + 2.0 * C.xx ;\n  vec4 x12 = x0.xyxy + C.xxzz;\n  x12.xy -= i1;\n\n// Permutations\n  i = mod289(i); // Avoid truncation effects in permutation\n  vec3 p = permute( permute( i.y + vec3(0.0, i1.y, 1.0 ))\n    + i.x + vec3(0.0, i1.x, 1.0 ));\n\n  vec3 m = max(0.5 - vec3(dot(x0,x0), dot(x12.xy,x12.xy), dot(x12.zw,x12.zw)), 0.0);\n  m = m*m ;\n  m = m*m ;\n\n// Gradients: 41 points uniformly over a line, mapped onto a diamond.\n// The ring size 17*17 = 289 is close to a multiple of 41 (41*7 = 287)\n\n  vec3 x = 2.0 * fract(p * C.www) - 1.0;\n  vec3 h = abs(x) - 0.5;\n  vec3 ox = floor(x + 0.5);\n  vec3 a0 = x - ox;\n\n// Normalise gradients implicitly by scaling m\n// Approximation of: m *= inversesqrt( a0*a0 + h*h );\n  m *= 1.79284291400159 - 0.85373472095314 * ( a0*a0 + h*h );\n\n// Compute final noise value at P\n  vec3 g;\n  g.x  = a0.x  * x0.x  + h.x  * x0.y;\n  g.yz = a0.yz * x12.xz + h.yz * x12.yw;\n  return 130.0 * dot(m, g);\n}\n\nfloat random(vec3 scale, float seed) {\n  return fract(sin(dot(gl_FragCoord.xyz + seed, scale)) * 43758.5453 + seed);\n}\n\nuniform float uTime;\nuniform sampler2D uTexture;\nuniform sampler2D uTextureNext;\nuniform sampler2D uTexturePrev;\nuniform vec2 uResolution;\nuniform vec2 uImgResolution;\nuniform vec2 uPos;\nuniform float uBlend;\nuniform float uWave;\nuniform float uWaveMix;\nuniform float uDist;\nuniform float uDir;\nuniform float uLight;\nuniform float uNoise;\nuniform float uMotion;\nuniform float uNoiseWave;\n\nconst float PI = 3.14159265359;\n\nvarying vec2 vUv;\n\nvec2 mirrored(vec2 v) {\n  vec2 md = mod(v,2.0);\n  return mix(md,2.0 - md, step(1.0 ,md));\n}\n\nvoid main(void) {\n\n  vec2 ratio = vec2(\n    min((uResolution.x / uResolution.y) / (uImgResolution.x / uImgResolution.y), 1.0),\n    min((uResolution.y / uResolution.x) / (uImgResolution.y / uImgResolution.x), 1.0)\n  );\n\n  vec2 uv = vec2(\n    vUv.x * ratio.x + (uPos.x - ratio.x) * 0.5,\n    vUv.y * ratio.y + (uPos.y - ratio.y) * 0.5\n  );\n\n  vec2  p = (gl_FragCoord.xy / uResolution.xy);\n\n  vec2 maskUv = vec2(vUv.x + 1.0, vUv.y);\n  float changeWaveSt = sin(PI * (1.0 - (uBlend + uMotion))) * 0.15;\n  float changeWave = changeWaveSt * sin(uWave * length(maskUv.x) + 0.5 * uTime * 0.5);\n\n  float motion = abs(uBlend);\n\n  float distX = sin( vUv.x - 0.5 ) * pow( 1.0 + abs(vUv.y) , 2.0 ) * (1.0 - motion) * uDist * uDir;\n  uv.x -= distX * motion;\n\n  float offsetSt = 0.8;\n  float offset = uBlend * offsetSt;\n  vec4 col1 = vec4(0.0);\n  vec4 col2 = vec4(0.0);\n  vec4 col3 = vec4(0.0);\n\n  float total = 0.0;\n  float noiseOffset = random(vec3(12.9898, 78.233, 151.7182), 0.0);\n  float maskChangeWave = 0.0;\n\n  for (float t = -5.0; t <= 5.0; t++) {\n    float percent = (t + noiseOffset - 0.5) / 5.0;\n    float weight = 1.0 - abs(percent);\n    float noise = (1.0 - motion) * percent * uNoise;\n    vec2 noiseUv = vec2(uv.x, uv.y + noise);\n    maskChangeWave += (changeWave + noise * uNoiseWave) * weight;\n\n    col1 += texture2D(uTexture, vec2(uv.x, uv.y + noise * uMotion - offset)) * weight;\n    col2 += texture2D(uTextureNext, vec2(noiseUv.x, noiseUv.y + (offsetSt - offset))) * weight;\n    col3 += texture2D(uTexturePrev, vec2(noiseUv.x, noiseUv.y - (offsetSt + offset))) * weight;\n    total += weight;\n  }\n\n  vec4 fixCol1 = col1/total;\n  vec4 fixCol2 = col2/total;\n  vec4 fixCol3 = col3/total;\n\n  vec3 light = vec3(abs(changeWave) * uLight);\n  float lightR = light.r * pow(light.r, 2.8) * 0.1;\n  float lightB = light.b * pow(light.b, 4.0) * 0.5;\n\n  fixCol1.rgb += light;\n  fixCol1.r += lightR;\n  fixCol1.b += lightB;\n  fixCol2.rgb += light;\n  fixCol2.r += lightR;\n  fixCol2.b += lightB;\n  fixCol3.rgb += light;\n  fixCol3.r += lightR;\n  fixCol3.b += lightB;\n\n  float wave = maskChangeWave/total * uBlend + uBlend;\n  vec4 col =  mix(fixCol3, mix(fixCol1, fixCol2, smoothstep(0.0, pow(abs(uv.y), uWaveMix), wave)), smoothstep(0.0, pow(abs(uv.y), uWaveMix), 1.0 + wave));\n\n  gl_FragColor = col;\n\n}\n"}),this.obj.panel.mesh.objWrap.renderOrder=1,this.obj.videoTexture.play({index:he.state.viewCurrent}),se.onResize((()=>{this.resize()})),se.onRender((()=>{this.render()})),se.startRender(),se.dom.$container.style.opacity=0,i.p8.delayedCall(.1,(()=>{se.emitResize(),this.obj.videoTexture.pcTexture.forEach(((t,e)=>{0!==e&&this.obj.videoTexture.pause({index:e})})),t()})),he.onNextBefore((()=>{ve||this.obj.videoTexture.play({index:he.state.nextCurrent})})),he.onPrevBefore((()=>{ve||this.obj.videoTexture.play({index:he.state.prevCurrent})})),he.onNext((()=>{this.textureUpdate()})),he.onPrev((()=>{this.textureUpdate()})),he.onTo((()=>{ve||(this.obj.panel.mesh.material.uniforms.uTextureNext.value=this.obj.videoTexture.pcTexture[he.state.nextCurrent],this.obj.panel.mesh.material.uniforms.uTexturePrev.value=this.obj.videoTexture.pcTexture[he.state.prevCurrent])})),he.onStart((()=>{ve&&(this.obj.panel.mesh.material.uniforms.uTexture.value=this.obj.texture.pcTexture[he.state.viewCurrent],this.obj.videoTexture.pause({index:he.state.viewCurrent}))})),he.onReverse((()=>{ve&&(this.obj.panel.mesh.material.uniforms.uTexture.value=this.obj.videoTexture.pcTexture[he.state.viewCurrent],this.obj.videoTexture.play({index:he.state.viewCurrent}))})),he.onFit((()=>{ve&&i.p8.delayedCall(1,(()=>{this.obj.panel.mesh.material.uniforms.uTexture.value=this.obj.videoTexture.pcTexture[he.state.viewCurrent],this.obj.videoTexture.play({index:he.state.viewCurrent})})),this._scaleReset({onComplete:()=>{this._scaleStart()}})}))}))}render(){this.obj.panel.render(),this.state.opening&&(this.obj.panel.mesh.material.uniforms.uBlend.value=he.state.progress,this.obj.panel.mesh.material.uniforms.uMotion.value=he.state.progress,this.obj.panel.mesh.material.uniforms.uDir.value=he.state.dir)}resize(){this.obj.panel.resize({width:se.obj.canvas.state.size.width*se.obj.canvas.state.pixelrate,height:se.obj.canvas.state.size.height*se.obj.canvas.state.pixelrate})}textureUpdate(){this.state.opening&&(this.obj.videoTexture.pause({index:he.state.prevCurrent}),this.obj.panel.mesh.material.uniforms.uTexture.value=ve?this.obj.texture.pcTexture[he.state.viewCurrent]:this.obj.videoTexture.pcTexture[he.state.viewCurrent],this.obj.panel.mesh.material.uniforms.uTextureNext.value=ve?this.obj.texture.pcTexture[he.state.nextCurrent]:this.obj.videoTexture.pcTexture[he.state.nextCurrent],this.obj.panel.mesh.material.uniforms.uTexturePrev.value=ve?this.obj.texture.pcTexture[he.state.prevCurrent]:this.obj.videoTexture.pcTexture[he.state.prevCurrent])}opening({onComplete:t}){i.p8.to(se.dom.$container,{opacity:1,ease:"power4.in",duration:.6}),i.p8.to([this.obj.panel.mesh.material.uniforms.uMotion],{value:0,ease:"expo.inOut",duration:1.5,onComplete:()=>{this.state.opening=!0,i.p8.to(this.$gradientCover,{opacity:1,ease:"sine.inOut",duration:1,onComplete:()=>{ve&&(this.obj.panel.mesh.material.uniforms.uTexture.value=this.obj.videoTexture.pcTexture[he.state.viewCurrent],this.obj.videoTexture.play({index:he.state.viewCurrent}))}}),t()}}),i.p8.to([this.obj.panel.mesh.material.uniforms.uLight],{value:v||g?3:6,ease:"expo.in",duration:1.5}),this._scaleStart()}_scaleStart(){if(ve)return!1;i.p8.killTweensOf(se.dom.$container,{scale:!0}),i.p8.to(se.dom.$container,{scale:1.08,ease:"power2.out",duration:15})}_scaleReset({onComplete:t}){if(ve)return!1;i.p8.killTweensOf(se.dom.$container,{scale:!0}),i.p8.to(se.dom.$container,{scale:1,ease:"sine.inOut",duration:.6,onComplete:()=>{t()}})}}class xe{constructor({onLoaded:t,onOpeningAfter:e}){this.dom={},this.state={},this.body,this.bg,se.init({onComplete:()=>{this.bg=new ge({onLoaded:()=>{t(),this.body=new me,se.emitResize(),this.bg.opening({onComplete:()=>{this.body.opening(),e()}})}})}})}}class fe{constructor({onLoaded:t,onOpeningAfter:e}){this.dom={$container:document.querySelector("[data-value]"),$link:document.querySelectorAll("#container [data-link]")},this.state={opening:!1,scrollMotion:{scene1:!1,sceneEnd:!1},screenOffset:0},this.pageTop,this.pageNavi,this.cover,J.state.active=!0,W.state.comp=!0,kt.disable||kt.colorWhite({change:!0}),new xe({onLoaded:()=>{t()},onOpeningAfter:()=>{e()}}),C.add((()=>{this.resize()})),"ja"===store.lang&&document.querySelectorAll("[data-modal-title]").forEach((t=>{const e=[...t.textContent];t.textContent="";let o=0;for(;o<e.length;){const i=e[o];if(i.match(/\S/g)){const e=document.createElement("span");e.textContent=i,t.appendChild(e)}o+=1}})),this.dom.$link.forEach((t=>{t.addEventListener("click",(t=>{const e=t.target.getAttribute("data-link-href");if(!e)return!1;i.p8.set(document.querySelector("body"),{height:j.height}),i.p8.to(document.querySelector("body"),{backgroundColor:"#0d2ea0",ease:"power2.out",duration:.2}),i.p8.to(document.querySelector(".mf_finder_container"),{opacity:0,duration:.4,onComplete:()=>{location.href=e}})}),b)}))}resize(){i.p8.set(this.dom.$container,{height:j.height})}}const ye=window.matchMedia("screen and (max-width: 767px)");class we{constructor(){this.dom={$ele:document.querySelectorAll("[data-technology-list-hover]")},this.state={hover:[],motion:[]},this.init()}init(){if(v||u)return;let t=0;for(;t<this.dom.$ele.length;){this.state.hover[t]=!1,this.state.motion[t]=!1;const e=t;i.p8.set(this.dom.$ele[e].querySelectorAll("[data-technology-list-hover-img]"),{y:"110%"}),i.p8.set(this.dom.$ele[e].querySelectorAll("[data-technology-list-hover-img-child]"),{y:"-110%",scale:1.5}),i.p8.set(this.dom.$ele[e].querySelectorAll("[data-technology-list-hover-title]"),{y:"110%"}),i.p8.set(this.dom.$ele[e].querySelectorAll("[data-technology-list-hover-title-child]"),{y:"-110%",scale:1.1}),this.dom.$ele[t].addEventListener("mousemove",(()=>{ye.matches||this.state.motion[e]||this.state.hover[e]||(this.state.hover[e]=!0,this.show({no:e,$video:this.dom.$ele[e].querySelector("[data-technology-list-hover-video]"),$text:this.dom.$ele[e].querySelector("[data-technology-list-hover-text]"),$img:this.dom.$ele[e].querySelectorAll("[data-technology-list-hover-img]"),$imgChild:this.dom.$ele[e].querySelectorAll("[data-technology-list-hover-img-child]"),$title:this.dom.$ele[e].querySelectorAll("[data-technology-list-hover-title]"),$titleChild:this.dom.$ele[e].querySelectorAll("[data-technology-list-hover-title-child]")}))}),b),this.dom.$ele[t].addEventListener("mouseleave",(()=>{this.state.hover[e]&&(this.state.hover[e]=!1,this.state.motion[e]||this.out({no:e,$video:this.dom.$ele[e].querySelector("[data-technology-list-hover-video]"),$text:this.dom.$ele[e].querySelector("[data-technology-list-hover-text]"),$img:this.dom.$ele[e].querySelectorAll("[data-technology-list-hover-img]"),$imgChild:this.dom.$ele[e].querySelectorAll("[data-technology-list-hover-img-child]"),$title:this.dom.$ele[e].querySelectorAll("[data-technology-list-hover-title]"),$titleChild:this.dom.$ele[e].querySelectorAll("[data-technology-list-hover-title-child]")}))}),b),t+=1}}show(t){this.state.motion[t.no]=!0,this.dom.$ele[t.no].classList.add("-hover"),t.$video.play(),i.p8.killTweensOf(t.$text,{color:!0}),i.p8.to(t.$text,{color:"#0d2ea1",duration:.6,ease:"power2.out"}),i.p8.killTweensOf(t.$titleChild,{y:!0,scale:!0}),i.p8.fromTo(t.$titleChild,{y:"-110%",scale:1.1},{y:"0%",scale:1,duration:.6,ease:"expo.out"}),i.p8.killTweensOf(t.$title,{y:!0}),i.p8.fromTo(t.$title,{y:"110%"},{y:"0%",duration:.6,ease:"expo.out"}),i.p8.killTweensOf(t.$imgChild,{y:!0,scale:!0}),i.p8.fromTo(t.$imgChild,{y:"-110%",scale:1.5},{y:"0%",scale:1,duration:.6,ease:"expo.out"}),i.p8.killTweensOf(t.$img,{y:!0}),i.p8.fromTo(t.$img,{y:"110%"},{y:"0%",duration:.6,ease:"expo.out",onStart:()=>{t.start&&t.start()},onComplete:()=>{t.comp&&t.comp(),this.state.motion[t.no]=!1,this.state.hover[t.no]||this.out({no:t.no,$video:t.$video,$title:t.$title,$titleChild:t.$titleChild,$img:t.$img,$imgChild:t.$imgChild,$text:t.$text})}})}out(t){this.dom.$ele[t.no].classList.remove("-hover"),i.p8.killTweensOf(t.$text,{color:!0}),i.p8.to(t.$text,{color:"#9496ab",duration:.6,ease:"power2.out"}),i.p8.killTweensOf(t.$titleChild,{y:!0,scale:!0}),i.p8.to(t.$titleChild,{y:"110%",scale:1.05,duration:.6,ease:"expo.inOut"}),i.p8.killTweensOf(t.$title,{y:!0}),i.p8.to(t.$title,{y:"-110%",duration:.6,ease:"expo.inOut"}),i.p8.killTweensOf(t.$imgChild,{y:!0,scale:!0}),i.p8.to(t.$imgChild,{y:"110%",scale:1.15,duration:.6,ease:"expo.inOut"}),i.p8.killTweensOf(t.$img,{y:!0}),i.p8.to(t.$img,{y:"-110%",duration:.6,ease:"expo.inOut",onComplete:()=>{t.$video.pause(),t.comp&&t.comp()}})}}class $e{constructor({onLoaded:t,onOpeningAfter:e}){W.exResize({height:j.height}),this.state={opening:!1},this.pageNavi,this.cover,J.state.active=!0,this.bg=new tt,this.mainvisual=new Yt({src:[v?"/-/media/global/digest/renew/img/technology/sp/mainvisual.jpg":"/-/media/global/digest/renew/img/technology/mainvisual.jpg"],srcVideo:[v?"/-/media/global/digest/renew/video/technology/sp/tech-main.mp4":"/-/media/global/digest/renew/video/technology/tech-main.mp4"],onComplete:()=>{new we,t(),this.mainvisual.opening({onComplete:()=>{e(),this.bg.line.start(),W.exResize({height:null}),this.state.opening=!0,document.querySelector(".c-pageTop").style.opacity=1}})}})}}const be=new Y({$container:document.querySelector("[data-gl-cover]"),logarithmicDepthBuffer:!0}),Se=v||Ot.isSP;class Ce{constructor(){this.dom={$image:Se?document.querySelectorAll("[data-technology-image-sp]"):document.querySelectorAll("[data-technology-image]"),$imageChild:Se?document.querySelectorAll("[data-technology-image-sp-child]"):document.querySelectorAll("[data-technology-image-child]"),$video:Se?document.querySelectorAll("[data-technology-image-sp-video]"):document.querySelectorAll("[data-technology-image-video]")},this.state={viewCurrent:null,max:this.dom.$image.length-1,isShowSP:[]},this.dom.$image.forEach(((t,e)=>{this.state.isShowSP[e]=!1})),i.p8.set(this.dom.$image,{y:"101%"}),i.p8.set(this.dom.$imageChild,{y:"-101%",scale:1.5})}change(){this.show({$video:this.dom.$video[W.state.viewCurrent],$image:this.dom.$image[W.state.viewCurrent],$imageChild:this.dom.$imageChild[W.state.viewCurrent]}),this.dom.$image.forEach(((t,e)=>{String(e)!==W.state.viewCurrent&&this.out({no:e,$video:this.dom.$video[e],$image:this.dom.$image[e],$imageChild:this.dom.$imageChild[e]})}))}show(t){if(t.$image.classList.add("-current"),t.$video.play(),this.state.isShowSP[W.state.viewCurrent])return!1;this.state.isShowSP[W.state.viewCurrent]=Se,i.p8.killTweensOf(t.$imageChild,{y:!0,scale:!0}),i.p8.fromTo(t.$imageChild,{y:-101*W.state.dir+"%",scale:1.5},{y:"0%",scale:1,duration:Se?1:.6,ease:Se?"expo.inOut":"expo.out"}),i.p8.killTweensOf(t.$image,{y:!0}),i.p8.fromTo(t.$image,{y:101*W.state.dir+"%"},{y:"0%",duration:Se?1:.6,ease:Se?"expo.inOut":"expo.out"})}out(t){if(t.$image.classList.remove("-current"),Se)return t.$video.pause(),!1;i.p8.killTweensOf(t.$imageChild,{y:!0,scale:!0}),i.p8.to(t.$imageChild,{y:101*W.state.dir+"%",scale:1.15,duration:Se?1:.6,ease:"expo.inOut"}),i.p8.killTweensOf(t.$image,{y:!0}),i.p8.to(t.$image,{y:-101*W.state.dir+"%",duration:Se?1:.6,ease:"expo.inOut",onComplete:()=>{t.$video.pause()}})}}class Te{constructor({onLoaded:t,onOpeningAfter:e}){W.exResize({height:j.height}),this.dom={$title:document.querySelectorAll("[data-technology-title]"),$openingItem:document.querySelectorAll("[data-technology-opening]"),$openingPanel:document.querySelectorAll("[data-technology-opening-panel]"),$uiItem:document.querySelectorAll("[data-technology-ui]")},this.state={opening:!1,uiShow:!0,screenOffset:0},this.pageNavi,this.cover,this.titleMotion=[],J.state.active=!0,this.bg=new tt,t(),this._styleSet(),be.init({onComplete:()=>{this.cover=new K({gl:be}),be.startRender(),this.image=new Ce,this.navi=new ue({onClick:t=>{W.to({val:W.state.point[t].start-document.querySelector(".mod-0101").clientHeight})},isMobileMode:!0}),this.navi.currentShow(0),this.opening({onComplete:()=>{this.bg.line.start(),W.exResize({height:null}),e(),document.querySelector(".c-pageTop").style.opacity=1}}),f.add((()=>{if(!this.state.opening)return!1;this.image.state.viewCurrent!==W.state.viewCurrent&&(this.image.state.max<Number(W.state.viewCurrent)&&this.image.dom.$image[this.image.state.viewCurrent]?(this.image.out({$video:this.image.dom.$video[this.image.state.viewCurrent],$image:this.image.dom.$image[this.image.state.viewCurrent],$imageChild:this.image.dom.$imageChild[this.image.state.viewCurrent]}),this.image.state.viewCurrent=W.state.viewCurrent,this.state.uiShow=!1,this.uiOut()):this.image.dom.$image[W.state.viewCurrent]&&(this.image.state.viewCurrent=W.state.viewCurrent,this.navi.currentOut(),this.navi.currentShow(W.state.viewCurrent),this.image.change(),this.state.uiShow||(this.state.uiShow=!0,this.uiShow())))}))}})}_styleSet(){this.dom.$title.forEach(((t,e)=>{this.titleMotion[e]=new E({$ele:t})})),i.p8.set(this.dom.$openingItem,{opacity:0}),i.p8.set(this.dom.$openingPanel,{x:"-110%"})}resize(){this.state.screenOffset=v?.6*j.height:j.height}opening({onComplete:t}){this.cover.out(),this.image.state.viewCurrent="0",i.p8.delayedCall(1,(()=>{this.image.show({$video:this.image.dom.$video[0],$image:this.image.dom.$image[0],$imageChild:this.image.dom.$imageChild[0]}),this.dom.$title.forEach(((t,e)=>{this.titleMotion[e].show({delay:.1*e})})),i.p8.to(this.dom.$openingPanel,{x:"0%",duration:.6,delay:.6,ease:"expo.out"}),i.p8.to(this.dom.$openingItem,{opacity:1,ease:"sine.inOut",duration:.6,delay:.6,stagger:.1,onStart:()=>{i.p8.fromTo(document.querySelector(".mod-0101"),{y:-document.querySelector(".mod-0101").clientHeight,opacity:0},{y:0,opacity:1,duration:.4,ease:"sine.out"})},onComplete:()=>{this.state.opening=!0,t()}})}))}uiShow(){i.p8.set(this.dom.$uiItem,{pointerEvents:"all"}),i.p8.killTweensOf(this.dom.$uiItem,{opacity:!0}),i.p8.to(this.dom.$uiItem,{opacity:1,ease:"power2.out",duration:.2})}uiOut(){i.p8.set(this.dom.$uiItem,{pointerEvents:"none"}),i.p8.killTweensOf(this.dom.$uiItem,{opacity:!0}),i.p8.to(this.dom.$uiItem,{opacity:0,ease:"power2.out",duration:.2})}}const ke=window.matchMedia("screen and (max-width: 767px)");class _e{constructor(){this.dom={$ele:document.querySelectorAll("[data-hover-btn]")},this.state={hover:[],motion:[]},this.init()}init(){if(v||u)return;let t=0;for(;t<this.dom.$ele.length;){this.state.hover[t]=!1,this.state.motion[t]=!1;const e=t;i.p8.set(this.dom.$ele[e].querySelectorAll("[data-hover-btn-panel]"),{x:"-110%"}),this.dom.$ele[t].addEventListener("mousemove",(()=>{ke.matches||this.state.motion[e]||this.state.hover[e]||(this.state.hover[e]=!0,this.show({no:e,$text:this.dom.$ele[e].querySelector("[data-hover-btn-text]"),$panel:this.dom.$ele[e].querySelectorAll("[data-hover-btn-panel]")}))}),b),this.dom.$ele[t].addEventListener("mouseleave",(()=>{this.state.hover[e]&&(this.state.hover[e]=!1,this.state.motion[e]||this.out({no:e,$text:this.dom.$ele[e].querySelector("[data-hover-btn-text]"),$panel:this.dom.$ele[e].querySelectorAll("[data-hover-btn-panel]")}))}),b),t+=1}}show(t){this.state.motion[t.no]=!0,this.dom.$ele[t.no].classList.add("-hover"),i.p8.killTweensOf(t.$text,{color:!0}),i.p8.to(t.$text,{color:"white"===t.$text.dataset.hoverBtnText?"#0c072b":"#fff",duration:.6,ease:"power2.out"}),i.p8.killTweensOf(t.$panel,{x:!0}),i.p8.fromTo(t.$panel,{x:"-110%"},{x:"0%",duration:.6,ease:"expo.out",onStart:()=>{t.start&&t.start()},onComplete:()=>{t.comp&&t.comp(),this.state.motion[t.no]=!1,this.state.hover[t.no]||this.out({no:t.no,$panel:t.$panel,$text:t.$text})}})}out(t){this.dom.$ele[t.no].classList.remove("-hover"),i.p8.killTweensOf(t.$text,{color:!0}),i.p8.to(t.$text,{color:"white"===t.$text.dataset.hoverBtnText?"#9496ab":"#0c072b",duration:.6,ease:"power2.out"}),i.p8.killTweensOf(t.$panel,{x:!0}),i.p8.to(t.$panel,{x:"110%",duration:.6,ease:"expo.inOut",onComplete:()=>{t.comp&&t.comp()}})}}const Me=window.matchMedia("screen and (max-width: 767px)");class je{constructor(){this.dom={$ele:document.querySelectorAll("[data-hover-boxArrow]")},this.state={hover:[],motion:[]},this.init()}init(){if(v||u)return;let t=0;for(;t<this.dom.$ele.length;){this.state.hover[t]=!1,this.state.motion[t]=!1;const e=t;i.p8.set(this.dom.$ele[e].querySelector("[data-hover-boxarrow-panel]"),{x:"-110%"}),this.dom.$ele[t].addEventListener("mousemove",(()=>{Me.matches||this.state.motion[e]||this.state.hover[e]||(this.state.hover[e]=!0,this.show({no:e,$arrow:this.dom.$ele[e].querySelector("[data-hover-boxarrow-arrow]"),$panel:this.dom.$ele[e].querySelector("[data-hover-boxarrow-panel]")}))}),b),this.dom.$ele[t].addEventListener("mouseleave",(()=>{this.state.hover[e]&&(this.state.hover[e]=!1,this.state.motion[e]||this.out({no:e,$arrow:this.dom.$ele[e].querySelector("[data-hover-boxarrow-arrow]"),$panel:this.dom.$ele[e].querySelector("[data-hover-boxarrow-panel]")}))}),b),t+=1}}show(t){this.state.motion[t.no]=!0,i.p8.killTweensOf(t.$arrow,{x:!0,opacity:!0}),i.p8.to(t.$arrow,{x:"100%",opacity:0,duration:.4,ease:"expo.in",onComplete:()=>{this.dom.$ele[t.no].classList.add("-hover"),i.p8.fromTo(t.$arrow,{x:"-100%"},{x:"0%",opacity:1,duration:.4,ease:"expo.out"})}}),i.p8.killTweensOf(t.$panel,{x:!0}),i.p8.fromTo(t.$panel,{x:"-110%"},{x:"0%",duration:.6,ease:"expo.out",onStart:()=>{t.start&&t.start()},onComplete:()=>{t.comp&&t.comp(),this.state.motion[t.no]=!1,this.state.hover[t.no]||this.out({no:t.no,$panel:t.$panel,$arrow:t.$arrow})}})}out(t){this.dom.$ele[t.no].classList.remove("-hover"),i.p8.killTweensOf(t.$panel,{x:!0}),i.p8.to(t.$panel,{x:"110%",duration:.5,ease:"expo.out",onComplete:()=>{t.comp&&t.comp()}})}}const Oe=window.matchMedia("screen and (max-width: 767px)");class Le{constructor(){this.dom={$ele:document.querySelectorAll("[data-hover-top-arrow]")},this.state={hover:[],motion:[]},this.init()}init(){if(v||u)return;let t=0;for(;t<this.dom.$ele.length;){this.state.hover[t]=!1,this.state.motion[t]=!1;const e=t;this.dom.$ele[t].addEventListener("mousemove",(()=>{Oe.matches||this.state.motion[e]||this.state.hover[e]||(this.state.hover[e]=!0,this.show({no:e,$arrow:this.dom.$ele[e].querySelector("[data-hover-top-arrow-obj]")}))}),b),this.dom.$ele[t].addEventListener("mouseleave",(()=>{this.state.hover[e]&&(this.state.hover[e]=!1,this.state.motion[e]||this.out({no:e,$arrow:this.dom.$ele[e].querySelector("[data-hover-top-arrow-obj]")}))}),b),t+=1}}show(t){this.state.motion[t.no]=!0,i.p8.killTweensOf(t.$arrow,{y:!0,opacity:!0}),i.p8.to(t.$arrow,{y:"-100%",opacity:0,duration:.4,ease:"expo.in",onComplete:()=>{this.dom.$ele[t.no].classList.add("-hover"),i.p8.fromTo(t.$arrow,{y:"100%"},{y:"0%",opacity:1,duration:.4,ease:"expo.out",onComplete:()=>{t.comp&&t.comp(),this.state.motion[t.no]=!1,this.state.hover[t.no]||this.out({no:t.no,$arrow:t.$arrow})}})}})}out(t){this.dom.$ele[t.no].classList.remove("-hover")}}class ze{constructor(){if(this.dom={$ele:document.querySelector("[data-pagetop]")},!this.dom.$ele)return!1;this.dom.$ele.addEventListener("click",(()=>{W.to({val:0})}),b)}}var qe;qe=()=>{j.resize(),store.mediaSize=At.baseWithSP<j.width?"pc":"sp",C.add((()=>{j.resize();const t=At.baseWithSP<j.width?"pc":"sp";t!==store.mediaSize&&(store.mediaSize=t,location.reload())}));const t=[v?"-mobile":"-no-mobile"];g&&t.push("-tablet"),p&&t.push("-android"),m&&t.push("-ios"),d&&t.push("-windows"),u&&t.push("-ipad"),r&&t.push("-edge"),a&&t.push("-ie"),l&&t.push("-safari"),g||v||t.push("-ua-pc"),(g||v)&&t.push("-no-ua-pc"),t.forEach((t=>{document.documentElement.classList.add(t)}));const e=location.href.split("/");e.includes("es")&&(store.lang="es"),e.includes("en")&&(store.lang="en"),e.includes("fr")&&(store.lang="fr"),e.includes("ja")&&(store.lang="ja"),e.includes("it")&&(store.lang="it"),e.includes("pt")&&(store.lang="pt"),e.includes("vi")&&(store.lang="vi"),e.includes("ru")&&(store.lang="ru"),e.includes("de")&&(store.lang="de"),e.includes("th")&&(store.lang="th"),store.lang&&document.documentElement.classList.add("-lang-"+store.lang),store.pagaID=document.querySelector("[data-page]").dataset.page;const o=()=>{i.p8.delayedCall(.5,(()=>{document.querySelector(".t-bgLine")&&document.querySelector(".t-bgLine").classList.add("-loaded"),document.body.classList.add("-loaded")}))},s=()=>{if(new _e,new je,new Le,new ze,kt.show(),l||g){let t;W.onScrollComplete((()=>{clearTimeout(t),t=setTimeout((()=>{i.p8.set(document.querySelector(".mod-0101"),{opacity:1})}),100)}))}};switch(store.pagaID){case"index":W.init(),new Ft({onLoaded:()=>{o()},onOpeningAfter:()=>{s(),document.querySelectorAll("[data-num-format]").forEach((t=>{const e=t.textContent.replace(/(\d)(?=(\d\d\d)+(?!\d))/g,"$1,");t.textContent=e}))}}),new X;break;case"history":W.init(),new Kt({onLoaded:()=>{o(),i.p8.set(document.querySelector(".mf_finder_container"),{opacity:1})},onOpeningAfter:()=>{s()}}),new X;break;case"at-your-side":W.init(),new ie({onLoaded:()=>{o(),i.p8.set(document.querySelector(".mf_finder_container"),{opacity:1})},onOpeningAfter:()=>{s()}}),new X;break;case"value":new fe({onLoaded:()=>{o(),i.p8.set(document.querySelector(".mf_finder_container"),{opacity:1})},onOpeningAfter:()=>{new je,new _e,kt.show()}});break;case"technology":W.init(),new $e({onLoaded:()=>{o(),i.p8.set(document.querySelector(".mf_finder_container"),{opacity:1})},onOpeningAfter:()=>{s()}}),new X;break;case"technologyDetail":W.init(),new Te({onLoaded:()=>{o(),i.p8.set(document.querySelector(".mf_finder_container"),{opacity:1})},onOpeningAfter:()=>{s()}}),new X}sessionStorage.setItem("referrer",location.href)},"interactive"===document.readyState||"complete"===document.readyState?qe():document.addEventListener("DOMContentLoaded",qe),window.addEventListener("load",(()=>{C.emit()})),history.replaceState(null,null,null),window.onpopstate=()=>{location.reload()}},489:function(){window.store=window.store||{},store={lang:""}},625:function(t,e,o){o(797)(null,{watchMQ:!0}),o(337)}},o={};function i(t){var s=o[t];if(void 0!==s)return s.exports;var n=o[t]={exports:{}};return e[t](n,n.exports,i),n.exports}i.m=e,t=[],i.O=function(e,o,s,n){if(!o){var a=1/0;for(c=0;c<t.length;c++){o=t[c][0],s=t[c][1],n=t[c][2];for(var r=!0,h=0;h<o.length;h++)(!1&n||a>=n)&&Object.keys(i.O).every((function(t){return i.O[t](o[h])}))?o.splice(h--,1):(r=!1,n<a&&(a=n));if(r){t.splice(c--,1);var l=s();void 0!==l&&(e=l)}}return e}n=n||0;for(var c=t.length;c>0&&t[c-1][2]>n;c--)t[c]=t[c-1];t[c]=[o,s,n]},i.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return i.d(e,{a:e}),e},i.d=function(t,e){for(var o in e)i.o(e,o)&&!i.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},i.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},function(){var t={960:0};i.O.j=function(e){return 0===t[e]};var e=function(e,o){var s,n,a=o[0],r=o[1],h=o[2],l=0;for(s in r)i.o(r,s)&&(i.m[s]=r[s]);if(h)var c=h(i);for(e&&e(o);l<a.length;l++)n=a[l],i.o(t,n)&&t[n]&&t[n][0](),t[a[l]]=0;return i.O(c)},o=self.webpackChunkaq_html_boilerplate=self.webpackChunkaq_html_boilerplate||[];o.forEach(e.bind(null,0)),o.push=e.bind(null,o.push.bind(o))}();var s=i.O(void 0,[754],(function(){return i(53)}));s=i.O(s)}();