!function(){var e,t={180:function(){window.store=window.store||{},store={lang:"",pagaID:"",isModalOpen:!1}},436:function(e,t,i){i(915)(null,{watchMQ:!0}),i(127)},886:function(e,t,i){"use strict";var o={};i.r(o),i.d(o,{Y:function(){return C}});var s=i(880);i(436);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),d=!(h||l||c)&&/Firefox/.test(n),u=/Win/.test(a),m=/iPad/.test(n)||/Macintosh/.test(n)&&"ontouchend"in document,p=/iPad|iPhone|iPod/.test(n)&&!window.MSStream,g=/Android/i.test(n),v=p&&!m||g,f="ontouchstart"in document.documentElement&&(navigator.maxTouchPoints>0||navigator.msMaxTouchPoints>0)&&!n.match(/iPhone|Android.+Mobile/)||m,y=({key:e,value:t})=>{sessionStorage.setItem(e,t)},x=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,s.os.ticker.add(this._boundOnAnimationFrame)))}remove(e){this._removeCallback(e)&&this._isRunning&&0===this._callbackArr.length&&(s.os.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()}},b={Click:"click",DoubleClick:"dblclick",MouseDown:"mousedown",MouseMove:"mousemove",MouseUp:"mouseup",OrientationChange:"orientationchange",Resize:"resize",Scroll:"scroll"};Object.freeze(b);const S={EveryTime:"everytime",Throttle:"throttle",Debounce:"debounce"};Object.freeze(S);let T=!1;try{const e={get passive(){return T=!0,!1}};window.addEventListener("test",null,e),window.removeEventListener("test",null,e)}catch(e){T=!1}const C=!!T&&{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(...o)=>{const s=performance.now();s-i<e||(i=s,t(...o))}})(i,this._onEvent.bind(this));break;case S.Debounce:this._boundOnEvent=((e,t)=>{let i=null;return(...o)=>{i&&clearTimeout(i),i=setTimeout((()=>{t(...o),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(b.OrientationChange);const k=new O(b.Resize);i(180);var M=i(571);const $=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})}}(b.Scroll),P=()=>({isSP:window.matchMedia("screen and (max-width: 767px)").matches}),E={isInertia:!(v||f||P().isSP),ParallaxDefaultRate:.1,MotionFps:30,InertiaSpeed:15};Object.freeze(E);const L=(e,t)=>Math.random()*(t-e)+e,A=(e,t,i)=>Math.max(Math.min(e,i),t);class j{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 R,q,I;R=z,q="_size",I={x:window.innerWidth,y:window.innerHeight},(q=function(e){var t=function(e){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var i=t.call(e,"string");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:t+""}(q))in R?Object.defineProperty(R,q,{value:I,enumerable:!0,configurable:!0,writable:!0}):R[q]=I;class B{constructor({scroll:e,sectionNo:t,elWrap:i,elTargets:o}){this.scroll=e,this.sectionNo=t,this.position=[],this.elWrap=i,this.elTargets=o,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(),o=e.getBoundingClientRect(),s=this.scroll.sectionPosition[this.sectionNo]?this.scroll.sectionPosition[this.sectionNo].start:0,n=o.top-i.top+s;this.position[t]={start:Math.max(n-z.height,0),end:Math.max(n+o.height+z.height,0)}})),this._addResize()}_addResize(){}}class D extends B{constructor({scroll:e,sectionNo:t,elWrap:i,elTargets:o}){super({scroll:e,sectionNo:t,elWrap:i,elTargets:o}),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(),o=e.getBoundingClientRect(),s=this.scroll.sectionPosition[this.sectionNo]?this.scroll.sectionPosition[this.sectionNo].start:0,n=o.top-i.top+s;this.position[t]={start:Math.max(n-z.center.y,0),end:Math.max(n+o.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 W extends B{constructor({scroll:e,sectionNo:t,elWrap:i,elTargets:o}){super({scroll:e,sectionNo:t,elWrap:i,elTargets:o}),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]?s.os.set(e.children[0],{top:this.position[t].start>z.height?-1*i:0}):s.os.set(e.children[0],{top:this.position[t].start>z.height?i:0})}))}}const F="sine.out";class U{constructor({elTarget:e,isSetStyleOff:t}){this.elTarget=e,t||this._setStyle()}_setStyle(){s.os.set(this.elTarget,{opacity:0})}show(e){const{delay:t,onComplete:i}=e||{delay:null,onComplete:null};s.os.killTweensOf(this.elTarget,"opacity"),s.os.to(this.elTarget,{opacity:1,duration:.3,ease:F,delay:t,onComplete:i})}out(e){const{delay:t,onComplete:i}=e||{delay:null,onComplete:null};s.os.killTweensOf(this.elTarget,"opacity"),s.os.to(this.elTarget,{opacity:0,duration:.3,ease:F,delay:t,onComplete:i})}}const H="sine.out";class Y{constructor({elTarget:e}){this.elTarget=e[0]?e:[...e.querySelectorAll('[data-smooth-scroll="motion-child"]')],this._setStyle()}_setStyle(){s.os.set(this.elTarget,{opacity:0})}show(){s.os.killTweensOf(this.elTarget,"opacity"),s.os.to(this.elTarget,{opacity:1,duration:.3,stagger:.05,ease:H})}out(){s.os.killTweensOf(this.elTarget,"opacity"),s.os.to(this.elTarget,{opacity:0,duration:.3,stagger:.05,ease:H})}}const G="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(){s.os.set(this.elTargetInner,{x:"-110%",willChange:"transform",rotate:"0.00001deg"})}show(){s.os.killTweensOf(this.elTargetInner,"x"),s.os.to(this.elTargetInner,{x:"0%",ease:G,duration:.8,stagger:.02})}out(){s.os.killTweensOf(this.elTargetInner,"x"),s.os.to(this.elTargetInner,{x:"-110%",ease:G,duration:.8,stagger:.02})}}const V=["้","ู","ั","่","่","ำ","็","ุ","์","ี","ี่","ิ","ี่","ื","ึ"];class J{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 o=[],n=0;t.forEach(((e,t)=>{if(e.match(/\S/g))if(V.includes(e)){n+=1;const i=o[o.length-1];o.splice(t-n,n),o.push(i+e)}else o.push(e);else o.push(e)}));let a={check:!1,count:-1,startTextNo:0};for(;i<o.length;){const t=o[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]),s.os.set(this.dom.$paragraph,{position:"relative",overflow:"hidden",display:"inline"}),s.os.set(this.dom.$parent,{position:"relative",overflow:"hidden",display:"inline-block"}),s.os.set(this.dom.$ele,{x:"-110%",position:"relative",display:"inline-block",willChange:"transform,opacity",rotate:"0.00001deg"}),this._stagger=this.conf.staggerMaxLength<this.dom.$ele.length?this.conf.staggerSpeed*this.conf.staggerMaxLength/this.dom.$ele.length:this.conf.staggerSpeed}show(e){s.os.killTweensOf(this.dom.$ele,{x:!0}),s.os.fromTo(this.dom.$ele,{x:"-150%"},{x:"0%",opacity:1,ease:"expo.out",duration:this.conf.duration,delay:e&&e.delay||0,stagger:this._stagger,onComplete:()=>{e&&e.onComplete&&e.onComplete()}})}out(e){s.os.killTweensOf(this.dom.$ele,{x:!0}),s.os.to(this.dom.$ele,{x:"110%",ease:"expo.out",duration:.6,onComplete:()=>{e&&e.onComplete&&e.onComplete()}})}}const K=["้","ู","ั","่","่","ำ","็","ุ","์","ี","ี่","ิ","ี่","ื","ึ"];class Z{constructor(e){this.dom={$paragraph:[],$ele:[]},this.state={},this.conf={staggerMaxLength:20};const t=[...e.$ele.textContent];let i=0;e.$ele.textContent="";let o=[],n=0;t.forEach(((e,t)=>{if(e.match(/\S/g))if(K.includes(e)){n+=1;const i=o[o.length-1];o.splice(t-n,n),o.push(i+e)}else o.push(e);else o.push(e)}));let a={check:!1,count:-1,startTextNo:0};for(;i<o.length;){const t=o[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]&&s.os.set(this.dom.$paragraph,{position:"relative",overflow:"hidden",display:"inline-block"}),s.os.set(this.dom.$ele,{opacity:0,color:"#0d2ea0",position:"relative",display:"inline-block"})}show(e){s.os.killTweensOf(this.dom.$ele,{opacity:!0,color:!0});const t=e?e.white:null;s.os.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){s.os.killTweensOf(this.dom.$ele,{opacity:!0,color:!0}),s.os.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 Y({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 J({$ele:this.elTarget})}show(){this._motion.show()}out(){this._motion.out()}}class oe{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._setStyle()}_setStyle(){s.Ay.set(this.elTarget,{xPercent:-100,y:0}),s.Ay.set(this.elTarget.firstElementChild,{xPercent:100,y:0})}show(){const e="steps("+this.elTarget.innerText.length+")";s.Ay.to(this.elTarget,{xPercent:0,y:0,duration:.5,ease:e}),s.Ay.to(this.elTarget.firstElementChild,{xPercent:0,y:0,duration:.5,ease:e})}}class ne{constructor(e){this.elTarget=e,this._setStyle()}_setStyle(){s.Ay.set(this.elTarget,{xPercent:-100,y:0}),s.Ay.set(this.elTarget.firstElementChild,{xPercent:100,y:0})}show(){const e="steps("+this.elTarget.innerText.length+")";s.Ay.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(){s.Ay.set(this.elTarget,{opacity:0,y:0})}show(){s.Ay.to(this.elTarget,{opacity:1,duration:1,ease:"steps(3)"})}}class re{constructor(e){this.elTarget=e,this._setStyle()}_setStyle(){s.Ay.set(this.elTarget,{opacity:0,y:0})}show(){s.Ay.to(this.elTarget,{opacity:1,duration:1,ease:"steps(3)"})}}class he{constructor(e){this.elTarget=e,this._setStyle()}_setStyle(){s.Ay.set(this.elTarget,{background:"none"})}show(){s.Ay.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(){s.Ay.set(this.elTarget,{opacity:0})}show(){s.Ay.fromTo(this.elTarget,{opacity:0},{opacity:1,duration:1})}}class de extends B{constructor({scroll:e,sectionNo:t,elWrap:i,elTargets:o}){super({scroll:e,sectionNo:t,elWrap:i,elTargets:o}),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 oe(e));break;case"takeruSlideinwrapper":this._motion.push(new se(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 ue{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 j({position:0,speed:E.InertiaSpeed}),this._powerTween=new j({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(".p-business__footer")&&this.elBodyContents.push(e.querySelector(".p-business__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 W({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 de({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]=A((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,o=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)),o&&(this.current.includes(o)||this.current.push(o)),this.elBodyContents[this.viewCurrent].offsetHeight<=z.height){const e=i>0?i-1:null,t=o<this.elBodyContents.length-1?o+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&&s.os.set(e,{opacity:1,pointerEvents:"auto"});else if(e.classList.remove("-active"),E.isInertia){const i=this.sectionPosition[t]?this.sectionPosition[t].start:0;s.os.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,o={start:this.sizeBodyHeight,end:i};this.sizeBodyHeight=i,this.sectionPosition[t]=o,this.sectionProgressDistance[t]=o.end-o.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);ye.scrollTo(this._anchorsPosition[t].position[0].start+z.height)}}addFocusEventListener(){this.elAnchors.forEach((e=>{e.addEventListener("focus",this._boundOnFocus,o.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 ue{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,s.os.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,s.os.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 ge extends ue{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(){s.os.set(this.elRoot,{height:this.sizeBodyHeight})}_targetContentsResize(){this.elBodyContents.forEach(((e,t)=>{s.os.set(e,{top:this.sectionPosition[t].start}),s.os.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 ve{constructor({scroll:e,sectionNo:t,elWrap:i,elTarget:o,elFixedArea:s,option:n={pcOff:!1,spOff:!1}}){this.elWrap=i,this.elTarget=o,this.elFixedArea=s,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,"+A(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(P().isSP&&this.isSpOff||!P().isSP&&this.isPcOff||f)return this.off(),!1;(!P().isSP&&this.isSpOff||P().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 o=e.closest('[data-smooth-scroll="content"]');this._childElementPin.push(new ve({scroll:this._scroll,sectionNo:o.dataset.no,elWrap:o,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()}))}}s.os.registerPlugin(M.I),E.isInertia||document.body.classList.add("is-inertia-none");const ye=new class{constructor(){this.isInit=!1,this.isActive=!1,this.isExResize=!1,this.isFixed=!1,this._scroll=E.isInertia?new ge: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(),$.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(){$.add(this._boundOnGlobalScroll),k.add(this._boundOnGlobalResize),_.add(this._boundOnAnimationFrame),this._scroll.addFocusEventListener()}_removeEventListener(){$.remove(this._boundOnGlobalScroll),k.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:o}=t;s.os.to(window,{scrollTo:{y:e,autoKill:!1},duration:i||(E.isInertia?.1:.5),onComplete:o})}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,s.os.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,s.os.set(this._scroll.elRoot,{position:"fixed",top:this.getState.val.y,left:0})}fixedOff(){this.isFixed=!1,setTimeout((()=>{this._scroll.elRoot&&this._scroll.elRoot.removeAttribute("style"),this.setScrollTo(0,this.getState.val.y)}),500)}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 xe=i(964);class we{constructor({width:e,height:t,center:i,isNarrow:o}){this.obj=o?new xe.ubm(60,e/t,.1,1e3):new xe.ubm(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 xe.Pq0(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 xe.Z58,this.renderer=new xe.JeP({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"}),k.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 be{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 be({$container:document.querySelector("[data-gl-transition]")});class Te{constructor({gl:e,isTransition:t}){this.dom={},this.obj={},this.state={},this.gl=e;const i=new xe.pxj(this.gl.obj.canvas.state.size.width,this.gl.obj.canvas.state.size.height);i.verticesNeedUpdate=!0,this.mesh=new xe.eaF(i,new xe.D$Q({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:xe.$EB,uniforms:{uTime:{value:0},uRate:{value:.4},uOpacity:{value:1},uOpacity2:{value:1},uScale:{value:0},uMask:{type:"v2",value:new xe.I9Y(.2,.1)},uResolution:{type:"v2",value:new xe.I9Y(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}){s.os.to(this.mesh.material.uniforms.uScale,{value:0,ease:"expo.inOut",duration:1}),s.os.to(this.mesh.material.uniforms.uRate,{value:4,ease:"expo.inOut",duration:1.2,onComplete:()=>{e()}})}out(){s.os.to(this.mesh.material.uniforms.uScale,{value:.1,ease:"power2.out",duration:.5,onComplete:()=>{s.os.to(this.mesh.material.uniforms.uRate,{value:0,ease:"expo.in",duration:.6}),s.os.to(this.mesh.material.uniforms.uScale,{value:1,ease:"expo.in",duration:.6})}})}}class Ce{constructor(){this.dom={$link:document.querySelectorAll("#container [data-link]")},this.cover,Se.init({onComplete:()=>{this.cover=new Te({gl:Se}),this.cover.out(),this.dom.$link.forEach((e=>{e.addEventListener("click",(e=>{const t=e.target.getAttribute("data-link-href");if(!t)return!1;Se.startRender(),this.cover.show({onComplete:()=>{location.href=t}}),document.querySelector("body").classList.add("-transition"),s.os.to(document.querySelector(".mf_finder_container"),{opacity:0,duration:.2})}),C)}))}})}}var Oe=i(30),ke=i.n(Oe);const Me=v||f,$e=new class{constructor(){this.dom={$content:document.querySelectorAll("[data-wheel-content]")},this.conf={total:this.dom.$content.length-1,changeTime:Me?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:Me},this.method={_onStart:[],_onReverse:[],_onMove:[],_onNext:[],_onPrev:[],_onNextBefore:[],_onPrevBefore:[],_onTo:[],_onFit:[],moveTween:new j({position:0,speed:Me?4:8}),tween:new j({position:0,speed:Me?4:8})},this._setEvent()}_setEvent(){Me?(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=ke()(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=A(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,s.os.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()})),s.os.delayedCall(Me?.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()})),s.os.delayedCall(Me?.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(){s.os.killTweensOf(this.state,"wheelTime, progress"),s.os.to(this.state,{wheelTime:0,progress:0,duration:Me?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}){s.os.killTweensOf(this.state,"wheelTime, progress"),s.os.to(this.state,{wheelTime:this.conf.changeTime*e,progress:1*e,duration:this.state.isTo?.6:Me?Math.max(1-1*Math.abs(this.state.progress),.2):Math.max(1-1*Math.abs(this.state.progress),.5),ease:"sine.inOut",onStart:()=>{Me||this.method._onFit[0]&&this.method._onFit.forEach((e=>{e()}))},onComplete:()=>{Me&&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 Pe{constructor(){if(v||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(v||f)return!1;this.elTarget.addEventListener("mousemove",this._boundOnMouseOn,o.passiveOptions),this.elTarget.addEventListener("mouseleave",this._boundOnMouseLeave,o.passiveOptions)}removeEventListener(){this.elTarget.removeEventListener("mousemove",this._boundOnMouseOn,o.passiveOptions),this.elTarget.removeEventListener("mouseleave",this._boundOnMouseLeave,o.passiveOptions)}addOnMouseOn(e){this._addOnMouseOn.push(e)}addOnMouseLeave(e){this._addOnMouseLeave.push(e)}forceMotionOut(){this.isMotion=!1,this._motionOut()}}class Ee extends Pe{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(){s.os.set(this.elText,{y:"110%",overflow:"hidden"}),s.os.set(this.elTextChild,{y:"-110%",scale:1.1,position:"relative",rotate:"0.0001deg"})}_motionShow(){this.isMotion=!0,s.os.killTweensOf(this.elTextChild,"y,scale"),s.os.fromTo(this.elTextChild,{y:"-110%",scale:1.1},{y:"0%",scale:1,duration:.6,ease:"expo.out"}),this.elTargetText&&s.os.to(this.elTargetText,{opacity:0,duration:.3,ease:"power2.out",delay:.3}),s.os.killTweensOf(this.elText,"y"),s.os.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"),s.os.killTweensOf(this.elTextChild,"y,scale"),s.os.to(this.elTextChild,{y:"110%",scale:1.05,duration:.6,ease:"expo.inOut"}),this.elTargetText&&s.os.to(this.elTargetText,{opacity:1,duration:.3,ease:"power2.out",delay:.3}),s.os.killTweensOf(this.elText,"y"),s.os.to(this.elText,{y:"-110%",duration:.6,ease:"expo.inOut"})}}class Le extends Pe{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(){s.os.set(this.elTargetPanel,{x:"-110%"})}_motionShow(){this.isMotion=!0,this.elTargetText&&(s.os.killTweensOf(this.elTargetText,"color"),s.os.to(this.elTargetText,{color:"white"===this.textColor?"#0c072b":"#fff",duration:.5,ease:"power2.out"})),s.os.killTweensOf(this.elTargetPanel,"x"),s.os.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&&(s.os.killTweensOf(this.elTargetText,"color"),s.os.to(this.elTargetText,{color:"white"===this.textColor?"#9496ab":"#0c072b",duration:.5,ease:"power2.out"})),s.os.killTweensOf(this.elTargetPanel,"x"),s.os.to(this.elTargetPanel,{x:"110%",duration:.5,ease:"expo.inOut"})}}class Ae{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=P().isSP,this.setTimeResize=null,this._boundOnGlobalResize=this._onGlobalResize.bind(this)}_init(){this._setStyle(),this._addEventListener()}_setStyle(){s.os.set(this.elProgressBarInner,{overflow:"hidden"}),s.os.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();s.os.killTweensOf([this.elProgressBarGauge,this.elProgressBarIcon],"y"),s.os.fromTo(this.elProgressBarGauge,{y:0},{y:t,duration:1,ease:"expo.inOut"}),s.os.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,s.os.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(((o,s)=>{const{top:n,height:a}=o.getBoundingClientRect();this.targetPositionY[s]="index"===this.pageID?Math.max(n+a-e-i,0):s===this.elProgressBarTargets.length-1?Math.max(t,0):Math.max(n-e+i,0),this.targetIconPositionY[s]="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(){k.add(this._boundOnGlobalResize)}}class je extends Ae{constructor({elWrap:e,pageId:t}){super({elWrap:e,pageId:t}),this._init()}_progresGaugePosition(){let e=2===ye.getState.viewCurrent?ye.getState.viewCurrent:ye.getState.viewCurrent-1;return 6!==ye.getState.viewCurrent&&7!==ye.getState.viewCurrent||2===ye.getChildElementPositionState(6).viewCurrent&&(e+=1),{x:0,y:0===ye.getState.viewCurrent?0:this.targetPositionY[Math.max(e-1,0)],yIcon:0===ye.getState.viewCurrent?0:this.targetIconPositionY[Math.max(e-1,0)]}}}const ze={"at-your-side":0,value:1,technology:2,history:5};class Re extends Ae{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 o=-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="'+o+'"]'),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=P().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?(s.os.killTweensOf(this.elPageTargetLineSp,"x"),s.os.fromTo([this.elPageTargetLineSp,this.elProgressBarIcon],{x:0},{x:e+this.iconWidthCenter,duration:.5,delay:.5,ease:"expo.inOut"}),s.os.fromTo(this.elProgressBarIcon,{y:t-this.elProgressBarIcon.getBoundingClientRect().width},{y:this.addTargetPositionY,duration:.5,delay:.75,ease:"expo.inOut"}),s.os.fromTo(this.elPageTargetLine,{y:0},{y:this.addTargetPositionLineY,duration:.5,delay:.75,ease:"expo.inOut"})):(s.os.fromTo(this.elPageTargetLine,{x:0},{x:e,duration:1,delay:.5,ease:"expo.inOut"}),s.os.fromTo(this.elProgressBarIcon,{x:0},{x:e+this.iconWidthCenter,duration:1,delay:.5,ease:"expo.inOut"}))}_addResetGauge(){this.elPageTargetLineSp&&this.isSP&&(s.os.to([this.elPageTargetLineSp,this.elProgressBarIcon],{x:0,duration:.5,delay:.75,ease:"expo.inOut"}),s.os.to(this.elProgressBarIcon,{y:0,duration:.5,delay:.5,ease:"expo.inOut"}),s.os.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:o}=this.elPageTarget.getBoundingClientRect();this.iconWidthCenter=.5*this.elProgressBarIcon.getBoundingClientRect().width,this.targetPositionX=o-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 qe{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,o.passiveOptions)}removeEventListener(){this.elTarget.removeEventListener("click",this._boundOnClickOn,o.passiveOptions)}addOnClick(e){this._addOnClick.push(e)}}class Ie extends qe{constructor({elTarget:e,value:t}){super(),this._value={value:t},this.init({elTarget:e})}async _clickOn(){await y({key:"gnavi-click-item",value:JSON.stringify(this._value)})}}const Be=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(".mod-0101"),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||"industrial"===e?new je({elWrap:this.elWrap,pageId:e}):new Re({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 J({$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(){s.os.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(),ye.fixedOn()}close(){this.isOpen=!1,this.elWrap.classList.remove("-open"),s.os.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(),ye.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}){s.os.killTweensOf(this.elTriggerInner,"y"),s.os.to(this.elTriggerInner,{y:0,duration:e})}changePositionTriggerHeaderOut(){this.isHeaderShow=!1,this._motionChangePositionTriggerHeaderOut({duration:.4})}_motionChangePositionTriggerHeaderOut({duration:e}){s.os.killTweensOf(this.elTriggerInner,"y"),s.os.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||s.os.set(this.elTriggerInner,{y:-1*this.basePositionY})}_addEventListener(){this.elTrigger.addEventListener("click",this._boudOnClickTrigger,C),k.add(this._boundOnGlobalResize)}};class De{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]=s.os.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;s.os.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;s.os.set(this.dom.$ele,{y:"-50vh"})}}class Ne{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 De}colorNormal(){s.os.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"),s.os.to(this.dom.$blue,{opacity:0,duration:.6,ease:"power2.out"})),this.state.color="white",s.os.to(this.dom.$white,{opacity:1,duration:.6,ease:"power2.out"})}colorBlue(){"white"===this.state.color&&s.os.to(this.dom.$blue,{opacity:0,duration:.6,ease:"power2.out"}),this.state.color="blue",this.dom.$wrap.classList.add("-blue"),s.os.to(this.dom.$blue,{opacity:1,duration:.6,ease:"power2.out"})}}const We=new be({$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 xe.Tap).load(e,(()=>{this.pcTexture[t].minFilter=xe.k6q,this.pcTexture[t].magFilter=xe.k6q,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 xe.Tap).load(e,(()=>{this.spTexture[t].minFilter=xe.k6q,this.spTexture[t].magFilter=xe.k6q,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 Ue{constructor({width:e,height:t}){const i=new xe.pxj(e,t,100,100);return i.verticesNeedUpdate=!0,i}}const He={src:{pc:["/-/media/global/digest/renew/img/index/kv/scene/mv-manufacture-mini-01.jpg","/-/media/global/digest/renew/img/index/kv/scene/mv-manufacture-02.jpg","/-/media/global/digest/renew/img/index/kv/scene/mv-manufacture-mini-02.jpg","/-/media/global/digest/renew/img/index/kv/scene/mv-office-mini-01.jpg","/-/media/global/digest/renew/img/index/kv/scene/mv-office-02.jpg","/-/media/global/digest/renew/img/index/kv/scene/mv-office-mini-02.jpg","/-/media/global/digest/renew/img/index/kv/scene/mv-product-mini-01.jpg","/-/media/global/digest/renew/img/index/kv/scene/mv-product-02.jpg","/-/media/global/digest/renew/img/index/kv/scene/mv-product-mini-02.jpg","/-/media/global/digest/renew/img/index/kv/scene/mv-home-mini-01.jpg","/-/media/global/digest/renew/img/index/kv/scene/mv-home-02.jpg","/-/media/global/digest/renew/img/index/kv/scene/mv-home-mini-02.jpg"]},backSrc:{changeNo:[1,4,7,10],pc:["/-/media/global/digest/renew/img/index/kv/scene/mv-manufacture-01.jpg","/-/media/global/digest/renew/img/index/kv/scene/mv-office-01.jpg","/-/media/global/digest/renew/img/index/kv/scene/mv-product-01.jpg","/-/media/global/digest/renew/img/index/kv/scene/mv-home-01.jpg"]},shadowSrc:{pc:["/-/media/global/digest/renew/img/index/kv/shadow.png"]},videoSrc:{changeNo:[4],pc:["/-/media/global/digest/renew/video/index/kv/scene/factory-04.mp4"]}};Object.freeze(He);class Ye{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 xe.B69,e.shadowOn&&(this.shadowObj=new xe.eaF(e.geo,new xe.D$Q(e.shadowMatOption)),this.shadowMaterial=this.shadowObj.material,this.shadowGeometry=this.shadowObj.geometry,this.objWrap.add(this.shadowObj)),this.obj=new xe.eaF(e.geo,new xe.D$Q(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 Ge={baseWithPC:1366,baseHeightPC:750,baseWithPCMax:1920,baseWithPCMin:1295,baseHeightPCMin:600,baseWithSP:768,baseHeightSP:1400};Object.freeze(Ge);class Xe{constructor({scene:e,geo:t,uniforms:i,vert:o,frag:s,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 Ye,this._scene=e,this._geo=t,this._shadowOn=r,this._vert=o,this._frag=s,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:xe.hB5,uniforms:this._uniforms},shadowMatOption:{vertexShader:this._shadowVert,fragmentShader:this._shadowFrag,transparent:!0,side:xe.hB5,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 o=z.width>768?A(Ge.baseWithPCMax,Ge.baseWithPCMin,z.width):z.width;let s="";s=z.width>768?Ge.baseWithPCMin>=z.width?"pcMin":Ge.baseWithPCMax<=z.width?"pcMax":"pc":"sp",this.state.display!==s&&(this._addDisplayChange[0]&&this._addDisplayChange.forEach((e=>{e()})),this.mesh.remove({scene:this._scene}),this._makeMesh(),this.state.base.width="pcMax"===s?Ge.baseWithPCMax:"pcMin"===s?Ge.baseWithPCMin:z.width,this.state.base.height=z.height),this.state.display=s,this.state.rate={x:o/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 Ve=({element:e,canvas:t})=>{const i=e.getBoundingClientRect(),o=t.state.size.widthHalf-.5*i.width,s=t.state.size.heightHalf-.5*i.height;return{x:i.left-o,y:-i.top+s}},Je=!!g;class Ke{constructor({elTarget:e,texture:t,geo:i,index:o}){this.elTarget=e,this.obj=null,this.geo=i,this.isActive=!1,this.noise=0,this._init({texture:t,index:o})}_init({texture:e,index:t}){this.obj=new Xe({scene:We.obj.canvas.scene,geo:this.geo,uniforms:{uTime:{value:0},uTexture:{value:e},uBackTexture:{value:null},uShadowTexture:{value:null},uResolution:{type:"v2",value:new xe.I9Y(0,0)},uMouse:{type:"v2",value:new xe.I9Y(0,0)},uDist:{value:.2},uScale:{value:1},uDir:{value:-1},uOffset:{type:"v2",value:new xe.I9Y(1,1)},uOpacity:{value:0},uShadowOffset:{type:"v2",value:new xe.I9Y(-.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:He.backSrc.changeNo.includes(t)?Je?"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":Je?"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=Ve({element:this.elTarget,canvas:We.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:We.obj.canvas.state.size.width*We.obj.canvas.state.pixelrate,height:We.obj.canvas.state.size.height*We.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 Ze{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 Qe{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(){s.os.set([this.elPrevBtn.querySelector(".line-color"),this.elNextBtn.querySelector(".line-color")],{y:"-110%"})}_transformText(){s.os.to(this.elNextBtnText,{y:-100*this.nextCurrent+"%",duration:.6,ease:"expo.out"}),s.os.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 et{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 Qe({slider:this}),this._flick=v||f?new Ze:null,this._init()}_init(){this._setStyle(),this._addEventListener()}_setStyle(){this._onGlobalResize(),s.os.set(this.elItems,{y:-this.motionPositionY,x:this.motionPositionX})}_onGlobalResize(){this.motionPositionX=1.1*this.elItems[0].offsetWidth,this.motionPositionY=P().isSP?z.center.y:z.height,this.elItems.forEach(((e,t)=>{this.itemPosition[t]=this.motionPositionX*t,s.os.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 o=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()})),o||n){o&&"prev"===this.dir&&s.os.set(t,{x:-this.motionPositionX*(i+1),y:this.motionPositionY});const a="prev"===this.dir?-1:1;s.os.to(t,{y:o?0:this.motionPositionY*a,x:o?-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 s.os.set(t,{y:-this.motionPositionY,x:this.motionPositionX})})),s.os.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(){k.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 tt{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:He.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 et({elItems:this.elScenes}),this.texture.onLoaded((()=>this._onLoadedMainTexture({onLoaded:e})))}_onLoadedMainTexture({onLoaded:e}){this.geo=new Ue({width:2*this.elItems[0].clientWidth,height:2*this.elItems[0].clientHeight}),this.elItems.forEach(((e,t)=>{this.panel[t]=new Ke({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()})),We.startRender(),We.changePerformance({mode:"default"}),this.resize(),this.backTexture=new Fe({src:He.backSrc}),this.backTexture.onLoaded((()=>{this.backTexture.pcTexture.forEach(((e,t)=>{this.panel[He.backSrc.changeNo[t]].setBackTexture(e)})),e()})),this.shadowTexture=new Fe({src:He.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(){We.dom.$container.querySelector("canvas").style.opacity=1,this.panel.forEach((e=>{e.displayShow()})),this.slider.openingMotion()}get _getBackSrcNo(){return He.backSrc.changeNo[this.slider.getState.current]}sliderChangeStartEffect(){const e=this._getBackSrcNo;s.os.killTweensOf(this.panel[e].obj.mesh.material.uniforms.uBack,"value"),s.os.to(this.panel[e].obj.mesh.material.uniforms.uBack,{value:1,ease:"power2.in",duration:.2}),s.os.to(this.panel[e],{noise:.1,ease:"power2.in",duration:.2})}sliderChangeEndEffect(){const e=this._getBackSrcNo;s.os.to(this.panel[e].obj.mesh.material.uniforms.uBack,{value:0,ease:"circ.inOut",duration:1,delay:1.5}),s.os.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(){k.add((()=>{this.resize()})),We.onRender((()=>{this.render()}))}}var it="#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",ot="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/global/digest/renew/img/index/kv/opening-copy.png"]}})},this.state={gl:!0,active:!0,mousePallaraxPower:0,itemPositionOffest:{x:0,y:0}},this.obj.texture.onLoaded((()=>{this.obj.panel=new Xe({scene:We.obj.canvas.scene,geo:new Ue({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 xe.I9Y(0,0)},uMouse:{type:"v2",value:new xe.I9Y(0,0)}},vert:it,frag:ot}),this.obj.panel.mesh.objWrap.renderOrder=50,We.onResize((()=>{this.resize()})),We.onRender((()=>{this.render()})),We.changePerformance({mode:"default"}),We.startRender(),We.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:We.obj.canvas.state.size.width*We.obj.canvas.state.pixelrate,height:We.obj.canvas.state.size.height*We.obj.canvas.state.pixelrate}),this.state.itemPositionOffest={x:.5*We.obj.canvas.state.size.width-.5*this.dom.$container.getBoundingClientRect().width,y:.5*We.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}){s.os.to(this.obj.panel.mesh.material.uniforms.uRate,{value:0,ease:"expo.in",duration:.75,onComplete:()=>{e(),s.os.delayedCall(.5,(()=>{s.os.to(this.obj.panel.mesh.material.uniforms.uRate,{value:1,ease:"expo.out",duration:1.2}),s.os.to(this.obj.panel.mesh.material.uniforms.uScale,{value:0,ease:"expo.out",duration:1.2,onComplete:()=>{this.state.active=!1}})}))}}),s.os.to(this.obj.panel.mesh.material.uniforms.uScale,{value:1,ease:"expo.in",duration:1.2})}}class nt{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,"+ye.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 at{constructor({onLoaded:e}){this.dom={$container:document.querySelector("[data-mv]"),$header:document.querySelector(".mod-0101"),$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 tt({onLoaded:()=>{e()}}),this.copy=new st,this.kazari=new nt,document.querySelectorAll("[data-kv-title]").forEach(((e,t)=>{this.title[t]=new J({$ele:e})})),this._setStyle(),this._addEventListener()}_setStyle(){s.os.set(this.dom.$header,{y:1.2*-this.dom.$header.clientHeight}),s.os.set(this.dom.$scrollDown,{scale:.5,opacity:0})}opening({onComplete:e}){this.copy.show({onOutStart:()=>{this.image.openingMotion()}}),s.os.delayedCall(2.4,(()=>{s.os.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()}}),s.os.to(this.dom.$header,{y:0,opacity:1,duration:.4,ease:"power2.out"})}))}openingSkip({onComplete:e}){this.image.openingMotion(),s.os.set(document.querySelectorAll("[data-bg-line]"),{x:0}),s.os.set(this.dom.$scrollDown,{scale:1,opacity:1}),this.title.forEach((e=>{e.show({delay:0})})),s.os.set(this.dom.$leadCopy,{opacity:1}),s.os.set(this.dom.$navi,{opacity:1}),e()}uiShow(){s.os.killTweensOf(this.dom.$header,"y,opacity"),s.os.to(this.dom.$header,{y:0,opacity:1,duration:.4,ease:"power2.out"}),s.os.killTweensOf(this.dom.$scrollDown,"scale,opacity"),s.os.to(this.dom.$scrollDown,{scale:1,opacity:1,duration:.4,ease:"power2.out"})}uiOut(){s.os.killTweensOf(this.dom.$header,"y,opacity"),s.os.to(this.dom.$header,{y:-100,opacity:0,duration:.4,ease:"power2.out"}),s.os.killTweensOf(this.dom.$scrollDown,"scale,opacity"),s.os.to(this.dom.$scrollDown,{scale:.5,opacity:0,duration:.4,ease:"power2.out"})}renderStart(){We.startRender(),this.image.renderStart()}renderStop(){We.stopRender(),this.image.renderStop()}sliderAutoPlayStart(){this.image.sliderAutoPlayStart()}sliderAutoPlayStop(){this.image.sliderAutoPlayStop()}kazariStartScrollFixed(){this.kazari.startScrollFixed()}kazariStopScrollFixed(){this.kazari.stopScrollFixed()}_addEventListener(){v?We.onResize((()=>{s.os.set(this.dom.$container,{height:z.height})})):k.add((()=>{s.os.set(this.dom.$container,{height:z.height})}))}}const rt={mobileMode:P().isSP||v||f,scrollDist:P().isSP||v||f?3:.05,src:{pc:P().isSP||v||f?["/-/media/global/digest/renew/img/index/value/value-office-01-sp.jpg","/-/media/global/digest/renew/img/index/value/value-manufacture-01-sp.jpg","/-/media/global/digest/renew/img/index/value/value-factory-01-sp.jpg","/-/media/global/digest/renew/img/index/value/value-home-01-sp.jpg"]:["/-/media/global/digest/renew/img/index/value/value-office-01.jpg","/-/media/global/digest/renew/img/index/value/value-manufacture-01.jpg","/-/media/global/digest/renew/img/index/value/value-factory-01.jpg","/-/media/global/digest/renew/img/index/value/value-home-01.jpg"]},changeSrc:{pc:P().isSP||v||f?["/-/media/global/digest/renew/img/index/value/value-office-02-sp.jpg","/-/media/global/digest/renew/img/index/value/value-manufacture-02-sp.jpg","/-/media/global/digest/renew/img/index/value/value-factory-02-sp.jpg","/-/media/global/digest/renew/img/index/value/value-home-02-sp.jpg"]:["/-/media/global/digest/renew/img/index/value/value-office-02.jpg","/-/media/global/digest/renew/img/index/value/value-manufacture-02.jpg","/-/media/global/digest/renew/img/index/value/value-factory-02.jpg","/-/media/global/digest/renew/img/index/value/value-home-02.jpg"]}};Object.freeze(rt);let ht=[];rt.mobileMode?document.querySelectorAll("[data-gl-value-item]").forEach(((e,t)=>{ht[t]=new be({$container:e})})):ht=new be({$container:document.querySelector("[data-gl-value]"),logarithmicDepthBuffer:!0});const lt="expo.out";class ct extends Pe{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(){s.os.set(this.elTargetPanel,{x:"-110%"})}_motionShow(){this.isMotion=!0,s.os.killTweensOf(this.elTargetArrow,"x,opacity"),s.os.to(this.elTargetArrow,{x:"100%",opacity:0,duration:.3,ease:lt,onComplete:()=>{s.os.fromTo(this.elTargetArrow,{x:"-100%"},{x:"0%",opacity:1,duration:.3,ease:lt})}}),s.os.killTweensOf(this.elTargetPanel,"x"),s.os.fromTo(this.elTargetPanel,{x:"-110%"},{x:"0%",duration:.6,ease:lt,onComplete:()=>{this.isMotion=!1,this.isMouseOn||(this._motionOut(),this._addOnMouseLeave[0]&&this._addOnMouseLeave.forEach((e=>{e()})))}})}_motionOut(){this.elTarget.classList.remove("-hover"),s.os.killTweensOf(this.elTargetPanel,"x"),s.os.to(this.elTargetPanel,{x:"110%",duration:.5,ease:lt})}}class dt{constructor({elTarget:e,texture:t,changeTexture:i,geo:o,index:s}){this._gl=rt.mobileMode?ht[s]:ht,this.elTarget=e,this.geo=o,this.obj=null,this._addOnClickItem=[],this._boundOnClickItem=this._onClickItem.bind(this),this._init({texture:t,changeTexture:i,index:s})}_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 Xe({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 xe.I9Y(0,0)},uImgResolution:{type:"v2",value:new xe.I9Y(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 xe.I9Y(4.5,.5)},uOffset:{type:"v2",value:new xe.I9Y(1,1)},uLoop:{value:0},uMix:{value:0},uLight:{value:0},uMixRate:{value:v||P().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:rt.mobileMode&&v||rt.mobileMode&&P().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":rt.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(),!rt.mobileMode){const e=Ve({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=ye.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 Ue({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(){s.os.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"),s.os.to(this.obj.mesh.material.uniforms.uMix,{value:1,ease:"circ.inOut",duration:1.5*.7}),s.os.to(this.obj.mesh.material.uniforms.uScale,{value:1,ease:"expo.inOut",delay:.35,duration:1.68}),s.os.to(this.obj.mesh.material.uniforms.uLight,{value:6,ease:"power2.out",duration:.21,delay:.35}),s.os.to(this.obj.mesh.material.uniforms.uLoop,{value:1,ease:"power2.out",duration:1.5*.7}),s.os.killTweensOf(this.elTarget.querySelector(".c-linkArrow-inner"),"x"),s.os.to(this.elTarget.querySelector(".c-linkArrow-inner"),{x:"110%",duration:.6,ease:"expo.out"})}transitionMotionEnd(){s.os.to(this.obj.mesh.material.uniforms.uScale,{value:0,ease:"expo.out",duration:.7})}motionMouseOn(){s.os.killTweensOf([this.obj.mesh.material.uniforms.uScale,this.obj.mesh.material.uniforms.uScaleMask],"value"),s.os.to(this.obj.mesh.material.uniforms.uScale,{value:.52,ease:"expo.out",duration:.8}),s.os.to(this.obj.mesh.material.uniforms.uScaleMask,{value:.52,ease:"expo.out",duration:.8})}motionMouseLeave(){s.os.killTweensOf([this.obj.mesh.material.uniforms.uScale,this.obj.mesh.material.uniforms.uScaleMask],"value"),s.os.to(this.obj.mesh.material.uniforms.uScale,{value:.5,ease:"expo.out",duration:.8}),s.os.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:rt.src}),changeTexture:new Fe({src:rt.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 ct({elTarget:e}))})),this._addEventListener()}_onLoadedTexture({onLoaded:e}){this.state.loadedTexture=!0,this.obj.geo=new Ue({width:this.dom.$item[0].clientWidth,height:this.dom.$item[0].clientHeight}),this.obj.texture.pcTexture.forEach(((e,t)=>{this.obj.panel[t]=new dt({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(ye.getState.isComp)return!1;this.obj.panel.forEach((e=>{e.render({wave:ye.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"),rt.mobileMode)return!1;s.os.delayedCall(.1,(()=>{this.canvasEmitResize(),this.obj.panel.forEach((e=>{e.displayShow()}))}))}out(){this.dom.$container.classList.remove("-show")}canvasEmitResize(){ht[0]?ht.forEach((e=>{e.emitResize()})):ht.emitResize()}_addEventListener(){rt.mobileMode?(ht[0].onResize((()=>{this.resize()})),ht[0].onRender((()=>{this.render()}))):(ht.onResize((()=>{this.resize()})),ht.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()})),s.os.to(document.querySelector("#container"),{opacity:0,ease:"power2.out",duration:.2,onComplete:()=>{location.href=this.state.itemHref[e]}}),s.os.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 mt{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}){rt.mobileMode?ht.forEach(((t,i)=>{t.init({onComplete:()=>{i===ht.length-1&&(this.image=new ut({onLoaded:()=>{e()}}),t.emitResize())}})})):ht.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 Z({$ele:this.dom.$title}),this._setStyle()}_setStyle(){s.os.set(this.dom.$text,{opacity:0})}startRender(){rt.mobileMode?ht.forEach((e=>{e.startRender()})):ht.startRender()}stopRender(){rt.mobileMode?ht.forEach((e=>{e.stopRender()})):ht.stopRender()}changePerformance({mode:e}){rt.mobileMode||ht.changePerformance({mode:e})}emitResize(){rt.mobileMode||ht.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(),s.os.killTweensOf(this.dom.$text,"opacity"),s.os.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(),s.os.killTweensOf(this.dom.$text,"opacity"),s.os.to(this.dom.$text,{opacity:0,duration:.6,ease:"power2.out"})}}const pt={videoSrc:v?"/-/media/global/digest/renew/video/index/technology_video-sp.mp4":"/-/media/global/digest/renew/video/index/technology_video.mp4"};Object.freeze(pt);class gt{constructor(){this.dom={$video:document.querySelector("[data-technology-video]")},this.state={loaded:!1},this.dom.$video.src=pt.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=v?8:1.5;class ft{constructor({$content:e,$target:t,$contentInner:i,$contentItem:o,dragSpeed:s,loop:n}){if(!e)return!1;this.dom={$content:e,$target:t,$contentInner:i,$contentItem:o},this.state={isActive:!0,isDisabled:!1,isLoop:n,dragSpeed:s||vt,isDesktop:!v&&!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 j({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",o=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(o,this.onEndFunc,C),this._resize(),k.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),o=this.state.move.x-t;if(Math.abs(o)>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+o,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 yt{constructor(){if(this.dom={$progressBar:document.querySelector("[data-sus-gesture-progressbar] [data-progressbar-current]")},this.state={distance:0},v)return!1;this.gesture=new ft({$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]")}),k.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(Ge.baseWithPCMax+.5*(z.width-Ge.baseWithPCMax),z.width)})),_.add((()=>{if("5"!==ye.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 wt=new be({$container:document.querySelector("[data-gl-company]")}),_t={src:{pc:["/-/media/global/digest/renew/img/index/worldmap.png"]}};Object.freeze(_t);class bt{constructor(){this.dom={$ele:document.querySelector("[data-gl-earth]")},this.obj={sphere:null,wrap:null,texture:new Fe({src:_t.src})},this.state={base:{width:z.width,height:z.height},itemPositionOffest:{x:0,y:0}},this.obj.texture.onLoaded((()=>{const e=new xe.ZyN(16777215,1);e.position.set(10,10,10),wt.obj.canvas.scene.add(e);const t=new xe.D$Q({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:xe.$EB,uniforms:{uTime:{value:0},uOpacity:{value:1},uResolution:{type:"v2",value:new xe.I9Y(0,0)},uTexture:{value:this.obj.texture.pcTexture[0]}}});this.obj.sphere=new xe.eaF(new xe.Gu$(v?.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 xe.B69,this.obj.wrap.add(this.obj.sphere),wt.obj.canvas.scene.add(this.obj.wrap),this.render(),wt.onRender((()=>{this.render()})),wt.onResize((()=>{this.resize()})),wt.changePerformance({mode:"default"})}))}render(){this.obj.sphere.material.uniforms.uTime.value+=.001,this.obj.sphere.rotation.y-=.001}resize(){this.state.itemPositionOffest={x:.5*wt.obj.canvas.state.size.width-.5*this.dom.$ele.getBoundingClientRect().width,y:.5*wt.obj.canvas.state.size.height-.5*this.dom.$ele.getBoundingClientRect().height},this.obj.sphere.material.uniforms.uResolution.value.x=wt.obj.canvas.state.size.width*wt.obj.canvas.state.pixelrate,this.obj.sphere.material.uniforms.uResolution.value.y=wt.obj.canvas.state.size.height*wt.obj.canvas.state.pixelrate;const e={x:A(Ge.baseWithPCMax,Ge.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 St{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:[]}),s.os.set(e,{transformOrigin:"center"}),[...e.querySelectorAll('[data-svg-company-graph="country-graph"]')].forEach((e=>{this._pathSet(t,e)}))}))}_pathSet(e,t){const i=t,o=i.getTotalLength();i.style.strokeDasharray=o+" "+o,i.style.strokeDashoffset=o,this.state.country[e].defStrokeDashoffset.push(o),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)=>{s.os.killTweensOf(e,"strokeDashoffset");const o=this.state.country[i].defStrokeDashoffset[t]*(1-this.state.graphParsent)*-1;s.os.to(e,{strokeDashoffset:o,ease:"expo.inOut",duration:1.5,delay:.3})})),this.state.prevGraphParsent=this.state.graphParsent}))}out(){this.dom.$countryPath.forEach(((e,t)=>{s.os.killTweensOf(e,"strokeDashoffset"),s.os.to(e,{strokeDashoffset:this.state.country[t].defStrokeDashoffset[0],duration:1,ease:"expo.inOut"})}))}}const Tt=[[.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 Ct{constructor(){this.dom={$graph:[...document.querySelectorAll('[data-svg-company-graph="wrap"]')]},this.state={isShow:!1},this.method={graph:[]},wt.init({onComplete:()=>{new bt}}),this.dom.$graph.forEach(((e,t)=>{this.method.graph.push(new St(e,Tt[t]))})),ye.onChildElementPositionChange(6,(()=>{this.show()}))}show(){if(this.state.isShow)return!1;this.state.isShow=!0,this.method.graph.forEach((e=>{e.show()}))}out(){}}class Ot{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(),ye.addOnCheckNativeScroll((()=>{this._onCheckNativeScroll()}))}_onCheckNativeScroll(){this._show.forEach(((e,t)=>{t===ye.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(),rt.mobileMode?this._page.value.out():(k.emit(),this._page.value.show())}_outValueTitle(){}_showValueContents(){rt.mobileMode||this._page.value.show(),1===ye.getState.dir&&this._page.mainvisual.kazariStopScrollFixed()}_outValueContents(){rt.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(),wt.startRender()}_outCompany(){wt.stopRender()}_showNext(){this._page.bg.colorWhite()}_outNext(){}}class kt{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(".p-business__footer").dataset.no),this.lastSectionNo=String(document.querySelector(".p-business__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 gt,this.sustainability=new yt,this.company=new Ct}_initOpening(){this.bg=new Ne,ye.exResizeOn(z.height)}_initGl({onLoaded:e,onOpeningAfter:t}){We.init({onComplete:()=>{this.state.isOpeningSkip||(this.cover=new Te({gl:We})),this.mainvisual=new at({onLoaded:()=>{e(),this._initDom(),this.scroll=new Ot({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 mt({pIndex:this,onLoaded:()=>{this.state.valueLoaded=!0,this._motionOpeningComplete({onOpeningAfter:t})}})}})}_motionOpening({onComplete:e}){s.os.set(document.querySelector(".mf_finder_container"),{opacity:1}),this.cover.out(),s.os.delayedCall(.5,(()=>{this.mainvisual.opening({onComplete:()=>{Be.showTrigger(),this.state.opening=!0,this.bg.line.start(),ye.exResizeOff(),k.emit(),e()}})}))}_motionOpeningSkip({onComplete:e}){this._checkScrollPosition(!0),s.os.to(document.querySelector(".mf_finder_container"),{opacity:1,duration:.6,delay:.8,ease:"sine.out",onComplete:()=>{Be.showTrigger()}}),ye.exResizeOff(),k.emit();const t=v?0===this.state.referrer.scrollNo?1:-100:1;ye.scrollTo(6!==this.state.referrer.scrollNo?ye.getState.sectionPosition[this.state.referrer.scrollNo].start+t:ye.getChildElementPositionState(this.state.referrer.scrollNo).position[0].start+t,{duration:v?2:1.2}),e(),this.value.startRender(),s.os.delayedCall(.2,(()=>{this.state.opening=!0})),s.os.delayedCall(.5,(()=>{this.bg.line.start(),this.mainvisual.openingSkip({onComplete:()=>{k.emit(),this.state.referrer.isScroll=!1}})}))}_motionOpeningComplete({onOpeningAfter:e}){this.state.mvLoaded&&this.state.valueLoaded&&!this.state.init&&(this.state.init=!0,e(),We.emitResize(),document.querySelector(".c-pageTop")&&(document.querySelector(".c-pageTop").style.opacity=1))}async _checkOpeningSkip(){const e=location.hash.replace("#",""),t=await x({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,o)=>{this.state.referrer.url.match(e)&&(this.state.referrer.isScroll=this.state.referrer.url.match(e),this.state.referrer.scrollNo="top"===i?0:t[o])})),this.state.isOpeningSkip=!0}else{const e=await x({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&&Be.changePositionTriggerHeaderOut(),this.state.referrer.isScroll||(this.state.referrer.isScroll=0!==ye.getState.val.y)}_checkScrollPosition(e){ye.getState.val.y<10&&!this.state.scrollMotion.scene0&&!e?(this.state.scrollMotion.scene0=!0,this.mainvisual.uiShow(),this.mainvisual.sliderAutoPlayStart(),Be.changePositionTriggerHeaderShow()):ye.getState.val.y>=10&&this.state.scrollMotion.scene0&&(this.state.scrollMotion.scene0=!1,this.mainvisual.uiOut(),this.mainvisual.sliderAutoPlayStop(),Be.changePositionTriggerHeaderOut()),z.height>=ye.getState.val.y&&!this.state.scrollMotion.scene1&&!e?(this.state.scrollMotion.scene1=!0,this.mainvisual.renderStart()):z.height<ye.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 $t extends Pe{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,s.os.killTweensOf(this.elTargetArrow,"x,opacity"),s.os.to(this.elTargetArrow,{x:100*this.dir+"%",opacity:0,duration:.3,ease:Mt,onComplete:()=>{s.os.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 Et=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=[],v||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 Lt{constructor(){this.dom={$container:document.querySelectorAll("[data-pagenavi]"),$item:document.querySelectorAll("[data-pagenavi-item]")},s.os.set(this.dom.$container,{x:-100,opacity:0}),ye.onChildElementPositionChange(1,(()=>{this.update()})),this.dom.$item.forEach(((e,t)=>{e.addEventListener("click",(()=>{ye.scrollTo(ye.getChildElementPositionState(1).position[t].start+.25*z.height)}),C)}))}update(){const e=this.dom.$item[ye.getChildElementPositionState(1).viewCurrent],t=this.dom.$item[ye.getChildElementPositionState(1).prevCurrent];e.classList.add("-current"),t&&t.classList.remove("-current")}show(){s.os.killTweensOf(this.dom.$container,"x,opacity"),s.os.to(this.dom.$container,{x:0,opacity:1,ease:"expo.out",duration:1})}out(){s.os.killTweensOf(this.dom.$container,"x,opacity"),s.os.to(this.dom.$container,{x:-100,opacity:0,ease:"expo.out",duration:.5})}}const At="expo.out";class jt{constructor({elTarget:e,isSetStyleOff:t,isReverse:i,isScale:o}){this.elTarget=e,this.isReverse=i||!1,this.isScale=o||!1,t||this._setStyle()}_setStyle(){s.os.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};s.os.killTweensOf(this.elTarget,"x,scale"),this.elTarget.style.willChange="transform",s.os.fromTo(this.elTarget,{x:this.isReverse?"110%":"-110%",scale:this.isScale?1.2:1},{x:"0%",scale:1,duration:.6,ease:At,delay:t,onComplete:()=>{i&&i(),this.elTarget.style.willChange="auto"}})}out(e){const{delay:t,onComplete:i}=e||{delay:null,onComplete:null};s.os.killTweensOf(this.elTarget,"x,scale"),this.elTarget.style.willChange="transform",s.os.to(this.elTarget,{x:this.isReverse?"-110%":"110%",scale:this.isScale?1.2:1,duration:.6,ease:At,delay:t,onComplete:()=>{i&&i(),this.elTarget.style.willChange="auto"}})}}class zt{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}){s.os.killTweensOf(this.dom.$path,{opacity:!0}),s.os.to(this.dom.$path,{opacity:1,duration:.4,ease:"power2.out"}),s.os.killTweensOf(this.dom.$path,{strokeDashoffset:!0}),s.os.to(this.dom.$path,{strokeDashoffset:0,duration:e,ease:"expo.out",onComplete:()=>{}})}out({duration:e}){s.os.killTweensOf(this.dom.$path,{strokeDashoffset:!0});let t=0;for(;t<this.state.defStrokeDashoffset.length;)s.os.to(this.dom.$path,{strokeDashoffset:this.state.defStrokeDashoffset[t],duration:e,ease:"expo.out"}),t+=1;s.os.to(this.dom.$path,{opacity:0,duration:.4,ease:"power2.out",delay:e})}}class Rt{constructor({elTarget:e}){if(v||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(){s.os.killTweensOf([this.elTargetCircle,this.elTargetCloseIcon],"scale, opacity"),s.os.to(this.elTargetCircle,{scale:1,opacity:1,ease:"power2.out",duration:.6}),s.os.to(this.elTargetCloseIcon,{scale:1.6,opacity:1,ease:"power2.out",duration:.6})}_changeMotionScaleDown(){s.os.killTweensOf([this.elTargetCircle,this.elTargetCloseIcon],"scale, opacity"),s.os.to(this.elTargetIconCircle,{scale:1,opacity:1,ease:"power2.out",duration:.6}),s.os.to(this.elTargetCircle,{opacity:0,ease:"power2.out",duration:.6,onComplete:()=>{s.os.set(this.elTargetCircle,{scale:.5})}})}changeMotionCloseMode(){this.mode="close",this.isChange=!0,this.elTarget.classList.add("-"+this.mode),this._changeMotionScaleUp(),s.os.killTweensOf([this.elTarget,this.elTargetIcon,this.elTargetCloseIcon],"opacity"),s.os.to(this.elTargetIcon,{opacity:0,ease:"power2.out",duration:.2}),s.os.to([this.elTarget,this.elTargetCloseIcon],{opacity:1,ease:"power2.out",duration:.2})}reverse(){if(v||f)return!1;this.elTarget.classList.remove("-"+this.mode),this.isChange=!1,this._changeMotionScaleDown(),"close"===this.mode&&(s.os.killTweensOf([this.elTarget,this.elTargetIcon,this.elTargetCloseIcon],"opacity"),s.os.to(this.elTargetIcon,{opacity:1,ease:"power2.out",delay:.3,duration:.3}),s.os.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 qt=new class{constructor(){if(v||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 Rt({elTarget:this.dom.$target}),this.iconCircleSvg=new zt({$ele:this.dom.$iconCircle.querySelectorAll("path")}),this._setStyle(),this._addEventListener()}_setStyle(){s.os.set([this.dom.$target,this.dom.$icon,this.dom.$circle],{opacity:0}),s.os.set(this.dom.$iconCircle,{rotate:"360deg"})}_tranform(){Et.state.active&&s.os.set(this.dom.$target,{x:Et.state.pos.x,y:Et.state.pos.y})}show(){if(v||f)return!1;s.os.killTweensOf(this.dom.$icon,"opacity"),s.os.killTweensOf(this.dom.$iconCircle,"rotate"),this.iconCircleSvg.show({duration:.6}),s.os.to(this.dom.$icon,{opacity:1,duration:.6,ease:"power2.out"}),s.os.to(this.dom.$iconCircle,{rotate:"720deg",duration:.6,ease:"expo.out"})}out(){if(v||f)return!1;s.os.killTweensOf(this.dom.$icon,"opacity"),s.os.killTweensOf(this.dom.$iconCircle,"rotate"),this.iconCircleSvg.out({duration:.6}),s.os.to(this.dom.$iconCircle,{rotate:"720deg",duration:.6,ease:"expo.out"}),s.os.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(){Et.onMove((()=>{this._tranform()}))}},It=P().isSP;class Bt{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 Y({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(){s.os.set(this.elWrap,{pointerEvents:"none"}),s.os.set(this.elContents,{display:"none"})}_openMotion(){s.os.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(){s.os.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"),qt.disable||(qt.colorWhite({change:!0}),qt.changeMotionCloseMode()),this._fadeMotionWrap.show(),this._openMotion(),ye.fixedOn(),this.prevViewNo=this.viewNo}close(){this.isOpen=!1,store.isModalOpen=!1,s.os.set(this.elWrap,{pointerEvents:"none"}),this.elWrap.classList.remove("-open"),this.elContents.forEach((e=>{e.classList.remove("-current")})),qt.disable||(qt.colorWhite({change:!1}),qt.reverse()),this._fadeMotionWrap.out(),this._closeMotion(),ye.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 Dt=P().isSP;class Nt extends Bt{constructor(){super(),this.elContentsWrap=document.querySelector("[data-modal-contents]"),this.elNaviSp=document.querySelector("[data-modal-navi-sp]");const e=Dt?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._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(),this._transformXMotionBgImage[this.viewNo].show(),Be.outTrigger()})),this.addOnClose((()=>{this._fadeMotionPrevNextBtn.out(),this._transformXMotionBgImage[this.viewNo].out(),Be.showTrigger()})),this._addEventListenerHistoryModal()}_setViewAreaHeight(){s.os.set(this.elContentsWrap,{height:this.elContents[this.viewNo].clientHeight+this.elNaviSp.clientHeight}),s.os.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 Wt=new be({$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 xe.Nv2(this.video[t]),this.pcTexture[t].minFilter=xe.k6q,this.pcTexture[t].magFilter=xe.k6q,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 Ut{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 Ue({width:Wt.obj.canvas.state.size.width,height:Wt.obj.canvas.state.size.height}),this.obj.panel=new Xe({scene:Wt.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 xe.I9Y(1,1)},uResolution:{type:"v2",value:new xe.I9Y(0,0)},uImgResolution:{type:"v2",value:new xe.I9Y(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 xe.Pq0(.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 Ue({width:Wt.obj.canvas.state.size.width,height:Wt.obj.canvas.state.size.height}),this.obj.panel.setGeo(this.obj.geo)})),Wt.onResize((()=>{this.resize()})),Wt.onRender((()=>{this.render()})),s.os.set(Wt.dom.$container.parentNode,{transformOrigin:"top center",scale:.1*Math.ceil(z.height/Wt.obj.canvas.state.size.height*10)}),i(),s.os.delayedCall(.1,(()=>{Wt.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:Wt.obj.canvas.state.size.width*Wt.obj.canvas.state.pixelrate,height:Wt.obj.canvas.state.size.height*Wt.obj.canvas.state.pixelrate,geo:this.obj.geo,sizeRate:{x:1,y:1}})}show(){s.os.to(this.obj.panel.mesh.material.uniforms.uLight,{value:0,duration:1,delay:1,ease:"expo.out"}),s.os.to(this.obj.panel.mesh.material.uniforms.uScale,{value:1,duration:2,ease:"expo.inOut"}),s.os.to(Wt.dom.$container.parentNode,{scale:1,duration:1,delay:1,ease:"expo.out"})}out(){}}class Ht{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 J({$ele:this.dom.$pageTitleEn}),this.dom.$opening.forEach((e=>{this.openingFadeMotion.push(new U({elTarget:e}))})),Wt.init({onComplete:()=>{this.cover=new Te({gl:Wt}),s.os.delayedCall(.5,(()=>{this.image=new Ut({src:e,srcVideo:t||!1,onLoaded:()=>{i()}})}))}})}opening({onComplete:e}){this.cover.out(),Wt.emitResize(),this.image.show(),s.os.delayedCall(2,(()=>{this.pageTitleEn.show();let t=0;this.openingFadeMotion.forEach(((i,o)=>{i.show({delay:.1+.05*o,onComplete:()=>{t+=1,t>=this.openingFadeMotion.length&&e()}})})),s.os.fromTo(document.querySelector(".mod-0101"),{y:-document.querySelector(".mod-0101").clientHeight,opacity:0},{y:0,opacity:1,duration:.4,ease:"sine.out"})}))}}const Yt=v?"/-/media/global/digest/renew/img/history/sp/mainvisual.jpg":"/-/media/global/digest/renew/img/history/mainvisual.jpg";class Gt{constructor({onLoaded:e,onOpeningAfter:t}){ye.exResizeOn(z.height),this.state={opening:!1,scrollMotion:{scene1:!1,sceneEnd:!1},screenOffset:0},this.footerNo=ye.getState.sectionPosition.length-1,this.pageNavi=null,this.cover=null,this.modal=null,Et.enableMouseUpdate(),this.bg=new Ne,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 Ht({src:[Yt],onComplete:()=>{this.modal=new Nt;const i=[...document.querySelectorAll("[data-hover-arrow]")];i[0]&&i.forEach((e=>{new $t({elTarget:e})})),this.pageNavi=new Lt,e(),this._onGlobalResize(),this._addEventListener(),this.mainvisual.opening({onComplete:()=>{t(),this.bg.line.start(),Be.showTrigger(),ye.exResizeOff(),this.state.opening=!0,document.querySelector(".c-pageTop").style.opacity=1}})}})}_onGlobalResize(){this.state.screenOffset=v?.6*z.height:z.center.y}_onNativeScroll(){ye.getState.val.y>this.state.screenOffset&&!this.state.scene1?(this.state.scene1=!0,this.pageNavi.show()):ye.getState.val.y<=this.state.screenOffset&&this.state.scene1&&(this.state.scene1=!1,this.pageNavi.out()),ye.getState.val.y>=ye.getState.sectionPosition[this.footerNo].start-this.state.screenOffset&&!this.state.sceneEnd?(this.state.sceneEnd=!0,this.pageNavi.out()):ye.getState.val.y<ye.getState.sectionPosition[this.footerNo].start-this.state.screenOffset&&this.state.sceneEnd&&(this.state.sceneEnd=!1,this.pageNavi.show())}_addEventListener(){k.add(this._boundOnGlobalResize),ye.addOnCheckNativeScroll(this._boundOnNativeScroll)}}var Xt=i(323);class Vt{constructor(){this.dom={$mainImg:document.querySelector("[data-takeru-kv-content]"),$content_text:document.querySelector("[data-takeru-content-text]"),$content_cursor:document.querySelector("[data-takeru-content-cursor]"),$content_line:document.querySelector("[data-takeru-content-line]"),$takeru_img:document.querySelector("[data-takeru-kv-takeruimg]"),$bg_img:document.querySelector("[data-takeru-kv-bgimg]"),$back_text:document.querySelector("[data-takeru-kv-backText]"),$head:document.querySelector("[data-takeru-kv-head]"),$head_title:document.querySelector("[data-takeru-kv-headTitle]"),$head_title_wrapper:document.querySelector("[data-takeru-kv-headTitle-wrapper]"),$head_title_text:document.querySelector("[data-takeru-kv-headTitle-text]"),$head_text:document.querySelector("[data-takeru-kv-headText]"),$head_text_wrapper:document.querySelector("[data-takeru-kv-headText-wrapper]"),$head_text_text:document.querySelector("[data-takeru-kv-headText-text]"),$backButton:document.querySelector("[data-takeru-backlink]"),$global_header:document.querySelector(".mod-0101"),$scrolldown:document.querySelector("[data-scrolldown]")},this.initialize(),ye.exResizeOn(z.height),window.matchMedia("screen and (max-width: 767px)").matches?this.opening_mobile():this.opening()}initialize(){let e=window.innerHeight;s.Ay.set(this.dom.$global_header,{opacity:0}),s.Ay.set(this.dom.$mainImg,{height:e,width:"100%",top:"0",marginTop:"0"}),s.Ay.set(this.dom.$takeru_img,{opacity:0}),s.Ay.set(this.dom.$head,{opacity:0}),s.Ay.set(this.dom.$head_text,{width:0}),s.Ay.set(this.dom.$head_title,{width:0}),s.Ay.set(this.dom.$head_title_wrapper,{xPercent:-100}),s.Ay.set(this.dom.$head_title_text,{xPercent:100}),s.Ay.set(this.dom.$back_text,{opacity:0}),s.Ay.set(this.dom.$head_text_wrapper,{xPercent:-100}),s.Ay.set(this.dom.$head_text_text,{xPercent:100}),s.Ay.set(this.dom.$content_line,{opacity:.2}),s.Ay.set(this.dom.$content_text,{width:0,color:"#fff"}),s.Ay.set(this.dom.$bg_img,{opacity:0}),s.Ay.set(this.dom.$scrolldown,{opacity:0}),s.Ay.set(".data-takeru-strobe",{opacity:0})}opening(){s.Ay.timeline({onComplete:Kt}).set(this.dom.$back_text,{width:0,opacity:1,duration:0},.7).to(this.dom.$back_text,{width:"auto",duration:.6,ease:"steps(12)"},"takeru+=0.5").to(this.dom.$content_text,{width:"auto",duration:.8,ease:"steps(19)"},"takeru").to(this.dom.$content_line,{opacity:1,duration:1.2,ease:Xt.Sq.ease},"takeru").to(this.dom.$content_line,{width:"100%",duration:2.5,ease:"expo.inOut"},"takeru-=0.7").fromTo(this.dom.$takeru_img,{scale:1.3},{opacity:1,duration:1,scale:1,ease:"power3.out"},"takeru+=1.3").to(this.dom.$back_text,{opacity:.05,duration:2,scale:1,ease:"power1.inOut"},"takeru+=1.5").to(this.dom.$mainImg,{height:"24.6705710102vw",top:"17.7vw",duration:1.5,ease:"expo.inOut"},"takeru+=1.5").to(this.dom.$mainImg,{width:"83.0893118594vw",duration:1,delay:1,ease:"expo.out"},"takeru+=1.5").to(this.dom.$content_line,{opacity:0,duration:1.5,ease:Xt.Sq.ease},"takeru+=1").to(this.dom.$content_text,{color:"#0c072b",duration:1,ease:"power1.out"},"takeru+=2.2").to(this.dom.$content_cursor,{backgroundColor:"#0c072b",duration:1,ease:"power1.out"},"takeru+=2.2").to(this.dom.$scrolldown,{opacity:1,duration:.2,ease:"power1.inOut"},"end").to(this.dom.$global_header,{opacity:1,duration:.2,ease:"power1.inOut"},"end").to(this.dom.$bg_img,{opacity:.05,duration:1,ease:"power1.inOut"},"end-=1").to(this.dom.$head_text,{width:Jt("14.9vw"),duration:.3,ease:"power1.inOut"},"end-=1.5").to(this.dom.$head,{opacity:1,duration:.2,ease:"power1.inOut"},"end-=1.5").to(this.dom.$head_title,{width:Jt("8.5vw"),duration:.3,ease:"power1.inOut"},"end-=1.5").to(this.dom.$head_title_wrapper,{xPercent:0,duration:.4,ease:"steps(7)"},"end-=1").to(this.dom.$head_title_text,{xPercent:0,duration:.4,ease:"steps(7)"},"end-=1").to(this.dom.$head_text_wrapper,{xPercent:0,duration:.4,ease:"steps(6)"},"end-=1").to(this.dom.$head_text_text,{xPercent:0,duration:.4,ease:"steps(6)"},"end-=1").to(".data-takeru-strobe",{opacity:1,duration:1,ease:"power1.inOut"},"end-=1"),s.Ay.timeline({repeat:5}).set(this.dom.$content_cursor,{opacity:0},0).set(this.dom.$content_cursor,{opacity:1},.5).set(this.dom.$content_cursor,{opacity:0},1)}opening_mobile(){s.Ay.timeline({onComplete:Kt}).set(this.dom.$back_text,{width:0,opacity:1,duration:0},.7).to(this.dom.$back_text,{width:"auto",duration:.6,ease:"steps(12)"},"takeru+=0.5").to(this.dom.$content_text,{width:"auto",duration:.8,ease:"steps(19)"},"takeru").to(this.dom.$content_line,{opacity:1,duration:1.2,ease:Xt.Sq.ease},"takeru").to(this.dom.$content_line,{width:"100%",duration:2.5,ease:"expo.inOut"},"takeru-=0.7").fromTo(this.dom.$takeru_img,{scale:1.3},{opacity:1,duration:1,scale:1,ease:"power3.out"},"takeru+=1.3").to(this.dom.$back_text,{opacity:.05,duration:2,scale:1,ease:"power1.inOut"},"takeru+=1.5").to(this.dom.$mainImg,{height:"50vw",top:"43.7333333333vw",duration:1.5,ease:"expo.inOut"},"takeru+=1.5").to(this.dom.$mainImg,{width:"89.3333333333vw",duration:1,delay:1,ease:"expo.out"},"takeru+=1.5").to(this.dom.$content_line,{opacity:0,duration:1.5,ease:Xt.Sq.ease},"takeru+=1").to(this.dom.$content_text,{color:"#0c072b",duration:1,ease:"power1.out"},"takeru+=2.2").to(this.dom.$content_cursor,{backgroundColor:"#0c072b",duration:1,ease:"power1.out"},"takeru+=2.2").to(this.dom.$scrolldown,{opacity:1,duration:.2,ease:"power1.inOut"},"end").to(this.dom.$global_header,{opacity:1,duration:.2,ease:"power1.inOut"},"end").to(this.dom.$bg_img,{opacity:.05,duration:1,ease:"power1.inOut"},"end-=1").to(this.dom.$head_text,{width:Jt("42vw"),duration:.3,ease:"power1.inOut"},"end-=1.5").to(this.dom.$head,{opacity:1,duration:.2,ease:"power1.inOut"},"end-=1.5").to(this.dom.$head_title,{width:Jt("29.333vw"),duration:.3,ease:"power1.inOut"},"end-=1.5").to(this.dom.$head_title_wrapper,{xPercent:0,duration:.4,ease:"steps(7)"},"end-=1").to(this.dom.$head_title_text,{xPercent:0,duration:.4,ease:"steps(7)"},"end-=1").to(this.dom.$head_text_wrapper,{xPercent:0,duration:.4,ease:"steps(6)"},"end-=1").to(this.dom.$head_text_text,{xPercent:0,duration:.4,ease:"steps(6)"},"end-=1").to(".data-takeru-strobe",{opacity:1,duration:1,ease:"power1.inOut"},"end-=1"),s.Ay.timeline({repeat:5}).set(this.dom.$content_cursor,{opacity:0},0).set(this.dom.$content_cursor,{opacity:1},.5).set(this.dom.$content_cursor,{opacity:0},1)}}function Jt(e){return parseFloat(e)/100*(/vh/gi.test(e)?window.innerHeight:window.innerWidth)}function Kt(){const e=document.querySelector("[data-takeru-kv-headTitle]"),t=document.querySelector("[data-takeru-kv-headText]");window.matchMedia("screen and (max-width: 767px)").matches?(e.style.width="29.3vw",t.style.width="42vw"):(e.style.width="8.5vw",t.style.width="14.9vw"),ye.exResizeOff(),Be.showTrigger()}class Zt{constructor(){this.dom={$container:document.querySelector("[data-karaoke]"),$image:document.querySelector("[data-karaoke-image]"),$imageInner:document.querySelector("[data-karaoke-image-inner]"),$imageObj:document.querySelector("[data-karaoke-image-obj]"),$titleFixedArea:document.querySelector("[data-karaoke-fixed-area]"),$title:document.querySelector("[data-karaoke-title]"),$text:document.querySelector("[data-karaoke-text]")},this.state={imageScaleYParsent:1,isShow:!0,isTitleShow:!1,isTextShow:!1,isActive:!P().isSP,displayMedia:P().isSP?"sp":"pc"},this._init()}_init(){if(f)return!1;ye.setPin(this.dom.$image,this.dom.$container,{spOff:!0}),ye.setPin(this.dom.$title,this.dom.$titleFixedArea,{spOff:!0}),this._addEventListener(),this.state.isActive&&this._setStyle()}_setStyle(){s.Ay.set(this.dom.$title,{opacity:0}),s.Ay.set(this.dom.$text,{opacity:0}),s.Ay.set([this.dom.$imageInner],{transformOrigin:"center"}),s.Ay.set([this.dom.$imageObj],{transformOrigin:"top center"})}_offStyle(){this.dom.$imageObj.style="",this.dom.$imageInner.style="",this.dom.$container.style="",s.Ay.set(this.dom.$title,{opacity:1}),s.Ay.set(this.dom.$text,{opacity:1})}_resize(){this.state.imageScaleYParsent=z.height/this.dom.$image.clientHeight,this.state.isActive=!P().isSP,this.state.isActive&&s.Ay.set(this.dom.$container,{paddingTop:Math.max(.5*(z.height-this.dom.$image.clientHeight),0)}),this.state.isActive||"pc"!==this.state.displayMedia?this.state.isActive&&"sp"===this.state.displayMedia&&this._setStyle():this._offStyle(),this.state.displayMedia=P().isSP?"sp":"pc"}_scrollInteraction({progress:e}){const t=Math.min(1,e),i=.2*t;s.Ay.set(this.dom.$imageInner,{scaleX:.8+i,scaleY:(.8+i)*Math.max(1,this.state.imageScaleYParsent*t)}),s.Ay.set(this.dom.$imageObj,{scaleX:1-i,scaleY:(1-i)/Math.max(1,this.state.imageScaleYParsent*t),opacity:1-.6*e})}_scrollMotion({progress:e}){e>.01&&e<.1&&!this.state.isTitleShow?(this.state.isTitleShow=!0,this._titleShow()):e>=.1&&this.state.isTitleShow&&(this.state.isTitleShow=!1,this._titleOut()),e>.1&&!this.state.isTextShow?(this.state.isTextShow=!0,this._textShow()):e<=.1&&this.state.isTextShow&&(this.state.isTextShow=!1,this._textOut()),1===e&&1===ye.getState.dir&&this.state.isShow?(this.state.isShow=!1,this._out()):e<1&&-1===ye.getState.dir&&!this.state.isShow&&(this.state.isShow=!0,this._show())}_show(){s.Ay.killTweensOf(this.dom.$container,"opacity"),s.Ay.to(this.dom.$container,{opacity:1,duration:.4,ease:"power2.out"})}_out(){s.Ay.killTweensOf(this.dom.$container,"opacity"),s.Ay.to(this.dom.$container,{opacity:0,duration:.4,ease:"power2.out"})}_titleShow(){s.Ay.killTweensOf(this.dom.$title,"opacity"),s.Ay.to(this.dom.$title,{opacity:1,duration:.4,ease:"power2.out"})}_titleOut(){s.Ay.killTweensOf(this.dom.$title,"opacity"),s.Ay.to(this.dom.$title,{opacity:0,duration:.4,ease:"power2.out"})}_textShow(){s.Ay.killTweensOf(this.dom.$text,"opacity"),s.Ay.to(this.dom.$text,{opacity:1,duration:.4,ease:"power2.out"})}_textOut(){s.Ay.killTweensOf(this.dom.$text,"opacity"),s.Ay.to(this.dom.$text,{opacity:0,duration:.4,ease:"power2.out"})}_addEventListener(){_.add((()=>{if(!this.state.isActive)return!1;const e=ye.getState.sectionProgress[3];this._scrollInteraction({progress:e}),this._scrollMotion({progress:e})})),k.add((()=>{this._resize()}))}}class Qt{constructor(){this.state={isColorChange:!1},this.bg=new Ne,this._init()}_init(){this._addEventListener()}_render(){2!==ye.getState.viewCurrent||this.state.isColorChange?2!=ye.getState.viewCurrent&&this.state.isColorChange&&(this.state.isColorChange=!1,this.bg.colorNormal()):(this.state.isColorChange=!0,this.bg.colorWhite())}_addEventListener(){_.add((()=>{this._render()}))}}class ei{constructor(){this.initialize(),this.backButton=document.querySelector("[data-takeru-backlink]"),this.scroll=window.scrollY,this.backLinkFlg=!0,window.addEventListener("scroll",(function(e){let t=document.querySelector("[data-takeru-backlink]");this.scroll<window.scrollY&&window.scrollY>.9*(document.body.clientHeight-window.innerHeight)&&(this.backLinkFlg=!1,t.style.pointerEvents="none",s.Ay.to(t,{opacity:0,duration:.5})),this.scroll>window.scrollY&&window.scrollY<.9*(document.body.clientHeight-window.innerHeight)&&(this.backLinkFlg=!0,t.style.pointerEvents="all",s.Ay.to(t,{opacity:1,duration:.5})),this.scroll=window.scrollY}))}scrollMotion(){}initialize(){this.scrollMotion(),new Zt,new Qt}}class ti{constructor(){(function(e,t,i){(t=function(e){var t=function(e){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var i=t.call(e,"string");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i})(this,"open",((e,t)=>{this.isOpen=!0,this.clear(),this.refresh(t),this.show(),Be.outTrigger(),s.Ay.killTweensOf(this.backLink,"opacity, display"),s.Ay.to(this.backLink,{opacity:0,duration:.6,ease:"power2.out",onComplete:()=>{s.Ay.set(this.backLink,{display:"none"})}}),ye.fixedOn(),E.isInertia||s.Ay.set(ye.dom.$body,{top:-ye.getState.val.y})})),this.current=0,this.isOpen=!1,this.modal=document.querySelector("[data-takeru-modal]"),this.num=document.querySelector("[data-takeru-modal-num]"),this.title=[...document.querySelectorAll("[data-takeru-modal-title]")],this.mainText=[...document.querySelectorAll("[data-takeru-modal-maintext]")],this.img=[...document.querySelectorAll("[data-takeru-modal-img]")],this.prev=document.querySelector("[data-takeru-modal-prev]"),this.next=document.querySelector("[data-takeru-modal-next]"),this.globalHeadder=document.querySelector(".mod-0101"),this.backLink=document.querySelector("[data-takeru-backlink]"),this.modalButton=[...document.querySelectorAll("[data-modal-button]")],this.modalPanel=[...document.querySelectorAll("[data-modal-panel]")];const e=[...document.querySelectorAll("[data-takeru-modal-close]")],t=document.querySelector("[data-takeru-modal-prev-button]"),i=document.querySelector("[data-takeru-modal-next-button]");this.modalButton.forEach(((e,t)=>{e.addEventListener("click",(()=>{this.open(e,t)}))})),this.modalPanel.forEach(((e,t)=>{e.addEventListener("click",(()=>{this.open(e,t)}))})),e.forEach(((e,t)=>{e.addEventListener("click",(()=>{this.close(e,t)}))})),t.addEventListener("click",(()=>{this.prevClicked()})),i.addEventListener("click",(()=>{this.nextClicked()})),this.clear(),window.addEventListener("resize",(()=>{this.resize()}))}close(e,t){s.Ay.to(this.modal,{opacity:0,duration:.5,ease:"power3.inOut",onComplete:this.closeMotion(this.modal,this.globalHeadder)}),Be.showTrigger(),s.Ay.killTweensOf(this.backLink,"opacity, display"),s.Ay.set(this.backLink,{display:"block"}),s.Ay.to(this.backLink,{opacity:1,duration:.6,ease:"power2.out"}),this.isOpen=!1}closeMotion(e,t){e.style.display="none",t.style.display="block",s.Ay.to(t,{opacity:1,duration:.5}),ye.fixedOff(),E.isInertia||ye.dom.$body.removeAttribute("style"),s.Ay.delayedCall(1,(()=>{k.emit()}))}show(){this.modal.style.opacity=0,this.modal.style.display="flex",this.globalHeadder.style.display="none",this.globalHeadder.style.opacity=0,s.Ay.delayedCall(.1,(()=>{this.modal.style.height=window.innerHeight+"px"})),s.Ay.to(this.modal,{opacity:1,duration:.5,ease:"power3.inOut",delay:.1})}resize(){this.isOpen&&(this.modal.style.height=window.innerHeight+"px")}refresh(e){if(this.num.innerText="0"+(e+1),this.hide(this.current),this.fadeIn(e,1),this.current=e,0==e){let t="05 "+this.title[this.title.length-1].innerText,i="0"+(e+2)+" "+this.title[e+1].innerText;this.prev.innerText=t.replace(/\r?\n/g,""),this.next.innerText=i.replace(/\r?\n/g,"")}else if(e==this.title.length-1){let t="0"+e+" "+this.title[e-1].innerText,i="01 "+this.title[0].innerText;this.prev.innerText=t.replace(/\r?\n/g,""),this.next.innerText=i.replace(/\r?\n/g,"")}else{let t="0"+e+" "+this.title[e-1].innerText,i="0"+(e+2)+" "+this.title[e+1].innerText;this.prev.innerText=t.replace(/\r?\n/g,""),this.next.innerText=i.replace(/\r?\n/g,"")}}clear(){this.title.forEach((e=>{e.style.display="none"})),this.mainText.forEach((e=>{e.style.display="none"})),this.img.forEach((e=>{e.style.display="none"}))}hide(e){this.title[e].style.display="none",this.mainText[e].style.display="none",this.img[e].style.display="none"}fadeIn(e,t){this.title[e].style.opacity=0,this.mainText[e].style.opacity=0,this.img[e].style.opacity=0,this.title[e].style.display="block",this.mainText[e].style.display="block",this.img[e].style.display="block",s.Ay.to(this.title[e],{opacity:t,duration:.5,ease:"steps(3)"}),s.Ay.to(this.mainText[e],{opacity:t,duration:.5,ease:"steps(3)"}),s.Ay.to(this.img[e],{opacity:t,duration:.5,ease:"steps(3)"})}prevClicked(){0!=this.current?this.refresh(this.current-1):this.refresh(this.title.length-1)}nextClicked(){this.current!=this.title.length-1?this.refresh(this.current+1):this.refresh(0)}}class ii{constructor(){this.modalButton=[...document.querySelectorAll("[data-modal-button]")],this.modalPanel=[...document.querySelectorAll("[data-modal-panel]")],this.modalButton.forEach(((e,t)=>{e.addEventListener("mouseenter",(()=>{this.hover(t,"in")})),e.addEventListener("mouseout",(()=>{this.hover(t,"out")}))})),this.modalPanel.forEach(((e,t)=>{e.addEventListener("mouseenter",(()=>{this.hover(t,"in")})),e.addEventListener("mouseout",(()=>{this.hover(t,"out")}))}))}hover(e,t){"in"==t?(this.modalButton[e].classList.add("-hover"),this.modalPanel[e].classList.add("-hover")):"out"==t&&(this.modalButton[e].classList.remove("-hover"),this.modalPanel[e].classList.remove("-hover"))}}var oi=i(953),si=i.n(oi);class ni{constructor(){this.sketchA=function(e){let t=100;t=v?.0666*e.windowWidth:.0366*e.windowWidth;const i=t/5,o={1:"#3D59B3",2:"#6B81C5",3:"#8B9BD1"},s={0:["","",1,"",""],1:["","",2,"",""],2:[1,2,3,2,1],3:["","",2,"",""],4:["","",1,"",""]},n={0:[1,"","","",1],1:["",2,"",2,""],2:["","",3,"",""],3:["",2,"",2,""],4:[1,"","","",1]};e.setup=function(){e.frameRate(1),e.createCanvas(t,t),e.noStroke()},e.draw=function(){e.clear();for(let t=0;t<5;t++)for(let a=0;a<5;a++)e.frameCount%2==0?""!=s[t][a]&&(e.fill(o[s[t][a]]),e.rect(i*t,i*a,i,i)):""!=n[t][a]&&(e.fill(o[n[t][a]]),e.rect(i*t,i*a,i,i))}},this.sketchB=function(e){let t=100;t=v?.1*e.windowWidth:.06*e.windowWidth;const i=t/12,o=t+4*i;let s=0,n=!1,a=0,r=!1,h=0;const l={1:"#3D59B3",2:"#6B81C5",3:"#8B9BD1",4:"#B0BBE0"},c={0:[1,1,"","",4,4,4,4,"","",1,1],1:[1,1,"","",4,4,4,4,"","",1,1],2:["","",3,3,2,2,2,2,3,3,"",""],3:["","",3,3,2,2,2,2,3,3,"",""],4:[1,1,1,1,1,1,1,1,1,1,1,1],5:[1,1,1,1,1,1,1,1,1,1,1,1],6:[1,1,1,1,1,1,1,1,1,1,1,1],7:[1,1,1,1,1,1,1,1,1,1,1,1],8:["","",3,3,2,2,2,2,3,3,"",""],9:["","",3,3,2,2,2,2,3,3,"",""],10:[1,1,"","",4,4,4,4,"","",1,1],11:[1,1,"","",4,4,4,4,"","",1,1]},d={0:[1,1,"","",1,1,1,1,"","",1,1],1:[1,1,"","",1,1,1,1,"","",1,1],2:["","",3,3,1,1,1,1,3,3,"",""],3:["","",3,3,1,1,1,1,3,3,"",""],4:[4,4,2,2,1,1,1,1,2,2,4,4],5:[4,4,2,2,1,1,1,1,2,2,4,4],6:[4,4,2,2,1,1,1,1,2,2,4,4],7:[4,4,2,2,1,1,1,1,2,2,4,4],8:["","",3,3,1,1,1,1,3,3,"",""],9:["","",3,3,1,1,1,1,3,3,"",""],10:[1,1,"","",1,1,1,1,"","",1,1],11:[1,1,"","",1,1,1,1,"","",1,1]};let u={0:[1,1,"","",4,4,4,4,"","",1,1],1:[1,1,"","",4,4,4,4,"","",1,1],2:["","",3,3,2,2,2,2,3,3,"",""],3:["","",3,3,2,2,2,2,3,3,"",""],4:[1,1,1,1,1,1,1,1,1,1,1,1],5:[1,1,1,1,1,1,1,1,1,1,1,1],6:[1,1,1,1,1,1,1,1,1,1,1,1],7:[1,1,1,1,1,1,1,1,1,1,1,1],8:["","",3,3,2,2,2,2,3,3,"",""],9:["","",3,3,2,2,2,2,3,3,"",""],10:[1,1,"","",4,4,4,4,"","",1,1],11:[1,1,"","",4,4,4,4,"","",1,1]};function m(){e.clear();for(let t=0;t<12;t++)for(let o=0;o<12;o++)""!=u[o][t]&&(e.fill(l[u[o][t]]),e.rect(i*t,i*o+h,i,i))}e.setup=function(){e.frameRate(12),e.createCanvas(t,o),e.noStroke()},e.draw=function(){e.frameCount%12==0&&(a++,a%2==0?s=2:a%4==1?s=0:a%4==3&&(s=4,r=!0,n=!n),h=i*s,m()),r&&function(){if(!0===r)r=0;else if(12===r)return void(r=!1);n?(u[r]=d[r],u[r+1]=["1","1","1","1","1","1","1","1","1","1","1","1"]):(u[r]=c[r],10!=r&&(u[r+1]=["1","1","1","1","1","1","1","1","1","1","1","1"])),m(),r++}()}};const e=[...document.querySelectorAll("[data-takeru-p5-01]")],t=[...document.querySelectorAll("[data-takeru-p5-02]")];for(const t of e)new(si())(this.sketchA,t);for(const e of t)new(si())(this.sketchB,e)}}class ai extends Pe{constructor({elTarget:e}){super(),this.elTargetLine=e.querySelector("[data-hover-line-obj]"),this.init({elTarget:e})}_setStyle(){}_motionShow(){this.isMotion=!0,s.os.killTweensOf(this.elTargetLine,"x"),s.os.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"),s.os.killTweensOf(this.elTargetLine,{x:!0}),s.os.fromTo(this.elTargetLine,{x:"-110%"},{x:"0%",duration:.6,ease:"expo.inOut"})}}class ri{constructor({onLoaded:e,onOpeningAfter:t}){e(),this.opening(),t()}opening(){this.takeruOp=new Vt,this.TakeruScroll=new ei,this.TakeruModal=new ti,this.TakeruFigureHover=new ii,this.p5blocks=new ni;const e=[...document.querySelectorAll("[data-hover-line]")];e[0]&&e.forEach((e=>{new ai({elTarget:e})}));const t=[...document.querySelectorAll("[data-hover-arrow]")];t[0]&&t.forEach((e=>{new $t({elTarget:e})}))}resize(){}}const hi=new be({$container:document.querySelector("[data-gl]")});class li{constructor({onLoaded:e}){this.dom={$container:document.querySelector("[data-gl-mv-copy]")},this.obj={panel:null,texture:new Fe({src:{pc:["/-/media/global/digest/renew/img/at-your-side/kv-copy.png"]}})},this.state={gl:!0,active:!0,mousePallaraxPower:0,itemPositionOffest:{x:0,y:0}},this.obj.texture.onLoaded((()=>{this.obj.panel=new Xe({scene:hi.obj.canvas.scene,geo:new Ue({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 xe.I9Y(0,0)},uMouse:{type:"v2",value:new xe.I9Y(0,0)}},vert:it,frag:ot}),hi.onResize((()=>{this.resize()})),hi.onRender((()=>{this.render()})),hi.startRender(),hi.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:hi.obj.canvas.state.size.width*hi.obj.canvas.state.pixelrate,height:hi.obj.canvas.state.size.height*hi.obj.canvas.state.pixelrate}),this.state.itemPositionOffest={x:.5*hi.obj.canvas.state.size.width-.5*this.dom.$container.getBoundingClientRect().width,y:.5*hi.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,s.os.to(this.obj.panel.mesh.material.uniforms.uRate,{value:0,ease:"expo.in",duration:1.2}),s.os.to(this.obj.panel.mesh.material.uniforms.uScale,{value:1,ease:"expo.in",duration:1.2})}}class ci{constructor({onLoaded:e}){this.dom={$container:document.querySelector("[data-mv]"),$header:document.querySelector(".mod-0101"),$scrollDown:document.querySelector("[data-scrolldown]"),$title:document.querySelector("[data-mv-title]")},this.copy=new li({onLoaded:e}),s.os.set(this.dom.$header,{y:1.2*-this.dom.$header.clientHeight}),s.os.set(this.dom.$scrollDown,{scale:.5,opacity:0}),s.os.set([document.querySelectorAll("[data-kazari-sq]"),this.dom.$title],{opacity:0}),hi.onResize((()=>{s.os.set(this.dom.$container,{height:z.height})}))}opening({onComplete:e}){this.copy.show(),s.os.delayedCall(1,(()=>{s.os.to(this.dom.$scrollDown,{scale:1,opacity:1,duration:.4,ease:"power2.out",onStart:()=>{s.os.to(this.dom.$title,{opacity:1,duration:.4,delay:.6,ease:"power2.out"})}}),s.os.to(this.dom.$header,{y:0,opacity:1,duration:.4,ease:"power2.out",onComplete:()=>{e()}}),s.os.to(document.querySelectorAll("[data-kazari-sq]"),{opacity:1,duration:1,stagger:.1,ease:"expo.out"})}))}uiShow(){s.os.killTweensOf(this.dom.$header,"y,opacity"),s.os.to(this.dom.$header,{y:0,opacity:1,duration:.4,ease:"power2.out"}),s.os.killTweensOf(this.dom.$scrollDown,"scale,opacity"),s.os.to(this.dom.$scrollDown,{scale:1,opacity:1,duration:.4,ease:"power2.out"})}uiOut(){s.os.killTweensOf(this.dom.$header,"y,opacity"),s.os.to(this.dom.$header,{y:-100,opacity:0,duration:.4,ease:"power2.out"}),s.os.killTweensOf(this.dom.$scrollDown,"scale,opacity"),s.os.to(this.dom.$scrollDown,{scale:.5,opacity:0,duration:.4,ease:"power2.out"})}}class di{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 Z({$ele:e})}))}show(){if(this.state.show)return!1;this.state.show=!0,this.bgTitleMotion.forEach((e=>{e.show({white:!0})})),s.os.to([this.dom.$bgMaskTop,this.dom.$bgMaskBottom],{opacity:0,duration:1,delay:1.3,ease:"power2.out"}),s.os.to(this.dom.$bgMaskTop,{top:"20%",duration:1.4,delay:.9,ease:"power2.out"}),s.os.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()})),s.os.to(this.dom.$bgMaskTop,{top:"-20%",opacity:1,duration:.6,ease:"power2.out"}),s.os.to(this.dom.$bgMaskBottom,{bottom:"-20%",opacity:1,duration:.6,ease:"power2.out"})}bgImgShow(){s.os.killTweensOf(this.dom.$bgImg,"opacity"),s.os.to(this.dom.$bgImg,{opacity:1,duration:1,delay:.6,ease:"power2.out"})}bgImgOut(){s.os.killTweensOf(this.dom.$bgImg,"opacity"),s.os.to(this.dom.$bgImg,{opacity:0,duration:.4,ease:"power2.out"})}}class ui{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 Z({$ele:e})})),this.dom.$line.forEach((e=>{s.os.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%"})})),s.os.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})})),s.os.to(this.dom.$sq,{opacity:1,duration:.6,ease:"power2.out",onComplete:()=>{s.os.set(this.dom.$line,{y:"0%",x:"0%"})}}),s.os.to(this.dom.$fade[0],{opacity:1,duration:1,ease:"power2.out"}),s.os.to(this.dom.$fade[1],{opacity:1,duration:1,ease:"power2.out",delay:.7})}}class mi{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}){ye.exResizeOn(z.height),this.bg=new Ne,hi.init({onComplete:()=>{this.mainvisual=new ci({onLoaded:()=>{this.mainvisual.opening({onComplete:()=>{const e=[...document.querySelectorAll("[data-hover-line]")];e[0]&&e.forEach((e=>{new ai({elTarget:e})})),t(),ye.exResizeOff(),document.querySelector(".c-pageTop").style.opacity=1,Be.showTrigger()}}),this.introduction=new di,this.sprit=new ui,s.os.delayedCall(.7,(()=>{e()}))}}),this._addEventListener()}})}_onAnimationFrame(){0!==ye.getState.viewCurrent||this.state.scene1||(this.state.scene1=!0,this.bg.colorBlue()),1!==ye.getState.viewCurrent||this.state.scene2?1!=ye.getState.viewCurrent&&this.state.scene2&&(this.state.scene2=!1):(this.state.scene2=!0,this.introduction.show(),this.introduction.bgImgShow()),2!==ye.getState.viewCurrent||this.state.scene3?2!=ye.getState.viewCurrent&&this.state.scene3&&(this.state.scene3=!1):(this.state.scene3=!0,this.bg.colorBlue(),this.sprit.show()),3!==ye.getState.viewCurrent||this.state.scene4?3!=ye.getState.viewCurrent&&this.state.scene4&&(this.state.scene4=!1):(this.state.scene4=!0,this.introduction.bgImgOut(),this.bg.colorWhite())}_addEventListener(){ye.addOnCheckSmoothScroll(this._boundOnAnimationFrame)}}const pi=new be({$container:document.querySelector("[data-gl]"),isNarrow:!0,logarithmicDepthBuffer:!1}),gi=.6;class vi extends Pe{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),s.os.set(e,{y:"top"===t?"-110%":"bottom"===t?"110%":"0%",x:"left"===t?"-110%":"right"===t?"110%":"0%"})}))}_motionShow(){this.isMotion=!0,s.os.killTweensOf(this.elTargetDotted,"backgroundColor"),s.os.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()})))}}),s.os.killTweensOf(this.elTargetIconLine,"x,opacity"),s.os.to(this.elTargetIconLine,{x:"-110%",opacity:0,duration:.6,ease:"expo.out"}),s.os.killTweensOf(this.elTargetLine,"x,y,backgroundColor"),s.os.fromTo(this.elTargetLine,{backgroundColor:"#9496ab"},{backgroundColor:"#fff",duration:.3,ease:"power2.out"}),this.elTargetLine.forEach(((e,t)=>{s.os.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"),s.os.killTweensOf(this.elTargetDotted,"backgroundColor"),s.os.to(this.elTargetDotted,{backgroundColor:"#9496ab",duration:gi,ease:"power2.out"}),s.os.killTweensOf(this.elTargetIconLine,"x,opacity"),s.os.fromTo(this.elTargetIconLine,{x:"110%"},{x:"0%",duration:gi,ease:"expo.out"}),s.os.to(this.elTargetIconLine,{opacity:1,duration:gi,ease:"power.out"}),s.os.killTweensOf(this.elTargetLine,{x:!0,y:!0}),this.elTargetLine.forEach(((e,t)=>{s.os.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:gi,ease:"expo.out"})}))}}class fi extends Bt{constructor(){super(),this.elModalOpenOutItems=[...document.querySelectorAll("[data-value-product-modal-out]")],this._fadeMotionModalOpenOutItem=new U({elTarget:this.elModalOpenOutItems,isSetStyleOff:!0}),this._init(),this.addOnOpen((()=>{$e.state.isDisabled=!0,this._fadeMotionModalOpenOutItem.out(),Be.outTrigger()})),this.addOnClose((()=>{$e.state.isDisabled=!1,this._fadeMotionModalOpenOutItem.show(),Be.showTrigger()}))}}class yi{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 vi({elTarget:e})})),this.modal=new fi}listUpdate(){}btnMouseover({$target:e}){s.os.killTweensOf(e.querySelector("[data-value-product-btn-circle]"),"scale"),s.os.to(e.querySelector("[data-value-product-btn-circle]"),{scale:4,ease:"expo.out",duration:.6}),s.os.killTweensOf(e.querySelector("[data-value-product-btn-icon]"),"opacity,scale"),s.os.to(e.querySelector("[data-value-product-btn-icon]"),{opacity:0,scale:0,ease:"expo.out",duration:.4}),s.os.killTweensOf(e.querySelector("[data-value-product-btn-text]"),"opacity"),s.os.to(e.querySelector("[data-value-product-btn-text]"),{opacity:1,ease:"expo.out",delay:.2,duration:.4})}btnMouseleave({$target:e}){s.os.killTweensOf(e.querySelector("[data-value-product-btn-circle]"),"scale"),s.os.to(e.querySelector("[data-value-product-btn-circle]"),{scale:1,ease:"expo.out",duration:.4}),s.os.killTweensOf(e.querySelector("[data-value-product-btn-icon]"),"opacity,scale"),s.os.to(e.querySelector("[data-value-product-btn-icon]"),{opacity:1,scale:1,ease:"expo.out",duration:.4}),s.os.killTweensOf(e.querySelector("[data-value-product-btn-text]"),"opacity"),s.os.to(e.querySelector("[data-value-product-btn-text]"),{opacity:0,ease:"expo.out",duration:.4})}btnShow({no:e}){s.os.to(this.dom.$btn[e],{opacity:1,scale:1,ease:"power2.out",duration:.6})}btnOut({no:e}){s.os.to(this.dom.$btn[e],{opacity:0,scale:0,ease:"power2.out",duration:.6})}}class xi{constructor({onClick:e,isMobileMode:t}){this.MOBILE_MODE=v&&t||P.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},s.os.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"),s.os.killTweensOf(this.dom.$item[this.state.viewCurrent].querySelector("[data-under-page-navi-item-line]"),"opacity,scale"),s.os.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,s.os.killTweensOf(this.dom.$itemLineAll,"opacity,scale"),this.dom.$itemLineAll.forEach(((e,t)=>{this.dom.$item[t].classList.remove("-current"),s.os.to(e,{opacity:0,scale:2,duration:.6,ease:"power2.out"})}))}}class wi{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 yi,this.navi=new xi({onClick:e=>{$e.to({no:e})}}),this.dom.$contentItemMainAll.forEach(((e,t)=>{this.contentItemMainMotion[t]=new J({$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[$e.state.viewCurrent].classList.add("-current"),s.os.killTweensOf([this.dom.$content[$e.state.viewCurrent].querySelectorAll("[data-value-content-item]")],"opacity"),s.os.to(this.dom.$content[$e.state.viewCurrent].querySelectorAll("[data-value-content-item]"),{opacity:1,duration:1,ease:"power2.out",onComplete:()=>{this.state.contentShow=!0}}),this.contentItemMainMotion[$e.state.viewCurrent].show({white:!0}),this.contentItemMainMotion[$e.state.prevCurrent].out(),this.navi.currentShow($e.state.viewCurrent)}render(){const e=this.state.parallaxDistance*$e.state.progress;this.dom.$parallax.forEach(((t,i)=>{i===$e.state.viewCurrent?(t.style.transform=`translate3d(0, ${-e}px, 0)`,this.state.contentShow&&(t.style.opacity=Math.max(0,1-5*$e.state.progress))):(t.style.transform="translate3d(0, 0px, 0)",t.style.opacity=0)}))}resize(){this.dom.$wrap.style.heght=z.height,this.state.parallaxDistance=$e.state.isTouchMode?.5*z.center.y:z.center.y}opening(){this.change(),this.openingFadeMotion.forEach((e=>{e.show()}))}_addEventListener(){k.add((()=>{this.resize()})),_.add((()=>{this.render()})),$e.onNextBefore((()=>{this.changeBefore()})),$e.onPrevBefore((()=>{this.changeBefore()})),$e.onNext((()=>{this.state.contentShow=!1,this.change()})),$e.onPrev((()=>{this.state.contentShow=!1,this.change()}))}}class _i{constructor({scene:e,geo:t,uniforms:i,vert:o,frag:s}){this.mesh=new Ye,this.mesh.init({scene:e,matOption:{vertexShader:o,fragmentShader:s,depthTest:!1,transparent:!1,side:xe.hB5,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 bi=d||v||c||u;class Si{constructor({onLoaded:e}){const t=document.querySelectorAll("[data-value-content]");this.$gradientCover=document.querySelector("[data-value-gradient]");let i=[],o=[];t.forEach((e=>{const t=e.dataset.valueBgVideo.match(/[^.]+$/)[0],s=v?e.dataset.valueBgVideo.replace("."+t,"")+"-sp."+t:e.dataset.valueBgVideo,n=e.dataset.valueBgJpg.match(/[^.]+$/)[0],a=v?e.dataset.valueBgJpg.replace("."+n,"")+"-sp."+n:e.dataset.valueBgJpg;i.push(s),o.push(a)})),this.obj={panel:[],texture:bi?new Fe({src:{pc:o}}):null,videoTexture:new Ft({src:{pc:i}})},this.conf={},this.state={opening:!1,itemPositionOffest:[]},bi&&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 Ue({width:2,height:2});pi.obj.canvas.renderer,this.obj.panel=new _i({scene:pi.obj.canvas.scene,geo:t,uniforms:{uTime:{value:0},uTexture:{value:bi?this.obj.texture.pcTexture[0]||null:this.obj.videoTexture.pcTexture[0]},uTextureNext:{value:bi?this.obj.texture.pcTexture[1]||null:this.obj.videoTexture.pcTexture[1]},uTexturePrev:{value:bi?this.obj.texture.pcTexture[3]||null:this.obj.videoTexture.pcTexture[3]},uResolution:{type:"v2",value:new xe.I9Y(0,0)},uImgResolution:{type:"v2",value:new xe.I9Y(this.obj.videoTexture.pcTexture[0].image.videoWidth,this.obj.videoTexture.pcTexture[0].image.videoHeight)},uPos:{type:"v2",value:new xe.I9Y(1,1)},uMotion:{value:1},uBlend:{value:0},uWave:{value:1.6},uWaveMix:{value:v||f?.06:1.2},uLight:{value:20},uDist:{value:.1},uDir:{value:1},uNoise:{value:v||f?.2:.45},uNoiseWave:{value:v||f?-.1:-4.2},uScale:{value:.47}},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;\nuniform float uScale;\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  uv -= vec2(0.5, 0.5);\n  uv *= (uScale/0.5);\n  uv += vec2(0.5, 0.5);\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 = -3.0; t <= 3.0; t++) {\n    float percent = (t + noiseOffset - 0.5) / 3.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:$e.state.viewCurrent}),pi.onResize((()=>{this.resize()})),pi.onRender((()=>{this.render()})),pi.startRender(),pi.dom.$container.style.opacity=0,s.os.delayedCall(.1,(()=>{pi.emitResize(),this.obj.videoTexture.pcTexture.forEach(((e,t)=>{0!==t&&this.obj.videoTexture.pause({index:t})})),e()})),$e.onNext((()=>{bi||this.obj.videoTexture.play({index:$e.state.viewCurrent}),this.textureUpdate()})),$e.onPrev((()=>{bi||this.obj.videoTexture.play({index:$e.state.viewCurrent}),this.textureUpdate()})),$e.onTo((()=>{bi||(this.obj.panel.mesh.material.uniforms.uTextureNext.value=this.obj.videoTexture.pcTexture[$e.state.nextCurrent],this.obj.panel.mesh.material.uniforms.uTexturePrev.value=this.obj.videoTexture.pcTexture[$e.state.prevCurrent])})),$e.onStart((()=>{bi&&(this.obj.panel.mesh.material.uniforms.uTexture.value=this.obj.texture.pcTexture[$e.state.viewCurrent],this.obj.videoTexture.pause({index:$e.state.viewCurrent}))})),$e.onReverse((()=>{bi&&(this.obj.panel.mesh.material.uniforms.uTexture.value=this.obj.videoTexture.pcTexture[$e.state.viewCurrent],this.obj.videoTexture.play({index:$e.state.viewCurrent}))})),$e.onFit((()=>{bi&&s.os.delayedCall(1,(()=>{this.obj.panel.mesh.material.uniforms.uTexture.value=this.obj.videoTexture.pcTexture[$e.state.viewCurrent],this.obj.videoTexture.play({index:$e.state.viewCurrent})})),this._scaleReset({onComplete:()=>{this._scaleStart()}})}))}))}render(){this.obj.panel.render(),this.state.opening&&(this.obj.panel.mesh.material.uniforms.uBlend.value=$e.state.progress,this.obj.panel.mesh.material.uniforms.uMotion.value=$e.state.progress,this.obj.panel.mesh.material.uniforms.uDir.value=$e.state.dir)}resize(){this.obj.panel.resize({width:pi.obj.canvas.state.size.width*pi.obj.canvas.state.pixelrate,height:pi.obj.canvas.state.size.height*pi.obj.canvas.state.pixelrate})}textureUpdate(){this.state.opening&&(this.obj.videoTexture.pause({index:$e.state.prevCurrent}),this.obj.panel.mesh.material.uniforms.uTexture.value=bi?this.obj.texture.pcTexture[$e.state.viewCurrent]:this.obj.videoTexture.pcTexture[$e.state.viewCurrent],this.obj.panel.mesh.material.uniforms.uTextureNext.value=bi?this.obj.texture.pcTexture[$e.state.nextCurrent]:this.obj.videoTexture.pcTexture[$e.state.nextCurrent],this.obj.panel.mesh.material.uniforms.uTexturePrev.value=bi?this.obj.texture.pcTexture[$e.state.prevCurrent]:this.obj.videoTexture.pcTexture[$e.state.prevCurrent])}opening({onComplete:e}){s.os.to(pi.dom.$container,{opacity:1,ease:"power4.in",duration:.6}),s.os.to([this.obj.panel.mesh.material.uniforms.uMotion],{value:0,ease:"expo.inOut",duration:1.5,onComplete:()=>{this.state.opening=!0,s.os.to(this.$gradientCover,{opacity:1,ease:"sine.inOut",duration:1,onComplete:()=>{bi&&(this.obj.panel.mesh.material.uniforms.uTexture.value=this.obj.videoTexture.pcTexture[$e.state.viewCurrent],this.obj.videoTexture.play({index:$e.state.viewCurrent}))}}),e()}}),s.os.to([this.obj.panel.mesh.material.uniforms.uLight],{value:v||f?3:6,ease:"expo.in",duration:1.5}),this._scaleStart()}_scaleStart(){if(bi)return!1;s.os.killTweensOf(this.obj.panel.mesh.material.uniforms.uScale,"value"),s.os.to(this.obj.panel.mesh.material.uniforms.uScale,{value:.5,ease:"power2.out",duration:15})}_scaleReset({onComplete:e}){if(bi)return!1;s.os.killTweensOf(this.obj.panel.mesh.material.uniforms.uScale,"value"),s.os.to(this.obj.panel.mesh.material.uniforms.uScale,{value:.47,ease:"sine.inOut",duration:.01,onComplete:()=>{e()}})}}class Ti{constructor({onLoaded:e,onOpeningAfter:t}){this.dom={},this.state={},this.body,this.bg,pi.init({onComplete:()=>{this.bg=new Si({onLoaded:()=>{e(),this.body=new wi,pi.emitResize(),this.bg.opening({onComplete:()=>{this.body.opening(),t()}})}})}})}}class Ci{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,Et.enableMouseUpdate(),qt.disable||qt.colorWhite({change:!0}),new Ti({onLoaded:()=>{e()},onOpeningAfter:()=>{Be.showTrigger(),t()}}),k.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 o=t[i];if(o.match(/\S/g)){const t=document.createElement("span");t.textContent=o,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;s.os.set(document.querySelector("body"),{height:z.height}),s.os.to(document.querySelector("body"),{backgroundColor:"#0d2ea0",ease:"power2.out",duration:.2}),s.os.to(document.querySelector(".mf_finder_container"),{opacity:0,duration:.4,onComplete:()=>{location.href=t}})}),C)}))}resize(){s.os.set(this.dom.$container,{height:z.height})}}const Oi=window.matchMedia("screen and (max-width: 767px)");class ki{constructor(){this.dom={$ele:document.querySelectorAll("[data-technology-list-hover]")},this.state={hover:[],motion:[]},this.init()}init(){if(v||m)return;let e=0;for(;e<this.dom.$ele.length;){this.state.hover[e]=!1,this.state.motion[e]=!1;const t=e;s.os.set(this.dom.$ele[t].querySelectorAll("[data-technology-list-hover-img]"),{y:"110%"}),s.os.set(this.dom.$ele[t].querySelectorAll("[data-technology-list-hover-img-child]"),{y:"-110%",scale:1.5}),s.os.set(this.dom.$ele[t].querySelectorAll("[data-technology-list-hover-title]"),{y:"110%"}),s.os.set(this.dom.$ele[t].querySelectorAll("[data-technology-list-hover-title-child]"),{y:"-110%",scale:1.1}),this.dom.$ele[e].addEventListener("mousemove",(()=>{Oi.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(),s.os.killTweensOf(e.$text,"color"),s.os.to(e.$text,{color:"#0d2ea1",duration:.6,ease:"power2.out"}),s.os.killTweensOf(e.$titleChild,"y,scale"),s.os.fromTo(e.$titleChild,{y:"-110%",scale:1.1},{y:"0%",scale:1,duration:.6,ease:"expo.out"}),s.os.killTweensOf(e.$title,"y"),s.os.fromTo(e.$title,{y:"110%"},{y:"0%",duration:.6,ease:"expo.out"}),s.os.killTweensOf(e.$imgChild,"y, scale"),s.os.fromTo(e.$imgChild,{y:"-110%",scale:1.5},{y:"0%",scale:1,duration:.6,ease:"expo.out"}),s.os.killTweensOf(e.$img,"y"),s.os.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"),s.os.killTweensOf(e.$text,"color"),s.os.to(e.$text,{color:"#9496ab",duration:.6,ease:"power2.out"}),s.os.killTweensOf(e.$titleChild,"y,scale"),s.os.to(e.$titleChild,{y:"110%",scale:1.05,duration:.6,ease:"expo.inOut"}),s.os.killTweensOf(e.$title,"y"),s.os.to(e.$title,{y:"-110%",duration:.6,ease:"expo.inOut"}),s.os.killTweensOf(e.$imgChild,"y,scale"),s.os.to(e.$imgChild,{y:"110%",scale:1.15,duration:.6,ease:"expo.inOut"}),s.os.killTweensOf(e.$img,"y"),s.os.to(e.$img,{y:"-110%",duration:.6,ease:"expo.inOut",onComplete:()=>{e.$video.pause(),e.comp&&e.comp()}})}}class Mi{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}){ye.exResizeOn(z.height),this.bg=new Ne,this.mainvisual=new Ht({src:[v?"/-/media/global/digest/renew/img/technology/sp/mainvisual.jpg":"/-/media/global/digest/renew/img/technology/mainvisual.jpg"],srcVideo:[v?"/-/media/global/digest/renew/video/technology/sp/tech-main.mp4":"/-/media/global/digest/renew/video/technology/tech-main.mp4"],onComplete:()=>{new ki,e(),this.mainvisual.opening({onComplete:()=>{t(),this.bg.line.start(),Be.showTrigger(),ye.exResizeOff(),this.state.opening=!0,document.querySelector(".c-pageTop").style.opacity=1}})}})}}const $i=new be({$container:document.querySelector("[data-gl-cover]"),logarithmicDepthBuffer:!0}),Pi=v||P.isSP;class Ei{constructor(){this.dom={$image:Pi?document.querySelectorAll("[data-technology-image-sp]"):document.querySelectorAll("[data-technology-image]"),$imageChild:Pi?document.querySelectorAll("[data-technology-image-sp-child]"):document.querySelectorAll("[data-technology-image-child]"),$video:Pi?document.querySelectorAll("[data-technology-image-sp-video]"):document.querySelectorAll("[data-technology-image-video]")},this.state={viewCurrent:ye.getState.viewCurrent,max:this.dom.$image.length-1,isShowSP:[]},this.dom.$image.forEach(((e,t)=>{this.state.isShowSP[t]=!1})),s.os.set(this.dom.$image,{y:"101%"}),s.os.set(this.dom.$imageChild,{y:"-101%",scale:1.5})}change(){this.show({$video:this.dom.$video[ye.getState.viewCurrent],$image:this.dom.$image[ye.getState.viewCurrent],$imageChild:this.dom.$imageChild[ye.getState.viewCurrent]}),this.dom.$image.forEach(((e,t)=>{t!==ye.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[ye.getState.viewCurrent])return!1;this.state.isShowSP[ye.getState.viewCurrent]=Pi,s.os.killTweensOf(e.$imageChild,"y, scale"),s.os.fromTo(e.$imageChild,{y:-101*ye.getState.dir+"%",scale:1.5},{y:"0%",scale:1,duration:Pi?1:.6,ease:Pi?"expo.inOut":"expo.out"}),s.os.killTweensOf(e.$image,"y"),s.os.fromTo(e.$image,{y:101*ye.getState.dir+"%"},{y:"0%",duration:Pi?1:.6,ease:Pi?"expo.inOut":"expo.out"})}out(e){if(e.$image.classList.remove("-current"),Pi)return e.$video.pause(),!1;s.os.killTweensOf(e.$imageChild,"y,scale"),s.os.to(e.$imageChild,{y:101*ye.getState.dir+"%",scale:1.15,duration:Pi?1:.6,ease:"expo.inOut"}),s.os.killTweensOf(e.$image,"y"),s.os.to(e.$image,{y:-101*ye.getState.dir+"%",duration:Pi?1:.6,ease:"expo.inOut",onComplete:()=>{e.$video.pause()}})}}class Li{constructor({onLoaded:e,onOpeningAfter:t}){ye.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("/"),o=""!==i[i.length-1]?i[i.length-1]:i[i.length-2];document.documentElement.classList.add("-page-"+o),this.bg=new Ne,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(),$i.init({onComplete:()=>{this.cover=new Te({gl:$i}),$i.startRender(),this.image=new Ei,this.navi=new xi({onClick:e=>{ye.scrollTo(ye.getState.sectionPosition[e].start-document.querySelector(".mod-0101").clientHeight)},isMobileMode:!0}),this.opening({onComplete:()=>{this.bg.line.start(),Be.showTrigger(),ye.exResizeOff(),t(),document.querySelector(".c-pageTop").style.opacity=1}}),this._addEventListener()}})}_styleSet(){this.dom.$title.forEach(((e,t)=>{this.titleMotion[t]=new J({$ele:e})}))}opening({onComplete:e}){this.cover.out(),s.os.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})})),s.os.delayedCall(.6,(()=>{this.spNaviPanelOpeningMotion.show(),s.os.fromTo(document.querySelector(".mod-0101"),{y:-document.querySelector(".mod-0101").clientHeight,opacity:0},{y:0,opacity:1,duration:.4,ease:"sine.out"});let t=0;this.openingFadeMotion.forEach(((i,o)=>{i.show({delay:.05*o,onComplete:()=>{t+=1,t>=this.openingFadeMotion.length&&(this.state.opening=!0,e(),this.navi.currentShow(ye.getState.viewCurrent))}})}))}))}))}uiShow(){s.os.set(this.dom.$uiItem,{pointerEvents:"all"}),this.uiFadeMotion.forEach((e=>{e.show()}))}uiOut(){s.os.set(this.dom.$uiItem,{pointerEvents:"none"}),this.uiFadeMotion.forEach((e=>{e.out()}))}_onGlobalResize(){}_onAnimationFrame(){if(!this.state.opening)return!1;this.image.state.viewCurrent!==ye.getState.viewCurrent&&(this.image.state.max<ye.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=ye.getState.viewCurrent,this.state.uiShow=!1,this.uiOut()):this.image.dom.$image[ye.getState.viewCurrent]&&this.image.state.viewCurrent!==ye.getState.viewCurrent&&(this.image.state.viewCurrent=ye.getState.viewCurrent,this.navi.currentOut(),this.navi.currentShow(ye.getState.viewCurrent),this.image.change(),this.state.uiShow||(this.state.uiShow=!0,this.uiShow())))}_addEventListener(){_.add(this._boundOnAnimationFrame)}}class Ai{constructor({element:e,maskElement:t}){this.dom={$element:e,$maskElement:t,$bgElement:e.querySelector('[data-kv="bg"]'),$upperCopyElement:e.querySelector('[data-kv="copy-upper"]'),$lowerCopyElement:e.querySelector('[data-kv="copy-lower"]'),$descElement:e.querySelector('[data-kv="desc"]'),$global_header:document.querySelector(".mod-0101")},this._imgs={},this._imgSrc={pc:"/-/media/global/digest/renew/img/industrial/industrial-mv-bg-pc.png",sp:"/-/media/global/digest/renew/img/industrial/industrial-mv-bg-sp.png"},this._init()}async _init(){ye.exResizeOn(z.height),s.Ay.set(this.dom.$global_header,{opacity:0}),s.Ay.set(this.dom.$bgElement,{opacity:0}),s.Ay.set(this.dom.$upperCopyElement,{opacity:0}),s.Ay.set(this.dom.$lowerCopyElement,{opacity:0}),s.Ay.set(this.dom.$descElement,{opacity:0}),await this._loadImages(),this._enter()}_loadImages(){return(e=>{const t=e.map((e=>(e=>new Promise(((t,i)=>{const o=new Image;o.onload=()=>{t(o)},o.onerror=i,o.src=e})))(e)));return Promise.all(t)})([this._imgSrc.pc,this._imgSrc.sp]).then((e=>{Object.assign(this._imgs,{pc:e[0],sp:e[1]}),this.dom.$bgElement.querySelector("._pc").appendChild(this._imgs.pc),this.dom.$bgElement.querySelector("._sp").appendChild(this._imgs.sp),ye.exResizeOff()}))}_enterMask(){return s.Ay.fromTo(this.dom.$maskElement,{opacity:1},{opacity:0,duration:.2,ease:"power1.out"})}_enterBg(){return s.Ay.fromTo(this.dom.$bgElement,{opacity:0},{opacity:1,duration:.6,ease:"power1.out"})}_enterCopy(){return s.Ay.fromTo([this.dom.$upperCopyElement,this.dom.$lowerCopyElement],{opacity:0,y:20,filter:"blur(2px)"},{opacity:1,y:0,filter:"blur(0px)",duration:1,stagger:.35,ease:"power1.out"})}_enterDesc(){return s.Ay.fromTo(this.dom.$descElement,{opacity:0,y:20,filter:"blur(2px)"},{opacity:1,y:0,filter:"none",duration:.6,ease:"power1.out"})}_enterHeader(){return s.Ay.fromTo(this.dom.$global_header,{opacity:0},{opacity:1,duration:.4,ease:"power1.out"})}async _enter(){const e=s.Ay.timeline();e.add(this._enterMask(),"+=0.1"),e.add(this._enterHeader(),"<"),e.add("start"),e.add(this._enterBg(),"start"),e.add(this._enterCopy(),"start+=0.2"),e.add(this._enterDesc(),"start+=1")}}const ji="onwheel"in document?"wheel":"onmousewheel"in document?"mousewheel":"DOMMouseScroll",zi="ontouchmove"in window?"touchmove":ji,Ri=e=>{e.preventDefault()},qi={passive:!1};class Ii{constructor({elWrap:e,elTrigger:t}){this.init({elWrap:e,elTrigger:t}),this._setStyle(),this._addEventListener(),this.addOnOpen=()=>{},this.addOnClose=()=>{}}init({elWrap:e,elTrigger:t}){this._elWrap=e,this._elTrigger=t,this._elTarget=this._elWrap.querySelector(`#${this._elTrigger.dataset.target}`),this._elCloseBtnArr=[...this._elTarget.querySelectorAll("[data-modal-close]")],this._isOpen=!1}_setStyle(){s.os.set(this._elTarget,{autoAlpha:0,pointerEvents:"none"})}_open(){this._elTarget.setAttribute("aria-hidden","false"),this.addOnOpen(),s.os.to(document.querySelector(".mod-0101"),{y:-document.querySelector(".mod-0101").clientHeight,opacity:0}),s.os.killTweensOf(this._elTarget,"autoAlpha"),s.os.set(this._elTarget,{pointerEvents:"auto",zIndex:100}),s.os.to(this._elTarget,{autoAlpha:1,duration:.2,ease:"expo.inout",onComplete:()=>{this._stopScroll()}})}_close(){this._startScroll(),this._elTarget.setAttribute("aria-hidden","true"),s.os.to(document.querySelector(".mod-0101"),{y:0,opacity:1}),s.os.killTweensOf(this._elTarget,"autoAlpha"),s.os.to(this._elTarget,{autoAlpha:0,duration:.2,zIndex:-1,ease:"expo.inout",onComplete:this.addOnClose})}_stopScroll(){P().isSP?document.documentElement.style.overflow="hidden":window.addEventListener(zi,Ri,qi)}_startScroll(){P().isSP?document.documentElement.style.overflow="":window.removeEventListener(zi,Ri,qi)}_addEventListener(){this._boundOnClickOpen=this._open.bind(this),this._boundOnClickClose=this._close.bind(this),this._elTrigger.addEventListener("click",this._boundOnClickOpen,o.passiveOptions),this._elCloseBtnArr.forEach((e=>{e.addEventListener("click",this._boundOnClickClose,o.passiveOptions)}))}}class Bi extends Ii{constructor({elWrap:e,elTrigger:t}){super({elWrap:e,elTrigger:t}),this._init(),this._elFooter=document.querySelector(".p-business__footer")}_init(){this._addOnOpen(),this._addOnClose()}_addOnOpen(){this.addOnOpen=()=>{s.os.to(this._elFooter,{opacity:0,duration:.2,ease:"expo.inOut"})}}_addOnClose(){this.addOnClose=()=>{s.os.to(this._elFooter,{opacity:1,duration:.2,ease:"expo.inOut"})}}}class Di extends Ii{constructor({elWrap:e,elTrigger:t}){super({elWrap:e,elTrigger:t}),this._init(),this._id=this._elTarget.querySelector("[data-movie-modal-youtube]").getAttribute("id"),this._ytPlayer=null,this._isEmbeded=!1}_init(){this._addOnOpen(),this._addOnClose()}_addOnOpen(){this.addOnOpen=()=>{this._isEmbeded||(this._ytPlayer=new YT.Player(this._id,{videoId:this._id,playerVars:{rel:0}}),this._isEmbeded=!0)}}_addOnClose(){this.addOnClose=()=>{this._ytPlayer.pauseVideo()}}}class Ni{constructor({onLoaded:e,onOpeningAfter:t}){this._initMovieModal(),this._initProductModal(),e(),this._enter(),t()}_enter(){const e=document.querySelector('[data-kv="root"]'),t=document.querySelector("[data-overlay]");this._kv=new Ai({element:e,maskElement:t})}_initProductModal(){const e=document.querySelector("[data-product-modal]");[...e.querySelectorAll("[data-product-modal-trigger]")].forEach((t=>{new Bi({elWrap:e,elTrigger:t})}))}_initMovieModal(){let e=document.createElement("script");e.src="https://www.youtube.com/iframe_api";let t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t);const i=document.querySelector("[data-movie-modal]");[...i.querySelectorAll("[data-movie-modal-trigger]")].forEach((e=>{new Di({elWrap:i,elTrigger:e})}))}resize(){ye.exResizeOff()}}class Wi extends Pe{constructor({elTarget:e}){super(),this.elTargetArrow=e.querySelector("[data-hover-top-arrow-obj]"),this.init({elTarget:e})}_setStyle(){}_motionShow(){this.isMotion=!0,s.os.killTweensOf(this.elTargetArrow,{y:!0,opacity:!0}),s.os.to(this.elTargetArrow,{y:"-100%",opacity:0,duration:.3,ease:"expo.out",onComplete:()=>{s.os.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 Fi{constructor(){if(this.dom={$ele:document.querySelector("[data-pagetop]")},!this.dom.$ele)return!1;this.dom.$ele.addEventListener("click",(()=>{ye.scrollTo(0)}),C)}}var Ui;Ui=()=>{z.resize(),store.mediaSize=Ge.baseWithSP<z.width?"pc":"sp",k.add((()=>{z.resize();const e=Ge.baseWithSP<z.width?"pc":"sp";e!==store.mediaSize&&(store.mediaSize=e,location.reload())}));const e=[v?"-mobile":"-no-mobile"];f&&e.push("-tablet"),g&&e.push("-android"),p&&e.push("-ios"),u&&e.push("-windows"),m&&e.push("-ipad"),h&&e.push("-edge"),r&&e.push("-ie"),c&&e.push("-safari"),f||v||e.push("-ua-pc"),(f||v)&&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 y({key:"referrer",value:JSON.stringify(e)})},o=()=>{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 ct({elTarget:e})}));const i=[...document.querySelectorAll("[data-hover-top-arrow]")];i[0]&&i.forEach((e=>{new Wi({elTarget:e})})),s.os.delayedCall(.5,(()=>{document.querySelector(".t-bgLine")&&document.querySelector(".t-bgLine").classList.add("-loaded"),document.body.classList.add("-loaded"),k.emit()}))},n=()=>{if(s.os.set(document.querySelector(".p-business__footer"),{opacity:1}),new Fi,qt.show(),c||f){let e;ye.addOnCheckScrollComplete((()=>{clearTimeout(e),e=setTimeout((()=>{s.os.set(document.querySelector(".mod-0101"),{opacity:1})}),100)}))}i()};switch($e.state.isDisabled=!0,store.pagaID){case"index":ye.init(document),new kt({onLoaded:()=>{o()},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":ye.init(document),new Gt({onLoaded:()=>{o(),s.os.set(document.querySelector(".mf_finder_container"),{opacity:1})},onOpeningAfter:()=>{n()}}),new Ce;break;case"takeru":ye.init(document),new ri({onLoaded:()=>{o(),s.os.set(document.querySelector(".mf_finder_container"),{opacity:1})},onOpeningAfter:()=>{n(),document.querySelector(".c-pageTop").style.opacity=1}}),new Ce;break;case"industrial":ye.init(document),new Ni({onLoaded:()=>{o(),s.os.set(document.querySelector(".mf_finder_container"),{opacity:1})},onOpeningAfter:()=>{n()}}),new Ce;break;case"at-your-side":ye.init(document),new mi({onLoaded:()=>{o(),s.os.set(document.querySelector(".mf_finder_container"),{opacity:1})},onOpeningAfter:()=>{n()}}),new Ce;break;case"value":$e.state.isDisabled=!1,new Ci({onLoaded:()=>{o(),s.os.set(document.querySelector(".mf_finder_container"),{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 ct({elTarget:e})})),i()}});break;case"technology":ye.init(document),new Mi({onLoaded:()=>{o(),s.os.set(document.querySelector(".mf_finder_container"),{opacity:1})},onOpeningAfter:()=>{n()}}),new Ce;break;case"technologyDetail":ye.init(document),new Li({onLoaded:()=>{o(),s.os.set(document.querySelector(".mf_finder_container"),{opacity:1})},onOpeningAfter:()=>{n()}}),new Ce}document.addEventListener("visibilitychange",(()=>{"visible"===document.visibilityState&&k.emit()}))},"interactive"===document.readyState||"complete"===document.readyState?Ui():document.addEventListener("DOMContentLoaded",Ui),window.addEventListener("load",(()=>{k.emit()})),history.replaceState(null,null,null),window.onpopstate=()=>{location.reload()}}},i={};function o(e){var s=i[e];if(void 0!==s)return s.exports;var n=i[e]={exports:{}};return t[e](n,n.exports,o),n.exports}o.m=t,e=[],o.O=function(t,i,s,n){if(!i){var a=1/0;for(c=0;c<e.length;c++){i=e[c][0],s=e[c][1],n=e[c][2];for(var r=!0,h=0;h<i.length;h++)(!1&n||a>=n)&&Object.keys(o.O).every((function(e){return o.O[e](i[h])}))?i.splice(h--,1):(r=!1,n<a&&(a=n));if(r){e.splice(c--,1);var l=s();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,s,n]},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,{a:t}),t},o.d=function(e,t){for(var i in t)o.o(t,i)&&!o.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},o.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},function(){var e={996:0};o.O.j=function(t){return 0===e[t]};var t=function(t,i){var s,n,a=i[0],r=i[1],h=i[2],l=0;if(a.some((function(t){return 0!==e[t]}))){for(s in r)o.o(r,s)&&(o.m[s]=r[s]);if(h)var c=h(o)}for(t&&t(i);l<a.length;l++)n=a[l],o.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return o.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 s=o.O(void 0,[429],(function(){return o(886)}));s=o.O(s)}();