{"id":4623,"date":"2024-09-16T10:30:00","date_gmt":"2024-09-16T10:30:00","guid":{"rendered":"https:\/\/devwp02.visibleone.io\/zama\/technical-support\/"},"modified":"2024-10-22T12:28:12","modified_gmt":"2024-10-22T12:28:12","slug":"technical-support","status":"publish","type":"page","link":"https:\/\/devwp02.visibleone.io\/zama\/jp\/technical-support\/","title":{"rendered":"\u30c6\u30af\u30cb\u30ab\u30eb\u30b5\u30dd\u30fc\u30c8"},"content":{"rendered":"<section block-name=\"sub-banner\" class=\"zama-technical-news bg-[#fafafa]\">\n    <div class=\"relative\" x-data=\"zama_technical_news\">\n        <div class=\"bg-grey-000 py-[100px] md:py-[200px] 6xl:pb-[250px] 4k:pb-[350px]\">\n            <div class=\"container\">\n                <div class=\"container-md relative z-[1]\">\n                    <form x-on:submit.prevent=\"getPosts\" class=\"p-3 md:p-0 bg-white rounded-[10px]\">\n                        <div\n                            class=\"flex flex-col md:flex-row gap-3 md:gap-x-5 lg:gap-x-10 items-center py-2 md:py-4 px-3 md:px-5 bg-white techno-search rounded-[10px]\">\n                            <div\n                                class=\"relative search-input w-full pl-10 border border-black-800 rounded-[12px] md:border-0\">\n                                <input placeholder=\"\u30af\u30a4\u30c3\u30af\u691c\u7d22...\" x-model=\"s_term\"\n                                    @input.debounce.500ms=\"getPosts\" type=\"text\" id=\"s_term\" name=\"s_term\"\n                                    aria-label=\"s_term\"\n                                    class=\"w-full py-2 rounded-[12px] md:py-4 text-black-400 text-body focus-visible:ring-0 focus-visible:outline-0 pl-[10px]\" \/>\n                                <button x-show=\"s_term &#038;&#038; !loading\" type=\"button\" @click=\"s_term = '';\"\n                                    class=\"absolute right-5 top-1\/2 transform -translate-y-1\/2 text-black-400 border w-5 h-5 flex items-center justify-center border-black-200 rounded-full hover:text-black-200\">\n                                    &times;\n                                <\/button>\n\n                                <button x-show=\"loading\" type=\"button\"\n                                    class=\"absolute right-5 top-1\/2 transform -translate-y-1\/2 text-black-400 border w-5 h-5 flex items-center justify-center border-black-200 rounded-full hover:text-black-200\">\n                                    <svg class=\"animate-spin h-4 w-4 text-black-400\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                                        fill=\"none\" viewBox=\"0 0 24 24\">\n                                        <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\"\n                                            stroke-width=\"4\"><\/circle>\n                                        <path class=\"opacity-75\" fill=\"currentColor\"\n                                            d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.964 7.964 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\">\n                                        <\/path>\n                                    <\/svg>\n                                <\/button>\n                            <\/div>\n                            <div class=\"relative w-full md:w-auto \" x-data=\"zama_category\">\n    <input type=\"text\" id=\"s_category\" name=\"s_category\" x-model=\"s_category\" class=\"hidden\"\n        aria-hidden=\"false\" \/>\n\n    <div class=\"zama_category px-3 md:px-5 rounded-lg py-2 flex items-center border md:border-0\"\n        :class=\"dropdownOpened ? 'border-black-000' : 'border-black-800'\" @click=\"toggleDropdown\">\n        <label for=\"s_category\"\n            class=\"mr-2.5 text-nowrap pointer-events-none text-body font-normal text-black-000\"\n            x-text=\"d_category\"><\/label>\n        <span class=\"ml-auto shrink-0\">\n            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/arrow-down.svg\" alt=\"Down Arrow Svg\"\n                class=\" transition-all pointer-events-none\" :class=\"dropdownOpened ? 'rotate-180' : ''\" \/>\n        <\/span>\n    <\/div>\n\n    <ul class=\"absolute rounded-lg min-w-max w-full -bottom-1.5 left-0 translate-y-full z-10 bg-white text-18 font-normal text-darkPurple transition-all max-h-0 overflow-hidden border border-black-000\"\n        :class=\"dropdownOpened ? 'border-black-000' : 'border-white'\" x-ref=\"dropdown\">\n        <li class=\"px-3 md:px-5 py-2 md:py-2.5 cursor-default transition hover:bg-blue hover:text-white\"\n            :class=\"d_category == '\u3059\u3079\u3066\u306e\u30ab\u30c6\u30b4\u30ea' ? 'text-black-000 font-bold' : ''\"\n            @click=\"onOptionClick('', '\u3059\u3079\u3066\u306e\u30ab\u30c6\u30b4\u30ea')\">\n            \u3059\u3079\u3066\u306e\u30ab\u30c6\u30b4\u30ea        <\/li>\n                <li class=\"px-3 md:px-5 py-2 md:py-2.5 cursor-default transition hover:bg-blue hover:text-white\"\n            :class=\"d_category == 'Option 1' ? 'text-black-00 font-bold' : ''\"\n            @click=\"onOptionClick('1', 'Option 1')\">\n            Option 1        <\/li>\n            <\/ul>\n<\/div>\n<script>\n(function() {\n    document.addEventListener('alpine:init', function() {\n        Alpine.data('zama_category', () => ({\n            handleClickAwayBound: null,\n            dropdownOpened: false,\n            toggleDropdown: function() {\n                if (this.dropdownOpened) {\n                    this.dropdownOpened = false;\n                    this.hideDropdown();\n                } else {\n                    this.dropdownOpened = true;\n                    this.showDropdown();\n                }\n            },\n            showDropdown: function() {\n                const dropdown = this.$refs.dropdown;\n                let maxHeight = 0;\n                Array.from(dropdown.children).forEach(child => {\n                    maxHeight += child.clientHeight;\n                });\n                dropdown.style.setProperty('max-height', maxHeight + 'px');\n                this.handleClickAwayBound = this.handleClickAway.bind(\n                    this\n                ); \/\/ using extra var to make function in state when removing listener\n                document.addEventListener('click', this.handleClickAwayBound);\n            },\n            hideDropdown: function() {\n                const dropdown = this.$refs.dropdown;\n                dropdown.style.removeProperty('max-height');\n                document.removeEventListener('click', this.handleClickAwayBound);\n            },\n            onOptionClick: function(search, display) {\n                this['s_category'] = search;\n                this['d_category'] = display;\n                this.toggleDropdown();\n                this.getPosts();\n            },\n            handleClickAway: function(e) {\n                if (!e.target.closest('.zama_category') && this.dropdownOpened) {\n                    this.toggleDropdown();\n                }\n            },\n        }));\n    });\n})();\n<\/script>\n                            <button\n                                class=\"text-button text-white bg-black-000 border border-black-000 rounded-[8px] py-3 md:py-5 px-6 md:px-12 hover:bg-white hover:text-black-000 duration-200 transition-colors ease-out mt-2 md:mt-0 hidden md:inline-block whitespace-nowrap\"\n                                type=\"submit\">\u691c\u7d22<\/button>\n                        <\/div>\n                        <div class=\"md:hidden\">\n                            <button\n                                class=\"text-button text-white bg-black-000 border border-black-000 rounded-[8px] py-3 md:py-5 px-6 md:px-12 hover:bg-white hover:text-black-000 duration-200 transition-colors ease-out mt-4 w-full whitespace-nowrap\"\n                                type=\"submit\">\u691c\u7d22<\/button>\n                        <\/div>\n                    <\/form>\n                    <!-- Collapsible Dropdown -->\n                    <div class=\"relative\" @click.away=\"showResults = false\">\n                        <div x-show=\"showResults\" x-transition\n                            class=\"absolute max-h-[50vh] overflow-y-scroll left-0 w-full bg-white shadow-lg z-10 mt-1 rounded-xl\">\n                            <div class=\"zama-technical-news-content\">\n                                                                    <p class=\"text-black-000 p-4\">No matched results!<\/p>\n                                                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div\n                        class=\"hidden flex-wrap items-center gap-2 techno-search-tag pt-5\">\n                        <p class=\"text-body text-white pr-3\">Popular search<\/p>\n                        <button class=\"tag\" @click=\"s_term='how'; getPosts();\">how<\/button>\n                        <button class=\"tag\" @click=\"s_term='how to'; getPosts();\">how to<\/button>\n                        <button class=\"tag\" @click=\"s_term='carburetor'; getPosts();\">carburetor<\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n                    <div class=\"\">\n                <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/banner-slope.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-banner-slope.png\"\n                    class=\"absolute bottom-[-1px] left-0 w-full md:hidden\" \/>\n            <\/div>\n            <\/div>\n    <div class=\"container bg-grey\">\n        <div class=\"container-md\">\n            <ul class=\"banner-breadcrumb\">\n                <li><a href=\"https:\/\/devwp02.visibleone.io\/zama\/jp\/\">Home<\/a><\/li>\n                <li><a href=\"\">Support<\/a><\/li>\n                <li class=\"active\"><a href=\"\">\u30c6\u30af\u30cb\u30ab\u30eb\u30b5\u30dd\u30fc\u30c8<\/a><\/li>\n            <\/ul>\n        <\/div>\n    <\/div>\n\n    <script>\n        document.addEventListener('alpine:init', () => {\n            Alpine.data('zama_technical_news', () => ({\n                s_term: \"\",\n                s_category: \"\",\n                d_category: \"\u3059\u3079\u3066\u306e\u30ab\u30c6\u30b4\u30ea\",\n                loading: false,\n                posts: [],\n                showResults: false,\n\n                getPosts: async function (resetCurrent = true) {\n                    if (resetCurrent) this.current = 1;\n                    this.loading = true;\n\n                    \/\/ fetch\n                    const baseUrl = 'https:\/\/devwp02.visibleone.io\/zama\/jp\/wp-json\/wp\/v2\/technical-support';\n                    const param = {\n                        search: this.s_term,\n                        s_category: this.s_category,\n                    }\n                    const fetchUrl = baseUrl + \"?\" + this.objectToQueryString(param);\n                    if (this.s_term !== '' || this.s_category !== '') {\n                        try {\n                            const res = await fetch(fetchUrl);\n                            const fetchPosts = await res.json();\n                            this.posts = fetchPosts;\n                            this.showResults = true;\n                            \/\/ render\n                            const content = document.querySelector(\n                                '.zama-technical-news .zama-technical-news-content');\n\n                            if (!content.querySelector('template')) {\n                                const template = `<a :href=\"post.link\" class=\"block sm:flex items-center xl:gap-10 group gap-5 p-5 border-b border-b-black-800 last:border-b-0\">\n    <template x-if=\"post.image\" class=\"flex-shrink-0\">\n      <img :src=\"post.image\" alt=\"news list image\"\n        class=\"object-cover aspect-[80\/80] max-w-[80px] w-full duration-300 ease-out group-hover:scale-105 rounded-xl\">\n    <\/template>\n    <div class=\"sm:flex-[0_1_70%] sm:max-w-[70%]\">\n      <h5 x-text=\"post.title\" class=\"text-body text-black-000 group-hover:text-blue mb-2 line-clamp-1\"><\/h5>\n      <p x-text=\"post.description\" class=\"text-black-200 line-clamp-1 mb-2\"><\/p>\n    <\/div>\n\n  <\/a>`;\n                                Alpine.morph(content, `\n                                <div class=\"${content.className}\">\n                                    <template x-if=\"posts.length > 0\">\n                                        <template x-for=\"post in posts\" :key=\"post.id\">\n                                            ${template}\n                                        <\/template>\n                                    <\/template>\n                                    <template x-if=\"posts.length === 0\">\n                                        <p class=\"text-black-000 p-4\">\u95a2\u9023\u30c7\u30fc\u30bf\u306a\u3057<\/p>\n                                    <\/template>\n                                <\/div>\n                            `);\n                            }\n\n                            \/\/ update URL\n                            const hrefParams = {\n                                s_term: this.s_term,\n                                s_category: this.s_category,\n                            };\n                            const newUrl = window.location.href.split(\"?\")[0] + \"?\" + this\n                                .objectToQueryString(hrefParams);\n                            window.history.replaceState({}, document.title, newUrl);\n                        } catch (e) {\n                            console.log(e);\n                            this.loading = false;\n                        } finally {\n                            this.loading = false;\n                        }\n                    } else {\n                        this.showResults = false;\n                        this.loading = false;\n                    }\n\n                },\n\n                objectToQueryString(obj) {\n                    return Object.keys(obj).map(key => encodeURIComponent(key) + '=' +\n                        encodeURIComponent(obj[key])).join('&');\n                }\n            }));\n        });\n    <\/script>\n\n<\/section>\n\n<section block-name=\"technicalsupport-newsletter\" class=\"bg-grey technicalsupport-newsletter\">\n    <div class=\"container pt-10 lg:pt-20 pb-5\">\n        <div class=\"container-md\">\n            <div class=\"md:grid grid-cols-1 lg:grid-cols-2  xl:gap-10 3xl:gap-20\">\n                <div class=\"md:mr-4 xl:mr-0 mb-4 lg:mb-0\">\n                    <h2 class=\"title-withline pb-5\">\n                        \u30c6\u30af\u30cb\u30ab\u30eb\u30b5\u30dd\u30fc\u30c8                    <\/h2>\n                    <p class=\"text-body text-black-200\">\n                                            <\/p>\n                <\/div>\n\n                <div class=\"newsletter-form\">\n                    <div class=\"bg-white rounded-xl p-5 md:p-10\">\n                        <h4 class=\"heading4 text-black-000 pb-5\">\n                            \u30cb\u30e5\u30fc\u30b9\u30ec\u30bf\u30fc\u306e\u8cfc\u8aad                        <\/h4>\n                        <p class=\"text-body text-black-200 pb-0\">\n                            ZAMA \u30b0\u30eb\u30fc\u30d7\u306e\u6700\u65b0\u60c5\u5831\u3092\u304a\u5c4a\u3051\u3057\u307e\u3059\u3002                        <\/p>\n\n                        <div class=\"newsletter-form-wrapper\">\n                                                        <div class=\"wpforms-container wpforms-container-full wpforms-render-modern\" id=\"wpforms-2413\"><form id=\"wpforms-form-2413\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"2413\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/zama\/jp\/wp-json\/wp\/v2\/pages\/4623\" data-token=\"dba2bccd9788a90885bc76f3a7d7f947\"><noscript class=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/noscript><div class=\"wpforms-hidden\" id=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/div><div class=\"wpforms-field-container\"><div id=\"wpforms-2413-field_1-container\" class=\"wpforms-field wpforms-field-text\" data-field-id=\"1\"><label class=\"wpforms-field-label\" for=\"wpforms-2413-field_1\">\u30d5\u30eb\u30cd\u30fc\u30e0 <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-2413-field_1\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][1]\" placeholder=\"[\u5165\u529b\u30d0\u30fc]\" aria-errormessage=\"wpforms-2413-field_1-error\" required><\/div><div id=\"wpforms-2413-field_3-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"3\"><label class=\"wpforms-field-label\" for=\"wpforms-2413-field_3\">\u96fb\u5b50\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9 <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-2413-field_3\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][3]\" placeholder=\"[\u5165\u529b\u30d0\u30fc]\" spellcheck=\"false\" aria-errormessage=\"wpforms-2413-field_3-error\" aria-describedby=\"wpforms-2413-field_3-description\" required><div id=\"wpforms-2413-field_3-description\" class=\"wpforms-field-description\">*\u3054\u63d0\u4f9b\u3044\u305f\u3060\u3044\u305f\u96fb\u5b50\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u306f\u3001\u30cb\u30e5\u30fc\u30b9\u30ec\u30bf\u30fc\u3092\u9001\u4fe1\u3059\u308b\u305f\u3081\u306b\u306e\u307f\u4f7f\u7528\u3055\u308c\u3001\u304a\u5ba2\u69d8\u306e\u60c5\u5831\u3092\u4ed6\u4eba\u3068\u5171\u6709\u3057\u305f\u308a\u958b\u793a\u3059\u308b\u3053\u3068\u306f\u3054\u3056\u3044\u307e\u305b\u3093\u3002<\/div><\/div><\/div><!-- .wpforms-field-container --><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"2413\"><input type=\"hidden\" name=\"wpforms[author]\" value=\"1\">\t\t<div id=\"cf-turnstile-wpf-4080667769\"\r\n\t\tclass=\"cf-turnstile\" \t\tdata-sitekey=\"0x4AAAAAAAgsBekR2NWNUyrk\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-action=\"wpforms-2413\"\r\n\t\t\t\tdata-appearance=\"always\"><\/div>\r\n\t\t\t<script>document.addEventListener(\"DOMContentLoaded\",(function(){var e=document.getElementById(\"cf-turnstile-wpf-4080667769\");e&&!e.innerHTML.trim()&&(turnstile.remove(\"#cf-turnstile-wpf-4080667769\"),turnstile.render(\"#cf-turnstile-wpf-4080667769\",{sitekey:\"0x4AAAAAAAgsBekR2NWNUyrk\"}))}));<\/script>\r\n\t\t\t<br class=\"cf-turnstile-br cf-turnstile-br-wpf-4080667769\">\r\n\t\t\t\t<style>#cf-turnstile-wpf-4080667769 { margin-left: -15px; }<\/style>\r\n\t\t<button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-2413\" class=\"wpforms-submit\" data-alt-text=\"Sending...\" data-submit-text=\"\u8cfc\u8aad\u3059\u308b\" aria-live=\"assertive\" value=\"wpforms-submit\">\u8cfc\u8aad\u3059\u308b<\/button><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/plugins\/wpforms\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"Loading\"><\/div><\/form><\/div>  <!-- .wpforms-container -->\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n            <div id=\"newsletter-submit-popup\"\n                class=\"fixed hidden top-0 right-0 w-full h-full bg-[#0000005c] z-[999999] \">\n                <div\n                    class=\"absolute bg-white p-5 md:p-7 rounded-xl -translate-x-1\/2 -translate-y-1\/2 left-1\/2 top-1\/2 max-w-[500px] md:min-w-[500px] w-[90vw]\">\n                    <div class=\"relative w-full flex flex-col justify-center items-center\">\n                        <div id=\"popup-close\" class=\"absolute top-[-5px] right-[-5px] cursor-pointer\">\n                            <img decoding=\"async\"\n                                src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/alert-popup-close.svg\" \/>\n                        <\/div>\n                        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/popup-icon.svg\" \/>\n\n                        <div>\n                            <h3 class=\"heading5 xl:text-[28px] text-black text-center py-5 font-semibold\">\n                                \u30cb\u30e5\u30fc\u30b9\u30ec\u30bf\u30fc\u3092\u8cfc\u8aad\u3057\u307e\u3057\u305f!                            <\/h3>\n                            <p class=\"text-body text-darkGrey text-center\">\u6700\u65b0\u306e\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u3001\u9650\u5b9a\u30aa\u30d5\u30a1\u30fc\u306a\u3069\u3092\u3044\u3061\u65e9\u304f\u77e5\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n                            <button\n                                class=\"newsletter-form-submitted block text-body font-bold px-7 py-5 uppercase text-white bg-black-000 hover:bg-white hover:text-black-000 mt-5 w-full text-center rounded-lg border-2 border-black-000\">\n                                \u95b2\u89a7\u3092\u7d9a\u3051\u308b                            <\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<section block-name=\"helpful-articles-slider\" class=\"helpful-articles-slider\">\n    <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/fa-and-f-slope.svg\" class=\"w-full\" \/>\n\n    <div class=\"py-10 md:py-20\">\n        <div class=\"container\">\n            <div class=\"container-md\">\n                <div class=\"text-center pb-5 md:pb-10\">\n                    <h2 class=\"title-withline pb-5\">\n                        \u5f79\u7acb\u3064\u8a18\u4e8b                    <\/h2>\n                <\/div>\n\n            <\/div>\n        <\/div>\n                <div class=\"swiper helpful-slider pt-10\">\n            <div class=\"swiper-wrapper\">\n                                <div class=\"swiper-slide group helpful-slider-item\">\n                    <a href=\"https:\/\/devwp02.visibleone.io\/zama\/jp\/technical-support\/service-tips\/\">\n                        <div class=\"pb-[100px]\">\n                            <h5 class=\"heading5 text-black-000 line-clamp-2 mb-2.5\">\u70b9\u691c\u30d2\u30f3\u30c8<\/h5>\n                            <p class=\"text-body text-black-200 line-clamp-3\">\u30ad\u30e3\u30d6\u30ec\u30bf\u30fc\u306e\u958b\u5f01\u5727\u306f\u5927\u5909\u91cd\u8981\u3067\u3059\u304c\u3001\u30b5\u30fc\u30d3\u30b9\u306e\u5c02\u9580\u5bb6\u306f\u3055\u307b\u3069\u91cd\u8981\u8996\u3057\u3066\u3044\u306a\u3044\u306e\u304c\u73fe\u72b6\u3067\u3059\u3002<\/p>\n                        <\/div>\n                        <button\n                            class=\"text-body text-black-000 border-b border-black-000 group-hover:border-white transition-colors duration-200 ease-out\">\n                            \u7d9a\u304d\u3092\u8aad\u3080                        <\/button>\n                    <\/a>\n                <\/div>\n                                <div class=\"swiper-slide group helpful-slider-item\">\n                    <a href=\"https:\/\/devwp02.visibleone.io\/zama\/jp\/technical-support\/technical-support\/\">\n                        <div class=\"pb-[100px]\">\n                            <h5 class=\"heading5 text-black-000 line-clamp-2 mb-2.5\">\u30c6\u30af\u30cb\u30ab\u30eb\u30b5\u30dd\u30fc\u30c8<\/h5>\n                            <p class=\"text-body text-black-200 line-clamp-3\">\u30c8\u30e9\u30d6\u30eb\u30b7\u30e5\u30fc\u30c6\u30a4\u30f3\u30b0\u30ac\u30a4\u30c9<\/p>\n                        <\/div>\n                        <button\n                            class=\"text-body text-black-000 border-b border-black-000 group-hover:border-white transition-colors duration-200 ease-out\">\n                            \u7d9a\u304d\u3092\u8aad\u3080                        <\/button>\n                    <\/a>\n                <\/div>\n                                <div class=\"swiper-slide group helpful-slider-item\">\n                    <a href=\"https:\/\/devwp02.visibleone.io\/zama\/jp\/technical-support\/carburetor-systems-and-operations\/\">\n                        <div class=\"pb-[100px]\">\n                            <h5 class=\"heading5 text-black-000 line-clamp-2 mb-2.5\">\u30b7\u30b9\u30c6\u30e0\uff06\u64cd\u4f5c<\/h5>\n                            <p class=\"text-body text-black-200 line-clamp-3\"> \u30b7\u30b9\u30c6\u30e0\uff06\u64cd\u4f5c<\/p>\n                        <\/div>\n                        <button\n                            class=\"text-body text-black-000 border-b border-black-000 group-hover:border-white transition-colors duration-200 ease-out\">\n                            \u7d9a\u304d\u3092\u8aad\u3080                        <\/button>\n                    <\/a>\n                <\/div>\n                                <div class=\"swiper-slide group helpful-slider-item\">\n                    <a href=\"https:\/\/devwp02.visibleone.io\/zama\/jp\/technical-support\/disassembly-servicing-types-c1u-c1q-m-c2-c3-c3a-m\/\">\n                        <div class=\"pb-[100px]\">\n                            <h5 class=\"heading5 text-black-000 line-clamp-2 mb-2.5\">\u5206\u89e3&amp;\u70b9\u691c<\/h5>\n                            <p class=\"text-body text-black-200 line-clamp-3\"> ZAMA \u30ad\u30e5\u30fc\u30d6\u30ad\u30e3\u30d6\u30ec\u30bf\u30fc\u306e\u5206\u89e3\u53ca\u3073\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u65b9\u6cd5<\/p>\n                        <\/div>\n                        <button\n                            class=\"text-body text-black-000 border-b border-black-000 group-hover:border-white transition-colors duration-200 ease-out\">\n                            \u7d9a\u304d\u3092\u8aad\u3080                        <\/button>\n                    <\/a>\n                <\/div>\n                                <div class=\"swiper-slide group helpful-slider-item\">\n                    <a href=\"https:\/\/devwp02.visibleone.io\/zama\/jp\/technical-support\/disassembling-servicing-rotary-rb-carburetors\/\">\n                        <div class=\"pb-[100px]\">\n                            <h5 class=\"heading5 text-black-000 line-clamp-2 mb-2.5\">Disassembling &amp; Servicing Rotary (RB) carburetors<\/h5>\n                            <p class=\"text-body text-black-200 line-clamp-3\">PRINCIPLES OF OPERATION<\/p>\n                        <\/div>\n                        <button\n                            class=\"text-body text-black-000 border-b border-black-000 group-hover:border-white transition-colors duration-200 ease-out\">\n                            \u7d9a\u304d\u3092\u8aad\u3080                        <\/button>\n                    <\/a>\n                <\/div>\n                                <div class=\"swiper-slide group helpful-slider-item\">\n                    <a href=\"https:\/\/devwp02.visibleone.io\/zama\/jp\/technical-support\/troubleshooting-charts\/\">\n                        <div class=\"pb-[100px]\">\n                            <h5 class=\"heading5 text-black-000 line-clamp-2 mb-2.5\">\u30c8\u30e9\u30d6\u30eb\u30b7\u30e5\u30fc\u30c6\u30a3\u30f3\u30b0\u8868<\/h5>\n                            <p class=\"text-body text-black-200 line-clamp-3\">\u30c0\u30a4\u30e4\u30d5\u30e9\u30e0\u5f0f\u30ad\u30e3\u30d6\u30ec\u30bf\u30fc\u306e\u30c8\u30e9\u30d6\u30eb\u30b7\u30e5\u30fc\u30c6\u30a3\u30f3\u30b0\u30ac\u30a4\u30c9<\/p>\n                        <\/div>\n                        <button\n                            class=\"text-body text-black-000 border-b border-black-000 group-hover:border-white transition-colors duration-200 ease-out\">\n                            \u7d9a\u304d\u3092\u8aad\u3080                        <\/button>\n                    <\/a>\n                <\/div>\n                                <div class=\"swiper-slide group helpful-slider-item\">\n                    <a href=\"https:\/\/devwp02.visibleone.io\/zama\/jp\/technical-support\/servicing-simple-start-system-carburetors\/\">\n                        <div class=\"pb-[100px]\">\n                            <h5 class=\"heading5 text-black-000 line-clamp-2 mb-2.5\">Simple Start System\u306e\u70b9\u691c<\/h5>\n                            <p class=\"text-body text-black-200 line-clamp-3\">SIMPLE START\u30b7\u30b9\u30c6\u30e0\u306e\u53d6\u308a\u6271\u3044<\/p>\n                        <\/div>\n                        <button\n                            class=\"text-body text-black-000 border-b border-black-000 group-hover:border-white transition-colors duration-200 ease-out\">\n                            \u7d9a\u304d\u3092\u8aad\u3080                        <\/button>\n                    <\/a>\n                <\/div>\n                                                <a href=\"https:\/\/devwp02.visibleone.io\/zama\/technical-support\/how-to-install-to-zama-rebuilt-kit\/\"\n                    class=\"swiper-slide group helpful-slider-item helpful-slider-item-link flex justify-center items-center h-auto\">\n                    <div class=\"w-full \">\n                        <!-- do style for see more button -->\n                        <h5 class=\"text-black-000 line-clamp-2 mb-2.5\">\n                            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/technical\/zama-line-icon.svg\"\n                                class=\"w-full max-w-[42px] mx-auto\" \/>\n                            <div class=\"mt-3 w-full flex justify-center\">\n                                <div class=\"custom-link flex justify-center\" href=\"\">\n                                    <span\n                                        class=\" text-body font-bold text-black-000 uppercase tracking-[0.36px] block mr-3\">\u3082\u3063\u3068\u898b\u308b<\/span>\n                                <\/div>\n                            <\/div>\n\n                        <\/h5>\n                    <\/div>\n                <\/a>\n                            <\/div>\n        <\/div>\n\n        <div class=\"flex relative max-w-[140px] mx-auto h-[50px] mt-10\">\n            <div class=\"helpful-articles-swiper-button-prev bg-grey-000 hover:bg-black-000\"><\/div>\n            <div class=\"helpful-articles-swiper-button-next bg-grey-000 hover:bg-black-000\"><\/div>\n        <\/div>\n            <\/div>\n<\/section>\n\n\n<section block-name=\"product-video-slider\" class=\"bg-grey\">\n    <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/f-and-fa-slope.svg\"\n        class=\"w-full\">\n    <div class=\"pt-10 md:pt-20 pb-[140px]\">\n        <div class=\"container\">\n            <div class=\"container-md\">\n                <div class=\"text-center pb-5 md:pb-10\">\n                    <h2 class=\"title-withline pb-5\">\n                        \u52d5\u753b\u3092\u898b\u308b                    <\/h2>\n                <\/div>\n\n            <\/div>\n        <\/div>\n        <div class=\"swiper product-video-slider pt-10\">\n            <div class=\"swiper-wrapper\">\n                                <div class=\"swiper-slide group product-video-item\">\n                    <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/10\/1.jpg\"\n                        class=\"aspect-[496\/279] object-cover w-full rounded-xl group-hover:scale-[0.95] duration-200 transition-transform ease-out overflow-hidden\"\n                        data-iframe=\"https:\/\/www.youtube.com\/embed\/s0ANrYmlOyg?si=cE48bgaNZz4xJF5W\" \/>\n                    <div class=\"pt-5\">\n                        <h5 class=\"heading5 text-black-000 line-clamp-2\">How to Install a Rebuild kit in a Zama Rotary Carburetor (youtube.com)<\/h5>\n                    <\/div>\n                <\/div>\n                                <div class=\"swiper-slide group product-video-item\">\n                    <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/10\/2.jpg\"\n                        class=\"aspect-[496\/279] object-cover w-full rounded-xl group-hover:scale-[0.95] duration-200 transition-transform ease-out overflow-hidden\"\n                        data-iframe=\"https:\/\/www.youtube.com\/embed\/JKBgHHe12To?si=zzkYXRoYsBWtRWd8\" \/>\n                    <div class=\"pt-5\">\n                        <h5 class=\"heading5 text-black-000 line-clamp-2\">How to install Zama Rebuild kit (youtube.com)<\/h5>\n                    <\/div>\n                <\/div>\n                                <div class=\"swiper-slide group product-video-item\">\n                    <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/10\/3.jpg\"\n                        class=\"aspect-[496\/279] object-cover w-full rounded-xl group-hover:scale-[0.95] duration-200 transition-transform ease-out overflow-hidden\"\n                        data-iframe=\"https:\/\/www.youtube.com\/embed\/8-d7VKI7qrI?si=we0crciYMUjoiEkq\" \/>\n                    <div class=\"pt-5\">\n                        <h5 class=\"heading5 text-black-000 line-clamp-2\">How to Install Zama Carburetor Rebuild Kit (youtube.com)<\/h5>\n                    <\/div>\n                <\/div>\n                                <div class=\"swiper-slide group product-video-item\">\n                    <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/10\/4.jpg\"\n                        class=\"aspect-[496\/279] object-cover w-full rounded-xl group-hover:scale-[0.95] duration-200 transition-transform ease-out overflow-hidden\"\n                        data-iframe=\"https:\/\/www.youtube.com\/embed\/R935PHr5klw?si=QApNrH27eLyMd6UF\" \/>\n                    <div class=\"pt-5\">\n                        <h5 class=\"heading5 text-black-000 line-clamp-2\">Zama 100 Piece Bulb Kit (youtube.com)<\/h5>\n                    <\/div>\n                <\/div>\n                                <div class=\"swiper-slide group product-video-item\">\n                    <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/10\/5.jpg\"\n                        class=\"aspect-[496\/279] object-cover w-full rounded-xl group-hover:scale-[0.95] duration-200 transition-transform ease-out overflow-hidden\"\n                        data-iframe=\"https:\/\/www.youtube.com\/embed\/ceDV4nzuneY?si=YAf7DF61XRcvbEYc\" \/>\n                    <div class=\"pt-5\">\n                        <h5 class=\"heading5 text-black-000 line-clamp-2\">Zama Maintenance Kit (youtube.com)<\/h5>\n                    <\/div>\n                <\/div>\n                                <div class=\"swiper-slide group product-video-item\">\n                    <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/10\/6.jpg\"\n                        class=\"aspect-[496\/279] object-cover w-full rounded-xl group-hover:scale-[0.95] duration-200 transition-transform ease-out overflow-hidden\"\n                        data-iframe=\"https:\/\/www.youtube.com\/embed\/w1WYA9sPm2E?si=TT3aDThZMfWt8_nu\" \/>\n                    <div class=\"pt-5\">\n                        <h5 class=\"heading5 text-black-000 line-clamp-2\">Zama Fuel Line Removal Tool (youtube.com)<\/h5>\n                    <\/div>\n                <\/div>\n                \n                                \n                <a href=\"https:\/\/www.youtube.com\/@zamacarburetors7479\" target=\"_blank\" class=\" swiper-slide block group\" rel=\"nofollow noopener\">\n                    <div class=\"relative\">\n                        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/white-bg.png\"\n                            class=\"rounded-xl w-full border border-black-800 group-hover:border-black-000\" \/>\n                        <div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 text-center w-[90%]\">\n                            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/10\/Button-Play-\u2192-SVG-1.svg\" alt=\"\" class=\"mx-auto\" \/>\n                            <p class=\"text-button text-black-000 mt-3 flex gap-3 justify-center p-3\">\n                                YouTube \u30c1\u30e3\u30f3\u30cd\u30eb\u306b\u30a2\u30af\u30bb\u30b9                                <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/utube-arrow.svg\"\n                                    class=\"group-hover:translate-x-1 transition-transform duration-300 ease-out\" \/>\n                            <\/p>\n                        <\/div>\n\n                    <\/div>\n\n                <\/a>\n                            <\/div>\n        <\/div>\n        <div class=\"flex relative max-w-[140px] mx-auto h-[50px] mt-10\">\n            <div class=\"swiper-button-next  bg-grey-000 hover:bg-black-000\"><\/div>\n            <div class=\"swiper-button-prev  bg-grey-000 hover:bg-black-000\"><\/div>\n        <\/div>\n    <\/div>\n<\/section>\n<div class=\"fixed top-0 left-0 w-full h-full bg-[#000000cc] z-[101] popup-video hidden\">\n    <button class=\"absolute top-[5%] right-[5%] popup-video-close\">\n        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/popup-close.svg\" class=\"\" \/>\n    <\/button>\n\n    <div class=\"absolute left-1\/2 top-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-full lg:max-w-[900px] max-w-[95%]\">\n        <div class='embed-container p-video'>\n            <iframe src='' frameborder='0' allowfullscreen><\/iframe>\n        <\/div>\n    <\/div>\n<\/div>","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-4623","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/devwp02.visibleone.io\/zama\/jp\/wp-json\/wp\/v2\/pages\/4623","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=4623"}],"version-history":[{"count":7,"href":"https:\/\/devwp02.visibleone.io\/zama\/jp\/wp-json\/wp\/v2\/pages\/4623\/revisions"}],"predecessor-version":[{"id":5280,"href":"https:\/\/devwp02.visibleone.io\/zama\/jp\/wp-json\/wp\/v2\/pages\/4623\/revisions\/5280"}],"wp:attachment":[{"href":"https:\/\/devwp02.visibleone.io\/zama\/jp\/wp-json\/wp\/v2\/media?parent=4623"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}