{"id":4680,"date":"2024-09-14T05:12:36","date_gmt":"2024-09-14T05:12:36","guid":{"rendered":"https:\/\/devwp02.visibleone.io\/zama\/news\/"},"modified":"2024-10-18T04:58:56","modified_gmt":"2024-10-18T04:58:56","slug":"news","status":"publish","type":"page","link":"https:\/\/devwp02.visibleone.io\/zama\/jp\/news\/","title":{"rendered":"\u30cb\u30e5\u30fc\u30b9"},"content":{"rendered":"\n<section block-name=\"sub-banner\" class=\"bg-white\">\n    <div class=\"relative\">\n        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/10\/header-news-scaled.jpg\" alt=\"banner\"\n            class=\"aspect-[360\/260] object-cover md:aspect-[768\/260] lg:aspect-[1920\/460] w-full \" \/>\n\n\n                <!-- <div class=\"\">\n            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/banner-slope.png\"\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\n                    <div class=\"\">\n                <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/banner-slope-white.png\"\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-white.png\"\n                    class=\"absolute bottom-[-1px] left-0 w-full md:hidden\" \/>\n            <\/div>\n\n                <div class=\"absolute left-0 transform top-[60%] -translate-y-[50%] container \">\n            <div class=\"container-sm\">\n                <div class=\" md:max-w-[80%] 4xl:max-w-[1000px]\">\n                    <h1 class=\"heading1 text-white uppercase\"> \u30cb\u30e5\u30fc\u30b9<\/h1>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n    <div class=\"container\">\n        <div class=\"container-md\">\n            <ul class=\"banner-breadcrumb\">\n                <li class=\"breadcrumb-list\"><a class=\"page-link\" href=\"https:\/\/devwp02.visibleone.io\/zama\/jp\/\">\u5bb6<\/a><\/li><li class=\"breadcrumb-list\"><a class=\"page-link active\" href=\"#\">\u30cb\u30e5\u30fc\u30b9<\/a><\/li>            <\/ul>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<section block-name=\"news\" class=\"zama-news container pt-10 md:pt-12 pb-[140px] bg-white\">\n    <div class=\"container-md\" x-data=\"zama_news\">\n        <div class=\"md:flex items-end justify-between\">\n            <form class=\"flex justify-between items-end w-full max-lg:flex-wrap\" x-on:submit.prevent=\"getPosts\">\n    <div class=\"flex max-md:flex-wrap max-lg:order-3 max-lg:w-full news-filter\">\n        <div\n            class=\"w-full xs:w-[calc(50%-5px)] md:w-[200px] mr-2.5 mt-4 lg:mt-0 text-body text-black-000 filter-div-container\">\n            <label for=\"\" class=\"mb-3 text-body text-black-000\">\u5e74<\/label>\n            <div class=\"relative\" x-data=\"zama_year\">\n    <input type=\"text\" id=\"s_year\" name=\"s_year\" x-model=\"s_year\" class=\"hidden\"\n        aria-hidden=\"false\" \/>\n\n    <div class=\"zama_year px-3 md:px-3 rounded-lg py-2 md:py-2 border-[1px] border-strokePurple flex\"\n        :class=\"dropdownOpened ? 'border-black-000' : ''\" @click=\"toggleDropdown\">\n        <label for=\"s_year\"\n            class=\"mr-2.5 text-nowrap pointer-events-none text-18 font-normal text-darkPurple\"\n            :class=\"!s_year ? '' : ''\" x-text=\"d_year\"><\/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-[11] bg-white text-18 font-normal text-darkPurple transition-all max-h-0 overflow-hidden border\"\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-[#1967D2] hover:text-white\"\n            :class=\"d_year == '\u5168\u3066' ? 'text-white bg-[#1967D2] font-bold' : ''\"\n            @click=\"onOptionClick('', '\u5168\u3066')\">\n            \u5168\u3066        <\/li>\n                <li class=\"px-3 md:px-5 py-2 md:py-2.5 cursor-default transition hover:bg-[#1967D2] hover:text-white\"\n            :class=\"d_year == '2024' ? 'text-white bg-[#1967D2] font-bold' : ''\"\n            @click=\"onOptionClick('2024', '2024')\">\n            2024        <\/li>\n                <li class=\"px-3 md:px-5 py-2 md:py-2.5 cursor-default transition hover:bg-[#1967D2] hover:text-white\"\n            :class=\"d_year == '2023' ? 'text-white bg-[#1967D2] font-bold' : ''\"\n            @click=\"onOptionClick('2023', '2023')\">\n            2023        <\/li>\n                <li class=\"px-3 md:px-5 py-2 md:py-2.5 cursor-default transition hover:bg-[#1967D2] hover:text-white\"\n            :class=\"d_year == '2022' ? 'text-white bg-[#1967D2] font-bold' : ''\"\n            @click=\"onOptionClick('2022', '2022')\">\n            2022        <\/li>\n                <li class=\"px-3 md:px-5 py-2 md:py-2.5 cursor-default transition hover:bg-[#1967D2] hover:text-white\"\n            :class=\"d_year == '2021' ? 'text-white bg-[#1967D2] font-bold' : ''\"\n            @click=\"onOptionClick('2021', '2021')\">\n            2021        <\/li>\n                <li class=\"px-3 md:px-5 py-2 md:py-2.5 cursor-default transition hover:bg-[#1967D2] hover:text-white\"\n            :class=\"d_year == '2020' ? 'text-white bg-[#1967D2] font-bold' : ''\"\n            @click=\"onOptionClick('2020', '2020')\">\n            2020        <\/li>\n                <li class=\"px-3 md:px-5 py-2 md:py-2.5 cursor-default transition hover:bg-[#1967D2] hover:text-white\"\n            :class=\"d_year == '2019' ? 'text-white bg-[#1967D2] font-bold' : ''\"\n            @click=\"onOptionClick('2019', '2019')\">\n            2019        <\/li>\n                <li class=\"px-3 md:px-5 py-2 md:py-2.5 cursor-default transition hover:bg-[#1967D2] hover:text-white\"\n            :class=\"d_year == '2018' ? 'text-white bg-[#1967D2] font-bold' : ''\"\n            @click=\"onOptionClick('2018', '2018')\">\n            2018        <\/li>\n            <\/ul>\n<\/div>\n<script>\n(function() {\n    document.addEventListener('alpine:init', function() {\n        Alpine.data('zama_year', () => ({\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_year'] = search;\n                this['d_year'] = display;\n                this.toggleDropdown();\n                this.getPosts();\n            },\n            handleClickAway: function(e) {\n                if (!e.target.closest('.zama_year') && this.dropdownOpened) {\n                    this.toggleDropdown();\n                }\n            },\n        }));\n    });\n})();\n<\/script>\n        <\/div>\n\n        <div\n            class=\"w-full xs:w-[calc(50%-5px)] md:w-[200px] mr-2.5 mt-4 lg:mt-0 text-body text-black-000 filter-div-container\">\n            <label for=\"\" class=\"mb-3 text-body text-black-000\">\u4e26\u3079\u66ff\u3048<\/label>\n            <div class=\"relative\" x-data=\"zama_order\">\n    <input type=\"text\" id=\"s_order\" name=\"s_order\" x-model=\"s_order\" class=\"hidden\"\n        aria-hidden=\"false\" \/>\n\n    <div class=\"zama_order px-3 md:px-3 rounded-lg py-2 md:py-2 border-[1px] border-strokePurple flex\"\n        :class=\"dropdownOpened ? 'border-black-000' : ''\" @click=\"toggleDropdown\">\n        <label for=\"s_order\"\n            class=\"mr-2.5 text-nowrap pointer-events-none text-18 font-normal text-darkPurple\"\n            :class=\"!s_order ? '' : ''\" x-text=\"d_order\"><\/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-[11] bg-white text-18 font-normal text-darkPurple transition-all max-h-0 overflow-hidden border\"\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-[#1967D2] hover:text-white\"\n            :class=\"d_order == '\u5168\u3066' ? 'text-white bg-[#1967D2] font-bold' : ''\"\n            @click=\"onOptionClick('', '\u5168\u3066')\">\n            \u5168\u3066        <\/li>\n                <li class=\"px-3 md:px-5 py-2 md:py-2.5 cursor-default transition hover:bg-[#1967D2] hover:text-white\"\n            :class=\"d_order == '\u65b0\u3057\u3044\u9806\u304b\u3089\u53e4\u3044\u9806' ? 'text-white bg-[#1967D2] font-bold' : ''\"\n            @click=\"onOptionClick('desc', '\u65b0\u3057\u3044\u9806\u304b\u3089\u53e4\u3044\u9806')\">\n            \u65b0\u3057\u3044\u9806\u304b\u3089\u53e4\u3044\u9806        <\/li>\n                <li class=\"px-3 md:px-5 py-2 md:py-2.5 cursor-default transition hover:bg-[#1967D2] hover:text-white\"\n            :class=\"d_order == '\u53e4\u3044\u9806\u304b\u3089\u65b0\u3057\u3044\u9806' ? 'text-white bg-[#1967D2] font-bold' : ''\"\n            @click=\"onOptionClick('asc', '\u53e4\u3044\u9806\u304b\u3089\u65b0\u3057\u3044\u9806')\">\n            \u53e4\u3044\u9806\u304b\u3089\u65b0\u3057\u3044\u9806        <\/li>\n            <\/ul>\n<\/div>\n<script>\n(function() {\n    document.addEventListener('alpine:init', function() {\n        Alpine.data('zama_order', () => ({\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_order'] = search;\n                this['d_order'] = display;\n                this.toggleDropdown();\n                this.getPosts();\n            },\n            handleClickAway: function(e) {\n                if (!e.target.closest('.zama_order') && this.dropdownOpened) {\n                    this.toggleDropdown();\n                }\n            },\n        }));\n    });\n})();\n<\/script>\n        <\/div>\n\n        <div\n            class=\"w-full xs:w-[calc(50%-5px)] md:w-[200px] mt-4 lg:mt-0 text-body text-black-000 filter-div-container hidden\">\n            <label for=\"\" class=\"mb-3 text-body text-black-000\">\u3059\u3079\u3066\u306e\u30ab\u30c6\u30b4\u30ea<\/label>\n            <div class=\"relative\" 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-3 rounded-lg py-2 md:py-2 border-[1px] border-strokePurple flex\"\n        :class=\"dropdownOpened ? 'border-black-000' : ''\" @click=\"toggleDropdown\">\n        <label for=\"s_category\"\n            class=\"mr-2.5 text-nowrap pointer-events-none text-18 font-normal text-darkPurple\"\n            :class=\"!s_category ? '' : ''\" 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-[11] bg-white text-18 font-normal text-darkPurple transition-all max-h-0 overflow-hidden border\"\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-[#1967D2] hover:text-white\"\n            :class=\"d_category == '\u5168\u3066' ? 'text-white bg-[#1967D2] font-bold' : ''\"\n            @click=\"onOptionClick('', '\u5168\u3066')\">\n            \u5168\u3066        <\/li>\n                <li class=\"px-3 md:px-5 py-2 md:py-2.5 cursor-default transition hover:bg-[#1967D2] hover:text-white\"\n            :class=\"d_category == 'Newest to Oldest' ? 'text-white bg-[#1967D2] font-bold' : ''\"\n            @click=\"onOptionClick('92', 'Newest to Oldest')\">\n            Newest to Oldest        <\/li>\n                <li class=\"px-3 md:px-5 py-2 md:py-2.5 cursor-default transition hover:bg-[#1967D2] hover:text-white\"\n            :class=\"d_category == 'Uncategorized @jp' ? 'text-white bg-[#1967D2] font-bold' : ''\"\n            @click=\"onOptionClick('90', 'Uncategorized @jp')\">\n            Uncategorized @jp        <\/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        <\/div>\n    <\/div>\n\n    <div class=\"search-inputcontainer relative lg:ml-2 md:w-auto w-full\">\n        <input x-model=\"s_term\" type=\"text\" id=\"s_term\" name=\"s_term\" aria-label=\"s_term\"\n            @input.debounce.500ms=\"getPosts\"\n            class=\"border bg-transparent border-black-800 rounded-lg px-3 py-2 5xl:min-w-[400px] text-body w-full md:w-auto focus-visible:outline-none\"\n            placeholder=\"Search keywords...\">\n        <button type=\"submit\" class=\"absolute right-3 top-1\/2 -translate-y-1\/2\">\n            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/search-icon.svg\" alt=\"search icon\"\n                class=\"w-4 h-4\">\n        <\/button>\n\n    <\/div>\n<\/form>        <\/div>\n\n        <div :hidden=\"!s_term\" class=\"pt-10 md:pt-12 search-content\">\n            <h5 class=\"heading5 text-black-200 pb-[10px]\">\n                Search Results about \u201c<span x-text=\"s_term\" class=\"uppercase\"><\/span>\u201d\n            <\/h5>\n            <div class=\"text-body text-black-200\">\n                <!-- search results number here -->\n                <span x-text=\"totalPosts\"><\/span>\n                <span class=\"\">\n                    related results                <\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"news-cardlist zama-news-content\">\n\n              <a href=\"https:\/\/devwp02.visibleone.io\/zama\/jp\/news\/zama-participates-in-the-dragon-boat-races\/\" class=\"block sm:flex items-center xl:gap-10 group py-10 md:py-12 border-b border-b-black-800\">\n    <div class=\"overflow-hidden pb-4 sm:pb-0 md:mr-4 xl:mr-0 sm:flex-[0_1_40.9%] sm:max-w-[41%] rounded-xl\">\n      <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/10\/2019-05-22.jpg\" alt=\"news list image\"\n        class=\"object-cover aspect-[560\/315] w-full duration-300 ease-out group-hover:scale-105 rounded-xl\">\n    <\/div>\n\n    <div class=\"sm:flex-[0_1_70%] sm:max-w-[70%]\">\n      <h5 class=\"heading5 text-black-000 mb-3 sm:mb-4 line-clamp-1\">\n        ZAMA\u30d5\u30a3\u30ea\u30d4\u30f3\u5de5\u5834\u5efa\u8a2d\u7740\u5de5\u5f0f\u5178      <\/h5>\n      <p class=\"pb-3 sm:pb-5 text-body text-black-000\">\n        2024-10-06      <\/p>\n      <p class=\"text-body text-black-000 line-clamp-3 mb-4 sm:mb-5\">\n        \u9577\u304d\u306b\u6e21\u308a\u5f85\u3061\u671b\u3093\u3067\u3044\u305fZAMA\u30d5\u30a3\u30ea\u30d4\u30f3\u5de5\u5834\u5efa\u8a2d\u304c\u3084\u3063\u3068\u5b9f\u73fe\u3057\u307e\u3057\u305f\u3002\n\n2014\u5e749\u670830\u65e5\u3001ZAMA\u00a0\u30d5\u30a3\u30ea\u30d4\u30f3\u306e\u7740\u5de5\u5f0f\u5178\u304c\u30d0\u30bf\u30f3\u30ac\u30b9\u5dde\u30b5\u30f3\u30c8\u30fb\u30c8\u30de\u30b9\u5e02\u306b\u304a\u3044\u3066\u958b\u50ac\u3055\u308c\u3001\u653f\u5e9c\u53ca\u3073\u6c11\u9593\u6a5f\u95a2\u3088\u308a\u3001\u591a\u304f\u306e\u8457\u540d\u4eba\u30fbVIP\u306e\u65b9\u3005\u306b\u5fa1\u5217\u5e2d\u3044\u305f\u3060\u304d\u307e\u3057\u305f\u3002      <\/p>\n      <p class=\"text-button text-black-000 uppercase flex items-center\">\n        \u7d9a\u304d\u3092\u8aad\u3080        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/arrowright-white.svg\"\n          alt=\"arrow right black color\" class=\"filter-black-000 ml-3 duration-300 ease-out group-hover:ml-5\">\n      <\/p>\n    <\/div>\n  <\/a>\n    <a href=\"https:\/\/devwp02.visibleone.io\/zama\/jp\/news\/zama-group-equip-exposition-2022\/\" class=\"block sm:flex items-center xl:gap-10 group py-10 md:py-12 border-b border-b-black-800\">\n    <div class=\"overflow-hidden pb-4 sm:pb-0 md:mr-4 xl:mr-0 sm:flex-[0_1_40.9%] sm:max-w-[41%] rounded-xl\">\n      <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2023\/02\/2023-02-21.jpg\" alt=\"news list image\"\n        class=\"object-cover aspect-[560\/315] w-full duration-300 ease-out group-hover:scale-105 rounded-xl\">\n    <\/div>\n\n    <div class=\"sm:flex-[0_1_70%] sm:max-w-[70%]\">\n      <h5 class=\"heading5 text-black-000 mb-3 sm:mb-4 line-clamp-1\">\n        \u30d5\u30a3\u30ea\u30d4\u30f3\u5de5\u5834\u306b\u65b0\u68df\u5efa\u8a2d      <\/h5>\n      <p class=\"pb-3 sm:pb-5 text-body text-black-000\">\n        2023-02-21      <\/p>\n      <p class=\"text-body text-black-000 line-clamp-3 mb-4 sm:mb-5\">\n        \u30b6\u30de\u30b0\u30eb\u30fc\u30d7\u306f\u30d5\u30a3\u30ea\u30d4\u30f3\u30d0\u30bf\u30f3\u30ac\u30b9\u5dde\u30b5\u30f3\u30c8\u30c8\u30fc\u30de\u30b9\u306b\u4f4d\u7f6e\u3059\u308b\u751f\u7523\u5de5\u5834\u306b\u65b0\u68df\u3092\u5efa\u8a2d\u3057\u307e\u3059\u30022023\u5e741\u670817\u65e5\u3001\u65b0\u68df\u306e\u7740\u5de5\u5f0f\u5178\u304c\u76db\u5927\u306b\u958b\u50ac\u3055\u308c\u307e\u3057\u305f\u3002\u65b0\u68df\u3067\u306f\u30ef\u30a4\u30e4\u30fc\u30cf\u30fc\u30cd\u30b9\u3001\u30c6\u30af\u30cb\u30ab\u30eb\u30c6\u30ad\u30b9\u30bf\u30a4\u30eb\u3001\u96fb\u5b50\u71c3\u6599\u5674\u5c04\u30b7\u30b9\u30c6\u30e0\u306a\u3069\u306e\u65b0\u3057\u3044\u30bb\u30b0\u30e1\u30f3\u30c8\u306e\u751f\u7523\u3092\u884c\u3046\u4e88\u5b9a\u3067\u3001\u4eca\u5f8c\u306e\u30b6\u30de\u30b0\u30eb\u30fc\u30d7\u306e\u6210\u9577\u306b\u6b20\u304b\u305b\u306a\u3044\u751f\u7523\u62e0\u70b9\u3068\u306a\u308a\u307e\u3059\u30022024\u5e742\u6708\u306e\u5b8c\u6210\u3092\u4e88\u5b9a\u3057\u3001\u7a3c\u50cd\u5f8c\u306e\u30b6\u30de\u30d5\u30a3\u30ea\u30d4\u30f3\u306e\u5de5\u5834\u9762\u7a4d\u306f22,000\u5e73\u65b9\u30e1\u30fc\u30c8\u30eb\u304b\u308933,000\u5e73\u65b9\u30e1\u30fc\u30c8\u30eb\u306b\u5897\u5f37\u3055\u308c\u307e\u3059\u3002\u65b0\u68df\u306f\u3001\u74b0\u5883\u306b\u914d\u616e\u3057\u30ab\u30fc\u30dc\u30f3\u30cb\u30e5\u30fc\u30c8\u30e9\u30eb\u306b\u5411\u3051\u305f\u5bfe\u7b56\u3092\u8b1b\u3058\u308b\u305f\u3081\u3001\u30b0\u30ea\u30fc\u30f3\u96fb\u529b\u3068\u96e8\u6c34\u306e\u5229\u7528\u3092\u542b\u3080\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u3092\u53d6\u308a\u5165\u308c\u3066\u3044\u307e\u3059\u3002\u00a0      <\/p>\n      <p class=\"text-button text-black-000 uppercase flex items-center\">\n        \u7d9a\u304d\u3092\u8aad\u3080        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/arrowright-white.svg\"\n          alt=\"arrow right black color\" class=\"filter-black-000 ml-3 duration-300 ease-out group-hover:ml-5\">\n      <\/p>\n    <\/div>\n  <\/a>\n    <a href=\"https:\/\/devwp02.visibleone.io\/zama\/jp\/news\/zama-philippines-constructs-new-production-facility\/\" class=\"block sm:flex items-center xl:gap-10 group py-10 md:py-12 border-b border-b-black-800\">\n    <div class=\"overflow-hidden pb-4 sm:pb-0 md:mr-4 xl:mr-0 sm:flex-[0_1_40.9%] sm:max-w-[41%] rounded-xl\">\n      <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2023\/02\/2022-11-24.jpg\" alt=\"news list image\"\n        class=\"object-cover aspect-[560\/315] w-full duration-300 ease-out group-hover:scale-105 rounded-xl\">\n    <\/div>\n\n    <div class=\"sm:flex-[0_1_70%] sm:max-w-[70%]\">\n      <h5 class=\"heading5 text-black-000 mb-3 sm:mb-4 line-clamp-1\">\n        Equip Exposition 2022\u306b\u30b6\u30de\u30b0\u30eb\u30fc\u30d7\u3068\u3057\u3066\u51fa\u5c55      <\/h5>\n      <p class=\"pb-3 sm:pb-5 text-body text-black-000\">\n        2022-11-24      <\/p>\n      <p class=\"text-body text-black-000 line-clamp-3 mb-4 sm:mb-5\">\n        2022\u5e7410\u6708\u4e2d\u65ec\u3001\u5f53\u793e\u306f\u30b1\u30f3\u30bf\u30c3\u30ad\u30fc\u5dde\u30eb\u30a4\u30d3\u30eb\u3067\u958b\u50ac\u3055\u308c\u305fEquip Exposition\u306b\u51fa\u5c55\u3057\u307e\u3057\u305f\u3002\u5f53\u793e\u306f2018\u5e74\u304b\u3089\u5e38\u8a2d\u51fa\u5c55\u3057\u3066\u304a\u308a\u3001\u4eca\u5e74\u3082\u4f8b\u5916\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002      <\/p>\n      <p class=\"text-button text-black-000 uppercase flex items-center\">\n        \u7d9a\u304d\u3092\u8aad\u3080        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/arrowright-white.svg\"\n          alt=\"arrow right black color\" class=\"filter-black-000 ml-3 duration-300 ease-out group-hover:ml-5\">\n      <\/p>\n    <\/div>\n  <\/a>\n    <a href=\"https:\/\/devwp02.visibleone.io\/zama\/jp\/news\/zama-participated-gie-expo-2021\/\" class=\"block sm:flex items-center xl:gap-10 group py-10 md:py-12 border-b border-b-black-800\">\n    <div class=\"overflow-hidden pb-4 sm:pb-0 md:mr-4 xl:mr-0 sm:flex-[0_1_40.9%] sm:max-w-[41%] rounded-xl\">\n      <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2021\/10\/2021.png\" alt=\"news list image\"\n        class=\"object-cover aspect-[560\/315] w-full duration-300 ease-out group-hover:scale-105 rounded-xl\">\n    <\/div>\n\n    <div class=\"sm:flex-[0_1_70%] sm:max-w-[70%]\">\n      <h5 class=\"heading5 text-black-000 mb-3 sm:mb-4 line-clamp-1\">\n        GIE EXPO\u306b\u53c2\u52a0      <\/h5>\n      <p class=\"pb-3 sm:pb-5 text-body text-black-000\">\n        2021-10-29      <\/p>\n      <p class=\"text-body text-black-000 line-clamp-3 mb-4 sm:mb-5\">\n        \u5f53\u793e\u306f2021\u5e7410\u670820\u65e5\u301c22\u65e5\u3001\u7c73\u56fd\u30b1\u30f3\u30bf\u30c3\u30ad\u30fc\u5dde\u30eb\u30a4\u30d3\u30eb\u3067\u958b\u50ac\u3055\u308c\u305fOPE\u696d\u754c\u6700\u5927\u306e\u5c55\u793a\u4f1a\u306e\u4e00\u3064\u3067\u3042\u308bGIE EXPO\u306b\u51fa\u5c55\u3057\u307e\u3057\u305f\u3002 COVID-19\u306e\u6d41\u884c\u306b\u3088\u308a\u3001\u6628\u5e74\u306eGIE EXPO\u306f\u4e2d\u6b62\u3092\u4f59\u5100\u306a\u304f\u3055\u308c\u3001\u5f53\u793e\u3082\u5f93\u696d\u54e1\u306e\u611f\u67d3\u9632\u6b62\u3092\u512a\u5148\u3057\u3001\u30aa\u30d5\u30e9\u30a4\u30f3\u4e8b\u696d\u6d3b\u52d5\u306e\u307b\u3068\u3093\u3069\u3092\u81ea\u7c9b\u3057\u307e\u3057\u305f\u3002\u3057\u305f\u304c\u3063\u3066\u4eca\u56de\u306eGIE EXPO\u306f\u304a\u5ba2\u69d8\u3001\u30c7\u30a3\u30fc\u30e9\u30fc\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u7686\u69d8\u30682\u5e74\u3076\u308a\u306b\u76f4\u63a5\u5bfe\u8a71\u304c\u3067\u304d\u308b\u7d76\u597d\u306e\u6a5f\u4f1a\u3067\u3057\u305f\u3002      <\/p>\n      <p class=\"text-button text-black-000 uppercase flex items-center\">\n        \u7d9a\u304d\u3092\u8aad\u3080        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/arrowright-white.svg\"\n          alt=\"arrow right black color\" class=\"filter-black-000 ml-3 duration-300 ease-out group-hover:ml-5\">\n      <\/p>\n    <\/div>\n  <\/a>\n    <a href=\"https:\/\/devwp02.visibleone.io\/zama\/jp\/news\/zama-and-elrad-establish-joint-venture-for-electronic-components\/\" class=\"block sm:flex items-center xl:gap-10 group py-10 md:py-12 border-b border-b-black-800\">\n    <div class=\"overflow-hidden pb-4 sm:pb-0 md:mr-4 xl:mr-0 sm:flex-[0_1_40.9%] sm:max-w-[41%] rounded-xl\">\n      <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/10\/2021-03-22.jpg\" alt=\"news list image\"\n        class=\"object-cover aspect-[560\/315] w-full duration-300 ease-out group-hover:scale-105 rounded-xl\">\n    <\/div>\n\n    <div class=\"sm:flex-[0_1_70%] sm:max-w-[70%]\">\n      <h5 class=\"heading5 text-black-000 mb-3 sm:mb-4 line-clamp-1\">\n        ZAMA and Elrad establish joint venture for electronic components      <\/h5>\n      <p class=\"pb-3 sm:pb-5 text-body text-black-000\">\n        2021-03-22      <\/p>\n      <p class=\"text-body text-black-000 line-clamp-3 mb-4 sm:mb-5\">\n        ZAMA Corporation and the Elrad International Group have established a joint venture for the manufacture of electronic assemblies. The two companies signed a joint venture agreement which was subsequently officially approved by the relevant antitrust authorities. The joint venture will operate under the name ZE Electronic Manufacturing Service Ltd. ZAMA holds 51 percent of the shares, the remaining 49 percent are held by Elrad. The companies have agreed not to disclose financial details of the transaction.      <\/p>\n      <p class=\"text-button text-black-000 uppercase flex items-center\">\n        \u7d9a\u304d\u3092\u8aad\u3080        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/arrowright-white.svg\"\n          alt=\"arrow right black color\" class=\"filter-black-000 ml-3 duration-300 ease-out group-hover:ml-5\">\n      <\/p>\n    <\/div>\n  <\/a>\n    <a href=\"https:\/\/devwp02.visibleone.io\/zama\/jp\/news\/how-zama-fights-coronavirus\/\" class=\"block sm:flex items-center xl:gap-10 group py-10 md:py-12 border-b border-b-black-800\">\n    <div class=\"overflow-hidden pb-4 sm:pb-0 md:mr-4 xl:mr-0 sm:flex-[0_1_40.9%] sm:max-w-[41%] rounded-xl\">\n      <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/10\/2020-02-28.jpg\" alt=\"news list image\"\n        class=\"object-cover aspect-[560\/315] w-full duration-300 ease-out group-hover:scale-105 rounded-xl\">\n    <\/div>\n\n    <div class=\"sm:flex-[0_1_70%] sm:max-w-[70%]\">\n      <h5 class=\"heading5 text-black-000 mb-3 sm:mb-4 line-clamp-1\">\n        How ZAMA fights coronavirus      <\/h5>\n      <p class=\"pb-3 sm:pb-5 text-body text-black-000\">\n        2020-02-28      <\/p>\n      <p class=\"text-body text-black-000 line-clamp-3 mb-4 sm:mb-5\">\n        We have heard about the detection of a new corona virus in the beginning of this year, but we did not anticipate that the virus will spread from Wuhan, affecting people all over China and even the whole world.      <\/p>\n      <p class=\"text-button text-black-000 uppercase flex items-center\">\n        \u7d9a\u304d\u3092\u8aad\u3080        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/arrowright-white.svg\"\n          alt=\"arrow right black color\" class=\"filter-black-000 ml-3 duration-300 ease-out group-hover:ml-5\">\n      <\/p>\n    <\/div>\n  <\/a>\n    <a href=\"https:\/\/devwp02.visibleone.io\/zama\/jp\/news\/zama-attends-the-gieexpo-2019\/\" class=\"block sm:flex items-center xl:gap-10 group py-10 md:py-12 border-b border-b-black-800\">\n    <div class=\"overflow-hidden pb-4 sm:pb-0 md:mr-4 xl:mr-0 sm:flex-[0_1_40.9%] sm:max-w-[41%] rounded-xl\">\n      <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2024\/10\/2019-09-18.png\" alt=\"news list image\"\n        class=\"object-cover aspect-[560\/315] w-full duration-300 ease-out group-hover:scale-105 rounded-xl\">\n    <\/div>\n\n    <div class=\"sm:flex-[0_1_70%] sm:max-w-[70%]\">\n      <h5 class=\"heading5 text-black-000 mb-3 sm:mb-4 line-clamp-1\">\n              <\/h5>\n      <p class=\"pb-3 sm:pb-5 text-body text-black-000\">\n        2019-09-18      <\/p>\n      <p class=\"text-body text-black-000 line-clamp-3 mb-4 sm:mb-5\">\n        We are participating the GIE +EXPO 2019 together with our business partner Pr\u00fcfrex. Besides from carburetors and oil pumps which are well-known among our customers, our new precision components such as shafts, gears, high pressure pumps, solenoid valves will also be displayed at the exhibition. And we will present our electronic fuel injection system for selected customers (by prior appointment only).      <\/p>\n      <p class=\"text-button text-black-000 uppercase flex items-center\">\n        \u7d9a\u304d\u3092\u8aad\u3080        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/arrowright-white.svg\"\n          alt=\"arrow right black color\" class=\"filter-black-000 ml-3 duration-300 ease-out group-hover:ml-5\">\n      <\/p>\n    <\/div>\n  <\/a>\n    <a href=\"https:\/\/devwp02.visibleone.io\/zama\/jp\/news\/zama-opens-new-branch-office-in-shenzhen\/\" class=\"block sm:flex items-center xl:gap-10 group py-10 md:py-12 border-b border-b-black-800\">\n    <div class=\"overflow-hidden pb-4 sm:pb-0 md:mr-4 xl:mr-0 sm:flex-[0_1_40.9%] sm:max-w-[41%] rounded-xl\">\n      <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/uploads\/2018\/10\/2019.jpg\" alt=\"news list image\"\n        class=\"object-cover aspect-[560\/315] w-full duration-300 ease-out group-hover:scale-105 rounded-xl\">\n    <\/div>\n\n    <div class=\"sm:flex-[0_1_70%] sm:max-w-[70%]\">\n      <h5 class=\"heading5 text-black-000 mb-3 sm:mb-4 line-clamp-1\">\n        ZAMA\u306f\u30c9\u30e9\u30b4\u30f3\u30dc\u30fc\u30c8\u306e\u30ec\u30fc\u30b9\u306b\u53c2\u52a0      <\/h5>\n      <p class=\"pb-3 sm:pb-5 text-body text-black-000\">\n        2018-10-24      <\/p>\n      <p class=\"text-body text-black-000 line-clamp-3 mb-4 sm:mb-5\">\n        \u30c9\u30e9\u30b4\u30f3\u30dc\u30fc\u30c8\u306f\u9999\u6e2f\u3067\u975e\u5e38\u306b\u4eba\u6c17\u304c\u3042\u308b\u30b9\u30dd\u30fc\u30c4\u3067\u3001\u7279\u306b\u6bce\u5e74\u306e6\u6708\u306b\u306a\u308b\u3068\u3001\u6ca2\u5c71\u306e\u30a4\u30d9\u30f3\u30c8\u304c\u958b\u50ac\u3055\u308c\u307e\u3059\u3002ZAMA\u306f\u30016\u670822\u65e5\u306b\u9999\u6e2f\u30b9\u30bf\u30f3\u30ec\u30fc\u3067\u958b\u50ac\u3055\u308c\u308b\u30c9\u30e9\u30b4\u30f3\u30dc\u30fc\u30c8\u30ec\u30fc\u30b9\u306e\u62db\u5f85\u72b6\u3092\u5e78\u904b\u306b\u3082\u53d7\u3051\u53d6\u308a\u307e\u3057\u305f\u3002\n\n\u305d\u3057\u3066\u3064\u3044\u306b\u8a66\u5408\u306e\u65e5\u304c\u3084\u3063\u3066\u304d\u307e\u3057\u305f\u3002      <\/p>\n      <p class=\"text-button text-black-000 uppercase flex items-center\">\n        \u7d9a\u304d\u3092\u8aad\u3080        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/arrowright-white.svg\"\n          alt=\"arrow right black color\" class=\"filter-black-000 ml-3 duration-300 ease-out group-hover:ml-5\">\n      <\/p>\n    <\/div>\n  <\/a>\n  \n\n        <\/div>\n\n        <div class=\"pagination-list pt-12 flex items-center justify-end gap-4\" :class=\"showPagination ? '' : 'hidden'\"\n  x-data=\"cuhk_latest_news_pagination\">\n  <button class=\"size-4 lg:size-5 group  relative -top-0.5 my-auto\" :disabled=\"current == 1\"\n    @click=\"onPrev\">\n    <svg width=\"15\" height=\"16\" viewBox=\"0 0 15 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n      <path\n        class=\"transition-all stroke-mainPurple group-disabled:stroke-black-400 group-disabled:opacity-50 group-enabled:group-hover:stroke-black-000\"\n        d=\"M10.0053 2.68714C10.087 2.77085 10.1328 2.88323 10.1328 3.00026C10.1328 3.11729 10.087 3.22967 10.0053 3.31339L5.43682 7.99995L10.0053 12.6856C10.087 12.7693 10.1328 12.8817 10.1328 12.9987C10.1328 13.1157 10.087 13.2281 10.0053 13.3118C9.96552 13.3526 9.91799 13.3851 9.8655 13.4072C9.81301 13.4294 9.75661 13.4408 9.69964 13.4408C9.64266 13.4408 9.58626 13.4294 9.53377 13.4072C9.48128 13.3851 9.43376 13.3526 9.39401 13.3118L4.53589 8.32713C4.45056 8.2396 4.40281 8.12219 4.40281 7.99995C4.40281 7.8777 4.45056 7.7603 4.53589 7.67276L9.39401 2.68807C9.43376 2.64725 9.48128 2.6148 9.53377 2.59265C9.58626 2.5705 9.64266 2.55908 9.69964 2.55908C9.75661 2.55908 9.81301 2.5705 9.8655 2.59265C9.91799 2.6148 9.96552 2.64725 10.0053 2.68807V2.68714Z\"\n        fill=\"#D5D5D5\" stroke=\"#D5D5D5\" stroke-linejoin=\"round\" \/>\n    <\/svg>\n  <\/button>\n\n  <div class=\"flex items-start\">\n    <template x-for=\"pageNumber in visiblePages\">\n      <button class=\"text-button mr-2.5 lg:mr-5 last:mr-0 transition hover:text-black hover:opacity-100\"\n        :class=\"pageNumber === current ? 'text-black' : 'text-black-000 opacity-50'\"\n        x-text=\"pageNumber\" @click=\"onPaginate(pageNumber)\" :disabled=\"!parseInt(pageNumber)\">\n      <\/button>\n    <\/template>\n  <\/div>\n\n  <button class=\"size-4 lg:size-5 group relative -top-0.5 my-auto\"\n    :disabled=\"current == totalPages\" @click=\"onNext\">\n    <svg width=\"15\" height=\"16\" viewBox=\"0 0 15 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n      <path\n        class=\"transition-all stroke-mainPurple group-disabled:stroke-black-400 group-disabled:opacity-50 group-enabled:group-hover:stroke-black-000\"\n        d=\"M4.99474 2.68714C4.91297 2.77085 4.86719 2.88323 4.86719 3.00026C4.86719 3.11729 4.91297 3.22967 4.99474 3.31339L9.56318 7.99995L4.99474 12.6856C4.91297 12.7693 4.86719 12.8817 4.86719 12.9987C4.86719 13.1157 4.91297 13.2281 4.99474 13.3118C5.03448 13.3526 5.08201 13.3851 5.1345 13.4072C5.18699 13.4294 5.24339 13.4408 5.30036 13.4408C5.35734 13.4408 5.41374 13.4294 5.46623 13.4072C5.51872 13.3851 5.56624 13.3526 5.60599 13.3118L10.4641 8.32713C10.5494 8.2396 10.5972 8.12219 10.5972 7.99995C10.5972 7.8777 10.5494 7.7603 10.4641 7.67276L5.60599 2.68807C5.56624 2.64725 5.51872 2.6148 5.46623 2.59265C5.41374 2.5705 5.35734 2.55908 5.30036 2.55908C5.24339 2.55908 5.18699 2.5705 5.1345 2.59265C5.08201 2.6148 5.03448 2.64725 4.99474 2.68807V2.68714Z\"\n        fill=\"#D5D5D5\" stroke=\"#D5D5D5\" stroke-linejoin=\"round\" \/>\n    <\/svg>\n\n  <\/button>\n<\/div>\n<script>\n  (function () {\n    document.addEventListener('alpine:init', function () {\n      Alpine.data('cuhk_latest_news_pagination', () => ({\n        onPrev: function () {\n          if (this.current - 1) {\n            this.current -= 1;\n          } else {\n            this.current = 1;\n          }\n          this.getPosts(false);\n        },\n        onNext: function () {\n          if (this.current + 1 <= this.totalPages) {\n            this.current += 1;\n          } else {\n            this.current = this.totalPages;\n          }\n          this.getPosts(false);\n        },\n        onPaginate: function (index) {\n          this.current = index;\n          this.getPosts(false);\n        },\n        get visiblePages() {\n          const range = 2;\n          const visible = [];\n\n          if (this.totalPages > 1) visible.push(1);\n\n          if (this.current - range > 2) {\n            if (this.current - range < this.totalPages) {\n              visible.push('...');\n            }\n          }\n\n          for (let i = Math.max(2, this.current - range); i < this.current; i++) {\n            if (i < this.totalPages) {\n              visible.push(i);\n            }\n          }\n\n          if (this.current < this.totalPages) {\n            if (this.current !== 1) {\n              if (this.current !== this.totalPages) {\n                visible.push(this.current);\n              }\n            }\n          }\n\n          for (let i = this.current + 1; i <= Math.min(this.totalPages - 1, this.current + range); i++) {\n            if (i < this.totalPages) {\n              visible.push(i);\n            }\n          }\n\n          if (this.current + range < this.totalPages - 1) {\n            visible.push('...');\n          }\n\n          visible.push(this.totalPages);\n\n          return visible;\n        }\n      }));\n    })\n  })();\n<\/script>    <\/div>\n    <script>\n        (function () {\n            document.addEventListener('alpine:init', function () {\n                Alpine.data('zama_news', () => ({\n                    s_term: \"\",\n                    s_year: \"\",\n                    d_year: \"\u5168\u3066\",\n                    s_order: \"DESC\",\n                    d_order: \"\u65b0\u3057\u3044\u9806\u304b\u3089\u53e4\u3044\u9806\",\n                    s_category: \"\",\n                    d_category: \"\u5168\u3066\",\n                    current: 1,\n                    per_page: 8,\n                    showPagination: Math.ceil(14 \/ 8),\n                    totalPages: Math.ceil(14 \/ 8),\n                    loading: 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\/posts';\n                        const param = {\n                            search: this.s_term,\n                            s_year: this.s_year,\n                            s_category: this.s_category,\n                            categories: this.s_category,\n                            s_order: this.s_order,\n                            page: this.current,\n                            per_page: this.per_page,\n                        }\n                        const fetchUrl = baseUrl + \"?\" + this.objectToQueryString(param);\n\n                        try {\n                            const res = await fetch(fetchUrl);\n                            const fetchPosts = await res.json();\n                            const totalPosts = res.headers.get('X-WP-Total');\n                            this.posts = fetchPosts;\n                            this.totalPosts = totalPosts;\n                            this.totalPages = Math.ceil(totalPosts \/ this.per_page);\n                            this.showPagination = Math.ceil(totalPosts \/ this.per_page);\n\n                            \/\/ render\n                            const content = document.querySelector(\n                                '.zama-news .zama-news-content');\n                            if (!content.querySelector('template')) {\n                                const template = `<a :href=\"post.link\" class=\"block sm:flex items-center xl:gap-10 group py-10 md:py-12 border-b border-b-black-800\">\n    <div class=\"overflow-hidden pb-4 sm:pb-0 md:mr-4 xl:mr-0 sm:flex-[0_1_40.9%] sm:max-w-[41%] rounded-xl\">\n      <img :src=\"post.image\" alt=\"news list image\"\n        class=\"object-cover aspect-[560\/315] w-full duration-300 ease-out group-hover:scale-105 rounded-xl\">\n    <\/div>\n\n    <div class=\"sm:flex-[0_1_70%] sm:max-w-[70%]\">\n      <h5 x-text=\"post.title\" class=\"heading5 text-black-000 mb-3 sm:mb-4 line-clamp-1\">\n      <\/h5>\n      <p x-text=\"post.date\" class=\"pb-3 sm:pb-5 text-body text-black-000\">\n      <\/p>\n      <p x-text=\"post.description\" class=\"text-body text-black-000 line-clamp-3 mb-4 sm:mb-5\">\n      <\/p>\n      <p class=\"text-button text-black-000 uppercase flex items-center\">\n        \u7d9a\u304d\u3092\u8aad\u3080        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/zama\/wp-content\/themes\/zama\/resources\/images\/icons\/arrowright-white.svg\"\n          alt=\"arrow right black color\" class=\"filter-black-000 ml-3 duration-300 ease-out group-hover:ml-5\">\n      <\/p>\n    <\/div>\n  <\/a>`;\n                                Alpine.morph(content, `\n                                    <div class=\"${content.className}\">\n                                        <template x-for=\"post in posts\" :key=\"post.id\">\n                                        ${template}\n                                        <\/template>\n                                    <\/div>\n                                    `);\n                            }\n\n                            \/\/ update URL\n                            const hrefParams = {\n                                s_term: this.s_term,\n                                s_year: this.s_year,\n                                s_category: this.s_category,\n                                s_order: this.s_order,\n                                current: this.current\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                        } finally {\n                            this.loading = false;\n                        }\n                    },\n                    objectToQueryString: function (obj) {\n                        for (let key in obj) {\n                            if (!obj[key]) delete obj[key];\n                        }\n\n                        return Object.keys(obj).map(key => encodeURIComponent(key) + '=' +\n                            encodeURIComponent(obj[key])).join('&');\n                    }\n                }));\n            });\n        })();\n    <\/script>\n\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-4680","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/devwp02.visibleone.io\/zama\/jp\/wp-json\/wp\/v2\/pages\/4680","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=4680"}],"version-history":[{"count":2,"href":"https:\/\/devwp02.visibleone.io\/zama\/jp\/wp-json\/wp\/v2\/pages\/4680\/revisions"}],"predecessor-version":[{"id":5071,"href":"https:\/\/devwp02.visibleone.io\/zama\/jp\/wp-json\/wp\/v2\/pages\/4680\/revisions\/5071"}],"wp:attachment":[{"href":"https:\/\/devwp02.visibleone.io\/zama\/jp\/wp-json\/wp\/v2\/media?parent=4680"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}