{"id":4666,"date":"2025-03-04T09:23:58","date_gmt":"2025-03-04T09:23:58","guid":{"rendered":"https:\/\/luvina.net\/vi\/vi\/?page_id=4666"},"modified":"2025-07-10T06:44:37","modified_gmt":"2025-07-10T06:44:37","slug":"cms","status":"publish","type":"page","link":"https:\/\/luvina.net\/vi\/ja\/solutions\/cms\/","title":{"rendered":"CMS"},"content":{"rendered":"\n<div id=\"banner\"\n    class=\"items-center lg:min-h-[735px] min-h-[700px] bg-cover bg-no-repeat relative flex flex-col lg:pb-[128px] pb-[34px] lg:bg-[url(\/wp-content\/uploads\/2025\/03\/cms-section-1-bg-pc.png)] bg-[url(\/wp-content\/uploads\/2025\/03\/cms-section-1-bg-mb.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:gap-[147px] gap-[94px] lg:mt-[130px] xl:ml-[5vw] 2xl:ml-[274px] lg:ml-[4vw] lg:px-0 mt-[200px] px-[16px] relative sm:mt-[400px]\">\n            <div class=\"flex flex-col lg:w-[780px] lg:items-start items-center lg:gap-[40px] gap-[20px]\">\n                <h1\n                    class=\"font-noto lg:text-[30px] text-[20px] font-bold lg:leading-[45px] leading-[30px] lg:text-left text-center text-[#CE181E] lg:uppercase\">\n                    CMS\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\n                <\/h1>\n                <div class=\"flex flex-col justify-between\">\n                    <p class=\"text-[16px] leading-[170%] lg:text-left text-center lg:w-[736px]\">\n                        \u5f0a\u793e\u306eCMS\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u306f\u3001\u76f4\u611f\u7684\u3067\u4f7f\u3044\u3084\u3059\u3044\u30b3\u30f3\u30c6\u30f3\u30c4\u7ba1\u7406\u30c4\u30fc\u30eb\u3092\u63d0\u4f9b\u3057\u3001\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u306e\u904b\u7528\u30fb\u66f4\u65b0\u3092\u52b9\u7387\u5316\u3057\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u7ba1\u7406\u306e\u8ca0\u62c5\u3092\u8efd\u6e1b\u3057\u306a\u304c\u3089\u3001\u9b45\u529b\u7684\u3067\u4e00\u8cab\u6027\u306e\u3042\u308b\u30aa\u30f3\u30e9\u30a4\u30f3\u4f53\u9a13\u3092\u5b9f\u73fe\u3067\u304d\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-0 mt-[20px]\">\n                    <a href=\"\/contact-us\" title=\"Contact us\"\n                        class=\"font-noto text-[18px] font-normal leading-[30.6px] text-white\">\u304a\u554f\u3044\u5408\u308f\u305b<\/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  id=\"tabs-menu\"\n  class=\"w-full lg:bg-[#EFEFF0] bg-[#F8F8F8] lg:flex lg:items-center lg:justify-center\"\n>\n  <!-- start tab PC -->\n  <div\n    class=\"lg:grid hidden text-lg h-[65px] max-w-[1355px] w-full grid-cols-2\"\n  >\n    <div\n      data-tab=\"heartcore\"\n      class=\"tab-pc flex justify-center items-center px-[16px] cursor-pointer text-[#4A4B4C] font-bold border-b-[4px] border-b-[#CE181E]\"\n    >\n      <div\n        class=\"ml-[30px] group-hover:-translate-x-7 transform transition-transform duration-500\"\n      >\n        Heartcore\n      <\/div>\n      <div\n        class=\"transition-opacity duration-500 opacity-0 group-hover:opacity-100\"\n      >\n        <svg\n          width=\"30\"\n          height=\"30\"\n          viewBox=\"0 0 30 30\"\n          fill=\"none\"\n          xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n        >\n          <rect width=\"30\" height=\"30\" rx=\"15\" fill=\"white\" \/>\n          <path\n            fill-rule=\"evenodd\"\n            clip-rule=\"evenodd\"\n            d=\"M17.5994 12.2997C17.3448 11.9546 17.3965 11.4511 17.7151 11.1752C18.0336 10.8993 18.4983 10.9554 18.7529 11.3005L20.6228 13.8343C21.1257 14.5159 21.1257 15.4841 20.6228 16.1657L18.7529 18.6995C18.4983 19.0446 18.0336 19.1007 17.7151 18.8248C17.3965 18.5489 17.3448 18.0454 17.5994 17.7003L19.0017 15.8L9.73844 15.8C9.33061 15.8 9 15.4418 9 15C9 14.5581 9.33061 14.2 9.73844 14.2L19.0017 14.2L17.5994 12.2997Z\"\n            fill=\"#7C7B7B\"\n          \/>\n        <\/svg>\n      <\/div>\n    <\/div>\n    <div\n      data-tab=\"drupal\"\n      class=\"tab-pc flex justify-center items-center px-[16px] cursor-pointer text-[#4A4B4C] group\"\n    >\n      <div\n        class=\"ml-[30px] group-hover:-translate-x-7 transform transition-transform duration-500\"\n      >\n        Drupal\n      <\/div>\n      <div\n        class=\"transition-opacity duration-500 opacity-0 group-hover:opacity-100\"\n      >\n        <svg\n          width=\"30\"\n          height=\"30\"\n          viewBox=\"0 0 30 30\"\n          fill=\"none\"\n          xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n        >\n          <rect width=\"30\" height=\"30\" rx=\"15\" fill=\"white\" \/>\n          <path\n            fill-rule=\"evenodd\"\n            clip-rule=\"evenodd\"\n            d=\"M17.5994 12.2997C17.3448 11.9546 17.3965 11.4511 17.7151 11.1752C18.0336 10.8993 18.4983 10.9554 18.7529 11.3005L20.6228 13.8343C21.1257 14.5159 21.1257 15.4841 20.6228 16.1657L18.7529 18.6995C18.4983 19.0446 18.0336 19.1007 17.7151 18.8248C17.3965 18.5489 17.3448 18.0454 17.5994 17.7003L19.0017 15.8L9.73844 15.8C9.33061 15.8 9 15.4418 9 15C9 14.5581 9.33061 14.2 9.73844 14.2L19.0017 14.2L17.5994 12.2997Z\"\n            fill=\"#7C7B7B\"\n          \/>\n        <\/svg>\n      <\/div>\n    <\/div>\n  <\/div>\n  <!-- end tab PC -->\n  <!-- start tab mobile -->\n  <div class=\"lg:hidden text-lg h-[62px] w-full\">\n    <div\n      id=\"tab-mb-selected\"\n      class=\"flex items-center justify-between px-[16px] h-[62px] font-bold border-b-[4px] border-b-[#CE181E]\"\n    >\n      <span>Heartcore<\/span>\n      <svg\n        width=\"30\"\n        height=\"30\"\n        viewBox=\"0 0 30 30\"\n        fill=\"none\"\n        xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n      >\n        <rect width=\"30\" height=\"30\" rx=\"15\" fill=\"white\" \/>\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M17.5994 12.2997C17.3448 11.9546 17.3965 11.4511 17.7151 11.1752C18.0336 10.8993 18.4983 10.9554 18.7529 11.3005L20.6228 13.8343C21.1257 14.5159 21.1257 15.4841 20.6228 16.1657L18.7529 18.6995C18.4983 19.0446 18.0336 19.1007 17.7151 18.8248C17.3965 18.5489 17.3448 18.0454 17.5994 17.7003L19.0017 15.8L9.73844 15.8C9.33061 15.8 9 15.4418 9 15C9 14.5581 9.33061 14.2 9.73844 14.2L19.0017 14.2L17.5994 12.2997Z\"\n          fill=\"#7C7B7B\"\n        \/>\n      <\/svg>\n    <\/div>\n    <div id=\"tabs-mobile\" class=\"absolute w-full bg-[#F8F8F8] hidden z-50\">\n      <div\n        data-tab=\"heartcore\"\n        class=\"tab-mb flex items-center px-[16px] lg:h-full h-[62px] text-[#4A4B4C] border-b-[2px] border-b-[#D9D9D9]\"\n      >\n        Heartcore\n      <\/div>\n      <div\n        data-tab=\"drupal\"\n        class=\"tab-mb flex items-center px-[16px] lg:h-full h-[62px] text-[#4A4B4C] border-b-[2px] border-b-[#D9D9D9]\"\n      >\n        Drupal\n      <\/div>\n    <\/div>\n  <\/div>\n  <!-- end tab mobile -->\n<\/div>\n\n\n\n<section\n  id=\"services\"\n  class=\"heartcore flex justify-center lg:py-[80px] py-[40px] bg-[#fff]\"\n>\n  <div\n    class=\"lg:max-w-[1355px] lg:w-[72%] w-full lg:px-0 px-[16px] flex items-center flex-col\"\n  >\n    <h2\n      class=\"font-bold w-fit lg:uppercase bg-gradient-to-r from-[#840000] to-[#CE181E] bg-clip-text text-transparent lg:text-[30px] text-[20px] leading-[150%] text-center\"\n    >\n      \u30b5\u30fc\u30d3\u30b9\n    <\/h2>\n    <p\n      class=\"pt-[40px] lg:max-w-[1114px] text-center lg:text-lg text-base leading-[170%]\"\n    >\n      HeartCore CMS\u306f\u3001\u6700\u65b0\u306eHeadless\n      CMS\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3067\u3001\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u3084\u30c7\u30b8\u30bf\u30eb\u30c1\u30e3\u30cd\u30eb\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u67d4\u8edf\u304b\u3064\u52b9\u7387\u7684\u306b\u4f5c\u6210\u30fb\u7ba1\u7406\u3067\u304d\u308b\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3059\u3002\u30eb\u30d3\u30ca\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u306e\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u30b5\u30fc\u30d3\u30b9\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u304a\u5ba2\u69d8\u306e\u30d3\u30b8\u30cd\u30b9\u30cb\u30fc\u30ba\u306b\u6700\u9069\u306a\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3092\u63d0\u4f9b\u3057\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u7ba1\u7406\u306e\u52b9\u7387\u5316\u3068\u30aa\u30f3\u30e9\u30a4\u30f3\u30d7\u30ec\u30bc\u30f3\u30b9\u306e\u5f37\u5316\u3092\u5b9f\u73fe\u3057\u307e\u3059\u3002\n    <\/p>\n    <!-- Content PC -->\n    <div\n      class=\"lg:flex flex-wrap hidden pt-[40px] gap-[25px] w-full justify-center items-center\"\n    >\n      <div\n        class=\"h-[595px] group w-[320px] relative bg-cover bg-center bg-[url(\/wp-content\/uploads\/2025\/03\/cms-section-3-image-1.png)] rounded-[16px] hover:bg-[url(\/wp-content\/uploads\/2025\/03\/cms-section-3-hover-image-1.png)]\"\n      >\n        <div\n          class=\"group-hover:opacity-0 opacity-100 transition duration-500\"\n        >\n\n          <p\n            class=\"absolute left-[16px] right-[16px] bottom-[27px] uppercase text-[#fff] font-bold text-[30px]\"\n          >\n            Heartcore\u306e\u5c0e\u5165\u3068\u6d3b\u7528\u65b9\u6cd5\u306b\u95a2\u3059\u308b\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0\n          <\/p>\n        <\/div>\n        <div\n          class=\"group-hover:opacity-100 opacity-0 transition duration-500 absolute inset-0 text-[#fff] px-[16px] py-[20px]\"\n        >\n          <h2 class=\"uppercase font-bold text-[30px] leading-[150%]\">\n            Heartcore\u306e\u5c0e\u5165\u3068\u6d3b\u7528\u65b9\u6cd5\u306b\u95a2\u3059\u308b\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0\n          <\/h2>\n          <br \/>\n          <span class=\"text-base leading-[170%]\">\n                        \u30eb\u30d3\u30ca\u30bd\u30d5\u30c8\u30a6\u30a8\u30a2\u306f\u3001\u304a\u5ba2\u69d8\u306e\u30d3\u30b8\u30cd\u30b9\u30cb\u30fc\u30ba\u306b\u5408\u308f\u305b\u305fHeartcore\n                        CMS\/CXM\u306e\u5c0e\u5165\u30fb\u8a2d\u5b9a\u3092\u652f\u63f4\u3057\u3001\u304a\u5ba2\u69d8\u306e\u696d\u52d9\u52b9\u7387\u5316\u3092\u56f3\u308a\u307e\u3059\u3002\u7d4c\u9a13\u8c4a\u5bcc\u306a\u30a8\u30f3\u30b8\u30cb\u30a2\u304c\u3001\u30b9\u30e0\u30fc\u30ba\u306a\u5c0e\u5165\u3068\u904b\u7528\u3092\u30b5\u30dd\u30fc\u30c8\u3059\u308b\u3053\u3068\u3067\u3001\u304a\u5ba2\u69d8\u306e\u30d3\u30b8\u30cd\u30b9\u6210\u9577\u306b\u8ca2\u732e\u3057\u307e\u3059\u3002\n                    <\/span>\n        <\/div>\n      <\/div>\n\n      <div\n        class=\"h-[595px] group w-[320px] relative bg-cover bg-center bg-[url(\/wp-content\/uploads\/2025\/03\/cms-section-3-image-2.png)] rounded-[16px] hover:bg-[url(\/wp-content\/uploads\/2025\/03\/cms-section-3-hover-image-2.png)]\"\n      >\n        <div\n          class=\"group-hover:opacity-0 opacity-100 transition duration-500\"\n        >\n\n          <p\n            class=\"absolute left-[16px] right-[16px] bottom-[27px] uppercase text-[#fff] font-bold text-[30px]\"\n          >\n            Heartcore\u3092\u4f7f\u3063\u305f\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u958b\u767a\n          <\/p>\n        <\/div>\n        <div\n          class=\"group-hover:opacity-100 opacity-0 transition duration-500 absolute inset-0 text-[#fff] px-[16px] py-[20px]\"\n        >\n          <h2 class=\"uppercase font-bold text-[30px] leading-[150%]\">\n            Heartcore\u3092\u4f7f\u3063\u305f\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u958b\u767a\n          <\/h2>\n          <br \/>\n          <div class=\"text-base leading-[170%]\">\n            Heartcore\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3092\u6d3b\u7528\u3057\u3001\u304a\u5ba2\u69d8\u306e\u30d3\u30b8\u30cd\u30b9\u306b\u6700\u9069\u306a\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002\u4ee5\u4e0b\u306e\u51e6\u7406\u3092\u5b9f\u65bd\u3059\u308b\u3053\u3068\u3067\u3001\u304a\u5ba2\u69d8\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u7ba1\u7406\u3092\u52b9\u7387\u5316\u3057\u3001\u30e6\u30fc\u30b6\u30fc\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002\n            <br \/>\n            <br \/>\n            <p class=\"inline-flex gap-[5px]\">\n              <img decoding=\"async\"\n                src=\"\/wp-content\/uploads\/2025\/03\/v-white.png\"\n                alt=\"icon-v\"\n                class=\"mt-[5px] w-[16px] h-[16px]\"\n              \/>\n              \u65e2\u5b58\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u3092Heartcore\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306b\u79fb\u884c\u3059\u308b\u3002\n            <\/p>\n            <p class=\"inline-flex gap-[5px]\">\n              <img decoding=\"async\"\n                src=\"\/wp-content\/uploads\/2025\/03\/v-white.png\"\n                alt=\"icon-v\"\n                class=\"mt-[5px] w-[16px] h-[16px]\"\n              \/>\n              \u5fc5\u8981\u306b\u5fdc\u3058\u3066\u8ffd\u52a0\u6a5f\u80fd\u3092\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3057\u3066\u7d71\u5408\u3059\u308b\u3002\n            <\/p>\n            <p class=\"inline-flex gap-[5px]\">\n              <img decoding=\"async\"\n                src=\"\/wp-content\/uploads\/2025\/03\/v-white.png\"\n                alt=\"icon-v\"\n                class=\"mt-[5px] w-[16px] h-[16px]\"\n              \/>\n              Heartcore\u306e\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u3092\u57fa\u5e79\u30b7\u30b9\u30c6\u30e0\u3068\u7d71\u5408\u3059\u308b\u3002\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div\n        class=\"h-[595px] group w-[320px] relative bg-cover bg-center bg-[url(\/wp-content\/uploads\/2025\/03\/cms-section-3-image-3.png)] rounded-[16px] hover:bg-[url(\/wp-content\/uploads\/2025\/03\/cms-section-3-hover-image-3.png)]\"\n      >\n        <div\n          class=\"group-hover:opacity-0 opacity-100 transition duration-500\"\n        >\n\n          <p\n            class=\"absolute left-[16px] right-[16px] bottom-[27px] uppercase text-[#fff] font-bold text-[30px]\"\n          >\n            Heartcore\u30d0\u30fc\u30b8\u30e7\u30f3\u30a2\u30c3\u30d7\u30b0\u30ec\u30fc\u30c9\n          <\/p>\n        <\/div>\n        <div\n          class=\"group-hover:opacity-100 opacity-0 transition duration-500 absolute inset-0 text-[#fff] px-[16px] py-[20px]\"\n        >\n          <h2 class=\"uppercase font-bold text-[30px] leading-[150%]\">\n            Heartcore\u30d0\u30fc\u30b8\u30e7\u30f3\u30a2\u30c3\u30d7\u30b0\u30ec\u30fc\u30c9\n          <\/h2>\n          <br \/>\n          <p class=\"text-base leading-[170%]\">\n            \u30eb\u30d3\u30ca\u30bd\u30d5\u30c8\u30a6\u30a8\u30a2\u306f\u3001Heartcore\u30b7\u30b9\u30c6\u30e0\u306e\u7d99\u7d9a\u7684\u306a\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u3068\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u5bfe\u7b56\u3092\u63d0\u4f9b\u3057\u3001\u30b7\u30b9\u30c6\u30e0\u306e\u5b89\u5b9a\u7a3c\u50cd\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002\u5f53\u793e\u306e\u30a2\u30c3\u30d7\u30b0\u30ec\u30fc\u30c9\n            \u30d7\u30ed\u30bb\u30b9\u306b\u3088\u308a\u3001\u30b7\u30b9\u30c6\u30e0\u306e\u5b89\u5b9a\u6027\u304c\u7dad\u6301\u3055\u308c\u3001\u6301\u7d9a\u7684\u306a\u6210\u9577\u304c\u53ef\u80fd\u306b\u306a\u308a\u307e\u3059\u3002\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n    <!-- END -->\n    <!-- Content Mobile -->\n    <div\n      class=\"items-service-mb lg:hidden flex flex-col pt-[40px] w-full gap-[16px]\"\n    >\n      <div\n        class=\"item-service bg-[#F8F8F8] rounded-lg p-[16px] overflow-hidden\"\n      >\n        <div class=\"flex justify-between items-center gap-[10px]\">\n          <div class=\"font-bold text-xl leading-[150%]\">\n            Heartcore\u306e\u5c0e\u5165\u3068\u6d3b\u7528\u65b9\u6cd5\u306b\u95a2\u3059\u308b\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0\n          <\/div>\n          <div\n            class=\"icon-arrow-right duration-50 ease-in-out w-[24px] h-[24px] flex justify-center items-center\"\n          >\n            <svg\n              width=\"20\"\n              height=\"12\"\n              viewBox=\"0 0 20 12\"\n              fill=\"none\"\n              xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n            >\n              <path\n                fill-rule=\"evenodd\"\n                clip-rule=\"evenodd\"\n                d=\"M14.5021 10.3756C14.1573 10.8069 14.2274 11.4362 14.6587 11.7811C15.0901 12.126 15.7194 12.0559 16.0643 11.6245L19.5625 7.24896C20.1464 6.5187 20.1464 5.48138 19.5625 4.75112L16.0643 0.375577C15.7194 -0.0557883 15.0901 -0.1259 14.6587 0.21898C14.2274 0.56386 14.1573 1.19313 14.5021 1.6245L17.2009 5.00004L0.999023 5.00004C0.446737 5.00004 -0.000976562 5.44775 -0.000976562 6.00004C-0.000976562 6.55232 0.446737 7.00004 0.999023 7.00004L17.2009 7.00004L14.5021 10.3756Z\"\n                fill=\"#7C7B7B\"\n              \/>\n            <\/svg>\n          <\/div>\n        <\/div>\n        <div\n          class=\"item-content text-base leading-[170%] max-w-[90%] max-h-0 transition-[max-height] duration-300 ease-in-out\"\n        >\n          <br \/>\n          \u30eb\u30d3\u30ca\u30bd\u30d5\u30c8\u30a6\u30a8\u30a2\u306f\u3001\u304a\u5ba2\u69d8\u306e\u30d3\u30b8\u30cd\u30b9\u30cb\u30fc\u30ba\u306b\u5408\u308f\u305b\u305fHeartcore\n          CMS\/CXM\u306e\u5c0e\u5165\u30fb\u8a2d\u5b9a\u3092\u652f\u63f4\u3057\u3001\u304a\u5ba2\u69d8\u306e\u696d\u52d9\u52b9\u7387\u5316\u3092\u56f3\u308a\u307e\u3059\u3002\u7d4c\u9a13\u8c4a\u5bcc\u306a\u30a8\u30f3\u30b8\u30cb\u30a2\u304c\u3001\u30b9\u30e0\u30fc\u30ba\u306a\u5c0e\u5165\u3068\u904b\u7528\u3092\u30b5\u30dd\u30fc\u30c8\u3059\u308b\u3053\u3068\u3067\u3001\u304a\u5ba2\u69d8\u306e\u30d3\u30b8\u30cd\u30b9\u6210\u9577\u306b\u8ca2\u732e\u3057\u307e\u3059\u3002\n        <\/div>\n      <\/div>\n      <div\n        class=\"item-service bg-[#F8F8F8] rounded-lg p-[16px] overflow-hidden\"\n      >\n        <div class=\"flex justify-between items-center gap-[10px]\">\n          <div class=\"font-bold text-xl leading-[150%]\">\n            Heartcore\u3092\u4f7f\u3063\u305f\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u958b\u767a\n          <\/div>\n          <div\n            class=\"icon-arrow-right duration-50 ease-in-out w-[24px] h-[24px] flex justify-center items-center\"\n          >\n            <svg\n              width=\"20\"\n              height=\"12\"\n              viewBox=\"0 0 20 12\"\n              fill=\"none\"\n              xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n            >\n              <path\n                fill-rule=\"evenodd\"\n                clip-rule=\"evenodd\"\n                d=\"M14.5021 10.3756C14.1573 10.8069 14.2274 11.4362 14.6587 11.7811C15.0901 12.126 15.7194 12.0559 16.0643 11.6245L19.5625 7.24896C20.1464 6.5187 20.1464 5.48138 19.5625 4.75112L16.0643 0.375577C15.7194 -0.0557883 15.0901 -0.1259 14.6587 0.21898C14.2274 0.56386 14.1573 1.19313 14.5021 1.6245L17.2009 5.00004L0.999023 5.00004C0.446737 5.00004 -0.000976562 5.44775 -0.000976562 6.00004C-0.000976562 6.55232 0.446737 7.00004 0.999023 7.00004L17.2009 7.00004L14.5021 10.3756Z\"\n                fill=\"#7C7B7B\"\n              \/>\n            <\/svg>\n          <\/div>\n        <\/div>\n        <div\n          class=\"item-content text-base leading-[170%] max-w-[90%] max-h-0 transition-[max-height] duration-300 ease-in-out\"\n        >\n          <br \/>\n          Heartcore\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3092\u6d3b\u7528\u3057\u3001\u304a\u5ba2\u69d8\u306e\u30d3\u30b8\u30cd\u30b9\u306b\u6700\u9069\u306a\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002\u4ee5\u4e0b\u306e\u51e6\u7406\u3092\u5b9f\u65bd\u3059\u308b\u3053\u3068\u3067\u3001\u304a\u5ba2\u69d8\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u7ba1\u7406\u3092\u52b9\u7387\u5316\u3057\u3001\u30e6\u30fc\u30b6\u30fc\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002\n          <br \/>\n          <br \/>\n          <p class=\"inline-flex gap-[5px]\">\n            <img decoding=\"async\"\n              src=\"\/wp-content\/uploads\/2025\/02\/v.png\"\n              alt=\"icon-v\"\n              class=\"mt-[5px] w-[16px] h-[16px]\"\n            \/>\n            \u65e2\u5b58\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u3092Heartcore\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306b\u79fb\u884c\u3059\u308b\u3002\n          <\/p>\n          <p class=\"inline-flex gap-[5px]\">\n            <img decoding=\"async\"\n              src=\"\/wp-content\/uploads\/2025\/02\/v.png\"\n              alt=\"icon-v\"\n              class=\"mt-[5px] w-[16px] h-[16px]\"\n            \/>\n            \u5fc5\u8981\u306b\u5fdc\u3058\u3066\u8ffd\u52a0\u6a5f\u80fd\u3092\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3057\u3066\u7d71\u5408\u3059\u308b\u3002\n          <\/p>\n          <p class=\"inline-flex gap-[5px]\">\n            <img decoding=\"async\"\n              src=\"\/wp-content\/uploads\/2025\/02\/v.png\"\n              alt=\"icon-v\"\n              class=\"mt-[5px] w-[16px] h-[16px]\"\n            \/>\n            Heartcore\u306e\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u3092\u57fa\u5e79\u30b7\u30b9\u30c6\u30e0\u3068\u7d71\u5408\u3059\u308b\u3002\n          <\/p>\n        <\/div>\n      <\/div>\n      <div\n        class=\"item-service bg-[#F8F8F8] rounded-lg p-[16px] overflow-hidden\"\n      >\n        <div class=\"flex justify-between items-center gap-[10px]\">\n          <div class=\"font-bold text-xl leading-[150%]\">\n            Heartcore\u30d0\u30fc\u30b8\u30e7\u30f3\u30a2\u30c3\u30d7\u30b0\u30ec\u30fc\u30c9\n          <\/div>\n          <div\n            class=\"icon-arrow-right duration-50 ease-in-out w-[24px] h-[24px] flex justify-center items-center\"\n          >\n            <svg\n              width=\"20\"\n              height=\"12\"\n              viewBox=\"0 0 20 12\"\n              fill=\"none\"\n              xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n            >\n              <path\n                fill-rule=\"evenodd\"\n                clip-rule=\"evenodd\"\n                d=\"M14.5021 10.3756C14.1573 10.8069 14.2274 11.4362 14.6587 11.7811C15.0901 12.126 15.7194 12.0559 16.0643 11.6245L19.5625 7.24896C20.1464 6.5187 20.1464 5.48138 19.5625 4.75112L16.0643 0.375577C15.7194 -0.0557883 15.0901 -0.1259 14.6587 0.21898C14.2274 0.56386 14.1573 1.19313 14.5021 1.6245L17.2009 5.00004L0.999023 5.00004C0.446737 5.00004 -0.000976562 5.44775 -0.000976562 6.00004C-0.000976562 6.55232 0.446737 7.00004 0.999023 7.00004L17.2009 7.00004L14.5021 10.3756Z\"\n                fill=\"#7C7B7B\"\n              \/>\n            <\/svg>\n          <\/div>\n        <\/div>\n        <div\n          class=\"item-content text-base leading-[170%] max-w-[90%] max-h-0 transition-[max-height] duration-300 ease-in-out\"\n        >\n          <br \/>\n          \u30eb\u30d3\u30ca\u30bd\u30d5\u30c8\u30a6\u30a8\u30a2\u306f\u3001Heartcore\u30b7\u30b9\u30c6\u30e0\u306e\u7d99\u7d9a\u7684\u306a\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u3068\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u5bfe\u7b56\u3092\u63d0\u4f9b\u3057\u3001\u30b7\u30b9\u30c6\u30e0\u306e\u5b89\u5b9a\u7a3c\u50cd\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002\u5f53\u793e\u306e\u30a2\u30c3\u30d7\u30b0\u30ec\u30fc\u30c9\n          \u30d7\u30ed\u30bb\u30b9\u306b\u3088\u308a\u3001\u30b7\u30b9\u30c6\u30e0\u306e\u5b89\u5b9a\u6027\u304c\u7dad\u6301\u3055\u308c\u3001\u6301\u7d9a\u7684\u306a\u6210\u9577\u304c\u53ef\u80fd\u306b\u306a\u308a\u307e\u3059\u3002\n        <\/div>\n      <\/div>\n    <\/div>\n    <!-- END -->\n  <\/div>\n<\/section>\n\n\n\n<section\n    id=\"services\"\n    class=\"drupal flex justify-center lg:py-[80px] py-[40px] bg-[#fff]\"\n>\n    <div\n        class=\"lg:max-w-[1355px] lg:w-[72%] w-full lg:px-0 px-[16px] flex items-center flex-col\"\n    >\n        <h2\n            class=\"font-bold w-fit lg:uppercase bg-gradient-to-r from-[#840000] to-[#CE181E] bg-clip-text text-transparent lg:text-[30px] text-[20px] leading-[150%] text-center\"\n        >\n            \u30b5\u30fc\u30d3\u30b9\n        <\/h2>\n        <p\n            class=\"pt-[40px] lg:max-w-[1114px] text-center lg:text-lg text-base leading-[170%]\"\n        >\n            Drupal\u306f\u3001\u9ad8\u3044\u67d4\u8edf\u6027\u3068\u62e1\u5f35\u6027\u3092\u5099\u3048\u305fCMS\u3067\u3001\u8907\u96d1\u306a\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u3084\u5927\u898f\u6a21\u306a\u30b3\u30f3\u30c6\u30f3\u30c4\u7ba1\u7406\u306b\u6700\u9069\u306a\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3067\u3059\u3002\u30eb\u30d3\u30ca\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u306e\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u30b5\u30fc\u30d3\u30b9\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u304a\u5ba2\u69d8\u306e\u30d3\u30b8\u30cd\u30b9\u30cb\u30fc\u30ba\u306b\u6700\u9069\u5316\u3055\u308c\u305fDrupal\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3092\u63d0\u4f9b\u3057\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u7ba1\u7406\u306e\u52b9\u7387\u5316\u3068\u30aa\u30f3\u30e9\u30a4\u30f3\u30d7\u30ec\u30bc\u30f3\u30b9\u306e\u5f37\u5316\u3092\u5b9f\u73fe\u3057\u307e\u3059\u3002\n        <\/p>\n        <!-- Content PC -->\n        <div\n            class=\"lg:flex flex-wrap hidden pt-[40px] gap-[25px] w-full justify-center items-center\"\n        >\n            <div\n                class=\"h-[595px] group w-[320px] relative bg-cover bg-center bg-[url(\/wp-content\/uploads\/2025\/03\/cms-section-3-image-4.png)] rounded-[16px] hover:bg-[url(\/wp-content\/uploads\/2025\/03\/cms-section-3-hover-image-4.png)]\"\n            >\n                <div\n                    class=\"group-hover:opacity-0 opacity-100 transition duration-500\"\n                >\n                    <p\n                        class=\"absolute left-[16px] right-[16px] bottom-[27px] uppercase text-[#fff] font-bold text-[30px]\"\n                    >\n                        \u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0\n                    <\/p>\n                <\/div>\n                <div\n                    class=\"group-hover:opacity-100 opacity-0 transition duration-500 absolute inset-0 text-[#fff] px-[16px] py-[20px]\"\n                >\n                    <h2 class=\"uppercase font-bold text-[30px] leading-[150%]\">\n                        \u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0\n                    <\/h2>\n                    <br \/>\n                    <span class=\"text-base leading-[170%]\">\n                        \u30eb\u30d3\u30ca\u30bd\u30d5\u30c8\u30a6\u30a8\u30a2\u306e\u5c02\u9580\u30c1\u30fc\u30e0\u304c\u3001\u304a\u5ba2\u69d8\u306e\u73fe\u5728\u306e\u30b7\u30b9\u30c6\u30e0\u3092\u8a73\u7d30\u306b\u5206\u6790\u3057\u3001\u304a\u5ba2\u69d8\u306e\u30d3\u30b8\u30cd\u30b9\u30cb\u30fc\u30ba\u306b\u5408\u308f\u305b\u305f\u6700\u9069\u306a\u6539\u5584\u7b56\u3092\u3054\u63d0\u6848\u3044\u305f\u3057\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u304a\u5ba2\u69d8\u306f\u30b7\u30b9\u30c6\u30e0\u306e\u5b89\u5b9a\u7a3c\u50cd\u3092\u78ba\u4fdd\u3057\u3001\u9577\u671f\u7684\u306a\u6210\u9577\u3092\u5b9f\u73fe\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\n                    <\/span>\n                <\/div>\n            <\/div>\n\n            <div\n                class=\"h-[595px] group w-[320px] relative bg-cover bg-center bg-[url(\/wp-content\/uploads\/2025\/03\/cms-section-3-image-5.png)] rounded-[16px] hover:bg-[url(\/wp-content\/uploads\/2025\/03\/cms-section-3-hover-image-5.png)]\"\n            >\n                <div\n                    class=\"group-hover:opacity-0 opacity-100 transition duration-500\"\n                >\n                    <p\n                        class=\"absolute left-[16px] right-[16px] bottom-[27px] uppercase text-[#fff] font-bold text-[30px]\"\n                    >\n                        \u7d71\u5408\n                    <\/p>\n                <\/div>\n                <div\n                    class=\"group-hover:opacity-100 opacity-0 transition duration-500 absolute inset-0 text-[#fff] px-[16px] py-[20px]\"\n                >\n                    <h2 class=\"uppercase font-bold text-[30px] leading-[150%]\">\n                        \u7d71\u5408\n                    <\/h2>\n                    <br \/>\n                    <span class=\"text-base leading-[170%]\">\n                        \u30eb\u30d3\u30ca\u30bd\u30d5\u30c8\u30a6\u30a8\u30a2\u306f\u3001Drupal\u3092CRM\u3001ERP\u306a\u3069\u306e\u65e2\u5b58\u30b7\u30b9\u30c6\u30e0\u3068\u30b7\u30fc\u30e0\u30ec\u30b9\u306b\u9023\u643a\u3055\u305b\u3001\u304a\u5ba2\u69d8\u306e\u30d3\u30b8\u30cd\u30b9\u30d7\u30ed\u30bb\u30b9\u3092\u6700\u9069\u5316\u3057\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u306e\u4e00\u5143\u7ba1\u7406\u304c\u53ef\u80fd\u306b\u306a\u308a\u3001\u696d\u52d9\u52b9\u7387\u5316\u3068\u30e6\u30fc\u30b6\u30fc\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u306e\u5411\u4e0a\u3092\u5b9f\u73fe\u3057\u307e\u3059\u3002\n                    <\/span>\n                <\/div>\n            <\/div>\n            <div\n                class=\"h-[595px] group w-[320px] relative bg-cover bg-center bg-[url(\/wp-content\/uploads\/2025\/03\/cms-section-3-image-6.png)] rounded-[16px] hover:bg-[url(\/wp-content\/uploads\/2025\/03\/cms-section-3-hover-image-6.png)]\"\n            >\n                <div\n                    class=\"group-hover:opacity-0 opacity-100 transition duration-500\"\n                >\n                    <p\n                        class=\"absolute left-[16px] right-[16px] bottom-[27px] uppercase text-[#fff] font-bold text-[30px]\"\n                    >\n                        \u30a2\u30c3\u30d7\u30b0\u30ec\u30fc\u30c9\n                    <\/p>\n                <\/div>\n                <div\n                    class=\"group-hover:opacity-100 opacity-0 transition duration-500 absolute inset-0 text-[#fff] px-[16px] py-[20px]\"\n                >\n                    <h2 class=\"uppercase font-bold text-[30px] leading-[150%]\">\n                        \u30a2\u30c3\u30d7\u30b0\u30ec\u30fc\u30c9\n                    <\/h2>\n                    <br \/>\n                    <p class=\"text-base leading-[170%]\">\n                        \u30eb\u30d3\u30ca\u30bd\u30d5\u30c8\u30a6\u30a8\u30a2\u306f\u3001Drupal\u30b7\u30b9\u30c6\u30e0\u306e\u6700\u65b0\u6a5f\u80fd\u3078\u306e\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u3084\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u5f37\u5316\u3092\u901a\u3058\u3066\u3001\u304a\u5ba2\u69d8\u306e\u30b7\u30b9\u30c6\u30e0\u3092\u5e38\u306b\u6700\u9069\u306a\u72b6\u614b\u306b\u4fdd\u3061\u307e\u3059\u3002\u7d4c\u9a13\u8c4a\u5bcc\u306a\u30a8\u30f3\u30b8\u30cb\u30a2\u304c\u3001\u30b9\u30e0\u30fc\u30ba\u306a\u30d0\u30fc\u30b8\u30e7\u30f3\u30a2\u30c3\u30d7\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3001\u304a\u5ba2\u69d8\u306e\u30d3\u30b8\u30cd\u30b9\u306e\u6210\u9577\u306b\u8ca2\u732e\u3057\u307e\u3059\u3002\n                    <\/p>\n                <\/div>\n            <\/div>\n            <div\n                class=\"h-[595px] group w-[320px] relative bg-cover bg-center bg-[url(\/wp-content\/uploads\/2025\/03\/cms-section-3-image-7.png)] rounded-[16px] hover:bg-[url(\/wp-content\/uploads\/2025\/03\/cms-section-3-hover-image-7.png)]\"\n            >\n                <div\n                    class=\"group-hover:opacity-0 opacity-100 transition duration-500\"\n                >\n                    <p\n                        class=\"absolute left-[16px] right-[16px] bottom-[27px] uppercase text-[#fff] font-bold text-[30px]\"\n                    >\n                        \u30ab\u30b9\u30bf\u30de\u30a4\u30ba\n                    <\/p>\n                <\/div>\n                <div\n                    class=\"group-hover:opacity-100 opacity-0 transition duration-500 absolute inset-0 text-[#fff] px-[16px] py-[20px]\"\n                >\n                    <h2 class=\"uppercase font-bold text-[30px] leading-[150%]\">\n                        \u30ab\u30b9\u30bf\u30de\u30a4\u30ba\n                    <\/h2>\n                    <br \/>\n                    <p class=\"text-base leading-[170%]\">\n                        \u30eb\u30d3\u30ca\u30bd\u30d5\u30c8\u30a6\u30a8\u30a2\u306f\u3001Heartcore\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3092\u6d3b\u7528\u3057\u3001\u304a\u5ba2\u69d8\u306e\u30d3\u30b8\u30cd\u30b9\u306b\u6700\u9069\u306a\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002\u65e2\u5b58\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u304b\u3089\u306e\u79fb\u884c\u3001\u6a5f\u80fd\u306e\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3001\u30b7\u30b9\u30c6\u30e0\u9023\u643a\u306a\u3069\u3001\u5e45\u5e83\u3044\u30b5\u30fc\u30d3\u30b9\u3092\u63d0\u4f9b\u3059\u308b\u3053\u3068\u3067\u3001\u304a\u5ba2\u69d8\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u7ba1\u7406\u3092\u52b9\u7387\u5316\u3057\u3001\u30e6\u30fc\u30b6\u30fc\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        <!-- END -->\n        <!-- Content Mobile -->\n        <div\n            class=\"items-service-mb lg:hidden flex flex-col pt-[40px] w-full gap-[16px]\"\n        >\n            <div\n                class=\"item-service bg-[#F8F8F8] rounded-lg p-[16px] overflow-hidden\"\n            >\n                <div class=\"flex justify-between items-center gap-[10px]\">\n                    <div class=\"font-bold text-xl leading-[150%]\">\n                        \u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0\n                    <\/div>\n                    <div\n                        class=\"icon-arrow-right duration-50 ease-in-out w-[24px] h-[24px] flex justify-center items-center\"\n                    >\n                        <svg\n                            width=\"20\"\n                            height=\"12\"\n                            viewBox=\"0 0 20 12\"\n                            fill=\"none\"\n                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                        >\n                            <path\n                                fill-rule=\"evenodd\"\n                                clip-rule=\"evenodd\"\n                                d=\"M14.5021 10.3756C14.1573 10.8069 14.2274 11.4362 14.6587 11.7811C15.0901 12.126 15.7194 12.0559 16.0643 11.6245L19.5625 7.24896C20.1464 6.5187 20.1464 5.48138 19.5625 4.75112L16.0643 0.375577C15.7194 -0.0557883 15.0901 -0.1259 14.6587 0.21898C14.2274 0.56386 14.1573 1.19313 14.5021 1.6245L17.2009 5.00004L0.999023 5.00004C0.446737 5.00004 -0.000976562 5.44775 -0.000976562 6.00004C-0.000976562 6.55232 0.446737 7.00004 0.999023 7.00004L17.2009 7.00004L14.5021 10.3756Z\"\n                                fill=\"#7C7B7B\"\n                            \/>\n                        <\/svg>\n                    <\/div>\n                <\/div>\n                <div\n                    class=\"item-content text-base leading-[170%] max-w-[90%] max-h-0 transition-[max-height] duration-300 ease-in-out\"\n                >\n                    <br \/>\n                    \u30eb\u30d3\u30ca\u30bd\u30d5\u30c8\u30a6\u30a8\u30a2\u306e\u5c02\u9580\u30c1\u30fc\u30e0\u304c\u3001\u304a\u5ba2\u69d8\u306e\u73fe\u5728\u306e\u30b7\u30b9\u30c6\u30e0\u3092\u8a73\u7d30\u306b\u5206\u6790\u3057\u3001\u304a\u5ba2\u69d8\u306e\u30d3\u30b8\u30cd\u30b9\u30cb\u30fc\u30ba\u306b\u5408\u308f\u305b\u305f\u6700\u9069\u306a\u6539\u5584\u7b56\u3092\u3054\u63d0\u6848\u3044\u305f\u3057\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u304a\u5ba2\u69d8\u306f\u30b7\u30b9\u30c6\u30e0\u306e\u5b89\u5b9a\u7a3c\u50cd\u3092\u78ba\u4fdd\u3057\u3001\u9577\u671f\u7684\u306a\u6210\u9577\u3092\u5b9f\u73fe\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\n                <\/div>\n            <\/div>\n            <div\n                class=\"item-service bg-[#F8F8F8] rounded-lg p-[16px] overflow-hidden\"\n            >\n                <div class=\"flex justify-between items-center gap-[10px]\">\n                    <div class=\"font-bold text-xl leading-[150%]\">\u7d71\u5408<\/div>\n                    <div\n                        class=\"icon-arrow-right duration-50 ease-in-out w-[24px] h-[24px] flex justify-center items-center\"\n                    >\n                        <svg\n                            width=\"20\"\n                            height=\"12\"\n                            viewBox=\"0 0 20 12\"\n                            fill=\"none\"\n                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                        >\n                            <path\n                                fill-rule=\"evenodd\"\n                                clip-rule=\"evenodd\"\n                                d=\"M14.5021 10.3756C14.1573 10.8069 14.2274 11.4362 14.6587 11.7811C15.0901 12.126 15.7194 12.0559 16.0643 11.6245L19.5625 7.24896C20.1464 6.5187 20.1464 5.48138 19.5625 4.75112L16.0643 0.375577C15.7194 -0.0557883 15.0901 -0.1259 14.6587 0.21898C14.2274 0.56386 14.1573 1.19313 14.5021 1.6245L17.2009 5.00004L0.999023 5.00004C0.446737 5.00004 -0.000976562 5.44775 -0.000976562 6.00004C-0.000976562 6.55232 0.446737 7.00004 0.999023 7.00004L17.2009 7.00004L14.5021 10.3756Z\"\n                                fill=\"#7C7B7B\"\n                            \/>\n                        <\/svg>\n                    <\/div>\n                <\/div>\n                <div\n                    class=\"item-content text-base leading-[170%] max-w-[90%] max-h-0 transition-[max-height] duration-300 ease-in-out\"\n                >\n                    <br \/>\n                    \u30eb\u30d3\u30ca\u30bd\u30d5\u30c8\u30a6\u30a8\u30a2\u306f\u3001Drupal\u3092CRM\u3001ERP\u306a\u3069\u306e\u65e2\u5b58\u30b7\u30b9\u30c6\u30e0\u3068\u30b7\u30fc\u30e0\u30ec\u30b9\u306b\u9023\u643a\u3055\u305b\u3001\u304a\u5ba2\u69d8\u306e\u30d3\u30b8\u30cd\u30b9\u30d7\u30ed\u30bb\u30b9\u3092\u6700\u9069\u5316\u3057\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u306e\u4e00\u5143\u7ba1\u7406\u304c\u53ef\u80fd\u306b\u306a\u308a\u3001\u696d\u52d9\u52b9\u7387\u5316\u3068\u30e6\u30fc\u30b6\u30fc\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u306e\u5411\u4e0a\u3092\u5b9f\u73fe\u3057\u307e\u3059\u3002\n                <\/div>\n            <\/div>\n            <div\n                class=\"item-service bg-[#F8F8F8] rounded-lg p-[16px] overflow-hidden\"\n            >\n                <div class=\"flex justify-between items-center gap-[10px]\">\n                    <div class=\"font-bold text-xl leading-[150%]\">\n                        \u30a2\u30c3\u30d7\u30b0\u30ec\u30fc\u30c9\n                    <\/div>\n                    <div\n                        class=\"icon-arrow-right duration-50 ease-in-out w-[24px] h-[24px] flex justify-center items-center\"\n                    >\n                        <svg\n                            width=\"20\"\n                            height=\"12\"\n                            viewBox=\"0 0 20 12\"\n                            fill=\"none\"\n                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                        >\n                            <path\n                                fill-rule=\"evenodd\"\n                                clip-rule=\"evenodd\"\n                                d=\"M14.5021 10.3756C14.1573 10.8069 14.2274 11.4362 14.6587 11.7811C15.0901 12.126 15.7194 12.0559 16.0643 11.6245L19.5625 7.24896C20.1464 6.5187 20.1464 5.48138 19.5625 4.75112L16.0643 0.375577C15.7194 -0.0557883 15.0901 -0.1259 14.6587 0.21898C14.2274 0.56386 14.1573 1.19313 14.5021 1.6245L17.2009 5.00004L0.999023 5.00004C0.446737 5.00004 -0.000976562 5.44775 -0.000976562 6.00004C-0.000976562 6.55232 0.446737 7.00004 0.999023 7.00004L17.2009 7.00004L14.5021 10.3756Z\"\n                                fill=\"#7C7B7B\"\n                            \/>\n                        <\/svg>\n                    <\/div>\n                <\/div>\n                <div\n                    class=\"item-content text-base leading-[170%] max-w-[90%] max-h-0 transition-[max-height] duration-300 ease-in-out\"\n                >\n                    <br \/>\n                    \u30eb\u30d3\u30ca\u30bd\u30d5\u30c8\u30a6\u30a8\u30a2\u306f\u3001Drupal\u30b7\u30b9\u30c6\u30e0\u306e\u6700\u65b0\u6a5f\u80fd\u3078\u306e\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u3084\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u5f37\u5316\u3092\u901a\u3058\u3066\u3001\u304a\u5ba2\u69d8\u306e\u30b7\u30b9\u30c6\u30e0\u3092\u5e38\u306b\u6700\u9069\u306a\u72b6\u614b\u306b\u4fdd\u3061\u307e\u3059\u3002\u7d4c\u9a13\u8c4a\u5bcc\u306a\u30a8\u30f3\u30b8\u30cb\u30a2\u304c\u3001\u30b9\u30e0\u30fc\u30ba\u306a\u30d0\u30fc\u30b8\u30e7\u30f3\u30a2\u30c3\u30d7\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3001\u304a\u5ba2\u69d8\u306e\u30d3\u30b8\u30cd\u30b9\u306e\u6210\u9577\u306b\u8ca2\u732e\u3057\u307e\u3059\u3002\n                <\/div>\n            <\/div>\n            <div\n                class=\"item-service bg-[#F8F8F8] rounded-lg p-[16px] overflow-hidden\"\n            >\n                <div class=\"flex justify-between items-center gap-[10px]\">\n                    <div class=\"font-bold text-xl leading-[150%]\">\n                        \u30ab\u30b9\u30bf\u30de\u30a4\u30ba\n                    <\/div>\n                    <div\n                        class=\"icon-arrow-right duration-50 ease-in-out w-[24px] h-[24px] flex justify-center items-center\"\n                    >\n                        <svg\n                            width=\"20\"\n                            height=\"12\"\n                            viewBox=\"0 0 20 12\"\n                            fill=\"none\"\n                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                        >\n                            <path\n                                fill-rule=\"evenodd\"\n                                clip-rule=\"evenodd\"\n                                d=\"M14.5021 10.3756C14.1573 10.8069 14.2274 11.4362 14.6587 11.7811C15.0901 12.126 15.7194 12.0559 16.0643 11.6245L19.5625 7.24896C20.1464 6.5187 20.1464 5.48138 19.5625 4.75112L16.0643 0.375577C15.7194 -0.0557883 15.0901 -0.1259 14.6587 0.21898C14.2274 0.56386 14.1573 1.19313 14.5021 1.6245L17.2009 5.00004L0.999023 5.00004C0.446737 5.00004 -0.000976562 5.44775 -0.000976562 6.00004C-0.000976562 6.55232 0.446737 7.00004 0.999023 7.00004L17.2009 7.00004L14.5021 10.3756Z\"\n                                fill=\"#7C7B7B\"\n                            \/>\n                        <\/svg>\n                    <\/div>\n                <\/div>\n                <div\n                    class=\"item-content text-base leading-[170%] max-w-[90%] max-h-0 transition-[max-height] duration-300 ease-in-out\"\n                >\n                    <br \/>\n                    \u30eb\u30d3\u30ca\u30bd\u30d5\u30c8\u30a6\u30a8\u30a2\u306f\u3001Heartcore\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3092\u6d3b\u7528\u3057\u3001\u304a\u5ba2\u69d8\u306e\u30d3\u30b8\u30cd\u30b9\u306b\u6700\u9069\u306a\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002\u65e2\u5b58\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u304b\u3089\u306e\u79fb\u884c\u3001\u6a5f\u80fd\u306e\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3001\u30b7\u30b9\u30c6\u30e0\u9023\u643a\u306a\u3069\u3001\u5e45\u5e83\u3044\u30b5\u30fc\u30d3\u30b9\u3092\u63d0\u4f9b\u3059\u308b\u3053\u3068\u3067\u3001\u304a\u5ba2\u69d8\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u7ba1\u7406\u3092\u52b9\u7387\u5316\u3057\u3001\u30e6\u30fc\u30b6\u30fc\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002\n                <\/div>\n            <\/div>\n        <\/div>\n        <!-- END -->\n    <\/div>\n<\/section>\n\n\n\n<section\n  id=\"application-area\"\n  class=\"heartcore bg-no-repeat bg-cover relative flex justify-center lg:pt-[80px] lg:pb-[124px] py-[40px] lg:px-[0px] px-[16px] lg:gap-[60px] gap-[40px] z-10 lg:bg-[url(\/wp-content\/uploads\/2025\/03\/cms-section-4-bg-pc.png)] bg-[url(\/wp-content\/uploads\/2025\/03\/cms-section-4-bg-mobile.png)]\"\n>\n  <div\n    class=\"hidden lg:flex flex-col justify-center items-center w-[90%] max-w-[1355px] gap-y-10\"\n  >\n    <h2\n      class=\"lg:text-[30px] text-[20px] leading-[150%] font-bold bg-gradient-to-r from-[#840000] to-[#CE181E] bg-clip-text text-transparent lg:uppercase\"\n    >\n      \u6d3b\u7528\u5206\u91ce\n    <\/h2>\n    <p\n      class=\"max-w-[960px] flex text-center lg:text-[18px] text-[20px] leading-[170%] font-normal\"\n    >\n      Heartcore\n      CMS\/CXM\u306f\u3001\u8907\u96d1\u306a\u30b3\u30f3\u30c6\u30f3\u30c4\u7ba1\u7406\u3068\u9867\u5ba2\u3068\u306e\u52b9\u679c\u7684\u306a\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3\u304c\u5fc5\u8981\u306a\u696d\u754c\u306b\u6700\u9069\u3067\u3059\u3002\n    <\/p>\n    <div class=\"flex justify-center gap-x-[102px] w-full\">\n      <a\n        href=\"\/industries\/retail-e-commerce\"\n        class=\"group hover:bg-gradient-to-t hover:from-[#840000] hover:to-[#CE181E] flex flex-col items-center gap-y-[30px] pt-6 xl:w-[205px] lg:w-[180px] h-[245px] rounded-[8px] bg-white\"\n      >\n        <img decoding=\"async\"\n          src=\"\/wp-content\/uploads\/2025\/03\/cms-section-4-icon-1.png\"\n          alt=\"Heartcore\"\n          class=\"w-[84px] hidden lg:flex group-hover:hidden\"\n        \/>\n        <img decoding=\"async\"\n          src=\"\/wp-content\/uploads\/2025\/03\/cms-section-4-icon-hover-1.png\"\n          alt=\"Heartcore\"\n          class=\"w-[84px] flex lg:hidden group-hover:block\"\n        \/>\n        <p\n          class=\"px-[10px] text-[18px] leading-[150%] font-bold text-black group-hover:text-white text-center\"\n        >\n          \u5c0f\u58f2\u696d\uff06E\u30b3\u30de\u30fc\u30b9\n        <\/p>\n      <\/a>\n      <a\n        href=\"\/industries\/travel-aviation\"\n        class=\"group hover:bg-gradient-to-t hover:from-[#840000] hover:to-[#CE181E] flex flex-col items-center gap-y-[30px] pt-6 xl:w-[205px] lg:w-[180px] h-[245px] rounded-[8px] bg-white\"\n      >\n        <img decoding=\"async\"\n          src=\"\/wp-content\/uploads\/2025\/03\/cms-section-4-icon-2.png\"\n          alt=\"Heartcore\"\n          class=\"w-[84px] hidden lg:flex group-hover:hidden\"\n        \/>\n        <img decoding=\"async\"\n          src=\"\/wp-content\/uploads\/2025\/03\/cms-section-4-icon-hover-2.png\"\n          alt=\"Heartcore\"\n          class=\"w-[84px] flex lg:hidden group-hover:block\"\n        \/>\n        <p\n          class=\"px-[10px] text-[18px] leading-[150%] font-bold text-black group-hover:text-white text-center\"\n        >\n          \u65c5\u884c\uff06\u822a\u7a7a\n        <\/p>\n      <\/a>\n      <a\n        href=\"\/industries\/media-event-planning\"\n        class=\"group hover:bg-gradient-to-t hover:from-[#840000] hover:to-[#CE181E] flex flex-col items-center gap-y-[30px] pt-6 xl:w-[205px] lg:w-[180px] h-[245px] rounded-[8px] bg-white\"\n      >\n        <img decoding=\"async\"\n          src=\"\/wp-content\/uploads\/2025\/03\/cms-section-4-icon-3.png\"\n          alt=\"Heartcore\"\n          class=\"w-[84px] hidden lg:flex group-hover:hidden\"\n        \/>\n        <img decoding=\"async\"\n          src=\"\/wp-content\/uploads\/2025\/03\/cms-section-4-icon-hover-3.png\"\n          alt=\"Heartcore\"\n          class=\"w-[84px] flex lg:hidden group-hover:block\"\n        \/>\n        <p\n          class=\"px-[10px] text-[18px] leading-[150%] font-bold text-black group-hover:text-white text-center\"\n        >\n          \u30e1\u30c7\u30a3\u30a2\uff06\u30a4\u30d9\u30f3<br\/>\u30c8\u4f01\u753b\n        <\/p>\n      <\/a>\n      <a\n        href=\"\/industries\/real-estate\"\n        class=\"group hover:bg-gradient-to-t hover:from-[#840000] hover:to-[#CE181E] flex flex-col items-center gap-y-[30px] pt-6 xl:w-[205px] lg:w-[180px] h-[245px] rounded-[8px] bg-white\"\n      >\n        <img decoding=\"async\"\n          src=\"\/wp-content\/uploads\/2025\/03\/cms-section-4-icon-4.png\"\n          alt=\"Heartcore\"\n          class=\"w-[84px] hidden lg:flex group-hover:hidden\"\n        \/>\n        <img decoding=\"async\"\n          src=\"\/wp-content\/uploads\/2025\/03\/cms-section-4-icon-hover-4.png\"\n          alt=\"Heartcore\"\n          class=\"w-[84px] flex lg:hidden group-hover:block\"\n        \/>\n        <p\n          class=\"px-[10px] text-[18px] leading-[150%] font-bold text-black group-hover:text-white text-center\"\n        >\n          \u4e0d\u52d5\u7523\n        <\/p>\n      <\/a>\n    <\/div>\n  <\/div>\n\n  <div class=\"lg:hidden flex flex-col gap-[40px]\">\n    <h2\n      class=\"text-center bg-gradient-to-r from-[#840000] to-[#CE181E] bg-clip-text text-transparent text-xl font-bold\"\n    >\n      \u6d3b\u7528\u5206\u91ce\n    <\/h2>\n    <div class=\"flex text-center text-[16px] leading-[170%] font-normal\">\n      Heartcore\n      CMS\/CXM\u306f\u3001\u8907\u96d1\u306a\u30b3\u30f3\u30c6\u30f3\u30c4\u7ba1\u7406\u3068\u9867\u5ba2\u3068\u306e\u52b9\u679c\u7684\u306a\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3\u304c\u5fc5\u8981\u306a\u696d\u754c\u306b\u6700\u9069\u3067\u3059\u3002\n    <\/div>\n\n    <div class=\"grid grid-cols-2 gap-4\">\n      <a\n        href=\"\/industries\/retail-e-commerce\"\n        class=\"flex flex-col items-center gap-y-[30px] pt-6 xl:w-[50%] lg:w-[180px] h-[245px] rounded-[8px] bg-white\"\n      >\n        <img decoding=\"async\"\n          src=\"\/wp-content\/uploads\/2025\/03\/cms-section-4-icon-1.png\"\n          alt=\"Heartcore\"\n          class=\"w-[84px] flex\"\n        \/>\n        <p\n          class=\"px-[10px] text-[16px] leading-[170%] font-bold text-black text-center\"\n        >\n          \u5c0f\u58f2\u696d\uff06E\u30b3\u30de\u30fc\u30b9\n        <\/p>\n      <\/a>\n      <a\n        href=\"\/industries\/travel-aviation\"\n        class=\"flex flex-col items-center gap-y-[30px] pt-6 xl:w-[50%] lg:w-[180px] h-[245px] rounded-[8px] bg-white\"\n      >\n        <img decoding=\"async\"\n          src=\"\/wp-content\/uploads\/2025\/03\/cms-section-4-icon-2.png\"\n          alt=\"Heartcore\"\n          class=\"w-[84px] flex\"\n        \/>\n        <p\n          class=\"px-[10px] text-[16px] leading-[170%] font-bold text-black text-center\"\n        >\n          \u65c5\u884c\uff06\u822a\u7a7a\n        <\/p>\n      <\/a>\n      <a\n        href=\"\/industries\/media-event-planning\"\n        class=\"flex flex-col items-center gap-y-[30px] pt-6 xl:w-[50%] lg:w-[180px] h-[245px] rounded-[8px] bg-white\"\n      >\n        <img decoding=\"async\"\n          src=\"\/wp-content\/uploads\/2025\/03\/cms-section-4-icon-3.png\"\n          alt=\"Heartcore\"\n          class=\"w-[84px] flex\"\n        \/>\n        <p\n          class=\"px-[10px] text-[16px] leading-[170%] font-bold text-black text-center\"\n        >\n          \u30e1\u30c7\u30a3\u30a2\uff06\u30a4\u30d9\u30f3<br\/>\u30c8\u4f01\u753b\n        <\/p>\n      <\/a>\n      <a\n        href=\"\/industries\/real-estate\"\n        class=\"flex flex-col items-center gap-y-[30px] pt-6 xl:w-[50%] lg:w-[180px] h-[245px] rounded-[8px] bg-white\"\n      >\n        <img decoding=\"async\"\n          src=\"\/wp-content\/uploads\/2025\/03\/cms-section-4-icon-4.png\"\n          alt=\"Heartcore\"\n          class=\"w-[84px] flex\"\n        \/>\n        <p\n          class=\"px-[10px] text-[16px] leading-[170%] font-bold text-black text-center\"\n        >\n          \u4e0d\u52d5\u7523\n        <\/p>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<section\n    id=\"application-area\"\n    class=\"drupal bg-no-repeat bg-cover relative flex justify-center lg:pt-[80px] lg:pb-[124px] py-[40px] lg:px-[0px] px-[16px] lg:gap-[60px] gap-[40px] z-10 lg:bg-[url(\/wp-content\/uploads\/2025\/03\/cms-section-4-bg-pc.png)] bg-[url(\/wp-content\/uploads\/2025\/03\/cms-section-4-bg-mobile.png)]\"\n>\n    <div\n        class=\"hidden lg:flex flex-col justify-center items-center w-[90%] max-w-[1355px] gap-y-10\"\n    >\n        <h2\n            class=\"lg:text-[30px] text-[20px] leading-[150%] font-bold bg-gradient-to-r from-[#840000] to-[#CE181E] bg-clip-text text-transparent lg:uppercase\"\n        >\n            \u6d3b\u7528\u5206\u91ce\n        <\/h2>\n        <p\n            class=\"max-w-[960px] flex text-center lg:text-[18px] text-[20px] leading-[170%] font-normal\"\n        >\n            Drupal\u306f\u3001\u67d4\u8edf\u6027\u304c\u9ad8\u304f\u3001\u9ad8\u5ea6\u306a\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u304c\u53ef\u80fd\u3067\u3001\u5927\u898f\u6a21\u304b\u3064\u8907\u96d1\u306a\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u306e\u69cb\u7bc9\u306b\u6700\u9069\u306aCMS\u3067\u3059\u3002\u9ad8\u3044\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u6a5f\u80fd\u3092\u5099\u3048\u3066\u304a\u308a\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u7ba1\u7406\u3082\u52b9\u7387\u7684\u306b\u884c\u3048\u307e\u3059\u3002\n        <\/p>\n        <div class=\"flex justify-center gap-x-[102px] w-full\">\n            <a\n                href=\"\/industries\/retail-e-commerce\"\n                class=\"group hover:bg-gradient-to-t hover:from-[#840000] hover:to-[#CE181E] flex flex-col items-center gap-y-[30px] pt-6 xl:w-[205px] lg:w-[180px] h-[245px] rounded-[8px] bg-white\"\n            >\n                <img decoding=\"async\"\n                    src=\"\/wp-content\/uploads\/2025\/03\/cms-section-4-icon-1.png\"\n                    alt=\"Heartcore\"\n                    class=\"w-[84px] hidden lg:flex group-hover:hidden\"\n                \/>\n                <img decoding=\"async\"\n                    src=\"\/wp-content\/uploads\/2025\/03\/cms-section-4-icon-hover-1.png\"\n                    alt=\"Heartcore\"\n                    class=\"w-[84px] flex lg:hidden group-hover:block\"\n                \/>\n                <p\n                    class=\"px-[10px] text-[18px] leading-[150%] font-bold text-black group-hover:text-white text-center\"\n                >\n                    e\u30b3\u30de\u30fc\u30b9\n                <\/p>\n            <\/a>\n            <a\n                href=\"\/industries\/travel-aviation\"\n                class=\"group hover:bg-gradient-to-t hover:from-[#840000] hover:to-[#CE181E] flex flex-col items-center gap-y-[30px] pt-6 xl:w-[205px] lg:w-[180px] h-[245px] rounded-[8px] bg-white\"\n            >\n                <img decoding=\"async\"\n                    src=\"\/wp-content\/uploads\/2025\/03\/cms-section-4-icon-2.png\"\n                    alt=\"Heartcore\"\n                    class=\"w-[84px] hidden lg:flex group-hover:hidden\"\n                \/>\n                <img decoding=\"async\"\n                    src=\"\/wp-content\/uploads\/2025\/03\/cms-section-4-icon-hover-2.png\"\n                    alt=\"Heartcore\"\n                    class=\"w-[84px] flex lg:hidden group-hover:block\"\n                \/>\n                <p\n                    class=\"px-[10px] text-[18px] leading-[150%] font-bold text-black group-hover:text-white text-center\"\n                >\n                    \u65c5\u884c\n                <\/p>\n            <\/a>\n            <a\n                href=\"\/industries\/media-event-planning\"\n                class=\"group hover:bg-gradient-to-t hover:from-[#840000] hover:to-[#CE181E] flex flex-col items-center gap-y-[30px] pt-6 xl:w-[205px] lg:w-[180px] h-[245px] rounded-[8px] bg-white\"\n            >\n                <img decoding=\"async\"\n                    src=\"\/wp-content\/uploads\/2025\/03\/cms-section-4-icon-3.png\"\n                    alt=\"Heartcore\"\n                    class=\"w-[84px] hidden lg:flex group-hover:hidden\"\n                \/>\n                <img decoding=\"async\"\n                    src=\"\/wp-content\/uploads\/2025\/03\/cms-section-4-icon-hover-3.png\"\n                    alt=\"Heartcore\"\n                    class=\"w-[84px] flex lg:hidden group-hover:block\"\n                \/>\n                <p\n                    class=\"px-[10px] text-[18px] leading-[150%] font-bold text-black group-hover:text-white text-center\"\n                >\n                    \u30e1\u30c7\u30a3\u30a2\n                <\/p>\n            <\/a>\n        <\/div>\n    <\/div>\n\n    <div class=\"lg:hidden flex flex-col gap-[40px]\">\n        <h2\n            class=\"text-center bg-gradient-to-r from-[#840000] to-[#CE181E] bg-clip-text text-transparent text-xl font-bold\"\n        >\n            \u6d3b\u7528\u5206\u91ce\n        <\/h2>\n        <div class=\"flex text-center text-[16px] leading-[170%] font-normal\">\n            Drupal\u306f\u3001\u67d4\u8edf\u6027\u304c\u9ad8\u304f\u3001\u9ad8\u5ea6\u306a\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u304c\u53ef\u80fd\u3067\u3001\u5927\u898f\u6a21\u304b\u3064\u8907\u96d1\u306a\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u306e\u69cb\u7bc9\u306b\u6700\u9069\u306aCMS\u3067\u3059\u3002\u9ad8\u3044\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u6a5f\u80fd\u3092\u5099\u3048\u3066\u304a\u308a\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u7ba1\u7406\u3082\u52b9\u7387\u7684\u306b\u884c\u3048\u307e\u3059\u3002\n        <\/div>\n\n        <div class=\"grid grid-cols-2 gap-4 place-items-center\">\n            <a\n                href=\"\/industries\/retail-e-commerce\"\n                class=\"flex flex-col items-center gap-y-[30px] pt-6 w-full h-[245px] rounded-[8px] bg-white\"\n            >\n                <img decoding=\"async\"\n                    src=\"\/wp-content\/uploads\/2025\/03\/cms-section-4-icon-1.png\"\n                    alt=\"Heartcore\"\n                    class=\"w-[84px] flex\"\n                \/>\n                <p\n                    class=\"px-[10px] text-[16px] leading-[170%] font-bold text-black text-center\"\n                >\n                    e\u30b3\u30de\u30fc\u30b9\n                <\/p>\n            <\/a>\n            <a\n                href=\"\/industries\/travel-aviation\"\n                class=\"flex flex-col items-center gap-y-[30px] pt-6 w-full h-[245px] rounded-[8px] bg-white\"\n            >\n                <img decoding=\"async\"\n                    src=\"\/wp-content\/uploads\/2025\/03\/cms-section-4-icon-2.png\"\n                    alt=\"Heartcore\"\n                    class=\"w-[84px] flex\"\n                \/>\n                <p\n                    class=\"px-[10px] text-[16px] leading-[170%] font-bold text-black text-center\"\n                >\n                    \u65c5\u884c\n                <\/p>\n            <\/a>\n            <a\n                href=\"\/industries\/media-event-planning\"\n                class=\"w-[calc(50%-16px)] col-span-2 flex flex-col items-center gap-y-[30px] pt-6 h-[245px] rounded-[8px] bg-white\"\n            >\n                <img decoding=\"async\"\n                    src=\"\/wp-content\/uploads\/2025\/03\/cms-section-4-icon-3.png\"\n                    alt=\"Heartcore\"\n                    class=\"w-[84px] flex\"\n                \/>\n                <p\n                    class=\"px-[10px] text-[16px] leading-[170%] font-bold text-black text-center\"\n                >\n                    \u30e1\u30c7\u30a3\u30a2\n                <\/p>\n            <\/a>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<section id=\"solution\" class=\"heartcore solution\">\n  <div class=\"lg:block hidden relative pt-[80px] h-[845px] overflow-hidden\">\n    <h2\n      class=\"text-center mb-[60px] text-[30px] leading-[150%] font-bold bg-gradient-to-r from-[#840000] to-[#CE181E] bg-clip-text text-transparent uppercase\"\n    >\n      \u30eb\u30d3\u30ca\u30bd\u30d5\u30c8\u30a6\u30a8\u30a2\u306e\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3055\u308c\u305fHeartcore<br \/>\n      \u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u304c\u3082\u305f\u3089\u3059\u30e1\u30ea\u30c3\u30c8\n    <\/h2>\n    <div\n      class=\"carousel-container absolute ml-[calc(50vw-3740px)] w-[7464px] h-[7165px] rotate-0 transform transition-transform duration-[500ms] ease-in-out\"\n    >\n      <div\n        class=\"carousel-item absolute w-[665px] h-[364px] flex justify-center rounded-[20px] top-[3400px] left-[3400px] transition-opacity duration-[500ms] ease-in-out bg-[url(\/wp-content\/uploads\/2025\/03\/cms-section-5-img-1.png)]\"\n      >\n        <div class=\"flex w-full h-full items-end\">\n          <div\n            class=\"flex flex-col pb-[69px] gap-[5px] px-16 text-white text-center\"\n          >\n            <div class=\"text-[18px] leading-[150%] font-bold\">\n              \u52b9\u679c\u7684\u306a\u30b3\u30f3\u30c6\u30f3\u30c4\u7ba1\u7406\n            <\/div>\n            <div class=\"text-[16px] leading-[170%] font-normal\">\n              \u30eb\u30d3\u30ca\u30bd\u30d5\u30c8\u30a6\u30a8\u30a2\u306f\u3001\u8907\u96d1\u306a\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u52b9\u7387\u7684\u306b\u7ba1\u7406\u3057\u3001\u69d8\u3005\u306a\u30c7\u30d0\u30a4\u30b9\u3084\u30c1\u30e3\u30cd\u30eb\u306b\u914d\u4fe1\u3067\u304d\u308b\u67d4\u8edf\u306a\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u304a\u5ba2\u69d8\u306f\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u7ba1\u7406\u3092\u52b9\u7387\u5316\u3057\u3001\u30d3\u30b8\u30cd\u30b9\u306e\u6210\u9577\u306b\u8ca2\u732e\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div\n        class=\"carousel-item absolute w-[665px] h-[364px] flex justify-center rounded-[20px] top-[3400px] left-[3400px] transition-opacity duration-[500ms] ease-in-out bg-[url(\/wp-content\/uploads\/2025\/03\/cms-section-5-img-2.png)]\"\n      >\n        <div class=\"flex w-full h-full items-end\">\n          <div\n            class=\"flex flex-col pb-[69px] gap-[5px] px-16 text-white text-center\"\n          >\n            <div class=\"text-[18px] leading-[150%] font-bold\">\n              \u30d1\u30fc\u30bd\u30ca\u30e9\u30a4\u30ba\u3055\u308c\u305f\u9867\u5ba2\u4f53\u9a13\n            <\/div>\n            <div class=\"text-[16px] leading-[170%] font-normal\">\n              \u30eb\u30d3\u30ca\u30bd\u30d5\u30c8\u30a6\u30a8\u30a2\u306f\u3001Heartcore\u306e\u9ad8\u5ea6\u306a\u30c7\u30fc\u30bf\u5206\u6790\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3001\u304a\u5ba2\u69d8\u4e00\u4eba\u3072\u3068\u308a\u306e\u30cb\u30fc\u30ba\u306b\u5408\u308f\u305b\u305f\u30d1\u30fc\u30bd\u30ca\u30e9\u30a4\u30ba\u3055\u308c\u305f\u4f53\u9a13\u3092\u63d0\u4f9b\u3059\u308b\u3053\u3068\u3067\u3001\u9867\u5ba2\u3068\u306e\u6df1\u3044\u7e4b\u304c\u308a\u3092\u7bc9\u304d\u3001\u9867\u5ba2\u6e80\u8db3\u5ea6\u306e\u5411\u4e0a\u306b\u8ca2\u732e\u3057\u307e\u3059\u3002\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div\n        class=\"carousel-item absolute w-[665px] h-[364px] flex justify-center rounded-[20px] top-[3400px] left-[3400px] transition-opacity duration-[500ms] ease-in-out bg-[url(\/wp-content\/uploads\/2025\/03\/cms-section-5-img-3.png)]\"\n      >\n        <div class=\"flex w-full h-full items-end\">\n          <div\n            class=\"flex flex-col pb-[69px] gap-[5px] px-16 text-white text-center\"\n          >\n            <div class=\"text-[18px] leading-[150%] font-bold\">\n              \u67d4\u8edf\u306a\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\n            <\/div>\n            <div class=\"text-[16px] leading-[170%] font-normal\">\n              \u30eb\u30d3\u30ca\u30bd\u30d5\u30c8\u30a6\u30a8\u30a2\u306f\u3001\u8cb4\u793e\u306e\u30d3\u30b8\u30cd\u30b9\u30cb\u30fc\u30ba\u306b\u5408\u308f\u305b\u305f\u72ec\u81ea\u306e\u6a5f\u80fd\u3092\u958b\u767a\u3057\u3001\u67d4\u8edf\u304b\u3064\u5275\u9020\u7684\u306a\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3092\u63d0\u4f9b\u3059\u308b\u3053\u3068\u3067\u3001\n              \u8cb4\u793e\u306e\u30d3\u30b8\u30cd\u30b9\u3092\u6210\u529f\u306b\u5c0e\u304d\u307e\u3059\u3002\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div\n        class=\"carousel-item absolute w-[665px] h-[364px] flex justify-center rounded-[20px] top-[3400px] left-[3400px] transition-opacity duration-[500ms] ease-in-out bg-[url(\/wp-content\/uploads\/2025\/03\/cms-section-5-img-4.png)]\"\n      >\n        <div class=\"flex w-full h-full items-end\">\n          <div\n            class=\"flex flex-col pb-[69px] gap-[5px] px-16 text-white text-center\"\n          >\n            <div class=\"text-[18px] leading-[150%] font-bold\">\n              \u7c21\u5358\u306a\u66f4\u65b0\u3068\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\n            <\/div>\n            <div class=\"text-[16px] leading-[170%] font-normal\">\n              \u30eb\u30d3\u30ca\u30bd\u30d5\u30c8\u30a6\u30a8\u30a2\u306f\u3001\u52b9\u7387\u7684\u306a\u30a2\u30c3\u30d7\u30b0\u30ec\u30fc\u30c9\u304a\u3088\u3073\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u30d7\u30ed\u30bb\u30b9\u3092\u8a2d\u3051\u3001Heartcore\u306e\u30b7\u30b9\u30c6\u30e0\u3092\u5e38\u306b\u6700\u9069\u306a\u72b6\u614b\u306b\u4fdd\u3061\u3001\u30b7\u30b9\u30c6\u30e0\u969c\u5bb3\u3084\u30a8\u30e9\u30fc\u3092\u56de\u907f\u3059\u308b\u3002\u7d4c\u9a13\u8c4a\u5bcc\u306a\u30a8\u30f3\u30b8\u30cb\u30a2\u304c\u3001\u30b9\u30e0\u30fc\u30ba\u306a\u30d0\u30fc\u30b8\u30e7\u30f3\u30a2\u30c3\u30d7\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3001\u304a\u5ba2\u69d8\u306e\u30d3\u30b8\u30cd\u30b9\u306e\u6210\u9577\u306b\u8ca2\u732e\u3057\u307e\u3059\u3002\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div\n        class=\"carousel-item absolute w-[665px] h-[364px] flex justify-center rounded-[20px] top-[3400px] left-[3400px] transition-opacity duration-[500ms] ease-in-out bg-[url(\/wp-content\/uploads\/2025\/03\/cms-section-5-img-5.png)]\"\n      >\n        <div class=\"flex w-full h-full items-end\">\n          <div\n            class=\"flex flex-col pb-[69px] gap-[5px] px-16 text-white text-center\"\n          >\n            <div class=\"text-[18px] leading-[150%] font-bold\">\n              \u9ad8\u3044\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\n            <\/div>\n            <div class=\"text-[16px] leading-[170%] font-normal\">\n              \u30eb\u30d3\u30ca\u30bd\u30d5\u30c8\u30a6\u30a8\u30a2\u306e\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3055\u308c\u305f\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u306f\u3001Heartcore\u30b7\u30b9\u30c6\u30e0\u306e\u5305\u62ec\u7684\u306a\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u3092\u4fdd\u8a3c\u3057\u3001\u4f01\u696d\u3068\u9867\u5ba2\u306e\u30bb\u30f3\u30b7\u30c6\u30a3\u30d6\u30c7\u30fc\u30bf\u3092\u4fdd\u8b77\u3057\u307e\u3059\u3002\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"flex justify-center mt-[210px] relative\">\n      <div class=\"flex w-[800px] justify-between\">\n        <button id=\"prevCarousel\">\n          <img decoding=\"async\"\n            src=\"\/wp-content\/uploads\/2025\/03\/icon-arrow-gray.png\"\n            alt=\"\"\n            class=\"w-[28px] h-[45px] cursor-pointer\"\n          \/>\n        <\/button>\n        <button id=\"nextCarousel\">\n          <img decoding=\"async\"\n            src=\"\/wp-content\/uploads\/2025\/03\/icon-arrow-gray.png\"\n            alt=\"\"\n            class=\"w-[28px] h-[45px] rotate-[180deg] cursor-pointer\"\n          \/>\n        <\/button>\n      <\/div>\n    <\/div>\n    <div\n      class=\"carousel-number-contanier relative flex justify-center gap-x-[11px] mt-[230px]\"\n    ><\/div>\n  <\/div>\n\n  <div class=\"lg:hidden flex flex-col gap-10 px-4\">\n    <h2\n      class=\"text-center mt-[40px] text-[20px] leading-[150%] font-bold bg-gradient-to-r from-[#840000] to-[#CE181E] bg-clip-text text-transparent\"\n    >\n      \u30eb\u30d3\u30ca\u30bd\u30d5\u30c8\u30a6\u30a8\u30a2\u306e\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3055\u308c\u305fHeartcore\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u304c\u3082\u305f\u3089\u3059\u30e1\u30ea\u30c3\u30c8\n    <\/h2>\n    <div class=\"flex relative\">\n      <div\n        class=\"flex w-full overflow-scroll scrollbar-hidden gap-x-[25px]\"\n      >\n        <div\n          class=\"flex shrink-0 w-[320px] h-[574px] rounded-[16px] bg-[url(\/wp-content\/uploads\/2025\/03\/cms-section-5-img-mobile-1.png)]\"\n        >\n          <div class=\"flex w-full h-full\">\n            <div\n              class=\"flex flex-col pt-[245px] gap-2 px-4 text-white text-left\"\n            >\n              <div class=\"text-[18px] leading-[150%] font-bold\">\n                \u52b9\u679c\u7684\u306a\u30b3\u30f3\u30c6\u30f3\u30c4\u7ba1\u7406\n              <\/div>\n              <div class=\"text-[16px] leading-[170%] font-normal\">\n                \u30eb\u30d3\u30ca\u30bd\u30d5\u30c8\u30a6\u30a8\u30a2\u306f\u3001\u8907\u96d1\u306a\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u52b9\u7387\u7684\u306b\u7ba1\u7406\u3057\u3001\u69d8\u3005\u306a\u30c7\u30d0\u30a4\u30b9\u3084\u30c1\u30e3\u30cd\u30eb\u306b\u914d\u4fe1\u3067\u304d\u308b\u67d4\u8edf\u306a\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u304a\u5ba2\u69d8\u306f\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u7ba1\u7406\u3092\u52b9\u7387\u5316\u3057\u3001\u30d3\u30b8\u30cd\u30b9\u306e\u6210\u9577\u306b\u8ca2\u732e\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div\n          class=\"flex shrink-0 w-[320px] h-[574px] rounded-[16px] bg-[url(\/wp-content\/uploads\/2025\/03\/cms-section-5-img-mobile-2.png)]\"\n        >\n          <div class=\"flex w-full h-full\">\n            <div\n              class=\"flex flex-col pt-[245px] gap-2 px-4 text-white text-left\"\n            >\n              <div class=\"text-[18px] leading-[150%] font-bold\">\n                \u30d1\u30fc\u30bd\u30ca\u30e9\u30a4\u30ba\u3055\u308c\u305f\u9867\u5ba2\u4f53\u9a13\n              <\/div>\n              <div class=\"text-[16px] leading-[170%] font-normal\">\n                \u30eb\u30d3\u30ca\u30bd\u30d5\u30c8\u30a6\u30a8\u30a2\u306f\u3001Heartcore\u306e\u9ad8\u5ea6\u306a\u30c7\u30fc\u30bf\u5206\u6790\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3001\u304a\u5ba2\u69d8\u4e00\u4eba\u3072\u3068\u308a\u306e\u30cb\u30fc\u30ba\u306b\u5408\u308f\u305b\u305f\u30d1\u30fc\u30bd\u30ca\u30e9\u30a4\u30ba\u3055\u308c\u305f\u4f53\u9a13\u3092\u63d0\u4f9b\u3059\u308b\u3053\u3068\u3067\u3001\u9867\u5ba2\u3068\u306e\u6df1\u3044\u7e4b\u304c\u308a\u3092\u7bc9\u304d\u3001\u9867\u5ba2\u6e80\u8db3\u5ea6\u306e\u5411\u4e0a\u306b\u8ca2\u732e\u3057\u307e\u3059\u3002\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div\n          class=\"flex shrink-0 w-[320px] h-[574px] rounded-[16px] bg-[url(\/wp-content\/uploads\/2025\/03\/cms-section-5-img-mobile-3.png)]\"\n        >\n          <div class=\"flex w-full h-full\">\n            <div\n              class=\"flex flex-col pt-[245px] gap-2 px-4 text-white text-left\"\n            >\n              <div class=\"text-[18px] leading-[150%] font-bold\">\n                \u67d4\u8edf\u306a\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\n              <\/div>\n              <div class=\"text-[16px] leading-[170%] font-normal\">\n                \u30eb\u30d3\u30ca\u30bd\u30d5\u30c8\u30a6\u30a8\u30a2\u306f\u3001\u8cb4\u793e\u306e\u30d3\u30b8\u30cd\u30b9\u30cb\u30fc\u30ba\u306b\u5408\u308f\u305b\u305f\u72ec\u81ea\u306e\u6a5f\u80fd\u3092\u958b\u767a\u3057\u3001\u67d4\u8edf\u304b\u3064\u5275\u9020\u7684\u306a\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3092\u63d0\u4f9b\u3059\u308b\u3053\u3068\u3067\u3001\n                \u8cb4\u793e\u306e\u30d3\u30b8\u30cd\u30b9\u3092\u6210\u529f\u306b\u5c0e\u304d\u307e\u3059\u3002\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div\n          class=\"flex shrink-0 w-[320px] h-[574px] rounded-[16px] bg-[url(\/wp-content\/uploads\/2025\/03\/cms-section-5-img-mobile-4.png)]\"\n        >\n          <div class=\"flex w-full h-full\">\n            <div\n              class=\"flex flex-col pt-[245px] gap-2 px-4 text-white text-left\"\n            >\n              <div class=\"text-[18px] leading-[150%] font-bold\">\n                \u7c21\u5358\u306a\u66f4\u65b0\u3068\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\n              <\/div>\n              <div class=\"text-[16px] leading-[170%] font-normal\">\n                \u30eb\u30d3\u30ca\u30bd\u30d5\u30c8\u30a6\u30a8\u30a2\u306f\u3001\u52b9\u7387\u7684\u306a\u30a2\u30c3\u30d7\u30b0\u30ec\u30fc\u30c9\u304a\u3088\u3073\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u30d7\u30ed\u30bb\u30b9\u3092\u8a2d\u3051\u3001Heartcore\u306e\u30b7\u30b9\u30c6\u30e0\u3092\u5e38\u306b\u6700\u9069\u306a\u72b6\u614b\u306b\u4fdd\u3061\u3001\u30b7\u30b9\u30c6\u30e0\u969c\u5bb3\u3084\u30a8\u30e9\u30fc\u3092\u56de\u907f\u3059\u308b\u3002\u7d4c\u9a13\u8c4a\u5bcc\u306a\u30a8\u30f3\u30b8\u30cb\u30a2\u304c\u3001\u30b9\u30e0\u30fc\u30ba\u306a\u30d0\u30fc\u30b8\u30e7\u30f3\u30a2\u30c3\u30d7\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3001\u304a\u5ba2\u69d8\u306e\u30d3\u30b8\u30cd\u30b9\u306e\u6210\u9577\u306b\u8ca2\u732e\u3057\u307e\u3059\u3002\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div\n          class=\"flex shrink-0 w-[320px] h-[574px] rounded-[16px] bg-[url(\/wp-content\/uploads\/2025\/03\/cms-section-5-img-mobile-5.png)]\"\n        >\n          <div class=\"flex w-full h-full\">\n            <div\n              class=\"flex flex-col pt-[245px] gap-2 px-4 text-white text-left\"\n            >\n              <div class=\"text-[18px] leading-[150%] font-bold\">\n                \u9ad8\u3044\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\n              <\/div>\n              <div class=\"text-[16px] leading-[170%] font-normal\">\n                \u30eb\u30d3\u30ca\u30bd\u30d5\u30c8\u30a6\u30a8\u30a2\u306e\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3055\u308c\u305f\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u306f\u3001Heartcore\u30b7\u30b9\u30c6\u30e0\u306e\u5305\u62ec\u7684\u306a\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u3092\u4fdd\u8a3c\u3057\u3001\u4f01\u696d\u3068\u9867\u5ba2\u306e\u30bb\u30f3\u30b7\u30c6\u30a3\u30d6\u30c7\u30fc\u30bf\u3092\u4fdd\u8b77\u3057\u307e\u3059\u3002\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<section id=\"solution\" class=\"drupal solution\">\n  <div class=\"lg:block hidden relative pt-[80px] h-[845px] overflow-hidden\">\n    <h2\n      class=\"text-center mb-[60px] text-[30px] leading-[150%] font-bold bg-gradient-to-r from-[#840000] to-[#CE181E] bg-clip-text text-transparent uppercase\"\n    >\n      \u30eb\u30d3\u30ca\u30bd\u30d5\u30c8\u30a6\u30a8\u30a2\u306e\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3055\u308c\u305f<br \/>\n      Drupal\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u304c\u3082\u305f\u3089\u3059\u30e1\u30ea\u30c3\u30c8\n    <\/h2>\n    <div\n      class=\"carousel-container absolute ml-[calc(50vw-3740px)] w-[7464px] h-[7165px] rotate-0 transform transition-transform duration-[500ms] ease-in-out\"\n    >\n      <div\n        class=\"carousel-item absolute w-[665px] h-[364px] flex justify-center rounded-[20px] top-[3400px] left-[3400px] transition-opacity duration-[500ms] ease-in-out bg-[url(\/wp-content\/uploads\/2025\/03\/cms-section-5-img-1-tab-drupal.png)]\"\n      >\n        <div class=\"flex w-full h-full items-end\">\n          <div\n            class=\"flex flex-col pb-[69px] gap-[5px] px-16 text-white text-center\"\n          >\n            <div class=\"text-[18px] leading-[150%] font-bold\">\n              \u8907\u96d1\u306a\u30b3\u30f3\u30c6\u30f3\u30c4\u7ba1\u7406\n            <\/div>\n            <div class=\"text-[16px] leading-[170%] font-normal\">\n              Drupal\u306e\u67d4\u8edf\u6027\u3092\u6d3b\u304b\u3057\u3001\u30c6\u30ad\u30b9\u30c8\u3001\u753b\u50cf\u3001\u52d5\u753b\u306a\u3069\u3001\u69d8\u3005\u306a\u7a2e\u985e\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u52b9\u7387\u7684\u306b\u7ba1\u7406\u3057\u3001\u591a\u69d8\u306a\u30c7\u30d0\u30a4\u30b9\u3084\u30c1\u30e3\u30cd\u30eb\u306b\u914d\u4fe1\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div\n        class=\"carousel-item absolute w-[665px] h-[364px] flex justify-center rounded-[20px] top-[3400px] left-[3400px] transition-opacity duration-[500ms] ease-in-out bg-[url(\/wp-content\/uploads\/2025\/03\/cms-section-5-img-2-tab-drupal.png)]\"\n      >\n        <div class=\"flex w-full h-full items-end\">\n          <div\n            class=\"flex flex-col pb-[69px] gap-[5px] px-16 text-white text-center\"\n          >\n            <div class=\"text-[18px] leading-[150%] font-bold\">\n              \u67d4\u8edf\u306a\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3068\u62e1\u5f35\n            <\/div>\n            <div class=\"text-[16px] leading-[170%] font-normal\">\n              Drupal\u306f\u3001\u6570\u5343\u3082\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u3068\u30c6\u30fc\u30de\u3092\u5229\u7528\u3067\u304d\u308b\u305f\u3081\u3001\u9ad8\u5ea6\u306a\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u304c\u53ef\u80fd\u3067\u3059\u3002\u30eb\u30d3\u30ca\u30bd\u30d5\u30c8\u30a6\u30a8\u30a2\u306f\u3001\u304a\u5ba2\u69d8\u306e\u30d3\u30b8\u30cd\u30b9\u30cb\u30fc\u30ba\u306b\u5408\u308f\u305b\u3066\u3001Drupal\u3092\u67d4\u8edf\u306b\u62e1\u5f35\u3057\u3001\u6700\u9069\u306a\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div\n        class=\"carousel-item absolute w-[665px] h-[364px] flex justify-center rounded-[20px] top-[3400px] left-[3400px] transition-opacity duration-[500ms] ease-in-out bg-[url(\/wp-content\/uploads\/2025\/03\/cms-section-5-img-3-tab-drupal.png)]\"\n      >\n        <div class=\"flex w-full h-full items-end\">\n          <div\n            class=\"flex flex-col pb-[69px] gap-[5px] px-16 text-white text-center\"\n          >\n            <div class=\"text-[18px] leading-[150%] font-bold\">\n              \u9ad8\u3044\u62e1\u5f35\u6027\u3068\u6027\u80fd\n            <\/div>\n            <div class=\"text-[16px] leading-[170%] font-normal\">\n              \u30eb\u30d3\u30ca\u30bd\u30d5\u30c8\u30a6\u30a8\u30a2\u306f\u3001\u304a\u5ba2\u69d8\u306e\u30b7\u30b9\u30c6\u30e0\u3092\u5b89\u5b9a\u7a3c\u50cd\u3055\u305b\u3001\u9ad8\u3044\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3092\u767a\u63ee\u3067\u304d\u308b\u3088\u3046\u3001\u6700\u9069\u306a\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u9ad8\u8ca0\u8377\u306e\u72b6\u6cc1\u3067\u3082\u30e6\u30fc\u30b6\u30fc\u306f\u5e38\u306b\u5feb\u9069\u306a\u5229\u7528\u4f53\u9a13\u3092\u5f97\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div\n        class=\"carousel-item absolute w-[665px] h-[364px] flex justify-center rounded-[20px] top-[3400px] left-[3400px] transition-opacity duration-[500ms] ease-in-out bg-[url(\/wp-content\/uploads\/2025\/03\/cms-section-5-img-4-tab-drupal.png)]\"\n      >\n        <div class=\"flex w-full h-full items-end\">\n          <div\n            class=\"flex flex-col pb-[69px] gap-[5px] px-16 text-white text-center\"\n          >\n            <div class=\"text-[18px] leading-[150%] font-bold\">\n              \u5f37\u529b\u306a\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\n            <\/div>\n            <div class=\"text-[16px] leading-[170%] font-normal\">\n              \u30eb\u30d3\u30ca\u30bd\u30d5\u30c8\u30a6\u30a8\u30a2\u306f\u3001Drupal\u306e\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u6a5f\u80fd\u3092\u6700\u5927\u9650\u306b\u6d3b\u7528\u3057\u3001\u304a\u5ba2\u69d8\u306e\u30d3\u30b8\u30cd\u30b9\u306b\u5408\u308f\u305b\u305f\u6700\u9069\u306a\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u5bfe\u7b56\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u304a\u5ba2\u69d8\u306e\u5927\u5207\u306a\u30c7\u30fc\u30bf\u3092\u5b89\u5168\u306b\u4fdd\u8b77\u3057\u3001\u4e8b\u696d\u306e\u7d99\u7d9a\u6027\u3092\u78ba\u4fdd\u3057\u307e\u3059\u3002\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"flex justify-center mt-[210px] relative\">\n      <div class=\"flex w-[800px] justify-between\">\n        <button id=\"prevCarousel\">\n          <img decoding=\"async\"\n            src=\"\/wp-content\/uploads\/2025\/03\/icon-arrow-gray.png\"\n            alt=\"\"\n            class=\"w-[28px] h-[45px] cursor-pointer\"\n          \/>\n        <\/button>\n        <button id=\"nextCarousel\">\n          <img decoding=\"async\"\n            src=\"\/wp-content\/uploads\/2025\/03\/icon-arrow-gray.png\"\n            alt=\"\"\n            class=\"w-[28px] h-[45px] rotate-[180deg] cursor-pointer\"\n          \/>\n        <\/button>\n      <\/div>\n    <\/div>\n    <div\n      class=\"carousel-number-contanier relative flex justify-center gap-x-[11px] mt-[230px]\"\n    ><\/div>\n  <\/div>\n\n  <div class=\"lg:hidden flex flex-col gap-10 px-4\">\n    <h2\n      class=\"text-center mt-[40px] text-[20px] leading-[150%] font-bold bg-gradient-to-r from-[#840000] to-[#CE181E] bg-clip-text text-transparent\"\n    >\n      \u30eb\u30d3\u30ca\u30bd\u30d5\u30c8\u30a6\u30a8\u30a2\u306e\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3055\u308c\u305fDrupal\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u304c\u3082\u305f\u3089\u3059\u30e1\u30ea\u30c3\u30c8\n    <\/h2>\n    <div class=\"flex relative\">\n      <div\n        class=\"flex w-full overflow-scroll scrollbar-hidden gap-x-[25px]\"\n      >\n        <div\n          class=\"flex shrink-0 w-[320px] h-[574px] rounded-[16px] bg-[url(\/wp-content\/uploads\/2025\/03\/cms-section-5-img-mobile-1-tab-drupal.png)]\"\n        >\n          <div class=\"flex w-full h-full\">\n            <div\n              class=\"flex flex-col pt-[245px] gap-2 px-4 text-white text-left\"\n            >\n              <div class=\"text-[18px] leading-[150%] font-bold\">\n                \u8907\u96d1\u306a\u30b3\u30f3\u30c6\u30f3\u30c4\u7ba1\u7406\n              <\/div>\n              <div class=\"text-[16px] leading-[170%] font-normal\">\n                Drupal\u306e\u67d4\u8edf\u6027\u3092\u6d3b\u304b\u3057\u3001\u30c6\u30ad\u30b9\u30c8\u3001\u753b\u50cf\u3001\u52d5\u753b\u306a\u3069\u3001\u69d8\u3005\u306a\u7a2e\u985e\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u52b9\u7387\u7684\u306b\u7ba1\u7406\u3057\u3001\u591a\u69d8\u306a\u30c7\u30d0\u30a4\u30b9\u3084\u30c1\u30e3\u30cd\u30eb\u306b\u914d\u4fe1\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div\n          class=\"flex shrink-0 w-[320px] h-[574px] rounded-[16px] bg-[url(\/wp-content\/uploads\/2025\/03\/cms-section-5-img-mobile-2-tab-drupal.png)]\"\n        >\n          <div class=\"flex w-full h-full\">\n            <div\n              class=\"flex flex-col pt-[245px] gap-2 px-4 text-white text-left\"\n            >\n              <div class=\"text-[18px] leading-[150%] font-bold\">\n                \u67d4\u8edf\u306a\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3068\u62e1\u5f35\n              <\/div>\n              <div class=\"text-[16px] leading-[170%] font-normal\">\n                Drupal\u306f\u3001\u6570\u5343\u3082\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u3068\u30c6\u30fc\u30de\u3092\u5229\u7528\u3067\u304d\u308b\u305f\u3081\u3001\u9ad8\u5ea6\u306a\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u304c\u53ef\u80fd\u3067\u3059\u3002\u30eb\u30d3\u30ca\u30bd\u30d5\u30c8\u30a6\u30a8\u30a2\u306f\u3001\u304a\u5ba2\u69d8\u306e\u30d3\u30b8\u30cd\u30b9\u30cb\u30fc\u30ba\u306b\u5408\u308f\u305b\u3066\u3001Drupal\u3092\u67d4\u8edf\u306b\u62e1\u5f35\u3057\u3001\u6700\u9069\u306a\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div\n          class=\"flex shrink-0 w-[320px] h-[574px] rounded-[16px] bg-[url(\/wp-content\/uploads\/2025\/03\/cms-section-5-img-mobile-3-tab-drupal.png)]\"\n        >\n          <div class=\"flex w-full h-full\">\n            <div\n              class=\"flex flex-col pt-[245px] gap-2 px-4 text-white text-left\"\n            >\n              <div class=\"text-[18px] leading-[150%] font-bold\">\n                \u9ad8\u3044\u62e1\u5f35\u6027\u3068\u6027\u80fd\n              <\/div>\n              <div class=\"text-[16px] leading-[170%] font-normal\">\n                \u30eb\u30d3\u30ca\u30bd\u30d5\u30c8\u30a6\u30a8\u30a2\u306f\u3001\u304a\u5ba2\u69d8\u306e\u30b7\u30b9\u30c6\u30e0\u3092\u5b89\u5b9a\u7a3c\u50cd\u3055\u305b\u3001\u9ad8\u3044\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3092\u767a\u63ee\u3067\u304d\u308b\u3088\u3046\u3001\u6700\u9069\u306a\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u9ad8\u8ca0\u8377\u306e\u72b6\u6cc1\u3067\u3082\u30e6\u30fc\u30b6\u30fc\u306f\u5e38\u306b\u5feb\u9069\u306a\u5229\u7528\u4f53\u9a13\u3092\u5f97\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div\n          class=\"flex shrink-0 w-[320px] h-[574px] rounded-[16px] bg-[url(\/wp-content\/uploads\/2025\/03\/cms-section-5-img-mobile-4-tab-drupal.png)]\"\n        >\n          <div class=\"flex w-full h-full\">\n            <div\n              class=\"flex flex-col pt-[245px] gap-2 px-4 text-white text-left\"\n            >\n              <div class=\"text-[18px] leading-[150%] font-bold\">\n                \u5f37\u529b\u306a\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\n              <\/div>\n              <div class=\"text-[16px] leading-[170%] font-normal\">\n                \u30eb\u30d3\u30ca\u30bd\u30d5\u30c8\u30a6\u30a8\u30a2\u306f\u3001Drupal\u306e\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u6a5f\u80fd\u3092\u6700\u5927\u9650\u306b\u6d3b\u7528\u3057\u3001\u304a\u5ba2\u69d8\u306e\u30d3\u30b8\u30cd\u30b9\u306b\u5408\u308f\u305b\u305f\u6700\u9069\u306a\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u5bfe\u7b56\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u304a\u5ba2\u69d8\u306e\u5927\u5207\u306a\u30c7\u30fc\u30bf\u3092\u5b89\u5168\u306b\u4fdd\u8b77\u3057\u3001\u4e8b\u696d\u306e\u7d99\u7d9a\u6027\u3092\u78ba\u4fdd\u3057\u307e\u3059\u3002\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<section id=\"contact-us\" class=\"heartcore\">\n  <div class=\"flex justify-center\">\n    <div\n      class=\"relative lg:max-w-[1355px] lg:w-[72%] w-full px-[16px] lg:px-0 lg:mt-0 mt-[40px]\"\n    >\n      <!-- contact -->\n      <div class=\"relative w-full\">\n        <a\n          href=\"\/contact-us\"\n          class=\"group transition-transform duration-700 relative min-h-[144px] lg:pl-[20px] pl-[35px] pr-[32px] 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 class=\"lg:max-w-[774px] w-full lg:w-[60%] z-10\">\n            <div\n              class=\"font-bold text-white lg:text-[20px] text-[16px] leading-[150%]\"\n            >\n              \u30b3\u30f3\u30c6\u30f3\u30c4\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u9867\u5ba2\u4f53\u9a13\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002\n            <\/div>\n            <br \/>\n            <div class=\"text-[14px] leading-[170%] text-white\">\n              Heartcore\u3092\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3057\u3001\u8cb4\u793e\u306e\u30d3\u30b8\u30cd\u30b9\u306b\u6700\u9069\u306a\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3092\u63d0\u4f9b\u3059\u308b\u3053\u3068\u3067\u3001\u9867\u5ba2\u4f53\u9a13\u3092\u5411\u4e0a\u3055\u305b\u307e\u3057\u3087\u3046\u3002\n            <\/div>\n          <\/div>\n          <div\n            class=\"lg:mt-0 mt-[62px] lg:absolute 2xl:right-[94px] 2xl:group-hover:translate-x-[60px] lg:right-[64px] lg:group-hover:translate-x-[50px] lg:my-0 my-[15px] max-lg:w-full 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=\"Contact-Us\"\n              class=\"w-[24px] h-[24px]\"\n            \/>\n          <\/div>\n          <img decoding=\"async\"\n            src=\"\/wp-content\/uploads\/2025\/02\/common-contact-bg.png\"\n            alt=\"Contact-Us\"\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          <img decoding=\"async\"\n            src=\"\/wp-content\/uploads\/2025\/02\/m-common-contact-bg.png\"\n            alt=\"Contact-Us\"\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<\/section>\n\n\n\n<section id=\"contact-us\" class=\"drupal\">\n  <div class=\"flex justify-center\">\n    <div\n      class=\"relative lg:max-w-[1355px] lg:w-[72%] w-full px-[16px] lg:px-0 lg:mt-0 mt-[40px]\"\n    >\n      <!-- contact -->\n      <div class=\"relative w-full\">\n        <a\n          href=\"\/contact-us\"\n          class=\"group transition-transform duration-700 relative min-h-[144px] lg:pl-[20px] pl-[35px] pr-[32px] 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 class=\"lg:max-w-[774px] w-full lg:w-[60%] z-10\">\n            <div\n              class=\"font-bold text-white lg:text-[20px] text-[16px] leading-[150%]\"\n            >\n              \u30ab\u30b9\u30bf\u30e0Drupal\u306b\u3088\u308b\u6700\u9069\u5316\u3055\u308c\u305f\u30b3\u30f3\u30c6\u30f3\u30c4\u7ba1\u7406\u3092\u884c\u3044\u307e\u3059\u3002\n            <\/div>\n            <br \/>\n            <div class=\"text-[14px] leading-[170%] text-white\">\n              \u30eb\u30d3\u30ca\u30bd\u30d5\u30c8\u30a6\u30a8\u30a2\u3068\u5354\u529b\u3057\u3066\u3001Drupal\u3092\u6d3b\u7528\u3057\u3001\u8cb4\u793e\u306e\u30d3\u30b8\u30cd\u30b9\u3092\u6210\u9577\u3055\u305b\u307e\u3057\u3087\u3046\u3002<br \/>\n              \u304a\u5ba2\u69d8\u306e\u30cb\u30fc\u30ba\u306b\u5408\u308f\u305b\u305f\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u3092\u69cb\u7bc9\u3057\u3001\u9867\u5ba2\u4f53\u9a13\u3092\u5411\u4e0a\u3055\u305b\u3001\u30d3\u30b8\u30cd\u30b9\u30d7\u30ed\u30bb\u30b9\u3092\u52b9\u7387\u5316\u3057\u307e\u3059\u3002\n            <\/div>\n          <\/div>\n          <div\n            class=\"lg:mt-0 mt-[62px] lg:absolute 2xl:right-[94px] 2xl:group-hover:translate-x-[60px] lg:right-[64px] lg:group-hover:translate-x-[50px] lg:my-0 my-[15px] max-lg:w-full 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=\"Contact-Us\"\n              class=\"w-[24px] h-[24px]\"\n            \/>\n          <\/div>\n          <img decoding=\"async\"\n            src=\"\/wp-content\/uploads\/2025\/02\/common-contact-bg.png\"\n            alt=\"Contact-Us\"\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          <img decoding=\"async\"\n            src=\"\/wp-content\/uploads\/2025\/02\/m-common-contact-bg.png\"\n            alt=\"Contact-Us\"\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<\/section>\n\n\n        <section id=\"success-story\" class=\"common_news_2025 flex justify-center h-auto lg:pb-[161px] pb-[65px]\">\n            <div class=\"common_news_2025-main flex flex-col lg:mt-[80px] mt-[40px] lg:max-w-[1354px] max-w-full lg:gap-y-[60px] gap-y-[35px]\">\n                <h2 class=\"lg:text-[30px] text-[20px] lg:leading-[45px] leading-[30px] lg:w-fit font-bold bg-gradient-to-r from-[#840000] to-[#CE181E] bg-clip-text text-transparent lg:uppercase lg:text-start text-center\">D\u1ef1 \u00e1n th\u00e0nh c\u00f4ng<\/h2>\n                <div class=\"flex relative\">\n                    <div class=\"common_news_2025-main-slider flex w-full 2xl:min-w-[80%] lg:overflow-hidden overflow-scroll scrollbar-hidden lg:gap-x-[0px] gap-x-[20px] lg:mx-[0px] mx-[11px] lg:p-[0px] p-[5px] z-10\">\n                                                    <div class=\"common_news_2025-content flex lg:flex-row flex-col gap-x-[27px] gap-y-[40px] lg:min-w-full min-w-[315px] lg:w-auto w-[315px] lg:pt-[0px] lg:pl-[0px] lg:pr-[0px] lg:pb-[0px] pt-[8px] pl-[8px] pr-[8px] pb-[16px] lg:shadow-none shadow-[0px_1px_8px_0px_rgba(0,0,0,0.25)] box-border lg:rounded-none rounded-[23px]\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/luvina.net\/vi\/wp-content\/uploads\/2025\/09\/uHey.png\" alt=\"\" class=\"common_news_2025-main-img lg:w-[550px] 2xl:min-w-[550px] lg:h-[378px] w-[299px] h-[206px] rounded-[16px] object-cover cursor-pointer\" onclick=\"window.location.href=&#039;https:\/\/luvina.net\/vi\/portfolio\/case-study-chuyen-doi-version-drupal\/&#039;\" title=\"\">\n                                                                <div class=\"flex flex-col gap-y-[30px] grow\">\n                                    <p class=\"successful-project-limit-text-title lg:text-[20px] lg:leading-[30px] text-[16px] leading-[24px] font-bold text-black break-words cursor-pointer\" onclick=\"window.location.href='https:\/\/luvina.net\/vi\/portfolio\/case-study-chuyen-doi-version-drupal\/'\">Kh\u1eafc ph\u1ee5c t\u00ecnh tr\u1ea1ng thi\u1ebfu h\u1ee5t nh\u00e2n s\u1ef1 &#038; Chuy\u1ec3n \u0111\u1ed5i Drupal<\/p>\n                                    <div class=\"successful-project-limit-text-content lg:text-[18px] lg:leading-[30.6px] text-[16px] leading-[27.2px] font-normal text-[#4A4B4C] lg:w-full w-[290px] break-words\">Kh\u1eafc ph\u1ee5c t\u00ecnh tr\u1ea1ng thi\u1ebfu h\u1ee5t nh\u00e2n s\u1ef1 &amp; Chuy\u1ec3n \u0111\u1ed5i Drupal t\u1eeb phi\u00ean b\u1ea3n Drupal 8.9.2 v\u00e0 Drupal 8 l\u00ean Drupal 10<\/div>\n                                    <a href=\"https:\/\/luvina.net\/vi\/portfolio\/case-study-chuyen-doi-version-drupal\/\" class=\"group flex h-[40px] gap-x-[10px] pl-[20px] pr-[15px] border border-[#CE181E] rounded-[8px] items-center w-fit hover:bg-[#CE181E] box-border lg:self-start self-center cursor-pointer\">\n                                        <p class=\"text-[18px] text-[#CE181E] font-normal group-hover:text-white\">Xem th\u00eam<\/p>\n                                        <img decoding=\"async\" src=\"https:\/\/luvina.net\/vi\/wp-content\/themes\/luvina2024\/assets\/images\/industry-arrow-right.png\" alt=\"\" class=\"group-hover:hidden w-[24px] h-[24px]\" title=\"\">\n                                        <img decoding=\"async\" src=\"https:\/\/luvina.net\/vi\/wp-content\/themes\/luvina2024\/assets\/images\/icon-next-white-1.png\" alt=\"\" class=\"w-[24px] h-[24px] hidden group-hover:block\" title=\"\">\n                                    <\/a>\n                                <\/div>\n                            <\/div>\n                                                    <div class=\"common_news_2025-content flex lg:flex-row flex-col gap-x-[27px] gap-y-[40px] lg:min-w-full min-w-[315px] lg:w-auto w-[315px] lg:pt-[0px] lg:pl-[0px] lg:pr-[0px] lg:pb-[0px] pt-[8px] pl-[8px] pr-[8px] pb-[16px] lg:shadow-none shadow-[0px_1px_8px_0px_rgba(0,0,0,0.25)] box-border lg:rounded-none rounded-[23px]\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/luvina.net\/vi\/wp-content\/uploads\/2025\/09\/Heartcore.png\" alt=\"\" class=\"common_news_2025-main-img lg:w-[550px] 2xl:min-w-[550px] lg:h-[378px] w-[299px] h-[206px] rounded-[16px] object-cover cursor-pointer\" onclick=\"window.location.href=&#039;https:\/\/luvina.net\/vi\/portfolio\/case-study-trien-khai-heartcore-cms\/&#039;\" title=\"\">\n                                                                <div class=\"flex flex-col gap-y-[30px] grow\">\n                                    <p class=\"successful-project-limit-text-title lg:text-[20px] lg:leading-[30px] text-[16px] leading-[24px] font-bold text-black break-words cursor-pointer\" onclick=\"window.location.href='https:\/\/luvina.net\/vi\/portfolio\/case-study-trien-khai-heartcore-cms\/'\">Tri\u1ec3n khai Heartcore CMS: Qu\u1ea3n l\u00fd n\u1ed9i dung &#038; t\u1ed1i \u01b0u tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng<\/p>\n                                    <div class=\"successful-project-limit-text-content lg:text-[18px] lg:leading-[30.6px] text-[16px] leading-[27.2px] font-normal text-[#4A4B4C] lg:w-full w-[290px] break-words\">H\u1ed7 tr\u1ee3 doanh nghi\u1ec7p Nh\u1eadt B\u1ea3n chuy\u1ec3n \u0111\u1ed5i website truy\u1ec1n th\u1ed1ng sang Heartcore CMS \/ CXM, n\u00e2ng cao kh\u1ea3 n\u0103ng qu\u1ea3n l\u00fd n\u1ed9i dung v\u00e0 t\u1ed1i \u01b0u tr\u1ea3i nghi\u1ec7m kh\u00e1ch h\u00e0ng.<\/div>\n                                    <a href=\"https:\/\/luvina.net\/vi\/portfolio\/case-study-trien-khai-heartcore-cms\/\" class=\"group flex h-[40px] gap-x-[10px] pl-[20px] pr-[15px] border border-[#CE181E] rounded-[8px] items-center w-fit hover:bg-[#CE181E] box-border lg:self-start self-center cursor-pointer\">\n                                        <p class=\"text-[18px] text-[#CE181E] font-normal group-hover:text-white\">Xem th\u00eam<\/p>\n                                        <img decoding=\"async\" src=\"https:\/\/luvina.net\/vi\/wp-content\/themes\/luvina2024\/assets\/images\/industry-arrow-right.png\" alt=\"\" class=\"group-hover:hidden w-[24px] h-[24px]\" title=\"\">\n                                        <img decoding=\"async\" src=\"https:\/\/luvina.net\/vi\/wp-content\/themes\/luvina2024\/assets\/images\/icon-next-white-1.png\" alt=\"\" class=\"w-[24px] h-[24px] hidden group-hover:block\" title=\"\">\n                                    <\/a>\n                                <\/div>\n                            <\/div>\n                                                    <div class=\"common_news_2025-content flex lg:flex-row flex-col gap-x-[27px] gap-y-[40px] lg:min-w-full min-w-[315px] lg:w-auto w-[315px] lg:pt-[0px] lg:pl-[0px] lg:pr-[0px] lg:pb-[0px] pt-[8px] pl-[8px] pr-[8px] pb-[16px] lg:shadow-none shadow-[0px_1px_8px_0px_rgba(0,0,0,0.25)] box-border lg:rounded-none rounded-[23px]\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/luvina.net\/vi\/wp-content\/uploads\/2025\/08\/dot-editor.jpg\" alt=\"\" class=\"common_news_2025-main-img lg:w-[550px] 2xl:min-w-[550px] lg:h-[378px] w-[299px] h-[206px] rounded-[16px] object-cover cursor-pointer\" onclick=\"window.location.href=&#039;https:\/\/luvina.net\/vi\/portfolio\/phat-trien-nen-tang-quan-ly-noi-dung-quang-cao-cho-phuong-tien-giao-thong-cong-cong\/&#039;\" title=\"\">\n                                                                <div class=\"flex flex-col gap-y-[30px] grow\">\n                                    <p class=\"successful-project-limit-text-title lg:text-[20px] lg:leading-[30px] text-[16px] leading-[24px] font-bold text-black break-words cursor-pointer\" onclick=\"window.location.href='https:\/\/luvina.net\/vi\/portfolio\/phat-trien-nen-tang-quan-ly-noi-dung-quang-cao-cho-phuong-tien-giao-thong-cong-cong\/'\">Ph\u00e1t tri\u1ec3n n\u1ec1n t\u1ea3ng qu\u1ea3n l\u00fd n\u1ed9i dung qu\u1ea3ng c\u00e1o cho ph\u01b0\u01a1ng ti\u1ec7n giao th\u00f4ng c\u00f4ng c\u1ed9ng\u200b<\/p>\n                                    <div class=\"successful-project-limit-text-content lg:text-[18px] lg:leading-[30.6px] text-[16px] leading-[27.2px] font-normal text-[#4A4B4C] lg:w-full w-[290px] break-words\"><span class=\"TextRun SCXP78249742 BCX8\" lang=\"EN-US\" xml:lang=\"EN-US\" data-scheme-color=\"@000000,,\" data-usefontface=\"true\" data-contrast=\"none\"><span class=\"NormalTextRun SCXP78249742 BCX8\">Luvina \u0111\u1ed3ng h\u00e0nh c\u00f9ng doanh nghi\u1ec7p Nh\u1eadt B\u1ea3n <\/span><\/span><span class=\"TextRun SCXP78249742 BCX8\" lang=\"EN-US\" xml:lang=\"EN-US\" data-scheme-color=\"@000000,,\" data-usefontface=\"true\" data-contrast=\"none\"><span class=\"NormalTextRun SCXP78249742 BCX8\">trong vi\u1ec7c ph\u00e1t tri\u1ec3n h\u1ec7 th\u1ed1ng web qu\u1ea3n l\u00fd n\u1ed9i dung hi\u1ec3n th\u1ecb tr\u00ean c\u00e1c thi\u1ebft b\u1ecb qu\u1ea3ng c\u00e1o \u0111i\u1ec7n <\/span><\/span><span class=\"TextRun SCXP78249742 BCX8\" lang=\"EN-US\" xml:lang=\"EN-US\" data-scheme-color=\"@000000,,\" data-usefontface=\"true\" data-contrast=\"none\"><span class=\"NormalTextRun SCXP78249742 BCX8\">t\u1eed (Digital Signage) trong ng\u00e0nh giao th\u00f4ng c\u00f4ng c\u1ed9ng \u2013 nh\u01b0 t\u00e0u \u0111i\u1ec7n, xe bu\u00fdt, tr\u1ea1m ch\u1edd\u2026 H\u1ec7 <\/span><\/span><span class=\"TextRun SCXP78249742 BCX8\" lang=\"EN-US\" xml:lang=\"EN-US\" data-scheme-color=\"@000000,,\" data-usefontface=\"true\" data-contrast=\"none\"><span class=\"NormalTextRun SCXP78249742 BCX8\">th\u1ed1ng h\u1ed7 tr\u1ee3 ph\u00e2n ph\u1ed1i th\u00f4ng tin l\u1ecbch tr\u00ecnh, tuy\u1ebfn \u0111\u01b0\u1eddng, \u0111\u1ecba \u0111i\u1ec3m l\u00e2n c\u1eadn, th\u1eddi ti\u1ebft, tin t\u1ee9c v\u00e0 <\/span><\/span><span class=\"TextRun SCXP78249742 BCX8\" lang=\"EN-US\" xml:lang=\"EN-US\" data-scheme-color=\"@000000,,\" data-usefontface=\"true\" data-contrast=\"none\"><span class=\"NormalTextRun SCXP78249742 BCX8\">qu\u1ea3ng c\u00e1o m\u1ed9t c\u00e1ch linh ho\u1ea1t, t\u1eadp trung. Gi\u1ea3i ph\u00e1p \u0111\u00e3 \u0111\u01b0\u1ee3c tri\u1ec3n khai th\u00e0nh c\u00f4ng t\u1ea1i Nh\u1eadt <\/span><\/span><span class=\"TextRun SCXP78249742 BCX8\" lang=\"EN-US\" xml:lang=\"EN-US\" data-scheme-color=\"@000000,,\" data-usefontface=\"true\" data-contrast=\"none\"><span class=\"NormalTextRun SCXP78249742 BCX8\">B\u1ea3n, g\u00f3p ph\u1ea7n n\u00e2ng cao tr\u1ea3i nghi\u1ec7m h\u00e0nh kh\u00e1ch v\u00e0 hi\u1ec7u qu\u1ea3 v\u1eadn h\u00e0nh.<\/span><\/span><span class=\"EOP SCXP78249742 BCX8\">\u200b<\/span>\r\n<div id=\"gtx-trans\" style=\"position: absolute; left: 1136px; top: 48px;\">\r\n<div class=\"gtx-trans-icon\"><\/div>\r\n<\/div><\/div>\n                                    <a href=\"https:\/\/luvina.net\/vi\/portfolio\/phat-trien-nen-tang-quan-ly-noi-dung-quang-cao-cho-phuong-tien-giao-thong-cong-cong\/\" class=\"group flex h-[40px] gap-x-[10px] pl-[20px] pr-[15px] border border-[#CE181E] rounded-[8px] items-center w-fit hover:bg-[#CE181E] box-border lg:self-start self-center cursor-pointer\">\n                                        <p class=\"text-[18px] text-[#CE181E] font-normal group-hover:text-white\">Xem th\u00eam<\/p>\n                                        <img decoding=\"async\" src=\"https:\/\/luvina.net\/vi\/wp-content\/themes\/luvina2024\/assets\/images\/industry-arrow-right.png\" alt=\"\" class=\"group-hover:hidden w-[24px] h-[24px]\" title=\"\">\n                                        <img decoding=\"async\" src=\"https:\/\/luvina.net\/vi\/wp-content\/themes\/luvina2024\/assets\/images\/icon-next-white-1.png\" alt=\"\" class=\"w-[24px] h-[24px] hidden group-hover:block\" title=\"\">\n                                    <\/a>\n                                <\/div>\n                            <\/div>\n                                            <\/div>\n                    <div class=\"common_news_2025-btn-wrapper absolute lg:flex hidden lg:top-[45%] 2xl:top-[50%] w-[1551px] -ml-[100px] justify-between\">\n                        <img decoding=\"async\" src=\"https:\/\/luvina.net\/vi\/wp-content\/themes\/luvina2024\/assets\/images\/common-2025-btn-back-disabled.png\" data-active-src=\"https:\/\/luvina.net\/vi\/wp-content\/themes\/luvina2024\/assets\/images\/common-2025-btn-back-active.png\" data-inactive-src=\"https:\/\/luvina.net\/vi\/wp-content\/themes\/luvina2024\/assets\/images\/common-2025-btn-back-disabled.png\" alt=\"\" class=\"common_news_2025-main-prev w-[36px] h-[36px] cursor-pointer\" data-inactive- title=\"\">\n\n                        <img decoding=\"async\" src=\"https:\/\/luvina.net\/vi\/wp-content\/themes\/luvina2024\/assets\/images\/common-2025-btn-next-active.png\" data-active-src=\"https:\/\/luvina.net\/vi\/wp-content\/themes\/luvina2024\/assets\/images\/common-2025-btn-next-active.png\" data-inactive-src=\"https:\/\/luvina.net\/vi\/wp-content\/themes\/luvina2024\/assets\/images\/common-2025-btn-next-disabled.png\" alt=\"\" class=\"common_news_2025-main-next w-[36px] h-[36px] cursor-pointer\" data-active- title=\"\">\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n    \n\n\n\n<section\n  id=\"why-us\"\n  class=\"flex flex-col items-center lg:gap-[80px] xl:gap-[142px] gap-[43px] lg:py-[80px] py-[40px]\"\n>\n  <h2\n    class=\"inline-flex lg:text-[30px] text-[20px] lg:uppercase lg:leading-[37.5px] font-bold bg-gradient-to-r from-[#840000] to-[#CE181E] text-transparent bg-clip-text text-center\"\n  >\n    \u30eb\u30d3\u30ca\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u304c\u9078\u3070\u308c\u308b\u7406\u7531\n  <\/h2>\n  <div\n    class=\"hidden sm:block sm:w-[750px] sm:h-[300px] xl:w-[1130px] 2xl:w-[1277px] xl:h-[373px] z-0 bg-[url('\/wp-content\/uploads\/2025\/03\/cms-section-8-bg-pc-jp.png')] bg-no-repeat bg-center bg-contain\"\n  ><\/div>\n  <div\n    class=\"sm:hidden z-10 w-[calc(100vw-32px)] bg-[url('\/vi\/wp-content\/themes\/luvina2024\/assets\/images\/mobile-circle.png')] bg-no-repeat bg-center bg-contain [background-position-y:85%]\"\n  >\n    <div class=\"flex flex-col gap-6 pl-[60px] items-start\">\n      <div\n        class=\"rounded-[42px] bg-white shadow-md flex items-center gap-4 py-[8px] pr-[16px] pl-[8px]\"\n      >\n        <img decoding=\"async\"\n          class=\"w-11 h-11\"\n          src=\"\/wp-content\/uploads\/2025\/03\/legacy-icon-1.png\"\n          alt=\"why-choose-us\"\n          title=\"why choose us\"\n        \/>\n        <div class=\"font-bold leading-[24px] max-w-[180px]\">\n          \u9ad8\u54c1\u8cea\u306a\u30b5\u30fc\u30d3\u30b9\n        <\/div>\n      <\/div>\n      <div\n        class=\"rounded-[42px] bg-white shadow-md flex items-center gap-4 py-[8px] pr-[16px] pl-[8px]\"\n      >\n        <img decoding=\"async\"\n          class=\"w-11 h-11\"\n          src=\"\/wp-content\/uploads\/2025\/03\/legacy-icon-5.png\"\n          alt=\"why-choose-us\"\n          title=\"why choose us\"\n        \/>\n        <div class=\"font-bold leading-[24px] max-w-[180px]\">\n          24\u6642\u9593365\u65e5\u306eIT\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\n        <\/div>\n      <\/div>\n      <div\n        class=\"rounded-[42px] bg-white shadow-md flex items-center gap-4 py-[8px] pr-[16px] pl-[8px]\"\n      >\n        <img decoding=\"async\"\n          class=\"w-11 h-11\"\n          src=\"\/wp-content\/uploads\/2025\/03\/legacy-icon-6.png\"\n          alt=\"why-choose-us\"\n          title=\"why choose us\"\n        \/>\n        <div class=\"font-bold leading-[24px] max-w-[180px]\">\n          \u30b3\u30b9\u30c8\u306e\u6700\u9069\u5316\n        <\/div>\n      <\/div>\n      <div\n        class=\"rounded-[42px] bg-white shadow-md flex items-center gap-4 py-[8px] pr-[16px] pl-[8px]\"\n      >\n        <img decoding=\"async\"\n          class=\"w-11 h-11\"\n          src=\"\/wp-content\/uploads\/2025\/02\/legacy-icon-2.png\"\n          alt=\"why-choose-us\"\n          title=\"why choose us\"\n        \/>\n        <div class=\"font-bold leading-[24px] max-w-[180px]\">\n          \u6700\u5927\u9650\u306e\u30c7\u30fc\u30bf\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<div\n    class=\"section-common flex flex-col items-center lg:py-[80px] py-[40px] 2xl:gap-y-[20px] xl:gap-y-[10px] lg:gap-y-[0px] gap-y-[18px]\">\n    <h2\n        class=\"lg:text-[30px] text-[20px] lg:leading-[45px] leading-[30px] font-bold lg:uppercase bg-gradient-to-r from-[#840000] to-[#CE181E] bg-clip-text text-transparent\">\n        B\u00e0i vi\u1ebft li\u00ean quan<\/h2>\n    <div\n        class=\"section-common-content relative flex 2xl:scale-[1] xl:scale-[0.8] lg:scale-[0.7] scale-[1] lg:pt-[0px] lg:pb-[0px] pt-[32px] pb-[52px]\">\n        <img decoding=\"async\" src=\"https:\/\/luvina.net\/vi\/wp-content\/themes\/luvina2024\/assets\/images\/icon-next-btn.png\" alt=\"\" class=\"hidden lg:block w-[46px] h-[46px] absolute top-[235px] -left-[50px] transform rotate-180 cursor-pointer\" onclick=\"prevSlide()\" title=\"\">\n        <div\n            class=\"slider-container flex lg:w-[1385px] lg:min-w-[1365px] max-w-[calc(100vw-32px)] lg:overflow-hidden overflow-scroll lg:items-center items-start lg:gap-x-[26px] gap-x-[16px] scrollbar-hidden lg:pl-[10px]\">\n                                    <div class=\"slider-wrapper\">\n                <div class=\"flex flex-col transition-transform duration-300 hover:scale-105\">\n                    <a href=\"https:\/\/luvina.net\/vi\/qa-best-practices-trong-phan-mem\/\">\n                                                <img decoding=\"async\" src=\"https:\/\/luvina.net\/vi\/wp-content\/uploads\/2026\/06\/10-QA-Best-Practices-Trong-Phan-Mem-Giup-Nang-Cao-Chat-Luong-San-Pham.webp\" alt=\"10 QA Best Practices Trong Ph\u00e1t Tri\u1ec3n Ph\u1ea7n M\u1ec1m Gi\u00fap N\u00e2ng Cao Ch\u1ea5t L\u01b0\u1ee3ng S\u1ea3n Ph\u1ea9m\" class=\"slider-img related-posts-thumbnail rounded-tl-[8px] rounded-tr-[8px] lg:w-[372px] lg:min-w-[372px] lg:h-[256px] min-w-[283px] h-[194px] object-cover\" title=\"\">\n                                            <\/a>\n                    <div\n                        class=\"flex flex-col lg:gap-y-[16px] gap-y-[8px] lg:p-[16px] p-[9px] lg:bg-[#F8F8F8] bg-none rounded-bl-[8px] rounded-br-[8px]\">\n                        <a href=\"https:\/\/luvina.net\/vi\/qa-best-practices-trong-phan-mem\/\"\n                            class=\"related-posts-limit-text-title lg:text-[16px] text-[10px] lg:leading-[24px] leading-[15px] font-bold\">\n                            10 QA Best Practices Trong Ph\u00e1t Tri\u1ec3n Ph\u1ea7n M\u1ec1m Gi\u00fap N\u00e2ng Cao Ch\u1ea5t L\u01b0\u1ee3ng S\u1ea3n Ph\u1ea9m                        <\/a>\n\n                        <!-- <div class=\"flex lg:gap-[16px] gap-[8px] flex-wrap\">\n                                                                                                                                    <a href=\"https:\/\/luvina.net\/vi\/tag\/ci-cd\/\">\n                                                    <p class=\"flex justify-center items-center lg:text-[12px] text-[10px] p-[10px] h-[30px] rounded-full lg:bg-white bg-[#F8F8F8] border border-white lg:hover:border-[#CE181E] lg:hover:text-[#CE181E] box-border cursor-pointer\">\n                                                        CI\/CD                                                    <\/p>\n                                                <\/a>\n                                                                                            <a href=\"https:\/\/luvina.net\/vi\/tag\/devops\/\">\n                                                    <p class=\"flex justify-center items-center lg:text-[12px] text-[10px] p-[10px] h-[30px] rounded-full lg:bg-white bg-[#F8F8F8] border border-white lg:hover:border-[#CE181E] lg:hover:text-[#CE181E] box-border cursor-pointer\">\n                                                        DevOps                                                    <\/p>\n                                                <\/a>\n                                                                                            <a href=\"https:\/\/luvina.net\/vi\/tag\/qa\/\">\n                                                    <p class=\"flex justify-center items-center lg:text-[12px] text-[10px] p-[10px] h-[30px] rounded-full lg:bg-white bg-[#F8F8F8] border border-white lg:hover:border-[#CE181E] lg:hover:text-[#CE181E] box-border cursor-pointer\">\n                                                        QA                                                    <\/p>\n                                                <\/a>\n                                                                                            <a href=\"https:\/\/luvina.net\/vi\/tag\/quality-assurance\/\">\n                                                    <p class=\"flex justify-center items-center lg:text-[12px] text-[10px] p-[10px] h-[30px] rounded-full lg:bg-white bg-[#F8F8F8] border border-white lg:hover:border-[#CE181E] lg:hover:text-[#CE181E] box-border cursor-pointer\">\n                                                        quality assurance                                                    <\/p>\n                                                <\/a>\n                                                                                            <a href=\"https:\/\/luvina.net\/vi\/tag\/quan-ly-chat-luong-phan-mem\/\">\n                                                    <p class=\"flex justify-center items-center lg:text-[12px] text-[10px] p-[10px] h-[30px] rounded-full lg:bg-white bg-[#F8F8F8] border border-white lg:hover:border-[#CE181E] lg:hover:text-[#CE181E] box-border cursor-pointer\">\n                                                        qu\u1ea3n l\u00fd ch\u1ea5t l\u01b0\u1ee3ng ph\u1ea7n m\u1ec1m                                                    <\/p>\n                                                <\/a>\n                                                                                            <a href=\"https:\/\/luvina.net\/vi\/tag\/shift-left-testing\/\">\n                                                    <p class=\"flex justify-center items-center lg:text-[12px] text-[10px] p-[10px] h-[30px] rounded-full lg:bg-white bg-[#F8F8F8] border border-white lg:hover:border-[#CE181E] lg:hover:text-[#CE181E] box-border cursor-pointer\">\n                                                        shift-left testing                                                    <\/p>\n                                                <\/a>\n                                                                                            <a href=\"https:\/\/luvina.net\/vi\/tag\/software-development\/\">\n                                                    <p class=\"flex justify-center items-center lg:text-[12px] text-[10px] p-[10px] h-[30px] rounded-full lg:bg-white bg-[#F8F8F8] border border-white lg:hover:border-[#CE181E] lg:hover:text-[#CE181E] box-border cursor-pointer\">\n                                                        Software Development                                                    <\/p>\n                                                <\/a>\n                                                                                            <a href=\"https:\/\/luvina.net\/vi\/tag\/software-testing\/\">\n                                                    <p class=\"flex justify-center items-center lg:text-[12px] text-[10px] p-[10px] h-[30px] rounded-full lg:bg-white bg-[#F8F8F8] border border-white lg:hover:border-[#CE181E] lg:hover:text-[#CE181E] box-border cursor-pointer\">\n                                                        Software Testing                                                    <\/p>\n                                                <\/a>\n                                                                                            <a href=\"https:\/\/luvina.net\/vi\/tag\/test-automation\/\">\n                                                    <p class=\"flex justify-center items-center lg:text-[12px] text-[10px] p-[10px] h-[30px] rounded-full lg:bg-white bg-[#F8F8F8] border border-white lg:hover:border-[#CE181E] lg:hover:text-[#CE181E] box-border cursor-pointer\">\n                                                        test automation                                                    <\/p>\n                                                <\/a>\n                                                                                                                        <\/div> -->\n\n                        <div class=\"flex lg:gap-[16px] gap-[8px] flex-wrap max-h-[76px] overflow-hidden\">\n                                                        <a href=\"https:\/\/luvina.net\/vi\/tag\/ci-cd\/\">\n                                <p\n                                    class=\"flex justify-center items-center lg:text-[12px] text-[10px] p-[10px] h-[30px] rounded-full lg:bg-white bg-[#F8F8F8] border border-white lg:hover:border-[#CE181E] lg:hover:text-[#CE181E] box-border cursor-pointer\">\n                                    CI\/CD                                <\/p>\n                            <\/a>\n                                                        <a href=\"https:\/\/luvina.net\/vi\/tag\/devops\/\">\n                                <p\n                                    class=\"flex justify-center items-center lg:text-[12px] text-[10px] p-[10px] h-[30px] rounded-full lg:bg-white bg-[#F8F8F8] border border-white lg:hover:border-[#CE181E] lg:hover:text-[#CE181E] box-border cursor-pointer\">\n                                    DevOps                                <\/p>\n                            <\/a>\n                                                        <a href=\"https:\/\/luvina.net\/vi\/tag\/qa\/\">\n                                <p\n                                    class=\"flex justify-center items-center lg:text-[12px] text-[10px] p-[10px] h-[30px] rounded-full lg:bg-white bg-[#F8F8F8] border border-white lg:hover:border-[#CE181E] lg:hover:text-[#CE181E] box-border cursor-pointer\">\n                                    QA                                <\/p>\n                            <\/a>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n                                    <div class=\"slider-wrapper\">\n                <div class=\"flex flex-col transition-transform duration-300 hover:scale-105\">\n                    <a href=\"https:\/\/luvina.net\/vi\/no-ky-thuat\/\">\n                                                <img decoding=\"async\" src=\"https:\/\/luvina.net\/vi\/wp-content\/uploads\/2026\/04\/No-ky-thuat-Tech-Debt-la-gi-va-Tai-sao-lai-quan-trong-1.png\" alt=\"Tech Debt &#8211; N\u1ee3 k\u1ef9 thu\u1eadt l\u00e0 g\u00ec? 6 C\u00e1ch gi\u1ea3m Techical Debt\" class=\"slider-img related-posts-thumbnail rounded-tl-[8px] rounded-tr-[8px] lg:w-[372px] lg:min-w-[372px] lg:h-[256px] min-w-[283px] h-[194px] object-cover\" title=\"\">\n                                            <\/a>\n                    <div\n                        class=\"flex flex-col lg:gap-y-[16px] gap-y-[8px] lg:p-[16px] p-[9px] lg:bg-[#F8F8F8] bg-none rounded-bl-[8px] rounded-br-[8px]\">\n                        <a href=\"https:\/\/luvina.net\/vi\/no-ky-thuat\/\"\n                            class=\"related-posts-limit-text-title lg:text-[16px] text-[10px] lg:leading-[24px] leading-[15px] font-bold\">\n                            Tech Debt &#8211; N\u1ee3 k\u1ef9 thu\u1eadt l\u00e0 g\u00ec? 6 C\u00e1ch gi\u1ea3m Techical Debt                        <\/a>\n\n                        <!-- <div class=\"flex lg:gap-[16px] gap-[8px] flex-wrap\">\n                                                                                                                                    <a href=\"https:\/\/luvina.net\/vi\/tag\/no-ky-thuat\/\">\n                                                    <p class=\"flex justify-center items-center lg:text-[12px] text-[10px] p-[10px] h-[30px] rounded-full lg:bg-white bg-[#F8F8F8] border border-white lg:hover:border-[#CE181E] lg:hover:text-[#CE181E] box-border cursor-pointer\">\n                                                        n\u1ee3 k\u1ef9 thu\u1eadt                                                    <\/p>\n                                                <\/a>\n                                                                                            <a href=\"https:\/\/luvina.net\/vi\/tag\/quality-assurance\/\">\n                                                    <p class=\"flex justify-center items-center lg:text-[12px] text-[10px] p-[10px] h-[30px] rounded-full lg:bg-white bg-[#F8F8F8] border border-white lg:hover:border-[#CE181E] lg:hover:text-[#CE181E] box-border cursor-pointer\">\n                                                        quality assurance                                                    <\/p>\n                                                <\/a>\n                                                                                            <a href=\"https:\/\/luvina.net\/vi\/tag\/quan-ly-chat-luong-phan-mem\/\">\n                                                    <p class=\"flex justify-center items-center lg:text-[12px] text-[10px] p-[10px] h-[30px] rounded-full lg:bg-white bg-[#F8F8F8] border border-white lg:hover:border-[#CE181E] lg:hover:text-[#CE181E] box-border cursor-pointer\">\n                                                        qu\u1ea3n l\u00fd ch\u1ea5t l\u01b0\u1ee3ng ph\u1ea7n m\u1ec1m                                                    <\/p>\n                                                <\/a>\n                                                                                            <a href=\"https:\/\/luvina.net\/vi\/tag\/software-architecture\/\">\n                                                    <p class=\"flex justify-center items-center lg:text-[12px] text-[10px] p-[10px] h-[30px] rounded-full lg:bg-white bg-[#F8F8F8] border border-white lg:hover:border-[#CE181E] lg:hover:text-[#CE181E] box-border cursor-pointer\">\n                                                        software architecture                                                    <\/p>\n                                                <\/a>\n                                                                                            <a href=\"https:\/\/luvina.net\/vi\/tag\/software-engineering\/\">\n                                                    <p class=\"flex justify-center items-center lg:text-[12px] text-[10px] p-[10px] h-[30px] rounded-full lg:bg-white bg-[#F8F8F8] border border-white lg:hover:border-[#CE181E] lg:hover:text-[#CE181E] box-border cursor-pointer\">\n                                                        software engineering                                                    <\/p>\n                                                <\/a>\n                                                                                            <a href=\"https:\/\/luvina.net\/vi\/tag\/software-quality\/\">\n                                                    <p class=\"flex justify-center items-center lg:text-[12px] text-[10px] p-[10px] h-[30px] rounded-full lg:bg-white bg-[#F8F8F8] border border-white lg:hover:border-[#CE181E] lg:hover:text-[#CE181E] box-border cursor-pointer\">\n                                                        software quality                                                    <\/p>\n                                                <\/a>\n                                                                                            <a href=\"https:\/\/luvina.net\/vi\/tag\/tai-cau-truc-phan-mem\/\">\n                                                    <p class=\"flex justify-center items-center lg:text-[12px] text-[10px] p-[10px] h-[30px] rounded-full lg:bg-white bg-[#F8F8F8] border border-white lg:hover:border-[#CE181E] lg:hover:text-[#CE181E] box-border cursor-pointer\">\n                                                        t\u00e1i c\u1ea5u tr\u00fac ph\u1ea7n m\u1ec1m                                                    <\/p>\n                                                <\/a>\n                                                                                            <a href=\"https:\/\/luvina.net\/vi\/tag\/technical-debt\/\">\n                                                    <p class=\"flex justify-center items-center lg:text-[12px] text-[10px] p-[10px] h-[30px] rounded-full lg:bg-white bg-[#F8F8F8] border border-white lg:hover:border-[#CE181E] lg:hover:text-[#CE181E] box-border cursor-pointer\">\n                                                        Technical debt                                                    <\/p>\n                                                <\/a>\n                                                                                                                        <\/div> -->\n\n                        <div class=\"flex lg:gap-[16px] gap-[8px] flex-wrap max-h-[76px] overflow-hidden\">\n                                                        <a href=\"https:\/\/luvina.net\/vi\/tag\/no-ky-thuat\/\">\n                                <p\n                                    class=\"flex justify-center items-center lg:text-[12px] text-[10px] p-[10px] h-[30px] rounded-full lg:bg-white bg-[#F8F8F8] border border-white lg:hover:border-[#CE181E] lg:hover:text-[#CE181E] box-border cursor-pointer\">\n                                    n\u1ee3 k\u1ef9 thu\u1eadt                                <\/p>\n                            <\/a>\n                                                        <a href=\"https:\/\/luvina.net\/vi\/tag\/quality-assurance\/\">\n                                <p\n                                    class=\"flex justify-center items-center lg:text-[12px] text-[10px] p-[10px] h-[30px] rounded-full lg:bg-white bg-[#F8F8F8] border border-white lg:hover:border-[#CE181E] lg:hover:text-[#CE181E] box-border cursor-pointer\">\n                                    quality assurance                                <\/p>\n                            <\/a>\n                                                        <a href=\"https:\/\/luvina.net\/vi\/tag\/quan-ly-chat-luong-phan-mem\/\">\n                                <p\n                                    class=\"flex justify-center items-center lg:text-[12px] text-[10px] p-[10px] h-[30px] rounded-full lg:bg-white bg-[#F8F8F8] border border-white lg:hover:border-[#CE181E] lg:hover:text-[#CE181E] box-border cursor-pointer\">\n                                    qu\u1ea3n l\u00fd ch\u1ea5t l\u01b0\u1ee3ng ph\u1ea7n m\u1ec1m                                <\/p>\n                            <\/a>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n                                    <div class=\"slider-wrapper\">\n                <div class=\"flex flex-col transition-transform duration-300 hover:scale-105\">\n                    <a href=\"https:\/\/luvina.net\/vi\/erp-la-gi\/\">\n                                                <img decoding=\"async\" src=\"https:\/\/luvina.net\/vi\/wp-content\/uploads\/2026\/03\/ERP-la-gi-Giai-ma-Bo-nao-quan-tri-doanh-nghiep-toan-dien.webp\" alt=\"ERP l\u00e0 g\u00ec? Gi\u1ea3i m\u00e3 &#8220;B\u1ed9 n\u00e3o&#8221; qu\u1ea3n tr\u1ecb doanh nghi\u1ec7p to\u00e0n di\u1ec7n\" class=\"slider-img related-posts-thumbnail rounded-tl-[8px] rounded-tr-[8px] lg:w-[372px] lg:min-w-[372px] lg:h-[256px] min-w-[283px] h-[194px] object-cover\" title=\"\">\n                                            <\/a>\n                    <div\n                        class=\"flex flex-col lg:gap-y-[16px] gap-y-[8px] lg:p-[16px] p-[9px] lg:bg-[#F8F8F8] bg-none rounded-bl-[8px] rounded-br-[8px]\">\n                        <a href=\"https:\/\/luvina.net\/vi\/erp-la-gi\/\"\n                            class=\"related-posts-limit-text-title lg:text-[16px] text-[10px] lg:leading-[24px] leading-[15px] font-bold\">\n                            ERP l\u00e0 g\u00ec? Gi\u1ea3i m\u00e3 &#8220;B\u1ed9 n\u00e3o&#8221; qu\u1ea3n tr\u1ecb doanh nghi\u1ec7p to\u00e0n di\u1ec7n                        <\/a>\n\n                        <!-- <div class=\"flex lg:gap-[16px] gap-[8px] flex-wrap\">\n                                                                                                                                    <a href=\"https:\/\/luvina.net\/vi\/tag\/enterprise-resource-planning\/\">\n                                                    <p class=\"flex justify-center items-center lg:text-[12px] text-[10px] p-[10px] h-[30px] rounded-full lg:bg-white bg-[#F8F8F8] border border-white lg:hover:border-[#CE181E] lg:hover:text-[#CE181E] box-border cursor-pointer\">\n                                                        enterprise resource planning                                                    <\/p>\n                                                <\/a>\n                                                                                            <a href=\"https:\/\/luvina.net\/vi\/tag\/erp\/\">\n                                                    <p class=\"flex justify-center items-center lg:text-[12px] text-[10px] p-[10px] h-[30px] rounded-full lg:bg-white bg-[#F8F8F8] border border-white lg:hover:border-[#CE181E] lg:hover:text-[#CE181E] box-border cursor-pointer\">\n                                                        ERP                                                    <\/p>\n                                                <\/a>\n                                                                                            <a href=\"https:\/\/luvina.net\/vi\/tag\/he-thong-phan-mem-quan-tri-tong-the\/\">\n                                                    <p class=\"flex justify-center items-center lg:text-[12px] text-[10px] p-[10px] h-[30px] rounded-full lg:bg-white bg-[#F8F8F8] border border-white lg:hover:border-[#CE181E] lg:hover:text-[#CE181E] box-border cursor-pointer\">\n                                                        h\u1ec7 th\u1ed1ng ph\u1ea7n m\u1ec1m qu\u1ea3n tr\u1ecb t\u1ed5ng th\u1ec3                                                    <\/p>\n                                                <\/a>\n                                                                                            <a href=\"https:\/\/luvina.net\/vi\/tag\/phan-mem-quan-tri-doanh-nghiep\/\">\n                                                    <p class=\"flex justify-center items-center lg:text-[12px] text-[10px] p-[10px] h-[30px] rounded-full lg:bg-white bg-[#F8F8F8] border border-white lg:hover:border-[#CE181E] lg:hover:text-[#CE181E] box-border cursor-pointer\">\n                                                        ph\u1ea7n m\u1ec1m qu\u1ea3n tr\u1ecb doanh nghi\u1ec7p                                                    <\/p>\n                                                <\/a>\n                                                                                                                        <\/div> -->\n\n                        <div class=\"flex lg:gap-[16px] gap-[8px] flex-wrap max-h-[76px] overflow-hidden\">\n                                                        <a href=\"https:\/\/luvina.net\/vi\/tag\/enterprise-resource-planning\/\">\n                                <p\n                                    class=\"flex justify-center items-center lg:text-[12px] text-[10px] p-[10px] h-[30px] rounded-full lg:bg-white bg-[#F8F8F8] border border-white lg:hover:border-[#CE181E] lg:hover:text-[#CE181E] box-border cursor-pointer\">\n                                    enterprise resource planning                                <\/p>\n                            <\/a>\n                                                        <a href=\"https:\/\/luvina.net\/vi\/tag\/erp\/\">\n                                <p\n                                    class=\"flex justify-center items-center lg:text-[12px] text-[10px] p-[10px] h-[30px] rounded-full lg:bg-white bg-[#F8F8F8] border border-white lg:hover:border-[#CE181E] lg:hover:text-[#CE181E] box-border cursor-pointer\">\n                                    ERP                                <\/p>\n                            <\/a>\n                                                        <a href=\"https:\/\/luvina.net\/vi\/tag\/he-thong-phan-mem-quan-tri-tong-the\/\">\n                                <p\n                                    class=\"flex justify-center items-center lg:text-[12px] text-[10px] p-[10px] h-[30px] rounded-full lg:bg-white bg-[#F8F8F8] border border-white lg:hover:border-[#CE181E] lg:hover:text-[#CE181E] box-border cursor-pointer\">\n                                    h\u1ec7 th\u1ed1ng ph\u1ea7n m\u1ec1m qu\u1ea3n tr\u1ecb t\u1ed5ng th\u1ec3                                <\/p>\n                            <\/a>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n                                    <div class=\"slider-wrapper\">\n                <div class=\"flex flex-col transition-transform duration-300 hover:scale-105\">\n                    <a href=\"https:\/\/luvina.net\/vi\/phan-mem-plm-la-gi\/\">\n                                                <img decoding=\"async\" src=\"https:\/\/luvina.net\/vi\/wp-content\/uploads\/2026\/03\/Phan-mem-PLM-la-gi-Chien-luoc-nao-de-ung-dung-PLM-thanh-cong.webp\" alt=\"Ph\u1ea7n m\u1ec1m PLM l\u00e0 g\u00ec? Chi\u1ebfn l\u01b0\u1ee3c n\u00e0o \u0111\u1ec3 \u1ee9ng d\u1ee5ng PLM th\u00e0nh c\u00f4ng\" class=\"slider-img related-posts-thumbnail rounded-tl-[8px] rounded-tr-[8px] lg:w-[372px] lg:min-w-[372px] lg:h-[256px] min-w-[283px] h-[194px] object-cover\" title=\"\">\n                                            <\/a>\n                    <div\n                        class=\"flex flex-col lg:gap-y-[16px] gap-y-[8px] lg:p-[16px] p-[9px] lg:bg-[#F8F8F8] bg-none rounded-bl-[8px] rounded-br-[8px]\">\n                        <a href=\"https:\/\/luvina.net\/vi\/phan-mem-plm-la-gi\/\"\n                            class=\"related-posts-limit-text-title lg:text-[16px] text-[10px] lg:leading-[24px] leading-[15px] font-bold\">\n                            Ph\u1ea7n m\u1ec1m PLM l\u00e0 g\u00ec? Chi\u1ebfn l\u01b0\u1ee3c n\u00e0o \u0111\u1ec3 \u1ee9ng d\u1ee5ng PLM th\u00e0nh c\u00f4ng                        <\/a>\n\n                        <!-- <div class=\"flex lg:gap-[16px] gap-[8px] flex-wrap\">\n                                                                                                                                    <a href=\"https:\/\/luvina.net\/vi\/tag\/pham-mem-plm\/\">\n                                                    <p class=\"flex justify-center items-center lg:text-[12px] text-[10px] p-[10px] h-[30px] rounded-full lg:bg-white bg-[#F8F8F8] border border-white lg:hover:border-[#CE181E] lg:hover:text-[#CE181E] box-border cursor-pointer\">\n                                                        ph\u1ea7m m\u1ec1m plm                                                    <\/p>\n                                                <\/a>\n                                                                                            <a href=\"https:\/\/luvina.net\/vi\/tag\/phan-mem-quan-ly-vong-doi-san-pham\/\">\n                                                    <p class=\"flex justify-center items-center lg:text-[12px] text-[10px] p-[10px] h-[30px] rounded-full lg:bg-white bg-[#F8F8F8] border border-white lg:hover:border-[#CE181E] lg:hover:text-[#CE181E] box-border cursor-pointer\">\n                                                        ph\u1ea7n m\u1ec1m qu\u1ea3n l\u00fd v\u00f2ng \u0111\u1eddi s\u1ea3n ph\u1ea9m                                                    <\/p>\n                                                <\/a>\n                                                                                            <a href=\"https:\/\/luvina.net\/vi\/tag\/phan-mem-san-xuat\/\">\n                                                    <p class=\"flex justify-center items-center lg:text-[12px] text-[10px] p-[10px] h-[30px] rounded-full lg:bg-white bg-[#F8F8F8] border border-white lg:hover:border-[#CE181E] lg:hover:text-[#CE181E] box-border cursor-pointer\">\n                                                        Ph\u1ea7n m\u1ec1m s\u1ea3n xu\u1ea5t                                                    <\/p>\n                                                <\/a>\n                                                                                            <a href=\"https:\/\/luvina.net\/vi\/tag\/plm\/\">\n                                                    <p class=\"flex justify-center items-center lg:text-[12px] text-[10px] p-[10px] h-[30px] rounded-full lg:bg-white bg-[#F8F8F8] border border-white lg:hover:border-[#CE181E] lg:hover:text-[#CE181E] box-border cursor-pointer\">\n                                                        PLM                                                    <\/p>\n                                                <\/a>\n                                                                                            <a href=\"https:\/\/luvina.net\/vi\/tag\/quan-ly-vong-doi-san-pham\/\">\n                                                    <p class=\"flex justify-center items-center lg:text-[12px] text-[10px] p-[10px] h-[30px] rounded-full lg:bg-white bg-[#F8F8F8] border border-white lg:hover:border-[#CE181E] lg:hover:text-[#CE181E] box-border cursor-pointer\">\n                                                        qu\u1ea3n l\u00fd v\u00f2ng \u0111\u1eddi s\u1ea3n ph\u1ea9m                                                    <\/p>\n                                                <\/a>\n                                                                                                                        <\/div> -->\n\n                        <div class=\"flex lg:gap-[16px] gap-[8px] flex-wrap max-h-[76px] overflow-hidden\">\n                                                        <a href=\"https:\/\/luvina.net\/vi\/tag\/pham-mem-plm\/\">\n                                <p\n                                    class=\"flex justify-center items-center lg:text-[12px] text-[10px] p-[10px] h-[30px] rounded-full lg:bg-white bg-[#F8F8F8] border border-white lg:hover:border-[#CE181E] lg:hover:text-[#CE181E] box-border cursor-pointer\">\n                                    ph\u1ea7m m\u1ec1m plm                                <\/p>\n                            <\/a>\n                                                        <a href=\"https:\/\/luvina.net\/vi\/tag\/phan-mem-quan-ly-vong-doi-san-pham\/\">\n                                <p\n                                    class=\"flex justify-center items-center lg:text-[12px] text-[10px] p-[10px] h-[30px] rounded-full lg:bg-white bg-[#F8F8F8] border border-white lg:hover:border-[#CE181E] lg:hover:text-[#CE181E] box-border cursor-pointer\">\n                                    ph\u1ea7n m\u1ec1m qu\u1ea3n l\u00fd v\u00f2ng \u0111\u1eddi s\u1ea3n ph\u1ea9m                                <\/p>\n                            <\/a>\n                                                        <a href=\"https:\/\/luvina.net\/vi\/tag\/phan-mem-san-xuat\/\">\n                                <p\n                                    class=\"flex justify-center items-center lg:text-[12px] text-[10px] p-[10px] h-[30px] rounded-full lg:bg-white bg-[#F8F8F8] border border-white lg:hover:border-[#CE181E] lg:hover:text-[#CE181E] box-border cursor-pointer\">\n                                    Ph\u1ea7n m\u1ec1m s\u1ea3n xu\u1ea5t                                <\/p>\n                            <\/a>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n                                    <div class=\"slider-wrapper\">\n                <div class=\"flex flex-col transition-transform duration-300 hover:scale-105\">\n                    <a href=\"https:\/\/luvina.net\/vi\/plm-la-gi-quan-ly-vong-doi-san-pham\/\">\n                                                <img decoding=\"async\" src=\"https:\/\/luvina.net\/vi\/wp-content\/uploads\/2026\/02\/PLM-la-gi-Quan-ly-vong-doi-san-pham-trong-ky-nguyen-Smart-Factory-1.webp\" alt=\"PLM l\u00e0 g\u00ec? Qu\u1ea3n l\u00fd v\u00f2ng \u0111\u1eddi s\u1ea3n ph\u1ea9m trong k\u1ef7 nguy\u00ean Smart Factory\" class=\"slider-img related-posts-thumbnail rounded-tl-[8px] rounded-tr-[8px] lg:w-[372px] lg:min-w-[372px] lg:h-[256px] min-w-[283px] h-[194px] object-cover\" title=\"\">\n                                            <\/a>\n                    <div\n                        class=\"flex flex-col lg:gap-y-[16px] gap-y-[8px] lg:p-[16px] p-[9px] lg:bg-[#F8F8F8] bg-none rounded-bl-[8px] rounded-br-[8px]\">\n                        <a href=\"https:\/\/luvina.net\/vi\/plm-la-gi-quan-ly-vong-doi-san-pham\/\"\n                            class=\"related-posts-limit-text-title lg:text-[16px] text-[10px] lg:leading-[24px] leading-[15px] font-bold\">\n                            PLM l\u00e0 g\u00ec? Qu\u1ea3n l\u00fd v\u00f2ng \u0111\u1eddi s\u1ea3n ph\u1ea9m trong k\u1ef7 nguy\u00ean Smart Factory                        <\/a>\n\n                        <!-- <div class=\"flex lg:gap-[16px] gap-[8px] flex-wrap\">\n                                                                                                                                    <a href=\"https:\/\/luvina.net\/vi\/tag\/phan-mem-san-xuat\/\">\n                                                    <p class=\"flex justify-center items-center lg:text-[12px] text-[10px] p-[10px] h-[30px] rounded-full lg:bg-white bg-[#F8F8F8] border border-white lg:hover:border-[#CE181E] lg:hover:text-[#CE181E] box-border cursor-pointer\">\n                                                        Ph\u1ea7n m\u1ec1m s\u1ea3n xu\u1ea5t                                                    <\/p>\n                                                <\/a>\n                                                                                            <a href=\"https:\/\/luvina.net\/vi\/tag\/plm\/\">\n                                                    <p class=\"flex justify-center items-center lg:text-[12px] text-[10px] p-[10px] h-[30px] rounded-full lg:bg-white bg-[#F8F8F8] border border-white lg:hover:border-[#CE181E] lg:hover:text-[#CE181E] box-border cursor-pointer\">\n                                                        PLM                                                    <\/p>\n                                                <\/a>\n                                                                                            <a href=\"https:\/\/luvina.net\/vi\/tag\/quan-ly-vong-doi-san-pham\/\">\n                                                    <p class=\"flex justify-center items-center lg:text-[12px] text-[10px] p-[10px] h-[30px] rounded-full lg:bg-white bg-[#F8F8F8] border border-white lg:hover:border-[#CE181E] lg:hover:text-[#CE181E] box-border cursor-pointer\">\n                                                        qu\u1ea3n l\u00fd v\u00f2ng \u0111\u1eddi s\u1ea3n ph\u1ea9m                                                    <\/p>\n                                                <\/a>\n                                                                                            <a href=\"https:\/\/luvina.net\/vi\/tag\/san-xuat\/\">\n                                                    <p class=\"flex justify-center items-center lg:text-[12px] text-[10px] p-[10px] h-[30px] rounded-full lg:bg-white bg-[#F8F8F8] border border-white lg:hover:border-[#CE181E] lg:hover:text-[#CE181E] box-border cursor-pointer\">\n                                                        s\u1ea3n xu\u1ea5t                                                    <\/p>\n                                                <\/a>\n                                                                                                                        <\/div> -->\n\n                        <div class=\"flex lg:gap-[16px] gap-[8px] flex-wrap max-h-[76px] overflow-hidden\">\n                                                        <a href=\"https:\/\/luvina.net\/vi\/tag\/phan-mem-san-xuat\/\">\n                                <p\n                                    class=\"flex justify-center items-center lg:text-[12px] text-[10px] p-[10px] h-[30px] rounded-full lg:bg-white bg-[#F8F8F8] border border-white lg:hover:border-[#CE181E] lg:hover:text-[#CE181E] box-border cursor-pointer\">\n                                    Ph\u1ea7n m\u1ec1m s\u1ea3n xu\u1ea5t                                <\/p>\n                            <\/a>\n                                                        <a href=\"https:\/\/luvina.net\/vi\/tag\/plm\/\">\n                                <p\n                                    class=\"flex justify-center items-center lg:text-[12px] text-[10px] p-[10px] h-[30px] rounded-full lg:bg-white bg-[#F8F8F8] border border-white lg:hover:border-[#CE181E] lg:hover:text-[#CE181E] box-border cursor-pointer\">\n                                    PLM                                <\/p>\n                            <\/a>\n                                                        <a href=\"https:\/\/luvina.net\/vi\/tag\/quan-ly-vong-doi-san-pham\/\">\n                                <p\n                                    class=\"flex justify-center items-center lg:text-[12px] text-[10px] p-[10px] h-[30px] rounded-full lg:bg-white bg-[#F8F8F8] border border-white lg:hover:border-[#CE181E] lg:hover:text-[#CE181E] box-border cursor-pointer\">\n                                    qu\u1ea3n l\u00fd v\u00f2ng \u0111\u1eddi s\u1ea3n ph\u1ea9m                                <\/p>\n                            <\/a>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n                                <\/div>\n        <img decoding=\"async\" src=\"https:\/\/luvina.net\/vi\/wp-content\/themes\/luvina2024\/assets\/images\/icon-next-btn.png\" alt=\"\" class=\"hidden lg:block w-[46px] h-[46px] absolute top-[235px] -right-[50px] cursor-pointer\" onclick=\"nextSlide()\" title=\"\">\n    <\/div>\n    <a href=\"\/vi\/blogs\"\n        class=\"related-post-navigate-button group flex h-[40px] gap-x-[10px] pl-[20px] pr-[15px] border border-[#CE181E] rounded-[8px] items-center w-fit hover:bg-[#CE181E] box-border cursor-pointer\">\n        <p class=\"text-[18px] text-[#CE181E] font-normal group-hover:text-white\">\n            Xem th\u00eam        <\/p>\n        <img decoding=\"async\" src=\"https:\/\/luvina.net\/vi\/wp-content\/themes\/luvina2024\/assets\/images\/industry-arrow-right.png\" alt=\"\" class=\"group-hover:hidden w-[24px] h-[24px]\" title=\"\">\n        <img decoding=\"async\" src=\"https:\/\/luvina.net\/vi\/wp-content\/themes\/luvina2024\/assets\/images\/icon-next-white-1.png\" alt=\"\" class=\"w-[24px] h-[24px] hidden group-hover:block\" title=\"\">\n    <\/a>\n<\/div>\n\n\n\n\n<div class=\"pattern-contact-banner\">\n  <div\n    class=\"relative flex lg:justify-center items-center lg:h-[200px] h-[222px] w-full\"\n  >\n    <div class=\"lg:block hidden\">\n      <img decoding=\"async\"\n        loading=\"lazy\"\n        src=\"\/vi\/wp-content\/themes\/luvina2024\/assets\/images\/backgroud_ung_dung.png\"\n        alt=\"Contact Us\"\n        class=\"absolute top-0 left-0 z-0 h-[200px] object-cover w-full aspect-[1920\/560]\"\n      \/>\n    <\/div>\n    <div class=\"lg:hidden block\">\n      <img decoding=\"async\"\n        loading=\"lazy\"\n        src=\"\/vi\/wp-content\/themes\/luvina2024\/assets\/images\/backgroud-ung-dung-mobile.png\"\n        alt=\"Contact Us\"\n        class=\"absolute top-0 left-0 object-cover z-0 h-full w-full\"\n      \/>\n    <\/div>\n    <div\n      class=\"relative flex lg:flex-row flex-col h-[142px] m-auto my-10 lg:items-center justify-between w-full mx-[16px] 2xl:w-[1355px] lg:max-w-[1355px] lg:h-[56px] lg:gap-[83px] lg:mx-0 lg:w-[90%] lg:my-0\"\n    >\n      <h2\n        class=\"max-w-[1011px] flex font-bold !text-white lg:text-3xl text-base lg:leading-[45px] lg:uppercase lg:h-[56px] h-[74px] items-center\"\n      >\n        \u30eb\u30d3\u30ca\u30bd\u30d5\u30c8\u30a6\u30a8\u30a2\u304c\u63d0\u4f9b\u3059\u308b\u6700\u5148\u7aef\u306eCMS\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3067\u3001\u8cb4\u793e\u306e\u30aa\u30f3\u30e9\u30a4\u30f3\u30d7\u30ec\u30bc\u30f3\u30b9\u3092\u5f37\u5316\u3057\u307e\u3057\u3087\u3046\u3002\n      <\/h2>\n      <a\n        href=\"\/contact-us\"\n        class=\"inline-flex lg:w-[261px] w-[168px] bg-[#FFF7F7] text-[#CE181E] font-bold rounded-lg px-4 py-2 justify-between items-center cursor-pointer lg:h-[56px] h-[48px]\"\n      >\n        <div class=\"font-bold lg:text-lg text-base\">\u304a\u554f\u3044\u5408\u308f\u305b<\/div>\n        <div>\n          <img decoding=\"async\"\n            loading=\"lazy\"\n            src=\"\/vi\/wp-content\/themes\/luvina2024\/assets\/images\/icon-next-red.png\"\n            alt=\"Next Icon\"\n          \/>\n        <\/div>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>CMS\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3 \u5f0a\u793e\u306eCMS\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u306f\u3001\u76f4\u611f\u7684\u3067\u4f7f\u3044\u3084\u3059\u3044\u30b3\u30f3\u30c6\u30f3\u30c4\u7ba1\u7406\u30c4\u30fc\u30eb\u3092\u63d0\u4f9b\u3057\u3001\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u306e\u904b\u7528\u30fb\u66f4\u65b0\u3092\u52b9\u7387\u5316\u3057\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u7ba1\u7406\u306e\u8ca0\u62c5\u3092\u8efd\u6e1b\u3057\u306a\u304c\u3089\u3001\u9b45\u529b\u7684\u3067\u4e00\u8cab\u6027\u306e\u3042\u308b\u30aa\u30f3\u30e9\u30a4\u30f3\u4f53\u9a13\u3092\u5b9f\u73fe\u3067\u304d\u307e\u3059\u3002 \u304a\u554f\u3044\u5408\u308f\u305b Heartcore Drupal Heartcore Heartcore Drupal \u30b5\u30fc\u30d3\u30b9 HeartCore CMS\u306f\u3001\u6700\u65b0\u306eHeadless CMS\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3067\u3001\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u3084\u30c7\u30b8\u30bf\u30eb\u30c1\u30e3\u30cd\u30eb\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u67d4\u8edf\u304b\u3064\u52b9\u7387\u7684\u306b\u4f5c\u6210\u30fb\u7ba1\u7406\u3067\u304d\u308b\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3059\u3002\u30eb\u30d3\u30ca\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u306e\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u30b5\u30fc\u30d3\u30b9\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u304a\u5ba2\u69d8\u306e\u30d3\u30b8\u30cd\u30b9\u30cb\u30fc\u30ba\u306b\u6700\u9069\u306a\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3092\u63d0\u4f9b\u3057\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u7ba1\u7406\u306e\u52b9\u7387\u5316\u3068\u30aa\u30f3\u30e9\u30a4\u30f3\u30d7\u30ec\u30bc\u30f3\u30b9\u306e\u5f37\u5316\u3092\u5b9f\u73fe\u3057\u307e\u3059\u3002 Heartcore\u306e\u5c0e\u5165\u3068\u6d3b\u7528\u65b9\u6cd5\u306b\u95a2\u3059\u308b\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0 Heartcore\u306e\u5c0e\u5165\u3068\u6d3b\u7528\u65b9\u6cd5\u306b\u95a2\u3059\u308b\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0 \u30eb\u30d3\u30ca\u30bd\u30d5\u30c8\u30a6\u30a8\u30a2\u306f\u3001\u304a\u5ba2\u69d8\u306e\u30d3\u30b8\u30cd\u30b9\u30cb\u30fc\u30ba\u306b\u5408\u308f\u305b\u305fHeartcore CMS\/CXM\u306e\u5c0e\u5165\u30fb\u8a2d\u5b9a\u3092\u652f\u63f4\u3057\u3001\u304a\u5ba2\u69d8\u306e\u696d\u52d9\u52b9\u7387\u5316\u3092\u56f3\u308a\u307e\u3059\u3002\u7d4c\u9a13\u8c4a\u5bcc\u306a\u30a8\u30f3\u30b8\u30cb\u30a2\u304c\u3001\u30b9\u30e0\u30fc\u30ba\u306a\u5c0e\u5165\u3068\u904b\u7528\u3092\u30b5\u30dd\u30fc\u30c8\u3059\u308b\u3053\u3068\u3067\u3001\u304a\u5ba2\u69d8\u306e\u30d3\u30b8\u30cd\u30b9\u6210\u9577\u306b\u8ca2\u732e\u3057\u307e\u3059\u3002 Heartcore\u3092\u4f7f\u3063\u305f\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u958b\u767a Heartcore\u3092\u4f7f\u3063\u305f\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u958b\u767a Heartcore\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3092\u6d3b\u7528\u3057\u3001\u304a\u5ba2\u69d8\u306e\u30d3\u30b8\u30cd\u30b9\u306b\u6700\u9069\u306a\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002\u4ee5\u4e0b\u306e\u51e6\u7406\u3092\u5b9f\u65bd\u3059\u308b\u3053\u3068\u3067\u3001\u304a\u5ba2\u69d8\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u7ba1\u7406\u3092\u52b9\u7387\u5316\u3057\u3001\u30e6\u30fc\u30b6\u30fc\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002 \u65e2\u5b58\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u3092Heartcore\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306b\u79fb\u884c\u3059\u308b\u3002&#8230;<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":4532,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-4666","page","type-page","status-publish","hentry"],"acf":[],"lang":"ja","translations":{"ja":4666,"vi":4652},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/luvina.net\/vi\/wp-json\/wp\/v2\/pages\/4666","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\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/luvina.net\/vi\/wp-json\/wp\/v2\/comments?post=4666"}],"version-history":[{"count":42,"href":"https:\/\/luvina.net\/vi\/wp-json\/wp\/v2\/pages\/4666\/revisions"}],"predecessor-version":[{"id":12739,"href":"https:\/\/luvina.net\/vi\/wp-json\/wp\/v2\/pages\/4666\/revisions\/12739"}],"up":[{"embeddable":true,"href":"https:\/\/luvina.net\/vi\/wp-json\/wp\/v2\/pages\/4532"}],"wp:attachment":[{"href":"https:\/\/luvina.net\/vi\/wp-json\/wp\/v2\/media?parent=4666"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}