!function(){var e,t={823:function(e,t,i){"use strict";var s={};i.r(s),i.d(s,{s:function(){return C}});var o=i(358);i(625);const n=navigator.userAgent,a=navigator.platform,r=/Trident/.test(n)||/msie/i.test(n),h=/Edg/.test(n),l=/Chrome/.test(n),c=!h&&!l&&/Safari/.test(n),u=!(h||l||c)&&/Firefox/.test(n),d=/Win/.test(a),m=/iPad/.test(n)||/Macintosh/.test(n)&&"ontouchend"in document,p=/iPad|iPhone|iPod/.test(n)&&!window.MSStream,v=/Android/i.test(n),g=p&&!m||v,f="ontouchstart"in document.documentElement&&(navigator.maxTouchPoints>0||navigator.msMaxTouchPoints>0)&&!n.match(/iPhone|Android.+Mobile/)||m,x=({key:e,value:t})=>{sessionStorage.setItem(e,t)},y=async({key:e})=>{const t=new Promise((t=>{t(JSON.parse(sessionStorage.getItem(e)))}));return await t};class w{constructor(){this._callbackArr=[]}_addCallback(e){return"function"==typeof e&&(this._callbackArr.push(e),!0)}_removeCallback(e){if("function"!=typeof e)return!1;const t=this._callbackArr.indexOf(e),i=t>-1;return i&&this._callbackArr.splice(t,1),i}_callback(...e){for(const t of this._callbackArr)t(...e)}}const _=new class extends w{constructor(e=60){super(),this._targetFps=e,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(e){this._addCallback(e)&&(this._isRunning||1!==this._callbackArr.length||(this._isRunning=!0,this._isResumeFrame=!0,o.p8.ticker.add(this._boundOnAnimationFrame)))}remove(e){this._removeCallback(e)&&this._isRunning&&0===this._callbackArr.length&&(o.p8.ticker.remove(this._boundOnAnimationFrame),this._isRunning=!1)}_onAnimationFrame(e){this.stats&&this.stats.begin(),this._deltaTime=1e3*(e-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=e,this._frame++),this.stats&&this.stats.end()}},T={Click:"click",DoubleClick:"dblclick",MouseDown:"mousedown",MouseMove:"mousemove",MouseUp:"mouseup",OrientationChange:"orientationchange",Resize:"resize",Scroll:"scroll"};Object.freeze(T);const S={EveryTime:"everytime",Throttle:"throttle",Debounce:"debounce"};Object.freeze(S);let b=!1;try{const e={get passive(){return b=!0,!1}};window.addEventListener("test",null,e),window.removeEventListener("test",null,e)}catch(e){b=!1}const C=!!b&&{passive:!0};class O extends w{constructor(e,t=S.EveryTime,i=0){switch(super(),this._eventType=e,t){case S.Throttle:this._boundOnEvent=((e,t)=>{let i=performance.now()-e;return(...s)=>{const o=performance.now();o-i<e||(i=o,t(...s))}})(i,this._onEvent.bind(this));break;case S.Debounce:this._boundOnEvent=((e,t)=>{let i=null;return(...s)=>{i&&clearTimeout(i),i=setTimeout((()=>{t(...s),i=null}),e)}})(i,this._onEvent.bind(this));break;default:this._boundOnEvent=this._onEvent.bind(this)}}add(e){this._addCallback(e)&&1===this._callbackArr.length&&window.addEventListener(this._eventType,this._boundOnEvent,C)}remove(e){this._removeCallback(e)&&0===this._callbackArr.length&&window.removeEventListener(this._eventType,this._boundOnEvent,C)}_callback(...e){for(const t of this._callbackArr)t(...e)}_onEvent(){this._callback()}emit(...e){this._callback(...e)}}new O(T.OrientationChange);const M=new O(T.Resize);i(489);var k=i(127);const P=new class extends O{_onEvent(){const{pageXOffset:e,pageYOffset:t}=window;this._callback({scrollX:e,scrollY:t})}emit(){const{pageXOffset:e,pageYOffset:t}=window;this._callback({scrollX:e,scrollY:t})}}(T.Scroll),$=()=>({isSP:window.matchMedia("screen and (max-width: 767px)").matches}),E={isInertia:!(g||f||$().isSP),ParallaxDefaultRate:.1,MotionFps:30,InertiaSpeed:15};Object.freeze(E);const L=(e,t)=>Math.random()*(t-e)+e,j=(e,t,i)=>Math.max(Math.min(e,i),t);class R{constructor(e){this.position=e.position,this.distance=e.position,this.alphaSpeed=e.speed}step(e){const t=e*(1-(i=Math.exp(-this.alphaSpeed*(1/60))))+this.position*i;var i;this.distance=t-this.position,this.position=t}reset(){this.position=0,this.distance=0}setSpeed(e){this.alphaSpeed=e}setPosition(e){this.position=e}getState(){return{position:this.position,distance:this.distance,alphaSpeed:this.alphaSpeed}}}class z{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})}}var A,I,q;A=z,I="_size",q={x:window.innerWidth,y:window.innerHeight},I in A?Object.defineProperty(A,I,{value:q,enumerable:!0,configurable:!0,writable:!0}):A[I]=q;class B{constructor({scroll:e,sectionNo:t,elWrap:i,elTargets:s}){this.scroll=e,this.sectionNo=t,this.position=[],this.elWrap=i,this.elTargets=s,this.elTargets[0]&&this.elTargets.forEach((()=>{this.position.push({start:0,end:0})}))}check(){const e=Math.abs(this.scroll.pos.y);this.elTargets.forEach(((t,i)=>{this.position[i].start<=e&&this.position[i].end>e&&this._addCheck(i)}))}_addCheck(e){}resize(){this.elTargets.forEach(((e,t)=>{const i=this.elWrap.getBoundingClientRect(),s=e.getBoundingClientRect(),o=this.scroll.sectionPosition[this.sectionNo]?this.scroll.sectionPosition[this.sectionNo].start:0,n=s.top-i.top+o;this.position[t]={start:Math.max(n-z.height,0),end:Math.max(n+s.height+z.height,0)}})),this._addResize()}_addResize(){}}class D extends B{constructor({scroll:e,sectionNo:t,elWrap:i,elTargets:s}){super({scroll:e,sectionNo:t,elWrap:i,elTargets:s}),this.viewCurrent=0,this.prevCurrent=-1,this._onChange=null}_addCheck(e){this.viewCurrent=e,this.viewCurrent!=this.prevCurrent&&(this._onChange&&this._onChange(),this.prevCurrent=this.viewCurrent)}resize(){this.elTargets.forEach(((e,t)=>{const i=this.elWrap.getBoundingClientRect(),s=e.getBoundingClientRect(),o=this.scroll.sectionPosition[this.sectionNo]?this.scroll.sectionPosition[this.sectionNo].start:0,n=s.top-i.top+o;this.position[t]={start:Math.max(n-z.center.y,0),end:Math.max(n+s.height+z.height,0)}})),this._addResize()}get state(){return{position:this.position,viewCurrent:this.viewCurrent,prevCurrent:this.prevCurrent}}onChange(e){this._onChange=e}}const N=E.isInertia?1:.1;class F extends B{constructor({scroll:e,sectionNo:t,elWrap:i,elTargets:s}){super({scroll:e,sectionNo:t,elWrap:i,elTargets:s}),this.rate=[],this.dir=[],this.elTargets[0]&&this.elTargets.forEach((e=>{this.rate.push(e.dataset.smoothScrollParallaxRate*N||E.ParallaxDefaultRate*N),this.dir.push(e.dataset.smoothScrollParallaxDir||"y")}))}_addCheck(e){this._transform(e)}_transform(e){const t=(this.position[e].start+this.scroll.pos.y)*this.rate[e];"y-reverse"===this.dir[e]?this.elTargets[e].children[0].style.transform="matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0,"+-1*t+", 0, 1)":this.elTargets[e].children[0].style.transform="matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0,"+t+", 0, 1)"}_addResize(){this.elTargets.forEach(((e,t)=>{const i=Math.max(.25*(this.position[t].end-this.position[t].start)*this.rate[t],z.center.y*this.rate[t]);"y-reverse"===this.dir[t]?o.p8.set(e.children[0],{top:this.position[t].start>z.height?-1*i:0}):o.p8.set(e.children[0],{top:this.position[t].start>z.height?i:0})}))}}const W="sine.out";class U{constructor({elTarget:e,isSetStyleOff:t}){this.elTarget=e,t||this._setStyle()}_setStyle(){o.p8.set(this.elTarget,{opacity:0})}show(e){const{delay:t,onComplete:i}=e||{delay:null,onComplete:null};o.p8.killTweensOf(this.elTarget,"opacity"),o.p8.to(this.elTarget,{opacity:1,duration:.3,ease:W,delay:t,onComplete:i})}out(e){const{delay:t,onComplete:i}=e||{delay:null,onComplete:null};o.p8.killTweensOf(this.elTarget,"opacity"),o.p8.to(this.elTarget,{opacity:0,duration:.3,ease:W,delay:t,onComplete:i})}}const G="sine.out";class H{constructor({elTarget:e}){this.elTarget=e[0]?e:[...e.querySelectorAll('[data-smooth-scroll="motion-child"]')],this._setStyle()}_setStyle(){o.p8.set(this.elTarget,{opacity:0})}show(){o.p8.killTweensOf(this.elTarget,"opacity"),o.p8.to(this.elTarget,{opacity:1,duration:.3,stagger:.05,ease:G})}out(){o.p8.killTweensOf(this.elTarget,"opacity"),o.p8.to(this.elTarget,{opacity:0,duration:.3,stagger:.05,ease:G})}}const Y="expo.out";class X{constructor({elTarget:e}){this.elTarget=[...e.querySelectorAll('[data-smooth-scroll="motion-child"]')],this.elTargetInner=[...e.querySelectorAll('[data-smooth-scroll="motion-child-inner"]')],this._setStyle()}_setStyle(){o.p8.set(this.elTargetInner,{x:"-110%",willChange:"transform",rotate:"0.00001deg"})}show(){o.p8.killTweensOf(this.elTargetInner,"x"),o.p8.to(this.elTargetInner,{x:"0%",ease:Y,duration:.8,stagger:.02})}out(){o.p8.killTweensOf(this.elTargetInner,"x"),o.p8.to(this.elTargetInner,{x:"-110%",ease:Y,duration:.8,stagger:.02})}}const V=["้","ู","ั","่","่","ำ","็","ุ","์","ี","ี่","ิ","ี่","ื","ึ"];class Z{constructor(e){this.dom={$paragraph:[],$ele:[],$parent:[]},this.state={},this.conf={duration:.8,staggerSpeed:.02,staggerMaxLength:20};const t=[...e.$ele.textContent];let i=0;e.$ele.textContent="";let s=[],n=0;t.forEach(((e,t)=>{if(e.match(/\S/g))if(V.includes(e)){n+=1;const i=s[s.length-1];s.splice(t-n,n),s.push(i+e)}else s.push(e);else s.push(e)}));let a={check:!1,count:-1,startTextNo:0};for(;i<s.length;){const t=s[i];t.match(/\S/g)?(a.check||(a.check=!0,e.$ele.insertAdjacentHTML("beforeend",'<div class="paragraph"></div>'),a.count+=1,a.startTextNo=i),e.$ele.querySelectorAll(".paragraph")[a.count].insertAdjacentHTML("beforeend","<div><div>"+t+"</div></div>")):a.check&&(e.$ele.querySelectorAll(".paragraph")[a.count].insertAdjacentHTML("beforeend",'<div class="space"><div>'+t+"</div></div>"),this.dom.$paragraph.push(e.$ele.children[a.count]),a.check=!1),this.dom.$parent.push(e.$ele.querySelectorAll(".paragraph")[a.count].children[i-a.startTextNo]),e.$ele.querySelectorAll(".paragraph")[a.count].children[i-a.startTextNo]&&this.dom.$ele.push(e.$ele.querySelectorAll(".paragraph")[a.count].children[i-a.startTextNo].children[0]),i+=1}this.dom.$paragraph.push(e.$ele.children[a.count]),o.p8.set(this.dom.$paragraph,{position:"relative",overflow:"hidden",display:"inline"}),o.p8.set(this.dom.$parent,{position:"relative",overflow:"hidden",display:"inline-block"}),o.p8.set(this.dom.$ele,{x:"-110%",position:"relative",display:"inline-block",willChange:"transform",rotate:"0.00001deg"})}show(e){o.p8.killTweensOf(this.dom.$ele,{x:!0}),o.p8.fromTo(this.dom.$ele,{x:"-150%"},{x:"0%",opacity:1,ease:"expo.out",duration:this.conf.duration,delay:e&&e.delay||0,stagger:this.conf.staggerMaxLength<this.dom.$ele.length?this.conf.staggerSpeed*this.conf.staggerMaxLength/this.dom.$ele.length:this.conf.staggerSpeed,onComplete:()=>{e&&e.onComplete&&e.onComplete()}})}out(e){o.p8.killTweensOf(this.dom.$ele,{x:!0}),o.p8.to(this.dom.$ele,{x:"110%",ease:"expo.out",duration:.6,onComplete:()=>{e&&e.onComplete&&e.onComplete()}})}}const K=["้","ู","ั","่","่","ำ","็","ุ","์","ี","ี่","ิ","ี่","ื","ึ"];class J{constructor(e){this.dom={$paragraph:[],$ele:[]},this.state={},this.conf={staggerMaxLength:20};const t=[...e.$ele.textContent];let i=0;e.$ele.textContent="";let s=[],n=0;t.forEach(((e,t)=>{if(e.match(/\S/g))if(K.includes(e)){n+=1;const i=s[s.length-1];s.splice(t-n,n),s.push(i+e)}else s.push(e);else s.push(e)}));let a={check:!1,count:-1,startTextNo:0};for(;i<s.length;){const t=s[i];t.match(/\S/g)?(a.check||(a.check=!0,e.$ele.insertAdjacentHTML("beforeend",'<div class="paragraph"></div>'),a.count+=1,a.startTextNo=i),e.$ele.querySelectorAll(".paragraph")[a.count].insertAdjacentHTML("beforeend","<div>"+t+"</div>")):a.check&&(e.$ele.querySelectorAll(".paragraph")[a.count].insertAdjacentHTML("beforeend",'<div class="space">'+t+"</div>"),this.dom.$paragraph.push(e.$ele.children[a.count]),a.check=!1),this.dom.$ele.push(e.$ele.querySelectorAll(".paragraph")[a.count].children[i-a.startTextNo]),i+=1}this.dom.$paragraph[0]&&o.p8.set(this.dom.$paragraph,{position:"relative",overflow:"hidden",display:"inline-block"}),o.p8.set(this.dom.$ele,{opacity:0,color:"#0d2ea0",position:"relative",display:"inline-block"})}show(e){o.p8.killTweensOf(this.dom.$ele,{opacity:!0,color:!0});const t=e?e.white:null;o.p8.to(this.dom.$ele,{opacity:1,color:t?"#fff":"#0c072b",ease:"power2.inOut",duration:.6,delay:e&&e.delay||0,stagger:.01,onComplete:()=>{e&&e.onComplete&&e.onComplete()}})}out(e){o.p8.killTweensOf(this.dom.$ele,{opacity:!0,color:!0}),o.p8.to(this.dom.$ele,{opacity:0,color:"#0d2ea0",ease:"power2.out",duration:.4,onComplete:()=>{e&&e.onComplete&&e.onComplete()}})}}class Q{constructor(e){this._motion=new U({elTarget:e})}show(){this._motion.show()}out(){this._motion.out()}}class ee{constructor(e){this._motion=new H({elTarget:e})}show(){this._motion.show()}out(){this._motion.out()}}class te{constructor(e){this._motion=new X({elTarget:e})}show(){this._motion.show()}out(){this._motion.out()}}class ie{constructor(e){this.elTarget=e,this._motion=new Z({$ele:this.elTarget})}show(){this._motion.show()}out(){this._motion.out()}}class se{constructor(e){this.elTarget=e,this._motion=new J({$ele:this.elTarget})}show(){this._motion.show()}out(){this._motion.out()}}class oe{constructor(e){this.elTarget=e,this._setStyle()}_setStyle(){o.ZP.set(this.elTarget,{xPercent:-100,y:0}),o.ZP.set(this.elTarget.firstElementChild,{xPercent:100,y:0})}show(){const e="steps("+this.elTarget.innerText.length+")";o.ZP.to(this.elTarget,{xPercent:0,y:0,duration:.5,ease:e}),o.ZP.to(this.elTarget.firstElementChild,{xPercent:0,y:0,duration:.5,ease:e})}}class ne{constructor(e){this.elTarget=e,this._setStyle()}_setStyle(){o.ZP.set(this.elTarget,{xPercent:-100,y:0}),o.ZP.set(this.elTarget.firstElementChild,{xPercent:100,y:0})}show(){const e="steps("+this.elTarget.innerText.length+")";o.ZP.timeline().to(this.elTarget,{xPercent:0,y:0,duration:.5,ease:e},"text").to(this.elTarget.firstElementChild,{xPercent:0,y:0,duration:.5,ease:e},"text").to(this.elTarget,{overflow:"visible",y:0,ease:e},"kazari")}}class ae{constructor(e){this.elTarget=e,this._setStyle()}_setStyle(){o.ZP.set(this.elTarget,{opacity:0,y:0})}show(){o.ZP.to(this.elTarget,{opacity:1,duration:1,ease:"steps(3)"})}}class re{constructor(e){this.elTarget=e,this._setStyle()}_setStyle(){o.ZP.set(this.elTarget,{opacity:0,y:0})}show(){o.ZP.to(this.elTarget,{opacity:1,duration:1,ease:"steps(3)"})}}class he{constructor(e){this.elTarget=e,this._setStyle()}_setStyle(){o.ZP.set(this.elTarget,{background:"none"})}show(){o.ZP.to(this.elTarget,{background:"linear-gradient(to bottom, #FFF0, #fff 20%, #fff 80%, #FFF0);",duration:1,ease:"power1.inOut"})}}class le{constructor(e){this.elTarget=e}_setStyle(){}show(){this.elTarget.classList.add("active")}}class ce{constructor(e){this.elTarget=e,this._setStyle()}_setStyle(){o.ZP.set(this.elTarget,{opacity:0})}show(){o.ZP.fromTo(this.elTarget,{opacity:0},{opacity:1,duration:1})}}class ue extends B{constructor({scroll:e,sectionNo:t,elWrap:i,elTargets:s}){super({scroll:e,sectionNo:t,elWrap:i,elTargets:s}),this.isShow=[],this.checkCount=0,this._motion=[],this._init()}_init(){this.elTargets[0]&&this.elTargets.forEach((e=>{switch(this.isShow.push(!1),e.dataset.smoothScrollMotion){case"fadeStagger":this._motion.push(new ee(e));break;case"maskStagger":this._motion.push(new te(e));break;case"title":this._motion.push(new ie(e));break;case"titleJa":this._motion.push(new se(e));break;case"takeruSlideinwrapper":this._motion.push(new oe(e));break;case"takeruYellowText":this._motion.push(new ne(e));break;case"takeruScrollText":this._motion.push(new ae(e));break;case"takeruScrollImg":this._motion.push(new re(e));break;case"takeruScrollBgWhite":this._motion.push(new he(e));break;case"takeruFigureLine":this._motion.push(new le(e));break;case"takeruBacklistFadein":this._motion.push(new ce(e));break;default:this._motion.push(new Q(e))}}))}_addCheck(e){this.isShow[e]||(this.isShow[e]=!0,this._motion[e].show({delay:.1*this.checkCount}),this.checkCount+=1)}}class de{constructor(){this.elRoot=null,this.elWrap=null,this.elBody=null,this.elBodyContents=null,this.elBodyContentsChild=null,this.elAnchors=null,this.elTargetBodyContents=null,this.val={x:0,y:0},this.pos={x:0,y:0,progress:1},this.dir=1,this.power=0,this.current=[],this.viewCurrent=0,this.saveNo=[],this.isSmoothComp=!1,this.isPin=!1,this.isParallax=!1,this.isMotion=!1,this.sectionPosition=[],this.sectionProgress=[],this.sectionProgressDistance=[],this.bodyHeight=0,this._boundOnFocus=this._onFocus.bind(this),this._observer=null,this._tween=new R({position:0,speed:E.InertiaSpeed}),this._powerTween=new R({position:0,speed:E.InertiaSpeed}),this._childElementPosition=[],this._parallax=[],this._motion=[],this._anchorsPosition=[],this._addOnCheckNativeScroll=[],this._addOnCheckSmoothScroll=[],this._addOnObserveCallBack=[],this._addOnCheckScrollComplete=[],this._addOnResize=[]}init(e){this.elRoot=document.body,this.elWrap=e.querySelector('[data-smooth-scroll="wrap"]'),this.elBody=e.querySelector('[data-smooth-scroll="body"]'),this.elBodyContents=[...e.querySelectorAll('[data-smooth-scroll="content"]')],this.elAnchors=[...this.elWrap.querySelectorAll("a")],e.querySelector("footer")&&this.elBodyContents.push(e.querySelector("footer")),this._setTargetContents(),this._observer=new IntersectionObserver((e=>this._observeCallBack(e)),{root:null,rootMargin:"-50% 0px",threshold:0}),this.saveNo=[],this.sectionProgress=[],this.sectionProgressDistance=[],this.elTargetBodyContents.forEach(((e,t)=>{this._observer.observe(e),this.elBodyContents[t].setAttribute("data-no",t),e.setAttribute("data-no",t),this.saveNo.push(t),this.sectionProgress.push(0),this.sectionProgressDistance.push(0),this.elBodyContents[t].querySelector('[data-smooth-scroll="content-child"]')?this._childElementPosition[t]=new D({scroll:this,sectionNo:t,elWrap:this.elBodyContents[t],elTargets:[...this.elBodyContents[t].querySelectorAll('[data-smooth-scroll="content-child"]')]}):this._childElementPosition[t]=!1,this.elBodyContents[t].querySelector('[data-smooth-scroll="parallax"]')?(this.isParallax=!0,this._parallax[t]=new F({scroll:this,sectionNo:t,elWrap:this.elBodyContents[t],elTargets:[...this.elBodyContents[t].querySelectorAll('[data-smooth-scroll="parallax"]')]})):this._parallax[t]=!1,this.elBodyContents[t].querySelector('[data-smooth-scroll="motion"]')?(this.isMotion=!0,this._motion[t]=new ue({scroll:this,sectionNo:t,elWrap:this.elBodyContents[t],elTargets:[...this.elBodyContents[t].querySelectorAll('[data-smooth-scroll="motion"]')]})):this._motion[t]=!1})),this.resize()}_setTargetContents(){}checkNativeScroll(e){this.dir=this.val.y>e?-1:1,this.val.y=e,this.isSmoothComp=!1,this._addOnCheckNativeScroll[0]&&this._addOnCheckNativeScroll.forEach((e=>{e()}))}addOnCheckNativeScroll(e){this._addOnCheckNativeScroll.push(e)}checkSmoothScroll(){if(this.isSmoothComp)return!1;this._tween.step(this.val.y),this.pos.y=-this._tween.getState().position;const e=Math.abs(this.pos.y),t=this.val.y<=0?.01:this.val.y;this.pos.progress=1===this.dir?Math.min(e/t,1):Math.min(t/e,1),this._powerTween.step(1-this.pos.progress),this.power=this.pos.progress?this._powerTween.getState().position:0,this.current.forEach((e=>{this.sectionProgress[e]=j((this.val.y-this.sectionPosition[e].start)/this.sectionProgressDistance[e],0,1),this._childElementPosition[e]&&this._childElementPosition[e].check(),this._parallax[e]&&this._parallax[e].check(),this._motion[e]&&this._motion[e].check()})),this._addCheckSmoothScroll(),this._addOnCheckSmoothScroll[0]&&this._addOnCheckSmoothScroll.forEach((e=>{e()})),(1===this.dir&&this.val.y-.001<e||-1===this.dir&&this.val.y+.001>e)&&this._checkScrollComplete()}_addCheckSmoothScroll(){}addOnCheckSmoothScroll(e){this._addOnCheckSmoothScroll.push(e)}_checkScrollComplete(){this.isSmoothComp=!0,this._addOnCheckScrollComplete[0]&&this._addOnCheckScrollComplete.forEach((e=>{e()}))}addOnCheckScrollComplete(e){this._addOnCheckScrollComplete.push(e)}_observeCallBack(e){this.current=[],e.forEach((e=>{const t=Number(e.target.getAttribute("data-no"));e.isIntersecting&&(this.viewCurrent=t),this.current.push(t),this.elBodyContents[t].classList.add("-active")}));const t=this.viewCurrent,i=t>0?t-1:null,s=t<this.elBodyContents.length-1?t+1:null;if(this.current.includes(this.viewCurrent)||this.current.push(this.viewCurrent),i&&(this.current.includes(i)||this.current.push(i)),s&&(this.current.includes(s)||this.current.push(s)),this.elBodyContents[this.viewCurrent].offsetHeight<=z.height){const e=i>0?i-1:null,t=s<this.elBodyContents.length-1?s+1:null;e&&(this.current.includes(e)||this.current.push(e)),t&&(this.current.includes(t)||this.current.push(t))}this.elBodyContents.forEach(((e,t)=>{if(this.current.includes(t))E.isInertia&&o.p8.set(e,{opacity:1,pointerEvents:"auto"});else if(e.classList.remove("-active"),E.isInertia){const i=this.sectionPosition[t]?this.sectionPosition[t].start:0;o.p8.set(e,{y:i+z.height,opacity:0,pointerEvents:"none"})}this.viewCurrent===t?e.classList.add("-view"):e.classList.remove("-view")})),this._addOnObserveCallBack[0]&&this._addOnObserveCallBack.forEach((e=>{e()}))}addOnObserveCallBack(e){this._addOnObserveCallBack.push(e)}resize(){this.sizeBodyHeight=0,this.elBodyContents.forEach(((e,t)=>{const i=this.sizeBodyHeight+e.offsetHeight,s={start:this.sizeBodyHeight,end:i};this.sizeBodyHeight=i,this.sectionPosition[t]=s,this.sectionProgressDistance[t]=s.end-s.start})),this._childElementPosition.forEach((e=>{e&&e.resize()})),this.isParallax&&this._parallax.forEach((e=>{e&&e.resize()})),this.isMotion&&this._motion.forEach((e=>{e&&e.resize()})),this._addResize(),this._addOnResize[0]&&this._addOnResize.forEach((e=>{e()}))}_addResize(){}addOnResize(e){this._addOnResize.push(e)}_onFocus(e){if(this._anchorsPosition[0]){this._anchorsPosition.forEach((e=>{e&&(e.check(),e.resize())}));const t=Number(e.target.dataset.smoothScrollFocusNo);xe.scrollTo(this._anchorsPosition[t].position[0].start+z.height)}}addFocusEventListener(){this.elAnchors.forEach((e=>{e.addEventListener("focus",this._boundOnFocus,s.passiveOptions)}))}removeFocusEventListener(){this.elAnchors.forEach((e=>{e.removeEventListener("focus",this._boundOnFocus)}))}reset(){this.val={x:0,y:0},this.pos={x:0,y:0,progress:1},this.dir=1,this.power=0,this._tween.setPosition(0),this._addReset()}_addReset(){}destroy(){}disableInertiaSpeed(){this._tween.setSpeed(60)}enableInertiaSpeed(){this._tween.setSpeed(E.InertiaSpeed)}}class me extends de{constructor(){super()}_setTargetContents(){this.elTargetBodyContents=this.elBodyContents}destroy(){this.elBodyContents.forEach((e=>{this._observer.unobserve(e)}))}}class pe{constructor({scroll:e,elWrap:t,sectionNo:i}){this.scroll=e,this.elWrap=t,this.elInner=t.querySelector('[data-smooth-scroll-horizontal="inner"]'),this.elTarget=t.querySelector('[data-smooth-scroll-horizontal="target"]'),this.sectionNo=i,this.posY=0,this.posX=0,this.height=0,this.end=0,this.transform=this._transform.bind(this),this.resize=this._resize.bind(this),this._init()}_init(){this.scroll.addOnResize(this.resize)}_transform(e){this.posX=this.scroll.pos.y+this.scroll.sectionPosition[e].start,o.p8.set(this.elInner,{x:this.posX}),this.posY=this.end>Math.abs(this.scroll.pos.y)?-1*Math.min(Math.abs(this.scroll.pos.y),this.scroll.sectionPosition[e].start):this.scroll.pos.y+this.height-z.height,this.elWrap.style.transform="matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0,"+this.posY+", 0, 1)"}_resize(){this.height=this.elTarget.offsetWidth,o.p8.set(this.elWrap,{height:this.height}),this.scroll.sectionPosition[this.sectionNo]&&(this.end=this.scroll.sectionPosition[this.sectionNo].start+this.elTarget.offsetWidth-z.height)}}class ve extends de{constructor(){super(),this.elDummyContents=null,this._transforms=[],this.horizontals=[]}_setTargetContents(){if(this.elDummyContents)for(;this.elDummyContents.length;)this.elWrap.removeChild(this.elDummyContents[0]),this.elDummyContents=document.querySelectorAll(".t-dummy-scroll-content");this.elBodyContents.forEach(((e,t)=>{const i=document.createElement("div");i.setAttribute("class","t-dummy-scroll-content"),this.elWrap.appendChild(i),"horizontal"===(e.dataset.smoothScrollType||"normal")?(this.horizontals[t]=new pe({scroll:this,elWrap:e,sectionNo:t}),this._transforms.push(this.horizontals[t].transform)):this._transforms.push(this._normalTransform.bind(this))})),this.elDummyContents=document.querySelectorAll(".t-dummy-scroll-content"),this.elTargetBodyContents=this.elDummyContents}_addCheckSmoothScroll(){this._transform()}_transform(){this.current.forEach((e=>{this._transforms[e](e)}))}_normalTransform(e){this.elBodyContents[e]&&(this.elBodyContents[e].style.transform="matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0,"+this.pos.y+", 0, 1)")}_addResize(){this._setScrollAreaHeight(),this._targetContentsResize()}_setScrollAreaHeight(){o.p8.set(this.elRoot,{height:this.sizeBodyHeight})}_targetContentsResize(){this.elBodyContents.forEach(((e,t)=>{o.p8.set(e,{top:this.sectionPosition[t].start}),o.p8.set(this.elDummyContents[t],{height:e.offsetHeight})}))}_addReset(){this.elBodyContents.forEach((e=>{e.style.transform="matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)"}))}destroy(){this.elDummyContents.forEach((e=>{this._observer.unobserve(e)}))}}class ge{constructor({scroll:e,sectionNo:t,elWrap:i,elTarget:s,elFixedArea:o,option:n={pcOff:!1,spOff:!1}}){this.elWrap=i,this.elTarget=s,this.elFixedArea=o,this.sectionNo=t,this.startPoint=0,this.endPoint=0,this.isActive=!0,this.isPcOff=n.pcOff||!1,this.isSpOff=n.spOff||!1,this._scroll=e,this._scrollPosition=E.isInertia?this._smoothScrollPosition:this._nativeScrollPosition}transform(){if(!this.isActive)return!1;const e=this._scrollPosition();e>=0&&e<=this.endPoint&&(this.elTarget.style.transform="matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0,"+j(e,0,this.endPoint)+", 0, 1)")}_smoothScrollPosition(){return Math.abs(this._scroll.pos.y)-this.startPoint}_nativeScrollPosition(){return this._scroll.val.y-this.startPoint}resize(){if($().isSP&&this.isSpOff||!$().isSP&&this.isPcOff||f)return this.off(),!1;(!$().isSP&&this.isSpOff||$().isSP&&this.isPcOff)&&(this.isActive=!0,this.elTarget.style.position="fixed");const e=this.elWrap.getBoundingClientRect(),t=this.elFixedArea.getBoundingClientRect(),i=this._scroll.sectionPosition[this.sectionNo]?this._scroll.sectionPosition[this.sectionNo].start:0;this.startPoint=t.top-e.top+i,this.endPoint=this.startPoint+t.height-z.height}off(){this.isActive=!1,this.elTarget.style.position="",this.elTarget.style.transform="matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)"}}class fe{constructor({scroll:e}){this.isEnablePin=!1,this._scroll=e,this._childElementPin=[]}set(e,t,i={pcOff:!1,spOff:!1}){this.isEnablePin=!0;const s=e.closest('[data-smooth-scroll="content"]');this._childElementPin.push(new ge({scroll:this._scroll,sectionNo:s.dataset.no,elWrap:s,elTarget:e,elFixedArea:t,option:i}))}check(){this._childElementPin.forEach((e=>{e.transform()}))}resize(){this._childElementPin.forEach((e=>{e.resize()}))}destroy(){this.isEnablePin=!1,this._childElementPin=[]}off(){this._childElementPin.forEach((e=>{e.off()}))}}o.p8.registerPlugin(k.L),E.isInertia||document.body.classList.add("is-inertia-none");const xe=new class{constructor(){this.isInit=!1,this.isActive=!1,this.isExResize=!1,this.isFixed=!1,this._scroll=E.isInertia?new ve:new me,this._pin=[],this._boundOnGlobalScroll=this._onGlobalScroll.bind(this),this._boundOnGlobalResize=this._onGlobalResize.bind(this),this._boundOnAnimationFrame=this._onAnimationFrame.bind(this)}init(e){if(this.isInit)return!1;this.isInit=!0,this._scroll.init(e),this.addOnObserveCallBack((()=>{this._pin[0]&&this._pin.forEach((e=>{e.isEnablePin&&e.resize()}))})),this._addEventListener(),P.emit(),this.start()}_onGlobalScroll({scrollY:e}){if(this.isFixed)return!1;this._scroll.checkNativeScroll(e)}_onGlobalResize(){if(this.isExResize)return!1;this._scroll.resize(),this._pin[0]&&this._pin.forEach((e=>{e.isEnablePin&&e.resize()}))}_onAnimationFrame(){if(!this.isActive||this.isFixed)return!1;this._scroll.checkSmoothScroll(),this._pin[0]&&this._pin.forEach((e=>{e.isEnablePin&&e.check()}))}_addEventListener(){P.add(this._boundOnGlobalScroll),M.add(this._boundOnGlobalResize),_.add(this._boundOnAnimationFrame),this._scroll.addFocusEventListener()}_removeEventListener(){P.remove(this._boundOnGlobalScroll),M.remove(this._boundOnGlobalResize),_.remove(this._boundOnAnimationFrame),this._scroll.removeFocusEventListener()}emitResize(){this._onGlobalResize()}get getState(){return{val:this._scroll.val,pos:this._scroll.pos,dir:this._scroll.dir,power:this._scroll.power,current:this._scroll.current,viewCurrent:this._scroll.viewCurrent,sectionPosition:this._scroll.sectionPosition,sectionProgress:this._scroll.sectionProgress,isComp:this._scroll.isSmoothComp}}getHorizontalState(e){return!!this._scroll.horizontals[e]&&{pos:{x:this._scroll.horizontals[e].posX,y:this._scroll.horizontals[e].posY}}}addOnCheckNativeScroll(e){this._scroll.addOnCheckNativeScroll(e)}addOnCheckSmoothScroll(e){this._scroll.addOnCheckSmoothScroll(e)}addOnObserveCallBack(e){this._scroll.addOnObserveCallBack(e)}addOnCheckScrollComplete(e){this._scroll.addOnCheckScrollComplete(e)}getChildElementPositionState(e){return this._scroll._childElementPosition[e].state}onChildElementPositionChange(e,t){this._scroll._childElementPosition[e].onChange(t)}scrollTo(e,t={duration:!1,onComplete:()=>{}}){this._scroll.sectionPosition.forEach(((t,i)=>{t.start<e&&(this._scroll.viewCurrent=i)}));const{duration:i,onComplete:s}=t;o.p8.to(window,{scrollTo:{y:e,autoKill:!1},duration:i||(E.isInertia?.1:.5),onComplete:s})}setScrollTo(e,t){this._scroll.sectionPosition.forEach(((e,i)=>{e.start<t&&(this._scroll.viewCurrent=i)})),this._scroll.disableInertiaSpeed(),window.scrollTo(e,t),setTimeout((()=>{this._scroll.enableInertiaSpeed()}),1e3)}start(){this.isActive=!0}stop(){this.isActive=!1}setPin(e,t,i={pcOff:!1,spOff:!1}){this._pin.push(new fe({scroll:this._scroll})),this._pin[this._pin.length-1].set(e,t,i)}exResizeOn(e){this.isExResize=!0,o.p8.set(this._scroll.elWrap,{height:e,position:E.isInertia?"fixed":null,top:0,left:0})}exResizeOff(){this.isExResize=!1,this._scroll.elWrap.removeAttribute("style")}fixedOn(){this.isFixed=!0,o.p8.set(this._scroll.elRoot,{position:"fixed",top:this.getState.val.y,left:0})}fixedOff(){this.isFixed=!1,this._scroll.elRoot&&this._scroll.elRoot.removeAttribute("style"),this.setScrollTo(0,this.getState.val.y)}changeScroll(){}reset(){window.scrollTo(0,0),this._scroll.reset()}destroy(){this.isInit=!1,this._removeEventListener(),this._scroll.destroy(),this._pin[0]&&this._pin.forEach((e=>{e.destroy()}))}};var ye=i(212);class we{constructor({width:e,height:t,center:i,isNarrow:s}){this.obj=s?new ye.cPb(60,e/t,.1,1e3):new ye.cPb(60,e/t,1e-9,1e7),this.obj.position.set(0,0,0),this.obj.lookAt(i)}resize({width:e,height:t}){this.obj.aspect=e/t,this.obj.updateProjectionMatrix(),this.obj.position.z=t/Math.tan(this.obj.fov*Math.PI/360)/2}}class _e{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 ye.Pa4(0,0,0)},this.method={onRender:[],onResize:[],camera:null}}init(e){this.state.init||(this.state.init=!0,this.state.pixelrate=window.devicePixelRatio,this.scene=new ye.xsS,this.renderer=new ye.CP7({alpha:!0,antialias:!1,stencil:!1,powerPreference:"low-power",logarithmicDepthBuffer:e.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=e.$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 we({width:this.state.size.width,height:this.state.size.height,center:this.state.center,isNarrow:e.isNarrow||!1}),this.changePerformance({mode:"low"}),M.add((()=>{this._resize()})),_.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((e=>{e()})),this.renderer.render(this.scene,this.method.camera.obj),this.renderer.autoClear=!1,this.renderer.clearDepth()))}onRender(e){this.method.onRender.push(e)}stopRender(){this.dom.$container.style.opacity=0,this.state.active=!1}startRender(){this.dom.$container.style.opacity=1,this.state.active=!0}changePerformance(e){this.state.performance!==e.mode&&("low"===e.mode?this.state.pixelrate=1:this.state.pixelrate=window.devicePixelRatio,this.renderer.setPixelRatio(this.state.pixelrate),this.state.performance=e.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((e=>{e()})),this.renderer.setSize(this.state.size.width,this.state.size.height)}onResize(e){this.method.onResize.push(e)}}class Te{constructor({$container:e}){this.dom={$container:e},this.obj={canvas:null},this.state={}}init(e){this.obj.canvas=new _e,this.obj.canvas.init({$container:this.dom.$container,isNarrow:e.isNarrow||!1,logarithmicDepthBuffer:e.logarithmicDepthBuffer||!1}),e.onComplete()}startRender(){this.obj.canvas.startRender()}stopRender(){this.obj.canvas.stopRender()}onResize(e){this.obj.canvas.onResize(e)}onRender(e){this.obj.canvas.onRender(e)}emitResize(){this.obj.canvas._resize()}changePerformance({mode:e}){this.obj.canvas.changePerformance({mode:e})}}const Se=new Te({$container:document.querySelector("[data-gl-transition]")});class be{constructor({gl:e,isTransition:t}){this.dom={},this.obj={},this.state={},this.gl=e;const i=new ye.BKK(this.gl.obj.canvas.state.size.width,this.gl.obj.canvas.state.size.height);i.verticesNeedUpdate=!0,this.mesh=new ye.Kj0(i,new ye.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:t?"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:ye.ehD,uniforms:{uTime:{value:0},uRate:{value:.4},uOpacity:{value:1},uOpacity2:{value:1},uScale:{value:0},uMask:{type:"v2",value:new ye.FM8(.2,.1)},uResolution:{type:"v2",value:new ye.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:e}){o.p8.to(this.mesh.material.uniforms.uScale,{value:0,ease:"expo.inOut",duration:1}),o.p8.to(this.mesh.material.uniforms.uRate,{value:4,ease:"expo.inOut",duration:1.2,onComplete:()=>{e()}})}out(){o.p8.to(this.mesh.material.uniforms.uScale,{value:.1,ease:"power2.out",duration:.5,onComplete:()=>{o.p8.to(this.mesh.material.uniforms.uRate,{value:0,ease:"expo.in",duration:.6}),o.p8.to(this.mesh.material.uniforms.uScale,{value:1,ease:"expo.in",duration:.6})}})}}class Ce{constructor(){this.dom={$link:document.querySelectorAll("#ctl02 >.wrap [data-link]")},this.cover,Se.init({onComplete:()=>{this.cover=new be({gl:Se}),this.cover.out(),console.log("TransitionGl.init"),this.dom.$link.forEach((e=>{e.addEventListener("click",(e=>{const t=e.target.getAttribute("data-link-href");if(console.log("click",e,t),!t)return!1;Se.startRender(),this.cover.show({onComplete:()=>{document.querySelector("#top-menu").style.opacity=1,document.querySelector("#ctl02 > .wrap").style.opacity=1,document.querySelector("footer").style.opacity=1,location.href=t}}),document.querySelector("body").classList.add("-transition"),o.p8.to(document.querySelector("#ctl02 > .wrap"),{opacity:0,duration:.2})}),C)}))}})}}var Oe=i(796),Me=i.n(Oe);const ke=g||f,Pe=new class{constructor(){this.dom={$content:document.querySelectorAll("[data-wheel-content]")},this.conf={total:this.dom.$content.length-1,changeTime:ke?200: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}},isTouchMode:ke},this.method={_onStart:[],_onReverse:[],_onMove:[],_onNext:[],_onPrev:[],_onNextBefore:[],_onPrevBefore:[],_onTo:[],_onFit:[],moveTween:new R({position:0,speed:ke?4:8}),tween:new R({position:0,speed:ke?4:8})},this._setEvent()}_setEvent(){ke?(window.addEventListener("touchstart",(e=>{this._onTouchStart(e)}),C),window.addEventListener("touchmove",(e=>{this._onTouchMove(e)}),C),window.addEventListener("touchend",(e=>{this._onTouchEnd(e)}),C),window.addEventListener("touchcancel",(e=>{this._onTouchEnd(e)}),C)):(window.addEventListener("wheel",(e=>{this._onWheel(e)}),C),window.addEventListener("keydown",(e=>{this._onKeydown(e)}),C))}_onWheel(e){if(e.defaultPrevented||e.ctrlKey||!this.state.isActive||this.state.isDisabled)return!1;const t=Me()(e);this.state.val=.7*t.pixelY||0,this.method._onMove[0]&&this.method._onMove.forEach((e=>{e()})),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})}),200))}_onKeydown(e){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}),e.keyCode){case 40:case 39:this.to({no:this.state.nextCurrent});break;case 38:case 37:this.to({no:this.state.prevCurrent})}}_onTouchStart(e){if(!this.state.isActive||this.state.isDisabled)return!1;this.state.isTouchStart=!1,this.state.touch.move.x=e.changedTouches[0].pageX,this.state.touch.move.y=e.changedTouches[0].pageY,this._start()}_onTouchMove(e){if(!this.state.isActive||this.state.isDisabled)return!1;this.state.touch.pos.x=this.state.touch.move.x-e.changedTouches[0].pageX,this.state.touch.pos.y=this.state.touch.move.y-e.changedTouches[0].pageY,this.state.val=.1*this.state.touch.pos.y,this.state.wheelTime=this.state.touch.pos.y,this.state.progress=j(1,-1,this.state.wheelTime/this.conf.changeTime),this.method._onMove[0]&&this.method._onMove.forEach((e=>{e()}))}_onTouchEnd(){if(!this.state.isActive||this.state.isDisabled)return!1;this.state.touch.move.x=0,this.state.touch.move.y=0,this.state.touch.pos.x=0,this.state.touch.pos.x=0,this.state.time=setTimeout((()=>{this._fitMotion({thredhold:.1})}),100)}_nextMotion(){this.method._onNextBefore[0]&&this.method._onNextBefore.forEach((async e=>{await e()})),this.state.isActive=!1,this.state.wheelTime=0,this.state.progress=0,this._next()}_prevMotion(){this.method._onPrevBefore[0]&&this.method._onPrevBefore.forEach((async e=>{await e()})),this.state.isActive=!1,this.state.wheelTime=0,this.state.progress=0,this._prev()}_fitMotion({thredhold:e}){this.state.progress>e?(this.state.isActive=!1,this.method._onNextBefore[0]&&this.method._onNextBefore.forEach((e=>{e()})),this._fit({dir:1,onComplete:()=>{this._next(),this.state.wheelTime=0,this.state.progress=0}})):this.state.progress<-e?(this.state.isActive=!1,this.method._onPrevBefore[0]&&this.method._onPrevBefore.forEach((e=>{e()})),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((e=>{e()}))),this.state.dir=this.state.val>0?1:-1,o.p8.killTweensOf(this.state,"wheelTime, progress")}_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((e=>{e()})),o.p8.delayedCall(ke?.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((e=>{e()})),o.p8.delayedCall(ke?.5:0,(()=>{this.state.isActive=!0}))}_mathNext({val:e}){return e<this.conf.total?e+1:0}_mathPrev({val:e}){return e>0?e-1:this.conf.total}_reverse(){o.p8.killTweensOf(this.state,"wheelTime, progress"),o.p8.to(this.state,{wheelTime:0,progress:0,duration:ke?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((e=>{e()})),this.state.isActive=!0,this.state.isWheel=!1}})}_fit({dir:e,onComplete:t}){o.p8.killTweensOf(this.state,"wheelTime, progress"),o.p8.to(this.state,{wheelTime:this.conf.changeTime*e,progress:1*e,duration:this.state.isTo?.6:ke?Math.max(1-1*Math.abs(this.state.progress),.2):Math.max(1-1*Math.abs(this.state.progress),.5),ease:"sine.inOut",onStart:()=>{ke||this.method._onFit[0]&&this.method._onFit.forEach((e=>{e()}))},onComplete:()=>{ke&&this.method._onFit[0]&&this.method._onFit.forEach((e=>{e()})),this.state.isWheel=!1,t()}})}to({no:e}){if(!this.state.isActive)return!1;this.state.isTo=!0,this.state.val=e>this.state.viewCurrent||this.state.viewCurrent===this.conf.total&&0===e?1:-1,0===this.state.viewCurrent&&e===this.conf.total&&(this.state.val=-1),this._start(),this.state.dir>0?this.state.nextCurrent=e:this.state.prevCurrent=e,this.method._onTo[0]&&this.method._onTo.forEach((e=>{e()})),this._fit({dir:this.state.dir,onComplete:()=>{this.state.viewCurrent=e,this.state.nextCurrent=this._mathNext({val:e}),this.state.prevCurrent=this._mathPrev({val:e}),this.state.dir>0?this._nextMotion():this._prevMotion(),this.state.isTo=!1}})}onStart(e){this.method._onStart.push(e)}onReverse(e){this.method._onReverse.push(e)}onMove(e){this.method._onMove.push(e)}onNext(e){this.method._onNext.push(e)}onPrev(e){this.method._onPrev.push(e)}onNextBefore(e){this.method._onNextBefore.push(e)}onPrevBefore(e){this.method._onPrevBefore.push(e)}onTo(e){this.method._onTo.push(e)}onFit(e){this.method._onFit.push(e)}};class $e{constructor(){if(g||f)return!1;this.elTarget=null,this.isMouseOn=!1,this.isMotion=!1,this._addOnMouseOn=[],this._addOnMouseLeave=[],this._boundOnMouseOn=null,this._boundOnMouseLeave=null}init({elTarget:e}){this.elTarget=e,this._setStyle(),this._boundOnMouseOn=this._onMouseOn.bind(this),this._boundOnMouseLeave=this._onMouseLeave.bind(this),this.addEventListener()}_setStyle(){}_motionShow(){}_motionOut(){}_onMouseOn(){this.isMotion||this.isMouseOn||(this.isMouseOn=!0,this.elTarget.classList.add("-hover"),this._motionShow(),this._addOnMouseOn[0]&&this._addOnMouseOn.forEach((e=>{e()})))}_onMouseLeave(){this.isMouseOn=!1,this.isMotion||this.isMouseOn||(this._motionOut(),this._addOnMouseLeave[0]&&this._addOnMouseLeave.forEach((e=>{e()})))}addEventListener(){if(g||f)return!1;this.elTarget.addEventListener("mousemove",this._boundOnMouseOn,s.passiveOptions),this.elTarget.addEventListener("mouseleave",this._boundOnMouseLeave,s.passiveOptions)}removeEventListener(){this.elTarget.removeEventListener("mousemove",this._boundOnMouseOn,s.passiveOptions),this.elTarget.removeEventListener("mouseleave",this._boundOnMouseLeave,s.passiveOptions)}addOnMouseOn(e){this._addOnMouseOn.push(e)}addOnMouseLeave(e){this._addOnMouseLeave.push(e)}forceMotionOut(){this.isMotion=!1,this._motionOut()}}class Ee extends $e{constructor({elTarget:e}){super(),this.elTargetText=[...e.querySelectorAll('[data-hover-mask-text="target-text"]')],this.elText=e.querySelector('[data-hover-mask-text="text"]'),this.elTextChild=e.querySelector('[data-hover-mask-text="text-child"]'),this.init({elTarget:e})}_setStyle(){o.p8.set(this.elText,{y:"110%",overflow:"hidden"}),o.p8.set(this.elTextChild,{y:"-110%",scale:1.1,position:"relative",rotate:"0.0001deg"})}_motionShow(){this.isMotion=!0,o.p8.killTweensOf(this.elTextChild,"y,scale"),o.p8.fromTo(this.elTextChild,{y:"-110%",scale:1.1},{y:"0%",scale:1,duration:.6,ease:"expo.out"}),this.elTargetText&&o.p8.to(this.elTargetText,{opacity:0,duration:.3,ease:"power2.out",delay:.3}),o.p8.killTweensOf(this.elText,"y"),o.p8.fromTo(this.elText,{y:"110%"},{y:"0%",duration:.6,ease:"expo.out",onComplete:()=>{this.isMotion=!1,this.isMouseOn||(this._motionOut(),this._addOnMouseLeave[0]&&this._addOnMouseLeave.forEach((e=>{e()})))}})}_motionOut(){this.elTarget.classList.remove("-hover"),o.p8.killTweensOf(this.elTextChild,"y,scale"),o.p8.to(this.elTextChild,{y:"110%",scale:1.05,duration:.6,ease:"expo.inOut"}),this.elTargetText&&o.p8.to(this.elTargetText,{opacity:1,duration:.3,ease:"power2.out",delay:.3}),o.p8.killTweensOf(this.elText,"y"),o.p8.to(this.elText,{y:"-110%",duration:.6,ease:"expo.inOut"})}}class Le extends $e{constructor({elTarget:e}){super(),this.elTargetText=e.querySelector("[data-hover-btn-text]"),this.elTargetPanel=e.querySelector("[data-hover-btn-panel]"),this.textColor=this.elTargetText?this.elTargetText.dataset.hoverBtnText:"black",this.init({elTarget:e})}_setStyle(){o.p8.set(this.elTargetPanel,{x:"-110%"})}_motionShow(){this.isMotion=!0,this.elTargetText&&(o.p8.killTweensOf(this.elTargetText,"color"),o.p8.to(this.elTargetText,{color:"white"===this.textColor?"#0c072b":"#fff",duration:.5,ease:"power2.out"})),o.p8.killTweensOf(this.elTargetPanel,"x"),o.p8.fromTo(this.elTargetPanel,{x:"-110%"},{x:"0%",duration:.5,ease:"expo.out",onComplete:()=>{this.isMotion=!1,this.isMouseOn||(this._motionOut(),this._addOnMouseLeave[0]&&this._addOnMouseLeave.forEach((e=>{e()})))}})}_motionOut(){this.elTarget.classList.remove("-hover"),this.elTargetText&&(o.p8.killTweensOf(this.elTargetText,"color"),o.p8.to(this.elTargetText,{color:"white"===this.textColor?"#9496ab":"#0c072b",duration:.5,ease:"power2.out"})),o.p8.killTweensOf(this.elTargetPanel,"x"),o.p8.to(this.elTargetPanel,{x:"110%",duration:.5,ease:"expo.inOut"})}}class je{constructor({elWrap:e,pageId:t}){this.elProgressBar=e.querySelector('[data-global-menu="toppage-progressbar"]'),this.elProgressBarInner=e.querySelector('[data-global-menu="toppage-progressbar-inner"]'),this.elProgressBarIcon=e.querySelector('[data-global-menu="toppage-progressbar-icon"]'),this.elProgressBarGauge=e.querySelector('[data-global-menu="toppage-progressbar-gauge"]'),this.elProgressBarTargets=[...e.querySelectorAll('[data-global-menu="toppage-progressbar-target"]')],this.isMotion=!1,this.pageID=-1!==t.indexOf("technologyDetail")?"technology":t,this.targetPositionY=[],this.targetIconPositionY=[],this.isSP=$().isSP,this.setTimeResize=null,this._boundOnGlobalResize=this._onGlobalResize.bind(this)}_init(){this._setStyle(),this._addEventListener()}_setStyle(){o.p8.set(this.elProgressBarInner,{overflow:"hidden"}),o.p8.set(this.elProgressBarGauge,{top:"-100%"})}_progresGaugePosition(){return{x:0,y:0,yIcon:0}}motionGauge(){this._addOnGlobalResize(),this.isMotion=!0;const{x:e,y:t,yIcon:i}=this._progresGaugePosition();o.p8.killTweensOf([this.elProgressBarGauge,this.elProgressBarIcon],"y"),o.p8.fromTo(this.elProgressBarGauge,{y:0},{y:t,duration:1,ease:"expo.inOut"}),o.p8.fromTo(this.elProgressBarIcon,{y:0},{y:i,duration:1,ease:"expo.inOut"}),this._addMotionGauge({x:e,y:t})}_addMotionGauge({x:e,y:t}){}resetGauge(){this.isMotion=!1,o.p8.set([this.elProgressBarGauge,this.elProgressBarIcon],{y:0,x:0,duration:1,ease:"expo.inOut"}),this._addResetGauge()}_addResetGauge(){}_onGlobalResize(){const e=this.elProgressBar.getBoundingClientRect().top,t=this.elProgressBar.getBoundingClientRect().height,i=.5*this.elProgressBarIcon.getBoundingClientRect().height;this.targetPositionY=[],this.elProgressBarTargets.forEach(((s,o)=>{const{top:n,height:a}=s.getBoundingClientRect();this.targetPositionY[o]="index"===this.pageID?Math.max(n+a-e-i,0):o===this.elProgressBarTargets.length-1?Math.max(t,0):Math.max(n-e+i,0),this.targetIconPositionY[o]="index"===this.pageID?Math.max(n+a-e-i,0):this.isSP?Math.max(n-e-i,0):Math.max(n+a-e-i,0)})),this._addOnGlobalResize(),clearTimeout(this.setTimeResize),this.setTimeResize=setTimeout((()=>{this.isMotion&&this.motionGauge()}),500)}_addOnGlobalResize(){}_addEventListener(){M.add(this._boundOnGlobalResize)}}class Re extends je{constructor({elWrap:e,pageId:t}){super({elWrap:e,pageId:t}),this._init()}_progresGaugePosition(){let e=2===xe.getState.viewCurrent?xe.getState.viewCurrent:xe.getState.viewCurrent-1;return 6!==xe.getState.viewCurrent&&7!==xe.getState.viewCurrent||2===xe.getChildElementPositionState(6).viewCurrent&&(e+=1),{x:0,y:0===xe.getState.viewCurrent?0:this.targetPositionY[Math.max(e-1,0)],yIcon:0===xe.getState.viewCurrent?0:this.targetIconPositionY[Math.max(e-1,0)]}}}const ze={"at-your-side":0,value:1,technology:2,history:5};class Ae extends je{constructor({elWrap:e,pageId:t}){super({elWrap:e,pageId:t});const i=location.pathname.split("/");i.forEach(((e,t)=>{""===e&&i.splice(t,1)}));const s=-1!==t.indexOf("value")?i[i.length-1]:"takeru"===t?"history":this.pageID;this.pageID="takeru"===t?"history":this.pageID,this.elPageTarget=e.querySelector('[data-global-menu-page-target="'+s+'"]'),this.elPageTargetLine=e.querySelector('[data-global-menu-page-target-line="'+this.pageID+'"]'),this.elPageTargetLineSp=e.querySelector('[data-global-menu-page-target-line-sp="'+this.pageID+'"]'),this.topPageSectionNo=ze[this.pageID],this.targetPositionX=0,this.addTargetPositionY=0,this.addTargetPositionLineY=0,this.iconWidthCenter=0,this.isModeSp=$().isSP,this._init()}_progresGaugePosition(){return{x:this.targetPositionX,y:this.targetPositionY[this.topPageSectionNo],yIcon:this.targetIconPositionY[this.topPageSectionNo]}}_addMotionGauge({x:e,y:t}){this.elPageTargetLineSp&&this.isSP?(o.p8.killTweensOf(this.elPageTargetLineSp,"x"),o.p8.fromTo([this.elPageTargetLineSp,this.elProgressBarIcon],{x:0},{x:e+this.iconWidthCenter,duration:.5,delay:.5,ease:"expo.inOut"}),o.p8.fromTo(this.elProgressBarIcon,{y:t-this.elProgressBarIcon.getBoundingClientRect().width},{y:this.addTargetPositionY,duration:.5,delay:.75,ease:"expo.inOut"}),o.p8.fromTo(this.elPageTargetLine,{y:0},{y:this.addTargetPositionLineY,duration:.5,delay:.75,ease:"expo.inOut"})):(o.p8.fromTo(this.elPageTargetLine,{x:0},{x:e,duration:1,delay:.5,ease:"expo.inOut"}),o.p8.fromTo(this.elProgressBarIcon,{x:0},{x:e+this.iconWidthCenter,duration:1,delay:.5,ease:"expo.inOut"}))}_addResetGauge(){this.elPageTargetLineSp&&this.isSP&&(o.p8.to([this.elPageTargetLineSp,this.elProgressBarIcon],{x:0,duration:.5,delay:.75,ease:"expo.inOut"}),o.p8.to(this.elProgressBarIcon,{y:0,duration:.5,delay:.5,ease:"expo.inOut"}),o.p8.to(this.elPageTargetLine,{y:0,duration:.5,delay:.5,ease:"expo.inOut"}))}_addOnGlobalResize(){const e=this.elProgressBar.getBoundingClientRect().top,t=this.elProgressBar.getBoundingClientRect().left,{top:i,left:s}=this.elPageTarget.getBoundingClientRect();this.iconWidthCenter=.5*this.elProgressBarIcon.getBoundingClientRect().width,this.targetPositionX=s-t-this.iconWidthCenter,this.elPageTargetLineSp&&this.isSP&&(this.addTargetPositionY=Math.max(i-e,0),this.addTargetPositionLineY=Math.max(i-this.elPageTarget.closest('[data-global-menu="item"]').getBoundingClientRect().top,0))}}class Ie extends class{constructor(){this.elTarget=null,this.isClicked=!1,this.isMotion=!1,this._boundOnClickOn=null,this._addOnClick=[]}init({elTarget:e}){this.elTarget=e,this._boundOnClickOn=this._onClickOn.bind(this),this.addEventListener()}_onClickOn(){this.isClicked=!this.isClicked,this._addOnClick[0]&&this._addOnClick.forEach((e=>{e(this.elTarget)})),this._clickOn()}_clickOn(){}addEventListener(){this.elTarget.addEventListener("click",this._boundOnClickOn,s.passiveOptions)}removeEventListener(){this.elTarget.removeEventListener("click",this._boundOnClickOn,s.passiveOptions)}addOnClick(e){this._addOnClick.push(e)}}{constructor({elTarget:e,value:t}){super(),this._value={value:t},this.init({elTarget:e})}async _clickOn(){await x({key:"gnavi-click-item",value:JSON.stringify(this._value)})}}const qe=new class{constructor(){this.elWrap=document.querySelector('[data-global-menu="wrap"]'),this.elMotionSplitText=[...document.querySelectorAll('[data-global-menu-motion="splitText"]')],this.elMotionFade=[...document.querySelectorAll('[data-global-menu-motion="fade"]')],this.elHoverMaskText=[...document.querySelectorAll('[data-hover-mask-text="wrap"]')],this.elTrigger=document.querySelector('[data-global-menu="trigger"]'),this.elTriggerInner=document.querySelector('[data-global-menu="trigger-inner"]'),this.elGlobalHeader=document.querySelector("#top-menu"),this.isOpen=!1,this.isHeaderShow=!0,this.basePositionY=0,this._topPageProgressBar=null,this._splitMotion=[],this._fadeMotion=[],this._fadeMotionTrigger=null,this._clickItemSaveStorage=null,this._hoverTrigger=null,this._hoverMaskText=[],this._boudOnClickTrigger=this._onClickTrigger.bind(this),this._boundOnGlobalResize=this._onGlobalResize.bind(this),this._init()}_init(){this._setStyle();const e=document.querySelector("[data-page]").dataset.page;this._topPageProgressBar="index"===e?new Re({elWrap:this.elWrap,pageId:e}):new Ae({elWrap:this.elWrap,pageId:e}),this._clickItemSaveStorage=new Ie({elTarget:document.querySelector('[data-global-menu-site-name="wrap"]'),value:"top"}),this._hoverTrigger=new Le({elTarget:this.elTriggerInner}),this._fadeMotionTrigger=new U({elTarget:this.elTrigger}),this.elMotionSplitText.forEach((e=>{this._splitMotion.push(new Z({$ele:e}))})),this.elMotionFade.forEach((e=>{this._fadeMotion.push(new U({elTarget:e}))})),this.elHoverMaskText.forEach((e=>{this._hoverMaskText.push(new Ee({elTarget:e}))})),this._addEventListener()}_setStyle(){o.p8.set(this.elWrap,{pointerEvents:"none"})}open(){this.isOpen=!0,this.elWrap.style.pointerEvents="",this.elWrap.classList.add("-open"),this._splitMotion.forEach((e=>{e.show()})),this._fadeMotion.forEach((e=>{e.show()})),this._hoverTrigger.forceMotionOut(),this._fadeMotionTrigger.out({onComplete:()=>{this.elTrigger.classList.add("-close"),this._fadeMotionTrigger.show(),this.isHeaderShow&&this._motionChangePositionTriggerHeaderOut({duration:.001})}}),this._topPageProgressBar.motionGauge(),xe.fixedOn()}close(){this.isOpen=!1,this.elWrap.classList.remove("-open"),o.p8.set(this.elWrap,{pointerEvents:"none"}),this._splitMotion.forEach((e=>{e.out()})),this._fadeMotion.forEach((e=>{e.out()})),this._fadeMotionTrigger.out({onComplete:()=>{this.elTrigger.classList.remove("-close"),this._fadeMotionTrigger.show(),this.isHeaderShow&&this._motionChangePositionTriggerHeaderShow({duration:.001})}}),this._topPageProgressBar.resetGauge(),xe.fixedOff()}showTrigger(e={delay:null}){this.elTrigger.classList.remove("-hide"),this._fadeMotionTrigger.show(e)}outTrigger(e={delay:null}){this.elTrigger.classList.add("-hide"),this._fadeMotionTrigger.out(e)}changePositionTriggerHeaderShow(){this.isHeaderShow=!0,this._motionChangePositionTriggerHeaderShow({duration:.4})}_motionChangePositionTriggerHeaderShow({duration:e}){o.p8.killTweensOf(this.elTriggerInner,"y"),o.p8.to(this.elTriggerInner,{y:0,duration:e})}changePositionTriggerHeaderOut(){this.isHeaderShow=!1,this._motionChangePositionTriggerHeaderOut({duration:.4})}_motionChangePositionTriggerHeaderOut({duration:e}){o.p8.killTweensOf(this.elTriggerInner,"y"),o.p8.to(this.elTriggerInner,{y:-1*this.basePositionY,duration:e})}_onClickTrigger(){this.isOpen?this.close():this.open()}_onGlobalResize(){this.basePositionY=Math.min(this.elGlobalHeader.offsetHeight,108),this.isHeaderShow||o.p8.set(this.elTriggerInner,{y:-1*this.basePositionY})}_addEventListener(){this.elTrigger.addEventListener("click",this._boudOnClickTrigger,C),M.add(this._boundOnGlobalResize)}};class Be{constructor(){this.dom={$ele:document.querySelectorAll("[data-bg-line]")},this.method={repeatMotion:[]};let e=0;for(;e<this.dom.$ele.length;)this.method.repeatMotion[e]=o.p8.timeline({repeat:-1,delay:L(.5,2),repeatDelay:L(.5,2)}),this.method.repeatMotion[e].fromTo(this.dom.$ele[e],{y:"-50vh"},{y:"150vh",ease:"power2.out",duration:5}),e+=1;o.p8.set(this.dom.$ele,{opacity:1})}start(){let e=0;for(;e<this.dom.$ele.length;)this.method.repeatMotion[e].play(),e+=1}reset(){let e=0;for(;e<this.dom.$ele.length;)this.method.repeatMotion[e].paused(),e+=1;o.p8.set(this.dom.$ele,{y:"-50vh"})}}class De{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 Be}colorNormal(){o.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"),o.p8.to(this.dom.$blue,{opacity:0,duration:.6,ease:"power2.out"})),this.state.color="white",o.p8.to(this.dom.$white,{opacity:1,duration:.6,ease:"power2.out"})}colorBlue(){"white"===this.state.color&&o.p8.to(this.dom.$blue,{opacity:0,duration:.6,ease:"power2.out"}),this.state.color="blue",this.dom.$wrap.classList.add("-blue"),o.p8.to(this.dom.$blue,{opacity:1,duration:.6,ease:"power2.out"})}}const Ne=new Te({$container:document.querySelector("[data-gl-mv]"),isNarrow:!0,logarithmicDepthBuffer:!0});class Fe{constructor({src:e,maskSrc:t}){this.state={loadedPC:[],loadedSP:[],loaded:!1},this.pcTexture=[],this.spTexture=[],this._onLoaded=[],this._load({src:e,maskSrc:t})}_load({src:e}){e.pc.forEach(((e,t)=>{this.state.loadedPC[t]=!1,this.pcTexture[t]=(new ye.dpR).load(e,(()=>{this.pcTexture[t].minFilter=ye.wem,this.pcTexture[t].magFilter=ye.wem,this.pcTexture[t].needsUpdate=!0,this.state.loadedPC[t]=!0,this.checkLoaded()&&(this.state.loaded=!0,this._onLoaded.forEach((e=>{e()})))}))})),e.sp&&e.sp.forEach(((e,t)=>{this.spTexture[t]=(new ye.dpR).load(e,(()=>{this.spTexture[t].minFilter=ye.wem,this.spTexture[t].magFilter=ye.wem,this.spTexture[t].needsUpdate=!0,this.checkLoaded()&&(this.state.loaded=!0,this._onLoaded.forEach((e=>{e()})))}))}))}checkLoaded(){return this.spTexture[0]?this.state.loadedPC.every((e=>e))&&this.state.loadedSP.every((e=>e)):this.state.loadedPC.every((e=>e))}onLoaded(e){if("function"!=typeof e)return!1;this._onLoaded.push(e)}}class We{constructor({width:e,height:t}){const i=new ye.BKK(e,t,100,100);return i.verticesNeedUpdate=!0,i}}const Ue={src:{pc:["/-/media/ap/cn/digest/renew/img/index/kv/scene/mv-manufacture-mini-01.jpg","/-/media/ap/cn/digest/renew/img/index/kv/scene/mv-manufacture-02.jpg","/-/media/ap/cn/digest/renew/img/index/kv/scene/mv-manufacture-mini-02.jpg","/-/media/ap/cn/digest/renew/img/index/kv/scene/mv-office-mini-01.jpg","/-/media/ap/cn/digest/renew/img/index/kv/scene/mv-office-02.jpg","/-/media/ap/cn/digest/renew/img/index/kv/scene/mv-office-mini-02.jpg","/-/media/ap/cn/digest/renew/img/index/kv/scene/mv-product-mini-01.jpg","/-/media/ap/cn/digest/renew/img/index/kv/scene/mv-product-02.jpg","/-/media/ap/cn/digest/renew/img/index/kv/scene/mv-product-mini-02.jpg","/-/media/ap/cn/digest/renew/img/index/kv/scene/mv-home-mini-01.jpg","/-/media/ap/cn/digest/renew/img/index/kv/scene/mv-home-02.jpg","/-/media/ap/cn/digest/renew/img/index/kv/scene/mv-home-mini-02.jpg"]},backSrc:{changeNo:[1,4,7,10],pc:["/-/media/ap/cn/digest/renew/img/index/kv/scene/mv-manufacture-01.jpg","/-/media/ap/cn/digest/renew/img/index/kv/scene/mv-office-01.jpg","/-/media/ap/cn/digest/renew/img/index/kv/scene/mv-product-01.jpg","/-/media/ap/cn/digest/renew/img/index/kv/scene/mv-home-01.jpg"]},shadowSrc:{pc:["/-/media/ap/cn/digest/renew/img/index/kv/shadow.png"]},videoSrc:{changeNo:[4],pc:["/-/media/ap/cn/digest/renew/video/index/kv/scene/factory-04.mp4"]}};Object.freeze(Ue);class Ge{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(e){this.state.init||(this.state.init=!0,this.objWrap=new ye.Tme,e.shadowOn&&(this.shadowObj=new ye.Kj0(e.geo,new ye.FIo(e.shadowMatOption)),this.shadowMaterial=this.shadowObj.material,this.shadowGeometry=this.shadowObj.geometry,this.objWrap.add(this.shadowObj)),this.obj=new ye.Kj0(e.geo,new ye.FIo(e.matOption)),this.material=this.obj.material,this.geometry=this.obj.geometry,this.objWrap.add(this.obj),e.scene.add(this.objWrap))}remove(e){this.state.init=!1,e.scene.remove(this.objWrap),this.geometry.dispose(),this.material.dispose(),this.shadowObj&&(e.scene.remove(this.shadowObj),this.shadowGeometry.dispose(),this.shadowMaterial.dispose())}}const He={baseWithPC:1366,baseHeightPC:750,baseWithPCMax:1920,baseWithPCMin:1295,baseHeightPCMin:600,baseWithSP:768,baseHeightSP:1400};Object.freeze(He);class Ye{constructor({scene:e,geo:t,uniforms:i,vert:s,frag:o,shadowVert:n,shadowFrag:a,shadowOn:r,sizeRate:h}){this.state={base:{width:z.width,height:z.height},sizeRate:h||{x:1,y:1},rate:{x:0,y:0},screenWidth:0,display:""},this.mesh=new Ge,this._scene=e,this._geo=t,this._shadowOn=r,this._vert=s,this._frag=o,this._shadowVert=n,this._shadowFrag=a,this._uniforms=i,this._addDisplayChange=[],this._makeMesh()}_makeMesh(){this.mesh.init({scene:this._scene,matOption:{vertexShader:this._vert,fragmentShader:this._frag,transparent:!0,side:ye.Wl3,uniforms:this._uniforms},shadowMatOption:{vertexShader:this._shadowVert,fragmentShader:this._shadowFrag,transparent:!0,side:ye.Wl3,uniforms:this._uniforms},geo:this._geo,shadowOn:this._shadowOn})}render(){this.mesh.material.uniforms.uTime.value+=.1}resize({width:e,height:t,sizeRate:i}){i&&(this.state.sizeRate=i);const s=z.width>768?j(He.baseWithPCMax,He.baseWithPCMin,z.width):z.width;let o="";o=z.width>768?He.baseWithPCMin>=z.width?"pcMin":He.baseWithPCMax<=z.width?"pcMax":"pc":"sp",this.state.display!==o&&(this._addDisplayChange[0]&&this._addDisplayChange.forEach((e=>{e()})),this.mesh.remove({scene:this._scene}),this._makeMesh(),this.state.base.width="pcMax"===o?He.baseWithPCMax:"pcMin"===o?He.baseWithPCMin:z.width,this.state.base.height=z.height),this.state.display=o,this.state.rate={x:s/this.state.base.width,y:z.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.x,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.x),this.mesh.material.uniforms.uResolution.value.x=e,this.mesh.material.uniforms.uResolution.value.y=t}setGeo(e){this._geo=e}addDisplayChange(e){this._addDisplayChange.push(e)}}const Xe=({element:e,canvas:t})=>{const i=e.getBoundingClientRect(),s=t.state.size.widthHalf-.5*i.width,o=t.state.size.heightHalf-.5*i.height;return{x:i.left-s,y:-i.top+o}},Ve=!!v;class Ze{constructor({elTarget:e,texture:t,geo:i,index:s}){this.elTarget=e,this.obj=null,this.geo=i,this.isActive=!1,this.noise=0,this._init({texture:t,index:s})}_init({texture:e,index:t}){this.obj=new Ye({scene:Ne.obj.canvas.scene,geo:this.geo,uniforms:{uTime:{value:0},uTexture:{value:e},uBackTexture:{value:null},uShadowTexture:{value:null},uResolution:{type:"v2",value:new ye.FM8(0,0)},uMouse:{type:"v2",value:new ye.FM8(0,0)},uDist:{value:.2},uScale:{value:1},uDir:{value:-1},uOffset:{type:"v2",value:new ye.FM8(1,1)},uOpacity:{value:0},uShadowOffset:{type:"v2",value:new ye.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:Ue.backSrc.changeNo.includes(t)?Ve?"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.1;\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.1;\n  float changeWave = changeWaveSt * sin(5.0 * length(uv.x) + 0.3 * uTime);\n  uv.xy += vec2(changeWave * 0.1);\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":Ve?"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.elTarget.clientWidth/this.geo.parameters.width,y:2*this.elTarget.clientHeight/this.geo.parameters.height}}),this.obj.mesh.material.uniforms.uTexture.value=e,this.obj.mesh.objWrap.renderOrder=1+t}setBackTexture(e){this.obj.mesh.material.uniforms.uBackTexture.value=e,this.obj.mesh.material.uniforms.uBack.value=1}setShadowTexture(e){this.obj.mesh.material.uniforms.uShadowTexture.value=e}render(){if(!this.isActive)return!1;this.obj.render();const e=Xe({element:this.elTarget,canvas:Ne.obj.canvas});this.obj.mesh.objWrap.position.y=e.y,this.obj.mesh.objWrap.position.x=e.x,this.obj.mesh.material.uniforms.uOffset.value.x=(this.obj.mesh.objWrap.position.x+this.obj.mesh.obj.position.x)/z.width,this.obj.mesh.material.uniforms.uDist.value=.2*Math.abs(this.obj.mesh.material.uniforms.uOffset.value.x+.8),this.obj.mesh.shadowMaterial.uniforms.uShadowOffset.value.x=.1*this.obj.mesh.material.uniforms.uOffset.value.x,this.obj.mesh.shadowMaterial.uniforms.uScale.value=.7+this.obj.mesh.shadowMaterial.uniforms.uShadowOffset.value.y}resize(){this.obj.resize({width:Ne.obj.canvas.state.size.width*Ne.obj.canvas.state.pixelrate,height:Ne.obj.canvas.state.size.height*Ne.obj.canvas.state.pixelrate,geo:this.geo,sizeRate:{x:2*this.elTarget.clientWidth/this.geo.parameters.width,y:2*this.elTarget.clientHeight/this.geo.parameters.height}})}displayShow(){this.isActive=!0,this.obj.mesh.material.uniforms.uOpacity.value=1}displayHide(){this.isActive=!1,this.obj.mesh.material.uniforms.uOpacity.value=0}}class Ke{constructor(e={elEventTarget:null}){const{elEventTarget:t}=e;this.elEventTarget=t||window,this.isActive=!0,this.isTouchStart=!1,this.start={x:0,y:0},this.move={x:0,y:0},this.pos={x:0,y:0},this.flickDir=0,this._boundOnTouchStart=this._onTouchStart.bind(this),this._boundOnTouchMove=this._onTouchMove.bind(this),this._boundOnTouchEnd=this._onTouchEnd.bind(this),this._addOnTouchStart=[],this._addOnTouchMove=[],this._addOnTouchEnd=[],this._init()}_init(){this._addEventListener()}_onTouchStart(e){if(!this.isActive)return!1;this.start.x=e.changedTouches[0].pageX,this.start.y=e.changedTouches[0].pageY,this._addOnTouchStart[0]&&this._addOnTouchStart.forEach((e=>{e({start:this.start})}))}_onTouchMove(e){if(!this.isActive)return!1;this.move.x=this.start.x-e.changedTouches[0].pageX,this.move.y=this.start.y-e.changedTouches[0].pageY,this._addOnTouchMove[0]&&this._addOnTouchMove.forEach((e=>{e({move:this.move})}))}_onTouchEnd(e){if(!this.isActive)return!1;this.move.x>100?this.flickDir=1:this.move.x<-100?this.flickDir=-1:this.flickDir=0,this.start.x=0,this.start.y=0,this._addOnTouchEnd[0]&&this._addOnTouchEnd.forEach((e=>{e({flickDir:this.flickDir})}))}_addEventListener(){this.elEventTarget.addEventListener("touchstart",this._boundOnTouchStart,C),this.elEventTarget.addEventListener("touchmove",this._boundOnTouchMove,C),this.elEventTarget.addEventListener("touchend",this._boundOnTouchEnd,C),this.elEventTarget.addEventListener("touchcancel",this._boundOnTouchEnd,C)}_removeEventListener(){this.elEventTarget.removeEventListener("touchstart",this._boundOnTouchStart,C),this.elEventTarget.removeEventListener("touchmove",this._boundOnTouchMove,C),this.elEventTarget.removeEventListener("touchend",this._boundOnTouchEnd,C),this.elEventTarget.removeEventListener("touchcancel",this._boundOnTouchEnd,C)}addOnTouchStart(e){this._addOnTouchStart.push(e)}addOnTouchMove(e){this._addOnTouchMove.push(e)}addOnTouchEnd(e){this._addOnTouchEnd.push(e)}}class Je{constructor({slider:e}){this._slider=e,this.elPrevBtn=document.querySelector("[data-mv-navi-prev]"),this.elNextBtn=document.querySelector("[data-mv-navi-next]"),this.elPrevBtnText=document.querySelector("[data-mv-navi-prev-text]"),this.elNextBtnText=document.querySelector("[data-mv-navi-next-text]"),this.prevBtnCurrent=0,this.nextBtnCurrent=0,this._boundOnClickPrevBtn=this._onClickPrevBtn.bind(this),this._boundOnClickNextBtn=this._onClickNextBtn.bind(this),this._init()}_init(){this._setStyle(),this._addEventListener(),this.changeNavi()}_setStyle(){o.p8.set([this.elPrevBtn.querySelector(".line-color"),this.elNextBtn.querySelector(".line-color")],{y:"-110%"})}_transformText(){o.p8.to(this.elNextBtnText,{y:-100*this.nextCurrent+"%",duration:.6,ease:"expo.out"}),o.p8.to(this.elPrevBtnText,{y:-100*this.prevCurrent+"%",duration:.6,ease:"expo.out"})}_setCurrent(){this.prevCurrent=this._slider.current>0?this._slider.current-1:this._slider.lastNo,this.nextCurrent=this._slider.current<this._slider.lastNo?this._slider.current+1:0}changeNavi(){this._setCurrent(),this._transformText()}_onClickNextBtn(){if(this._slider.isTransform)return!1;this.changeNavi(),this._slider.changeSlide("next"),this._slider.autoPlayTimeReset()}_onClickPrevBtn(){if(this._slider.isTransform)return!1;this.changeNavi(),this._slider.changeSlide("prev"),this._slider.autoPlayTimeReset()}_addEventListener(){this.elPrevBtn.addEventListener("click",this._boundOnClickPrevBtn,C),this.elNextBtn.addEventListener("click",this._boundOnClickNextBtn,C)}}class Qe{constructor({elItems:e}){this.elItems=e,this.isPlay=!1,this.isTransform=!1,this.prevCurrent=0,this.current=0,this.lastNo=e.length-1,this.time=0,this.motionPositionX=0,this.motionPositionY=0,this.itemPosition=[],this.dir="next",this._imagePanel=null,this._addOnChangeSlide=[],this._addOnChangeSlideTransformStart=[],this._addOnChangeSlideTransformEnd=[],this._boundOnGlobalResize=this._onGlobalResize.bind(this),this._boundOnAnimationFrame=this._onAnimationFrame.bind(this),this._boundOnFlickStart=this._onFlickStart.bind(this),this._boundOnFlickEnd=this._onFlickEnd.bind(this),this._boundOnKeydown=this._onKeydown.bind(this),this._navi=new Je({slider:this}),this._flick=g||f?new Ke:null,this._init()}_init(){this._setStyle(),this._addEventListener()}_setStyle(){this._onGlobalResize(),o.p8.set(this.elItems,{y:-this.motionPositionY,x:this.motionPositionX})}_onGlobalResize(){this.motionPositionX=1.1*this.elItems[0].offsetWidth,this.motionPositionY=$().isSP?z.center.y:z.height,this.elItems.forEach(((e,t)=>{this.itemPosition[t]=this.motionPositionX*t,o.p8.set(e,{left:this.itemPosition[t]})}))}_transform(){this._addOnChangeSlideTransformStart[0]&&this._addOnChangeSlideTransformStart.forEach((e=>{e()}));let e=0;this.isTransform=!0,this.elItems.forEach(((t,i)=>{const s=this.current===i,n=this.prevCurrent!==this.current&&this.prevCurrent===i,a=3*i,r=a+3;if(this._imagePanel.forEach(((e,t)=>{a<=t&&r<t&&e.displayShow()})),s||n){s&&"prev"===this.dir&&o.p8.set(t,{x:-this.motionPositionX*(i+1),y:this.motionPositionY});const a="prev"===this.dir?-1:1;o.p8.to(t,{y:s?0:this.motionPositionY*a,x:s?-this.motionPositionX*this.current:-this.motionPositionX*(i+1)*a,ease:"expo.inOut",duration:2,onComplete:()=>{e+=1,2===e&&(this._addOnChangeSlideTransformEnd[0]&&this._addOnChangeSlideTransformEnd.forEach((e=>{e()})),n&&this._imagePanel[i].displayHide(),this.dir="next")}})}else o.p8.set(t,{y:-this.motionPositionY,x:this.motionPositionX})})),o.p8.delayedCall(1,(()=>{this.isTransform=!1}))}changeSlide(e){this.dir=e||"next",this.current="prev"==e?0<this.current?this.current-1:this.lastNo:this.lastNo>this.current?this.current+1:0,this._transform(),this.prevCurrent=this.current,this._navi.changeNavi(),this._addOnChangeSlide[0]&&this._addOnChangeSlide.forEach((e=>{e()}))}_onAnimationFrame(){if(!this.isPlay)return!1;const e=1/(Math.floor(1/_.fpsRatio*10)/10);this.time+=e,240<this.time&&(this.time=0,this.changeSlide())}_onFlickStart({start:e}){this.autoPlayStop(),this.autoPlayTimeReset()}_onFlickEnd({flickDir:e}){if(0===e)return!1;this.changeSlide(1===e?"next":"prev"),this.autoPlayStart()}_onKeydown(e){switch(this.autoPlayStop(),this.autoPlayTimeReset(),e.keyCode){case 39:this.changeSlide("next");break;case 37:this.changeSlide("prev")}this.autoPlayStart()}_addEventListener(){M.add(this._boundOnGlobalResize),_.add(this._boundOnAnimationFrame),this._flick&&(this._flick.addOnTouchStart(this._boundOnFlickStart),this._flick.addOnTouchEnd(this._boundOnFlickEnd)),window.addEventListener("keydown",this._boundOnKeydown,C)}get getState(){return{prevCurrent:this.prevCurrent,current:this.current}}setImagePanel(e){this._imagePanel=e}autoPlayStart(){this.isPlay=!0}autoPlayStop(){this.isPlay=!1}autoPlayTimeReset(){this.time=0}openingMotion(){this._transform()}addOnChangeSlide(e){this._addOnChangeSlide.push(e)}addOnChangeSlideTransformStart(e){this._addOnChangeSlideTransformStart.push(e)}addOnChangeSlideTransformEnd(e){this._addOnChangeSlideTransformEnd.push(e)}}class et{constructor({onLoaded:e}){this.elContainer=document.querySelector("[data-gl-mv-image]"),this.elScenes=[...document.querySelectorAll("[data-gl-mv-image-scene]")],this.elItems=[...document.querySelectorAll("[data-gl-mv-image-item]")],this.panel=[],this.texture=new Fe({src:Ue.src}),this.backTexture=null,this.blurTexture=null,this.shadowTexture=null,this.videoTexture=null,this.geo=null,this.mesh=[],this.isRender=!0,this.isOpening=!1,this.isResizeFit=!1,this.itemPositionOffest=[],this.motion=[],this.loopMotion={scene:0,posi:[]},this.noise=0,this.slider=null,this._init({onLoaded:e})}_init({onLoaded:e}){this.slider=new Qe({elItems:this.elScenes}),this.texture.onLoaded((()=>this._onLoadedMainTexture({onLoaded:e})))}_onLoadedMainTexture({onLoaded:e}){this.geo=new We({width:2*this.elItems[0].clientWidth,height:2*this.elItems[0].clientHeight}),this.elItems.forEach(((e,t)=>{this.panel[t]=new Ze({elTarget:e,texture:this.texture.pcTexture[t],geo:this.geo,index:t})})),this._addEventListener(),this.slider.setImagePanel(this.panel),this.slider.addOnChangeSlideTransformStart((()=>{this.sliderChangeStartEffect(),this.sliderChangeEndEffect()})),Ne.startRender(),Ne.changePerformance({mode:"default"}),this.resize(),this.backTexture=new Fe({src:Ue.backSrc}),this.backTexture.onLoaded((()=>{this.backTexture.pcTexture.forEach(((e,t)=>{this.panel[Ue.backSrc.changeNo[t]].setBackTexture(e)})),e()})),this.shadowTexture=new Fe({src:Ue.shadowSrc}),this.shadowTexture.onLoaded((()=>{this.texture.pcTexture.forEach(((e,t)=>{this.panel[t].setShadowTexture(this.shadowTexture.pcTexture[0])}))}))}render(){if(!this.isRender)return!1;this.panel.forEach(((e,t)=>{e.render(t)}))}resize(){this.elContainer.style.height=z.height,this.panel.forEach((e=>{e.resize()}))}openingMotion(){Ne.dom.$container.querySelector("canvas").style.opacity=1,this.panel.forEach((e=>{e.displayShow()})),this.slider.openingMotion(),xe.getState.val.y<10&&this.slider.autoPlayStart()}get _getBackSrcNo(){return Ue.backSrc.changeNo[this.slider.getState.current]}sliderChangeStartEffect(){const e=this._getBackSrcNo;o.p8.killTweensOf(this.panel[e].obj.mesh.material.uniforms.uBack,"value"),o.p8.to(this.panel[e].obj.mesh.material.uniforms.uBack,{value:1,ease:"power2.in",duration:.2}),o.p8.to(this.panel[e],{noise:.1,ease:"power2.in",duration:.2})}sliderChangeEndEffect(){const e=this._getBackSrcNo;o.p8.to(this.panel[e].obj.mesh.material.uniforms.uBack,{value:0,ease:"circ.inOut",duration:1,delay:1.5}),o.p8.to(this.panel[e],{noise:0,ease:"circ.inOut",duration:.5,delay:1})}sliderAutoPlayStart(){this.slider.autoPlayStart()}sliderAutoPlayStop(){this.slider.autoPlayStop(),this.slider.autoPlayTimeReset()}renderStart(){this.isRender=!0,this.panel.forEach((e=>{e.displayShow()}))}renderStop(){this.isRender=!1,this.panel.forEach((e=>{e.displayHide()}))}_addEventListener(){M.add((()=>{this.resize()})),Ne.onRender((()=>{this.render()}))}}var tt="#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",it="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 st{constructor(){this.dom={$container:document.querySelector("[data-gl-mv-copy]")},this.obj={panel:null,texture:new Fe({src:{pc:["/-/media/ap/cn/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 Ye({scene:Ne.obj.canvas.scene,geo:new We({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 ye.FM8(0,0)},uMouse:{type:"v2",value:new ye.FM8(0,0)}},vert:tt,frag:it}),this.obj.panel.mesh.objWrap.renderOrder=50,Ne.onResize((()=>{this.resize()})),Ne.onRender((()=>{this.render()})),Ne.changePerformance({mode:"default"}),Ne.startRender(),Ne.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:Ne.obj.canvas.state.size.width*Ne.obj.canvas.state.pixelrate,height:Ne.obj.canvas.state.size.height*Ne.obj.canvas.state.pixelrate}),this.state.itemPositionOffest={x:.5*Ne.obj.canvas.state.size.width-.5*this.dom.$container.getBoundingClientRect().width,y:.5*Ne.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:e}){o.p8.to(this.obj.panel.mesh.material.uniforms.uRate,{value:0,ease:"expo.in",duration:.75,onComplete:()=>{e(),o.p8.delayedCall(.5,(()=>{o.p8.to(this.obj.panel.mesh.material.uniforms.uRate,{value:1,ease:"expo.out",duration:1.2}),o.p8.to(this.obj.panel.mesh.material.uniforms.uScale,{value:0,ease:"expo.out",duration:1.2,onComplete:()=>{this.state.active=!1}})}))}}),o.p8.to(this.obj.panel.mesh.material.uniforms.uScale,{value:1,ease:"expo.in",duration:1.2})}}class ot{constructor(){this.elTarget=document.querySelector("[data-kv-kazari]"),this.isActive=!0,this._boundOnAnimationFrame=this._onAnimationFrame.bind(this),this._init()}_init(){this._addEventListener()}_transform(){this.elTarget.style.transform="matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0,"+xe.getState.pos.y+", 0, 1)"}_onAnimationFrame(){if(!this.isActive)return!1;this._transform()}_addEventListener(){_.add(this._boundOnAnimationFrame)}startScrollFixed(){this.isActive=!0}stopScrollFixed(){this.isActive=!1}}class nt{constructor({onLoaded:e}){this.dom={$container:document.querySelector("[data-mv]"),$header:document.querySelector("#top-menu"),$scrollDown:document.querySelector("[data-scrolldown]"),$navi:document.querySelector(".p-kv-navi"),$copy:document.querySelector(".p-kv-content-title-inner"),$leadCopy:document.querySelectorAll("[data-kv-title-sub]")},this.image=null,this.copy=null,this.kazari=null,this._OpeningFadeMotion=new U({elTarget:[this.dom.$leadCopy,this.dom.$navi,this.dom.$scrollDown]}),this.title=[],this._init({onLoaded:e})}_init({onLoaded:e}){this.image=new et({onLoaded:()=>{e()}}),this.copy=new st,this.kazari=new ot,document.querySelectorAll("[data-kv-title]").forEach(((e,t)=>{this.title[t]=new Z({$ele:e})})),this._setStyle(),this._addEventListener()}_setStyle(){o.p8.set(this.dom.$header,{y:1.2*-this.dom.$header.clientHeight}),o.p8.set(this.dom.$scrollDown,{scale:.5,opacity:0})}opening({onComplete:e}){this.copy.show({onOutStart:()=>{this.image.openingMotion()}}),o.p8.delayedCall(2.4,(()=>{o.p8.to(this.dom.$scrollDown,{scale:1,opacity:1,duration:.4,ease:"power2.out",onStart:()=>{this.title.forEach(((e,t)=>{e.show({delay:.06*t})})),this._OpeningFadeMotion.show(),e()}}),o.p8.to(this.dom.$header,{y:0,opacity:1,duration:.4,ease:"power2.out"})}))}openingSkip({onComplete:e}){this.image.openingMotion(),o.p8.set(document.querySelectorAll("[data-bg-line]"),{x:0}),o.p8.set(this.dom.$scrollDown,{scale:1,opacity:1}),this.title.forEach((e=>{e.show({delay:0})})),o.p8.set(this.dom.$leadCopy,{opacity:1}),o.p8.set(this.dom.$navi,{opacity:1}),e()}uiShow(){o.p8.killTweensOf(this.dom.$header,"y,opacity"),o.p8.to(this.dom.$header,{y:0,opacity:1,duration:.4,ease:"power2.out"}),o.p8.killTweensOf(this.dom.$scrollDown,"scale,opacity"),o.p8.to(this.dom.$scrollDown,{scale:1,opacity:1,duration:.4,ease:"power2.out"})}uiOut(){o.p8.killTweensOf(this.dom.$header,"y,opacity"),o.p8.to(this.dom.$header,{y:-100,opacity:0,duration:.4,ease:"power2.out"}),o.p8.killTweensOf(this.dom.$scrollDown,"scale,opacity"),o.p8.to(this.dom.$scrollDown,{scale:.5,opacity:0,duration:.4,ease:"power2.out"})}renderStart(){Ne.startRender(),this.image.renderStart()}renderStop(){Ne.stopRender(),this.image.renderStop()}sliderAutoPlayStart(){this.image.sliderAutoPlayStart()}sliderAutoPlayStop(){this.image.sliderAutoPlayStop()}kazariStartScrollFixed(){this.kazari.startScrollFixed()}kazariStopScrollFixed(){this.kazari.stopScrollFixed()}_addEventListener(){g?Ne.onResize((()=>{o.p8.set(this.dom.$container,{height:z.height})})):M.add((()=>{o.p8.set(this.dom.$container,{height:z.height})}))}}const at={mobileMode:$().isSP||g||f,scrollDist:$().isSP||g||f?3:.05,src:{pc:$().isSP||g||f?["/-/media/ap/cn/digest/renew/img/index/value/value-office-01-sp.jpg","/-/media/ap/cn/digest/renew/img/index/value/value-manufacture-01-sp.jpg","/-/media/ap/cn/digest/renew/img/index/value/value-factory-01-sp.jpg","/-/media/ap/cn/digest/renew/img/index/value/value-home-01-sp.jpg"]:["/-/media/ap/cn/digest/renew/img/index/value/value-office-01.jpg","/-/media/ap/cn/digest/renew/img/index/value/value-manufacture-01.jpg","/-/media/ap/cn/digest/renew/img/index/value/value-factory-01.jpg","/-/media/ap/cn/digest/renew/img/index/value/value-home-01.jpg"]},changeSrc:{pc:$().isSP||g||f?["/-/media/ap/cn/digest/renew/img/index/value/value-office-02-sp.jpg","/-/media/ap/cn/digest/renew/img/index/value/value-manufacture-02-sp.jpg","/-/media/ap/cn/digest/renew/img/index/value/value-factory-02-sp.jpg","/-/media/ap/cn/digest/renew/img/index/value/value-home-02-sp.jpg"]:["/-/media/ap/cn/digest/renew/img/index/value/value-office-02.jpg","/-/media/ap/cn/digest/renew/img/index/value/value-manufacture-02.jpg","/-/media/ap/cn/digest/renew/img/index/value/value-factory-02.jpg","/-/media/ap/cn/digest/renew/img/index/value/value-home-02.jpg"]}};Object.freeze(at);let rt=[];at.mobileMode?document.querySelectorAll("[data-gl-value-item]").forEach(((e,t)=>{rt[t]=new Te({$container:e})})):rt=new Te({$container:document.querySelector("[data-gl-value]"),logarithmicDepthBuffer:!0});const ht="expo.out";class lt extends $e{constructor({elTarget:e}){super(),this.elTargetArrow=e.querySelector("[data-hover-boxarrow-arrow]"),this.elTargetPanel=e.querySelector("[data-hover-boxarrow-panel]"),this.init({elTarget:e})}_setStyle(){o.p8.set(this.elTargetPanel,{x:"-110%"})}_motionShow(){this.isMotion=!0,o.p8.killTweensOf(this.elTargetArrow,"x,opacity"),o.p8.to(this.elTargetArrow,{x:"100%",opacity:0,duration:.3,ease:ht,onComplete:()=>{o.p8.fromTo(this.elTargetArrow,{x:"-100%"},{x:"0%",opacity:1,duration:.3,ease:ht})}}),o.p8.killTweensOf(this.elTargetPanel,"x"),o.p8.fromTo(this.elTargetPanel,{x:"-110%"},{x:"0%",duration:.6,ease:ht,onComplete:()=>{this.isMotion=!1,this.isMouseOn||(this._motionOut(),this._addOnMouseLeave[0]&&this._addOnMouseLeave.forEach((e=>{e()})))}})}_motionOut(){this.elTarget.classList.remove("-hover"),o.p8.killTweensOf(this.elTargetPanel,"x"),o.p8.to(this.elTargetPanel,{x:"110%",duration:.5,ease:ht})}}class ct{constructor({elTarget:e,texture:t,changeTexture:i,geo:s,index:o}){this._gl=at.mobileMode?rt[o]:rt,this.elTarget=e,this.geo=s,this.obj=null,this._addOnClickItem=[],this._boundOnClickItem=this._onClickItem.bind(this),this._init({texture:t,changeTexture:i,index:o})}_init({texture:e,changeTexture:t,index:i}){this._makeMesh({texture:e,changeTexture:t,index:i}),this._addEventListener()}_makeMesh({texture:e,changeTexture:t,index:i}){this.obj=new Ye({scene:this._gl.obj.canvas.scene,geo:this.geo,uniforms:{uTime:{value:0},uTexture:{value:e},uTexture2:{value:t||null},uOpacity:{value:0},uResolution:{type:"v2",value:new ye.FM8(0,0)},uImgResolution:{type:"v2",value:new ye.FM8(e.image.width,e.image.height)},uDist:{value:.15},uScale:{value:.5},uScaleMask:{value:.5},uDir:{value:-1},uWave:{value:0},uWaveNum:{type:"v2",value:new ye.FM8(4.5,.5)},uOffset:{type:"v2",value:new ye.FM8(1,1)},uLoop:{value:0},uMix:{value:0},uLight:{value:0},uMixRate:{value:g||$().isSP?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:at.mobileMode&&g||at.mobileMode&&$().isSP?"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":at.mobileMode&&f?"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 uScaleMask;\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 * uDist;\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  // col.rgb += vec3(length(maskUv) * uLight);\n\n // トリミング\n  float offsetTrim = 0.5 - uScaleMask;\n  if (uv.x > 1.0 + offsetTrim || uv.x <= 0.0 - offsetTrim) {\n    col.a *= step(1.0, 1.0 - abs(uv.x));\n  }\n  if (uv.y > 1.0 + offsetTrim || uv.y <= 0.0 - offsetTrim) {\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.elTarget.clientWidth/this.geo.parameters.width,y:2*this.elTarget.clientHeight/this.geo.parameters.height}}),this.obj.mesh.objWrap.renderOrder=1+i}setChangeTexture(e){this.obj.mesh.material.uniforms.uTexture2.value=e}render({wave:e}){if(this.obj.render(),!at.mobileMode){const e=Xe({element:this.elTarget,canvas:this._gl.obj.canvas});this.obj.mesh.objWrap.position.y=e.y,this.obj.mesh.objWrap.position.x=e.x}this.obj.mesh.material.uniforms.uDir.value=xe.getState.dir,this.obj.mesh.material.uniforms.uWave.value=e}resize(){this.obj.resize({width:this._gl.obj.canvas.state.size.width*this._gl.obj.canvas.state.pixelrate,height:this._gl.obj.canvas.state.size.height*this._gl.obj.canvas.state.pixelrate,geo:this.geo,sizeRate:{x:2*this.elTarget.clientWidth/this.geo.parameters.width,y:2*this.elTarget.clientHeight/this.geo.parameters.height}}),this.obj.addDisplayChange((()=>{this.geo=new We({width:2*this.elTarget.clientWidth,height:2*this.elTarget.clientHeight}),this.obj.setGeo(this.geo)}))}displayShow(){this.obj.mesh.material.uniforms.uOpacity.value=1}displayHidde(){this.obj.mesh.material.uniforms.uOpacity.value=0}transitionMotionStart(){o.p8.killTweensOf([this.obj.mesh.material.uniforms.uMix,this.obj.mesh.material.uniforms.uLoop,this.obj.mesh.material.uniforms.uScale,this.obj.mesh.material.uniforms.uLight],"value"),o.p8.to(this.obj.mesh.material.uniforms.uMix,{value:1,ease:"circ.inOut",duration:1.5*.7}),o.p8.to(this.obj.mesh.material.uniforms.uScale,{value:1,ease:"expo.inOut",delay:.35,duration:1.68}),o.p8.to(this.obj.mesh.material.uniforms.uLight,{value:6,ease:"power2.out",duration:.21,delay:.35}),o.p8.to(this.obj.mesh.material.uniforms.uLoop,{value:1,ease:"power2.out",duration:1.5*.7}),o.p8.killTweensOf(this.elTarget.querySelector(".c-linkArrow-inner"),"x"),o.p8.to(this.elTarget.querySelector(".c-linkArrow-inner"),{x:"110%",duration:.6,ease:"expo.out"})}transitionMotionEnd(){o.p8.to(this.obj.mesh.material.uniforms.uScale,{value:0,ease:"expo.out",duration:.7})}motionMouseOn(){o.p8.killTweensOf([this.obj.mesh.material.uniforms.uScale,this.obj.mesh.material.uniforms.uScaleMask],"value"),o.p8.to(this.obj.mesh.material.uniforms.uScale,{value:.52,ease:"expo.out",duration:.8}),o.p8.to(this.obj.mesh.material.uniforms.uScaleMask,{value:.52,ease:"expo.out",duration:.8})}motionMouseLeave(){o.p8.killTweensOf([this.obj.mesh.material.uniforms.uScale,this.obj.mesh.material.uniforms.uScaleMask],"value"),o.p8.to(this.obj.mesh.material.uniforms.uScale,{value:.5,ease:"expo.out",duration:.8}),o.p8.to(this.obj.mesh.material.uniforms.uScaleMask,{value:.5,ease:"expo.out",duration:.8})}_onClickItem(){this._addOnClickItem[0]&&this._addOnClickItem.forEach((e=>{e()}))}_addEventListener(){this.elTarget.addEventListener("click",this._boundOnClickItem,C)}addOnClickItem(e){this._addOnClickItem.push(e)}}class ut{constructor({onLoaded:e}){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 Fe({src:at.src}),changeTexture:new Fe({src:at.changeSrc}),geo:null},this.conf={motion:{y:0,x:0}},this.state={opening:!1,wave:0,itemHref:[],loadedTexture:!1,loadedChangeTexture:!1},this.method={_onHoldStart:[],_imageHover:[]},this.obj.texture.onLoaded((()=>this._onLoadedTexture({onLoaded:e}))),this.obj.changeTexture.onLoaded((()=>this._onLoadedChangeTexture())),this.canvasEmitResize(),this.dom.$item.forEach((e=>{this.method._imageHover.push(new lt({elTarget:e}))})),this._addEventListener()}_onLoadedTexture({onLoaded:e}){this.state.loadedTexture=!0,this.obj.geo=new We({width:this.dom.$item[0].clientWidth,height:this.dom.$item[0].clientHeight}),this.obj.texture.pcTexture.forEach(((e,t)=>{this.obj.panel[t]=new ct({elTarget:this.dom.$item[t],texture:e,changeTexture:this.obj.changeTexture.pcTexture[t],geo:this.obj.geo,index:t}),this.state.itemHref[t]=this.dom.$item[t].dataset.href})),this.obj.panel.forEach(((e,t)=>{e.addOnClickItem((()=>{this._holdStart({no:t})}))})),e(),this._onLoadedChangeTexture()}_onLoadedChangeTexture(){if(this.state.loadedChangeTexture||!this.state.loadedTexture)return!1;this.state.loadedChangeTexture=!0,this.obj.changeTexture.pcTexture.forEach(((e,t)=>{this.obj.panel[t].setChangeTexture(e)}))}render(){if(xe.getState.isComp)return!1;this.obj.panel.forEach((e=>{e.render({wave:xe.getState.power})}))}resize(){this.dom.$container.style.height=z.height,this.obj.panel.forEach((e=>{e.resize()}))}show(){if(this.dom.$container.classList.add("-show"),at.mobileMode)return!1;o.p8.delayedCall(.1,(()=>{this.canvasEmitResize(),this.obj.panel.forEach((e=>{e.displayShow()}))}))}out(){this.dom.$container.classList.remove("-show")}canvasEmitResize(){rt[0]?rt.forEach((e=>{e.emitResize()})):rt.emitResize()}_addEventListener(){at.mobileMode?(rt[0].onResize((()=>{this.resize()})),rt[0].onRender((()=>{this.render()}))):(rt.onResize((()=>{this.resize()})),rt.onRender((()=>{this.render()})),this.method._imageHover.forEach(((e,t)=>{const i=t;e.addOnMouseOn((()=>{this.obj.panel[i].motionMouseOn()})),e.addOnMouseLeave((()=>{this.obj.panel[i].motionMouseLeave()}))})))}_holdStart({no:e}){this.obj.panel[e].transitionMotionStart(),setTimeout((()=>{this.obj.panel.forEach(((t,i)=>{i!==e&&t.transitionMotionEnd()})),o.p8.to(document.querySelector("#container"),{opacity:0,ease:"power2.out",duration:.2,onComplete:()=>{location.href=this.state.itemHref[e]}}),o.p8.to(document.body,{backgroundColor:"#fff",ease:"power2.out",duration:.2}),this.method._onHoldStart[0]&&this.method._onHoldStart.forEach((e=>{e()}))}),1e3)}onHoldStart(e){this.method._onHoldStart.push(e)}}class dt{constructor({pIndex:e,onLoaded:t}){this._pIndex=e,this.dom={$title:document.querySelector("[data-value-title]"),$text:document.querySelector("[data-value-text]")},this.state={progress:0,titleShow:!1,show:!1},this.image=null,this.titleMotion=null,this._init({onLoaded:t})}_init({onLoaded:e}){at.mobileMode?rt.forEach(((t,i)=>{t.init({onComplete:()=>{i===rt.length-1&&(this.image=new ut({onLoaded:()=>{e()}}),t.emitResize())}})})):rt.init({onComplete:()=>{this.image=new ut({onLoaded:()=>{e(),(this._pIndex.state.scrollMotion.scene4||this._pIndex.state.scrollMotion.scene5)&&(this.state.show?this.image.show():this.show(),this.startRender())}})}}),this.titleMotion=new J({$ele:this.dom.$title}),this._setStyle()}_setStyle(){o.p8.set(this.dom.$text,{opacity:0})}startRender(){at.mobileMode?rt.forEach((e=>{e.startRender()})):rt.startRender()}stopRender(){at.mobileMode?rt.forEach((e=>{e.stopRender()})):rt.stopRender()}changePerformance({mode:e}){at.mobileMode||rt.changePerformance({mode:e})}emitResize(){at.mobileMode||rt.emitResize()}show(){if(this.state.show)return!1;this.state.show=!0,this.image.show()}out(){if(!this.state.show)return!1;this.state.show=!1,this.image.out()}titleShow(){if(this.state.titleShow)return!1;this.state.titleShow=!0,this.titleMotion.show(),o.p8.killTweensOf(this.dom.$text,"opacity"),o.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(),o.p8.killTweensOf(this.dom.$text,"opacity"),o.p8.to(this.dom.$text,{opacity:0,duration:.6,ease:"power2.out"})}}const mt={videoSrc:g?"/-/media/ap/cn/digest/renew/video/index/technology_video-sp.mp4":"/-/media/ap/cn/digest/renew/video/index/technology_video.mp4"};Object.freeze(mt);class pt{constructor(){this.dom={$video:document.querySelector("[data-technology-video]")},this.state={loaded:!1},this.dom.$video.src=mt.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 vt=g?8:1.5;class gt{constructor({$content:e,$target:t,$contentInner:i,$contentItem:s,dragSpeed:o,loop:n}){if(!e)return!1;this.dom={$content:e,$target:t,$contentInner:i,$contentItem:s},this.state={isActive:!0,isDisabled:!1,isLoop:n,dragSpeed:o||vt,isDesktop:!g&&!m,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 R({position:0,speed:8}),_addStart:[],_addEnd:[]},this._setEvent()}_setEvent(){const e=this.state.isDesktop?c?"mousedown":"pointerdown":"touchstart",t=this.state.isDesktop?c?"mousemove":"pointermove":"touchmove",i=this.state.isDesktop?c?"mouseup":"pointerup":"touchend",s=this.state.isDesktop?c?"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(e,this.onStartFunc,C),this.dom.$content.addEventListener(t,this.onMoveFunc,C),this.dom.$content.addEventListener(i,this.onEndFunc,C),this.dom.$content.addEventListener(s,this.onEndFunc,C),this._resize(),M.add((()=>{this._resize()})),_.add((()=>{this._update()}))}_getX(e){return this.state.isDesktop?e.pageX*this.state.dragSpeed:e.changedTouches[0].pageX*this.state.dragSpeed}_getY(e){return this.state.isDesktop?e.pageY:e.changedTouches[0].pageY}_getCurrent(){let e=0;for(;e<this.dom.$contentItem.length;){const t=this.dom.$contentItem[e].getBoundingClientRect(),i=t.width;if(!(t.left-this.dom.$content.getBoundingClientRect().left+i/2<0)){this.state.current=e;break}e+=1}}_resize(){this.state.pos.max=this.dom.$target.getBoundingClientRect().width-this.dom.$contentInner.getBoundingClientRect().width;let e=this.dom.$contentItem[this.state.current].getBoundingClientRect().left-this.dom.$content.getBoundingClientRect().left;this.state.pos.x+=e-(this.state.pos.x-this.method.tween.getState().position)}_update(){if(!this.state.isActive||this.state.isDisabled)return!1;this.method.tween.step(this.state.pos.x);const e=this.method.tween.getState().position;this.state.isStart&&(this.state.updateDistance=Math.max(Math.abs(this.method.tween.getState().distance),this.state.updateDistance)),this.state.inertia=Math.abs(this.method.tween.getState().distance)<=1?0:.01*Math.floor(Math.abs(this.method.tween.getState().distance)/this.state.updateDistance*100)/this.state.dragSpeed,this.dom.$target.style.transform=`translate3d(${-e}px, 0, 0)`}_snap(){let e=0,t=this.dom.$contentItem[this.dom.$contentItem.length-1].getBoundingClientRect().right;if(t<=z.width)return e=t-z.width-(this.state.pos.x-this.method.tween.getState().position),this.state.pos.x+=e+40,!1;e=this.dom.$contentItem[this.state.current].getBoundingClientRect().left-this.dom.$content.getBoundingClientRect().left-(this.state.pos.x-this.method.tween.getState().position),this.state.pos.x+=e}onStart(e){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(e),this.state.move.y=this._getY(e),this.state.distance=this.method.tween.getState().distance,this.method._addStart[0]&&this.method._addStart.forEach((e=>{e()})))}onMove(e){if(this.state.isStart){const t=this._getX(e),i=this._getY(e),s=this.state.move.x-t;if(Math.abs(s)>5){if(this.state.pos.y=this.state.move.y-i,Math.abs(this.state.pos.y)>100)return this.onEnd(),!1;this.state.pos.x=this.state.prevPos.x+s,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((e=>{e()})))}addStart(e){this.method._addStart.push(e)}addEnd(e){this.method._addEnd.push(e)}}class ft{constructor(){if(this.dom={$progressBar:document.querySelector("[data-sus-gesture-progressbar] [data-progressbar-current]")},this.state={distance:0},g)return!1;this.gesture=new gt({$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]")}),M.add((()=>{const e=this.gesture.dom.$content.parentNode.parentNode.getBoundingClientRect(),t=this.gesture.dom.$content.getBoundingClientRect(),i=this.gesture.dom.$contentItem[this.gesture.dom.$contentItem.length-1];this.state.distance=i.getBoundingClientRect().left-(t.left-e.left)+i.clientWidth-e.left-Math.min(He.baseWithPCMax+.5*(z.width-He.baseWithPCMax),z.width)})),_.add((()=>{if("5"!==xe.getState.viewCurrent)return!1;const e=Math.max(105-.08*Math.floor(this.gesture.method.tween.getState().position/this.state.distance*1e3),0);this.dom.$progressBar.style.transform="translate3d("+-1*e+"%, 0, 0)"}))}}const xt={sales:{americas:34.4,europe:27.7,asiaOthers:23.8,japan:14.1},workforce:{americas:4.3,europe:8.7,asiaOthers:63.5,japan:23.5}};Object.freeze(xt);const yt=new Te({$container:document.querySelector("[data-gl-company]")}),wt={src:{pc:["/-/media/ap/cn/digest/renew/img/index/worldmap.png"]}};Object.freeze(wt);class _t{constructor(){this.dom={$ele:document.querySelector("[data-gl-earth]")},this.obj={sphere:null,wrap:null,texture:new Fe({src:wt.src})},this.state={base:{width:z.width,height:z.height},itemPositionOffest:{x:0,y:0}},this.obj.texture.onLoaded((()=>{const e=new ye.Ox3(16777215,1);e.position.set(10,10,10),yt.obj.canvas.scene.add(e);const t=new ye.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:ye.ehD,uniforms:{uTime:{value:0},uOpacity:{value:1},uResolution:{type:"v2",value:new ye.FM8(0,0)},uTexture:{value:this.obj.texture.pcTexture[0]}}});this.obj.sphere=new ye.Kj0(new ye.xo$(g?.15*this.dom.$ele.clientWidth:f?.3*this.dom.$ele.clientWidth:.37*this.dom.$ele.clientWidth,200,200),t),this.obj.sphere.position.set(0,0,0),this.obj.sphere.geometry.verticesNeedUpdate=!0,this.obj.wrap=new ye.Tme,this.obj.wrap.add(this.obj.sphere),yt.obj.canvas.scene.add(this.obj.wrap),this.render(),yt.onRender((()=>{this.render()})),yt.onResize((()=>{this.resize()})),yt.changePerformance({mode:"default"})}))}render(){this.obj.sphere.material.uniforms.uTime.value+=.001,this.obj.sphere.rotation.y-=.001}resize(){this.state.itemPositionOffest={x:.5*yt.obj.canvas.state.size.width-.5*this.dom.$ele.getBoundingClientRect().width,y:.5*yt.obj.canvas.state.size.height-.5*this.dom.$ele.getBoundingClientRect().height},this.obj.sphere.material.uniforms.uResolution.value.x=yt.obj.canvas.state.size.width*yt.obj.canvas.state.pixelrate,this.obj.sphere.material.uniforms.uResolution.value.y=yt.obj.canvas.state.size.height*yt.obj.canvas.state.pixelrate;const e={x:j(He.baseWithPCMax,He.baseWithPCMin,z.width)/this.state.base.width,y:z.height/this.state.base.height};this.obj.sphere.scale.x=e.x,this.obj.sphere.scale.y=e.x,this.obj.sphere.scale.z=e.x}}class Tt{constructor(e,t){this.dom={$target:e,$country:[],$countryPath:[]},this.state={country:[],prevGraphParsent:0,graphParsent:0},this.conf={graphData:t},this._init()}_init(){this.dom.$country=[...this.dom.$target.querySelectorAll('[data-svg-company-graph="country"]')],this.dom.$country.forEach(((e,t)=>{this.dom.$countryPath.push([]),this.state.country.push({defStrokeDashoffset:[]}),o.p8.set(e,{transformOrigin:"center"}),[...e.querySelectorAll('[data-svg-company-graph="country-graph"]')].forEach((e=>{this._pathSet(t,e)}))}))}_pathSet(e,t){const i=t,s=i.getTotalLength();i.style.strokeDasharray=s+" "+s,i.style.strokeDashoffset=s,this.state.country[e].defStrokeDashoffset.push(s),this.dom.$countryPath[e].push(i)}show(){this.dom.$countryPath.forEach(((e,t)=>{const i=this.dom.$countryPath.length-t-1;this.state.graphParsent+=this.conf.graphData[t],this.dom.$countryPath[i].forEach(((e,t)=>{o.p8.killTweensOf(e,"strokeDashoffset");const s=this.state.country[i].defStrokeDashoffset[t]*(1-this.state.graphParsent)*-1;o.p8.to(e,{strokeDashoffset:s,ease:"expo.inOut",duration:1.5,delay:.3})})),this.state.prevGraphParsent=this.state.graphParsent}))}out(){this.dom.$countryPath.forEach(((e,t)=>{o.p8.killTweensOf(e,"strokeDashoffset"),o.p8.to(e,{strokeDashoffset:this.state.country[t].defStrokeDashoffset[0],duration:1,ease:"expo.inOut"})}))}}const St=[[.01*xt.sales.americas,.01*xt.sales.europe,.01*xt.sales.asiaOthers,.01*xt.sales.japan],[.01*xt.workforce.americas,.01*xt.workforce.europe,.01*xt.workforce.asiaOthers,.01*xt.workforce.japan]];class bt{constructor(){this.dom={$graph:[...document.querySelectorAll('[data-svg-company-graph="wrap"]')]},this.state={isShow:!1},this.method={graph:[]},yt.init({onComplete:()=>{new _t}}),this.dom.$graph.forEach(((e,t)=>{this.method.graph.push(new Tt(e,St[t]))})),xe.onChildElementPositionChange(6,(()=>{this.show()}))}show(){if(this.state.isShow)return!1;this.state.isShow=!0,this.method.graph.forEach((e=>{e.show()}))}out(){}}class Ct{constructor({page:e}){this._page=e,this.isShow=[],this._show=[],this._out=[],this._init()}_init(){this._show.push(this._showMainvisual.bind(this)),this._out.push(this._outMainvisual.bind(this)),this._show.push(this._showMessage.bind(this)),this._out.push(this._outMessage.bind(this)),this._show.push(this._showValueTitle.bind(this)),this._out.push(this._outValueTitle.bind(this)),this._show.push(this._showValueContents.bind(this)),this._out.push(this._outValueContents.bind(this)),this._show.push(this._showThecnology.bind(this)),this._out.push(this._outThecnology.bind(this)),this._show.push(this._showSustainability.bind(this)),this._out.push(this._outSustainability.bind(this)),this._show.push(this._showCompany.bind(this)),this._out.push(this._outCompany.bind(this)),this._show.push(this._showNext.bind(this)),this._out.push(this._outNext.bind(this)),this._show.forEach((()=>{this.isShow.push(!1)})),this._onCheckNativeScroll(),xe.addOnCheckNativeScroll((()=>{this._onCheckNativeScroll()}))}_onCheckNativeScroll(){this._show.forEach(((e,t)=>{t===xe.getState.viewCurrent?this.isShow[t]||(this.isShow[t]=!0,e()):this.isShow[t]&&(this.isShow[t]=!1,this._out[t]())}))}_showMainvisual(){}_outMainvisual(){}_showMessage(){this._page.value.stopRender(),this._page.mainvisual.kazariStartScrollFixed()}_outMessage(){}_showValueTitle(){this._page.value.startRender(),this._page.value.titleShow(),at.mobileMode?this._page.value.out():(M.emit(),this._page.value.show())}_outValueTitle(){}_showValueContents(){at.mobileMode||this._page.value.show(),1===xe.getState.dir&&this._page.mainvisual.kazariStopScrollFixed()}_outValueContents(){at.mobileMode||this._page.value.out()}_showThecnology(){this._page.bg.colorNormal(),this._page.technology.videoPlay(),this._page.value.startRender()}_outThecnology(){this._page.technology.videoPause()}_showSustainability(){this._page.bg.colorWhite(),this._page.value.stopRender()}_outSustainability(){}_showCompany(){this._page.bg.colorNormal(),yt.startRender()}_outCompany(){yt.stopRender()}_showNext(){this._page.bg.colorWhite()}_outNext(){}}class Ot{constructor({onLoaded:e,onOpeningAfter:t}){this.state={mvLoaded:!1,valueLoaded:!1,init:!1,opening:!1,scrollMotion:{scene0:!1,scene1:!1},referrer:{url:null,isScroll:null,scrollNo:0},isOpeningSkip:!1},this.footerNo=String(document.querySelector("footer").dataset.no),this.lastSectionNo=String(document.querySelector("footer").dataset.no-1),this.cover=null,this.mainvisual=null,this.value=null,this.company=null,this.sustainability=null,this.technology=null,this.scroll=null,this.bg=null,this._boundOnAnimationFrame=this._onAnimationFrame.bind(this),this._init({onLoaded:e,onOpeningAfter:t})}async _init({onLoaded:e,onOpeningAfter:t}){await this._checkOpeningSkip(),this._initOpening(),this._initGl({onLoaded:e,onOpeningAfter:t}),this._addEventListener()}_initDom(){this.technology=new pt,this.sustainability=new ft,this.company=new bt}_initOpening(){this.bg=new De,xe.exResizeOn(z.height)}_initGl({onLoaded:e,onOpeningAfter:t}){Ne.init({onComplete:()=>{this.state.isOpeningSkip||(this.cover=new be({gl:Ne})),this.mainvisual=new nt({onLoaded:()=>{e(),this._initDom(),this.scroll=new Ct({page:this}),this.state.isOpeningSkip?this._motionOpeningSkip({onComplete:()=>{this.state.mvLoaded=!0,this._motionOpeningComplete({onOpeningAfter:t})}}):this._motionOpening({onComplete:()=>{this.state.mvLoaded=!0,this._motionOpeningComplete({onOpeningAfter:t})}})}}),this.value=new dt({pIndex:this,onLoaded:()=>{this.state.valueLoaded=!0,this._motionOpeningComplete({onOpeningAfter:t})}})}})}_motionOpening({onComplete:e}){o.p8.set(document.querySelector("#ctl02 > .wrap"),{opacity:1}),this.cover.out(),o.p8.delayedCall(.5,(()=>{this.mainvisual.opening({onComplete:()=>{qe.showTrigger(),this.state.opening=!0,this.bg.line.start(),xe.exResizeOff(),M.emit(),e()}})}))}_motionOpeningSkip({onComplete:e}){this._checkScrollPosition(!0),o.p8.to(document.querySelector("#ctl02 > .wrap"),{opacity:1,duration:.6,delay:.8,ease:"sine.out",onComplete:()=>{qe.showTrigger()}}),xe.exResizeOff(),M.emit();const t=g?0===this.state.referrer.scrollNo?1:-100:1;xe.scrollTo(6!==this.state.referrer.scrollNo?xe.getState.sectionPosition[this.state.referrer.scrollNo].start+t:xe.getChildElementPositionState(this.state.referrer.scrollNo).position[0].start+t,{duration:g?2:1.2}),e(),this.value.startRender(),o.p8.delayedCall(.2,(()=>{this.state.opening=!0})),o.p8.delayedCall(.5,(()=>{this.bg.line.start(),this.mainvisual.openingSkip({onComplete:()=>{M.emit(),this.state.referrer.isScroll=!1}})}))}_motionOpeningComplete({onOpeningAfter:e}){this.state.mvLoaded&&this.state.valueLoaded&&!this.state.init&&(this.state.init=!0,e(),Ne.emitResize(),document.querySelector(".c-pageTop")&&(document.querySelector(".c-pageTop").style.opacity=1))}async _checkOpeningSkip(){const e=location.hash.replace("#",""),t=await y({key:"gnavi-click-item"}),i=t?t.value:null;if(t&&await(({key:e})=>{sessionStorage.removeItem(e)})({key:"gnavi-click-item"}),e&&"top"!==i){this.state.referrer.url=e;const t=[5,6];[/sustainability/g,/company/g].forEach(((e,s)=>{this.state.referrer.url.match(e)&&(this.state.referrer.isScroll=this.state.referrer.url.match(e),this.state.referrer.scrollNo="top"===i?0:t[s])})),this.state.isOpeningSkip=!0}else{const e=await y({key:"referrer"});if(e&&"top"!==i){this.state.referrer.url=e.value;const t=[1,3,4,6];[/at-your-side/g,/value/g,/technology/g,/history/g].forEach(((e,i)=>{this.state.referrer.url.match(e)&&(this.state.referrer.isScroll=this.state.referrer.url.match(e),this.state.referrer.scrollNo=t[i])})),this.state.isOpeningSkip=!0}}"top"===i&&(this.state.isOpeningSkip=!0),this.state.referrer.isScroll&&qe.changePositionTriggerHeaderOut(),this.state.referrer.isScroll||(this.state.referrer.isScroll=0!==xe.getState.val.y)}_checkScrollPosition(e){xe.getState.val.y<10&&!this.state.scrollMotion.scene0&&!e?(this.state.scrollMotion.scene0=!0,this.mainvisual.uiShow(),this.mainvisual.sliderAutoPlayStart(),qe.changePositionTriggerHeaderShow()):xe.getState.val.y>=10&&this.state.scrollMotion.scene0&&(this.state.scrollMotion.scene0=!1,this.mainvisual.uiOut(),this.mainvisual.sliderAutoPlayStop(),qe.changePositionTriggerHeaderOut()),z.height>=xe.getState.val.y&&!this.state.scrollMotion.scene1&&!e?(this.state.scrollMotion.scene1=!0,this.mainvisual.renderStart()):z.height<xe.getState.val.y&&this.state.scrollMotion.scene1&&(this.state.scrollMotion.scene1=!1,this.mainvisual.renderStop())}_onAnimationFrame(){if(!this.state.opening)return!1;this._checkScrollPosition()}_addEventListener(){_.add(this._boundOnAnimationFrame)}}const Mt="expo.out";class kt extends $e{constructor({elTarget:e}){super(),this.elTargetArrow=e.querySelector("[data-hover-arrow-obj]");const t=e.dataset.hoverArrowDir||"next";this.dir="next"===t?1:-1,this.init({elTarget:e})}_setStyle(){}_motionShow(){this.isMotion=!0,o.p8.killTweensOf(this.elTargetArrow,"x,opacity"),o.p8.to(this.elTargetArrow,{x:100*this.dir+"%",opacity:0,duration:.3,ease:Mt,onComplete:()=>{o.p8.fromTo(this.elTargetArrow,{x:-100*this.dir+"%"},{x:"0%",opacity:1,duration:.3,ease:Mt}),this.isMotion=!1,this.isMouseOn||(this._motionOut(),this._addOnMouseLeave[0]&&this._addOnMouseLeave.forEach((e=>{e()})))}})}_motionOut(){this.elTarget.classList.remove("-hover")}}const Pt={speed:.5};Object.freeze(Pt);const $t=new class{constructor(){if(this.state={val:{x:z.center.x,y:z.center.y},pos:{x:z.center.x,y:z.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=[],g||f)return!1;document.addEventListener("mousemove",(e=>{const{clientX:t,clientY:i}=e;this._update(t,i)}),C),_.add((()=>{this._move()}))}_update(e,t){this.state.active&&(this.state.val.x=e,this.state.val.y=t,this._onUpdate[0]&&this._onUpdate.forEach((e=>{e()})))}_move(){this.state.active&&(this.state.pos.x+=(this.state.val.x-this.state.pos.x)*Pt.speed,this.state.pos.y+=(this.state.val.y-this.state.pos.y)*Pt.speed,this._onMove[0]&&this._onMove.forEach((e=>{e()})),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((e=>{e()}))}addDrag(e){e.$dragTarget&&(e.$dragTarget.addEventListener("mousedown",(()=>{this.state.drag.startFlg=!0,e.onStart()}),C),e.$dragTarget.addEventListener("mouseup",(()=>{this.state.drag.startFlg=!1,e.onEnd()}),C),e.$dragTarget.addEventListener("dragend",(()=>{this.state.drag.startFlg=!1,e.onEnd()}),C))}enableMouseUpdate(){this.state.active=!0}disableMouseUpdate(){this.state.active=!1}onUpdate(e){this._onUpdate.push(e)}onMove(e){this._onMove.push(e)}onResize(e){this._onResize.push(e)}};class Et{constructor(){this.dom={$container:document.querySelectorAll("[data-pagenavi]"),$item:document.querySelectorAll("[data-pagenavi-item]")},o.p8.set(this.dom.$container,{x:-100,opacity:0}),xe.onChildElementPositionChange(1,(()=>{this.update()})),this.dom.$item.forEach(((e,t)=>{e.addEventListener("click",(()=>{xe.scrollTo(xe.getChildElementPositionState(1).position[t].start+.25*z.height)}),C)}))}update(){const e=this.dom.$item[xe.getChildElementPositionState(1).viewCurrent],t=this.dom.$item[xe.getChildElementPositionState(1).prevCurrent];e.classList.add("-current"),t&&t.classList.remove("-current")}show(){o.p8.killTweensOf(this.dom.$container,"x,opacity"),o.p8.to(this.dom.$container,{x:0,opacity:1,ease:"expo.out",duration:1})}out(){o.p8.killTweensOf(this.dom.$container,"x,opacity"),o.p8.to(this.dom.$container,{x:-100,opacity:0,ease:"expo.out",duration:.5})}}const Lt="expo.out";class jt{constructor({elTarget:e,isSetStyleOff:t,isReverse:i,isScale:s}){this.elTarget=e,this.isReverse=i||!1,this.isScale=s||!1,t||this._setStyle()}_setStyle(){o.p8.set(this.elTarget,{x:this.isReverse?"110%":"-110%",scale:this.isScale?1.2:1})}show(e){const{delay:t,onComplete:i}=e||{delay:null,onComplete:null};o.p8.killTweensOf(this.elTarget,"x,scale"),this.elTarget.style.willChange="transform",o.p8.fromTo(this.elTarget,{x:this.isReverse?"110%":"-110%",scale:this.isScale?1.2:1},{x:"0%",scale:1,duration:.6,ease:Lt,delay:t,onComplete:()=>{i&&i(),this.elTarget.style.willChange="auto"}})}out(e){const{delay:t,onComplete:i}=e||{delay:null,onComplete:null};o.p8.killTweensOf(this.elTarget,"x,scale"),this.elTarget.style.willChange="transform",o.p8.to(this.elTarget,{x:this.isReverse?"-110%":"110%",scale:this.isScale?1.2:1,duration:.6,ease:Lt,delay:t,onComplete:()=>{i&&i(),this.elTarget.style.willChange="auto"}})}}class Rt{constructor(e){this.dom={$ele:e.$ele,$path:[]},this.state={defStrokeDashoffset:[]};let t=0;for(;t<this.dom.$ele.length;)this._set(this.dom.$ele[t]),t+=1}_set(e){const t=e,i=t.getTotalLength();t.style.strokeDasharray=i+" "+i,t.style.strokeDashoffset=i,t.style.opacity=0,this.state.defStrokeDashoffset.push(i),this.dom.$path.push(t)}show({duration:e}){o.p8.killTweensOf(this.dom.$path,{opacity:!0}),o.p8.to(this.dom.$path,{opacity:1,duration:.4,ease:"power2.out"}),o.p8.killTweensOf(this.dom.$path,{strokeDashoffset:!0}),o.p8.to(this.dom.$path,{strokeDashoffset:0,duration:e,ease:"expo.out",onComplete:()=>{}})}out({duration:e}){o.p8.killTweensOf(this.dom.$path,{strokeDashoffset:!0});let t=0;for(;t<this.state.defStrokeDashoffset.length;)o.p8.to(this.dom.$path,{strokeDashoffset:this.state.defStrokeDashoffset[t],duration:e,ease:"expo.out"}),t+=1;o.p8.to(this.dom.$path,{opacity:0,duration:.4,ease:"power2.out",delay:e})}}class zt{constructor({elTarget:e}){if(g||f)return!1;this.elTarget=e,this.elTargetCloseIcon=e.querySelector("[data-mousestalker-circle-close]"),this.elTargetIconCircle=e.querySelector("[data-mousestalker-icon-circle]"),this.elTargetCircle=e.querySelector("[data-mousestalker-circle]"),this.elTargetIcon=e.querySelector("[data-mousestalker-icon]"),this.elHoverReverseItems=[...document.querySelectorAll("[data-mousestalker-hover-reset]")],this.mode="",this.isChange=!1,this._boundOnMouseoverReverseItem=this._onMouseoverReverseItem.bind(this),this._boundOnMouseleaveReverseItem=this._onMouseleaveReverseItem.bind(this),this._init()}_init(){this._addEventListener()}_changeMotionScaleUp(){o.p8.killTweensOf([this.elTargetCircle,this.elTargetCloseIcon],"scale, opacity"),o.p8.to(this.elTargetCircle,{scale:1,opacity:1,ease:"power2.out",duration:.6}),o.p8.to(this.elTargetCloseIcon,{scale:1.6,opacity:1,ease:"power2.out",duration:.6})}_changeMotionScaleDown(){o.p8.killTweensOf([this.elTargetCircle,this.elTargetCloseIcon],"scale, opacity"),o.p8.to(this.elTargetIconCircle,{scale:1,opacity:1,ease:"power2.out",duration:.6}),o.p8.to(this.elTargetCircle,{opacity:0,ease:"power2.out",duration:.6,onComplete:()=>{o.p8.set(this.elTargetCircle,{scale:.5})}})}changeMotionCloseMode(){this.mode="close",this.isChange=!0,this.elTarget.classList.add("-"+this.mode),this._changeMotionScaleUp(),o.p8.killTweensOf([this.elTarget,this.elTargetIcon,this.elTargetCloseIcon],"opacity"),o.p8.to(this.elTargetIcon,{opacity:0,ease:"power2.out",duration:.2}),o.p8.to([this.elTarget,this.elTargetCloseIcon],{opacity:1,ease:"power2.out",duration:.2})}reverse(){if(g||f)return!1;this.elTarget.classList.remove("-"+this.mode),this.isChange=!1,this._changeMotionScaleDown(),"close"===this.mode&&(o.p8.killTweensOf([this.elTarget,this.elTargetIcon,this.elTargetCloseIcon],"opacity"),o.p8.to(this.elTargetIcon,{opacity:1,ease:"power2.out",delay:.3,duration:.3}),o.p8.to([this.elTarget,this.elTargetCloseIcon],{opacity:0,ease:"power2.out",duration:.2}))}_onMouseoverReverseItem(){this.isChange&&this.reverse()}_onMouseleaveReverseItem(){this.isChange||"close"===this.mode&&store.isModalOpen&&this.changeMotionCloseMode()}_addEventListener(){this.elHoverReverseItems[0]&&this.elHoverReverseItems.forEach((e=>{e.addEventListener("mouseover",this._boundOnMouseoverReverseItem,C),e.addEventListener("mouseleave",this._boundOnMouseleaveReverseItem,C)}))}}const At=new class{constructor(){if(g||f)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]"),$iconSq:document.querySelector("[data-mousestalker-icon-sq]")},this.state={show:!1},this.change=null,this.iconCircleSvg=null,this._init()}_init(){this.change=new zt({elTarget:this.dom.$target}),this.iconCircleSvg=new Rt({$ele:this.dom.$iconCircle.querySelectorAll("path")}),this._setStyle(),this._addEventListener()}_setStyle(){o.p8.set([this.dom.$target,this.dom.$icon,this.dom.$circle],{opacity:0}),o.p8.set(this.dom.$iconCircle,{rotate:"360deg"})}_tranform(){$t.state.active&&o.p8.set(this.dom.$target,{x:$t.state.pos.x,y:$t.state.pos.y})}show(){if(g||f)return!1;o.p8.killTweensOf(this.dom.$icon,"opacity"),o.p8.killTweensOf(this.dom.$iconCircle,"rotate"),this.iconCircleSvg.show({duration:.6}),o.p8.to(this.dom.$icon,{opacity:1,duration:.6,ease:"power2.out"}),o.p8.to(this.dom.$iconCircle,{rotate:"720deg",duration:.6,ease:"expo.out"})}out(){if(g||f)return!1;o.p8.killTweensOf(this.dom.$icon,"opacity"),o.p8.killTweensOf(this.dom.$iconCircle,"rotate"),this.iconCircleSvg.out({duration:.6}),o.p8.to(this.dom.$iconCircle,{rotate:"720deg",duration:.6,ease:"expo.out"}),o.p8.to(this.dom.$icon,{opacity:0,duration:.6,ease:"expo.out"})}colorWhite({change:e}){if(this.disable)return!1;e?this.dom.$target.classList.add("-white"):this.dom.$target.classList.remove("-white")}changeMotionCloseMode(){this.change.changeMotionCloseMode()}reverse(){this.change.reverse()}_addEventListener(){$t.onMove((()=>{this._tranform()}))}},It=$().isSP;class qt{constructor(){this.elWrap=document.querySelector("[data-modal]"),this.elTrigger=[...document.querySelectorAll("[data-modal-trigger]")],this.elCloseBtn=It?document.querySelector("[data-modal-close-sp]"):document.querySelector("[data-modal-close]"),this.elContents=[...document.querySelectorAll("[data-modal-content]")],this.elContentItems=[],this.elBg=[...document.querySelectorAll("[data-modal-bg]")],this.elBgCover=[...document.querySelectorAll("[data-modal-bg]")],this.isOpen=!1,this.isMotion=!1,this.viewNo=0,this.prevViewNo=0,this._transformXMotionBg=[],this._fadeMotionCloseBtnSp=null,this._fadeMotionBg=[],this._fadeMotionWrap=null,this._fadeMotionContentItem=[],this._addOnOpen=[],this._addOnClose=[],this._boundOnClickTrigger=this._onClickTrigger.bind(this),this._boundOnClickCloseBtn=this._onClickCloseBtn.bind(this)}_init(){this._fadeMotionWrap=new U({elTarget:this.elWrap}),this.elContents.forEach((e=>{this.elContentItems.push([...e.querySelectorAll("[data-modal-content-item]")])})),this.elContentItems.forEach((e=>{this._fadeMotionContentItem.push(new H({elTarget:e}))})),this.elBg.forEach((e=>{this._transformXMotionBg.push(new jt({elTarget:e}))})),this.elBgCover.forEach((e=>{this._fadeMotionBg.push(new U({elTarget:e}))})),It&&(this._fadeMotionCloseBtnSp=new U({elTarget:document.querySelector("[data-modal-close-sp]")})),this._setStyle(),this._addEventListener()}_setStyle(){o.p8.set(this.elWrap,{pointerEvents:"none"}),o.p8.set(this.elContents,{display:"none"})}_openMotion(){o.p8.set(this.elContents[this.viewNo],{display:"block"}),this.elContents[this.viewNo].classList.add("-current"),this._fadeMotionContentItem[this.viewNo].show(),this._transformXMotionBg[this.viewNo].show(),this._fadeMotionBg[this.viewNo].show(),It&&this._fadeMotionCloseBtnSp.show()}_closeMotion(){o.p8.set(this.elContents[this.viewNo],{display:"none"}),this.elContents[this.viewNo].classList.remove("-current"),this._fadeMotionContentItem[this.viewNo].out(),this._transformXMotionBg[this.viewNo].out(),this._fadeMotionBg[this.viewNo].out(),It&&this._fadeMotionCloseBtnSp.out()}open(e){this.isOpen=!0,store.isModalOpen=!0,this.viewNo=e,this.elWrap.style.pointerEvents="",this.elWrap.classList.add("-open"),At.disable||(At.colorWhite({change:!0}),At.changeMotionCloseMode()),this._fadeMotionWrap.show(),this._openMotion(),xe.fixedOn(),this.prevViewNo=this.viewNo}close(){this.isOpen=!1,store.isModalOpen=!1,o.p8.set(this.elWrap,{pointerEvents:"none"}),this.elWrap.classList.remove("-open"),this.elContents.forEach((e=>{e.classList.remove("-current")})),At.disable||(At.colorWhite({change:!1}),At.reverse()),this._fadeMotionWrap.out(),this._closeMotion(),xe.fixedOff()}_onClickTrigger(e){const t=Number(e.target.dataset.modalTriggerNo);this.open(t),this._addOnOpen[0]&&this._addOnOpen.forEach((e=>{e()}))}_onClickCloseBtn(){this.close(),this._addOnClose[0]&&this._addOnClose.forEach((e=>{e()}))}_addEventListener(){this.elTrigger.forEach((e=>{e.addEventListener("click",this._boundOnClickTrigger,C)})),this.elCloseBtn.addEventListener("click",this._boundOnClickCloseBtn,C)}addOnOpen(e){this._addOnOpen.push(e)}addOnClose(e){this._addOnClose.push(e)}}const Bt=$().isSP;class Dt extends qt{constructor(){super(),this.elContentsWrap=document.querySelector("[data-modal-contents]"),this.elNaviSp=document.querySelector("[data-modal-navi-sp]");const e=Bt?0:1;this._elPrevBtn=[...document.querySelectorAll("[data-modal-prev]")][e],this._elNextBtn=[...document.querySelectorAll("[data-modal-next]")][e],this._elPrevBtnText=document.querySelector("[data-modal-prev-text]"),this._elNextBtnText=document.querySelector("[data-modal-next-text]"),this.elBgImages=[...document.querySelectorAll("[data-modal-bg-inner]")],this.prevNo=0,this.nextNo=0,this._fadeMotionPrevNextBtn=null,this._transformXMotionBgImage=[],this._boundOnClickNextBtn=this._onClickNextBtn.bind(this),this._boundOnClickPrevBtn=this._onClickPrevBtn.bind(this),this._init(),this._initHistoryModal()}_initHistoryModal(){this._fadeMotionPrevNextBtn=new U({elTarget:[this._elPrevBtn,this._elNextBtn]}),this.elBgImages.forEach((e=>{this._transformXMotionBgImage.push(new jt({elTarget:e,isReverse:!0,isScale:!0}))})),this.addOnOpen((()=>{this._prevNextNoUpdate(),this._changePrevNextBtnText(),this._fadeMotionPrevNextBtn.show(),this._transformXMotionBgImage[this.viewNo].show(),qe.outTrigger()})),this.addOnClose((()=>{this._fadeMotionPrevNextBtn.out(),this._transformXMotionBgImage[this.viewNo].out(),qe.showTrigger()})),this._addEventListenerHistoryModal()}_setViewAreaHeight(){o.p8.set(this.elContentsWrap,{height:this.elContents[this.viewNo].clientHeight+this.elNaviSp.clientHeight}),o.p8.set(this.elContents[this.viewNo],{height:this.elContents[this.viewNo].clientHeight})}_prevNextNoUpdate(){this.prevNo=this.viewNo>0?this.viewNo-1:this.elContents.length-1,this.nextNo=this.viewNo<this.elContents.length-1?this.viewNo+1:0}_changePrevNextBtnText(){this._fadeMotionPrevNextBtn.out({onComplete:()=>{this._elNextBtnText.textContent=this.elContents[this.nextNo].querySelector("[data-modal-title]").textContent,this._elPrevBtnText.textContent=this.elContents[this.prevNo].querySelector("[data-modal-title]").textContent,this._fadeMotionPrevNextBtn.show()}})}changeMotionModalContent(e){this.elWrap.classList.add("-change"),this._closeMotion(),this._transformXMotionBgImage[this.viewNo].out(),this.viewNo="next"===e?this.nextNo:this.prevNo,this._openMotion(),this._transformXMotionBgImage[this.viewNo].show({onComplete:()=>{this.elWrap.classList.remove("-change")}})}_onClickNextBtn(){this.changeMotionModalContent("next"),this._prevNextNoUpdate(),this._changePrevNextBtnText()}_onClickPrevBtn(){this.changeMotionModalContent("prev"),this._prevNextNoUpdate(),this._changePrevNextBtnText()}_addEventListenerHistoryModal(){this._elNextBtn.addEventListener("click",this._boundOnClickNextBtn,C),this._elPrevBtn.addEventListener("click",this._boundOnClickPrevBtn,C)}}const Nt=new Te({$container:document.querySelector("[data-gl]")});class Ft{constructor({src:e}){this.state={loadedPC:[],loadedSP:[],loaded:!1},this.pcTexture=[],this.spTexture=[],this.video=[],this._onLoaded=[],this._load({src:e})}_load({src:e}){e.pc.forEach(((e,t)=>{this.video[t]=document.createElement("video"),this.video[t].src=e,this.video[t].autoplay=!0,this.video[t].loop=!0,this.video[t].muted=!0,this.video[t].currentTime=.1,this.video[t].setAttribute("playsinline",""),this.state.loadedPC[t]=!1,this.video[t].load(),this.video[t].addEventListener("loadeddata",(()=>{this.pcTexture[t]=new ye.fO1(this.video[t]),this.pcTexture[t].minFilter=ye.wem,this.pcTexture[t].magFilter=ye.wem,this.state.loadedPC[t]=!0,this.video[t].play(),this.checkLoaded()&&!this.state.loaded&&(this.state.loaded=!0,this._onLoaded.forEach((e=>{e()})))}))}))}checkLoaded(){return this.spTexture[0]?this.state.loadedPC.every((e=>e))&&this.state.loadedSP.every((e=>e)):this.state.loadedPC.every((e=>e))}onLoaded(e){if("function"!=typeof e)return!1;this._onLoaded.push(e)}play({index:e}){this.video[e].currentTime=.1,this.video[e].play()}pause({index:e}){this.video[e].pause()}}class Wt{constructor({src:e,srcVideo:t,onLoaded:i}){this.dom={},this.obj={panel:null,texture:new Fe({src:{pc:e}}),videoTexture:null,geo:null},this.conf={},this.state={opening:!1,itemPositionOffest:[]},this.obj.texture.onLoaded((()=>{this.obj.geo=new We({width:Nt.obj.canvas.state.size.width,height:Nt.obj.canvas.state.size.height}),this.obj.panel=new Ye({scene:Nt.obj.canvas.scene,geo:this.obj.geo,uniforms:{uTime:{value:0},uTexture:{value:this.obj.texture.pcTexture[0]},uOpacity:{value:1},uPos:{type:"v2",value:new ye.FM8(1,1)},uResolution:{type:"v2",value:new ye.FM8(0,0)},uImgResolution:{type:"v2",value:new ye.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 ye.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}}),this.obj.panel.addDisplayChange((()=>{this.obj.geo=new We({width:Nt.obj.canvas.state.size.width,height:Nt.obj.canvas.state.size.height}),this.obj.panel.setGeo(this.obj.geo)})),Nt.onResize((()=>{this.resize()})),Nt.onRender((()=>{this.render()})),o.p8.set(Nt.dom.$container.parentNode,{transformOrigin:"top center",scale:.1*Math.ceil(z.height/Nt.obj.canvas.state.size.height*10)}),i(),o.p8.delayedCall(.1,(()=>{Nt.startRender()})),t&&(this.obj.videoTexture=new Ft({src:{pc:t}}),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:Nt.obj.canvas.state.size.width*Nt.obj.canvas.state.pixelrate,height:Nt.obj.canvas.state.size.height*Nt.obj.canvas.state.pixelrate,geo:this.obj.geo,sizeRate:{x:1,y:1}})}show(){o.p8.to(this.obj.panel.mesh.material.uniforms.uLight,{value:0,duration:1,delay:1,ease:"expo.out"}),o.p8.to(this.obj.panel.mesh.material.uniforms.uScale,{value:1,duration:2,ease:"expo.inOut"}),o.p8.to(Nt.dom.$container.parentNode,{scale:1,duration:1,delay:1,ease:"expo.out"})}out(){}}class Ut{constructor({src:e,srcVideo:t,onComplete:i}){this.dom={$pageTitleEn:document.querySelector("[data-pagetitle-en]"),$opening:document.querySelectorAll("[data-opening]")},this.image=null,this.pageTitleEn=null,this.openingFadeMotion=[],this._init({src:e,srcVideo:t,onComplete:i})}_init({src:e,srcVideo:t,onComplete:i}){this.pageTitleEn=new Z({$ele:this.dom.$pageTitleEn}),this.dom.$opening.forEach((e=>{this.openingFadeMotion.push(new U({elTarget:e}))})),Nt.init({onComplete:()=>{this.cover=new be({gl:Nt}),o.p8.delayedCall(.5,(()=>{this.image=new Wt({src:e,srcVideo:t||!1,onLoaded:()=>{i()}})}))}})}opening({onComplete:e}){this.cover.out(),Nt.emitResize(),this.image.show(),o.p8.delayedCall(2,(()=>{this.pageTitleEn.show();let t=0;this.openingFadeMotion.forEach(((i,s)=>{i.show({delay:.1+.05*s,onComplete:()=>{t+=1,t>=this.openingFadeMotion.length&&e()}})})),o.p8.fromTo(document.querySelector("#top-menu"),{y:-document.querySelector("#top-menu").clientHeight,opacity:0},{y:0,opacity:1,duration:.4,ease:"sine.out"})}))}}const Gt=g?"/-/media/ap/cn/digest/renew/img/history/sp/mainvisual.jpg":"/-/media/ap/cn/digest/renew/img/history/mainvisual.jpg";class Ht{constructor({onLoaded:e,onOpeningAfter:t}){xe.exResizeOn(z.height),this.state={opening:!1,scrollMotion:{scene1:!1,sceneEnd:!1},screenOffset:0},this.footerNo=xe.getState.sectionPosition.length-1,this.pageNavi=null,this.cover=null,this.modal=null,$t.enableMouseUpdate(),this.bg=new De,this._boundOnGlobalResize=this._onGlobalResize.bind(this),this._boundOnNativeScroll=this._onNativeScroll.bind(this),this._init({onLoaded:e,onOpeningAfter:t})}_init({onLoaded:e,onOpeningAfter:t}){this.mainvisual=new Ut({src:[Gt],onComplete:()=>{this.modal=new Dt;const i=[...document.querySelectorAll("[data-hover-arrow]")];i[0]&&i.forEach((e=>{new kt({elTarget:e})})),this.pageNavi=new Et,e(),this._onGlobalResize(),this._addEventListener(),this.mainvisual.opening({onComplete:()=>{t(),this.bg.line.start(),qe.showTrigger(),xe.exResizeOff(),this.state.opening=!0,document.querySelector(".c-pageTop").style.opacity=1}})}})}_onGlobalResize(){this.state.screenOffset=g?.6*z.height:z.center.y}_onNativeScroll(){xe.getState.val.y>this.state.screenOffset&&!this.state.scene1?(this.state.scene1=!0,this.pageNavi.show()):xe.getState.val.y<=this.state.screenOffset&&this.state.scene1&&(this.state.scene1=!1,this.pageNavi.out()),xe.getState.val.y>=xe.getState.sectionPosition[this.footerNo].start-this.state.screenOffset&&!this.state.sceneEnd?(this.state.sceneEnd=!0,this.pageNavi.out()):xe.getState.val.y<xe.getState.sectionPosition[this.footerNo].start-this.state.screenOffset&&this.state.sceneEnd&&(this.state.sceneEnd=!1,this.pageNavi.show())}_addEventListener(){M.add(this._boundOnGlobalResize),xe.addOnCheckNativeScroll(this._boundOnNativeScroll)}}class Yt extends $e{constructor({elTarget:e}){super(),this.elTargetLine=e.querySelector("[data-hover-line-obj]"),this.init({elTarget:e})}_setStyle(){}_motionShow(){this.isMotion=!0,o.p8.killTweensOf(this.elTargetLine,"x"),o.p8.to(this.elTargetLine,{x:"110%",duration:.6,ease:"expo.out",onComplete:()=>{this.isMotion=!1,this.isMouseOn||(this._motionOut(),this._addOnMouseLeave[0]&&this._addOnMouseLeave.forEach((e=>{e()})))}})}_motionOut(){this.elTarget.classList.remove("-hover"),o.p8.killTweensOf(this.elTargetLine,{x:!0}),o.p8.fromTo(this.elTargetLine,{x:"-110%"},{x:"0%",duration:.6,ease:"expo.inOut"})}}const Xt=new Te({$container:document.querySelector("[data-gl]")});class Vt{constructor({onLoaded:e}){this.dom={$container:document.querySelector("[data-gl-mv-copy]")},this.obj={panel:null,texture:new Fe({src:{pc:["/-/media/ap/cn/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 Ye({scene:Xt.obj.canvas.scene,geo:new We({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 ye.FM8(0,0)},uMouse:{type:"v2",value:new ye.FM8(0,0)}},vert:tt,frag:it}),Xt.onResize((()=>{this.resize()})),Xt.onRender((()=>{this.render()})),Xt.startRender(),Xt.changePerformance({mode:"default"}),e()}))}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,o.p8.to(this.obj.panel.mesh.material.uniforms.uRate,{value:0,ease:"expo.in",duration:1.2}),o.p8.to(this.obj.panel.mesh.material.uniforms.uScale,{value:1,ease:"expo.in",duration:1.2})}}class Zt{constructor({onLoaded:e}){this.dom={$container:document.querySelector("[data-mv]"),$header:document.querySelector("#top-menu"),$scrollDown:document.querySelector("[data-scrolldown]"),$title:document.querySelector("[data-mv-title]")},this.copy=new Vt({onLoaded:e}),o.p8.set(this.dom.$header,{y:1.2*-this.dom.$header.clientHeight}),o.p8.set(this.dom.$scrollDown,{scale:.5,opacity:0}),o.p8.set([document.querySelectorAll("[data-kazari-sq]"),this.dom.$title],{opacity:0}),Xt.onResize((()=>{o.p8.set(this.dom.$container,{height:z.height})}))}opening({onComplete:e}){this.copy.show(),o.p8.delayedCall(1,(()=>{o.p8.to(this.dom.$scrollDown,{scale:1,opacity:1,duration:.4,ease:"power2.out",onStart:()=>{o.p8.to(this.dom.$title,{opacity:1,duration:.4,delay:.6,ease:"power2.out"})}}),o.p8.to(this.dom.$header,{y:0,opacity:1,duration:.4,ease:"power2.out",onComplete:()=>{e()}}),o.p8.to(document.querySelectorAll("[data-kazari-sq]"),{opacity:1,duration:1,stagger:.1,ease:"expo.out"})}))}uiShow(){o.p8.killTweensOf(this.dom.$header,"y,opacity"),o.p8.to(this.dom.$header,{y:0,opacity:1,duration:.4,ease:"power2.out"}),o.p8.killTweensOf(this.dom.$scrollDown,"scale,opacity"),o.p8.to(this.dom.$scrollDown,{scale:1,opacity:1,duration:.4,ease:"power2.out"})}uiOut(){o.p8.killTweensOf(this.dom.$header,"y,opacity"),o.p8.to(this.dom.$header,{y:-100,opacity:0,duration:.4,ease:"power2.out"}),o.p8.killTweensOf(this.dom.$scrollDown,"scale,opacity"),o.p8.to(this.dom.$scrollDown,{scale:.5,opacity:0,duration:.4,ease:"power2.out"})}}class Kt{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(((e,t)=>{this.bgTitleMotion[t]=new J({$ele:e})}))}show(){if(this.state.show)return!1;this.state.show=!0,this.bgTitleMotion.forEach((e=>{e.show({white:!0})})),o.p8.to([this.dom.$bgMaskTop,this.dom.$bgMaskBottom],{opacity:0,duration:1,delay:1.3,ease:"power2.out"}),o.p8.to(this.dom.$bgMaskTop,{top:"20%",duration:1.4,delay:.9,ease:"power2.out"}),o.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((e=>{e.out()})),o.p8.to(this.dom.$bgMaskTop,{top:"-20%",opacity:1,duration:.6,ease:"power2.out"}),o.p8.to(this.dom.$bgMaskBottom,{bottom:"-20%",opacity:1,duration:.6,ease:"power2.out"})}bgImgShow(){o.p8.killTweensOf(this.dom.$bgImg,"opacity"),o.p8.to(this.dom.$bgImg,{opacity:1,duration:1,delay:.6,ease:"power2.out"})}bgImgOut(){o.p8.killTweensOf(this.dom.$bgImg,"opacity"),o.p8.to(this.dom.$bgImg,{opacity:0,duration:.4,ease:"power2.out"})}}class Jt{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(((e,t)=>{this.copyMotion[t]=new J({$ele:e})})),this.dom.$line.forEach((e=>{o.p8.set(e,{y:"top"===e.dataset.spritCopyLine?"-110%":"bottom"===e.dataset.spritCopyLine?"110%":"0%",x:"left"===e.dataset.spritCopyLine?"-110%":"right"===e.dataset.spritCopyLine?"110%":"0%"})})),o.p8.set([this.dom.$sq,this.dom.$fade],{opacity:0})}show(){if(this.state.show)return!1;this.state.show=!0,this.copyMotion.forEach((e=>{e.show({white:!0})})),o.p8.to(this.dom.$sq,{opacity:1,duration:.6,ease:"power2.out",onComplete:()=>{o.p8.set(this.dom.$line,{y:"0%",x:"0%"})}}),o.p8.to(this.dom.$fade[0],{opacity:1,duration:1,ease:"power2.out"}),o.p8.to(this.dom.$fade[1],{opacity:1,duration:1,ease:"power2.out",delay:.7})}}class Qt{constructor({onLoaded:e,onOpeningAfter:t}){this.state={opening:!1,scrollMotion:{scene1:!1,scene2:!1,scene3:!1,scene4:!1}},this.cover,this.mainvisual,this.introduction,this.sprit,this.bg=null,this._boundOnAnimationFrame=this._onAnimationFrame.bind(this),this._init({onLoaded:e,onOpeningAfter:t})}_init({onLoaded:e,onOpeningAfter:t}){xe.exResizeOn(z.height),this.bg=new De,Xt.init({onComplete:()=>{this.mainvisual=new Zt({onLoaded:()=>{this.mainvisual.opening({onComplete:()=>{const e=[...document.querySelectorAll("[data-hover-line]")];e[0]&&e.forEach((e=>{new Yt({elTarget:e})})),t(),xe.exResizeOff(),document.querySelector(".c-pageTop").style.opacity=1,qe.showTrigger()}}),this.introduction=new Kt,this.sprit=new Jt,o.p8.delayedCall(.7,(()=>{e()}))}}),this._addEventListener()}})}_onAnimationFrame(){0!==xe.getState.viewCurrent||this.state.scene1||(this.state.scene1=!0,this.bg.colorBlue()),1!==xe.getState.viewCurrent||this.state.scene2?1!=xe.getState.viewCurrent&&this.state.scene2&&(this.state.scene2=!1):(this.state.scene2=!0,this.introduction.show(),this.introduction.bgImgShow()),2!==xe.getState.viewCurrent||this.state.scene3?2!=xe.getState.viewCurrent&&this.state.scene3&&(this.state.scene3=!1):(this.state.scene3=!0,this.bg.colorBlue(),this.sprit.show()),3!==xe.getState.viewCurrent||this.state.scene4?3!=xe.getState.viewCurrent&&this.state.scene4&&(this.state.scene4=!1):(this.state.scene4=!0,this.introduction.bgImgOut(),this.bg.colorWhite())}_addEventListener(){xe.addOnCheckSmoothScroll(this._boundOnAnimationFrame)}}const ei=new Te({$container:document.querySelector("[data-gl]"),isNarrow:!0,logarithmicDepthBuffer:!1}),ti=.6;class ii extends $e{constructor({elTarget:e}){super(),this.elTargetLine=[...e.querySelectorAll("[data-hover-btnsq-line]")],this.elTargetIconLine=[...e.querySelectorAll("[data-hover-btnsq-icon-line]")],this.elTargetDotted=[...e.querySelectorAll("[data-hover-btnsq-dotted]")],this.lineDir=[],this.init({elTarget:e})}_setStyle(){this.elTargetLine.forEach((e=>{const t=e.dataset.hoverBtnsqLine;this.lineDir.push(t),o.p8.set(e,{y:"top"===t?"-110%":"bottom"===t?"110%":"0%",x:"left"===t?"-110%":"right"===t?"110%":"0%"})}))}_motionShow(){this.isMotion=!0,o.p8.killTweensOf(this.elTargetDotted,"backgroundColor"),o.p8.to(this.elTargetDotted,{backgroundColor:"#fff",duration:.6,ease:"power2.out",onComplete:()=>{this.isMotion=!1,this.isMouseOn||(this._motionOut(),this._addOnMouseLeave[0]&&this._addOnMouseLeave.forEach((e=>{e()})))}}),o.p8.killTweensOf(this.elTargetIconLine,"x,opacity"),o.p8.to(this.elTargetIconLine,{x:"-110%",opacity:0,duration:.6,ease:"expo.out"}),o.p8.killTweensOf(this.elTargetLine,"x,y,backgroundColor"),o.p8.fromTo(this.elTargetLine,{backgroundColor:"#9496ab"},{backgroundColor:"#fff",duration:.3,ease:"power2.out"}),this.elTargetLine.forEach(((e,t)=>{o.p8.fromTo(e,{y:"top"===this.lineDir[t]?"-110%":"bottom"===this.lineDir[t]?"110%":"0%",x:"left"===this.lineDir[t]?"-110%":"right"===this.lineDir[t]?"110%":"0%"},{x:"0%",y:"0%",duration:.6,ease:"expo.out"})}))}_motionOut(){this.elTarget.classList.remove("-hover"),o.p8.killTweensOf(this.elTargetDotted,"backgroundColor"),o.p8.to(this.elTargetDotted,{backgroundColor:"#9496ab",duration:ti,ease:"power2.out"}),o.p8.killTweensOf(this.elTargetIconLine,"x,opacity"),o.p8.fromTo(this.elTargetIconLine,{x:"110%"},{x:"0%",duration:ti,ease:"expo.out"}),o.p8.to(this.elTargetIconLine,{opacity:1,duration:ti,ease:"power.out"}),o.p8.killTweensOf(this.elTargetLine,{x:!0,y:!0}),this.elTargetLine.forEach(((e,t)=>{o.p8.to(e,{y:"top"===this.lineDir[t]?"110%":"bottom"===this.lineDir[t]?"-110%":"0%",x:"left"===this.lineDir[t]?"110%":"right"===this.lineDir[t]?"-110%":"0%",duration:ti,ease:"expo.out"})}))}}class si extends qt{constructor(){super(),this.elModalOpenOutItems=[...document.querySelectorAll("[data-value-product-modal-out]")],this._fadeMotionModalOpenOutItem=new U({elTarget:this.elModalOpenOutItems,isSetStyleOff:!0}),this._init(),this.addOnOpen((()=>{Pe.state.isDisabled=!0,this._fadeMotionModalOpenOutItem.out(),qe.outTrigger()})),this.addOnClose((()=>{Pe.state.isDisabled=!1,this._fadeMotionModalOpenOutItem.show(),qe.showTrigger()}))}}class oi{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.dom.$modalOut.push(document.querySelector('[data-global-menu="trigger"]')),this.state={hover:!0};const e=[...document.querySelectorAll("[data-hover-btnsq]")];e[0]&&e.forEach((e=>{new ii({elTarget:e})})),this.modal=new si}listUpdate(){}btnMouseover({$target:e}){o.p8.killTweensOf(e.querySelector("[data-value-product-btn-circle]"),"scale"),o.p8.to(e.querySelector("[data-value-product-btn-circle]"),{scale:4,ease:"expo.out",duration:.6}),o.p8.killTweensOf(e.querySelector("[data-value-product-btn-icon]"),"opacity,scale"),o.p8.to(e.querySelector("[data-value-product-btn-icon]"),{opacity:0,scale:0,ease:"expo.out",duration:.4}),o.p8.killTweensOf(e.querySelector("[data-value-product-btn-text]"),"opacity"),o.p8.to(e.querySelector("[data-value-product-btn-text]"),{opacity:1,ease:"expo.out",delay:.2,duration:.4})}btnMouseleave({$target:e}){o.p8.killTweensOf(e.querySelector("[data-value-product-btn-circle]"),"scale"),o.p8.to(e.querySelector("[data-value-product-btn-circle]"),{scale:1,ease:"expo.out",duration:.4}),o.p8.killTweensOf(e.querySelector("[data-value-product-btn-icon]"),"opacity,scale"),o.p8.to(e.querySelector("[data-value-product-btn-icon]"),{opacity:1,scale:1,ease:"expo.out",duration:.4}),o.p8.killTweensOf(e.querySelector("[data-value-product-btn-text]"),"opacity"),o.p8.to(e.querySelector("[data-value-product-btn-text]"),{opacity:0,ease:"expo.out",duration:.4})}btnShow({no:e}){o.p8.to(this.dom.$btn[e],{opacity:1,scale:1,ease:"power2.out",duration:.6})}btnOut({no:e}){o.p8.to(this.dom.$btn[e],{opacity:0,scale:0,ease:"power2.out",duration:.6})}}class ni{constructor({onClick:e,isMobileMode:t}){this.MOBILE_MODE=g&&t||$.isSP&&t,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},o.p8.set(this.dom.$itemLineAll,{opacity:0,scale:2}),this.dom.$item.forEach((t=>{t.addEventListener("click",(()=>{e(Number(this.MOBILE_MODE?t.dataset.underPageNaviItemSp:t.dataset.underPageNaviItem))}))}))}currentShow(e){if(this.state.show||this.MOBILE_MODE)return!1;this.state.show=!0,this.state.viewCurrent=String(e),this.dom.$item[this.state.viewCurrent].classList.add("-current"),o.p8.killTweensOf(this.dom.$item[this.state.viewCurrent].querySelector("[data-under-page-navi-item-line]"),"opacity,scale"),o.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,o.p8.killTweensOf(this.dom.$itemLineAll,"opacity,scale"),this.dom.$itemLineAll.forEach(((e,t)=>{this.dom.$item[t].classList.remove("-current"),o.p8.to(e,{opacity:0,scale:2,duration:.6,ease:"power2.out"})}))}}class ai{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]"),$openingItem:document.querySelectorAll("[data-value-opening-item]")},this.state={contentShow:!1,naviShow:!1,parallaxDistance:0},this.product=null,this.navi=null,this.contentItemMainMotion=[],this.openingFadeMotion=[],this._init()}_init(){this.product=new oi,this.navi=new ni({onClick:e=>{Pe.to({no:e})}}),this.dom.$contentItemMainAll.forEach(((e,t)=>{this.contentItemMainMotion[t]=new Z({$ele:e})})),this.dom.$openingItem.forEach((e=>{this.openingFadeMotion.push(new U({elTarget:e}))})),this._addEventListener()}changeBefore(){this.navi.currentOut(),this.dom.$content.forEach((e=>{e.classList.remove("-current")}))}change(){this.dom.$content[Pe.state.viewCurrent].classList.add("-current"),o.p8.killTweensOf([this.dom.$content[Pe.state.viewCurrent].querySelectorAll("[data-value-content-item]")],"opacity"),o.p8.to(this.dom.$content[Pe.state.viewCurrent].querySelectorAll("[data-value-content-item]"),{opacity:1,duration:1,ease:"power2.out",onComplete:()=>{this.state.contentShow=!0}}),this.contentItemMainMotion[Pe.state.viewCurrent].show({white:!0}),this.contentItemMainMotion[Pe.state.prevCurrent].out(),this.navi.currentShow(Pe.state.viewCurrent)}render(){const e=this.state.parallaxDistance*Pe.state.progress;this.dom.$parallax.forEach(((t,i)=>{i===Pe.state.viewCurrent?(t.style.transform=`translate3d(0, ${-e}px, 0)`,this.state.contentShow&&(t.style.opacity=Math.max(0,1-5*Pe.state.progress))):(t.style.transform="translate3d(0, 0px, 0)",t.style.opacity=0)}))}resize(){this.dom.$wrap.style.heght=z.height,this.state.parallaxDistance=Pe.state.isTouchMode?.5*z.center.y:z.center.y}opening(){this.change(),this.openingFadeMotion.forEach((e=>{e.show()}))}_addEventListener(){M.add((()=>{this.resize()})),_.add((()=>{this.render()})),Pe.onNextBefore((()=>{this.changeBefore()})),Pe.onPrevBefore((()=>{this.changeBefore()})),Pe.onNext((()=>{this.state.contentShow=!1,this.change()})),Pe.onPrev((()=>{this.state.contentShow=!1,this.change()}))}}class ri{constructor({scene:e,geo:t,uniforms:i,vert:s,frag:o}){this.mesh=new Ge,this.mesh.init({scene:e,matOption:{vertexShader:s,fragmentShader:o,depthTest:!1,transparent:!1,side:ye.Wl3,uniforms:i},geo:t})}render(){this.mesh.material.uniforms.uTime.value+=.1}resize({width:e,height:t}){this.mesh.material.uniforms.uResolution.value.x=e,this.mesh.material.uniforms.uResolution.value.y=t}}const hi=u||g||c;class li{constructor({onLoaded:e}){const t=document.querySelectorAll("[data-value-content]");this.$gradientCover=document.querySelector("[data-value-gradient]");let i=[],s=[];t.forEach((e=>{const t=e.dataset.valueBgVideo.match(/[^.]+$/)[0],o=g?e.dataset.valueBgVideo.replace("."+t,"")+"-sp."+t:e.dataset.valueBgVideo,n=e.dataset.valueBgJpg.match(/[^.]+$/)[0],a=g?e.dataset.valueBgJpg.replace("."+n,"")+"-sp."+n:e.dataset.valueBgJpg;i.push(o),s.push(a)})),this.obj={panel:[],texture:hi?new Fe({src:{pc:s}}):null,videoTexture:new Ft({src:{pc:i}})},this.conf={},this.state={opening:!1,itemPositionOffest:[]},hi&&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 t=new We({width:2,height:2});ei.obj.canvas.renderer,this.obj.panel=new ri({scene:ei.obj.canvas.scene,geo:t,uniforms:{uTime:{value:0},uTexture:{value:hi?this.obj.texture.pcTexture[0]||null:this.obj.videoTexture.pcTexture[0]},uTextureNext:{value:hi?this.obj.texture.pcTexture[1]||null:this.obj.videoTexture.pcTexture[1]},uTexturePrev:{value:hi?this.obj.texture.pcTexture[3]||null:this.obj.videoTexture.pcTexture[3]},uResolution:{type:"v2",value:new ye.FM8(0,0)},uImgResolution:{type:"v2",value:new ye.FM8(this.obj.videoTexture.pcTexture[0].image.videoWidth,this.obj.videoTexture.pcTexture[0].image.videoHeight)},uPos:{type:"v2",value:new ye.FM8(1,1)},uMotion:{value:1},uBlend:{value:0},uWave:{value:1.6},uWaveMix:{value:g||f?.06:1.2},uLight:{value:20},uDist:{value:.1},uDir:{value:1},uNoise:{value:g||f?.2:.45},uNoiseWave:{value:g||f?-.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:Pe.state.viewCurrent}),ei.onResize((()=>{this.resize()})),ei.onRender((()=>{this.render()})),ei.startRender(),ei.dom.$container.style.opacity=0,o.p8.delayedCall(.1,(()=>{ei.emitResize(),this.obj.videoTexture.pcTexture.forEach(((e,t)=>{0!==t&&this.obj.videoTexture.pause({index:t})})),e()})),Pe.onNext((()=>{hi||this.obj.videoTexture.play({index:Pe.state.viewCurrent}),this.textureUpdate()})),Pe.onPrev((()=>{hi||this.obj.videoTexture.play({index:Pe.state.viewCurrent}),this.textureUpdate()})),Pe.onTo((()=>{hi||(this.obj.panel.mesh.material.uniforms.uTextureNext.value=this.obj.videoTexture.pcTexture[Pe.state.nextCurrent],this.obj.panel.mesh.material.uniforms.uTexturePrev.value=this.obj.videoTexture.pcTexture[Pe.state.prevCurrent])})),Pe.onStart((()=>{hi&&(this.obj.panel.mesh.material.uniforms.uTexture.value=this.obj.texture.pcTexture[Pe.state.viewCurrent],this.obj.videoTexture.pause({index:Pe.state.viewCurrent}))})),Pe.onReverse((()=>{hi&&(this.obj.panel.mesh.material.uniforms.uTexture.value=this.obj.videoTexture.pcTexture[Pe.state.viewCurrent],this.obj.videoTexture.play({index:Pe.state.viewCurrent}))})),Pe.onFit((()=>{hi&&o.p8.delayedCall(1,(()=>{this.obj.panel.mesh.material.uniforms.uTexture.value=this.obj.videoTexture.pcTexture[Pe.state.viewCurrent],this.obj.videoTexture.play({index:Pe.state.viewCurrent})})),this._scaleReset({onComplete:()=>{this._scaleStart()}})}))}))}render(){this.obj.panel.render(),this.state.opening&&(this.obj.panel.mesh.material.uniforms.uBlend.value=Pe.state.progress,this.obj.panel.mesh.material.uniforms.uMotion.value=Pe.state.progress,this.obj.panel.mesh.material.uniforms.uDir.value=Pe.state.dir)}resize(){this.obj.panel.resize({width:ei.obj.canvas.state.size.width*ei.obj.canvas.state.pixelrate,height:ei.obj.canvas.state.size.height*ei.obj.canvas.state.pixelrate})}textureUpdate(){this.state.opening&&(this.obj.panel.mesh.material.uniforms.uTexture.value=hi?this.obj.texture.pcTexture[Pe.state.viewCurrent]:this.obj.videoTexture.pcTexture[Pe.state.viewCurrent],this.obj.panel.mesh.material.uniforms.uTextureNext.value=hi?this.obj.texture.pcTexture[Pe.state.nextCurrent]:this.obj.videoTexture.pcTexture[Pe.state.nextCurrent],this.obj.panel.mesh.material.uniforms.uTexturePrev.value=hi?this.obj.texture.pcTexture[Pe.state.prevCurrent]:this.obj.videoTexture.pcTexture[Pe.state.prevCurrent])}opening({onComplete:e}){o.p8.to(ei.dom.$container,{opacity:1,ease:"power4.in",duration:.6}),o.p8.to([this.obj.panel.mesh.material.uniforms.uMotion],{value:0,ease:"expo.inOut",duration:1.5,onComplete:()=>{this.state.opening=!0,o.p8.to(this.$gradientCover,{opacity:1,ease:"sine.inOut",duration:1,onComplete:()=>{hi&&(this.obj.panel.mesh.material.uniforms.uTexture.value=this.obj.videoTexture.pcTexture[Pe.state.viewCurrent],this.obj.videoTexture.play({index:Pe.state.viewCurrent}))}}),e()}}),o.p8.to([this.obj.panel.mesh.material.uniforms.uLight],{value:g||f?3:6,ease:"expo.in",duration:1.5}),this._scaleStart()}_scaleStart(){if(hi)return!1;o.p8.killTweensOf(ei.dom.$container,"scale"),o.p8.to(ei.dom.$container,{scale:1.08,ease:"power2.out",duration:15})}_scaleReset({onComplete:e}){if(hi)return!1;o.p8.killTweensOf(ei.dom.$container,"scale"),o.p8.to(ei.dom.$container,{scale:1,ease:"sine.inOut",duration:.6,onComplete:()=>{e()}})}}class ci{constructor({onLoaded:e,onOpeningAfter:t}){this.dom={},this.state={},this.body,this.bg,ei.init({onComplete:()=>{this.bg=new li({onLoaded:()=>{e(),this.body=new ai,ei.emitResize(),this.bg.opening({onComplete:()=>{this.body.opening(),t()}})}})}})}}class ui{constructor({onLoaded:e,onOpeningAfter:t}){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,$t.enableMouseUpdate(),At.disable||At.colorWhite({change:!0}),new ci({onLoaded:()=>{e()},onOpeningAfter:()=>{qe.showTrigger(),t()}}),M.add((()=>{this.resize()})),"ja"===store.lang&&document.querySelectorAll("[data-modal-title]").forEach((e=>{const t=[...e.textContent];e.textContent="";let i=0;for(;i<t.length;){const s=t[i];if(s.match(/\S/g)){const t=document.createElement("span");t.textContent=s,e.appendChild(t)}i+=1}})),this.dom.$link.forEach((e=>{e.addEventListener("click",(e=>{const t=e.target.getAttribute("data-link-href");if(!t)return!1;o.p8.set(document.querySelector("body"),{height:z.height}),o.p8.to(document.querySelector("body"),{backgroundColor:"#0d2ea0",ease:"power2.out",duration:.2}),o.p8.to(document.querySelector("#ctl02 > .wrap"),{opacity:0,duration:.4,onComplete:()=>{location.href=t}})}),C)}))}resize(){o.p8.set(this.dom.$container,{height:z.height})}}const di=window.matchMedia("screen and (max-width: 767px)");class mi{constructor(){this.dom={$ele:document.querySelectorAll("[data-technology-list-hover]")},this.state={hover:[],motion:[]},this.init()}init(){if(g||m)return;let e=0;for(;e<this.dom.$ele.length;){this.state.hover[e]=!1,this.state.motion[e]=!1;const t=e;o.p8.set(this.dom.$ele[t].querySelectorAll("[data-technology-list-hover-img]"),{y:"110%"}),o.p8.set(this.dom.$ele[t].querySelectorAll("[data-technology-list-hover-img-child]"),{y:"-110%",scale:1.5}),o.p8.set(this.dom.$ele[t].querySelectorAll("[data-technology-list-hover-title]"),{y:"110%"}),o.p8.set(this.dom.$ele[t].querySelectorAll("[data-technology-list-hover-title-child]"),{y:"-110%",scale:1.1}),this.dom.$ele[e].addEventListener("mousemove",(()=>{di.matches||this.state.motion[t]||this.state.hover[t]||(this.state.hover[t]=!0,this.show({no:t,$video:this.dom.$ele[t].querySelector("[data-technology-list-hover-video]"),$text:this.dom.$ele[t].querySelector("[data-technology-list-hover-text]"),$img:this.dom.$ele[t].querySelectorAll("[data-technology-list-hover-img]"),$imgChild:this.dom.$ele[t].querySelectorAll("[data-technology-list-hover-img-child]"),$title:this.dom.$ele[t].querySelectorAll("[data-technology-list-hover-title]"),$titleChild:this.dom.$ele[t].querySelectorAll("[data-technology-list-hover-title-child]")}))}),C),this.dom.$ele[e].addEventListener("mouseleave",(()=>{this.state.hover[t]&&(this.state.hover[t]=!1,this.state.motion[t]||this.out({no:t,$video:this.dom.$ele[t].querySelector("[data-technology-list-hover-video]"),$text:this.dom.$ele[t].querySelector("[data-technology-list-hover-text]"),$img:this.dom.$ele[t].querySelectorAll("[data-technology-list-hover-img]"),$imgChild:this.dom.$ele[t].querySelectorAll("[data-technology-list-hover-img-child]"),$title:this.dom.$ele[t].querySelectorAll("[data-technology-list-hover-title]"),$titleChild:this.dom.$ele[t].querySelectorAll("[data-technology-list-hover-title-child]")}))}),C),e+=1}}show(e){this.state.motion[e.no]=!0,this.dom.$ele[e.no].classList.add("-hover"),e.$video.play(),o.p8.killTweensOf(e.$text,"color"),o.p8.to(e.$text,{color:"#0d2ea1",duration:.6,ease:"power2.out"}),o.p8.killTweensOf(e.$titleChild,"y,scale"),o.p8.fromTo(e.$titleChild,{y:"-110%",scale:1.1},{y:"0%",scale:1,duration:.6,ease:"expo.out"}),o.p8.killTweensOf(e.$title,"y"),o.p8.fromTo(e.$title,{y:"110%"},{y:"0%",duration:.6,ease:"expo.out"}),o.p8.killTweensOf(e.$imgChild,"y, scale"),o.p8.fromTo(e.$imgChild,{y:"-110%",scale:1.5},{y:"0%",scale:1,duration:.6,ease:"expo.out"}),o.p8.killTweensOf(e.$img,"y"),o.p8.fromTo(e.$img,{y:"110%"},{y:"0%",duration:.6,ease:"expo.out",onStart:()=>{e.start&&e.start()},onComplete:()=>{e.comp&&e.comp(),this.state.motion[e.no]=!1,this.state.hover[e.no]||this.out({no:e.no,$video:e.$video,$title:e.$title,$titleChild:e.$titleChild,$img:e.$img,$imgChild:e.$imgChild,$text:e.$text})}})}out(e){this.dom.$ele[e.no].classList.remove("-hover"),o.p8.killTweensOf(e.$text,"color"),o.p8.to(e.$text,{color:"#9496ab",duration:.6,ease:"power2.out"}),o.p8.killTweensOf(e.$titleChild,"y,scale"),o.p8.to(e.$titleChild,{y:"110%",scale:1.05,duration:.6,ease:"expo.inOut"}),o.p8.killTweensOf(e.$title,"y"),o.p8.to(e.$title,{y:"-110%",duration:.6,ease:"expo.inOut"}),o.p8.killTweensOf(e.$imgChild,"y,scale"),o.p8.to(e.$imgChild,{y:"110%",scale:1.15,duration:.6,ease:"expo.inOut"}),o.p8.killTweensOf(e.$img,"y"),o.p8.to(e.$img,{y:"-110%",duration:.6,ease:"expo.inOut",onComplete:()=>{e.$video.pause(),e.comp&&e.comp()}})}}class pi{constructor({onLoaded:e,onOpeningAfter:t}){this.state={opening:!1},this.pageNavi,this.cover,this.bg=null,this._init({onLoaded:e,onOpeningAfter:t})}_init({onLoaded:e,onOpeningAfter:t}){xe.exResizeOn(z.height),this.bg=new De,this.mainvisual=new Ut({src:[g?"/-/media/ap/cn/digest/renew/img/technology/sp/mainvisual.jpg":"/-/media/ap/cn/digest/renew/img/technology/mainvisual.jpg"],srcVideo:[g?"/-/media/ap/cn/digest/renew/video/technology/sp/tech-main.mp4":"/-/media/ap/cn/digest/renew/video/technology/tech-main.mp4"],onComplete:()=>{new mi,e(),this.mainvisual.opening({onComplete:()=>{t(),this.bg.line.start(),qe.showTrigger(),xe.exResizeOff(),this.state.opening=!0,document.querySelector(".c-pageTop").style.opacity=1}})}})}}const vi=new Te({$container:document.querySelector("[data-gl-cover]"),logarithmicDepthBuffer:!0}),gi=g||$.isSP;class fi{constructor(){this.dom={$image:gi?document.querySelectorAll("[data-technology-image-sp]"):document.querySelectorAll("[data-technology-image]"),$imageChild:gi?document.querySelectorAll("[data-technology-image-sp-child]"):document.querySelectorAll("[data-technology-image-child]"),$video:gi?document.querySelectorAll("[data-technology-image-sp-video]"):document.querySelectorAll("[data-technology-image-video]")},this.state={viewCurrent:xe.getState.viewCurrent,max:this.dom.$image.length-1,isShowSP:[]},this.dom.$image.forEach(((e,t)=>{this.state.isShowSP[t]=!1})),o.p8.set(this.dom.$image,{y:"101%"}),o.p8.set(this.dom.$imageChild,{y:"-101%",scale:1.5})}change(){this.show({$video:this.dom.$video[xe.getState.viewCurrent],$image:this.dom.$image[xe.getState.viewCurrent],$imageChild:this.dom.$imageChild[xe.getState.viewCurrent]}),this.dom.$image.forEach(((e,t)=>{t!==xe.getState.viewCurrent&&this.out({no:t,$video:this.dom.$video[t],$image:e,$imageChild:this.dom.$imageChild[t]})}))}show(e){if(e.$image.classList.add("-current"),e.$video.play(),this.state.isShowSP[xe.getState.viewCurrent])return!1;this.state.isShowSP[xe.getState.viewCurrent]=gi,o.p8.killTweensOf(e.$imageChild,"y, scale"),o.p8.fromTo(e.$imageChild,{y:-101*xe.getState.dir+"%",scale:1.5},{y:"0%",scale:1,duration:gi?1:.6,ease:gi?"expo.inOut":"expo.out"}),o.p8.killTweensOf(e.$image,"y"),o.p8.fromTo(e.$image,{y:101*xe.getState.dir+"%"},{y:"0%",duration:gi?1:.6,ease:gi?"expo.inOut":"expo.out"})}out(e){if(e.$image.classList.remove("-current"),gi)return e.$video.pause(),!1;o.p8.killTweensOf(e.$imageChild,"y,scale"),o.p8.to(e.$imageChild,{y:101*xe.getState.dir+"%",scale:1.15,duration:gi?1:.6,ease:"expo.inOut"}),o.p8.killTweensOf(e.$image,"y"),o.p8.to(e.$image,{y:-101*xe.getState.dir+"%",duration:gi?1:.6,ease:"expo.inOut",onComplete:()=>{e.$video.pause()}})}}class xi{constructor({onLoaded:e,onOpeningAfter:t}){xe.exResizeOn(z.height),this.dom={$title:document.querySelectorAll("[data-technology-title]"),$openingItem:document.querySelectorAll("[data-technology-opening]"),$openingPanel:document.querySelector("[data-technology-opening-panel]"),$uiItem:document.querySelectorAll("[data-technology-ui]")},this.state={opening:!1,uiShow:!0,screenOffset:0},this.pageNavi=null,this.cover=null,this.titleMotion=[],this.image=null,this.bg=null,this.openingFadeMotion=[],this.uiFadeMotion=[],this.spNaviPanelOpeningMotion=null,this._boundOnAnimationFrame=this._onAnimationFrame.bind(this),this._init({onLoaded:e,onOpeningAfter:t})}_init({onLoaded:e,onOpeningAfter:t}){const i=location.pathname.split("/"),s=""!==i[i.length-1]?i[i.length-1]:i[i.length-2];document.documentElement.classList.add("-page-"+s),this.bg=new De,this.dom.$openingItem.forEach((e=>{this.openingFadeMotion.push(new U({elTarget:e}))})),this.dom.$uiItem.forEach((e=>{this.uiFadeMotion.push(new U({elTarget:e}))})),this.spNaviPanelOpeningMotion=new jt({elTarget:this.dom.$openingPanel}),e(),this._styleSet(),vi.init({onComplete:()=>{this.cover=new be({gl:vi}),vi.startRender(),this.image=new fi,this.navi=new ni({onClick:e=>{xe.scrollTo(xe.getState.sectionPosition[e].start-document.querySelector("#top-menu").clientHeight)},isMobileMode:!0}),this.opening({onComplete:()=>{this.bg.line.start(),qe.showTrigger(),xe.exResizeOff(),t(),document.querySelector(".c-pageTop").style.opacity=1}}),this._addEventListener()}})}_styleSet(){this.dom.$title.forEach(((e,t)=>{this.titleMotion[t]=new Z({$ele:e})}))}opening({onComplete:e}){this.cover.out(),o.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(((e,t)=>{this.titleMotion[t].show({delay:.1*t})})),o.p8.delayedCall(.6,(()=>{this.spNaviPanelOpeningMotion.show(),o.p8.fromTo(document.querySelector("#top-menu"),{y:-document.querySelector("#top-menu").clientHeight,opacity:0},{y:0,opacity:1,duration:.4,ease:"sine.out"});let t=0;this.openingFadeMotion.forEach(((i,s)=>{i.show({delay:.05*s,onComplete:()=>{t+=1,t>=this.openingFadeMotion.length&&(this.state.opening=!0,e(),this.navi.currentShow(xe.getState.viewCurrent))}})}))}))}))}uiShow(){o.p8.set(this.dom.$uiItem,{pointerEvents:"all"}),this.uiFadeMotion.forEach((e=>{e.show()}))}uiOut(){o.p8.set(this.dom.$uiItem,{pointerEvents:"none"}),this.uiFadeMotion.forEach((e=>{e.out()}))}_onGlobalResize(){}_onAnimationFrame(){if(!this.state.opening)return!1;this.image.state.viewCurrent!==xe.getState.viewCurrent&&(this.image.state.max<xe.getState.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=xe.getState.viewCurrent,this.state.uiShow=!1,this.uiOut()):this.image.dom.$image[xe.getState.viewCurrent]&&this.image.state.viewCurrent!==xe.getState.viewCurrent&&(this.image.state.viewCurrent=xe.getState.viewCurrent,this.navi.currentOut(),this.navi.currentShow(xe.getState.viewCurrent),this.image.change(),this.state.uiShow||(this.state.uiShow=!0,this.uiShow())))}_addEventListener(){_.add(this._boundOnAnimationFrame)}}class yi extends $e{constructor({elTarget:e}){super(),this.elTargetArrow=e.querySelector("[data-hover-top-arrow-obj]"),this.init({elTarget:e})}_setStyle(){}_motionShow(){this.isMotion=!0,o.p8.killTweensOf(this.elTargetArrow,{y:!0,opacity:!0}),o.p8.to(this.elTargetArrow,{y:"-100%",opacity:0,duration:.3,ease:"expo.out",onComplete:()=>{o.p8.fromTo(this.elTargetArrow,{y:"100%"},{y:"0%",opacity:1,duration:.3,ease:"expo.out",onComplete:()=>{this.isMotion=!1,this.isMouseOn||(this._motionOut(),this._addOnMouseLeave[0]&&this._addOnMouseLeave.forEach((e=>{e()})))}})}})}_motionOut(){this.elTarget.classList.remove("-hover")}}class wi{constructor(){if(this.dom={$ele:document.querySelector("[data-pagetop]")},!this.dom.$ele)return!1;this.dom.$ele.addEventListener("click",(()=>{xe.scrollTo(0)}),C)}}var _i;_i=()=>{z.resize(),store.mediaSize=He.baseWithSP<z.width?"pc":"sp",M.add((()=>{z.resize();const e=He.baseWithSP<z.width?"pc":"sp";e!==store.mediaSize&&(store.mediaSize=e,location.reload())}));const e=[g?"-mobile":"-no-mobile"];f&&e.push("-tablet"),v&&e.push("-android"),p&&e.push("-ios"),d&&e.push("-windows"),m&&e.push("-ipad"),h&&e.push("-edge"),r&&e.push("-ie"),c&&e.push("-safari"),f||g||e.push("-ua-pc"),(f||g)&&e.push("-no-ua-pc"),e.forEach((e=>{document.documentElement.classList.add(e)}));const t=location.href.split("/");t.includes("es")&&(store.lang="es"),t.includes("en")&&(store.lang="en"),t.includes("fr")&&(store.lang="fr"),t.includes("ja")&&(store.lang="ja"),t.includes("it")&&(store.lang="it"),t.includes("pt")&&(store.lang="pt"),t.includes("vi")&&(store.lang="vi"),t.includes("ru")&&(store.lang="ru"),t.includes("de")&&(store.lang="de"),t.includes("th")&&(store.lang="th"),store.lang&&document.documentElement.classList.add("-lang-"+store.lang),store.pagaID=document.querySelector("[data-page]").dataset.page;const i=async()=>{const e={value:location.href};await x({key:"referrer",value:JSON.stringify(e)})},s=()=>{const e=[...document.querySelectorAll("[data-hover-btn]")];e[0]&&e.forEach((e=>{new Le({elTarget:e})}));const t=[...document.querySelectorAll("[data-hover-boxarrow]")];t[0]&&t.forEach((e=>{new lt({elTarget:e})}));const i=[...document.querySelectorAll("[data-hover-top-arrow]")];i[0]&&i.forEach((e=>{new yi({elTarget:e})})),o.p8.delayedCall(.5,(()=>{document.querySelector(".t-bgLine")&&document.querySelector(".t-bgLine").classList.add("-loaded"),document.body.classList.add("-loaded"),M.emit()}))},n=()=>{if(o.p8.set(document.querySelector("footer"),{opacity:1}),new wi,At.show(),c||f){let e;xe.addOnCheckScrollComplete((()=>{clearTimeout(e),e=setTimeout((()=>{o.p8.set(document.querySelector("#top-menu"),{opacity:1})}),100)}))}i()};switch(Pe.state.isDisabled=!0,store.pagaID){case"index":xe.init(document),new Ot({onLoaded:()=>{s()},onOpeningAfter:()=>{n(),document.querySelectorAll("[data-num-format]").forEach((e=>{const t=e.textContent.replace(/(\d)(?=(\d\d\d)+(?!\d))/g,"$1,");e.textContent=t}))}}),new Ce;break;case"history":xe.init(document),new Ht({onLoaded:()=>{s(),o.p8.set(document.querySelector("#ctl02 > .wrap"),{opacity:1})},onOpeningAfter:()=>{n()}}),new Ce;break;case"at-your-side":xe.init(document),new Qt({onLoaded:()=>{s(),o.p8.set(document.querySelector("#ctl02 > .wrap"),{opacity:1})},onOpeningAfter:()=>{n()}}),new Ce;break;case"value":Pe.state.isDisabled=!1,new ui({onLoaded:()=>{s(),o.p8.set(document.querySelector("#ctl02 > .wrap"),{opacity:1})},onOpeningAfter:()=>{const e=[...document.querySelectorAll("[data-hover-btn]")];e[0]&&e.forEach((e=>{new Le({elTarget:e})}));const t=[...document.querySelectorAll("[data-hover-boxarrow]")];t[0]&&t.forEach((e=>{new lt({elTarget:e})})),i()}});break;case"technology":xe.init(document),new pi({onLoaded:()=>{s(),o.p8.set(document.querySelector("#ctl02 > .wrap"),{opacity:1})},onOpeningAfter:()=>{n()}}),new Ce;break;case"technologyDetail":xe.init(document),new xi({onLoaded:()=>{s(),o.p8.set(document.querySelector("#ctl02 > .wrap"),{opacity:1})},onOpeningAfter:()=>{n()}}),new Ce}document.addEventListener("visibilitychange",(()=>{"visible"===document.visibilityState&&M.emit()}))},"interactive"===document.readyState||"complete"===document.readyState?_i():document.addEventListener("DOMContentLoaded",_i),window.addEventListener("load",(()=>{M.emit()})),history.replaceState(null,null,null),window.onpopstate=()=>{location.reload()}},489:function(){window.store=window.store||{},store={lang:"",pagaID:"",isModalOpen:!1}},625:function(e,t,i){i(797)(null,{watchMQ:!0}),i(337)}},i={};function s(e){var o=i[e];if(void 0!==o)return o.exports;var n=i[e]={exports:{}};return t[e](n,n.exports,s),n.exports}s.m=t,e=[],s.O=function(t,i,o,n){if(!i){var a=1/0;for(c=0;c<e.length;c++){i=e[c][0],o=e[c][1],n=e[c][2];for(var r=!0,h=0;h<i.length;h++)(!1&n||a>=n)&&Object.keys(s.O).every((function(e){return s.O[e](i[h])}))?i.splice(h--,1):(r=!1,n<a&&(a=n));if(r){e.splice(c--,1);var l=o();void 0!==l&&(t=l)}}return t}n=n||0;for(var c=e.length;c>0&&e[c-1][2]>n;c--)e[c]=e[c-1];e[c]=[i,o,n]},s.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return s.d(t,{a:t}),t},s.d=function(e,t){for(var i in t)s.o(t,i)&&!s.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},s.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},s.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},function(){var e={23:0};s.O.j=function(t){return 0===e[t]};var t=function(t,i){var o,n,a=i[0],r=i[1],h=i[2],l=0;for(o in r)s.o(r,o)&&(s.m[o]=r[o]);if(h)var c=h(s);for(t&&t(i);l<a.length;l++)n=a[l],s.o(e,n)&&e[n]&&e[n][0](),e[a[l]]=0;return s.O(c)},i=self.webpackChunkaq_html_boilerplate=self.webpackChunkaq_html_boilerplate||[];i.forEach(t.bind(null,0)),i.push=t.bind(null,i.push.bind(i))}();var o=s.O(void 0,[21],(function(){return s(823)}));o=s.O(o)}();