/* ここに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 ------ // load js async function handleLoadJS() { // works 001 var configOptionWorks1 = { spaceBetween: 16, slidesPerView: 2.4, scrollbar: { el: '.m-works-module001__scrollbar', }, } itszai2_InitSwiper('m-works-module001__slider__pc', configOptionWorks1); // works 002 var configOptionWorks2 = { spaceBetween: 16, slidesPerView: 2.4, scrollbar: { el: '.m-works-module003__scrollbar', }, } itszai2_InitSwiper('m-works-module003__slider__pc', configOptionWorks2); var cultureSlide01 = document.getElementsByClassName('m-culture-module002__slider-top'); for (var el of [...(cultureSlide01 ?? [])]) { var instanceEl = null; var sliderOption = { autoplay: { delay: 0, disableOnInteraction: false, }, speed: 15000, loop: true, loopedSlides: 5, shortSwipes: false, longSwipes: false, slidesPerView: 'auto', allowTouchMove: false, on: { beforeInit: () => { var swiperWrapper = el.querySelector('.swiper-wrapper'); var swiperSlides = el.querySelectorAll('.swiper-slide'); swiperSlides.forEach((slide, _) => { var clonedSlide = slide.cloneNode(true); var monitorImage = clonedSlide.querySelector('.element-monitor-image'); if (monitorImage) { monitorImage.classList.remove('element-monitor-image'); monitorImage.classList.add('element-response-image'); } swiperWrapper.appendChild(clonedSlide); }); handleGeneralContent(el); }, slideChange: function () { setTimeout(() => { var activeSlides = document.querySelectorAll('.swiper-slide-active, .swiper-slide'); activeSlides.forEach(slideElement => { handleGeneralContent(slideElement); }); }, 0); } } } instanceEl = await itszai2_InitSwiperByElement(el ,sliderOption); } var cultureSlide01Reverse = document.getElementsByClassName('m-culture-module002__slider-bottom'); for (var el of [...(cultureSlide01Reverse ?? [])]) { var instanceEl = null; var sliderOption = { autoplay: { delay: 0, disableOnInteraction: false, reverseDirection: true, }, loop: true, speed: 15000, loopedSlides: 5, shortSwipes: false, longSwipes: false, slidesPerView: 'auto', allowTouchMove: false, on: { beforeInit: () => { var swiperWrapper = el.querySelector('.swiper-wrapper'); var swiperSlides = el.querySelectorAll('.swiper-slide'); swiperSlides.forEach((slide, _) => { var clonedSlide = slide.cloneNode(true); var monitorImage = clonedSlide.querySelector('.element-monitor-image'); if (monitorImage) { monitorImage.classList.remove('element-monitor-image'); monitorImage.classList.add('element-response-image'); } swiperWrapper.appendChild(clonedSlide); }); handleGeneralContent(el); }, slideChange: function () { setTimeout(() => { var activeSlides = document.querySelectorAll('.swiper-slide-active, .swiper-slide'); activeSlides.forEach(slideElement => { handleGeneralContent(slideElement); }); }, 0); } } } instanceEl = await itszai2_InitSwiperByElement(el ,sliderOption); } var cultureSlide02 = document.getElementsByClassName('m-culture-module004__slider-top'); for (var el of [...(cultureSlide02 ?? [])]) { var instanceEl = null; var sliderOption = { autoplay: { delay: 0, disableOnInteraction: false, }, speed: 15000, loop: true, loopedSlides: 5, shortSwipes: false, longSwipes: false, slidesPerView: 'auto', allowTouchMove: false, on: { beforeInit: () => { var swiperWrapper = el.querySelector('.swiper-wrapper'); var swiperSlides = el.querySelectorAll('.swiper-slide'); swiperSlides.forEach((slide, _) => { var clonedSlide = slide.cloneNode(true); var monitorImage = clonedSlide.querySelector('.element-monitor-image'); if (monitorImage) { monitorImage.classList.remove('element-monitor-image'); monitorImage.classList.add('element-response-image'); } swiperWrapper.appendChild(clonedSlide); }); handleGeneralContent(el); }, slideChange: function () { setTimeout(() => { var activeSlides = document.querySelectorAll('.swiper-slide-active, .swiper-slide'); activeSlides.forEach(slideElement => { handleGeneralContent(slideElement); }); }, 0); } } } instanceEl = await itszai2_InitSwiperByElement(el ,sliderOption); } var cultureSlide02Reverse = document.getElementsByClassName('m-culture-module004__slider-bottom'); for (var el of [...(cultureSlide02Reverse ?? [])]) { var instanceEl = null; var sliderOption = { autoplay: { delay: 0, disableOnInteraction: false, reverseDirection: true, }, loop: true, speed: 15000, loopedSlides: 5, shortSwipes: false, longSwipes: false, slidesPerView: 'auto', allowTouchMove: false, on: { beforeInit: () => { var swiperWrapper = el.querySelector('.swiper-wrapper'); var swiperSlides = el.querySelectorAll('.swiper-slide'); swiperSlides.forEach((slide, _) => { var clonedSlide = slide.cloneNode(true); var monitorImage = clonedSlide.querySelector('.element-monitor-image'); if (monitorImage) { monitorImage.classList.remove('element-monitor-image'); monitorImage.classList.add('element-response-image'); } swiperWrapper.appendChild(clonedSlide); }); handleGeneralContent(el); }, slideChange: function () { setTimeout(() => { var activeSlides = document.querySelectorAll('.swiper-slide-active, .swiper-slide'); activeSlides.forEach(slideElement => { handleGeneralContent(slideElement); }); }, 0); } } } instanceEl = await itszai2_InitSwiperByElement(el ,sliderOption); } // voice 001 var configOptionVoice1 = { 'effect': 'fade', fadeEffect: { crossFade: true }, loop: true, navigation: { nextEl:'.m-voice-module001__slider-next', }, pagination: { el: '.m-voice-module001__slider-pagination', clickable: true, }, } itszai2_InitSwiper('m-voice-module001__slider', configOptionVoice1); // voice 002 var configOptionVoice2 = { 'effect': 'fade', fadeEffect: { crossFade: true }, loop: true, navigation: { nextEl: '.m-voice-module002__slider-next', }, pagination: { el: '.m-voice-module002__slider-pagination', clickable: true, }, } itszai2_InitSwiper('m-voice-module002__slider', configOptionVoice2); // voice 003 var configOptionVoice3 = { 'effect': 'fade', fadeEffect: { crossFade: true }, loop: true, navigation: { nextEl:'.m-voice-module003__slider-next', }, pagination: { el: '.m-voice-module003__slider-pagination', clickable: true, }, } itszai2_InitSwiper('m-voice-module003__slider', configOptionVoice3); // voice 004 var configOptionVoice4 = { 'effect': 'fade', fadeEffect: { crossFade: true }, loop: true, navigation: { nextEl: '.m-voice-module004__slider-next', }, pagination: { el: '.m-voice-module004__slider-pagination', clickable: true, }, } itszai2_InitSwiper('m-voice-module004__slider', configOptionVoice4); // gallery var configOptionGallery = { autoplay: { delay: 0, disableOnInteraction: false, }, loop: true, speed: 15000, slidesPerView: 'auto', allowTouchMove: false, spaceBetween: 16, } itszai2_InitSwiper('m-gallery-module002__slider', configOptionGallery); // recruitment list var configOptionSwiper = { slidesPerView: 1, autoHeight: true, pagination: { el: ".m-recruitment-module001__pagination-list", clickable: true, renderBullet: function (index, className) { return '' + (index + 1) + ""; }, }, navigation: { nextEl: ".m-recruitment-module001__next", prevEl: ".m-recruitment-module001__prev", }, on: { init: function(swiper) { sliderToEnd(swiper); } }, } await itszai2_GroupSwiperChildren('recruitment-swiper__pc__wrapper', { class: 'swiper-slide group-items', count: 6, }, () => { itszai2_InitSwiper('recruitment-swiper__pc', configOptionSwiper); }); itszai2_InitSwiper('recruitment-swiper__pc', configOptionSwiper); function sliderToEnd(swiper) { document.querySelector('.m-recruitment-module001__first').addEventListener('click', function (e) { e.preventDefault(); swiper.slideTo(0, 300); }); document.querySelector('.m-recruitment-module001__last').addEventListener('click', function (e) { e.preventDefault(); if (swiper && swiper.slides) { swiper.slideTo(swiper.slides.length - 1, 300); } }); } // recruitment list 2 var configOptionSwiper2 = { slidesPerView: 3, pagination: { el: ".m-recruitment-module002__pagination-list", clickable: true, renderBullet: function (index, className) { return '' + (index + 1) + ""; }, }, navigation: { nextEl: ".m-recruitment-module002__next", prevEl: ".m-recruitment-module002__prev", }, on: { init: function(swiper) { sliderToEnd2(swiper); } }, } itszai2_InitSwiper('recruitment-swiper__pc2', configOptionSwiper2); function sliderToEnd2(swiper) { document.querySelector('.m-recruitment-module002__first').addEventListener('click', function (e) { e.preventDefault(); swiper.slideTo(0, 300); }); document.querySelector('.m-recruitment-module002__last').addEventListener('click', function (e) { e.preventDefault(); if (swiper && swiper.slides) { swiper.slideTo(swiper.slides.length - 1, 300); } }); } // PR list var configOptionPR = { slidesPerView: 1, autoHeight: true, pagination: { el: ".swiper-pagination", clickable: true, renderBullet: function (index, className) { return '' + (index + 1) + ""; }, }, navigation: { nextEl: ".m-pr-module001__next", prevEl: ".m-pr-module001__prev", }, on: { init: function(swiper) { sliderToEndPr1(swiper); } }, } await itszai2_GroupSwiperChildren('m-pr-module001__list', { class: 'swiper-slide group-items', count: 6, }, () => { itszai2_InitSwiper('m-pr-module001__swiper', configOptionPR); }); itszai2_InitSwiper('m-pr-module001__swiper', configOptionPR); function sliderToEndPr1(swiper) { document.querySelector('.m-pr-module001__first').addEventListener('click', function (e) { e.preventDefault(); swiper.slideTo(0, 300); }); document.querySelector('.m-pr-module001__last').addEventListener('click', function (e) { e.preventDefault(); if (swiper && swiper.slides) { swiper.slideTo(swiper.slides.length - 1, 300); } }); } // PR list 2 var configOptionPR2 = { slidesPerView: 1, autoHeight: true, pagination: { el: ".swiper-pagination", clickable: true, renderBullet: function (index, className) { return '' + (index + 1) + ""; }, }, navigation: { nextEl: ".m-pr-module002__next", prevEl: ".m-pr-module002__prev", }, on: { init: function(swiper) { sliderToEndPr2(swiper); } }, } await itszai2_GroupSwiperChildren('m-pr-module002__list', { class: 'swiper-slide group-items', count: 6, }, () => { itszai2_InitSwiper('m-pr-module002__swiper', configOptionPR2); }); itszai2_InitSwiper('m-pr-module002__swiper', configOptionPR2); function sliderToEndPr2(swiper) { document.querySelector('.m-pr-module002__first').addEventListener('click', function (e) { e.preventDefault(); swiper.slideTo(0, 300); }); document.querySelector('.m-pr-module002__last').addEventListener('click', function (e) { e.preventDefault(); if (swiper && swiper.slides) { swiper.slideTo(swiper.slides.length - 1, 300); } }); } } // Monitor One for All Items function handleGeneralContent(element) { var attachMutationObserver = (targetNode) => { 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 => { headlineRS.innerHTML = `

${contentMonitorMutation.innerHTML}

`; }); } else if (mutation.type == "characterData") { headlineResponse.forEach(headlineRS => { headlineRS.textContent = mutation.target.data; }); } }); }; var observer = new MutationObserver(callback); observer.observe(targetNode, config); }; var targetNodes = element.querySelectorAll('.element-monitor-image, .element-monitor-headline'); targetNodes.forEach(targetNode => { if (targetNode.classList.contains('element-monitor-image')) { var imgResponse = element.querySelectorAll(`.element-response-image[data-monitor="${targetNode.dataset.monitor}"]`); imgResponse.forEach(imageRS => { imageRS.src = targetNode.getAttribute('src'); }); } if (targetNode.classList.contains('element-monitor-headline')) { var headlineResponse = element.querySelectorAll(`.element-response-headline[data-monitor="${targetNode.dataset.monitor}"]`); headlineResponse.forEach(headlineRS => { headlineRS.innerHTML = `

${targetNode.innerHTML}

`; }); } attachMutationObserver(targetNode); // Attach mutation observer for each node }); } var handleLoadAccordion = async (className) => { var isExistElement = await handleCheckElRendered(className); if (isExistElement){ var itemsEl = document.getElementsByClassName('js-accordion'); if (itemsEl?.length) { [...itemsEl].forEach((itemEl) => { var buttonEl = itemEl.getElementsByClassName('js-accordion-button')?.[0]; var bodyEl = itemEl.getElementsByClassName('js-accordion-body')?.[0]; if (buttonEl && bodyEl) { if (buttonEl.getAttribute('data-event-click') === 'true') { return; } buttonEl.setAttribute('data-event-click', 'true'); var clickEvent = () => { // buttonEl.classList.toggle('-active'); // bodyEl.classList.toggle('-active'); if (!bodyEl.classList.contains('-active')) { buttonEl.classList.add('-active'); bodyEl.classList.add('-active'); bodyEl.style.height = 'auto'; var height = bodyEl.clientHeight + 'px'; bodyEl.style.height = '0px'; setTimeout(() => { bodyEl.style.height = height; }, 0); } else { bodyEl.style.height = '0px'; buttonEl.classList.remove('-active'); bodyEl.addEventListener('transitionend', function () { bodyEl.classList.remove('-active'); }, { once: true }); } } buttonEl.addEventListener('click', clickEvent); } }) } } } var handleVideo = () => { window.onload = function() { var iframeVideos = document.querySelectorAll('.m-video-module001__figure'); iframeVideos.forEach(function(iframeContainer) { var iframe = iframeContainer.querySelector('iframe'); if (!iframe) return; iframe.onload = function() { var iframeDocument = iframe.contentDocument || iframe.contentWindow.document; var video = iframeDocument.querySelector('video'); if (video) { video.muted = true; video.controls = false; video.loop = true; video.play(); video.style.width = '100%'; video.style.height = '100%'; video.style.objectFit = 'cover'; } if (iframeDocument) { var iframeContent = iframeDocument.documentElement || iframeDocument.body; iframeContent.style.overflow = 'hidden'; } }; }); } } // ローディング_1 サンプル window.addEventListener('load', () => { var loading = document.querySelector('.m-loading-module001'); if (loading) { setTimeout(() => { loading.style.opacity = 0; loading.addEventListener('transitionend', function () { loading.style.display = 'none'; }, { once: true }); }, 2000); } }); // ローディング_2 サンプル window.addEventListener('load', () => { var loading = document.querySelector('.m-loading-module002'); if (loading) { setTimeout(() => { loading.style.opacity = 0; loading.addEventListener('transitionend', function () { loading.style.display = 'none'; }, { once: true }); }, 2000); } }); // 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 + div'); 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(); } }; // banner fixed when scroll bottom var handleFixedBanner = () => { var bannerFixed = document.querySelector('.m-banner-module002'); 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'); } }); } } document.addEventListener("DOMContentLoaded", () => { handleLoadJS(); handleLoadAccordion('m-faq-module002'); handleLoadAccordion('m-faq-module004'); handleVideo(); handleScrollHeader(); handleFixedBanner(); });

COMPANY 会社概要

北山設備株式会社

アクセス ACCESS

COMPANY

会社概要

アクセス

ACCESS