{"id":4693,"date":"2024-09-06T02:07:25","date_gmt":"2024-09-06T02:07:25","guid":{"rendered":"https:\/\/devwp02.visibleone.io\/zama\/home\/"},"modified":"2024-10-22T11:35:22","modified_gmt":"2024-10-22T11:35:22","slug":"home","status":"publish","type":"page","link":"https:\/\/devwp02.visibleone.io\/zama\/jp\/","title":{"rendered":"\u5bb6"},"content":{"rendered":"\n<section block-name=\"home-banner\">\n    <div class=\"relative\">\n        <div class=\"swiper home-banner\">\n            <div class=\"swiper-wrapper\">\n                                        <div class=\"swiper-slide\">\n                            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/header-home-01-snowmobile-scaled.jpg\"\n                                class=\"aspect-[360\/460] md:aspect-[1000\/700] lg:aspect-[1920\/798] object-cover w-full\" \/>\n                            <div class=\"overlay \"><\/div>\n                            <div class=\"absolute left-0 bottom-[150px] w-full\">\n                                <div class=\"container home-banner-text\">\n                                    <div class=\"container-sm max-w-[1000px]\">\n                                        <h1 class=\"heading1 text-white pb-3 break-words\"><p>\u7cbe\u5ea6\u3002\u54c1\u8cea\u3002\u30b5\u30fc\u30d3\u30b9\u3002<\/p>\n<\/h1>\n                                        <p class=\"text-body text-white\">\u79c1\u305f\u3061\u306f\u672a\u6765\u306b\u5411\u3051\u305f\u9769\u65b0\u7684\u306a\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3092\u63d0\u4f9b\u3059\u308b\u30d1\u30fc\u30c8\u30ca\u30fc\u3067\u3059<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/header-home-02-carbs-scaled.jpg\"\n                                class=\"aspect-[360\/460] md:aspect-[1000\/700] lg:aspect-[1920\/798] object-cover w-full\" \/>\n                            <div class=\"overlay \"><\/div>\n                            <div class=\"absolute left-0 bottom-[150px] w-full\">\n                                <div class=\"container home-banner-text\">\n                                    <div class=\"container-sm max-w-[1000px]\">\n                                        <h1 class=\"heading1 text-white pb-3 break-words\"><p>\u7cbe\u5ea6\u3002\u54c1\u8cea\u3002\u30b5\u30fc\u30d3\u30b9\u3002<\/p>\n<\/h1>\n                                        <p class=\"text-body text-white\">\u79c1\u305f\u3061\u306f\u672a\u6765\u306b\u5411\u3051\u305f\u9769\u65b0\u7684\u306a\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3092\u63d0\u4f9b\u3059\u308b\u30d1\u30fc\u30c8\u30ca\u30fc\u3067\u3059<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/header-home-03-mowing-scaled.jpg\"\n                                class=\"aspect-[360\/460] md:aspect-[1000\/700] lg:aspect-[1920\/798] object-cover w-full\" \/>\n                            <div class=\"overlay \"><\/div>\n                            <div class=\"absolute left-0 bottom-[150px] w-full\">\n                                <div class=\"container home-banner-text\">\n                                    <div class=\"container-sm max-w-[1000px]\">\n                                        <h1 class=\"heading1 text-white pb-3 break-words\"><p>\u7cbe\u5ea6\u3002\u54c1\u8cea\u3002\u30b5\u30fc\u30d3\u30b9\u3002<\/p>\n<\/h1>\n                                        <p class=\"text-body text-white\">\u79c1\u305f\u3061\u306f\u672a\u6765\u306b\u5411\u3051\u305f\u9769\u65b0\u7684\u306a\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3092\u63d0\u4f9b\u3059\u308b\u30d1\u30fc\u30c8\u30ca\u30fc\u3067\u3059<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/header-home-04-ebike-scaled.jpg\"\n                                class=\"aspect-[360\/460] md:aspect-[1000\/700] lg:aspect-[1920\/798] object-cover w-full\" \/>\n                            <div class=\"overlay \"><\/div>\n                            <div class=\"absolute left-0 bottom-[150px] w-full\">\n                                <div class=\"container home-banner-text\">\n                                    <div class=\"container-sm max-w-[1000px]\">\n                                        <h1 class=\"heading1 text-white pb-3 break-words\"><p>\u7cbe\u5ea6\u3002\u54c1\u8cea\u3002\u30b5\u30fc\u30d3\u30b9\u3002<\/p>\n<\/h1>\n                                        <p class=\"text-body text-white\">\u79c1\u305f\u3061\u306f\u672a\u6765\u306b\u5411\u3051\u305f\u9769\u65b0\u7684\u306a\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3092\u63d0\u4f9b\u3059\u308b\u30d1\u30fc\u30c8\u30ca\u30fc\u3067\u3059<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                                <\/div>\n            <div class=\"container home-banner-text\">\n                <div class=\"container-sm\">\n                    <div class=\"swiper-pagination home-banner-pagination\"><\/div>\n                <\/div>\n            <\/div>\n\n            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/banner-slope.png\"\n                class=\"absolute bottom-[-2px] left-0 w-full hidden md:block z-[1]\" \/>\n            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/mb-banner-slope.png\"\n                class=\"absolute bottom-[-2px] left-0 w-full md:hidden  z-[1]\" \/>\n        <\/div>\n\n<\/section>\n\n\n<section block-name=\"home-introduction\" class=\"bg-grey\">\n    <div class=\"container py-10 md:py-20\">\n        <div class=\"container-md\">\n            <div class=\"md:grid md:grid-cols-2 xl:gap-[80px] items-center\">\n                <div class=\"pb-10 md:pb-0\">\n                    <div class=\" pb-5\">\n                        <h2 class=\"title-withline pb-5\">\n                            ZAMA \u96c6\u56e2\u4ecb\u7ecd                        <\/h2>\n                    <\/div>\n\n\n                    <p class=\"text-body text-black-37 pb-7 md:pb-12\">\n                        &quot;ZAMA \u306f\u5c4b\u5916\u4f5c\u696d\u6a5f\u304a\u3088\u3073\u30ec\u30af\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3\u7528\u8eca\u4e21\u696d\u754c\u3067\u5353\u8d8a\u3057\u305f\u5b9f\u7e3e\u3092\u6301\u3064\u30d5\u30eb\u30b5\u30fc\u30d3\u30b9\u30fb\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u30fb\u30b5\u30d7\u30e9\u30a4\u30e4\u30fc\u3067\u3059\u3002 \u71c3\u6599\u4f9b\u7d66\u88c5\u7f6e\u3001\u96fb\u6c17\u304a\u3088\u3073\u96fb\u6c17\u6a5f\u68b0\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3067 70 \u5e74\u4ee5\u4e0a\u306e\u7d4c\u9a13\u3092\u6301\u3064 ZAMA \u306f\u3001\u5909\u5316\u304c\u65e9\u304f\u8907\u96d1\u5316\u3059\u308b\u4eca\u65e5\u306e\u30d3\u30b8\u30cd\u30b9\u74b0\u5883\u306b\u304a\u3044\u3066\u3001OEM \u306e\u30cb\u30fc\u30ba\u3092\u30b5\u30dd\u30fc\u30c8\u3059\u308b\u72ec\u81ea\u306e\u8cc7\u683c\u3092\u5099\u3048\u3066\u3044\u307e\u3059\u3002&quot;                    <\/p>\n                    \n                    <a href=\"https:\/\/devwp02.visibleone.io\/zama\/jp\/about-us\/\" target=\"\" class=\"button-parallelogram\">\n                        <span class=\"btnparallelogram-text\">\n                            \u8a73\u3057\u3044                        <\/span>\n                    <\/a>\n                    \n                <\/div>\n\n                <div class=\"flex items-end relative mb-10 md:mb-0\">\n                    <div class=\"relative left-0 md:left-2 6xl:left-4 top-[2.2rem] sm:top-12 w-1\/2 md:w-[40%]\">\n                        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/Carb-Design-scaled.jpg\" alt=\"\"\n                            class=\"object-cover aspect-[360\/360] md:max-w-[150px] lg:max-w-[200px] xl:max-w-[250px] 5xl:max-w-[360px] rounded-xl\">\n                    <\/div>\n                    <div class=\"w-1\/2 md:w-[60%]\">\n                        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/1a-EOL-test-scaled.jpg\" alt=\"\"\n                            class=\"object-cover aspect-[420\/560] max-w-[420px] rounded-xl w-full\">\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<section block-name=\"home-productoffering\" class=\"home-productoffering relative\">\n    <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/grey-up.svg\" class=\" w-full hidden md:block\" \/>\n    <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/mb-subtract-grey.svg\"\n        class=\" w-full md:hidden\" \/>\n    <div class=\"container py-10 md:py-20\">\n        <div class=\"container-md\">\n            <div class=\"\">\n                <div class=\"md:text-center pb-2.5 md:pb-5\">\n                    <h2 class=\"title-withline pb-5\">\n                        \u88fd\u54c1\u30e9\u30a4\u30f3\u30ca\u30c3\u30d7                    <\/h2>\n                <\/div>\n\n                <p class=\"text-body text-black-000 text-center pb-5 md:pb-12 xl:px-20 4xl:px-[150px] 6xl:px-[280px]\">\n                    ZAMA \u306f\u3001\u30c0\u30a4\u30e4\u30d5\u30e9\u30e0 \u30ad\u30e3\u30d6\u30ec\u30bf\u30fc\u3001\u9ad8\u5ea6\u306a\u96fb\u6c17\u6a5f\u68b0\u30e2\u30b8\u30e5\u30fc\u30eb\u3084\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3001\u30a8\u30f3\u30b8\u30cb\u30a2\u30ea\u30f3\u7e4a\u7dad\u88fd\u54c1\u306a\u3069\u3001\u5e45\u5e83\u3044\u88fd\u54c1\u30dd\u30fc\u30c8\u30d5\u30a9\u30ea\u30aa\u3092\u63c3\u3048\u3066\u3044\u307e\u3059\u3002                <\/p>\n\n                <div class=\"tabs-container overflow-x-auto relative w-full\">\n                    <ul class=\"flex items-center justify-start xl:justify-center xl:gap-10 relative tabs-item\">\n                                                <li class=\"text-body text-black-600 pb-[10px] whitespace-nowrap xl:whitespace-normal mr-5 last-of-type:mr-0 xl:mr-0 cursor-pointer active hover:text-black-000\"\n                            data-id=\"0\">\n                            \u96fb\u5b50\u304a\u3088\u3073\u96fb\u6c17\u6a5f\u68b0\u88fd\u54c1                        <\/li>\n                                                <li class=\"text-body text-black-600 pb-[10px] whitespace-nowrap xl:whitespace-normal mr-5 last-of-type:mr-0 xl:mr-0 cursor-pointer hover:text-black-000\"\n                            data-id=\"1\">\n                            \u71c3\u6599\u4f9b\u7d66\u88c5\u7f6e                        <\/li>\n                                                <li class=\"text-body text-black-600 pb-[10px] whitespace-nowrap xl:whitespace-normal mr-5 last-of-type:mr-0 xl:mr-0 cursor-pointer hover:text-black-000\"\n                            data-id=\"2\">\n                            \u7cbe\u5bc6\u6a5f\u68b0\u52a0\u5de5\u90e8\u54c1                        <\/li>\n                                                <li class=\"text-body text-black-600 pb-[10px] whitespace-nowrap xl:whitespace-normal mr-5 last-of-type:mr-0 xl:mr-0 cursor-pointer hover:text-black-000\"\n                            data-id=\"3\">\n                            \u30a8\u30f3\u30b8\u30cb\u30a2\u30ea\u30f3\u30b0\u30c6\u30ad\u30b9\u30bf\u30a4\u30eb\u88fd\u54c1                        <\/li>\n                                                                    <\/ul>\n                <\/div>\n\n                <div class=\"pt-5 md:pt-12 tabs-content\">\n                                        <div class=\"md:grid md:grid-cols-2 lg:grid-cols-5 xl:grid-cols-3 xl:gap-10\" data-id=\"0\">\n                        <div\n                            class=\"relative image-container group overflow-hidden h-full md:mr-3 xl:mr-0 rounded-xl lg:col-span-2 xl:col-span-1\">\n                            <a href=\"https:\/\/devwp02.visibleone.io\/zama\/jp\/products\/electronic-electrical-products\/\"\n                                class=\"image-hoverblack relative rounded-xl\">\n                                <div class=\"overflow-hidden rounded-xl h-full\">\n                                    <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/header-electric-1.jpg\" alt=\"product offering image\"\n                                        class=\"aspect-[500\/500] w-full object-cover rounded-xl duration-500 ease-out group-hover:scale-105 h-full\">\n                                <\/div>\n\n                                <div class=\"w-full p-6 lg:p-10 absolute left-0 bottom-0 z-[1]\">\n                                    <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/title-line.svg\"\n                                        alt=\"title line\" class=\"pb-4 lg:pb-5 filter-white\">\n                                    <h4 class=\"heading4 text-white pb-2\">\n                                        \u96fb\u5b50\u304a\u3088\u3073\u96fb\u6c17\u6a5f\u68b0\u88fd\u54c1                                    <\/h4>\n                                    <p class=\"line-clamp-2 text-body text-white mb-4 xl:mb-5 \">\n                                                                            <\/p>\n                                    <div class=\"font-bold text-button uppercase text-white flex items-center\">\n                                        \u3082\u3063\u3068\u898b\u308b                                        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/arrowright-white.svg\"\n                                            alt=\"right arrow icon\"\n                                            class=\"filter-white ml-2 group-hover:ml-5 duration-500 ease-out\">\n                                    <\/div>\n                                <\/div>\n                            <\/a>\n                        <\/div>\n                        <div class=\"relative offeringswiper-container pt-5 md:pt-0 lg:col-span-3 xl:col-span-2\">\n                            <div class=\"swiper product-offeringswiper\">\n                                <div class=\"swiper-wrapper\">\n                                                                        <div class=\"swiper-slide\" data-imagevalue=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/wire-zero-turn-mower-wire-harness-1-scaled.jpg\">\n                                        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/wire-zero-turn-mower-wire-harness-1-scaled.jpg\" alt=\"offering image 0\"\n                                            class=\"aspect-[324\/324] object-contain rounded-xl max-h-[324px]\">\n                                        <div class=\"pt-5\">\n                                            <p class=\"text-black-200 text-footer uppercase line-clamp-1\">\n                                                Zero-turn mower wire harness                                            <\/p>\n                                            <h5 class=\"heading5 text-black-000 line-clamp-2 capitalize 4xl:pr-[5px]\">\n                                                Zero-turn mower wire harness                                            <\/h5>\n                                        <\/div>\n                                    <\/div>\n                                                                        <div class=\"swiper-slide\" data-imagevalue=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/wire-robotic-mower-harness-02-1-scaled.jpg\">\n                                        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/wire-robotic-mower-harness-02-1-scaled.jpg\" alt=\"offering image 1\"\n                                            class=\"aspect-[324\/324] object-contain rounded-xl max-h-[324px]\">\n                                        <div class=\"pt-5\">\n                                            <p class=\"text-black-200 text-footer uppercase line-clamp-1\">\n                                                Robotic mower wire harness                                            <\/p>\n                                            <h5 class=\"heading5 text-black-000 line-clamp-2 capitalize 4xl:pr-[5px]\">\n                                                Robotic mower wire harness                                            <\/h5>\n                                        <\/div>\n                                    <\/div>\n                                                                        <div class=\"swiper-slide\" data-imagevalue=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/wire-gas-powered-ope-harness-01-1-scaled.jpg\">\n                                        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/wire-gas-powered-ope-harness-01-1-scaled.jpg\" alt=\"offering image 2\"\n                                            class=\"aspect-[324\/324] object-contain rounded-xl max-h-[324px]\">\n                                        <div class=\"pt-5\">\n                                            <p class=\"text-black-200 text-footer uppercase line-clamp-1\">\n                                                Gas powered OPE wire harness                                            <\/p>\n                                            <h5 class=\"heading5 text-black-000 line-clamp-2 capitalize 4xl:pr-[5px]\">\n                                                Gas powered OPE wire harness                                            <\/h5>\n                                        <\/div>\n                                    <\/div>\n                                                                        <div class=\"swiper-slide\" data-imagevalue=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/solenoid-valve-coil-01-1-scaled.jpg\">\n                                        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/solenoid-valve-coil-01-1-scaled.jpg\" alt=\"offering image 3\"\n                                            class=\"aspect-[324\/324] object-contain rounded-xl max-h-[324px]\">\n                                        <div class=\"pt-5\">\n                                            <p class=\"text-black-200 text-footer uppercase line-clamp-1\">\n                                                Solenoid valve coil                                            <\/p>\n                                            <h5 class=\"heading5 text-black-000 line-clamp-2 capitalize 4xl:pr-[5px]\">\n                                                Solenoid valve coil                                            <\/h5>\n                                        <\/div>\n                                    <\/div>\n                                                                        <div class=\"swiper-slide\" data-imagevalue=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/pcba-02-2-scaled.jpg\">\n                                        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/pcba-02-2-scaled.jpg\" alt=\"offering image 4\"\n                                            class=\"aspect-[324\/324] object-contain rounded-xl max-h-[324px]\">\n                                        <div class=\"pt-5\">\n                                            <p class=\"text-black-200 text-footer uppercase line-clamp-1\">\n                                                PCBA with potting                                            <\/p>\n                                            <h5 class=\"heading5 text-black-000 line-clamp-2 capitalize 4xl:pr-[5px]\">\n                                                PCBA with potting                                            <\/h5>\n                                        <\/div>\n                                    <\/div>\n                                                                                                            <div class=\"swiper-slide swiper-lastitem  h-auto group\">\n                                        <a href=\"https:\/\/devwp02.visibleone.io\/zama\/jp\/products\/electronic-electrical-products\/\" target=\"\"\n                                            class=\" \">\n                                            <div class=\"relative max-w-[324px]\">\n                                                <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/view-more-white.png\"\n                                                    class=\"rounded-xl border border-black-800 group-hover:border-black-000 aspect-[324\/324] object-contain  max-h-[324px]\" \/>\n                                                <div\n                                                    class=\"absolute left-1\/2 top-1\/2 -translate-y-1\/2 -translate-x-1\/2 w-[80%]\">\n                                                    <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/title-line.svg\"\n                                                        alt=\"title line\" class=\"pb-3 mx-auto\">\n                                                    <p\n                                                        class=\"font-bold text-button uppercase text-black-000 flex items-center justify-center\">\n                                                        View More\n                                                        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/arrowright-white.svg\"\n                                                            alt=\"right arrow icon\"\n                                                            class=\"filter-black-000 relative -right-3 group-hover:-right-5 duration-500 ease-out\">\n                                                    <\/p>\n                                                <\/div>\n                                            <\/div>\n\n\n                                        <\/a>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"absolute bottom-0 right-0 w-full\">\n                                    <div class=\"flex items-center justify-end py-6\">\n                                        <div class=\"swiper-button-prev mr-5\">\n                                            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/slider-leftarrowgrey.svg\"\n                                                class=\"offering-leftarrow\" \/>\n                                        <\/div>\n                                        <div class=\"swiper-button-next\">\n                                            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/slider-rightarrowgrey.svg\"\n                                                class=\"offering-rightarrow\" \/>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"swiper-pagination home-offeringpagination\"><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                        <div class=\"md:grid md:grid-cols-2 lg:grid-cols-5 xl:grid-cols-3 xl:gap-10 hidden\"\n                        data-id=\"1\">\n                        <div\n                            class=\"relative image-container group overflow-hidden h-full md:mr-3 xl:mr-0 rounded-xl lg:col-span-2 xl:col-span-1 \">\n                            <a href=\"https:\/\/devwp02.visibleone.io\/zama\/jp\/fuel-fluid-management-systems\/\" class=\"image-hoverblack relative rounded-xl \">\n                                <div class=\"overflow-hidden rounded-xl h-full\">\n                                    <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/header-mechanical-1.jpg\" alt=\"product offering image\"\n                                        class=\"aspect-[500\/500] w-full object-cover rounded-xl duration-500 ease-out group-hover:scale-105 h-full\">\n                                <\/div>\n\n                                <div class=\"w-full p-6 lg:p-10 absolute left-0 bottom-0 z-[1]\">\n                                    <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/title-line.svg\"\n                                        alt=\"title line\" class=\"pb-4 lg:pb-5 filter-white\">\n                                    <h4 class=\"heading4 text-white pb-2\">\n                                        \u71c3\u6599\u4f9b\u7d66\u88c5\u7f6e                                    <\/h4>\n                                    <p class=\"line-clamp-2 text-body text-white mb-4 xl:mb-5 \">\n                                                                            <\/p>\n                                    <div class=\"font-bold text-button uppercase text-white flex items-center\">\n                                        \u3082\u3063\u3068\u898b\u308b                                        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/arrowright-white.svg\"\n                                            alt=\"right arrow icon\"\n                                            class=\"filter-white ml-2 group-hover:ml-5 duration-500 ease-out\">\n                                    <\/div>\n                                <\/div>\n                            <\/a>\n                        <\/div>\n                        <div class=\"relative offeringswiper-container pt-5 md:pt-0 lg:col-span-3 xl:col-span-2\">\n                            <div class=\"swiper product-offeringswiper\">\n                                <div class=\"swiper-wrapper\">\n                                                                        <div class=\"swiper-slide\" data-imagevalue=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/belt-pulley-02-2-scaled.jpg\">\n                                        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/belt-pulley-02-2-scaled.jpg\" alt=\"offering image 0\"\n                                            class=\"aspect-[324\/324] object-contain rounded-xl max-h-[324px]\">\n                                        <div class=\"mt-5\">\n                                            <p class=\"text-black-200 text-footer uppercase line-clamp-1\">\n                                                Belt pulley                                            <\/p>\n                                            <h5 class=\"heading5 text-black-000 line-clamp-2 capitalize 4xl:pr-[5px]\">\n                                                Belt pulley                                            <\/h5>\n                                        <\/div>\n                                    <\/div>\n                                                                        <div class=\"swiper-slide\" data-imagevalue=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/chain-oiler-01-1.jpg\">\n                                        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/chain-oiler-01-1.jpg\" alt=\"offering image 1\"\n                                            class=\"aspect-[324\/324] object-contain rounded-xl max-h-[324px]\">\n                                        <div class=\"mt-5\">\n                                            <p class=\"text-black-200 text-footer uppercase line-clamp-1\">\n                                                Chain oiler                                            <\/p>\n                                            <h5 class=\"heading5 text-black-000 line-clamp-2 capitalize 4xl:pr-[5px]\">\n                                                Chain oiler                                            <\/h5>\n                                        <\/div>\n                                    <\/div>\n                                                                        <div class=\"swiper-slide\" data-imagevalue=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/chain-tensioner-01-2-scaled.jpg\">\n                                        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/chain-tensioner-01-2-scaled.jpg\" alt=\"offering image 2\"\n                                            class=\"aspect-[324\/324] object-contain rounded-xl max-h-[324px]\">\n                                        <div class=\"mt-5\">\n                                            <p class=\"text-black-200 text-footer uppercase line-clamp-1\">\n                                                Chain tensioner                                            <\/p>\n                                            <h5 class=\"heading5 text-black-000 line-clamp-2 capitalize 4xl:pr-[5px]\">\n                                                Chain tensioner                                            <\/h5>\n                                        <\/div>\n                                    <\/div>\n                                                                        <div class=\"swiper-slide\" data-imagevalue=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/crank-shaft-01-scaled.jpg\">\n                                        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/crank-shaft-01-scaled.jpg\" alt=\"offering image 3\"\n                                            class=\"aspect-[324\/324] object-contain rounded-xl max-h-[324px]\">\n                                        <div class=\"mt-5\">\n                                            <p class=\"text-black-200 text-footer uppercase line-clamp-1\">\n                                                Crank shafts                                            <\/p>\n                                            <h5 class=\"heading5 text-black-000 line-clamp-2 capitalize 4xl:pr-[5px]\">\n                                                Crank shafts                                            <\/h5>\n                                        <\/div>\n                                    <\/div>\n                                                                        <div class=\"swiper-slide\" data-imagevalue=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/mechanical-part-01-scaled.jpg\">\n                                        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/mechanical-part-01-scaled.jpg\" alt=\"offering image 4\"\n                                            class=\"aspect-[324\/324] object-contain rounded-xl max-h-[324px]\">\n                                        <div class=\"mt-5\">\n                                            <p class=\"text-black-200 text-footer uppercase line-clamp-1\">\n                                                Machanical component                                            <\/p>\n                                            <h5 class=\"heading5 text-black-000 line-clamp-2 capitalize 4xl:pr-[5px]\">\n                                                Machanical component                                            <\/h5>\n                                        <\/div>\n                                    <\/div>\n                                                                                                            <div class=\"swiper-slide swiper-lastitem   group\">\n                                        <a href=\"https:\/\/devwp02.visibleone.io\/zama\/jp\/fuel-fluid-management-systems\/\" target=\"\"\n                                            class=\"w-full h-full relative \">\n                                            <div class=\"relative max-w-[324px]\">\n                                                <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/view-more-white.png\"\n                                                    class=\"rounded-xl border border-black-800 group-hover:border-black-000 aspect-[324\/324] object-contain  max-h-[324px]\" \/>\n                                                <div\n                                                    class=\"absolute left-1\/2 top-1\/2 -translate-y-1\/2 -translate-x-1\/2 w-[80%]\">\n                                                    <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/title-line.svg\"\n                                                        alt=\"title line\" class=\"pb-3 mx-auto\">\n                                                    <p\n                                                        class=\"font-bold text-button uppercase text-black-000 flex items-center justify-center\">\n                                                        View More\n                                                        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/arrowright-white.svg\"\n                                                            alt=\"right arrow icon\"\n                                                            class=\"filter-black-000 relative -right-3 group-hover:-right-5 duration-500 ease-out \">\n                                                    <\/p>\n                                                <\/div>\n                                            <\/div>\n\n\n                                        <\/a>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"absolute bottom-0 right-0 w-full\">\n                                    <div class=\"flex items-center justify-end py-6\">\n                                        <div class=\"swiper-button-prev mr-5\">\n                                            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/slider-leftarrowgrey.svg\"\n                                                class=\"offering-leftarrow\" \/>\n                                        <\/div>\n                                        <div class=\"swiper-button-next\">\n                                            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/slider-rightarrowgrey.svg\"\n                                                class=\"offering-rightarrow\" \/>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"swiper-pagination home-offeringpagination\"><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                        <div class=\"md:grid md:grid-cols-2 lg:grid-cols-5 xl:grid-cols-3 xl:gap-10 hidden\"\n                        data-id=\"2\">\n                        <div\n                            class=\"relative image-container group overflow-hidden h-full md:mr-3 xl:mr-0 rounded-xl lg:col-span-2 xl:col-span-1 \">\n                            <a href=\"https:\/\/devwp02.visibleone.io\/zama\/jp\/precision-machined-parts\/\" class=\"image-hoverblack relative rounded-xl \">\n                                <div class=\"overflow-hidden rounded-xl h-full\">\n                                    <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/header-mechanical-2.jpg\" alt=\"product offering image\"\n                                        class=\"aspect-[500\/500] w-full object-cover rounded-xl duration-500 ease-out group-hover:scale-105 h-full\">\n                                <\/div>\n\n                                <div class=\"w-full p-6 lg:p-10 absolute left-0 bottom-0 z-[1]\">\n                                    <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/title-line.svg\"\n                                        alt=\"title line\" class=\"pb-4 lg:pb-5 filter-white\">\n                                    <h4 class=\"heading4 text-white pb-2\">\n                                        \u7cbe\u5bc6\u6a5f\u68b0\u52a0\u5de5\u90e8\u54c1                                    <\/h4>\n                                    <p class=\"line-clamp-2 text-body text-white mb-4 xl:mb-5 \">\n                                                                            <\/p>\n                                    <div class=\"font-bold text-button uppercase text-white flex items-center\">\n                                        \u3082\u3063\u3068\u898b\u308b                                        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/arrowright-white.svg\"\n                                            alt=\"right arrow icon\"\n                                            class=\"filter-white ml-2 group-hover:ml-5 duration-500 ease-out\">\n                                    <\/div>\n                                <\/div>\n                            <\/a>\n                        <\/div>\n                        <div class=\"relative offeringswiper-container pt-5 md:pt-0 lg:col-span-3 xl:col-span-2\">\n                            <div class=\"swiper product-offeringswiper\">\n                                <div class=\"swiper-wrapper\">\n                                                                        <div class=\"swiper-slide\" data-imagevalue=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/belt-pulley-02-3-scaled.jpg\">\n                                        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/belt-pulley-02-3-scaled.jpg\" alt=\"offering image 0\"\n                                            class=\"aspect-[324\/324] object-contain rounded-xl max-h-[324px]\">\n                                        <div class=\"mt-5\">\n                                            <p class=\"text-black-200 text-footer uppercase line-clamp-1\">\n                                                Belt pulley                                            <\/p>\n                                            <h5 class=\"heading5 text-black-000 line-clamp-2 capitalize 4xl:pr-[5px]\">\n                                                Belt pulley                                            <\/h5>\n                                        <\/div>\n                                    <\/div>\n                                                                        <div class=\"swiper-slide\" data-imagevalue=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/chain-oiler-01-2.jpg\">\n                                        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/chain-oiler-01-2.jpg\" alt=\"offering image 1\"\n                                            class=\"aspect-[324\/324] object-contain rounded-xl max-h-[324px]\">\n                                        <div class=\"mt-5\">\n                                            <p class=\"text-black-200 text-footer uppercase line-clamp-1\">\n                                                Chain Oilers                                            <\/p>\n                                            <h5 class=\"heading5 text-black-000 line-clamp-2 capitalize 4xl:pr-[5px]\">\n                                                Chain Oilers                                            <\/h5>\n                                        <\/div>\n                                    <\/div>\n                                                                        <div class=\"swiper-slide\" data-imagevalue=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/chain-tensioner-01-3-scaled.jpg\">\n                                        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/chain-tensioner-01-3-scaled.jpg\" alt=\"offering image 2\"\n                                            class=\"aspect-[324\/324] object-contain rounded-xl max-h-[324px]\">\n                                        <div class=\"mt-5\">\n                                            <p class=\"text-black-200 text-footer uppercase line-clamp-1\">\n                                                Chain tensioner                                            <\/p>\n                                            <h5 class=\"heading5 text-black-000 line-clamp-2 capitalize 4xl:pr-[5px]\">\n                                                Chain tensioner                                            <\/h5>\n                                        <\/div>\n                                    <\/div>\n                                                                        <div class=\"swiper-slide\" data-imagevalue=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/crank-shaft-01-1-scaled.jpg\">\n                                        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/crank-shaft-01-1-scaled.jpg\" alt=\"offering image 3\"\n                                            class=\"aspect-[324\/324] object-contain rounded-xl max-h-[324px]\">\n                                        <div class=\"mt-5\">\n                                            <p class=\"text-black-200 text-footer uppercase line-clamp-1\">\n                                                Crank shafts                                            <\/p>\n                                            <h5 class=\"heading5 text-black-000 line-clamp-2 capitalize 4xl:pr-[5px]\">\n                                                Crank shafts                                            <\/h5>\n                                        <\/div>\n                                    <\/div>\n                                                                        <div class=\"swiper-slide\" data-imagevalue=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/mechanical-part-01-1-scaled.jpg\">\n                                        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/mechanical-part-01-1-scaled.jpg\" alt=\"offering image 4\"\n                                            class=\"aspect-[324\/324] object-contain rounded-xl max-h-[324px]\">\n                                        <div class=\"mt-5\">\n                                            <p class=\"text-black-200 text-footer uppercase line-clamp-1\">\n                                                Machanical component                                            <\/p>\n                                            <h5 class=\"heading5 text-black-000 line-clamp-2 capitalize 4xl:pr-[5px]\">\n                                                Machanical component                                            <\/h5>\n                                        <\/div>\n                                    <\/div>\n                                                                                                            <div class=\"swiper-slide swiper-lastitem   group\">\n                                        <a href=\"https:\/\/devwp02.visibleone.io\/zama\/jp\/precision-machined-parts\/\" target=\"\"\n                                            class=\"w-full h-full relative \">\n                                            <div class=\"relative max-w-[324px]\">\n                                                <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/view-more-white.png\"\n                                                    class=\"rounded-xl border border-black-800 group-hover:border-black-000 aspect-[324\/324] object-contain  max-h-[324px]\" \/>\n                                                <div\n                                                    class=\"absolute left-1\/2 top-1\/2 -translate-y-1\/2 -translate-x-1\/2 w-[80%]\">\n                                                    <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/title-line.svg\"\n                                                        alt=\"title line\" class=\"pb-3 mx-auto\">\n                                                    <p\n                                                        class=\"font-bold text-button uppercase text-black-000 flex items-center justify-center\">\n                                                        View More\n                                                        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/arrowright-white.svg\"\n                                                            alt=\"right arrow icon\"\n                                                            class=\"filter-black-000 relative -right-3 group-hover:-right-5 duration-500 ease-out \">\n                                                    <\/p>\n                                                <\/div>\n                                            <\/div>\n\n\n                                        <\/a>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"absolute bottom-0 right-0 w-full\">\n                                    <div class=\"flex items-center justify-end py-6\">\n                                        <div class=\"swiper-button-prev mr-5\">\n                                            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/slider-leftarrowgrey.svg\"\n                                                class=\"offering-leftarrow\" \/>\n                                        <\/div>\n                                        <div class=\"swiper-button-next\">\n                                            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/slider-rightarrowgrey.svg\"\n                                                class=\"offering-rightarrow\" \/>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"swiper-pagination home-offeringpagination\"><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                        <div class=\"md:grid md:grid-cols-2 lg:grid-cols-5 xl:grid-cols-3 xl:gap-10 hidden\"\n                        data-id=\"3\">\n                        <div\n                            class=\"relative image-container group overflow-hidden h-full md:mr-3 xl:mr-0 rounded-xl lg:col-span-2 xl:col-span-1 \">\n                            <a href=\"https:\/\/devwp02.visibleone.io\/zama\/jp\/technical-textiles\/\" class=\"image-hoverblack relative rounded-xl \">\n                                <div class=\"overflow-hidden rounded-xl h-full\">\n                                    <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/header-textile.jpg\" alt=\"product offering image\"\n                                        class=\"aspect-[500\/500] w-full object-cover rounded-xl duration-500 ease-out group-hover:scale-105 h-full\">\n                                <\/div>\n\n                                <div class=\"w-full p-6 lg:p-10 absolute left-0 bottom-0 z-[1]\">\n                                    <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/title-line.svg\"\n                                        alt=\"title line\" class=\"pb-4 lg:pb-5 filter-white\">\n                                    <h4 class=\"heading4 text-white pb-2\">\n                                        \u30a8\u30f3\u30b8\u30cb\u30a2\u30ea\u30f3\u30b0\u30c6\u30ad\u30b9\u30bf\u30a4\u30eb\u88fd\u54c1                                    <\/h4>\n                                    <p class=\"line-clamp-2 text-body text-white mb-4 xl:mb-5 \">\n                                                                            <\/p>\n                                    <div class=\"font-bold text-button uppercase text-white flex items-center\">\n                                        \u3082\u3063\u3068\u898b\u308b                                        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/arrowright-white.svg\"\n                                            alt=\"right arrow icon\"\n                                            class=\"filter-white ml-2 group-hover:ml-5 duration-500 ease-out\">\n                                    <\/div>\n                                <\/div>\n                            <\/a>\n                        <\/div>\n                        <div class=\"relative offeringswiper-container pt-5 md:pt-0 lg:col-span-3 xl:col-span-2\">\n                            <div class=\"swiper product-offeringswiper\">\n                                <div class=\"swiper-wrapper\">\n                                                                        <div class=\"swiper-slide\" data-imagevalue=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/battery-pack-harness-01.jpg\">\n                                        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/battery-pack-harness-01.jpg\" alt=\"offering image 0\"\n                                            class=\"aspect-[324\/324] object-contain rounded-xl max-h-[324px]\">\n                                        <div class=\"mt-5\">\n                                            <p class=\"text-black-200 text-footer uppercase line-clamp-1\">\n                                                Belt mount battery bag                                            <\/p>\n                                            <h5 class=\"heading5 text-black-000 line-clamp-2 capitalize 4xl:pr-[5px]\">\n                                                Belt mount battery bag                                            <\/h5>\n                                        <\/div>\n                                    <\/div>\n                                                                        <div class=\"swiper-slide\" data-imagevalue=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/power-tool-harness-01-scaled.jpg\">\n                                        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/power-tool-harness-01-scaled.jpg\" alt=\"offering image 1\"\n                                            class=\"aspect-[324\/324] object-contain rounded-xl max-h-[324px]\">\n                                        <div class=\"mt-5\">\n                                            <p class=\"text-black-200 text-footer uppercase line-clamp-1\">\n                                                Power-tool Harnesses                                            <\/p>\n                                            <h5 class=\"heading5 text-black-000 line-clamp-2 capitalize 4xl:pr-[5px]\">\n                                                Power-tool Harnesses                                            <\/h5>\n                                        <\/div>\n                                    <\/div>\n                                                                        <div class=\"swiper-slide\" data-imagevalue=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/power-tool-harness-02-scaled.jpg\">\n                                        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/power-tool-harness-02-scaled.jpg\" alt=\"offering image 2\"\n                                            class=\"aspect-[324\/324] object-contain rounded-xl max-h-[324px]\">\n                                        <div class=\"mt-5\">\n                                            <p class=\"text-black-200 text-footer uppercase line-clamp-1\">\n                                                Power-tool Harnesses                                            <\/p>\n                                            <h5 class=\"heading5 text-black-000 line-clamp-2 capitalize 4xl:pr-[5px]\">\n                                                Power-tool Harnesses                                            <\/h5>\n                                        <\/div>\n                                    <\/div>\n                                                                        <div class=\"swiper-slide\" data-imagevalue=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/textile-harness-01-scaled.jpg\">\n                                        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/textile-harness-01-scaled.jpg\" alt=\"offering image 3\"\n                                            class=\"aspect-[324\/324] object-contain rounded-xl max-h-[324px]\">\n                                        <div class=\"mt-5\">\n                                            <p class=\"text-black-200 text-footer uppercase line-clamp-1\">\n                                                Power-tool Harnesses                                            <\/p>\n                                            <h5 class=\"heading5 text-black-000 line-clamp-2 capitalize 4xl:pr-[5px]\">\n                                                Power-tool Harnesses                                            <\/h5>\n                                        <\/div>\n                                    <\/div>\n                                                                        <div class=\"swiper-slide\" data-imagevalue=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/textile-harness-03-scaled.jpg\">\n                                        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/textile-harness-03-scaled.jpg\" alt=\"offering image 4\"\n                                            class=\"aspect-[324\/324] object-contain rounded-xl max-h-[324px]\">\n                                        <div class=\"mt-5\">\n                                            <p class=\"text-black-200 text-footer uppercase line-clamp-1\">\n                                                Power-tool Harnesses                                            <\/p>\n                                            <h5 class=\"heading5 text-black-000 line-clamp-2 capitalize 4xl:pr-[5px]\">\n                                                Power-tool Harnesses                                            <\/h5>\n                                        <\/div>\n                                    <\/div>\n                                                                                                            <div class=\"swiper-slide swiper-lastitem   group\">\n                                        <a href=\"https:\/\/devwp02.visibleone.io\/zama\/jp\/technical-textiles\/\" target=\"\"\n                                            class=\"w-full h-full relative \">\n                                            <div class=\"relative max-w-[324px]\">\n                                                <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/view-more-white.png\"\n                                                    class=\"rounded-xl border border-black-800 group-hover:border-black-000 aspect-[324\/324] object-contain  max-h-[324px]\" \/>\n                                                <div\n                                                    class=\"absolute left-1\/2 top-1\/2 -translate-y-1\/2 -translate-x-1\/2 w-[80%]\">\n                                                    <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/title-line.svg\"\n                                                        alt=\"title line\" class=\"pb-3 mx-auto\">\n                                                    <p\n                                                        class=\"font-bold text-button uppercase text-black-000 flex items-center justify-center\">\n                                                        View More\n                                                        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/arrowright-white.svg\"\n                                                            alt=\"right arrow icon\"\n                                                            class=\"filter-black-000 relative -right-3 group-hover:-right-5 duration-500 ease-out \">\n                                                    <\/p>\n                                                <\/div>\n                                            <\/div>\n\n\n                                        <\/a>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"absolute bottom-0 right-0 w-full\">\n                                    <div class=\"flex items-center justify-end py-6\">\n                                        <div class=\"swiper-button-prev mr-5\">\n                                            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/slider-leftarrowgrey.svg\"\n                                                class=\"offering-leftarrow\" \/>\n                                        <\/div>\n                                        <div class=\"swiper-button-next\">\n                                            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/slider-rightarrowgrey.svg\"\n                                                class=\"offering-rightarrow\" \/>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"swiper-pagination home-offeringpagination\"><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                        <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n<\/section>\n\n<div id=\"offeringswiper-modal\"\n    class=\"flex items-center justify-center h-full w-full overflow-y-auto fixed top-0 left-0 bg-black bg-opacity-75 z-[100] hidden\">\n    <div class=\"w-[90%] sm:w-[70%] p-10 xl:p-20\">\n        <div class=\"relative px-5 lg:px-20\">\n            <div class=\"text-right absolute -right-5 lg:right-0 top-0\">\n                <button type=\"button\" id=\"close-imagedetail\">\n                    <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/close-white.svg\"\n                        alt=\"close white color icon\">\n                <\/button>\n            <\/div>\n\n            <img decoding=\"async\" src=\"\" alt=\"swipper image detail\"\n                class=\"rounded-xl image-detail w-full object-cover xl:aspect-[1213\/809]\">\n        <\/div>\n    <\/div>\n<\/div>\n\n<section block-name=\"home-working\">\n    <div class=\"relative bg-[#4E5059] lg:pl-[4.25%] lg:pr-[4.25%]\">\n        <div\n            class=\"grid grid-cols-1 lg:grid-cols-2 gap-y-5 lg:gap-[60px] 2xl:gap-[100px]  items-center max-w-[1720px] mx-auto\">\n            <div class=\"pt-10 md:pb-[10%] md:pt-[23%] relative\">\n                <div class=\"container\">\n                    <div class=\"md:px-[4.25%] lg:px-0\">\n                        <div class=\"py-5\">\n                            <h2 class=\"title-withline-white pb-5\">ZAMA\u3068\u306e\u9023\u643a<\/h2>\n                        <\/div>\n\n                        <p class=\"text-body text-white pb-7 md:pb-12\">ZAMA\u306e\u30c1\u30fc\u30e0\u30e1\u30f3\u30d0\u30fc\u306f\u304a\u5ba2\u69d8\u3068\u7dca\u5bc6\u306b\u9023\u643a\u3057\u3001\u76f4\u63a5\u7684\u306a\u5354\u529b\u3001\u8fc5\u901f\u306a\u30b5\u30fc\u30d3\u30b9\u3001\u4f53\u7cfb\u7684\u306a\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u901a\u3058\u3066\u3001\u52b9\u679c\u7684\u306a\u5171\u540c\u958b\u767a\u3092\u5b9f\u73fe\u3057\u307e\u3059\u3002<\/p>\n                        \n                        <a href=\"https:\/\/devwp02.visibleone.io\/zama\/jp\/co-development\/\" target=\"\" class=\"button-parallelogram-white \">\n                            <span class=\"btnparallelogram-text-white\">\n                                \u8a73\u3057\u3044                             <\/span>\n                        <\/a>\n                        \n\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"lg:pr-5 relative\">\n                <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/mb-subtract.png\"\n                    class=\"absolute top-[-10px] left-0 w-full lg:hidden z-[1]\" \/>\n                <div class=\"swiper working-slider\">\n                    <div class=\"swiper-wrapper\">\n                        \n                        <div class=\"swiper-slide\">\n                            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/Working-with-ZAMA-ZJ-Meeting-scaled.jpg\" class=\"aspect-[810\/800] object-cover w-full\" \/>\n                        <\/div>\n                        \n                        <div class=\"swiper-slide\">\n                            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/Working-with-ZAMA-ZU-Engineering.jpg\" class=\"aspect-[810\/800] object-cover w-full\" \/>\n                        <\/div>\n                        \n                        <div class=\"swiper-slide\">\n                            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/Working-with-ZAMA-ZJ-Desk-scaled.jpg\" class=\"aspect-[810\/800] object-cover w-full\" \/>\n                        <\/div>\n                                                                    <\/div>\n                    <div class=\"swiper-pagination-1\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/mb-subtract-top.png\"\n            class=\"absolute top-0 -translate-y-[40%] left-0 w-full md:hidden\" \/>\n        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/working-up.svg\"\n            class=\"absolute top-0 -translate-y-[28%] left-0 w-full hidden md:block\" \/>\n        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/Subtract.svg\"\n            class=\"absolute bottom-[-1px] left-0 w-full hidden md:block\" \/>\n        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/mb-subtract-white.png\"\n            class=\"absolute bottom-[-1px] left-0 w-full md:hidden\" \/>\n\n    <\/div>\n<\/section>\n\n\n<section block-name=\"home-support\"\n    class=\"relative z-[1] rounded-bl-[20px] rounded-br-[20px] md:rounded-bl-[40px] md:rounded-br-[40px] bg-white\">\n    <div class=\"container   \">\n        <div class=\"container-md \">\n            <div class=\"pt-10 md:pt-20 pb-[60px] md:pb-[100px] \">\n                <div class=\"pb-5 md:pb-12 text-center\">\n                    <h2 class=\"title-withline justify-center pb-5\">Support<\/h2>\n                <\/div>\n\n                <div class=\"grid lg:grid-cols-2 gap-10 xl:gap-20 items-center\">\n                    <div class=\"s-img-list relative\">\n                                                <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/Parts-Service-scaled.jpg\" id=\"0\"\n                            class=\"active absolute w-full h-full left-0 top-0 aspect-[740\/477] object-cover rounded-[12px] opacity-0 duration-300 transition-all\">\n                                                <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/Technical-Support-scaled.jpg\" id=\"1\"\n                            class=\" absolute w-full h-full left-0 top-0  aspect-[740\/477] object-cover rounded-[12px] opacity-0 duration-300 transition-all \">\n                                                <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/ZAMAs-Retailers-scaled.jpeg\" id=\"2\"\n                            class=\" absolute w-full h-full left-0 top-0  aspect-[740\/477] object-cover rounded-[12px] opacity-0 duration-300 transition-all \">\n                                                                    <\/div>\n                    <div class=\"sup-items\">\n                                                <div data-id=\"0\" class=\"group sup-item \">\n                            <a href=\"#\">\n                                <div class=\"flex items-center gap-x-[29px] pl-2.5\">\n                                    <h4 class=\"heading4 text-black-400\">01<\/h4>\n                                    <h5 class=\"heading5 text-black-000\">01 \u90e8\u54c1\u3068\u30b5\u30fc\u30d3\u30b9<\/h5>\n                                <\/div>\n                                <div class=\"mt-5 md:mt-9 bg-[#D5D5D5] \">\n                                    <div\n                                        class=\"h-1 min-w-16 w-[0%] group-hover:w-full bg-black-400 group-hover:bg-primary transition-all duration-700\">\n                                    <\/div>\n                                <\/div>\n                            <\/a>\n                        <\/div>\n                                                <div data-id=\"1\" class=\"group sup-item \">\n                            <a href=\"https:\/\/devwp02.visibleone.io\/zama\/jp\/technical-support\/\">\n                                <div class=\"flex items-center gap-x-[29px] pl-2.5\">\n                                    <h4 class=\"heading4 text-black-400\">02<\/h4>\n                                    <h5 class=\"heading5 text-black-000\">02 \u30c6\u30af\u30cb\u30ab\u30eb\u30b5\u30dd\u30fc\u30c8<\/h5>\n                                <\/div>\n                                <div class=\"mt-5 md:mt-9 bg-[#D5D5D5] \">\n                                    <div\n                                        class=\"h-1 min-w-16 w-[0%] group-hover:w-full bg-black-400 group-hover:bg-primary transition-all duration-700\">\n                                    <\/div>\n                                <\/div>\n                            <\/a>\n                        <\/div>\n                                                <div data-id=\"2\" class=\"group sup-item \">\n                            <a href=\"https:\/\/devwp02.visibleone.io\/zama\/jp\/zamas-retailers\/\">\n                                <div class=\"flex items-center gap-x-[29px] pl-2.5\">\n                                    <h4 class=\"heading4 text-black-400\">03<\/h4>\n                                    <h5 class=\"heading5 text-black-000\">03 \u4ee3\u7406\u5e97<\/h5>\n                                <\/div>\n                                <div class=\"mt-5 md:mt-9 bg-[#D5D5D5] \">\n                                    <div\n                                        class=\"h-1 min-w-16 w-[0%] group-hover:w-full bg-black-400 group-hover:bg-primary transition-all duration-700\">\n                                    <\/div>\n                                <\/div>\n                            <\/a>\n                        <\/div>\n                                                                    <\/div>\n\n                    <!-- <div class=\"sup-items py-5 md:py-10 lg:py-20\">\n                        <div data-id=\"img1\" class=\"group sup-item \">\n                            <a href=\"\">\n                                <div class=\"flex items-center gap-x-[29px] pl-2.5\">\n                                    <h4 class=\"heading4 text-black-400\">01<\/h4>\n                                    <h5 class=\"heading5 text-black-000\"><\/h5>\n                                <\/div>\n                                <div class=\"mt-5 md:mt-9 bg-[#D5D5D5] \">\n                                    <div\n                                        class=\"h-1 min-w-16 w-[0%] group-hover:w-full bg-black-400 group-hover:bg-primary transition-all duration-700\">\n                                    <\/div>\n                                <\/div>\n                            <\/a>\n                        <\/div>\n                        <div data-id=\"img2\" class=\"group sup-item \">\n                            <a href=\"\">\n                                <div class=\"flex items-center gap-x-[29px] pl-2.5\">\n                                    <h4 class=\"heading4 text-black-400\">02<\/h4>\n                                    <h5 class=\"heading5 text-black-000\"><\/h5>\n                                <\/div>\n                                <div class=\"mt-5 md:mt-9 bg-[#D5D5D5] \">\n                                    <div\n                                        class=\"h-1 min-w-16 w-[0%] group-hover:w-full bg-black-400 group-hover:bg-primary transition-all duration-700\">\n                                    <\/div>\n                                <\/div>\n                            <\/a>\n                        <\/div>\n                        <div data-id=\"img3\" class=\"group sup-item \">\n                            <a href=\"\">\n                                <div class=\"flex items-center gap-x-[29px] pl-2.5\">\n                                    <h4 class=\"heading4 text-black-400\">03<\/h4>\n                                    <h5 class=\"heading5 text-black-000\"><\/h5>\n                                <\/div>\n                                <div class=\"mt-5 md:mt-9 bg-[#D5D5D5] \">\n                                    <div\n                                        class=\"h-1 min-w-16 w-[0%] group-hover:w-full bg-black-400 group-hover:bg-primary transition-all duration-700\">\n                                    <\/div>\n                                <\/div>\n                            <\/a>\n                        <\/div>\n\n                    <\/div> -->\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<section block-name=\"home-get-in-touch\" class=\"-mt-[35px] relative \">\n    <div class=\"relative pt-10 md:pt-20 lg:pt-0 pb-20 lg:pb-0\">\n        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/09\/get-in-touch-nature-1.jpg\"\n            class=\"absolute lg:relative lg:aspect-[3\/2] 3xl:aspect-[3\/2] object-cover max-h-[600px] 6xl:max-h-[800px]\" \/>\n        <div class=\"touch-overlay\"><\/div>\n\n        <div\n            class=\"relative lg:absolute pl-5 md:pl-[9.375%]  lg:left-1\/2 lg:top-1\/2 lg:-translate-y-1\/2 pr-5 md:pr-[9.375%] pt-[35px] lg:pl-10 4xl:pl-20\">\n            <h2 class=\"heading2 text-white pb-5\">ZAMA\u306b\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044<\/h2>\n            <p class=\"text-body text-white pb-12\">\u30a4\u30ce\u30d9\u30fc\u30b7\u30e7\u30f3\u3001\u4fe1\u983c\u6027\u3001\u5353\u8d8a\u3057\u305f\u30b5\u30fc\u30d3\u30b9\u306b\u53d6\u308a\u7d44\u3093\u3067\u3044\u308bZAMA\u306f\u3001\u304a\u5ba2\u69d8\u306e\u30d3\u30b8\u30cd\u30b9\u30cb\u30fc\u30ba\u306b\u6700\u9069\u306a\u30d1\u30fc\u30c8\u30ca\u30fc\u3068\u306a\u308b\u3053\u3068\u3092\u304a\u7d04\u675f\u3057\u307e\u3059\u3002ZAMA\u306e\u30b0\u30ed\u30fc\u30d0\u30eb\u30c1\u30fc\u30e0\u306f\u3001\u304a\u5ba2\u69d8\u306e\u8cea\u554f\u306b\u304a\u7b54\u3048\u3057\u3001\u9069\u5207\u306a\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3092\u898b\u3064\u3051\u308b\u304a\u624b\u4f1d\u3044\u3092\u3055\u305b\u3066\u3044\u305f\u3060\u304d\u307e\u3059\u3002<\/p>\n            <a href=\"https:\/\/devwp02.visibleone.io\/zama\/jp\/contact-us\/\" target=\"\"\n                class=\"button-parallelogram-white\">\n                <span class=\"btnparallelogram-text-white\">\n                    \u304a\u554f\u3044\u5408\u308f\u305b                <\/span>\n            <\/a>\n        <\/div>\n\n    <\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"rank_math_lock_modified_date":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-4693","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/devwp02.visibleone.io\/zama\/jp\/wp-json\/wp\/v2\/pages\/4693","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devwp02.visibleone.io\/zama\/jp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/devwp02.visibleone.io\/zama\/jp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/devwp02.visibleone.io\/zama\/jp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/devwp02.visibleone.io\/zama\/jp\/wp-json\/wp\/v2\/comments?post=4693"}],"version-history":[{"count":6,"href":"https:\/\/devwp02.visibleone.io\/zama\/jp\/wp-json\/wp\/v2\/pages\/4693\/revisions"}],"predecessor-version":[{"id":5260,"href":"https:\/\/devwp02.visibleone.io\/zama\/jp\/wp-json\/wp\/v2\/pages\/4693\/revisions\/5260"}],"wp:attachment":[{"href":"https:\/\/devwp02.visibleone.io\/zama\/jp\/wp-json\/wp\/v2\/media?parent=4693"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}