https://www.gritnation.jp/_next/static/chunks/pages/portfolio/[slug]-f882fd42cda28e01.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[34],{844:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/portfolio/[slug]",function(){return r(2159)}])},8360:function(e,t,r){"use strict";var n=r(6874);let o=(0,r(7478).ZP)(n.Z)(e=>{let{theme:t}=e;return{marginBottom:"88px",textAlign:"left","& table":{width:"100%",borderRadius:"0.5rem",borderCollapse:"collapse","& th, td":{borderBottom:"solid 1px",borderColor:t.palette.secondary.main,padding:"0 1rem"},"& td":{borderRight:"solid 1px",borderColor:t.palette.secondary.main,"&:last-child":{borderRight:"solid 1px",borderColor:t.palette.secondary.main},"&:first-of-type":{borderLeft:"solid 1px",borderColor:t.palette.secondary.main}},"& th":{backgroundColor:t.palette.secondary.light,color:t.palette.secondary.contrastText,fontWeight:"bold",borderRight:"solid 1px",borderColor:t.palette.background.default,"&:last-child":{borderRight:"none"}}},"& blockquote":{borderLeft:"solid 0.5rem",borderColor:t.palette.secondary.light,paddingLeft:"1rem",fontStyle:"italic",color:t.palette.text.secondary,[t.breakpoints.down("sm")]:{margin:"8px"}},"& h1":{fontSize:"2.125rem",lineHeight:1.235,letterSpacing:"0.00735em",[t.breakpoints.down("sm")]:{fontSize:"1.5rem"}},"& h2":{fontSize:"1.5rem",lineHeight:1.334,letterSpacing:"0em",fontWeight:500,[t.breakpoints.down("sm")]:{fontSize:"1.25rem"}},"& h3":{fontSize:"1.25rem",lineHeight:1.6,letterSpacing:"0.0075em",[t.breakpoints.down("sm")]:{fontSize:"1.125rem"}},"& p":{fontSize:"1rem",lineHeight:1.578,fontWeight:500,letterSpacing:0,[t.breakpoints.down("sm")]:{fontSize:12}}}});t.Z=o},7436:function(e,t,r){"use strict";var n=r(5593);let o=(0,r(7478).ZP)(n.Z)(e=>{let{theme:t}=e;return{borderColor:t.palette.secondary.main,margin:"32px 0",[t.breakpoints.down("sm")]:{"& .divider":{margin:"16px 0"}}}});t.Z=o},2159:function(e,t,r){"use strict";r.r(t),r.d(t,{__N_SSG:function(){return f},default:function(){return b}});var n=r(1527),o=r(6258),a=r.n(o),i=r(6649),l=r(6874);let s=(0,r(7478).ZP)(l.Z)(e=>{let{theme:t}=e;return{textAlign:"left","& .headingArea":{marginTop:"112px",textAlign:"left","& .headline":{marginTop:"40px",fontWeight:"bold"},"& .clientName":{marginTop:"32px"}},"& .externalLink":{marginBottom:"72px",display:"inline-block","& a":{wordBreak:"break-all",textDecoration:"none",borderBottom:"1px dashed",borderBottomColor:t.palette.primary.main}},[t.breakpoints.down("sm")]:{"& .headingArea":{marginTop:"40px","& .headline":{marginTop:"24px"},"& .clientName":{marginTop:"16px"}},"& .externalLink":{marginBottom:"16px"}}}});var c=r(9098),d=r(8360),p=r(7436),u=r(7605),m=r(3417),g=r(3171),h=r(3453);function x(e){let{works:t}=e,{category:r,page:o}=(0,i.useRouter)().query;return(0,n.jsx)(c.Z,{title:"".concat(t.seoFields.pageTitle," - Works"),description:t.seoFields.pageDescription,path:"works/".concat(r,"/portfolio/").concat(o,"/").concat(t.slug),image:t.featuredImage.url,children:(0,n.jsxs)(s,{children:[(0,n.jsxs)(l.Z,{className:"headingArea",maxWidth:"md",children:[(0,n.jsx)(h.Z,{variant:"articleSubTitle",align:"left",children:(0,u.p)(t.publishedDate,".")}),(0,n.jsx)(h.Z,{variant:"articleTitle",align:"left",children:t.title}),(0,n.jsx)(h.Z,{variant:"body1",className:"headline",align:"left",children:t.headline}),t.clientName&&(0,n.jsxs)(h.Z,{variant:"body1",align:"left",className:"clientName",children:["Client: ",t.clientName]})]}),(0,n.jsx)(p.Z,{}),(0,n.jsxs)(l.Z,{maxWidth:"md",children:[t.externalUrl&&(0,n.jsxs)(h.Z,{variant:"body1",align:"left",className:"externalLink",children:["URL"," ",(0,n.jsx)(g.Z,{href:t.externalUrl,target:"_blank",rel:"noopener",children:t.externalUrl})]}),(0,n.jsx)(a(),{src:t.featuredImage.url,alt:t.featuredImage.title,width:t.featuredImage.width,height:t.featuredImage.height,style:{width:"100%",height:"auto"}})]}),(0,n.jsx)(d.Z,{maxWidth:"md",children:(0,m.h)(t.content.json)})]})})}var f=!0;function b(e){let{works:t}=e;return(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(x,{works:t})})}},7605:function(e,t,r){"use strict";r.d(t,{p:function(){return n}});let n=(e,t)=>{if(!e)return"";let r=new Date(e),n=r.getFullYear(),o=("0"+(r.getMonth()+1)).slice(-2),a=("0"+r.getDate()).slice(-2),i="".concat(n,"-").concat(o,"-").concat(a);return t?i.replace(/-/g,t):i}},3171:function(e,t,r){"use strict";r.d(t,{Z:function(){return S}});var n=r(959),o=r(4814),a=r(9049),i=r(7593),l=r(1907),s=r(4617),c=r(7478),d=r(2241),p=r(848),u=r(9512),m=r(45),g=r(3453),h=r(7134),x=r(3137);function f(e){return(0,x.ZP)("MuiLink",e)}let b=(0,h.Z)("MuiLink",["root","underlineNone","underlineHover","underlineAlways","button","focusVisible"]);var y=r(3124),k=e=>{let{theme:t,ownerState:r}=e,n=r.color,o=(0,y.DW)(t,"palette.".concat(n,".main"),!1)||(0,y.DW)(t,"palette.".concat(n),!1)||r.color,

1i=(0,y.DW)(t,"palette.".concat(n,".mainChannel"))||(0,y.DW)(t,"palette.".concat(n,"Channel"));return"vars"in t&&i?"rgba(".concat(i," / 0.4)"):(0,a.Fq)(o,.4)},v=r(1527);let w={primary:!0,secondary:!0,error:!0,info:!0,success:!0,warning:!0,textPrimary:!0,textSecondary:!0,textDisabled:!0},Z=e=>{let{classes:t,component:r,focusVisible:n,underline:o}=e,a={root:["root","underline".concat((0,s.Z)(o)),"button"===r&&"button",n&&"focusVisible"]};return(0,i.Z)(a,f,t)},C=(0,c.ZP)(g.Z,{name:"MuiLink",slot:"Root",overridesResolver:(e,t)=>{let{ownerState:r}=e;return[t.root,t["underline".concat((0,s.Z)(r.underline))],"button"===r.component&&t.button]}})((0,p.Z)(e=>{let{theme:t}=e;return{variants:[{props:{underline:"none"},style:{textDecoration:"none"}},{props:{underline:"hover"},style:{textDecoration:"none","&:hover":{textDecoration:"underline"}}},{props:{underline:"always"},style:{textDecoration:"underline","&:hover":{textDecorationColor:"inherit"}}},{props:e=>{let{underline:t,ownerState:r}=e;return"always"===t&&"inherit"!==r.color},style:{textDecorationColor:"var(--Link-underlineColor)"}},...Object.entries(t.palette).filter((0,u.Z)()).map(e=>{let[r]=e;return{props:{underline:"always",color:r},style:{"--Link-underlineColor":t.vars?"rgba(".concat(t.vars.palette[r].mainChannel," / 0.4)"):(0,a.Fq)(t.palette[r].main,.4)}}}),{props:{underline:"always",color:"textPrimary"},style:{"--Link-underlineColor":t.vars?"rgba(".concat(t.vars.palette.text.primaryChannel," / 0.4)"):(0,a.Fq)(t.palette.text.primary,.4)}},{props:{underline:"always",color:"textSecondary"},style:{"--Link-underlineColor":t.vars?"rgba(".concat(t.vars.palette.text.secondaryChannel," / 0.4)"):(0,a.Fq)(t.palette.text.secondary,.4)}},{props:{underline:"always",color:"textDisabled"},style:{"--Link-underlineColor":(t.vars||t).palette.text.disabled}},{props:{component:"button"},style:{position:"relative",WebkitTapHighlightColor:"transparent",backgroundColor:"transparent",outline:0,border:0,margin:0,borderRadius:0,padding:0,cursor:"pointer",userSelect:"none",verticalAlign:"middle",MozAppearance:"none",WebkitAppearance:"none","&::-moz-focus-inner":{borderStyle:"none"},["&.".concat(b.focusVisible)]:{outline:"auto"}}}]}}));var S=n.forwardRef(function(e,t){let r=(0,m.i)({props:e,name:"MuiLink"}),a=(0,d.Z)(),{className:i,color:s="primary",component:c="a",onBlur:p,onFocus:u,TypographyClasses:g,underline:h="always",variant:x="inherit",sx:f,...b}=r,[y,S]=n.useState(!1),j={...r,color:s,component:c,focusVisible:y,underline:h,variant:x},D=Z(j);return(0,v.jsx)(C,{color:s,className:(0,o.Z)(D.root,i),classes:g,component:c,onBlur:e=>{(0,l.Z)(e.target)||S(!1),p&&p(e)},onFocus:e=>{(0,l.Z)(e.target)&&S(!0),u&&u(e)},ref:t,ownerState:j,variant:x,...b,sx:[...void 0===w[s]?[{color:s}]:[],...Array.isArray(f)?f:[f]],style:{...b.style,..."always"===h&&"inherit"!==s&&!w[s]&&{"--Link-underlineColor":k({theme:a,ownerState:j})}}})})}},function(e){e.O(0,[942,176,98,888,774,179],function(){return e(e.s=844)}),_N_E=e.O()}]);