{"id":1371,"date":"2025-02-13T04:11:14","date_gmt":"2025-02-13T04:11:14","guid":{"rendered":"https:\/\/luvina.net\/vi\/vi\/?page_id=1371"},"modified":"2025-07-10T06:38:49","modified_gmt":"2025-07-10T06:38:49","slug":"services","status":"publish","type":"page","link":"https:\/\/luvina.net\/vi\/ja\/services\/","title":{"rendered":"Service All"},"content":{"rendered":"\n<div\n    class=\"strategy-consult-section-1 items-center lg:min-h-[800px] min-h-[700px] bg-cover bg-no-repeat relative flex flex-col pb-[34.31px] lg:bg-[url(\/wp-content\/uploads\/2025\/02\/service-bg-s1-pc.png)] bg-[url(\/wp-content\/uploads\/2025\/02\/service-bg-s1-mobile.png)]\">\n    <div class=\"flex relative lg:w-[min(100vw,1903px)]\">\n        <div\n            class=\"flex flex-col lg:items-start lg:justify-start lg:mt-[215px] gap-[175px] lg:mt-[130px] xl:ml-[274px] lg:ml-[150px] lg:px-[0px] mt-[200px] px-[16px] relative\">\n            <div class=\"flex flex-col lg:w-[780px] lg:items-start items-center lg:gap-[40px] gap-[20px]\">\n                <h1\n                    class=\"lg:text-[30px] text-[20px] font-bold lg:leading-[45px] leading-[30px] text-left text-[#CE181E] lg:uppercase\">\n                    \u30b5\u30fc\u30d3\u30b9\n                <\/h1>\n                <div class=\"flex flex-col justify-between lg:h-[31px]\">\n                    <p class=\"lg:text-[18px] text-[16px] leading-[170%] lg:text-left text-center text-black\">\n                        \u4f01\u696d\u306e\u30c7\u30b8\u30bf\u30eb\u5909\u9769\u3092\u7dcf\u5408\u7684\u306aIT\u30a2\u30a6\u30c8\u30bd\u30fc\u30b7\u30f3\u30b0\u3067\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002\n                    <\/p>\n                <\/div>\n                <div\n                    class=\"h-[48px] px-[20px] flex justify-center items-center cursor-pointer bg-[#ce181e] rounded-[8px] w-fit hover:bg-[linear-gradient(90deg,#840000_0%,#ce181e_100%)] lg:mt-[0px] mt-[20px]\">\n                    <a href=\"\/contact-us\" class=\"text-[18px] leading-[30.6px] text-white\">\u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044<\/a>\n                <\/div>\n            <\/div>\n            <div class=\"flex flex-wrap items-center justify-center xl:gap-[75px] gap-x-[40px] gap-y-[17.07px]\">\n                <div class=\"flex xl:gap-[75px] gap-x-[40px] gap-y-[17.07px]\">\n                    <img decoding=\"async\" class=\"lg:w-[124px] lg:h-[74px] w-[65px] h-[45px]\" src=\"\/wp-content\/uploads\/2025\/07\/NQA ISO 27001 Logo - UKAS.jpg\" alt=\"icon-strategic-services\" title=\"\">\n                    <img decoding=\"async\" class=\"lg:w-[63px] lg:h-[76px] w-[33.73px] h-[40.69px]\" src=\"\/wp-content\/uploads\/2025\/02\/strategy-consult-section-1-img-3.png\" alt=\"icon-strategic-services\" title=\"\">\n                <\/div>\n                <div class=\"flex xl:gap-[75px] gap-x-[40px] gap-y-[17.07px]\">\n                    <img decoding=\"async\" class=\"lg:w-[155px] lg:h-[56px] w-[108px] h-[39px]\" src=\"\/wp-content\/uploads\/2025\/02\/strategy-consult-section-1-img-4.png\" alt=\"icon-strategic-services\" title=\"\">\n                    <img decoding=\"async\" class=\"lg:w-[155px] lg:h-[56px] w-[108px] h-[39px]\" src=\"\/wp-content\/uploads\/2025\/02\/strategy-consult-section-1-img-5.png\" alt=\"icon-strategic-services\" title=\"\">\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<div\n            class=\"w-full lg:pb-[168px] pb-[60px] relative bg-cover bg-no-repeat lg:bg-[url(\/wp-content\/uploads\/2025\/02\/service-bg-service-pc.png)] bg-[url(\/wp-content\/uploads\/2025\/02\/service-bg-service-mobile.png)]\"\n        >\n            <div class=\"flex justify-center\">\n                <div\n                    class=\"relative lg:max-w-[1355px] lg:w-[72%] w-full max-w-[393px] px-[16px] lg:px-0 lg:mt-[80px] mt-[40px]\"\n                >\n                    <h2\n                        class=\"text-center lg:uppercase font-bold lg:text-[30px] text-[20px] bg-gradient-to-r from-[#840000] to-[#CE181E] bg-clip-text text-transparent\"\n                    >\n                        \u5f0a\u793e\u30b5\u30fc\u30d3\u30b9\n                    <\/h2>\n                    <div\n                        class=\"flex flex-wrap justify-center lg:gap-y-[80px] gap-y-[20px] gap-x-[25px] mt-[55px] flex justify-center\"\n                    >\n                        <!-- 1 -->\n                        <div\n                            class=\"w-[320px] lg:h-[445px] pb-[30px] bg-white flex justify-center rounded-lg cursor-pointer group\"\n                        >\n                            <div class=\"mt-[32px]\">\n                                <div class=\"flex justify-center\">\n                                    <div\n                                        class=\"relative lg:w-[84px] lg:h-[60px] w-[58px] h-[40px]\"\n                                    >\n                                        <img decoding=\"async\"\n                                            src=\"\/wp-content\/uploads\/2025\/02\/service-icon1-s2-black.png\"\n                                            alt=\"icon\"\n                                            class=\"absolute inset-0 lg:w-[84px] lg:h-[60px] w-[58px] h-[40px] opacity-100 group-hover:opacity-0 lg:block hidden\"\n                                        \/>\n                                        <img decoding=\"async\"\n                                            src=\"\/wp-content\/uploads\/2025\/02\/service-icon1-s2-red.png\"\n                                            alt=\"icon\"\n                                            class=\"absolute inset-0 lg:w-[84px] lg:h-[60px] w-[58px] h-[40px] group-hover:opacity-100 opacity-0 max-lg:opacity-100\"\n                                        \/>\n                                    <\/div>\n                                <\/div>\n                                <div\n                                    class=\"w-[218px] gap-y-[25px] mt-[40px] lg:text-base text-sm flex flex-col justify-between\"\n                                >\n                                    <div\n                                        class=\"font-bold lg:text-lg text-base group-hover:text-[#CE181E]\"\n                                    >\n                                        <a href=\"\/services\/it-strategy-consulting\"\n                                            >IT\u6226\u7565\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0\u30b5\u30fc\u30d3\u30b9<\/a\n                                        >\n                                    <\/div>\n                                    <div class=\"hover:text-[#CE181E]\">\n                                        <a href=\"\/services\/dx-consulting\"\n                                            >DX\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0<\/a\n                                        >\n                                    <\/div>\n                                    <div class=\"hover:text-[#CE181E]\">\n                                        <a href=\"\/services\/startup-consulting\"\n                                            >\u30b9\u30bf\u30fc\u30c8\u30a2\u30c3\u30d7\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0<\/a\n                                        >\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <!-- 2 -->\n                        <div\n                            class=\"w-[320px] lg:h-[445px] pb-[30px] bg-white flex justify-center rounded-lg cursor-pointer group\"\n                        >\n                            <div class=\"mt-[32px]\">\n                                <div class=\"flex justify-center\">\n                                    <div\n                                        class=\"relative lg:w-[84px] lg:h-[60px] w-[58px] h-[40px]\"\n                                    >\n                                        <img decoding=\"async\"\n                                            src=\"\/wp-content\/uploads\/2025\/02\/service-icon2-s2-black.png\"\n                                            alt=\"icon\"\n                                            class=\"absolute inset-0 lg:w-[84px] lg:h-[60px] w-[58px] h-[40px] opacity-100 group-hover:opacity-0 lg:block hidden\"\n                                        \/>\n                                        <img decoding=\"async\"\n                                            src=\"\/wp-content\/uploads\/2025\/02\/service-icon2-s2-red.png\"\n                                            alt=\"icon\"\n                                            class=\"absolute inset-0 lg:w-[84px] lg:h-[60px] w-[58px] h-[40px] group-hover:opacity-100 opacity-0 max-lg:opacity-100\"\n                                        \/>\n                                    <\/div>\n                                <\/div>\n                                <div\n                                    class=\"w-[218px] gap-y-[25px] mt-[40px] lg:text-base text-sm flex flex-col justify-between\"\n                                >\n                                    <div\n                                        class=\"font-bold lg:text-lg text-base group-hover:text-[#CE181E]\"\n                                    >\n                                        <a href=\"\/services\/software-development\"\n                                            >\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u958b\u767a\u30b5\u30fc\u30d3\u30b9<\/a\n                                        >\n                                    <\/div>\n                                    <div class=\"hover:text-[#CE181E]\">\n                                        <a\n                                            href=\"\/services\/application-development\"\n                                            >\u30b9\u30de\u30db\u30a2\u30d7\u30ea\u958b\u767a<\/a\n                                        >\n                                    <\/div>\n                                    <div class=\"hover:text-[#CE181E]\">\n                                        <a href=\"\/services\/web-development\"\n                                            >\u30a6\u30a7\u30d6\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a<\/a\n                                        >\n                                    <\/div>\n                                    <div class=\"hover:text-[#CE181E]\">\n                                        <a\n                                            href=\"\/services\/hybrid-app-development\"\n                                            >\u30de\u30eb\u30c1\u30c7\u30d0\u30a4\u30b9\u5411\u3051\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u306e\u958b\u767a<\/a\n                                        >\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <!-- 3 -->\n                        <div\n                            class=\"w-[320px] lg:h-[445px] pb-[30px] bg-white flex justify-center rounded-lg cursor-pointer group\"\n                        >\n                            <div class=\"mt-[32px]\">\n                                <div class=\"flex justify-center\">\n                                    <div\n                                        class=\"relative lg:w-[84px] lg:h-[60px] w-[58px] h-[40px]\"\n                                    >\n                                        <img decoding=\"async\"\n                                            src=\"\/wp-content\/uploads\/2025\/02\/service-icon3-s2-black.png\"\n                                            alt=\"icon\"\n                                            class=\"absolute inset-0 lg:w-[84px] lg:h-[60px] w-[58px] h-[40px] opacity-100 group-hover:opacity-0 lg:block hidden\"\n                                        \/>\n                                        <img decoding=\"async\"\n                                            src=\"\/wp-content\/uploads\/2025\/02\/service-icon3-s2-red.png\"\n                                            alt=\"icon\"\n                                            class=\"absolute inset-0 lg:w-[84px] lg:h-[60px] w-[58px] h-[40px] opacity-0 group-hover:opacity-100 max-lg:opacity-100\"\n                                        \/>\n                                    <\/div>\n                                <\/div>\n                                <div\n                                    class=\"w-[218px] gap-y-[25px] mt-[40px] lg:text-base text-sm flex flex-col justify-between\"\n                                >\n                                    <div\n                                        class=\"font-bold lg:text-lg text-base group-hover:text-[#CE181E]\"\n                                    >\n                                        <a\n                                            href=\"\/services\/software-migration-modernization\"\n                                            >\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u306e\u79fb\u884c\u304a\u3088\u3073\u6700\u65b0\u5316\u30b5\u30fc\u30d3\u30b9<\/a\n                                        >\n                                    <\/div>\n                                    <div class=\"hover:text-[#CE181E]\">\n                                        <a href=\"\/services\/legacy-system-modernization\"\n                                            >\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u306e\u6700\u65b0\u5316<\/a\n                                        >\n                                    <\/div>\n                                    <div class=\"hover:text-[#CE181E]\">\n                                        <a href=\"\/services\/data-migration\"\n                                            >\u30c7\u30fc\u30bf\u79fb\u884c\u30b5\u30fc\u30d3\u30b9<\/a\n                                        >\n                                    <\/div>\n                                    <div class=\"hover:text-[#CE181E]\">\n                                        <a href=\"\/services\/software-re-engineering\"\n                                            >\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u306e\u30ea\u30a8\u30f3\u30b8\u30cb\u30a2\u30ea\u30f3\u30b0\u30b5\u30fc\u30d3\u30b9<\/a\n                                        >\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <!-- 4 -->\n                        <div\n                            class=\"w-[320px] lg:h-[445px] pb-[30px] bg-white flex justify-center rounded-lg cursor-pointer group\"\n                        >\n                            <div class=\"mt-[32px]\">\n                                <div class=\"flex justify-center\">\n                                    <div\n                                        class=\"relative lg:w-[84px] lg:h-[60px] w-[58px] h-[40px]\"\n                                    >\n                                        <img decoding=\"async\"\n                                            src=\"\/wp-content\/uploads\/2025\/02\/service-icon4-s2-black.png\"\n                                            alt=\"icon\"\n                                            class=\"absolute inset-0 lg:w-[84px] lg:h-[60px] w-[58px] h-[40px] opacity-100 group-hover:opacity-0 lg:block hidden\"\n                                        \/>\n                                        <img decoding=\"async\"\n                                            src=\"\/wp-content\/uploads\/2025\/02\/service-icon4-s2-red.png\"\n                                            alt=\"icon\"\n                                            class=\"absolute inset-0 lg:w-[84px] lg:h-[60px] w-[58px] h-[40px] opacity-0 group-hover:opacity-100 max-lg:opacity-100\"\n                                        \/>\n                                    <\/div>\n                                <\/div>\n                                <div\n                                    class=\"w-[218px] gap-y-[25px] mt-[40px] lg:text-base text-sm flex flex-col justify-between\"\n                                >\n                                    <div\n                                        class=\"font-bold lg:text-lg text-base group-hover:text-[#CE181E]\"\n                                    >\n                                        <a\n                                            href=\"\/services\/cloud-transformation\"\n                                            >\u30af\u30e9\u30a6\u30c9\u30b3\u30f3\u30d4\u30e5\u30fc\u30c6\u30a3\u30f3\u30b0\u958b\u767a\u30fb\u7ba1\u7406\u30b5\u30fc\u30d3\u30b9<\/a\n                                        >\n                                    <\/div>\n                                    <div class=\"hover:text-[#CE181E]\">\n                                        <a\n                                            href=\"\/services\/cloud-migration\"\n                                            >\u30af\u30e9\u30a6\u30c9\u30b3\u30f3\u30d4\u30e5\u30fc\u30c6\u30a3\u30f3\u30b0\u79fb\u884c\u30fb\u8fd1\u4ee3\u5316\u30b5\u30fc\u30d3\u30b9<\/a\n                                        >\n                                    <\/div>\n                                    <div class=\"hover:text-[#CE181E]\">\n                                        <a\n                                            href=\"\/services\/cloud-native-development\"\n                                            >\u30af\u30e9\u30a6\u30c9\u30b3\u30f3\u30d4\u30e5\u30fc\u30c6\u30a3\u30f3\u30b0\u958b\u767a\u30b5\u30fc\u30d3\u30b9<\/a\n                                        >\n                                    <\/div>\n                                    <div class=\"hover:text-[#CE181E]\">\n                                        <a href=\"\/services\/cloud-operations\"\n                                            >\u30af\u30e9\u30a6\u30c9\u30b3\u30f3\u30d4\u30e5\u30fc\u30c6\u30a3\u30f3\u30b0\u904b\u7528\u30b5\u30fc\u30d3\u30b9\uff08CloudOps\uff09<\/a\n                                        >\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <!-- 5 -->\n                        <div\n                            class=\"w-[320px] lg:h-[445px] pb-[30px] bg-white flex justify-center rounded-lg cursor-pointer group\"\n                        >\n                            <div class=\"mt-[32px]\">\n                                <div class=\"flex justify-center\">\n                                    <div\n                                        class=\"relative lg:w-[84px] lg:h-[60px] w-[58px] h-[40px]\"\n                                    >\n                                        <img decoding=\"async\"\n                                            src=\"\/wp-content\/uploads\/2025\/02\/service-icon5-s2-black.png\"\n                                            alt=\"icon\"\n                                            class=\"absolute inset-0 lg:w-[84px] lg:h-[60px] w-[58px] h-[40px] opacity-100 group-hover:opacity-0 lg:block hidden\"\n                                        \/>\n                                        <img decoding=\"async\"\n                                            src=\"\/wp-content\/uploads\/2025\/02\/service-icon5-s2-red.png\"\n                                            alt=\"icon\"\n                                            class=\"absolute inset-0 lg:w-[84px] lg:h-[60px] w-[58px] h-[40px] opacity-0 group-hover:opacity-100 max-lg:opacity-100\"\n                                        \/>\n                                    <\/div>\n                                <\/div>\n                                <div\n                                    class=\"w-[218px] gap-y-[25px] mt-[40px] lg:text-base text-sm flex flex-col justify-between\"\n                                >\n                                    <div\n                                        class=\"font-bold lg:text-lg text-base group-hover:text-[#CE181E]\"\n                                    >\n                                        <a href=\"\/services\/cyber-security-services\"\n                                            >\u30b5\u30a4\u30d0\u30fc\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3<\/a\n                                        >\n                                    <\/div>\n                                    <div class=\"hover:text-[#CE181E]\">\n                                        <a href=\"\/services\/cyber-security-services\"\n                                            >\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u30b5\u30fc\u30d3\u30b9<\/a\n                                        >\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <!-- 6 -->\n                        <div\n                            class=\"w-[320px] lg:h-[445px] pb-[30px] bg-white flex justify-center rounded-lg cursor-pointer group\"\n                        >\n                            <div class=\"mt-[32px]\">\n                                <div class=\"flex justify-center\">\n                                    <div\n                                        class=\"relative lg:w-[84px] lg:h-[60px] w-[58px] h-[40px]\"\n                                    >\n                                        <img decoding=\"async\"\n                                            src=\"\/wp-content\/uploads\/2025\/02\/service-icon6-s2-black.png\"\n                                            alt=\"icon\"\n                                            class=\"absolute inset-0 lg:w-[84px] lg:h-[60px] w-[58px] h-[40px] opacity-100 group-hover:opacity-0 lg:block hidden\"\n                                        \/>\n                                        <img decoding=\"async\"\n                                            src=\"\/wp-content\/uploads\/2025\/02\/service-icon6-s2-red.png\"\n                                            alt=\"icon\"\n                                            class=\"absolute inset-0 lg:w-[84px] lg:h-[60px] w-[58px] h-[40px] opacity-0 group-hover:opacity-100 max-lg:opacity-100\"\n                                        \/>\n                                    <\/div>\n                                <\/div>\n                                <div\n                                    class=\"w-[218px] gap-y-[25px] mt-[40px] lg:text-base text-sm flex flex-col justify-between\"\n                                >\n                                    <div\n                                        class=\"font-bold lg:text-lg text-base group-hover:text-[#CE181E]\"\n                                    >\n                                        <a\n                                            href=\"\/services\/qa-software-testing-service\"\n                                            >\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u30c6\u30b9\u30c8\u30b5\u30fc\u30d3\u30b9<\/a\n                                        >\n                                    <\/div>\n                                    <div class=\"hover:text-[#CE181E]\">\n                                        <a\n                                            href=\"\/services\/end-to-end-qa-services\"\n                                            >\u5305\u62ec\u7684\u306a\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u30c6\u30b9\u30c8\u30b5\u30fc\u30d3\u30b9<\/a\n                                        >\n                                    <\/div>\n                                    <div class=\"hover:text-[#CE181E]\">\n                                        <a href=\"\/services\/automation-testing-solution\"\n                                            >\u81ea\u52d5\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u30c6\u30b9\u30c8\u30b5\u30fc\u30d3\u30b9<\/a\n                                        >\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <!-- 7 -->\n                        <div\n                            class=\"w-[320px] lg:h-[445px] pb-[30px] bg-white flex justify-center rounded-lg cursor-pointer group\"\n                        >\n                            <div class=\"mt-[32px]\">\n                                <div class=\"flex justify-center\">\n                                    <div\n                                        class=\"relative lg:w-[84px] lg:h-[60px] w-[58px] h-[40px]\"\n                                    >\n                                        <img decoding=\"async\"\n                                            src=\"\/wp-content\/uploads\/2025\/02\/service-icon7-s2-black.png\"\n                                            alt=\"icon\"\n                                            class=\"absolute inset-0 lg:w-[84px] lg:h-[60px] w-[58px] h-[40px] opacity-100 group-hover:opacity-0 lg:block hidden\"\n                                        \/>\n                                        <img decoding=\"async\"\n                                            src=\"\/wp-content\/uploads\/2025\/02\/service-icon7-s2-red.png\"\n                                            alt=\"icon\"\n                                            class=\"absolute inset-0 lg:w-[84px] lg:h-[60px] w-[58px] h-[40px] opacity-0 group-hover:opacity-100 max-lg:opacity-100\"\n                                        \/>\n                                    <\/div>\n                                <\/div>\n                                <div\n                                    class=\"w-[218px] gap-y-[25px] mt-[40px] lg:text-base text-sm flex flex-col justify-between\"\n                                >\n                                    <div\n                                        class=\"font-bold lg:text-lg text-base group-hover:text-[#CE181E]\"\n                                    >\n                                        <a href=\"\/services\/it-management-services\"\n                                            >IT\u7ba1\u7406\u30b5\u30fc\u30d3\u30b9<\/a\n                                        >\n                                    <\/div>\n                                    <div class=\"hover:text-[#CE181E]\">\n                                        <a href=\"\/services\/service-desk\"\n                                            >\u30c6\u30af\u30cb\u30ab\u30eb\u30b5\u30dd\u30fc\u30c8\u30b5\u30fc\u30d3\u30b9<\/a\n                                        >\n                                    <\/div>\n                                    <div class=\"hover:text-[#CE181E]\">\n                                        <a href=\"\/services\/it-managed-service\"\n                                            > \u30bd\u30d5\u30c8\u30a6\u30a7\u30a2 \u30b7\u30b9\u30c6\u30e0\u306e\u4fdd\u5b88\u304a\u3088\u3073\u7ba1\u7406\u30b5\u30fc\u30d3\u30b9<\/a\n                                        >\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <!-- contact -->\n                    <div class=\"lg:mt-[80px] mt-[93px] relative w-full\">\n                        <a\n                            href=\"\/contact-us\"\n                            class=\"group transition-transform duration-700 relative min-h-[144px] lg:pl-[20px] pt-[16px] lg:pb-[17px] flex lg:flex-row flex-col items-center lg:justify-start justify-center bg-gradient-to-r from-[#840000] to-[#CE181E] rounded-lg box-border cursor-pointer overflow-hidden\"\n                        >\n                            <div\n                                class=\"lg:max-w-[774px] w-full max-w-[294px] lg:w-[60%] z-10\"\n                            >\n                                <div\n                                    class=\"font-bold text-white lg:text-[20px] text-[16px] leading-[24px] lg:leading-[30px]\"\n                                >\n                                    \u5f0a\u793e\u306e\u5c02\u9580\u5bb6\u3068\u8a71\u3057\u307e\u3057\u3087\u3046!\n                                <\/div>\n                                <br \/>\n                                <div class=\"text-[14px] lg:leading-[24px] text-white\">\n                                    \u30eb\u30d3\u30ca\u306b\u306f\u3001\u304a\u5ba2\u69d8\u306e\u30cb\u30fc\u30ba\u306b\u5fdc\u3048\u308b\u753b\u671f\u7684\u306a\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3092\u3064\u304f\u308a\u51fa\u3059\u529b\u304c\u3042\u308a\u307e\u3059\u3002\u304a\u5ba2\u69d8\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3001\u307e\u305f\u306f\u304a\u5ba2\u69d8\u306e\u4f1a\u793e\u306b\u5408\u3063\u305f\u30b5\u30fc\u30d3\u30b9\u306b\u3064\u3044\u3066\u3001\u5f0a\u793e\u306e\u30b3\u30f3\u30b5\u30eb\u30bf\u30f3\u30c8\u306b\u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002\n                                <\/div>\n                            <\/div>\n                            <div\n                                class=\"lg:absolute 2xl:right-[94px] 2xl:group-hover:translate-x-[60px] lg:right-[64px] lg:group-hover:translate-x-[50px] lg:mb-[0px] lg:mt-[0px] mb-[15px] mt-[62px] max-lg:w-full max-lg:max-w-[294px] flex items-center gap-[29px] transition-transform duration-500 ease-in-out z-10\"\n                            >\n                                <div\n                                    class=\"text-[20px] font-bold leading-[30px] text-white transition-transform duration-500 ease-out\"\n                                >\n                                    \u304a\u554f\u3044\u5408\u308f\u305b\n                                <\/div>\n                                <img decoding=\"async\"\n                                    src=\"\/wp-content\/uploads\/2025\/02\/common-arrow-right.png\"\n                                    alt=\"\"\n                                    class=\"w-[24px] h-[24px]\"\n                                \/>\n                            <\/div>\n\n                            <img decoding=\"async\"\n                                src=\"\/wp-content\/uploads\/2025\/02\/common-contact-bg.png\"\n                                alt=\"\"\n                                class=\"2xl:group-hover:translate-x-[300px] group-hover:translate-x-[100px] object-fit hidden lg:block absolute top-0 left-[-50px] w-[80%] min-h-[144px] h-full transition-transform duration-700 ease-out will-change-transform z-0\"\n                            \/>\n\n                            <img decoding=\"async\"\n                                src=\"\/wp-content\/uploads\/2025\/02\/m-common-contact-bg.png\"\n                                alt=\"\"\n                                class=\"absolute top-0 left-0 w-full min-h-[144px] h-[full] block lg:hidden object-contain z-0\"\n                            \/>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n\n<!-- <div class=\"pattern-our-customer\">\n<div\n\t\t\t\tclass=\"flex flex-col justify-center items-center lg:pt-[106px] lg:pb-[146px] pt-[40px] pb-[60px] lg:bg-white bg-[#f8f8f8]\"\n\t\t\t\trole=\"region\"\n\t\t\t\taria-label=\"Our Customers Section\"\n\t\t\t>\n<div class=\"flex flex-col items-center\">\n<h2\n\t\t\t\t\t\tclass=\"pattern-our-customer-title text-center lg:text-[30px] text-[20px] lg:leading-[60px] leading-[30px] font-bold lg:uppercase\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\u79c1\u305f\u3061\u306e\u30af\u30e9\u30a4\u30a2\u30f3\u30c8<\/h2>\n<div\n\t\t\t\t\t\tclass=\"scrolling-container w-full lg:mt-[102px] mt-[52px]\"\n\t\t\t\t\t>\n<div\n\t\t\t\t\t\t\tid=\"slider-customer\"\n\t\t\t\t\t\t\tclass=\"hidden lg:flex scrolling-content items-start flex-nowrap overflow-x-auto max-w-[min(100vw,1903px)] gap-[200px] scrollbar-hidden\"\n\t\t\t\t\t\t>\n<div class=\"logo-wrapper min-w-[120px]\">\n\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\tclass=\"icon-logo-img object-cover w-[120px] aspect-[2.31]\"\n\t\t\t\t\t\t\t\t\tsrc=\"\/vi\/wp-content\/themes\/luvina2024\/assets\/images\/icon_mitsubishi.png\"\n\t\t\t\t\t\t\t\t\talt=\"Customer logo 1\"\n\t\t\t\t\t\t\t\t\tdata-img=\"icon_mitsubishi\"\n\t\t\t\t\t\t\t\t\/><\/div>\n<div class=\"logo-wrapper min-w-[191px]\">\n\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\tclass=\"icon-logo-img object-contain w-[191px] aspect-[3.68]\"\n\t\t\t\t\t\t\t\t\tsrc=\"\/vi\/wp-content\/themes\/luvina2024\/assets\/images\/icon_iso.png\"\n\t\t\t\t\t\t\t\t\talt=\"Customer logo 2\"\n\t\t\t\t\t\t\t\t\tdata-img=\"icon_iso\"\n\t\t\t\t\t\t\t\t\/><\/div>\n<div class=\"logo-wrapper min-w-[205px]\">\n\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\tclass=\"icon-logo-img object-contain w-[205px] aspect-[3.94]\"\n\t\t\t\t\t\t\t\t\tsrc=\"\/vi\/wp-content\/themes\/luvina2024\/assets\/images\/icon_cresco.png\"\n\t\t\t\t\t\t\t\t\talt=\"Customer logo 3\"\n\t\t\t\t\t\t\t\t\tdata-img=\"icon_cresco\"\n\t\t\t\t\t\t\t\t\/><\/div>\n<div class=\"logo-wrapper min-w-[183px]\">\n\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\tclass=\"icon-logo-img object-contain w-[183px] aspect-[3.52]\"\n\t\t\t\t\t\t\t\t\tsrc=\"\/vi\/wp-content\/themes\/luvina2024\/assets\/images\/icon_nissho.png\"\n\t\t\t\t\t\t\t\t\talt=\"Customer logo 4\"\n\t\t\t\t\t\t\t\t\tdata-img=\"icon_nissho\"\n\t\t\t\t\t\t\t\t\/><\/div>\n<div class=\"logo-wrapper min-w-[92px]\">\n\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\tclass=\"icon-logo-img object-contain w-[92px] aspect-[1.77]\"\n\t\t\t\t\t\t\t\t\tsrc=\"\/vi\/wp-content\/themes\/luvina2024\/assets\/images\/icon_nri.png\"\n\t\t\t\t\t\t\t\t\talt=\"Customer logo 5\"\n\t\t\t\t\t\t\t\t\tdata-img=\"icon_nri\"\n\t\t\t\t\t\t\t\t\/><\/div>\n<\/div>\n<div\n\t\t\t\t\t\t\tid=\"slider-customer-mb\"\n\t\t\t\t\t\t\tclass=\"flex lg:hidden scrolling-content items-start flex-nowrap overflow-x-auto max-w-[min(100vw,1903px)] gap-[50px] scrollbar-hidden\"\n\t\t\t\t\t\t>\n<div class=\"logo-wrapper min-w-[86px]\">\n\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\tclass=\"icon-logo-img object-cover w-[86px] aspect-[2.31]\"\n\t\t\t\t\t\t\t\t\tsrc=\"\/vi\/wp-content\/themes\/luvina2024\/assets\/images\/icon_mitsubishi_hover.png\"\n\t\t\t\t\t\t\t\t\talt=\"Customer logo 1\"\n\t\t\t\t\t\t\t\t\tdata-img=\"icon_mitsubishi\"\n\t\t\t\t\t\t\t\t\/><\/div>\n<div class=\"logo-wrapper min-w-[139px]\">\n\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\tclass=\"icon-logo-img object-contain w-[139px] aspect-[3.68]\"\n\t\t\t\t\t\t\t\t\tsrc=\"\/vi\/wp-content\/themes\/luvina2024\/assets\/images\/icon_iso_hover.png\"\n\t\t\t\t\t\t\t\t\talt=\"Customer logo 2\"\n\t\t\t\t\t\t\t\t\tdata-img=\"icon_iso\"\n\t\t\t\t\t\t\t\t\/><\/div>\n<div class=\"logo-wrapper min-w-[66px]\">\n\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\tclass=\"icon-logo-img object-contain w-[66px] aspect-[1.77]\"\n\t\t\t\t\t\t\t\t\tsrc=\"\/vi\/wp-content\/themes\/luvina2024\/assets\/images\/icon_nri_hover.png\"\n\t\t\t\t\t\t\t\t\talt=\"Customer logo 5\"\n\t\t\t\t\t\t\t\t\tdata-img=\"icon_nri\"\n\t\t\t\t\t\t\t\t\/><\/div>\n<div class=\"logo-wrapper min-w-[146px]\">\n\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\tclass=\"icon-logo-img object-contain w-[146px] aspect-[3.94]\"\n\t\t\t\t\t\t\t\t\tsrc=\"\/vi\/wp-content\/themes\/luvina2024\/assets\/images\/icon_cresco_hover.png\"\n\t\t\t\t\t\t\t\t\talt=\"Customer logo 3\"\n\t\t\t\t\t\t\t\t\tdata-img=\"icon_cresco\"\n\t\t\t\t\t\t\t\t\/><\/div>\n<div class=\"logo-wrapper min-w-[132px]\">\n\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\tclass=\"icon-logo-img object-contain w-[132px] aspect-[3.52]\"\n\t\t\t\t\t\t\t\t\tsrc=\"\/vi\/wp-content\/themes\/luvina2024\/assets\/images\/icon_nissho_hover.png\"\n\t\t\t\t\t\t\t\t\talt=\"Customer logo 4\"\n\t\t\t\t\t\t\t\t\tdata-img=\"icon_nissho\"\n\t\t\t\t\t\t\t\t\/><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div> -->\n\n\n<section class=\"lg:block hidden relative w-full h-auto\">\n    <div id=\"sticky-div\"\n        class=\"sticky top-10 left-0 h-[100vh] lg:bg-[url(\/vi\/wp-content\/themes\/luvina2024\/assets\/images\/common_luv_so_hoa-bg.png)] bg-cover bg-center bg-no-repeat w-full flex flex-col items-center py-[80px] \">\n        <div class=\"limittitle w-full h-auto\">\n            <h2 class=\"font-bold text-[40px] leading-[60px] text-center text-white\">\n                \u30eb\u30d3\u30ca\u306f\u30c7\u30b8\u30bf\u30eb\u5316\u3078\u306e\u9053\u3092\u7686\u69d8\u3068\u5171\u306b\u6b69\u307f\u307e\u3059\u3002\n            <\/h2>\n        <\/div>\n        <div class=\"common_luv_digital_journey_2025-content-img mt-[150px]\">\n\n            <img decoding=\"async\" class=\"object-contain\" src=\"\/vi\/wp-content\/themes\/luvina2024\/assets\/images\/common_luv_so_hoa-img.png\" alt=\"\" title=\"\">\n\n        <\/div>\n    <\/div>\n\n    <div class=\"flex flex-1 flex-row justify-center relative -mt-[710px]\">\n\n        <div id=\"luvina-accompanies-service-all\"\n            class=\"common_luv_digital_journey_2025-content-scroll w-[1585px] pb-[165px] box-border flex flex-col items-center relative\">\n            <div class=\"w-full flex flex-col items-center relative pb-[25px] mb-[359px] px-[20px]\">\n                <div class=\"w-[calc(100%-460px)] flex flex-row justify-between\">\n                    <div\n                        class=\"common_luv_digital_journey_2025-content-scroll-description-item relative w-[205px] h-[246px] p-[14px] pb-[9px] box-border\">\n                        <div><img decoding=\"async\" class=\"absolute top-0 left-0 w-[205px] object-fill z-[1]\" src=\"\/vi\/wp-content\/themes\/luvina2024\/assets\/images\/common_luv_so_hoa-item-bg.png\" alt=\"\" title=\"\">\n                        <\/div>\n                        <div\n                            class=\"common_luv_digital_journey_2025-content-scroll-description-item-text-1 relative font-['Noto_Sans'] text-[18px] font-bold leading-[27px] text-center text-white z-[2]\">\n                            \u67d4\u8edf\u6027\u3068\u9069\u5fdc\u529b<\/div>\n                        <div\n                            class=\"common_luv_digital_journey_2025-content-scroll-description-item-text-2 relative font-['Noto_Sans'] text-[14px] font-normal leading-[23.8px] text-center pt-[25px] text-white z-[2]\">\n                            \u5f53\u793e\u306e\u30d7\u30ed\u30d5\u30a7\u30c3\u30b7\u30e7\u30ca\u30eb\u306a\u30c1\u30fc\u30e0\u306f\u3001\u304a\u5ba2\u69d8\u306e\u30cb\u30fc\u30ba\u306b\u5408\u308f\u305b\u305f\u30ef\u30fc\u30ad\u30f3\u30b0\u30e2\u30c7\u30eb\u3068\u6280\u8853\u30b7\u30b9\u30c6\u30e0\u3092\u9078\u629e\u3059\u308b\u3053\u3068\u3092\u53ef\u80fd\u306b\u3057\u307e\u3059\u3002<\/div>\n                    <\/div>\n                    <div style=\"flex-grow: 1;\"><\/div>\n                    <div\n                        class=\"common_luv_digital_journey_2025-content-scroll-description-item relative w-[205px] h-[246px] p-[14px] pb-[9px] box-border\">\n                        <div><img decoding=\"async\" class=\"absolute top-0 left-0 w-[205px] object-fill z-[1]\" src=\"\/vi\/wp-content\/themes\/luvina2024\/assets\/images\/common_luv_so_hoa-item-bg.png\" alt=\"\" title=\"\">\n                        <\/div>\n                        <div\n                            class=\"common_luv_digital_journey_2025-content-scroll-description-item-text-1 relative font-['Noto_Sans'] text-[18px] font-bold leading-[27px] text-center text-white z-[2]\">\n                            \u5305\u62ec\u7684\u306a\u30b5\u30fc\u30d3\u30b9\u306e\u63d0\u4f9b<\/div>\n                        <div\n                            class=\"common_luv_digital_journey_2025-content-scroll-description-item-text-2 relative font-['Noto_Sans'] text-[14px] font-normal leading-[23.8px] text-center pt-[25px] text-white z-[2]\">\n                            \u7dcf\u5408\u7684\u306a\u30b5\u30fc\u30d3\u30b9\u306e\u63d0\u4f9b\u3092\u76ee\u6307\u3057\u3001\u304a\u5ba2\u69d8\u306e\u3042\u3089\u3086\u308b\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u958b\u767a\u30cb\u30fc\u30ba\u306b\u5168\u9762\u7684\u306b\u304a\u5fdc\u3048\u3057\u307e\u3059\u3002<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"w-full flex flex-row justify-between mt-[-59px]\">\n                    <div\n                        class=\"common_luv_digital_journey_2025-content-scroll-description-item relative w-[205px] h-[246px]  p-[14px] pb-[9px] box-border\">\n                        <div><img decoding=\"async\" class=\"absolute top-0 left-0 w-[205px] object-fill z-[1]\" src=\"\/vi\/wp-content\/themes\/luvina2024\/assets\/images\/common_luv_so_hoa-item-bg.png\" alt=\"\" title=\"\">\n                        <\/div>\n                        <div\n                            class=\"common_luv_digital_journey_2025-content-scroll-description-item-text-1 relative font-['Noto_Sans'] text-[18px] font-bold leading-[27px] text-center text-white z-[2]\">\n\n                            \u8a8d\u3081\u3089\u308c\u305f\u54c1\u8cea \n\n                        <\/div>\n                        <div\n                            class=\"common_luv_digital_journey_2025-content-scroll-description-item-text-2 relative font-['Noto_Sans'] text-[14px] font-normal leading-[23.8px] text-center pt-[25px] text-white z-[2]\">\n\n                            2004\u5e74\u306e\u8a2d\u7acb\u4ee5\u6765\u3001\u79c1\u305f\u3061\u306e\u9ad8\u54c1\u8cea\u3067\u5b89\u5b9a\u3057\u305f\u30b5\u30fc\u30d3\u30b9\u306f\u3001\u4f55\u767e\u3082\u306e\u65e5\u672c\u306e\u304a\u5ba2\u69d8\u306b\u8a8d\u3081\u3089\u308c\u3066\u3044\u307e\u3059\u3002\n\n                        <\/div>\n                    <\/div>\n                    <div style=\"flex-grow: 1;\"><\/div>\n                    <div\n                        class=\"common_luv_digital_journey_2025-content-scroll-description-item special relative w-[205px] h-[246px]  pt-[4px] px-[14px] pb-0 box-border\">\n                        <div><img decoding=\"async\" class=\"absolute top-0 left-0 w-[205px] object-fill z-[1]\" src=\"\/vi\/wp-content\/themes\/luvina2024\/assets\/images\/common_luv_so_hoa-item-bg.png\" alt=\"\" title=\"\">\n                        <\/div>\n                        <div\n                            class=\"common_luv_digital_journey_2025-content-scroll-description-item-text-1 relative font-['Noto_Sans'] text-[18px] font-bold leading-[27px] text-center text-white z-[2]\">\n\n                            \u5f37\u3044\u8cac\u4efb\u611f\n\n                        <\/div>\n                        <div\n                            class=\"common_luv_digital_journey_2025-content-scroll-description-item-text-2 relative font-['Noto_Sans'] text-[14px] font-normal leading-[23.8px] text-center pt-[25px] text-white z-[2]\">\n\n                            \u79c1\u305f\u3061\u306f\u3001\u6c7a\u3057\u3066\u3042\u304d\u3089\u3081\u306a\u3044\u59ff\u52e2\u3067\u3001\u3059\u3079\u3066\u306e\u8ab2\u984c\u306b\u5bfe\u3057\u3066\u6c7a\u610f\u3068\u5fcd\u8010\u3067\u53d6\u308a\u7d44\u307f\u3001\u304a\u5ba2\u69d8\u306b\u6210\u529f\u3057\u305f\u7d50\u679c\u3092\u3082\u305f\u3089\u3059\u3088\u3046\u6700\u5584\u3092\u5c3d\u304f\u3057\u307e\u3059\u3002\n\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"w-[calc(100%-460px)] flex flex-row justify-between mt-[-12px]\">\n                    <div\n                        class=\"common_luv_digital_journey_2025-content-scroll-description-item relative w-[205px] h-[246px]  p-[14px] pb-[9px] box-border\">\n                        <div><img decoding=\"async\" class=\"absolute top-0 left-0 w-[205px] object-fill z-[1]\" src=\"\/vi\/wp-content\/themes\/luvina2024\/assets\/images\/common_luv_so_hoa-item-bg.png\" alt=\"\" title=\"\">\n                        <\/div>\n                        <div\n                            class=\"common_luv_digital_journey_2025-content-scroll-description-item-text-1 relative font-['Noto_Sans'] text-[18px] font-bold leading-[27px] text-center text-white z-[2]\">\n\n                            \u5305\u62ec\u7684\u306aIP\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\n\n                        <\/div>\n                        <div\n                            class=\"common_luv_digital_journey_2025-content-scroll-description-item-text-2 relative font-['Noto_Sans'] text-[14px] font-normal leading-[23.8px] text-center pt-[25px] text-white z-[2]\">\n\n                            \u5f53\u793e\u306e\u30a4\u30f3\u30d5\u30e9\u30b9\u30c8\u30e9\u30af\u30c1\u30e3\u306f\u56fd\u969b\u57fa\u6e96\u306b\u6e96\u62e0\u3057\u3001\u304a\u5ba2\u69d8\u306eIP\u30a2\u30c9\u30ec\u30b9\u3092\u6700\u9ad8\u306e\u6c34\u6e96\u3067\u4fdd\u8b77\u3059\u308b\u3053\u3068\u3092\u4fdd\u8a3c\u3057\u307e\u3059\u3002\n\n                        <\/div>\n                    <\/div>\n                    <div style=\"flex-grow: 1;\"><\/div>\n                    <div\n                        class=\"common_luv_digital_journey_2025-content-scroll-description-item relative w-[205px] h-[246px]  pt-[17px] px-[4px] pb-[9px] box-border\">\n                        <div><img decoding=\"async\" class=\"absolute top-0 left-0 w-[205px] object-fill z-[1]\" src=\"\/vi\/wp-content\/themes\/luvina2024\/assets\/images\/common_luv_so_hoa-item-bg.png\" alt=\"\" title=\"\">\n                        <\/div>\n                        <div\n                            class=\"common_luv_digital_journey_2025-content-scroll-description-item-text-1 relative font-['Noto_Sans'] text-[18px] font-bold leading-[27px] text-center text-white z-[2]\">\n\n                            \u65e5\u672c\u8a9e\u5bfe\u5fdc\n\n                        <\/div>\n                        <div\n                            class=\"common_luv_digital_journey_2025-content-scroll-description-item-text-2 relative font-['Noto_Sans'] text-[14px] font-normal leading-[23.8px] text-center pt-[25px] text-white z-[2]\">\n\n                            \u5f53\u793e\u306e\u30c1\u30fc\u30e0\u306f\u3001\u65e5\u672c\u8a9e\u3067\u306e\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3\u306b\u5bfe\u5fdc\u3057\u3066\u3044\u307e\u3059\u3002\u65e5\u672c\u4f01\u696d\u3068\u306e\u52b9\u7387\u7684\u306a\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u78ba\u4fdd\u3057\u3066\u6d77\u5916\u3078\u306e\u30a2\u30a6\u30c8\u30bd\u30fc\u30b7\u30f3\u30b0\u3067\u3042\u308a\u306a\u304c\u3089\u30b9\u30e0\u30fc\u30ba\u306b\u3084\u308a\u53d6\u308a\u3092\u3059\u308b\u4e8b\u304c\u53ef\u80fd\u3067\u3059\u3002\n\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div\n                class=\"common_luv_digital_journey_2025-content-scroll-statistic relative flex flex-row justify-between mb-[80px]\">\n                <div class=\"flex flex-col justify-between\">\n                    <div>\n                        <div\n                            class=\"font-noto text-[80px] font-bold leading-[100px] text-center text-[#CE181E] pl-[45px]\">\n\n                            20+\n\n                        <\/div>\n                        <div class=\"font-noto text-[18px] font-bold leading-[27px] text-white text-center w-[276px]\">\n\n                            \u5e74\u306e\u958b\u767a\u5b9f\u7e3e\n\n                        <\/div>\n                    <\/div>\n                    <div style=\"flex-grow: 1;\"><\/div>\n                    <div>\n                        <div\n                            class=\"font-noto text-[80px] font-bold leading-[100px] text-center text-[#CE181E] pl-[45px]\">\n\n                            750+\n\n                        <\/div>\n                        <div class=\"font-noto text-[18px] font-bold leading-[27px] text-white text-center w-[276px]\">\n\n                            \u5f93\u696d\u54e1\n\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div style=\"flex-grow: 1;\"><\/div>\n                <div class=\"flex flex-col justify-between\">\n                    <div>\n                        <div class=\"font-noto text-[80px] font-bold leading-[100px] text-center text-[#CE181E]\">\n\n                            110+\n\n                        <\/div>\n                        <div class=\"font-noto text-[18px] font-bold leading-[27px] text-white text-center w-[276px]\">\n\n                            \u304a\u5ba2\u69d8\n\n                        <\/div>\n                    <\/div>\n                    <div style=\"flex-grow: 1;\"><\/div>\n                    <div>\n                        <div class=\"font-noto text-[80px] font-bold leading-[100px] text-center text-[#CE181E]\">\n\n                            1000+\n\n                        <\/div>\n                        <div class=\"font-noto text-[18px] font-bold leading-[27px] text-white text-center w-[276px]\">\n\n                            \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\n\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n<section id=\"mobile\" class=\"block lg:hidden relative w-full h-auto\">\n    <div class=\"sticky top-0 left-0 bg-cover h-screen bg-no-repeat bg-center pt-[65px]\"\n        style=\"background-image: url('\/vi\/wp-content\/themes\/luvina2024\/assets\/images\/common_mobile_luv_so_hoa-bg.png');\">\n        <h2 class=\"limittitle-mobile  mx-4 text-center font-noto text-[20px] font-bold leading-[30px] text-white\">\n\n            \u30eb\u30d3\u30ca\u306f\u30c7\u30b8\u30bf\u30eb\u5316\u3078\u306e\u9053\u3092\u7686\u69d8\u3068\u5171\u306b\u6b69\u307f\u307e\u3059\u3002\n\n        <\/h2>\n    <\/div>\n    <div id=\"luvina-accompanies-service-all-mobile\" class=\"w-full h-auto box-border relative -mt-[720px]\">\n        <div class=\"flex flex-col items-center w-full py-[60px]\">\n            <div class=\"mt-[195px] mb-[307px] h-[276px]\"><img decoding=\"async\" class=\"w-[178px] object-cover\" src=\"\/vi\/wp-content\/themes\/luvina2024\/assets\/images\/common_luv_so_hoa-img.png\" alt=\"\" title=\"\"><\/div>\n            <div class=\"relative w-full mb-[307px]\">\n                <div class=\"relative flex flex-row justify-evenly w-full\">\n                    <div class=\"relative w-[174px] h-[246px] pt-[10px] px-[10px] box-border\">\n\n                        <img decoding=\"async\" class=\"absolute top-0 left-0 w-[174px] h-[246px] object-fill\" src=\"\/vi\/wp-content\/themes\/luvina2024\/assets\/images\/common_luv_so_hoa-item-bg.png\" alt=\"\" title=\"\">\n                        <div class=\"relative text-center text-white font-sans text-[16px] font-bold leading-[24px]\">\n\n                            \u8a8d\u3081\u3089\u308c\u305f\u54c1\u8cea\n\n                        <\/div>\n                        <div\n                            class=\"relative text-center text-white font-sans text-[11px] font-normal leading-[20px] mt-[25px]\">\n\n                            2004\u5e74\u306e\u8a2d\u7acb\u4ee5\u6765\u3001\u79c1\u305f\u3061\u306e\u9ad8\u54c1\u8cea\u3067\u5b89\u5b9a\u3057\u305f\u30b5\u30fc\u30d3\u30b9\u306f\u3001\u4f55\u767e\u3082\u306e\u65e5\u672c\u306e\u304a\u5ba2\u69d8\u306b\u8a8d\u3081\u3089\u308c\u3066\u3044\u307e\u3059\u3002\n\n                        <\/div>\n                    <\/div>\n                    <div class=\"relative w-[174px] h-[246px] pt-[10px] px-[10px] box-border\">\n\n                        <img decoding=\"async\" class=\"absolute top-0 left-0 w-[174px] h-[246px] object-fill\" src=\"\/vi\/wp-content\/themes\/luvina2024\/assets\/images\/common_luv_so_hoa-item-bg.png\" alt=\"\" title=\"\">\n                        <div class=\"relative text-center text-white font-sans text-[16px] font-bold leading-[24px]\">\n                            <div>\n\n                                \u67d4\u8edf\u6027\u3068\u9069\u5fdc\u529b\n\n                            <\/div>\n                        <\/div>\n                        <div\n                            class=\"relative text-center text-white font-sans text-[11px] font-normal leading-[20px] mt-[25px]\">\n\n                            \u5f53\u793e\u306e\u30d7\u30ed\u30d5\u30a7\u30c3\u30b7\u30e7\u30ca\u30eb\u306a\u30c1\u30fc\u30e0\u306f\u3001\u304a\u5ba2\u69d8\u306e\u30cb\u30fc\u30ba\u306b\u5408\u308f\u305b\u305f\u30ef\u30fc\u30ad\u30f3\u30b0\u30e2\u30c7\u30eb\u3068\u6280\u8853\u30b7\u30b9\u30c6\u30e0\u3092\u9078\u629e\u3059\u308b\u3053\u3068\u3092\u53ef\u80fd\u306b\u3057\u307e\u3059\u3002\n\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"flex flex-row justify-evenly w-full mt-[19px]\">\n                    <div class=\"relative w-[174px] h-[246px] pt-[10px] px-[10px] box-border\">\n\n                        <img decoding=\"async\" class=\"absolute top-0 left-0 w-[174px] h-[246px] object-fill\" src=\"\/vi\/wp-content\/themes\/luvina2024\/assets\/images\/common_luv_so_hoa-item-bg.png\" alt=\"\" title=\"\">\n                        <div class=\"relative text-center text-white font-sans text-[16px] font-bold leading-[24px]\">\n\n                            \u5305\u62ec\u7684\u306aIP\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\n\n                        <\/div>\n                        <div\n                            class=\"relative text-center text-white font-sans text-[11px] font-normal leading-[20px] mt-[25px]\">\n\n                            \u5f53\u793e\u306e\u30a4\u30f3\u30d5\u30e9\u30b9\u30c8\u30e9\u30af\u30c1\u30e3\u306f\u56fd\u969b\u57fa\u6e96\u306b\u6e96\u62e0\u3057\u3001\u304a\u5ba2\u69d8\u306eIP\u30a2\u30c9\u30ec\u30b9\u3092\u6700\u9ad8\u306e\u6c34\u6e96\u3067\u4fdd\u8b77\u3059\u308b\u3053\u3068\u3092\u4fdd\u8a3c\u3057\u307e\u3059\u3002\n\n                        <\/div>\n                    <\/div>\n                    <div class=\"relative w-[174px] h-[246px] pt-[10px] px-[10px] box-border\">\n\n                        <img decoding=\"async\" class=\"absolute top-0 left-0 w-[174px] h-[246px] object-fill\" src=\"\/vi\/wp-content\/themes\/luvina2024\/assets\/images\/common_luv_so_hoa-item-bg.png\" alt=\"\" title=\"\">\n                        <div class=\"relative text-center text-white font-sans text-[16px] font-bold leading-[24px]\">\n\n                            \u5305\u62ec\u7684\u306a\u30b5\u30fc\u30d3\u30b9\u306e\u63d0\u4f9b\n\n                        <\/div>\n                        <div\n                            class=\"relative text-center text-white font-sans text-[11px] font-normal leading-[20px] mt-[25px]\">\n\n                            \u7dcf\u5408\u7684\u306a\u30b5\u30fc\u30d3\u30b9\u306e\u63d0\u4f9b\u3092\u76ee\u6307\u3057\u3001\u304a\u5ba2\u69d8\u306e\u3042\u3089\u3086\u308b\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u958b\u767a\u30cb\u30fc\u30ba\u306b\u5168\u9762\u7684\u306b\u304a\u5fdc\u3048\u3057\u307e\u3059\u3002\n\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"flex flex-row justify-evenly w-full mt-[19px]\">\n                    <div class=\"relative w-[174px] h-[246px] pt-[10px] px-[10px] box-border\">\n\n                        <img decoding=\"async\" class=\"absolute top-0 left-0 w-[174px] h-[246px] object-fill\" src=\"\/vi\/wp-content\/themes\/luvina2024\/assets\/images\/common_luv_so_hoa-item-bg.png\" alt=\"\" title=\"\">\n                        <div class=\"relative text-center text-white font-sans text-[16px] font-bold leading-[24px]\">\n                            <div>\n\n                                \u65e5\u672c\u8a9e\u5bfe\u5fdc\n\n                            <\/div>\n                        <\/div>\n                        <div\n                            class=\"relative text-center text-white font-sans text-[11px] font-normal leading-[20px] mt-[25px]\">\n\n                            \u5f53\u793e\u306e\u30c1\u30fc\u30e0\u306f\u3001\u65e5\u672c\u8a9e\u3067\u306e\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3\u306b\u5bfe\u5fdc\u3057\u3066\u3044\u307e\u3059\u3002\u65e5\u672c\u4f01\u696d\u3068\u306e\u52b9\u7387\u7684\u306a\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u78ba\u4fdd\u3057\u3066\u6d77\u5916\u3078\u306e\u30a2\u30a6\u30c8\u30bd\u30fc\u30b7\u30f3\u30b0\u3067\u3042\u308a\u306a\u304c\u3089\u30b9\u30e0\u30fc\u30ba\u306b\u3084\u308a\u53d6\u308a\u3092\u3059\u308b\u4e8b\u304c\u53ef\u80fd\u3067\u3059\u3002\n\n                        <\/div>\n                    <\/div>\n                    <div class=\"relative w-[174px] h-[246px] pt-[10px] px-[10px] box-border\">\n\n                        <img decoding=\"async\" class=\"absolute top-0 left-0 w-[174px] h-[246px] object-fill\" src=\"\/vi\/wp-content\/themes\/luvina2024\/assets\/images\/common_luv_so_hoa-item-bg.png\" alt=\"\" title=\"\">\n                        <div class=\"relative text-center text-white font-sans text-[16px] font-bold leading-[24px]\">\n\n                            \u5f37\u3044\u8cac\u4efb\u611f\n\n                        <\/div>\n                        <div\n                            class=\"relative text-center text-white font-sans text-[11px] font-normal leading-[20px] mt-[25px]\">\n\n                            \u79c1\u305f\u3061\u306f\u3001\u6c7a\u3057\u3066\u3042\u304d\u3089\u3081\u306a\u3044\u59ff\u52e2\u3067\u3001\u3059\u3079\u3066\u306e\u8ab2\u984c\u306b\u5bfe\u3057\u3066\u6c7a\u610f\u3068\u5fcd\u8010\u3067\u53d6\u308a\u7d44\u307f\u3001\u304a\u5ba2\u69d8\u306b\u6210\u529f\u3057\u305f\u7d50\u679c\u3092\u3082\u305f\u3089\u3059\u3088\u3046\u6700\u5584\u3092\u5c3d\u304f\u3057\u307e\u3059\u3002\n\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"relative h-[194px] w-[calc(100%-41px)] flex flex-row justify-between\">\n                <div class=\"flex flex-col justify-between\">\n                    <div>\n                        <div class=\"font-sans text-[40px] font-bold leading-[60px] text-[#CE181E]\">\n\n                            20+\n\n                        <\/div>\n                        <div class=\"font-sans text-sm font-normal leading-[23.8px] text-white mt-[-10px]\">\n                            <div>\n\n                                \u5e74\u306e\u958b\u767a\u5b9f\u7e3e\n\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div>\n                        <div class=\"font-sans text-[40px] font-bold leading-[60px] text-[#CE181E]\">\n\n                            110+\n\n                        <\/div>\n                        <div class=\"font-sans text-sm font-normal leading-[23.8px] text-white mt-[-10px]\">\n\n                            \u304a\u5ba2\u69d8\n\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"flex flex-col justify-between\">\n                    <div>\n                        <div class=\"font-sans text-[40px] font-bold leading-[60px] text-[#CE181E]\">\n\n                            750+\n\n                        <\/div>\n                        <div class=\"font-sans text-sm font-normal leading-[23.8px] text-white mt-[-10px]\">\n\n                            \u5f93\u696d\u54e1\n\n                        <\/div>\n                    <\/div>\n                    <div>\n                        <div class=\"font-sans text-[40px] font-bold leading-[60px] text-[#CE181E]\">\n\n                            1000+\n\n                        <\/div>\n                        <div class=\"font-sans text-sm font-normal leading-[23.8px] text-white mt-[-10px]\">\n\n                            \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\n\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <\/div>\n<\/section>\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n        document.body.style.setProperty(\"overflow-x\", \"visible\", \"important\");\nconst targets = [\n        {\n            box: document.getElementById('luvina-accompanies-service-all'),\n            title: document.querySelector('.limittitle'),\n        },\n        {\n            box: document.getElementById('luvina-accompanies-service-all-mobile'),\n            title: document.querySelector('.limittitle-mobile'),\n        }\n    ];\n\n    function updateClipPath() {\n        for (const { box, title } of targets) {\n            if (!box || !title) continue;\n\n            const boxRect = box.getBoundingClientRect();\n            const titleRect = title.getBoundingClientRect();\n\n            const height = box.offsetHeight;\n            const overlap = titleRect.bottom - boxRect.top + 20;\n\n            if (overlap > 0 && overlap < height) {\n                box.style.clipPath = `inset(${overlap}px 0px 0px 0px)`;\n            } else if (overlap >= height) {\n                box.style.clipPath = `inset(${height}px 0px 0px 0px)`;\n            } else {\n                box.style.clipPath = `inset(0px 0px 0px 0px)`;\n            }\n        }\n    }\n\n    let ticking = false;\n    window.addEventListener('scroll', function () {\n        if (!ticking) {\n            window.requestAnimationFrame(function () {\n                updateClipPath();\n                ticking = false;\n            });\n            ticking = true;\n        }\n    });\n    });\n    \n<\/script>\n\n\n\n<div class=\"pattern-contact-banner\">\n            <div class=\"relative flex lg:justify-center items-center 2xl:h-[200px] lg:h-[250px] h-[222px] w-full\">\n                <div class=\"lg:block hidden\">\n                  <img decoding=\"async\" loading=\"lazy\" src=\"\/vi\/wp-content\/themes\/luvina2024\/assets\/images\/backgroud_ung_dung.png\" alt=\"Contact Us\" class=\"absolute top-0 left-0 z-0 h-full object-cover w-full aspect-[1920\/560]\" title=\"\">\n                <\/div>\n                <div class=\"lg:hidden block\">\n                  <img decoding=\"async\" loading=\"lazy\" src=\"\/vi\/wp-content\/themes\/luvina2024\/assets\/images\/backgroud-ung-dung-mobile.png\" alt=\"Contact Us\" class=\"absolute top-0 left-0 object-cover z-0 h-full w-full\" title=\"\">\n                <\/div>\n                <div class=\"relative flex lg:flex-row flex-col h-[142px] mx-4 my-10 lg:items-center justify-between lg:w-[72%] lg:max-w-[1355px] lg:h-[90px] lg:gap-7 lg:mx-0 lg:my-0\">\n                  <h2 class=\"font-bold lg:max-w-[1011px] lg:w-[75%] !text-white lg:text-3xl text-base lg:leading-[45px] lg:uppercase lg:h-[90px] h-[74px] flex items-center\">\n                    \u4eca\u3059\u3050\u30eb\u30d3\u30ca\u3068\u4e00\u7dd2\u306b\u30c6\u30af\u30ce\u30ed\u30b8\u30fc\u6d3b\u7528\u3068\u30c7\u30b8\u30bf\u30eb\u5316\u3092\u884c\u3044\u307e\u3057\u3087\u3046\u3002<br>\n                    \u305d\u3057\u3066\u30d3\u30b8\u30cd\u30b9\u306e\u30b3\u30a2\u9818\u57df\u3092\u3088\u308a\u6700\u9069\u5316\u3055\u305b\u307e\u3057\u3087\u3046\u3002<\/h2>\n                  <a\n                    href=\"\/contact-us\"\n                    class=\"inline-flex lg:w-[260px] w-[184px] bg-[#FFF7F7] text-[#CE181E] font-bold rounded-lg px-4 py-2 justify-between items-center cursor-pointer lg:h-[56px] h-[48px]\">\n                    <div class=\"font-bold lg:text-lg text-base\">\n                      \u304a\u554f\u3044\u5408\u308f\u305b\u5148\n                    <\/div>\n                    <div>\n                      <img decoding=\"async\" loading=\"lazy\" src=\"\/vi\/wp-content\/themes\/luvina2024\/assets\/images\/icon-next-red.png\" alt=\"Next Icon\" title=\"\">\n                    <\/div>\n                  <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u30b5\u30fc\u30d3\u30b9 \u4f01\u696d\u306e\u30c7\u30b8\u30bf\u30eb\u5909\u9769\u3092\u7dcf\u5408\u7684\u306aIT\u30a2\u30a6\u30c8\u30bd\u30fc\u30b7\u30f3\u30b0\u3067\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002 \u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044 \u5f0a\u793e\u30b5\u30fc\u30d3\u30b9 IT\u6226\u7565\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0\u30b5\u30fc\u30d3\u30b9 DX\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0 \u30b9\u30bf\u30fc\u30c8\u30a2\u30c3\u30d7\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0 \u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u958b\u767a\u30b5\u30fc\u30d3\u30b9 \u30b9\u30de\u30db\u30a2\u30d7\u30ea\u958b\u767a \u30a6\u30a7\u30d6\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a \u30de\u30eb\u30c1\u30c7\u30d0\u30a4\u30b9\u5411\u3051\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u306e\u958b\u767a \u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u306e\u79fb\u884c\u304a\u3088\u3073\u6700\u65b0\u5316\u30b5\u30fc\u30d3\u30b9 \u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u306e\u6700\u65b0\u5316 \u30c7\u30fc\u30bf\u79fb\u884c\u30b5\u30fc\u30d3\u30b9 \u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u306e\u30ea\u30a8\u30f3\u30b8\u30cb\u30a2\u30ea\u30f3\u30b0\u30b5\u30fc\u30d3\u30b9 \u30af\u30e9\u30a6\u30c9\u30b3\u30f3\u30d4\u30e5\u30fc\u30c6\u30a3\u30f3\u30b0\u958b\u767a\u30fb\u7ba1\u7406\u30b5\u30fc\u30d3\u30b9 \u30af\u30e9\u30a6\u30c9\u30b3\u30f3\u30d4\u30e5\u30fc\u30c6\u30a3\u30f3\u30b0\u79fb\u884c\u30fb\u8fd1\u4ee3\u5316\u30b5\u30fc\u30d3\u30b9 \u30af\u30e9\u30a6\u30c9\u30b3\u30f3\u30d4\u30e5\u30fc\u30c6\u30a3\u30f3\u30b0\u958b\u767a\u30b5\u30fc\u30d3\u30b9 \u30af\u30e9\u30a6\u30c9\u30b3\u30f3\u30d4\u30e5\u30fc\u30c6\u30a3\u30f3\u30b0\u904b\u7528\u30b5\u30fc\u30d3\u30b9\uff08CloudOps\uff09 \u30b5\u30a4\u30d0\u30fc\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3&#8230;<\/p>\n","protected":false},"author":9,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1371","page","type-page","status-publish","hentry"],"acf":[],"lang":"ja","translations":{"ja":1371,"vi":1721},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/luvina.net\/vi\/wp-json\/wp\/v2\/pages\/1371","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/luvina.net\/vi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/luvina.net\/vi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/luvina.net\/vi\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/luvina.net\/vi\/wp-json\/wp\/v2\/comments?post=1371"}],"version-history":[{"count":43,"href":"https:\/\/luvina.net\/vi\/wp-json\/wp\/v2\/pages\/1371\/revisions"}],"predecessor-version":[{"id":12709,"href":"https:\/\/luvina.net\/vi\/wp-json\/wp\/v2\/pages\/1371\/revisions\/12709"}],"wp:attachment":[{"href":"https:\/\/luvina.net\/vi\/wp-json\/wp\/v2\/media?parent=1371"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}