https://a-force.biz/_next/static/chunks/app/(contents)/products/page-3681c4f8569034d3.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1166],{5513:function(e,t,l){Promise.resolve().then(l.bind(l,3532)),Promise.resolve().then(l.bind(l,7074))},7074:function(e,t,l){"use strict";l.d(t,{default:function(){return m}});var a=l(7437),s=l(2265),r=l(2162);let n=[{label:"SI",color:"text-green-500",subFilters:["Webアプリ","CRM","ERP","その他"]},{label:"コンサル",color:"text-af-yellow",subFilters:["Webアプリ","CRM","ERP"]}],i=["Webアプリ","ERP","CRM","BI","その他"],o={Webアプリ:"text-green-500",ERP:"text-orange-500",CRM:"text-blue-500",BI:"text-gray-500",その他:"text-purple-500"},c=[{id:"celf",title:"CELF",image:"/img/Rectangle 4187.png",logo:"/img/products_logo_celf.svg",attributes:["SI","コンサル","Webアプリ"]},{id:"salesforce",title:"Salesforce",image:"/img/Rectangle 4187.png",logo:"/img/products_logo_salesforce.svg",attributes:["SI","コンサル","CRM"]},{id:"inform3",title:"Infor M3",image:"/img/Rectangle 4187.png",logo:"/img/image 305.svg",attributes:["SI","ERP"]},{id:"ProActiveE2",title:"ProActive E2",image:"/img/Rectangle 4187.png",logo:"/img/thumb 1.svg",attributes:["SI","ERP"]},{id:"betrend",title:"betrend",image:"/img/Rectangle 4187.png",logo:"/img/products_logo_betrend.svg",attributes:["ERP"]},{id:"dr_sum",title:"Dr.Sum",image:"/img/Rectangle 4187.png",logo:"/img/products_logo_drsum.svg",attributes:["BI"]},{id:"JobManagementSystem",title:"ジョブマネージメントシステム",image:"/img/Rectangle 4187.png",logo:"/img/products_logo_jobsyastem.svg",attributes:["SI","その他"]},{id:"rootstock",title:"Rootstock",image:"/img/Rectangle 4187.png",logo:"/img/Group.svg",attributes:["SI","コンサル","ERP"]},{id:"si_object_browser",title:"SI Obeject Browser ER/PM",image:"/img/Rectangle 4187.png",logo:"/img/products_logo_si.svg",attributes:["その他"]},{id:"si_webshopping",title:"SI Web Shopping",image:"/img/Rectangle 4187.png",logo:"/img/products_log_siweb.svg",attributes:["その他"]}];function m(){let[e,t]=(0,s.useState)(null),[l,m]=(0,s.useState)(null),d=e=>{t(e),m(null)},x=e=>{m(e)},u=(0,s.useMemo)(()=>c.filter(t=>null===e&&null===l||(null!==e&&null!==l?t.attributes.includes(e)&&t.attributes.includes(l):null!==e?t.attributes.includes(e):null!==l&&t.attributes.includes(l))),[e,l]),g=(0,s.useMemo)(()=>{if(null===e)return i;let t=n.find(t=>t.label===e);return t?t.subFilters:i},[e]),p=e=>o[e]||"text-gray-500",b=n.length,h=null===e?i.length:g.length;return(0,a.jsxs)("section",{className:"md:max-w-[1440px]",children:[(0,a.jsx)("p",{className:"text-af-xs text-[16px] line-height: 1.5rem mt-[26px] mb-[30px] md:text-af-md md:mb-[3.2rem] ",children:(0,a.jsx)(r.Z,{content:"Tag（".concat(1+b+h,"）")})}),(0,a.jsxs)("div",{className:"mb-[4rem] md:mb-[16rem]",children:[(0,a.jsx)("div",{className:"",children:(0,a.jsxs)("div",{className:"flex flex-wrap gap-y-4 mb-[1.6rem] md:mb-[3.2rem]",children:[(0,a.jsxs)("button",{className:"px-[1rem] py-[0.4rem] border border-black rounded-full mr-[0.8rem] text-[12px] leading-[1.6] md:mr-[1.6rem] ".concat(null===e?"bg-black text-white":"bg-white text-black"),onClick:()=>d(null),children:[(0,a.jsx)("span",{className:"text-gray-500 my-[8px] mr-[5px]",children:"●"}),(0,a.jsx)("span",{className:"mr-[25px]",children:"すべて"})]}),n.map(t=>(0,a.jsxs)("button",{className:"px-[1rem] py-[0.4rem] border border-black rounded-full mr-[0.8rem] text-[12px] leading-[1.6] md:mr-[1.6rem] ".concat(e===t.label?"bg-black text-white":"bg-white text-black"),onClick:()=>d(t.label),children:[(0,a.jsx)("span",{className:"mr-2 ".concat(t.color),children:"●"}),(0,a.jsx)(r.Z,{content:t.label})]},t.label))]})}),(0,a.jsx)("div",{className:"mb-4",children:(0,a.jsx)("div",{className:"flex flex-wrap gap-y-4",children:g.map(e=>(0,a.jsxs)("button",{className:"border border-black rounded-full px-[1rem] py-[0.4rem] mr-[0.8rem] text-[12px] leading-[1.6] md:mr-[1.6rem] ".concat(l===e?"bg-black text-white":"bg-white text-black"," whitespace-nowrap"),onClick:()=>x(e),children:[(0,a.jsx)("span",{className:"text-gray-500 mr-2 ".concat(p(e)),children:"●"}),(0,a.jsx)(r.Z,{content:e})]},e))})})]}),(0,a.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6 md:mx-0 md:max-w-none mx-auto max-w-4xl px-4",children:u.map(e=>(0,a.jsxs)("a",{href:"/products/".concat(e.id),className:"rounded-lg p-8 block no-underline hover:shadow-lg transition-shadow duration-200",children:[(0,a.jsxs)("div",{className:"relative w-full h-auto mb-[8px] md:mb-[24px] rounded-2xl z-100",children:[(0,a.jsx)("img",{src:e.image,alt:e.title,className:"w-full h-auto object-cover relative -z-10"}),(0,a.jsx)("img",{src:e.logo,alt:"".concat(e.title," logo"),className:"absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-[40%] h-auto object-contain -z-10"})]}),(0,a.jsx)("h2",{className:"text-[16px] font-semibold mb-[8px] md:text-[24px]",children:(0,a.jsx)(r.Z,{content:e.title})}),(0,a.jsx)("div",{className:"flex flex-wrap mt-[8px] leading-[1.6] gap-y-4",children:e.attributes.map((t,l)=>(0,a.jsxs)("button",{className:"text-black px-[1rem] py-[0.4rem] mr-[0.8rem] mb-[0px] text-[12px] leading-[1.6] md:mr-[1.6rem] border border-black rounded-full flex items-center",children:[(0,a.jsx)("span",{className:"mr-2 ".concat(p(t)),children:"●"}),(0,a.jsx)(r.Z,{content:t})]},"".concat(e.id,"-").concat(t,"-").concat(l)))})]},e.id))})]})}},2162:function(e,t,l){"use strict";var a=l(7437);l(2265),t.Z=e=>{let{content:t}=e;return(0,a.jsx)(a.Fragment,{children:(t.match(/[A-Za-z\s]+|[^A-Za-z\s]+/g)||[]).map((e,t)=>/^[A-Za-z\s]+$/.test(e)?(0,a.jsx)("span",{className:"font-en",children:e},t):e)})}},1566:function(e,t,l){"use strict";var a=l(7437),s=l(9808),r=l(7138),n=l(6463),i=l(2162);t.default=()=>{let e=(0,n.usePathname)();if(!e)return null;let t=e.split("/").filter(e=>e),l={company:"Company",profile:"会社概要",history:"沿革",service:"Service",si:"SI事業",consulting:"コンサルティングä

1º‹æ¥­",education:"教育事業",products:"製品一覧",productsdetail:"製品一覧詳細",celf:"CELF",salesforce:"Salesforce",inform3:"Infor M3",JobManagementSystem:"ジョブマネージメントシステム",rootstock:"Rootstock",si_webshopping:"SI Web Shopping BtoB / BtoC",si_object_browser:"SI Object Browser ER/PM",dr_sum:"Dr.Sum",case_studies:"導入事例",ai_development:"AI駆動開発",cases:"AI活用事例",sakata_inter:"サカタインター株式会社",toyo_print:"東洋印刷株式会社",group_erp_governance:"企業グループ向けERP展開",contact:"Contact",recruit:"Recruit",employee_introductions:"社員紹介TOP",employee_details:"社員紹介詳細",new_graduate_recruitment:"新卒採用募集要項",culture:"はたらく環境・文化を知る",employee_details_01:"社員紹介詳細",employee_details_02:"社員紹介詳細",employee_details_03:"社員紹介詳細",employee_details_04:"社員紹介詳細",employee_details_05:"社員紹介詳細",employee_details_06:"社員紹介詳細",employee_details_07:"社員紹介詳細",employee_details_08:"社員紹介詳細",employee_details_09:"社員紹介詳細",employee_details_10:"社員紹介詳細",employee_details_11:"社員紹介詳細",employee_details_12:"社員紹介詳細",employee_details_13:"社員紹介詳細"},o="recruit"===t[0];return(0,a.jsx)("nav",{"aria-label":"breadcrumb",children:(0,a.jsxs)("ol",{className:"flex items-center",children:[o?(0,a.jsxs)("li",{className:"flex items-center",children:[(0,a.jsx)(r.default,{href:"/recruit",className:"text-af-orange text-[12px] md:text-[16px] hover:underline",children:(0,a.jsx)(i.Z,{content:"RECRUIT"})}),(0,a.jsx)(s.Z,{className:"mx-2 w-[16px] h-[16px] text-af-orange"})]}):(0,a.jsxs)("li",{className:"flex items-center",children:[(0,a.jsx)(r.default,{href:"/",className:"text-af-orange text-[12px] md:text-[16px] hover:underline",children:(0,a.jsx)(i.Z,{content:"HOME"})}),(0,a.jsx)(s.Z,{className:"mx-2 w-[16px] h-[16px] text-af-orange"})]}),t.map((e,n)=>{let c="/".concat(t.slice(0,n+1).join("/")),m=n===t.length-1,d=l[e.replace(/-/g,"_")]||decodeURIComponent(e);return o&&0===n?null:(0,a.jsx)("li",{className:"flex items-center",children:m?(0,a.jsx)("span",{className:"text-af-black text-[12px] md:text-[16px]",children:(0,a.jsx)(i.Z,{content:d})}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(r.default,{href:c,className:"text-af-black text-[12px] md:text-[16px] hover:underline",children:(0,a.jsx)(i.Z,{content:d})}),(0,a.jsx)(s.Z,{className:"mx-2 w-[16px] h-[16px] text-af-black"})]})},c)})]})})}},3532:function(e,t,l){"use strict";var a=l(7437);l(2265);var s=l(1566),r=l(2162);t.default=function(e){return(0,a.jsxs)("div",{children:[(0,a.jsx)("h2",{className:"text-[40px] leading-[48px] md:leading-[64px] md:text-[64px] font-medium mb-[26px] md:mb-[30px]",children:(0,a.jsx)(r.Z,{content:e.title})}),(0,a.jsx)(s.default,{})]})}},6463:function(e,t,l){"use strict";var a=l(1169);l.o(a,"usePathname")&&l.d(t,{usePathname:function(){return a.usePathname}}),l.o(a,"useSearchParams")&&l.d(t,{useSearchParams:function(){return a.useSearchParams}})},9808:function(e,t,l){"use strict";var a=l(2265);let s=a.forwardRef(function(e,t){let{title:l,titleId:s,...r}=e;return a.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:t,"aria-labelledby":s},r),l?a.createElement("title",{id:s},l):null,a.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"m8.25 4.5 7.5 7.5-7.5 7.5"}))});t.Z=s}},function(e){e.O(0,[7138,2971,7023,1744],function(){return e(e.s=5513)}),_N_E=e.O()}]);