{"id":3354,"date":"2025-12-24T10:43:16","date_gmt":"2025-12-24T02:43:16","guid":{"rendered":"https:\/\/www.cfnlaw.com.hk\/about-us\/"},"modified":"2026-08-25T12:10:33","modified_gmt":"2026-08-25T04:10:33","slug":"about-us","status":"publish","type":"page","link":"https:\/\/www.cfnlaw.com.hk\/jp\/about-us\/","title":{"rendered":"About Us"},"content":{"rendered":"\r\n<section block=\"inner-page-banner\" class=\"relative text-white overflow-hidden\">\r\n            <div class=\"absolute top-0 left-0 w-full h-full object-cover pointer-events-none\">\r\n            <video\r\n                class=\"w-full h-full object-cover\"\r\n                autoplay muted loop>\r\n                <source src=\"https:\/\/www.cfnlaw.com.hk\/wp-content\/uploads\/2025\/12\/CFN-Subpage-Banner-Video.mp4\" type=\"video\/mp4\">\r\n            <\/video>\r\n        <\/div>\r\n        <div class=\"absolute top-0 left-0 w-full h-full bg-[rgba(0,0,0,0.20)]\"><\/div>\r\n    <div class=\"container mx-auto relative\">\r\n        <div class=\"container-md py-[60px] md:py-20 text-center\">\r\n            <h1 class=\"heading2 font-georgia\">\u4f1a\u793e\u6982\u8981<\/h1>\r\n            <div class=\"py-8 md:py-10 text-center\">\r\n                <svg class=\"mx-auto\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"55\" height=\"5\" viewBox=\"0 0 55 5\" fill=\"none\">\r\n                <path d=\"M0 4.86516V0H27.074V4.86516H0ZM27.074 4.86516V0H54.1481V4.86516H27.074Z\" fill=\"#F07256\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n            <div class=\"breadcrumbs\">\r\n                <ul class=\"flex flex-wrap items-center justify-center text-body-md\">\r\n                                                                                                    <li class=\"text-grey transition-all duration-300 hover:text-highlight-orange\">\r\n                                                                    <a class=\"\" href=\"https:\/\/www.cfnlaw.com.hk\/\" target=\"_self\">\u30db\u30fc\u30e0<\/a>\r\n                                                            <\/li>\r\n\r\n                            <span class=\"mx-[10px] inline-flex items-center justify-center\">\r\n                                <img decoding=\"async\" src=\"https:\/\/www.cfnlaw.com.hk\/wp-content\/themes\/cfn\/public\/images\/icons\/breadcrumbs-arrow.svg\" alt=\"breadcrumbs-arrow\" \/>\r\n                            <\/span>\r\n                            \r\n                                                        \r\n                                                    \r\n                                                                                            <li class=\"text-white\">\r\n                                    <span class=\"\">\r\n                                        \u4f1a\u793e\u6982\u8981                                    <\/span>\r\n                                <\/li>\r\n                                                                                        \r\n                                                                \r\n                    \r\n                <\/ul>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/section>\n\n\r\n<section block=\"our-teams\" class=\"bg-light-grey relative\">\r\n    \r\n    <div class=\"flex flex-wrap lg:flex-nowrap w-full\">\r\n        <div class=\"w-full lg:w-1\/2\">\r\n                        <img decoding=\"async\" class=\"w-full h-full object-cover\" src=\"https:\/\/www.cfnlaw.com.hk\/wp-content\/uploads\/2026\/03\/CFN-About-Us.jpg\" alt=\"\" \/>\r\n                    <\/div>\r\n        <div class=\"w-full lg:w-1\/2 px-5 xxs:px-6 xs:px-8 sm:px-10 4xl:px-[100px] py-[50px] sm:py-[60px] 2xl:py-20 text-black-80 flex flex-col justify-center\">\r\n            <div class=\"max-w-[760px]\">\r\n                <h4 class=\"heading4 text-dark-grey font-georgia\">\r\n                    \u30c1\u30fc\u30e0\u7d39\u4ecb                <\/h4>\r\n\r\n                <div class=\"mt-8 xs:mt-10\">\r\n                                        <div class=\"mb-5 last:mb-0 flex items-center gap-[10px] xs:gap4 2xl:gap-5\">\r\n                                                <img decoding=\"async\" class=\"max-w-10 2xl:max-w-[50px] max-h-10 2xl:max-h-[50px] w-10 2xl:w-[50px] shrink-0\" src=\"https:\/\/www.cfnlaw.com.hk\/wp-content\/uploads\/2025\/12\/mdi-light_image.svg\" alt=\"\" \/>\r\n                                                <div>\r\n                            <h6 class=\"heading6 text-dark-grey font-georgia\">\u591a\u69d8\u306a\u30d0\u30c3\u30af\u30b0\u30e9\u30a6\u30f3\u30c9<\/h6>\r\n                            <div class=\"mt-1 text-body-md\">\r\n                                <p>\u591a\u7ba1\u8f44\u533a\u57df\uff08\u9999\u6e2f\u30fb\u4e2d\u56fd\u672c\u571f\u30fb\u82f1\u56fd\uff09\u306b\u308f\u305f\u308b\u6cd5\u52d9\u5c02\u9580\u5bb6\u00a0\u3067\u3042\u308a\u3001\u516c\u5171\u90e8\u9580\u3067\u306e\u7d4c\u6b74\u3001\u516c\u8a8d\u4f1a\u8a08\u58eb\u8cc7\u683c\u3001\u53ca\u3073\u5c02\u9580\u7684\u306a\u91d1\u878d\u898f\u5236\u306b\u95a2\u3059\u308b\u5c02\u9580\u77e5\u8b58\u3092\u6709\u3057\u3066\u304a\u308a\u307e\u3059\u3002<\/p>\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                        <div class=\"mb-5 last:mb-0 flex items-center gap-[10px] xs:gap4 2xl:gap-5\">\r\n                                                <img decoding=\"async\" class=\"max-w-10 2xl:max-w-[50px] max-h-10 2xl:max-h-[50px] w-10 2xl:w-[50px] shrink-0\" src=\"https:\/\/www.cfnlaw.com.hk\/wp-content\/uploads\/2025\/12\/hugeicons_teacher.svg\" alt=\"\" \/>\r\n                                                <div>\r\n                            <h6 class=\"heading6 text-dark-grey font-georgia\">\u53b3\u683c\u306a\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0<\/h6>\r\n                            <div class=\"mt-1 text-body-md\">\r\n                                <p>\u4e8b\u4f8b\u7814\u7a76\u3068\u30af\u30ed\u30b9\u30dc\u30fc\u30c0\u30fc\u30fb\u30b3\u30e9\u30dc\u30ec\u30fc\u30b7\u30e7\u30f3\u3092\u91cd\u8996\u3057\u3001\u8907\u96d1\u3055\u3092\u5b9f\u8df5\u53ef\u80fd\u306a\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3078\u3068\u5909\u3048\u3066\u307e\u3044\u308a\u307e\u3059\u3002<\/p>\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                        <div class=\"mb-5 last:mb-0 flex items-center gap-[10px] xs:gap4 2xl:gap-5\">\r\n                                                <img decoding=\"async\" class=\"max-w-10 2xl:max-w-[50px] max-h-10 2xl:max-h-[50px] w-10 2xl:w-[50px] shrink-0\" src=\"https:\/\/www.cfnlaw.com.hk\/wp-content\/uploads\/2025\/12\/streamline-sharp_global-learning.svg\" alt=\"\" \/>\r\n                                                <div>\r\n                            <h6 class=\"heading6 text-dark-grey font-georgia\">\u751f\u6daf\u5b66\u7fd2<\/h6>\r\n                            <div class=\"mt-1 text-body-md\">\r\n                                <p>\u898f\u5236\u66f4\u65b0\u53ca\u3073\u696d\u754c\u52d5\u5411\u306b\u5e38\u306b\u5bfe\u5fdc\u3059\u308b\u305f\u3081\u3001\u5b9a\u671f\u7684\u306a\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u53ca\u3073\u5916\u90e8\u7814\u4fee\u3092\u5b9f\u65bd\u3057\u3066\u304a\u308a\u307e\u3059\u3002<\/p>\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/section>\n\n\r\n<section block=\"shape-your-furture\" class=\"container mx-auto relative pt-[60px] sm:pt-20 pb-[150px] sm:pb-[170px] 2xl:pb-[190px] shape-your-furture\">\r\n    \r\n    <div class=\"sm:px-5 lg:px-[5.5%] 3xl:px-5\">\r\n        <h3 class=\"heading3 text-dark-grey text-center font-georgia\">\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u30b5\u30fc\u30d3\u30b9<\/h3>\r\n        <div class=\"mt-[60px] max-w-[1160px] mx-auto grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-10 cards-container\">\r\n                                            <div data-index=\"0\" class=\"mb-5 lg:mb-0 group cursor-pointer relative overflow-hidden flex flex-col justify-end aspect-[1\/1] text-white shadow-[0_0_40px_0_rgba(0,0,0,0.10)] gallery-grid-item\">\r\n                    <img decoding=\"async\" class=\"absolute top-0 left-0 w-full h-full object-cover group-hover:blur-0 transition-all duration-500 blur-[4.5px]\" src=\"https:\/\/www.cfnlaw.com.hk\/wp-content\/uploads\/2026\/01\/ba99a9713bf77d3b6eb9ea3e69053facbf2962e3-scaled.jpg\" alt=\"\" \/>\r\n                    <div class=\"absolute top-0 left-0 w-full h-full bg-[rgba(0,0,0,0.40)]\"><\/div>\r\n                    <div class=\"flex flex-col transition-all duration-700 group-hover:h-full h-auto justify-center relative gallery-grid-inner-item\">\r\n                        <div class=\"relative z-[1] p-5 sm:p-8 3xl:p-10\">\r\n                            <div class=\"flex flex-col justify-center transition-all duration-700 group-hover:translate-y-0 translate-y-[80px]\">\r\n                                <h5 class=\"sm:line-clamp-2 overflow-hidden overflow-ellipsis heading5 font-georgia transition-all duration-700\">\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u30fb\u30d5\u30a1\u30fc\u30b9\u30c8\u306e\u59ff\u52e2<\/h5>\r\n                                <span class=\"block mt-5 bg-highlight-orange h-[4px] w-[80px] transition-all duration-500 group-hover:w-full\"><\/span>\r\n                            <\/div>\r\n                            <div class=\"group-hover:h-auto h-0 transition-all group-hover:translate-y-0 translate-y-[100%] duration-700 overflow-hidden group-hover:mt-5 mt-[80px] text-body-md description\">\r\n                                \u5f53\u6240\u306f\u3001\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u306e\u76ee\u6a19\u3092\u4f55\u3088\u308a\u3082\u512a\u5148\u3057\u3001\u3042\u3089\u3086\u308b\u6c7a\u5b9a\u3001\u6226\u7565\u3001\u53ca\u3073\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u304c\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u306e\u30cb\u30fc\u30ba\u306b\u57fa\u3065\u3044\u3066\u69cb\u7bc9\u3055\u308c\u308b\u3088\u3046\u52aa\u3081\u3066\u304a\u308a\u307e\u3059\u3002\u5f53\u6240\u306e\u30c1\u30fc\u30e0\u306f\u3001\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u306b\u81ea\u4fe1\u3092\u6301\u3063\u3066\u5bfe\u5fdc\u3044\u305f\u3060\u3051\u308b\u3088\u3046\u3001\u660e\u78ba\u304b\u3064\u5b9f\u8df5\u7684\u306a\u30a2\u30c9\u30d0\u30a4\u30b9\u3092\u63d0\u4f9b\u3059\u308b\u3053\u3068\u306b\u6ce8\u529b\u3057\u3066\u304a\u308a\u307e\u3059\u3002                            <\/div>\r\n                        <\/div>\r\n                        \r\n                    <\/div>   \r\n                    <div class=\"overlay opacity-0 transition-all duration-500 group-hover:opacity-100 absolute top-0 left-0 h-full w-full bg-dark-grey\"><\/div>                     \r\n                <\/div>\r\n\r\n                                <div data-index=\"0\" class=\"mb-5 lg:mb-0 group cursor-pointer relative overflow-hidden flex flex-col justify-end aspect-[1\/1] text-white shadow-[0_0_40px_0_rgba(0,0,0,0.10)] gallery-grid-item\">\r\n                    <img decoding=\"async\" class=\"absolute top-0 left-0 w-full h-full object-cover group-hover:blur-0 transition-all duration-500 blur-[4.5px]\" src=\"https:\/\/www.cfnlaw.com.hk\/wp-content\/uploads\/2026\/01\/e58b1246d40e3f71276c8a1e0505f252e465d5c6-scaled.jpg\" alt=\"\" \/>\r\n                    <div class=\"absolute top-0 left-0 w-full h-full bg-[rgba(0,0,0,0.40)]\"><\/div>\r\n                    <div class=\"flex flex-col transition-all duration-700 group-hover:h-full h-auto justify-center relative gallery-grid-inner-item\">\r\n                        <div class=\"relative z-[1] p-5 sm:p-8 3xl:p-10\">\r\n                            <div class=\"flex flex-col justify-center transition-all duration-700 group-hover:translate-y-0 translate-y-[80px]\">\r\n                                <h5 class=\"sm:line-clamp-2 overflow-hidden overflow-ellipsis heading5 font-georgia transition-all duration-700\">\u7d30\u90e8\u3078\u306e\u3053\u3060\u308f\u308a<\/h5>\r\n                                <span class=\"block mt-5 bg-highlight-orange h-[4px] w-[80px] transition-all duration-500 group-hover:w-full\"><\/span>\r\n                            <\/div>\r\n                            <div class=\"group-hover:h-auto h-0 transition-all group-hover:translate-y-0 translate-y-[100%] duration-700 overflow-hidden group-hover:mt-5 mt-[80px] text-body-md description\">\r\n                                \u5f53\u6240\u306f\u3001\u696d\u52d9\u306b\u5bfe\u3057\u3066\u6700\u9ad8\u6c34\u6e96\u306e\u30d7\u30ed\u30d5\u30a7\u30c3\u30b7\u30e7\u30ca\u30eb\u57fa\u6e96\u3092\u9069\u7528\u3057\u3066\u304a\u308a\u307e\u3059\u3002\u554f\u984c\u5206\u6790\u306e\u65b9\u6cd5\u304b\u3089\u63d0\u8a00\u306e\u4f5c\u6210\u306b\u81f3\u308b\u307e\u3067\u3001\u7cbe\u5ea6\u3068\u54c1\u8cea\u3092\u3059\u3079\u3066\u306e\u696d\u52d9\u306e\u4e2d\u5fc3\u306b\u636e\u3048\u3066\u304a\u308a\u307e\u3059\u3002                            <\/div>\r\n                        <\/div>\r\n                        \r\n                    <\/div>   \r\n                    <div class=\"overlay opacity-0 transition-all duration-500 group-hover:opacity-100 absolute top-0 left-0 h-full w-full bg-dark-grey\"><\/div>                     \r\n                <\/div>\r\n\r\n                                <div data-index=\"0\" class=\"mb-5 lg:mb-0 group cursor-pointer relative overflow-hidden flex flex-col justify-end aspect-[1\/1] text-white shadow-[0_0_40px_0_rgba(0,0,0,0.10)] gallery-grid-item\">\r\n                    <img decoding=\"async\" class=\"absolute top-0 left-0 w-full h-full object-cover group-hover:blur-0 transition-all duration-500 blur-[4.5px]\" src=\"https:\/\/www.cfnlaw.com.hk\/wp-content\/uploads\/2026\/01\/13a093bb1f0ab7b31ccf31185fed28f9a91efe81-scaled.jpg\" alt=\"\" \/>\r\n                    <div class=\"absolute top-0 left-0 w-full h-full bg-[rgba(0,0,0,0.40)]\"><\/div>\r\n                    <div class=\"flex flex-col transition-all duration-700 group-hover:h-full h-auto justify-center relative gallery-grid-inner-item\">\r\n                        <div class=\"relative z-[1] p-5 sm:p-8 3xl:p-10\">\r\n                            <div class=\"flex flex-col justify-center transition-all duration-700 group-hover:translate-y-0 translate-y-[80px]\">\r\n                                <h5 class=\"sm:line-clamp-2 overflow-hidden overflow-ellipsis heading5 font-georgia transition-all duration-700\">\u4ed8\u52a0\u4fa1\u5024\u3092\u3082\u305f\u3089\u3059\u5354\u50cd<\/h5>\r\n                                <span class=\"block mt-5 bg-highlight-orange h-[4px] w-[80px] transition-all duration-500 group-hover:w-full\"><\/span>\r\n                            <\/div>\r\n                            <div class=\"group-hover:h-auto h-0 transition-all group-hover:translate-y-0 translate-y-[100%] duration-700 overflow-hidden group-hover:mt-5 mt-[80px] text-body-md description\">\r\n                                \u5f53\u6240\u306f\u3001\u30c1\u30fc\u30e0\u3001\u53d6\u6271\u5206\u91ce\u3001\u53ca\u3073\u7ba1\u8f44\u533a\u57df\u3092\u8d8a\u3048\u3066\u30b7\u30fc\u30e0\u30ec\u30b9\u306b\u5354\u50cd\u3057\u3001\u30d0\u30e9\u30f3\u30b9\u306e\u53d6\u308c\u305f\u8996\u70b9\u3092\u63d0\u4f9b\u3057\u3066\u304a\u308a\u307e\u3059\u3002\u5f53\u6240\u306e\u96c6\u56e3\u7684\u5f37\u307f\u3092\u7d44\u307f\u5408\u308f\u305b\u308b\u3053\u3068\u3067\u3001\u3088\u308a\u5f37\u56fa\u3067\u3001\u3088\u308a\u8ce2\u660e\u3067\u3001\u3088\u308a\u52b9\u679c\u7684\u306a\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3092\u63d0\u4f9b\u3044\u305f\u3057\u307e\u3059\u3002                            <\/div>\r\n                        <\/div>\r\n                        \r\n                    <\/div>   \r\n                    <div class=\"overlay opacity-0 transition-all duration-500 group-hover:opacity-100 absolute top-0 left-0 h-full w-full bg-dark-grey\"><\/div>                     \r\n                <\/div>\r\n\r\n                                <div data-index=\"0\" class=\"mb-5 lg:mb-0 group cursor-pointer relative overflow-hidden flex flex-col justify-end aspect-[1\/1] text-white shadow-[0_0_40px_0_rgba(0,0,0,0.10)] gallery-grid-item\">\r\n                    <img decoding=\"async\" class=\"absolute top-0 left-0 w-full h-full object-cover group-hover:blur-0 transition-all duration-500 blur-[4.5px]\" src=\"https:\/\/www.cfnlaw.com.hk\/wp-content\/uploads\/2026\/01\/d0e6933bc478cfc9fb100f3e2c395047fccc4685-scaled.jpg\" alt=\"\" \/>\r\n                    <div class=\"absolute top-0 left-0 w-full h-full bg-[rgba(0,0,0,0.40)]\"><\/div>\r\n                    <div class=\"flex flex-col transition-all duration-700 group-hover:h-full h-auto justify-center relative gallery-grid-inner-item\">\r\n                        <div class=\"relative z-[1] p-5 sm:p-8 3xl:p-10\">\r\n                            <div class=\"flex flex-col justify-center transition-all duration-700 group-hover:translate-y-0 translate-y-[80px]\">\r\n                                <h5 class=\"sm:line-clamp-2 overflow-hidden overflow-ellipsis heading5 font-georgia transition-all duration-700\">\u4fe1\u983c\u3055\u308c\u308b\u8aa0\u5b9f\u3055<\/h5>\r\n                                <span class=\"block mt-5 bg-highlight-orange h-[4px] w-[80px] transition-all duration-500 group-hover:w-full\"><\/span>\r\n                            <\/div>\r\n                            <div class=\"group-hover:h-auto h-0 transition-all group-hover:translate-y-0 translate-y-[100%] duration-700 overflow-hidden group-hover:mt-5 mt-[80px] text-body-md description\">\r\n                                \u5f53\u6240\u306f\u3001\u8aa0\u5b9f\u3055\u3001\u900f\u660e\u6027\u3001\u53ca\u3073\u8cac\u4efb\u611f\u3092\u3082\u3063\u3066\u696d\u52d9\u3092\u9042\u884c\u3057\u3066\u304a\u308a\u307e\u3059\u3002\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u306f\u3001\u5f53\u6240\u304c\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u306e\u6700\u5584\u306e\u5229\u76ca\u306e\u305f\u3081\u306b\u884c\u52d5\u3057\u3001\u5b88\u79d8\u7fa9\u52d9\u3092\u9075\u5b88\u3057\u3001\u502b\u7406\u3068\u30d7\u30ed\u30d5\u30a7\u30c3\u30b7\u30e7\u30ca\u30ea\u30ba\u30e0\u306b\u6839\u3056\u3057\u305f\u30a2\u30c9\u30d0\u30a4\u30b9\u3092\u63d0\u4f9b\u3059\u308b\u3053\u3068\u3092\u4fe1\u983c\u3057\u3066\u3044\u305f\u3060\u3051\u307e\u3059\u3002                            <\/div>\r\n                        <\/div>\r\n                        \r\n                    <\/div>   \r\n                    <div class=\"overlay opacity-0 transition-all duration-500 group-hover:opacity-100 absolute top-0 left-0 h-full w-full bg-dark-grey\"><\/div>                     \r\n                <\/div>\r\n\r\n                                    <\/div>\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n    \/\/ document.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n    \/\/     let galleryItems = document.querySelectorAll(\".gallery-grid-item\");\r\n\r\n    \/\/     galleryItems && galleryItems.forEach((galleryItem) => {\r\n\r\n    \/\/         const innerItem = galleryItem.querySelector(\".gallery-grid-inner-item\");\r\n    \/\/         const overlay = innerItem.querySelector(\".shape-your-furture .overlay\");\r\n    \/\/         const description = innerItem.querySelector(\".description\");\r\n\r\n    \/\/         \/\/ galleryItem.addEventListener(\"mouseenter\", function() {\r\n    \/\/         \/\/     if(!innerItem.classList.contains(\"animation-up\")) {\r\n    \/\/         \/\/         innerItem.removeAttribute(\"style\");\r\n    \/\/         \/\/         overlay?.classList.remove(\"hidden\");\r\n    \/\/         \/\/         innerItem.classList.remove(\"animation-down\");\r\n    \/\/         \/\/         innerItem.classList.add(\"animation-up\");\r\n    \/\/         \/\/         description?.classList.remove(\"animation-description-down\");\r\n    \/\/         \/\/         description?.classList.add(\"animation-description-up\");\r\n    \/\/         \/\/     }\r\n    \/\/         \/\/ });\r\n\r\n    \/\/         \/\/ galleryItem.addEventListener(\"mouseleave\", function() {\r\n    \/\/         \/\/     innerItem.classList.remove(\"animation-up\");\r\n    \/\/         \/\/         innerItem.classList.add(\"animation-down\");\r\n    \/\/         \/\/         description?.classList.remove(\"animation-description-up\");\r\n    \/\/         \/\/         description?.classList.add(\"animation-description-down\");\r\n\r\n    \/\/         \/\/         innerItem.addEventListener(\"transitionend\", function handler(e) {\r\n    \/\/         \/\/             innerItem.style.setProperty(\"height\", \"auto\", \"important\");\r\n    \/\/         \/\/             overlay?.classList.add(\"hidden\");\r\n    \/\/         \/\/             innerItem.removeEventListener(\"transitionend\", handler);\r\n    \/\/         \/\/         });\r\n                \r\n    \/\/         \/\/ });\r\n\r\n    \/\/         galleryItem.addEventListener(\"pointerenter\", function() {\r\n    \/\/             if(!innerItem.classList.contains(\"animation-up\")) {\r\n    \/\/                 innerItem.removeAttribute(\"style\");\r\n    \/\/                 overlay?.classList.remove(\"hidden\");\r\n    \/\/                 innerItem.classList.remove(\"animation-down\");\r\n    \/\/                 innerItem.classList.add(\"animation-up\");\r\n    \/\/                 description?.classList.remove(\"animation-description-down\");\r\n    \/\/                 description?.classList.add(\"animation-description-up\");\r\n    \/\/             }\r\n    \/\/         });\r\n\r\n    \/\/         galleryItem.addEventListener(\"pointerleave\", function() {\r\n    \/\/             innerItem.classList.remove(\"animation-up\");\r\n    \/\/                 innerItem.classList.add(\"animation-down\");\r\n    \/\/                 description?.classList.remove(\"animation-description-up\");\r\n    \/\/                 description?.classList.add(\"animation-description-down\");\r\n\r\n    \/\/                 innerItem.addEventListener(\"transitionend\", function handler(e) {\r\n    \/\/                     innerItem.style.setProperty(\"height\", \"auto\", \"important\");\r\n    \/\/                     overlay?.classList.add(\"hidden\");\r\n    \/\/                     innerItem.removeEventListener(\"transitionend\", handler);\r\n    \/\/                 });\r\n    \/\/         });\r\n\r\n    \/\/     });\r\n\r\n\r\n    \/\/ });\r\n\r\n\/\/ document.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n\/\/     const galleryItems = document.querySelectorAll(\".gallery-grid-item\");\r\n\r\n\/\/     galleryItems.forEach((galleryItem) => {\r\n\r\n\/\/         const innerItem = galleryItem.querySelector(\".gallery-grid-inner-item\");\r\n\/\/         const overlay = galleryItem.querySelector(\".overlay\");\r\n\/\/         const description = galleryItem.querySelector(\".description\");\r\n\r\n\/\/         galleryItem.addEventListener(\"pointerenter\", () => {\r\n\/\/             innerItem.style.removeProperty(\"height\");\r\n\/\/             overlay?.classList.remove(\"hidden\");\r\n\r\n\/\/             innerItem.classList.remove(\"animation-down\");\r\n\/\/             innerItem.classList.add(\"animation-up\");\r\n\r\n\/\/             description?.classList.remove(\"animation-description-down\");\r\n\/\/             description?.classList.add(\"animation-description-up\");\r\n\/\/         });\r\n\r\n\/\/         galleryItem.addEventListener(\"pointerleave\", () => {\r\n\/\/             innerItem.classList.remove(\"animation-up\");\r\n\/\/             innerItem.classList.add(\"animation-down\");\r\n\r\n\/\/             description?.classList.remove(\"animation-description-up\");\r\n\/\/             description?.classList.add(\"animation-description-down\");\r\n\r\n\/\/             innerItem.addEventListener(\"animationend\", function handler() {\r\n\/\/                 innerItem.style.setProperty(\"height\", \"auto\", \"important\");\r\n\/\/                 overlay?.classList.add(\"hidden\");\r\n\/\/                 innerItem.removeEventListener(\"animationend\", handler);\r\n\/\/             });\r\n\/\/         });\r\n\r\n\/\/     });\r\n\r\n\/\/ });\r\n\r\n\r\n<\/script>\r\n\n\n\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","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,"footnotes":""},"class_list":["post-3354","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.cfnlaw.com.hk\/jp\/wp-json\/wp\/v2\/pages\/3354","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cfnlaw.com.hk\/jp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cfnlaw.com.hk\/jp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cfnlaw.com.hk\/jp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cfnlaw.com.hk\/jp\/wp-json\/wp\/v2\/comments?post=3354"}],"version-history":[{"count":1,"href":"https:\/\/www.cfnlaw.com.hk\/jp\/wp-json\/wp\/v2\/pages\/3354\/revisions"}],"predecessor-version":[{"id":3375,"href":"https:\/\/www.cfnlaw.com.hk\/jp\/wp-json\/wp\/v2\/pages\/3354\/revisions\/3375"}],"wp:attachment":[{"href":"https:\/\/www.cfnlaw.com.hk\/jp\/wp-json\/wp\/v2\/media?parent=3354"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}