(function() { try { var _origAddEventListener = document.addEventListener; document.addEventListener = function(type, listener, options) { if (typeof listener === 'function') { var safeListener = function() { try { return listener.apply(this, arguments); } catch (listenerErr) { console.warn('[Theme Script Event Error - ' + type + ']:', listenerErr); } }; return _origAddEventListener.call(this, type, safeListener, options); } return _origAddEventListener.apply(this, arguments); }; /* ここにPC用のグローバルJavaScriptを記述します。 */ var swiper = null; async function handleCheckElRendered(className, retry = 0) { return new Promise((resolve) => { setTimeout(() => { var el = document.getElementsByClassName(className); if (el && el.length > 0) { resolve(true); return; } if (retry > 10) { resolve(false); return; } handleCheckElRendered(className, retry + 1).then((res) => { resolve(res); }); }, 200); }); } // Recruitment // ------ common function ------ /** * Import swiper into document head * @description This function is import a swiper library into the document head */ async function itszai2_ImportSwiper() { try { var scriptEl = document.createElement("script"); scriptEl.setAttribute( "src", "https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js" ); scriptEl.setAttribute("defer", true); document.head.appendChild(scriptEl); return new Promise((resolve) => { scriptEl.addEventListener("load", () => { if (typeof Swiper !== "undefined") { resolve(true); } else { resolve(false); } }); setTimeout(() => { resolve(false); }, 15 * 1000); }); } catch (err) { console.warn(err); return false; } } /* eslint-disable no-underscore-dangle */ /** * load swiper * @description This function is check library is exist? * if exist => return true * else import swiper from cdn link * @params Empty * @returns boolean */ var swiperPromise = null; async function itszai2_LoadSwiper() { try { if (typeof window === "undefined") return false; if (typeof Swiper !== "undefined") { return true; } if (!swiperPromise) { swiperPromise = itszai2_ImportSwiper(); } return await swiperPromise; } catch (err) { console.warn(err); return false; } finally { setTimeout(() => { swiperPromise = null; }, 200); } } /** * check element is existed by class * @description This function is find element by class name * if exist => return element * else => return null * @param className [type: string] * @returns Array | null */ async function itszai2_CheckElementByClass(className, retry = 0) { try { if (typeof window === "undefined") return null; return new Promise((resolve) => { setTimeout(() => { var el = document.getElementsByClassName(className); if (el && el.length > 0) { resolve(el); return; } if (retry > 10) { resolve(null); return; } itszai2_CheckElementByClass(className, retry + 1).then((res) => { resolve(res); }); }, 200); }); } catch (err) { console.warn(err); return null; } } /** * init swiper by class name * @description This function is create new instance swiper use options param by class name * if exist class name => return element * else => return null * @param swiperClass [type: string] * @param swiperOptions [type: Object] * @returns boolean */ async function itszai2_InitSwiper(swiperClass, swiperOptions) { try { if (typeof window === "undefined") return false; if (!swiperClass) return false; var isExistSwiper = await itszai2_LoadSwiper(); if (!isExistSwiper) return false; var swiperEls = await itszai2_CheckElementByClass(swiperClass); if (!swiperEls) { return false; } // destroy if exist if ( window.__itszai_swiper?.[swiperClass] && window.__itszai_swiper?.[swiperClass]?.length ) { window.__itszai_swiper[swiperClass]?.forEach((item) => { if (item?.destroy && typeof item.destroy === "function") { item.destroy(); } }); } if (!window.__itszai_swiper) { window.__itszai_swiper = {}; } window.__itszai_swiper[swiperClass] = []; // eslint-disable-next-line no-undef // support for case multiple element from swiperClass [...(swiperEls ?? [])].forEach((swiperEl) => { var swiperInit = new Swiper(swiperEl, swiperOptions ?? {}); if (!window.__itszai_swiper) { window.__itszai_swiper = {}; } if (!window.__itszai_swiper[swiperClass]) { window.__itszai_swiper[swiperClass] = []; } window.__itszai_swiper[swiperClass].push(swiperInit); }); } catch (err) { console.warn(err); return false; } } async function itszai2_InitSwiperByElement(swiperEl, swiperOptions) { try { if (typeof window === "undefined") return null; if (!swiperEl) return null; var isExistSwiper = await itszai2_LoadSwiper(); if (!isExistSwiper) return null; return new Swiper(swiperEl, swiperOptions ?? {}); } catch (err) { console.warn(err); return false; } } /** * get instance swiper by class name * @description This function is return a instance of swiper support for case swiper api * if exist => return instance * else => return null * @param swiperClass [type: string] * @returns Swiper | null */ async function itszai2_GetSwiperInstanceByClass(swiperClass) { try { if (typeof window === "undefined") return null; if (!swiperClass) return false; return window.__itszai_swiper?.[swiperClass] ?? null; } catch (err) { console.warn(err); return null; } } /** * group children of swiper before init * @description This function is get all children of swiper and group into div element * @param swiperClass [type: string] * @param options [type: object] * @param options.count [type: number] => number of element in a group * @param options.style [type: string] => style css of element * @param options.class [type: string] => class of element * @param _callback [type: Function] => call when has new group => for case react rerendered * @returns void */ async function itszai2_GroupSwiperChildren(swiperClass, options, _callback) { try { if (!swiperClass) return; var isExist = await itszai2_CheckElementByClass(swiperClass); if (!isExist) return; var els = document.getElementsByClassName(swiperClass); if (!els) return; var elRoot = [...els][0]; if (!elRoot) return; // if (elRoot.getAttribute('data-group') === 'true') { // return; // } var elList = Array.from(elRoot.childNodes ?? []); var elsGroup = []; var count = options.count || 3; if (elRoot.firstElementChild.getAttribute("data-group") === "true") { return; } for (var i = 0; i < elList.length; i += count) { var elGroup = document.createElement("div"); elGroup.setAttribute("data-group", "true"); var classItem = "swiper-slide"; if (options.class) { elGroup.className = options.class; if (!elGroup.className.includes(classItem)) { elGroup.className += ` ${classItem}`; } } else { elGroup.className = classItem; } for (var j = i; j < i + count; j += 1) { var el = elList[j]; if (el?.nodeName === "#text") { if (!el.textContent?.replace(/\n/g, "").replace(/\t/g, "").trim()) { i = Math.min(i + 1, elList.length - 1); } else if (el) { var elClone = el.cloneNode(true); elClone.style.removeProperty("width"); elGroup.appendChild(elClone); } } else if (el) { var elClone = el.cloneNode(true); elClone.style.removeProperty("width"); elGroup.appendChild(elClone); } } if (elGroup.childNodes.length) { elsGroup.push(elGroup); } } while (elRoot.firstChild) { elRoot.removeChild(elRoot.lastChild); } // eslint-disable-next-line no-restricted-syntax for (var elGroup of elsGroup) { elRoot.appendChild(elGroup); } if (elsGroup.length) { elRoot.setAttribute("data-group", "true"); } if (window.__timer_check_rendering) { clearInterval(window.__timer_check_rendering); } window.__timer_check_rendering = setInterval(() => { var els = document.getElementsByClassName(swiperClass); var elRoot = [...els][0]; if (!elRoot) return; if (elRoot.firstElementChild.getAttribute("data-group") !== "true") { itszai2_GroupSwiperChildren(swiperClass, options, _callback).then( () => { _callback(); } ); } }, 1000); } catch (err) { console.warn(err); } } // ------- end common function ------ async function handleLoadJS() { // ===== Pr list 001 var sliderPrList = { autoHeight: true, spaceBetween: 35, pagination: { el: ".m-pr-module001-variation001__pagination-list-item", type: "fraction", renderFraction: function (currentClass, totalClass) { return '' + '-' + ''; } }, navigation: { nextEl: ".m-pr-module001-next-button", prevEl: ".m-pr-module001-prev-button", }, } await itszai2_GroupSwiperChildren('m-pr-module001-slider__wrapper', { class: 'swiper-slide m-pr-module001-variation001__group', count: 8, }, () => { itszai2_InitSwiper('m-pr-module001-slider', sliderPrList); }); itszai2_InitSwiper('m-pr-module001-slider', sliderPrList); // ===== END ===== // // ===== Gallery 1 var gallery1 = document.getElementsByClassName("m-gallery-module001-variation001"); for (var el of [...(gallery1 ?? [])]) { var instanceEl = null; var gallery1Option = { spaceBetween: 0, slidesPerView: 1, navigation: { nextEl: el.querySelector(".m-gallery-module001-next-button"), prevEl: el.querySelector(".m-gallery-module001-prev-button"), }, pagination: { el: el.querySelector(".m-gallery-module001-variation001__pagination-list-item"), type: "fraction", renderFraction: function (currentClass, totalClass) { return '' + '-' + ''; } }, }; instanceEl = await itszai2_InitSwiperByElement(el.querySelector(".m-gallery-module001-slider"), gallery1Option); } // ===== END ===== // // ===== Gallery 2 var gallery2 = document.getElementsByClassName("m-gallery-module002-variation001"); for (var el of [...(gallery2 ?? [])]) { var imgItems = el.querySelectorAll('.m-gallery-module002-variation001__box'); imgItems.forEach((item, index) => { item.style.order = imgItems.length - 1 - index; }); var instanceEl = null; var gallery2Option = { grabCursor: true, effect: "creative", creativeEffect: { prev: { shadow: false, translate: [0, 0, -50], }, next: { translate: ["100%", 0, 0], }, }, navigation: { nextEl: el.querySelector(".m-gallery-module002-prev-button"), prevEl: el.querySelector(".m-gallery-module002-next-button"), }, on: { init: (swiper) => { swiper.slideTo(swiper.slides.length - 1, 0); }, }, }; instanceEl = await itszai2_InitSwiperByElement(el.querySelector(".m-gallery-module002-variation001__slider"), gallery2Option); } // ===== END ===== // // ===== Gallery 2 Character var character = document.getElementsByClassName("m-gallery-module002-variation001"); for (var el of [...(character ?? [])]) { var instanceEl = null; var characterOption = { slidesPerView: "auto", loop: true, speed: 8000, autoplay: { delay: 0, disableOnInteraction: false, }, on: { beforeInit: () => { handleGeneralContent(el); } }, }; instanceEl = await itszai2_InitSwiperByElement(el.querySelector(".m-gallery-module002-variation001__character"), characterOption); } // ===== END ===== // // ===== evaluation 1 var evaluations = document.querySelectorAll('.m-evaluation-module001-variation001'); evaluations.forEach(evaluation => { var listItems = evaluation.querySelectorAll('.m-evaluation-module001-variation001__list li'); listItems.forEach((el, index) => { var parentContent = el.closest('.m-evaluation-module001-variation001__content'); var numberItems = parentContent.querySelectorAll('.m-evaluation-module001-variation001__left__number li'); el.addEventListener('mouseenter', () => { if (numberItems) { numberItems.forEach(item => { item.classList.remove('active'); }); var currentItem = numberItems[index]; if (currentItem) { currentItem.classList.add('active'); } } }); el.addEventListener('mouseleave', () => { if (numberItems) { numberItems.forEach(item => { item.classList.remove('active'); }); } }); }); }); // ===== END ===== // // ===== Features 1 var features = document.getElementsByClassName("m-features-module001-variation001"); for (var el of [...(features ?? [])]) { var instanceEl = null; var featuresOption = { spaceBetween: 20, loop: true, slidesPerView: 1, navigation: { nextEl: el.querySelector(".m-features-module001-next-button"), prevEl: el.querySelector(".m-features-module001-prev-button"), }, pagination: { el: el.querySelector(".m-features-module001-variation001__pagination-list-item"), type: "fraction", renderFraction: function (currentClass, totalClass) { return '' + '-' + ''; } }, on: { beforeInit: () => { handleGeneralContent(el); } }, }; instanceEl = await itszai2_InitSwiperByElement(el.querySelector(".m-features-module001-slider"), featuresOption); } // ===== END ===== // // ===== Recruitments list 001 var sliderRecruitmentsList = { autoHeight: true, spaceBetween: 35, pagination: { el: ".m-recruitments-module001-variation001__pagination-list-item", type: "fraction", renderFraction: function (currentClass, totalClass) { return '' + '-' + ''; } }, navigation: { nextEl: ".m-recruitments-module001-next-button", prevEl: ".m-recruitments-module001-prev-button", }, } await itszai2_GroupSwiperChildren('m-recruitments-module001-slider__wrapper', { class: 'swiper-slide m-recruitments-module001-variation001__group', count: 8, }, () => { itszai2_InitSwiper('m-recruitments-module001-slider', sliderRecruitmentsList); }); itszai2_InitSwiper('m-recruitments-module001-slider', sliderRecruitmentsList); // ===== END ===== // // ===== careers var careers = document.getElementsByClassName("m-career-module002"); for (var el of [...(careers ?? [])]) { var instanceEl = null; var careerOption = { slidesPerView: 1, autoHeight: true, navigation: { nextEl: el.querySelector(".m-career-module001-next-button"), prevEl: el.querySelector(".m-career-module001-prev-button"), }, pagination: { el: el.querySelector(".m-career-module001__pagination"), type: "fraction", renderFraction: function (currentClass, totalClass) { return '' + '-' + ''; } }, on: { slideChange: function () { var activeIndex = this.activeIndex; var parentEl=this.el.closest(".m-career-module002"); var elementsToHide = parentEl.querySelectorAll('.element-response-headline, [data-monitor-show]'); var elementsToShow = parentEl.querySelectorAll( `[data-monitor*="-${activeIndex}"], [data-monitor-show*="-${activeIndex}"]` ); elementsToHide.forEach(item => item.style.display = 'none'); elementsToShow.forEach(item => item.style.display = 'block'); } } }; instanceEl = await itszai2_InitSwiperByElement(el.querySelector(".m-career-module001-slider"), careerOption); } // ===== END ===== // } document.addEventListener("DOMContentLoaded", () => { handleLoadJS(); sliderCustom(".m-income-module002__slider01") addNumberIcome(".m-income-module002__slider01") sliderCustom(".m-income-module002__slider02") addNumberIcome(".m-income-module002__slider02") sliderCustom(".m-income-module002__slider03") addNumberIcome(".m-income-module002__slider03") specical(".m-special-module001__contents"); modalModule(); var interData = document.querySelectorAll(".m-interview-module001"); if(interData) { for (var el of [...(interData ?? [])]) { handleGeneralContent(el); } } var careerData = document.querySelectorAll(".m-career-module002"); if(careerData) { for (var el of [...(careerData ?? [])]) { handleGeneralContent(el); } } var galleryData = document.querySelectorAll(".m-gallery-module002-variation001"); if(galleryData) { for (var el of [...(galleryData ?? [])]) { handleGeneralContent(el); } } heightBtn(); }); function modalModule() { var modals = document.querySelectorAll(".sg-modal"); var bodyPage = document.querySelector('body'); modals.forEach(el => { var wrapper = el.querySelector(".sg-modal-wrapper"); var modalBody = el.querySelector(".sg-modal-body"); var modalBodyItems = modalBody.querySelectorAll('.sg-modal-body-item'); var close = el.querySelector(".sg-modal-close"); var btns = el.querySelectorAll(".sg-modal-btn"); var prevButtons = modalBody.querySelectorAll('.m-interview-module001-modal-pagi__prev'); var nextButtons = modalBody.querySelectorAll('.m-interview-module001-modal-pagi__next'); var currentIndex = 0; modalBody.style.width = `${modalBodyItems.length * 100}vw`; var showModalItem = (index) => { modalBodyItems.forEach((bodyItem, i) => { bodyItem.classList.toggle('active', i === index); }); modalBody.style.transform = `translateX(${-index * 100}vw)`; }; btns.forEach(item => { item.addEventListener('click', () => { el.style.zIndex = 2; wrapper.classList.add("active"); var dataActive = item.getAttribute('data-modal'); currentIndex = [...modalBodyItems].findIndex(bodyItem => bodyItem.getAttribute('data-modal') === dataActive); showModalItem(currentIndex); bodyPage.classList.add('sg-modal-hidden'); }); }); prevButtons.forEach(button => { button.addEventListener('click', () => { currentIndex = (currentIndex === 0) ? modalBodyItems.length - 1 : currentIndex - 1; showModalItem(currentIndex); }); }); nextButtons.forEach(button => { button.addEventListener('click', () => { currentIndex = (currentIndex === modalBodyItems.length - 1) ? 0 : currentIndex + 1; showModalItem(currentIndex); }); }); var closeModal = () => { wrapper.classList.remove("active"); modalBody.style.transform = 'translateX(0)'; el.style.zIndex = 1; bodyPage.classList.remove('sg-modal-hidden'); }; wrapper.addEventListener('click', closeModal); close.addEventListener('click', closeModal); el.querySelector(".sg-modal-main").addEventListener('click', (e) => e.stopPropagation()); }); } function handleGeneralContent(element) { var targetNodes = element.querySelectorAll('.element-monitor-image, .element-monitor-headline'); var config = { attributes: true, childList: true, subtree: true, characterData: true }; var callback = (mutationList, observer) => { mutationList.forEach((mutation) => { var idMonitorMutation = mutation.target.parentElement.dataset.monitor ?? mutation.target.dataset.monitor; var headlineResponse = element.querySelectorAll(`.element-response-headline[data-monitor="${idMonitorMutation}"]`); var contentMonitorMutation = mutation.target; if (mutation.type === "attributes") { if (mutation.attributeName === 'src' && mutation.target.tagName === 'IMG') { var imgResponse = element.querySelectorAll(`.element-response-image[data-monitor="${idMonitorMutation}"]`); imgResponse.forEach(imageRS => { imageRS.src = mutation.target.src; }); } } else if (mutation.type === 'childList') { headlineResponse.forEach(headlineRS => { var newContent = contentMonitorMutation.innerHTML .replace(/(id|class)="[^"]*"/g, ''); headlineRS.innerHTML = newContent; }); } else if (mutation.type === "characterData") { headlineResponse.forEach(headlineRS => { headlineRS.textContent = mutation.target.data; }); } }); }; var observer = new MutationObserver(callback); targetNodes.forEach(targetNode => { var idMonitor = targetNode.dataset.monitor; var headlineResponse = element.querySelectorAll(`.element-response-headline[data-monitor="${idMonitor}"]`); if (targetNode.classList.contains('element-monitor-image')) { var imgResponse = element.querySelectorAll(`.element-response-image[data-monitor="${idMonitor}"]`); imgResponse.forEach(imageRS => { imageRS.src = targetNode.getAttribute('src'); }); } if (targetNode.classList.contains('element-monitor-headline')) { headlineResponse.forEach(headlineRS => { var newContent = targetNode.innerHTML.replace(/(id|class)="[^"]*"/g, ''); headlineRS.innerHTML = newContent; }); } observer.observe(targetNode, config); }); } var benefitsHeightChange = function () { var eventType = ["load", "resize"]; eventType.forEach((eventName) => { window.addEventListener(eventName, () => { var benefitsList = document.querySelectorAll( ".m-benefits-module001-variation001" ); benefitsList.forEach((list) => { var TitleHeightList = []; var items = list.querySelectorAll( ".m-benefits-module001-variation001__item" ); items.forEach((item) => { var titleItem = item.querySelector( ".m-benefits-module001-variation001__title" ); titleItem.style.height = ""; TitleHeightList.push(titleItem.clientHeight); }); items.forEach((item) => { item.querySelector( ".m-benefits-module001-variation001__title" ).style.height = Math.max(...TitleHeightList) + "px"; }); }); }); }) } benefitsHeightChange(); function specical(element) { var el = document.querySelector(element); if (!!el) { el.closest(".background-paper").setAttribute("style", `--squareH:${(el.clientWidth + 4) / 17}px`); } } window.addEventListener("resize", function () { specical(".m-special-module001__contents"); }) function addNumberIcome(params) { var elm = document.querySelector(params); if (!elm) return; var parent = elm.closest(".background-paper"); parent.style.setProperty("--totalItem", elm.children.length); Array.from(elm.children).forEach((el, index) => { el.style.setProperty("--item", index - 1); }) } function sliderCustom(element) { var parent = document.querySelector(element); if (!parent) return; var slides = Array.from(parent.children); var parentArrows = parent.closest(".background-paper"); var prevButton = parentArrows.querySelector('.prev'); var nextButton = parentArrows.querySelector('.next'); var currentIndex = 0; var interval; var updateButtons = () => { prevButton.classList.toggle('disabled', currentIndex === 0); nextButton.classList.toggle('disabled', currentIndex === slides.length - 1); }; prevButton.classList.add('disabled'); slides[currentIndex].classList.add('active'); nextButton.addEventListener('click', () => { if (currentIndex < slides.length - 1) { currentIndex++; slides[currentIndex].classList.add('active'); } updateButtons(); }); prevButton.addEventListener('click', () => { if (currentIndex > 0) { slides[currentIndex].classList.remove('active'); currentIndex--; } updateButtons(); }); } function heightBtn() { var btn = document.querySelectorAll('.btn-education'); btn.forEach(el => { var btnFull = el.querySelector('.btn-education-height__full'); var btnMinus = el.querySelector('.btn-education-height__minus'); var btnHeight = el.querySelector('.btn-education-height'); function updateHeight() { if (btnFull && btnMinus && btnHeight) { var btnFullHeight = btnFull.getBoundingClientRect().height; var btnMinusHeight = btnMinus.getBoundingClientRect().height; var newHeight = btnFullHeight - btnMinusHeight + 1; btnHeight.style.height = `${newHeight}px`; } } var observerFull = new ResizeObserver(updateHeight); var observerMinus = new ResizeObserver(updateHeight); observerFull.observe(btnFull); observerMinus.observe(btnMinus); updateHeight(); }); var btn2 = document.querySelectorAll('.btn-balanced'); btn2.forEach(el => { var btnCont = el.querySelector('.btn-balanced-height__cont'); var btnHeight = el.querySelector('.btn-balanced-height'); function updateHeight() { if (btnCont && btnHeight) { var btnContHeight = btnCont.getBoundingClientRect().height; var newHeight = btnContHeight + 1; btnHeight.style.height = `${newHeight}px`; } } var observerFull = new ResizeObserver(updateHeight); observerFull.observe(btnCont); updateHeight(); }); } (function () { function loadYouTubeAPI() { if (window.YT && window.YT.Player) return Promise.resolve(); return new Promise(resolve => { var prev = window.onYouTubeIframeAPIReady; window.onYouTubeIframeAPIReady = () => { if (prev) prev(); resolve(); }; if (!document.querySelector('script[src*="youtube.com/iframe_api"]')) { var script = document.createElement('script'); script.src = 'https://www.youtube.com/iframe_api'; document.head.appendChild(script); } }); } function getVideoId(iframe) { var raw = iframe.dataset.src || iframe.src; if (!raw) return null; try { var url = new URL(raw); if (!url.pathname.includes('/embed/')) return null; return url.pathname.split('/embed/')[1]?.split('/')[0] || null; } catch { return null; } } function fixIframe(iframe) { if (!iframe || iframe.dataset.fixed) return; var videoId = getVideoId(iframe); if (!videoId) return; iframe.dataset.fixed = 'true'; if (!iframe.id) iframe.id = 'yt-loop-' + videoId + '-' + Date.now(); function ensureJsApi(src) { try { var url = new URL(src); var videoId = url.pathname.split('/embed/')[1]; url.searchParams.set('enablejsapi', '1'); url.searchParams.set('loop', '1'); url.searchParams.set('playlist', videoId); return url.toString(); } catch { return src; } } if (iframe.dataset.src) iframe.dataset.src = ensureJsApi(iframe.dataset.src); iframe.src = ensureJsApi(iframe.src); loadYouTubeAPI().then(() => { new YT.Player(iframe.id, { playerVars: { controls: 0, disablekb: 1, modestbranding: 1, rel: 0, loop: 1, playlist: videoId, }, events: { onStateChange(event) { if (event.data === 0) { event.target.seekTo(0); event.target.playVideo(); } } } }); }); } function stripControls(video) { if (video.hasAttribute('controls')) video.removeAttribute('controls'); video.style.pointerEvents = 'none'; video.style.cursor = 'default'; } function fixVideoElement(video) { if (!video || video.dataset.fixedNative) return; video.dataset.fixedNative = 'true'; video.setAttribute('muted', ''); video.setAttribute('loop', ''); video.setAttribute('playsinline', ''); video.muted = true; stripControls(video); var videoAttrObserver = new MutationObserver(() => { stripControls(video); }); videoAttrObserver.observe(video, { attributes: true, attributeFilter: ['controls', 'style'] }); var tryPlay = () => { video.play().catch(() => { var resume = () => { video.play().catch(() => {}); }; document.addEventListener('click', resume, { once: true }); document.addEventListener('touchstart', resume, { once: true }); }); }; if (video.readyState >= 1) { tryPlay(); } else { video.addEventListener('loadedmetadata', tryPlay, { once: true }); } } function processNode(node) { if (!(node instanceof HTMLElement)) return; if (node.matches?.('.m-video-module001__video iframe')) fixIframe(node); node.querySelectorAll?.('.m-video-module001__video iframe').forEach(fixIframe); if (node.matches?.('video.viewport-aware-video')) fixVideoElement(node); node.querySelectorAll?.('video.viewport-aware-video').forEach(fixVideoElement); } var observer = new MutationObserver(mutations => { mutations.forEach(m => m.addedNodes.forEach(processNode)); }); observer.observe(document.body, { childList: true, subtree: true }); document.querySelectorAll('.m-video-module001__video iframe').forEach(fixIframe); document.querySelectorAll('video.viewport-aware-video').forEach(fixVideoElement); })(); } catch (scriptErr) { console.warn('[Theme Script Execution Error]:', scriptErr); } })();