(function() { try { /* ここに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 */ var swiperSections = [ "m-welfare-module002-variation001", "m-welfare-module002-variation002", "m-voice-module001-variation001", "m-income-module002-variation001", "m-gallery-module001-variation001", "m-recruitment-module001-variation001", "m-recruitment-module002-variation001", "m-pr-module001-variation001", "m-pr-module002-variation001" ]; var swiperCDNLoaded = false; async function itszai2_ImportSwiper() { try { // if (typeof Swiper !== "undefined") return true; if (swiperCDNLoaded) return true; var elsToObserve = []; swiperSections.forEach((cls) => { var sectionEls = document.getElementsByClassName(cls); if (sectionEls && sectionEls.length > 0) { [...sectionEls].forEach(el => elsToObserve.push(el)); } }); var attrEls = document.querySelectorAll('[data-cdn-load="swiper"]'); if (attrEls.length > 0) { attrEls.forEach(el => elsToObserve.push(el)); } if (!elsToObserve.length) return false; return new Promise((resolve) => { var observer = new IntersectionObserver(async (entries, obs) => { for (var entry of entries) { if (entry.isIntersecting) { // 1. Load CSS var cdnSwipperCss=document.getElementById("cdn-swiper-css"); if (cdnSwipperCss!==null) { resolve(true); obs.disconnect(); return; } var linkEl = document.createElement("link"); linkEl.setAttribute("rel", "stylesheet"); linkEl.setAttribute("href", "https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"); linkEl.setAttribute("id", "cdn-swiper-css"); if (document.head.firstChild) { document.head.insertBefore(linkEl, document.head.firstChild); } else { document.head.appendChild(linkEl); } // 2. Load JS 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); scriptEl.addEventListener("load", () => { swiperCDNLoaded = true; resolve(true); }); scriptEl.addEventListener("error", () => { console.warn("Swiper JS CDN load failed"); resolve(false); }); obs.disconnect(); return; } } }, { root: null, rootMargin: "0px", threshold: 0.1 }); elsToObserve.forEach(el => observer.observe(el)); // 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 handleLoadSwiper() { // Income 02 var incomeSlides = document.querySelectorAll('.m-income-module002-variation001'); for (var el of [...(incomeSlides ?? [])]) { var instanceEl = null; var scrollBar = el.querySelector('.m-income-module002-variation001__scrollbar'); var incomeSlide01 = { spaceBetween: 0, slidesPerView: 'auto', freeMode: true, scrollbar: { el: scrollBar, draggable: true } } instanceEl = await itszai2_InitSwiperByElement(el.querySelector('.swiper') ,incomeSlide01); } // Gallery 01 var gallerySlides = document.querySelectorAll('.m-gallery-module001-variation001'); for (var el of [...(gallerySlides ?? [])]) { var instanceEl = null; var paginationEl = el.querySelector('.swiper-pagination'); var nextBtn = el.querySelector('.m-gallery-module001-variation001__controls-next'); var prevBtn = el.querySelector('.m-gallery-module001-variation001__controls-prev'); var gallerySlide01 = { spaceBetween: 8, slidesPerView: 'auto', freeMode: true, pagination: { el: paginationEl, type: 'fraction', }, navigation: { nextEl: nextBtn, prevEl: prevBtn, }, } instanceEl = await itszai2_InitSwiperByElement(el.querySelector('.swiper') ,gallerySlide01); } // ===== WELFARE var welfareSlider = document.getElementsByClassName('m-welfare-module002-variation001'); for (var el of [...(welfareSlider ?? [])]) { var instanceEl = null; var scrollBar = el.querySelector('.m-welfare-module002-variation001__scrollbar'); var welfareSliderConfig = { direction: "horizontal", freeMode: true, slidesPerView: "auto", spaceBetween: 25, scrollbar: { el: scrollBar, }, } instanceEl = await itszai2_InitSwiperByElement(el.querySelector('.m-welfare-module002-variation001__slider-swiper') ,welfareSliderConfig); } // ===== END WELFARE ===== // // ===== WELFARE 02 var welfareSlider02 = document.getElementsByClassName('m-welfare-module002-variation002'); for (var el of [...(welfareSlider02 ?? [])]) { var instanceEl = null; var scrollBar = el.querySelector('.m-welfare-module002-variation002__scrollbar'); var welfareSliderConfig = { direction: "horizontal", freeMode: true, slidesPerView: "auto", spaceBetween: 25, scrollbar: { el: scrollBar, }, } instanceEl = await itszai2_InitSwiperByElement(el.querySelector('.m-welfare-module002-variation002__slider-swiper') ,welfareSliderConfig); } // ===== END WELFARE 02 ===== // // ===== VOICE var voiceSlider = document.getElementsByClassName('m-voice-module001-variation001'); for (var el of [...(voiceSlider ?? [])]) { var instanceEl = null; // var scrollBar = el.querySelector('.m-welfare-module002-variation002__scrollbar'); var voiceSliderNavConfig = { 'effect': 'fade', fadeEffect: { crossFade: true }, loop: true, pagination: { el: '.m-voice-module001-variation001__pagination .swiper-pagination', clickable: true, }, } var voiceSliderMainConfig = { 'effect': 'fade', fadeEffect: { crossFade: true }, loop: true, allowTouchMove: false, navigation: { prevEl: el.querySelector('.m-voice-module001-variation001__navs-prev'), nextEl: el.querySelector('.m-voice-module001-variation001__navs-next'), }, } var voiceSliderNavElement = el.querySelector('.m-voice-module001-variation001__slider--visual'); var voiceSliderMainElement = el.querySelector('.m-voice-module001-variation001__slider--contents'); if (voiceSliderNavElement && voiceSliderMainElement) { var voiceSliderNav = await itszai2_InitSwiperByElement(voiceSliderNavElement, voiceSliderNavConfig); var voiceSliderMain = await itszai2_InitSwiperByElement(voiceSliderMainElement, voiceSliderMainConfig); if (voiceSliderNav && voiceSliderMain) { voiceSliderNav.controller.control = [voiceSliderMain]; voiceSliderMain.controller.control = [voiceSliderNav]; } else { console.error('Failed to create slider instances'); } } else { console.error('Slider elements not found'); } } // ===== END VOICE ===== // // ===== Pr list 001 var itemsPerPage1 = 6; var sliderPr1 = { autoHeight: true, pagination: { el: ".m-pr-module001__pagination-list", clickable: true, renderBullet: function (index, className) { return '' + (index + 1) + ""; }, }, navigation: { nextEl: ".m-pr-module001-next-button", prevEl: ".m-pr-module001-prev-button", }, on: { init: function (swiper) { sliderToEnd(swiper, '.m-pr-module001__first', '.m-pr-module001__last'); counterFraction.call( this, ".m-pr-module001-variation001__pagination-num", ".m-pr-module001__pagination-list", ".m-pr-module001-variation001 .swiper-slide:last-child", '.m-pr-module001-variation001 .swiper-slide-active', itemCounter = null, items = itemsPerPage1, function(fractionElement, startAt, endAt, totalSlides) { fractionElement.innerHTML = ` ${startAt}-${endAt} / ${totalSlides ?? 0} 件 `; } ); }, slideChange: function () { counterFraction.call( this, ".m-pr-module001-variation001__pagination-num", ".m-pr-module001__pagination-list", ".m-pr-module001-variation001 .swiper-slide:last-child", '.m-pr-module001-variation001 .swiper-slide-active', itemCounter = null, items = itemsPerPage1, function(fractionElement, startAt, endAt, totalSlides) { fractionElement.innerHTML = ` ${startAt}-${endAt} / ${totalSlides ?? 0} 件 `; } ); }, }, } await itszai2_GroupSwiperChildren('m-pr-module001-slider__wrapper', { class: 'swiper-slide m-pr-module001__group', count: itemsPerPage1, }, () => { itszai2_InitSwiper('m-pr-module001-slider', sliderPr1); }); itszai2_InitSwiper('m-pr-module001-slider', sliderPr1); // ===== END ===== // // ===== Pr list 002 var itemsPerPage2 = 3; var sliderPr2 = { autoHeight: true, pagination: { el: ".m-pr-module002__pagination-list", clickable: true, renderBullet: function (index, className) { return '' + (index + 1) + ""; }, }, navigation: { nextEl: ".m-pr-module002-next-button", prevEl: ".m-pr-module002-prev-button", }, on: { init: function (swiper) { sliderToEnd(swiper, '.m-pr-module002__first', '.m-pr-module002__last'); counterFraction.call( this, ".m-pr-module002-variation001__pagination-num", ".m-pr-module002__pagination-list", ".m-pr-module002-variation001 .swiper-slide:last-child", '.m-pr-module002-variation001 .swiper-slide-active', itemCounter = null, items = itemsPerPage2, function(fractionElement, startAt, endAt, totalSlides) { fractionElement.innerHTML = ` ${startAt}-${endAt} / ${totalSlides ?? 0} 件 `; } ); }, slideChange: function () { counterFraction.call( this, ".m-pr-module002-variation001__pagination-num", ".m-pr-module002__pagination-list", ".m-pr-module002-variation001 .swiper-slide:last-child", '.m-pr-module002-variation001 .swiper-slide-active', itemCounter = null, items = itemsPerPage2, function(fractionElement, startAt, endAt, totalSlides) { fractionElement.innerHTML = ` ${startAt}-${endAt} / ${totalSlides ?? 0} 件 `; } ); }, }, } await itszai2_GroupSwiperChildren('m-pr-module002-slider__wrapper', { class: 'swiper-slide m-pr-module002__group', count: itemsPerPage2, }, () => { itszai2_InitSwiper('m-pr-module002-slider', sliderPr2); }); itszai2_InitSwiper('m-pr-module002-slider', sliderPr2); // ===== END ===== // // ===== Recruitment list 001 var itemsPerPage1_re = 6; var sliderRecruitment1 = { autoHeight: true, pagination: { el: ".m-recruitment-module001__pagination-list", clickable: true, renderBullet: function (index, className) { return '' + (index + 1) + ""; }, }, navigation: { nextEl: ".m-recruitment-module001-next-button", prevEl: ".m-recruitment-module001-prev-button", }, on: { init: function (swiper) { sliderToEnd(swiper, '.m-recruitment-module001__first', '.m-recruitment-module001__last'); counterFraction.call( this, ".m-recruitment-module001-variation001__pagination-num", ".m-recruitment-module001__pagination-list", ".m-recruitment-module001-variation001 .swiper-slide:last-child", '.m-recruitment-module001-variation001 .swiper-slide-active', itemCounter = null, items = itemsPerPage1_re, function(fractionElement, startAt, endAt, totalSlides) { fractionElement.innerHTML = ` ${startAt}-${endAt} / ${totalSlides ?? 0} 件 `; } ); }, slideChange: function () { counterFraction.call( this, ".m-recruitment-module001-variation001__pagination-num", ".m-recruitment-module001__pagination-list", ".m-recruitment-module001-variation001 .swiper-slide:last-child", '.m-recruitment-module001-variation001 .swiper-slide-active', itemCounter = null, items = itemsPerPage1_re, function(fractionElement, startAt, endAt, totalSlides) { fractionElement.innerHTML = ` ${startAt}-${endAt} / ${totalSlides ?? 0} 件 `; } ); }, }, } await itszai2_GroupSwiperChildren('m-recruitment-module001-slider__wrapper', { class: 'swiper-slide m-recruitment-module001__group', count: itemsPerPage1_re, }, () => { itszai2_InitSwiper('m-recruitment-module001-slider', sliderRecruitment1); }); itszai2_InitSwiper('m-recruitment-module001-slider', sliderRecruitment1); // ===== END ===== // // ===== Recruitment list 002 var itemsPerPage2_re = 3; var sliderRecruitment2 = { autoHeight: true, pagination: { el: ".m-recruitment-module002__pagination-list", clickable: true, renderBullet: function (index, className) { return '' + (index + 1) + ""; }, }, navigation: { nextEl: ".m-recruitment-module002-next-button", prevEl: ".m-recruitment-module002-prev-button", }, on: { init: function (swiper) { sliderToEnd(swiper, '.m-recruitment-module002__first', '.m-recruitment-module002__last'); counterFraction.call( this, ".m-recruitment-module002-variation001__pagination-num", ".m-recruitment-module002__pagination-list", ".m-recruitment-module002-variation001 .swiper-slide:last-child", '.m-recruitment-module002-variation001 .swiper-slide-active', itemCounter = null, items = itemsPerPage2_re, function(fractionElement, startAt, endAt, totalSlides) { fractionElement.innerHTML = ` ${startAt}-${endAt} / ${totalSlides ?? 0} 件 `; } ); }, slideChange: function () { counterFraction.call( this, ".m-recruitment-module002-variation001__pagination-num", ".m-recruitment-module002__pagination-list", ".m-recruitment-module002-variation001 .swiper-slide:last-child", '.m-recruitment-module002-variation001 .swiper-slide-active', itemCounter = null, items = itemsPerPage2_re, function(fractionElement, startAt, endAt, totalSlides) { fractionElement.innerHTML = ` ${startAt}-${endAt} / ${totalSlides ?? 0} 件 `; } ); }, }, } await itszai2_GroupSwiperChildren('m-recruitment-module002-slider__wrapper', { class: 'swiper-slide m-recruitment-module002__group', count: itemsPerPage2_re, }, () => { itszai2_InitSwiper('m-recruitment-module002-slider', sliderRecruitment2); }); itszai2_InitSwiper('m-recruitment-module002-slider', sliderRecruitment2); // ===== END ===== // } async function handleLoadJS() {}; document.addEventListener("DOMContentLoaded", () => { // handleLoadJS(); itszai2_ImportSwiper().then(() => { handleLoadSwiper(); }).catch((err) => {console.load(err)}); }); function sliderToEnd(swiper, firstBtn, lastBtn) { document.querySelector(firstBtn).addEventListener('click', function (e) { e.preventDefault(); swiper.slideTo(0, 300); }); document.querySelector(lastBtn).addEventListener('click', function (e) { e.preventDefault(); if (swiper && swiper.slides) { swiper.slideTo(swiper.slides.length - 1, 300); } }); } function counterFraction(fractionBody, fractionSliderItem, fractionLastItem, fractionLabelActive, itemCounter, items, callbackFunction) { var activeIndex = this.realIndex + 1; if (!isNaN(activeIndex)) { if (itemCounter) { clearTimeout(itemCounter); } itemCounter = setTimeout(() => { var sliderItem = document.querySelector(fractionSliderItem); var totalItem = (sliderItem.childNodes.length -1) * items; var lastItem = document.querySelector(fractionLastItem); var totalLastItem = lastItem.childNodes.length; var totalSlides = totalItem + totalLastItem; var textLabel = document.querySelector(fractionLabelActive)?.getAttribute("aria-label"); var nums = textLabel?.split('/').map((item) => Number(item.trim())); var startIndex = 0; if (nums?.[0] && !Number.isNaN(nums[0])) { startIndex = nums[0]; } var groupItemCount = items; var fractionElement = document.querySelector(fractionBody); var startAt = ((startIndex || 1) - 1) * groupItemCount + 1; var endAt = Math.min(totalSlides ?? 0, startAt + groupItemCount - 1); if (fractionElement) { callbackFunction(fractionElement, startAt, endAt, totalSlides); } }, 200); } } // Header sticky when scroll var handleScrollHeader = () => { var header = document.getElementById('main-scroll'); if (header) { var headerEl = document.querySelector(".header-main"); var divAfterHeader = header.parentElement.querySelector('header + main'); var hWindow = window.innerHeight; var hActive = 0; var updateHeaderState = () => { var hContent = divAfterHeader.offsetHeight; if (hContent <= hWindow && hActive == 0) { headerEl.classList.add('active'); divAfterHeader.style.marginTop = '80px'; } else if(hActive != 1) { headerEl.classList.remove('active'); divAfterHeader.style.marginTop = '0'; hActive = 1; } }; var resizeObserver = new ResizeObserver((entries) => { for (var entry of entries) { if (entry.contentRect) { updateHeaderState(); } } }); resizeObserver.observe(divAfterHeader); window.addEventListener('resize', () => { hWindow = window.innerHeight; updateHeaderState(); }); header.addEventListener('scroll', function (e) { if (e.target.scrollTop > 1) { headerEl.classList.add('active'); } else { headerEl.classList.remove('active'); } }); updateHeaderState(); } }; document.addEventListener("DOMContentLoaded", () => { handleScrollHeader(); }); // アコーディオン document.addEventListener("DOMContentLoaded", () => { document.querySelectorAll('.js-accordion').forEach(accordion => { var button = accordion.querySelector('.js-accordion-button'); var body = accordion.querySelector('.js-accordion-body'); button.addEventListener('click', () => { if (!body.classList.contains('-active')) { button.classList.add('-active'); body.classList.add('-active'); body.style.height = 'auto'; var height = body.clientHeight + 'px'; body.style.height = '0px'; setTimeout(() => { body.style.height = height; }, 0); } else { body.style.height = '0px'; button.classList.remove('-active'); body.addEventListener('transitionend', function () { body.classList.remove('-active'); }, { once: true }); } }); }); }); } catch (scriptErr) { console.warn('[Theme Script Execution Error]:', scriptErr); } })();

Sungrove

TechX

Ha Noi

Da Nang

Can Tho

Fuji san

TechX

TechX