https://it-trend.jp/_next/static/chunks/pages/article-261a54244c6f8b4a.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9038],{8029:(e,t,r)=>{"use strict";function a(e,t){return e.length>t?e.substring(0,t)+"...":e}r.d(t,{A:()=>a})},8440:(e,t,r)=>{"use strict";r.d(t,{F:()=>c});var a=r(75656),s=r(10802),i=r(54822);let l={top:[],middle:[],bottom:[]},n=async e=>{let t=(0,i.A)();return(await t.get(e)).data},c=()=>{let{data:e,error:t,isLoading:r}=(0,a.Ay)(s.A.Parts.SIDE_BANNER,n,{revalidateOnFocus:!1,revalidateIfStale:!1,shouldRetryOnError:!1});return{banners:null!=e?e:l,isLoading:r,isError:!!t}}},9823:(e,t,r)=>{"use strict";r.d(t,{A:()=>n});var a=r(37876),s=r(14232),i=r(93356),l=r(69735);let n=e=>{let{categoryGroupId:t,alt:r,width:n,height:c,className:x}=e,[o,d]=(0,s.useState)(!1),p=(0,s.useRef)(null);return(0,s.useEffect)(()=>{let e=p.current;e&&e.complete&&0===e.naturalWidth&&d(!0)},[]),(0,a.jsx)(i.A,{alt:r,className:x,height:c,onError:()=>d(!0),ref:p,src:"".concat(l.b,"/category_group/cgimg").concat(o?11:t,".png"),width:n})}},13695:(e,t,r)=>{"use strict";r.d(t,{A:()=>p});var a=r(37876),s=r(69241),i=r(89099),l=r(559),n=r(49347),c=r(51254),x=r(8029),o=r(9823),d=r(54851);let p=e=>{let{categoryGroups:t,linkTemplate:r}=e,{openIndexes:p,toggleAccordion:m}=(0,c.A)(),h=(0,i.useRouter)();return(0,a.jsx)("div",{className:"bg-it-gray-100 border-t-2 border-it-gray-400",children:t.map(e=>{let{id:t,name:i,categories:c,uri:u}=e;return(0,a.jsxs)("div",{className:"border-b-2 border-it-gray-400",children:[(0,a.jsxs)("button",{"aria-controls":"category-accordion-panel-".concat(t),"aria-expanded":p.has(t),className:"flex items-center w-full text-left py-2 px-4",onClick:()=>m(t),type:"button",children:[(0,a.jsx)(o.A,{alt:i,categoryGroupId:t,height:50,width:50}),(0,a.jsxs)("span",{className:"ml-2 block",children:[(0,a.jsx)("span",{className:"block font-bold text-it-gray-700 text-[110%] mb-2 text-left",children:i}),(0,a.jsx)("span",{className:"block text-it-gray-600 text-[11px] text-ellipsis",children:(0,x.A)(c.map(e=>e.name).join(" / "),30)})]}),(0,a.jsxs)("span",{className:"ml-auto flex items-center gap-2",children:[(0,a.jsx)(l.pmv,{className:(0,s.A)({hidden:p.has(t)}),size:25}),(0,a.jsx)(l.cW1,{className:(0,s.A)({hidden:!p.has(t)}),size:25})]})]}),(0,a.jsx)(n.A,{className:"p-0 bg-it-gray-100 overflow-hidden transition-[max-height,opacity] duration-300 ease-in-out",closedClassName:"max-h-0 opacity-0",id:"category-accordion-panel-".concat(t),isOpen:p.has(t),openClassName:"max-h-[1600px] opacity-100",children:(0,a.jsx)("ul",{children:c.map(e=>{let{id:t,name:s,uri:i}=e,n=(0,d.Y)(u,i);return(0,a.jsxs)("li",{className:"flex items-center p-2 border-t border-dotted border-it-gray-500 relative",children:[(0,a.jsx)("a",{className:"text-it-gray-700 pl-[10px]",href:null!=n?n:((e,t,r)=>{var a;let s=null!=(a=(e=>{var t,r;return null==(r=e.split("?")[0])||null==(t=r.split("#")[0])?void 0:t.replace(/\/$/,"")})(r))?a:"";return e.replace("{uri}",t).replace("{basePath}",s)})(null!=r?r:"{basePath}/{uri}",i,h.asPath),...n?{target:"_blank",rel:"noopener noreferrer"}:{},children:s}),(0,a.jsx)(l.OQo,{className:"ml-auto absolute top-1/4 right-4",size:25})]},t)})})})]},t)})})}},36942:(e,t,r)=>{"use strict";r.r(t),r.d(t,{__N_SSP:()=>D,default:()=>W});var a=r(37876),s=r(14232),i=r(69241),l=r(8029);function n(e){let{categoryName:t}=e;return(0,a.jsx)("p",{className:' inline-block relative text-[11px] font-normal text-white rounded-r-[5px] border-l-white py-[2px] px-[8px] mt-[10px] mb-[-5px] ml-[14px] max-h-[20px] max-w-[200px] bg-it-dark-red-300 before:absolute before:top-[4px] before:left-[-7px] before:content-[""] before:w-0 before:h-0 before:border-[7px] before:border-solid before:border-it-dark-red-300 before:rounded-tl-[5px] before:rotate-[-45deg] after:absolute after:top-1/2 after:left-[-4px] after:z-[10] after:block after:content-[""] after:w-1 after:h-1 after:rounded-full after:mt-[-2px] after:bg-white ',children:(0,l.A)(t,15)})}var c=r(93356),x=r(70362);function o(e){return(0,a.jsx)("h2",{className:"mb-2.5 h-[30px] border-l-[3px] border-it-dark-red-300 py-[5px] pl-[15px] text-left text-[17px] font-bold text-it-gray-600 [font-family:YuGothic,sans-serif] [font-feature-settings:'palt']",children:e.title})}function d(e){let{pickArticles:t}

1=e,[r,d]=(0,s.useState)(0);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(o,{title:"製品を選ぶときに読みたい記事"}),(0,a.jsxs)("div",{className:"w-full h-auto mb-[30px] flex",children:[t.map((e,t)=>{var s,o,d;return(0,a.jsxs)("div",{className:(0,i.A)("w-1/2 border border-it-gray-300 border-r-none box-border hover:bg-it-primary-50/60",r!==t?"hidden":""),children:[(0,a.jsx)(n,{categoryName:null!=(s=e.category.name)?s:""}),(0,a.jsxs)("div",{className:"h-[116px] overflow-hidden relative",children:[(0,a.jsx)("p",{className:"text-[19px] pt-[10px] px-[10px] leading-[1.3] font-bold",children:(0,a.jsx)(x.A,{className:"text-it-gray-600 hover:underline",href:"".concat(e.category.uri,"/article/").concat(e.uri),children:e.title})}),(0,a.jsx)("div",{className:"h-[49px] absolute bottom-0",children:(0,a.jsx)("p",{className:"text-[11px] py-[1px] px-[10px]",children:(0,a.jsx)(x.A,{className:"text-it-gray-600 hover:underline",href:"".concat(e.category.uri,"/article/").concat(e.uri),children:(0,l.A)(null!=(o=e.description)?o:"",70)})})})]}),(0,a.jsx)(x.A,{href:"".concat(e.category.uri,"/article/").concat(e.uri),children:(0,a.jsx)(c.A,{alt:e.title,className:"h-[173px] hover:opacity-70",height:"173",src:null!=(d=e.img_path)?d:"",width:"390"})})]},t)}),(0,a.jsx)("div",{className:"w-1/2 border border-it-gray-300 box-border",children:t.map((e,t)=>{var r,s,i;return(0,a.jsxs)("div",{className:"h-[80px] border-b border-b-it-gray-300 flex items-center hover:bg-it-primary-50/60",onMouseEnter:()=>d(t),children:[(0,a.jsx)(x.A,{href:"".concat(e.category.uri,"/article/").concat(e.uri),children:(0,a.jsx)(c.A,{alt:null!=(r=e.title)?r:"",className:"my-[9px] mx-[10px] h-[60px] hover:opacity-70",height:"60",src:null!=(s=e.img_path)?s:"",width:"100"})}),(0,a.jsxs)("div",{className:"flex-1",children:[(0,a.jsx)(n,{categoryName:null!=(i=e.category.name)?i:""}),(0,a.jsx)("p",{className:"text-[12px] mt-[5px] px-[5px] leading-[20px] font-bold",children:(0,a.jsx)(x.A,{className:"text-it-gray-600 hover:underline",href:"".concat(e.category.uri,"/article/").concat(e.uri),children:(0,l.A)(e.title,70)})})]})]},t)})})]})]})}var p=r(84022);r(77984);var m=r(55840);function h(e){var t,r;let{article:s}=e;return(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("div",{className:"shadow-[3px_3px_5px_#c7c7c7] mx-[10px] mb-[10px] bg-white h-[223px] w-[220px] hover:bg-it-primary-50/60",children:(0,a.jsxs)(x.A,{href:"".concat(s.category.uri,"/article/").concat(s.uri),children:[(0,a.jsx)(c.A,{alt:s.title,height:"110",src:null!=(t=s.img_path)?t:"",width:"220"}),(0,a.jsx)(n,{categoryName:null!=(r=s.category.name)?r:""}),(0,a.jsx)("div",{className:"relative top-[11px] left-0 h-[77px] text-left text-[13px] text-it-gray-600 px-[12px]",children:s.title})]})})})}function u(e){let{latestArticles:t}=e;return(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsx)("div",{className:" absolute inset-y-0 left-1/2 w-screen min-w-[var(--width-pc)] -translate-x-1/2 h-[340px] bg-it-gray-100 -z-10 "}),(0,a.jsxs)("div",{className:"mx-auto h-[340px] mb-[20px]",children:[(0,a.jsx)(m.A,{title:"IT製品に関する記事を読む"}),(0,a.jsx)("div",{className:"h-[260px] relative mx-auto w-pc mt-4",children:(0,a.jsx)(p.eB,{className:"[&>ul]:flex",options:{arrows:!1,autoplay:!0,classes:{page:"w-[17px] h-[17px] border-0 rounded-full inline-block m-3 opacity-70 p-0 relative transition-transform linear bg-it-gray-300 [&.is-active]:bg-black",pagination:"relative justify-center mt-[15px]"},interval:5e3,pagination:!0,perMove:1,perPage:5,rewind:!0,type:"slide",updateOnMove:!0},children:t.map((e,t)=>(0,a.jsx)(p.Nn,{children:(0,a.jsx)(h,{article:e},t)},t))})})]})]})}var g=r(52276),b=r(21772);function j(e){let{topics:t}=e,r=e=>{switch(e){case 1:return"first";

1case 2:return"second";case 3:return"third";default:return""}};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(o,{title:"ITトレンド　TOPICS"}),(0,a.jsxs)("div",{className:"text-it-gray-600 py-2 px-[15px] my-[25px] border border-it-gray-300",children:[(0,a.jsx)("div",{children:t.map((e,t)=>{var s,n,c,x;return(0,a.jsxs)("a",{className:"text-it-gray-600 block not-last:border-b-2 not-last:border-dashed not-last:border-b-it-gray-300 relative hover:bg-it-primary-50/60",href:"/".concat(e.uri,"/topics").concat(e.id),children:[(0,a.jsxs)("div",{className:"text-black pt-[15px] px-[3px] text-[12px]",children:[(0,a.jsx)("span",{className:(0,i.A)("inline-block text-center bg-it-primary-50 py-[2px] px-[1px] w-[94px] mr-[8px]","first"===r(null!=(s=e.topic_type_id)?s:0)?"text-it-dark-red-900":"","second"===r(null!=(n=e.topic_type_id)?n:0)?"text-it-primary-700":"","third"===r(null!=(c=e.topic_type_id)?c:0)?"text-it-primary-300":""),children:e.topic_type_name}),e.start_at,e.company_name]}),(0,a.jsx)("div",{className:"text-it-gray-600 text-[13px] my-[12px] relative",children:(0,l.A)(null!=(x=e.title)?x:"",51)}),(0,a.jsx)("span",{className:"absolute right-[15px] top-[40px]",children:(0,a.jsx)(b.g,{className:"w-[20px] h-[20px] text-it-gray-500",icon:g.XkK})})]},t)})}),(0,a.jsx)("div",{className:"text-[12px] text-right pt-[15px] pb-[10px] pr-[15px]",children:(0,a.jsxs)("a",{className:"text-it-link hover:text-it-link-hover flex items-center justify-end",href:"/releaselist",children:[(0,a.jsx)("span",{className:"text-[14px]",children:"もっと見る"}),(0,a.jsx)(b.g,{className:"w-[20px] h-[20px] ml-[3px]",icon:g.XkK})]})})]})]})}var f=r(52176),y=r(27493),v=r(38124),N=r(8440);function A(e){let{categories:t}=e;return(0,a.jsxs)("div",{className:"w-[300px] border-2 border-it-gray-300 mt-[15px]",children:[(0,a.jsx)("div",{className:"w-[298px] border border-it-gray-300",children:(0,a.jsx)("div",{className:"h-[45px] border border-it-gray-300",children:(0,a.jsx)("span",{className:"block p-0 h-[44px] text-it-gray-600 text-center leading-[3] indent-[16px] bg-[url(/__next/sidebar/article_list/icon_blub_21_21.svg)] bg-no-repeat [background-position:18px_13px] text-base",children:"注目のカテゴリー"})})}),(0,a.jsx)("ul",{children:t.map(e=>(0,a.jsx)("li",{className:"border-t border-dotted border-t-it-gray-300 hover:bg-it-gray-100",children:(0,a.jsx)("a",{className:" block pt-[27px] pr-[22px] pb-[21px] pl-[27px] text-[13px] font-bold text-it-link hover:text-it-link-hover ",href:"/".concat(e.uri,"/article"),children:e.name})},e.id))})]})}function _(e){let{featuredCategories:t}=e,{banners:r,isLoading:s}=(0,N.F)();return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(v.M,{banners:r.top,isLoading:s,keyPrefix:"top"}),(0,a.jsx)(y.D,{}),(0,a.jsx)(f.A,{}),(0,a.jsx)(v.M,{banners:r.middle,isLoading:s,keyPrefix:"middle"}),(0,a.jsx)(A,{categories:t}),(0,a.jsx)(v.M,{banners:r.bottom,isLoading:s,keyPrefix:"bottom"})]})}function w(){return(0,a.jsxs)("p",{className:"text-[13px] text-black",children:["ITトレンド記事とは？",(0,a.jsx)("br",{}),"ITトレンドではIT製品の導入を検討される企業のご担当者のためにIT製品・サービスの詳細な情報を提供しています。ITトレンド記事ではさらに幅広いIT製品・サービスの関連情報をわかりやすく整理して解説しています。IT製品の概要、基本的な機能、導入のメリット、選定のポイント、導入時の注意点、導入事例、最新の技術情報など、テーマ毎に豊富な記事を掲載しています。IT製品の導入を成功させるための参考情報として、ぜひお役立てください。"]})}function k(e){let{articles:t}=e;return(0,a.jsx)(a.Fragment,{children:(0,a.jsxs)("div",{className:"w-full",children:[(0,a.jsx)(u,{latestArticles:t.latestArticles}),(0,a.jsxs)("div",{className:"w-full flex justify-between shrink-0",children:[(0,a.jsxs)("main",{className:"w-content-width",children:[(0,a.jsx)(d,{pickArticles:t.popularArticles}),(0,a.jsx)(j,{topics:t.latestTopics}),(0,a.jsx)(w,{})]}),(0,a.jsx)("aside",{className:"w-sidebar-width",children:(0,a.jsx)(_,{featuredCategories:t.featuredCategories})})]})]})})}var T=r(10802),I=r(72824),E=r(68425),F=r(82870),P=r(51180),C=r(65106),z=r(559),O=r(60966);function L(e){let{articles:t,category_name:r,h3_title:s,uri:i}=e;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("h3",{className:"border-b-2 border-b-it-secondary-100 py-[3px] mt-[10px] px-[10px] flex items-center",children:[(0,a.jsx)(C.SEu,{className:"text-it-green-600 font-bold mx-[5px]",size:17}),s]}),t.articles.map(e=>{var t,r;return(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("article",{className:"border-b border-b-it-gray-400",children:(0,a.jsxs)(x.A,{href:"/".concat(i,"/article/").concat(e.uri),children:[(0,a.jsxs)("div",{className:"pt-[10px] flex",children:[(0,a.jsx)("div",{className:"w-[95px] px-[10px]",children:(0,a.jsx)(c.A,{alt:null!=(t=e.title)?t:"",height:"37",src:null!=(r=e.img_path)?r:"",width:"75"})}),(0,a.jsx)("div",{className:"flex-1 break-all text-it-link leading-[1.2] font-bold text-base",children:e.title})]}),(0,a.jsxs)("div",{className:"flex justify-end items-center text-right text-sm text-it-gray-600 pt-[4px] pb-[5px] pr-[5px]",children:["続きを見る ",(0,a.jsx)(z.eAn,{className:"align-bottom",size:17})]})]})})})}),(0,a.jsx)("div",{className:"text-right mt-[5px] mb-[10px] mr-[5px]",children:(0,a.jsxs)("a",{className:"font-normal rounded-xs w-max-content p-[5px] whitespace-normal text-right text-sm text-white bg-black border-black px-1",href:"/".concat(i,"/article"),children:[r,"の記事一覧へ"," ",(0,a.jsx)(O.ye6,{className:"inline-block scale-200",size:12})]})})]})}

1var R=r(63182),S=r(45350),M=r(47404),X=r(13695);function B(e){var t,r,s;let{articles:i}=e;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(R.A,{title:"記事から探す"}),(0,a.jsx)(S.A,{className:"green",icon:F.K$4,text:"人気のカテゴリー記事"}),(0,a.jsx)(L,{articles:null!=(t=i.recommendedArticles.find(e=>33===e.category_id))?t:{category_id:33,articles:[]},category_name:"プロジェクト管理",h3_title:"生産：プロジェクト管理",uri:"project_management"}),(0,a.jsx)(L,{articles:null!=(r=i.recommendedArticles.find(e=>115===e.category_id))?r:{category_id:115,articles:[]},category_name:"安否確認システム",h3_title:"その他：安否確認システム",uri:"safety_check_system"}),(0,a.jsx)(L,{articles:null!=(s=i.recommendedArticles.find(e=>54===e.category_id))?s:{category_id:54,articles:[]},category_name:"eラーニング",h3_title:"人事：eラーニング",uri:"e_learning"}),(0,a.jsx)(S.A,{className:"green",icon:P.g1V,text:"記事カテゴリー"}),(0,a.jsx)(X.A,{categoryGroups:i.categoryGroupsHavingArticle,linkTemplate:"/{uri}/article"}),(0,a.jsx)(M.A,{description:" IT製品・サービスの比較・資料請求が無料でできる、ITトレンド。こちらのページは、IT製品・サービスの比較・検討に役立つ記事コラムの一覧です。新着記事やおすすめ記事をピックアップしています。また、製品カテゴリー名をクリックすると、カテゴリー毎の記事一覧をご覧いただけます。この他にも、製品カテゴリーや人気製品ランキング、導入事例などからIT製品・サービスを探して比較することも可能です。"})]})}let G=function(e){let{pc:t,sp:r}=e,{viewport:i}=(0,s.useContext)(I.A),l=[{href:T.A.Page.TOP,label:"IT製品比較TOP"},{href:T.A.Page.ARTICLE,label:"記事コンテンツからIT製品・サービスを探す"}];return(0,a.jsx)(a.Fragment,{children:"pc"===i?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(E.A,{items:l,viewport:i}),(0,a.jsx)("div",{className:"flex shrink-0 w-pc mx-auto mb-[120px] mt-3",children:(0,a.jsx)(k,{articles:t})})]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(B,{articles:r}),(0,a.jsx)(E.A,{items:l,viewport:i})]})})};var U=r(85752),K=r(95643),Y=r(80691);let $=e=>{let{data:t}=e;(0,Y.d)("article");let r={description:"IT製品のコラム記事一覧。ITトレンドでは、1,900以上ものIT製品の特長や機能、価格を掲載中。コラム記事を参考に製品を比較して、無料で一括資料請求が可能です。人気製品ランキング、導入事例など、知っておきたいIT情報も満載です。",image:"https://static.it-trend.jp/ogp/top_og.jpg",site_name:"ITトレンド",title:"記事コラムからIT製品・サービスを探す｜ITトレンド",type:"article",url:T.A.Page.ARTICLE};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(U.A,{jsonLd:{"@context":"https://schema.org","@type":"Organization",name:"株式会社Innovation & Co.",url:"https://www.media.innovation.co.jp/company"},meta:{description:"IT製品のコラム記事一覧。ITトレンドでは、1,900以上ものIT製品の特長や機能、価格を掲載中。コラム記事を参考に製品を比較して、無料で一括資料請求が可能です。人気製品ランキング、導入事例など、知っておきたいIT情報も満載です。",keywords:"IT製品,ITシステム,資料請求,製品比較,お問い合わせ",title:"記事コラムからIT製品・サービスを探す｜ITトレンド"},og:r}),(0,a.jsx)(G,{pc:t.pc,sp:t.sp})]})};$.getLayout=e=>(0,a.jsx)(K.A,{children:e});var D=!0;let W=$},38124:(e,t,r)=>{"use strict";r.d(t,{M:()=>n});var a=r(37876),s=r(69241),i=r(88575);let l=e=>{let{keyPrefix:t,count:r}=e;return(0,a.jsx)(a.Fragment,{children:Array.from({length:r}).map((e,r)=>(0,a.jsx)("div",{"aria-hidden":"true",className:(0,s.A)("animate-pulse rounded bg-it-gray-200 mb-[10px] w-[300px] h-[100px]")},"".concat(t,"-skeleton-").concat(r)))})},n=e=>{let{banners:t,isLoading:r,keyPrefix:s,skeletonCount:n=1}=e;return r?(0,a.jsx)(l,{count:n,keyPrefix:s}):0===t.length?null:(0,a.jsx)(a.Fragment,{children:t.map((e,t)=>(0,a.jsx)(i.A,{value:e},"".concat(s,"-").concat(t)))})}},45350:(e,t,r)=>{"use strict";r.d(t,{A:()=>i});var a=r(37876),s=r(69241);let i=e=>{let{className:t,icon:r,text:i}=e;return(0,a.jsx)(a.Fragment,{children:(0,a.jsxs)("h2",{className:(0,s.A)("flex p-2.5 border-t-2 font-bold break-all","green"===t?"bg-it-green-100 border-t-it-green-800 text-it-green-800":"bg-it-dark-red-100 border-t-it-primary-800 text-it-primary-800"),children:[r&&r({size:25}),"string"==typeof i?(0,a.jsx)("span",{className:"text-black ml-[5px] align-middle",children:i}):i]})})}},47404:(e,t,r)=>{"use strict";r.d(t,{A:()=>s});var a=r(37876);function s(e){return(0,a.jsx)("p",{className:"text-xs text-black p-[15px] text-justify max-sm:bg-white",children:e.description})}},52176:(e,t,r)=>{"use strict";r.d(t,{A:()=>l});var a=r(37876),s=r(54587),i=r.n(s);function l(){return(0,a.jsx)("div",{className:"mb-2.5 hover:opacity-80",children:(0,a.jsx)("a",{href:"https://lp.service.it-trend.jp/service/it-trend/",rel:"noopener noreferrer",target:"_blank",children:(0,a.jsx)(i(),{alt:"ITトレンドへの製品掲載・広告出稿はこちらから",height:100,src:"/sidebar/product_post.

1webp",width:300})})})}},54851:(e,t,r)=>{"use strict";var a;r.d(t,{Y:()=>i});let s=(null==(a=r(65364).env.NEXT_PUBLIC_MANUFACTURE_SITE_URL)?void 0:a.trim())||"https://manufacture.it-trend.jp",i=(e,t)=>{if("manufacture"!==e)return null;let r=s.replace(/\/+$/,"");return"".concat(r,"/").concat(t,"/")}},55840:(e,t,r)=>{"use strict";r.d(t,{A:()=>s});var a=r(37876);function s(e){let{title:t}=e;return(0,a.jsxs)("h1",{className:"relative top-[7px] w-full max-w-[400px] mx-auto my-2.5 text-center text-xl font-bold text-it-gray-600",children:[(0,a.jsx)("span",{className:"text-it-primary-700 mx-5",children:"ー"}),t,(0,a.jsx)("span",{className:"text-it-primary-700 mx-5",children:"ー"})]})}},58466:(e,t,r)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/article",function(){return r(36942)}])},63182:(e,t,r)=>{"use strict";r.d(t,{A:()=>s});var a=r(37876);function s(e){return(0,a.jsx)("h1",{className:"text-center text-[19px] leading-[1.3] text-it-gray-600 py-5 px-2.5",children:e.title})}},68425:(e,t,r)=>{"use strict";r.d(t,{A:()=>n});var a=r(37876),s=r(69241),i=r(54587),l=r.n(i);let n=e=>{let{items:t,viewport:r}=e;return(0,a.jsx)("div",{children:(0,a.jsx)("nav",{"aria-label":"Breadcrumb",children:(0,a.jsx)("ol",{className:(0,s.A)("list-none w-full text-[11px] text-it-gray-700","mobile"===r?"mt-5 bg-it-gray-100 py-2.5 px-5":"mx-auto py-[5px]"),children:t.map((e,r)=>(0,a.jsx)("li",{className:"inline-block last:font-bold",children:r!==t.length-1?(0,a.jsxs)("div",{className:"inline-flex",children:[(0,a.jsx)("a",{className:"text-it-gray-500 underline hover:text-it-link-visited",href:e.href,children:e.label}),(0,a.jsx)(l(),{alt:"",className:"mx-2 py-[5px]",height:7,priority:!1,src:"/common/breadcrumb/arrow.png",width:7})]}):(0,a.jsx)("span",{"aria-current":"page",children:e.label})},r))})})})}},69735:(e,t,r)=>{"use strict";r.d(t,{b:()=>a});let a="https://".concat("asset.it-trend.jp","/images/user")},77984:()=>{},80691:(e,t,r)=>{"use strict";r.d(t,{d:()=>i});var a=r(14232),s=r(71816);let i=e=>{let{setPageType:t}=(0,a.useContext)(s._);(0,a.useEffect)(()=>(t(e),()=>{t(void 0)}),[e,t])}},88575:(e,t,r)=>{"use strict";r.d(t,{A:()=>i});var a=r(37876),s=r(93356);function i(e){let{value:t}=e;return(0,a.jsx)("div",{className:"mb-[10px]",children:t.is_target_blank?(0,a.jsx)("a",{className:"hover:opacity-70",href:t.link_url,rel:"noopener noreferrer",target:"_blank",children:(0,a.jsx)(s.A,{alt:t.name,height:100,loading:"eager",src:t.img_url,width:300})}):(0,a.jsx)("a",{className:"hover:opacity-70",href:t.link_url,children:(0,a.jsx)(s.A,{alt:t.name,height:100,loading:"eager",src:t.img_url,width:300})})})}},93356:(e,t,r)=>{"use strict";r.d(t,{A:()=>i});var a=r(37876);let s=(0,r(14232).forwardRef)((e,t)=>{let{alt:r,loading:s="lazy",...i}=e;return(0,a.jsx)("img",{alt:r,loading:s,ref:t,...i})});s.displayName="CdnImg";let i=s}},e=>{e.O(0,[4840,7164,114,7671,4355,3371,5925,7743,7263,6988,4022,8601,8924,215,636,6593,8792],()=>e(e.s=58466)),_N_E=e.O()}]);