' + (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'); }, }, } await itszai2_GroupSwiperChildren('m-pr-module001-slider__wrapper', { class: 'swiper-slide m-pr-module001__group', count: 3, }, () => { itszai2_InitSwiper('m-pr-module001-slider', sliderPr1); }); itszai2_InitSwiper('m-pr-module001-slider', sliderPr1); // ===== END ===== // // ===== Pr list 002 var sliderPr2 = { autoHeight: true, spaceBetween: 40, 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'); }, }, } await itszai2_GroupSwiperChildren('m-pr-module002-slider__wrapper', { class: 'swiper-slide m-pr-module002__group', count: 6, }, () => { itszai2_InitSwiper('m-pr-module002-slider', sliderPr2); }); itszai2_InitSwiper('m-pr-module002-slider', sliderPr2); // ===== END ===== // // ===== Recruitment list 001 var sliderRecruitments1 = { autoHeight: true, spaceBetween: 40, 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'); }, }, } await itszai2_GroupSwiperChildren('m-recruitment-module001-slider__wrapper', { class: 'swiper-slide m-recruitment-module001__group', count: 3, }, () => { itszai2_InitSwiper('m-recruitment-module001-slider', sliderRecruitments1); }); itszai2_InitSwiper('m-recruitment-module001-slider', sliderRecruitments1); // ===== END ===== // // ===== Recruitment list 002 var sliderRecruitments2 = { autoHeight: true, spaceBetween: 40, 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'); }, }, } await itszai2_GroupSwiperChildren('m-recruitment-module002-slider__wrapper', { class: 'swiper-slide m-recruitment-module002__group', count: 3, }, () => { itszai2_InitSwiper('m-recruitment-module002-slider', sliderRecruitments2); }); itszai2_InitSwiper('m-recruitment-module002-slider', sliderRecruitments2); // ===== END ===== // // ===== Recruitment list 003 var sliderRecruitments3 = { autoHeight: true, spaceBetween: 40, pagination: { el: ".m-recruitment-module002-variation002__pagination-list", clickable: true, renderBullet: function (index, className) { return '

' + (index + 1) + "

"; }, }, navigation: { nextEl: ".m-recruitment-module002-variation002-next-button", prevEl: ".m-recruitment-module002-variation002-prev-button", }, on: { init: function (swiper) { sliderToEnd(swiper, '.m-recruitment-module002-variation002__first', '.m-recruitment-module002-variation002__last'); }, }, } await itszai2_GroupSwiperChildren('m-recruitment-module002-variation002-slider__wrapper', { class: 'swiper-slide m-recruitment-module002-variation002__group', count: 4, }, () => { itszai2_InitSwiper('m-recruitment-module002-variation002-slider', sliderRecruitments3); }); itszai2_InitSwiper('m-recruitment-module002-variation002-slider', sliderRecruitments3); // ===== END ===== // // ===== Recruitment list 004 var sliderRecruitments4 = { autoHeight: true, spaceBetween: 40, pagination: { el: ".m-recruitment-module002-variation003__pagination-list", clickable: true, renderBullet: function (index, className) { return '

' + (index + 1) + "

"; }, }, navigation: { nextEl: ".m-recruitment-module002-variation003-next-button", prevEl: ".m-recruitment-module002-variation003-prev-button", }, on: { init: function (swiper) { sliderToEnd(swiper, '.m-recruitment-module002-variation003__first', '.m-recruitment-module002-variation003__last'); }, }, } await itszai2_GroupSwiperChildren('m-recruitment-module002-variation003-slider__wrapper', { class: 'swiper-slide m-recruitment-module002-variation003__group', count: 6, }, () => { itszai2_InitSwiper('m-recruitment-module002-variation003-slider', sliderRecruitments4); }); itszai2_InitSwiper('m-recruitment-module002-variation003-slider', sliderRecruitments4); // ===== END ===== // } document.addEventListener("DOMContentLoaded", () => { handleLoadJS(); handleFixedBanner(); handleScrollHeader(); copyRightPadding(); itszai2_ImportSwiper().then(() => { handleLoadSwiper(); }).catch((err) => {console.load(err)}); }); var copyRightPadding = () => { var eCopyRight = document.querySelector('.footer__copyright'); var wLogo = document.querySelector('.footer__logo'); if(wLogo) { var a = wLogo.offsetWidth; var b = a + 104 + 'px'; eCopyRight.style.paddingLeft = b; } } // banner fixed when scroll bottom var handleFixedBanner = () => { var bannerFixed = document.querySelector('.m-banner-tracking'); var mainScroll = document.getElementById('main-scroll'); if (bannerFixed) { mainScroll.addEventListener("scroll", function(e){ var footer = document.querySelector('.footer'); function getRectTop(el){ var rect = el.getBoundingClientRect(); return rect.top; } if((getRectTop(bannerFixed) + document.body.scrollTop) + bannerFixed.offsetHeight >= (getRectTop(footer) + document.body.scrollTop) - 10) { bannerFixed.style.position = 'absolute'; bannerFixed.style.setProperty('right', '0', 'important'); } if(document.body.scrollTop + window.innerHeight < (getRectTop(footer) + document.body.scrollTop)) { bannerFixed.style.position = 'fixed'; bannerFixed.style.setProperty('right', '15px', 'important'); } }); } } 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); } }); } var incomeHeightChange = function () { var eventType = ["load", "resize"]; eventType.forEach((eventName) => { window.addEventListener(eventName, () => { var windowWidth = window.innerWidth; var incomeList = document.querySelectorAll('.js-income-list'); if (windowWidth < 1025) { incomeList.forEach(list => { var items = list.querySelectorAll('.js-income-list-item'); items.forEach(item => { item.style.height = ""; item.querySelector('.js-income-list-item-main').style.height = ""; item.querySelector('.js-income-list-item-text').style.height = ""; }); }) } incomeList.forEach(list => { var MainHeightList = []; var TextHeightList = []; var items = list.querySelectorAll('.js-income-list-item'); //高さをまとめる items.forEach(item => { var mainItem = item.querySelector('.js-income-list-item-main'); var textItem = item.querySelector('.js-income-list-item-text'); mainItem.style.height = ""; textItem.style.height = ""; MainHeightList.push(mainItem.clientHeight); TextHeightList.push(textItem.clientHeight); }); //それぞれの一番大きい値をHeightを与える items.forEach(item => { item.querySelector('.js-income-list-item-main').style.height = Math.max(...MainHeightList) + 'px'; item.querySelector('.js-income-list-item-text').style.height = Math.max(...TextHeightList) + 'px'; }); //最後に全体の高さの比較 if (windowWidth > 1025) { items.forEach(item => { if (item.nextElementSibling) { var currentHeight = item.clientHeight; var nextHeight = item.nextElementSibling.clientHeight; if (nextHeight <= currentHeight) { item.nextElementSibling.style.height = currentHeight + 32 + 'px'; } } }) } }) }); }) } incomeHeightChange(); var educationHeightChange = function () { var eventType = ["load", "resize"]; eventType.forEach((eventName) => { window.addEventListener(eventName, () => { var windowWidth = window.innerWidth; var educationList = document.querySelectorAll('.js-education-list'); if (windowWidth < 1351) { educationList.forEach(list => { var items = list.querySelectorAll('.js-education-list-item'); items.forEach(item => { item.querySelector('.js-education-list-item-title').style.height = ""; }); }) } else { educationList.forEach(list => { var TitleHeightList = []; var items = list.querySelectorAll('.js-education-list-item'); items.forEach(item => { var titleItem = item.querySelector('.js-education-list-item-title'); titleItem.style.height = ""; TitleHeightList.push(titleItem.clientHeight); }); items.forEach(item => { item.querySelector('.js-education-list-item-title').style.height = Math.max(...TitleHeightList) + 'px'; }); } ) } }); }) } educationHeightChange(); // 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(); } }; } catch (scriptErr) { console.warn('[Theme Script Execution Error]:', scriptErr); } })();

Huyen

check