https://www.m-hand.co.jp/_next/static/chunks/3781-da3f15d7ed2c65bc.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3781],{3796:function(e,s,n){n.d(s,{Cv:function(){return a}});var i=n(5893),c=n(5601);let r=({children:e,href:s,className:n,aLabel:r,as:a="p",font:l="en"})=>(0,i.jsx)(a,{className:`c-btn01 ${n}`,children:(0,i.jsx)(c.P,{href:s,className:"c-btn01__link","aria-label":r,children:(0,i.jsx)("span",{className:`c-btn01__txt ${"en"===l&&"u-en u-uppercase"}`,children:e})})}),a=()=>(0,i.jsxs)("div",{id:"cv",className:"c-cv01 u-focus-visible-custom",children:[(0,i.jsxs)("div",{className:"c-cv01__inner u-inner",children:[(0,i.jsx)("p",{className:"js-c-anime-elem c-cv01__tit","data-anime":"fadein-up",children:(0,i.jsxs)("picture",{children:[(0,i.jsx)("source",{srcSet:"/images/common/txt_cv01_pc.webp",width:1361,height:101,media:"(min-width: 768px)"}),(0,i.jsx)("img",{src:"/images/common/txt_cv01_sp.webp",alt:"CREATE THE FUTURE",width:650,height:182,loading:"lazy"})]})}),(0,i.jsxs)("div",{className:"c-cv01__btns c-btn01-list",children:[(0,i.jsx)(r,{href:"/download/",className:"is-block is-white is-large",children:"download"}),(0,i.jsx)(r,{href:"/contact/",className:"is-block is-white is-large",children:"contact"})]})]}),(0,i.jsx)("div",{className:"c-cv01__bg",children:(0,i.jsxs)("picture",{children:[(0,i.jsx)("source",{srcSet:"/images/common/bg_cv01_pc.webp",width:1920,height:701,media:"(min-width: 768px)"}),(0,i.jsx)("img",{src:"/images/common/bg_cv01_sp.webp",alt:"CREATE THE FUTURE",width:750,height:862,loading:"lazy"})]})})]})},6759:function(e,s,n){n.d(s,{o:function(){return r}});var i=n(5893),c=n(5601);let r=({name:e})=>{let s="",n="",r="next",a="",l="";return"about"===e?(n="/"+(s="concept")+"/",r="next",a=s,l="コンセプトページへ"):"concept"===e?(n="/"+(s="works")+"/",r="next",a=s,l="実績紹介ページへ"):"works"===e?(n="/"+(s="culture")+"/",r="next",a=s,l="企業文化ページへ"):"singleWorks"===e?(s="",n="/works/",r="index",a="index",l="実績詳細ページへ"):"culture"===e?(n="/"+(s="blog")+"/",r="next",a=s,l="ブログページへ"):"blog"===e?(n="/"+(s="topics")+"/",r="next",a="topics",l="トピックスページへ"):"blogSingle"===e||"blogCategory"===e?(s="",n="/blog/",r="index",a="index",l="ブログ一覧ページへ"):"topics"===e?(n="/"+(s="seminar")+"/",r="next",a="seminar",l="セミナーページへ"):"seminar"===e?(n="/"+(s="publiclog")+"/",r="next",a="public log",l="パブリックログページへ"):"seminarSingle"===e||"seminarCategory"===e?(s="",n="/seminar/",r="index",a="index",l="セミナー一覧ページへ"):"publiclog"===e?(n="/"+(s="about")+"/",r="next",a="about us",l="企業情報ページへ"):"publicLogCategory"===e?(s="",n="/publiclog/",r="index",a="index",l="パブリックログページへ"):"home"===e&&(s="home",n="/",r="home",a="home",l="トップページへ"),(0,i.jsx)("div",{id:"next",className:`c-next01 ${s?`is-${s}`:""}`,children:(0,i.jsx)("div",{className:"c-next01__inner u-inner",children:(0,i.jsxs)(c.P,{href:`${n}`,className:"c-next01__btn","aria-label":l,children:[(0,i.jsx)("span",{className:"c-next01__btn-txt u-en u-uppercase",children:(0,i.jsx)("span",{className:"c-next01__btn-txt-in",children:r})}),(0,i.jsx)("span",{className:"c-next01__btn-change u-en u-uppercase",children:(0,i.jsx)("span",{className:"c-next01__btn-change-in",children:a})})]})})})}},3781:function(e,s,n){n.d(s,{X:function(){return o}});var i=n(5893),c=n(7294),r=n(7536),a=n(6759),l=n(3796),t=n(4215);let o=({works:e,recommendedWorks:s})=>{let[n,o]=(0,c.useState)("10%");if((0,c.useEffect)(()=>{let e=document.querySelectorAll(".js-c-parallax-bg"),s=()=>{let s=window.scrollY;e.forEach(e=>{let n=e.getBoundingClientRect().top+window.scrollY;if(s>n-window.innerHeight){let e=(s-n)/window.innerHeight*100;o(`calc(10% - ${e}%)`)}})};return window.addEventListener("load",s),window.addEventListener("scroll",s),()=>{window.removeEventListener("load",s),window.removeEventListener("scroll",s)}},[]),!e)return null;let{works_head02:d,works_catch02:m,works_detail_link:h,works_detail_client:u,works_type:x,works_cat:_,works_detail_txt:p,works_img01:w}=e,j=d.replace(/\n/g,"<br />");return(0,i.jsx)(i.Fragment,{children:(0,i.jsx)("div",{className:"l-contents",children:(0,i.jsxs)("main",{children:[(0,i.jsx)("div",{id:"intro01",className:"c-intro01",children:(0,i.jsxs)("div",{className:"c-intro01__inner u-inner is-pb-none",children:[(0,i.jsx)("p",{className:"c-intro01__small u-en u-uppercase",children:"works"}),(0,i.jsx)("h1",{className:"c-head01 u-en u-uppercase",dangerouslySetInnerHTML:{__html:j}})]})}),(0,i.jsx)("div",{className:"works-intro-mv js-c-parallax-bg",style:{backgroundImage:m?`url(${m.url}?fm=webp)`:"none",backgroundPositionY:n}}),(0,i.jsx)("section",{className:"works-intro-lower",children:(0,i.jsxs)("div",{className:"works-intro-lower__inner u-inner",children:[(0,i.jsxs)("div",{className:"works-intro-lower__info",children:[(0,i.jsx)("h2",{className:"works-intro-lower__head u-en u-uppercase",children:"DATA"}),(0,i.jsx)("table",{className:"works-intro-lower__table",children:(0,i.jsxs)("tbody",{children:[h&&(0,i.jsxs)("tr",{children:[(0,i.jsx)("th",{className:"works-intro-lower__th u-en u-uppercase",children:"link"}),(0,i.jsx)("td",{className:"works-intro-lower__td",children:(0,i.jsx)(r.W,{className:"works-intro-lower__link",href:h,children:h})})]}),u&&(0,i.jsxs)("tr",{children:[(0,i.jsx)("th",{className:"works-intro-lower__th u-en u-uppercase",children:"client"}),(0,i.jsx)("td",{className:"works-intro-lower__td",children:u})]})]})}),(0,i.jsxs)("ul",{className:"works-intro-lower-cat",children:[x&&(0,i.jsx)("li",{className:"works-intro-lower-cat__item u-en u-uppercase",children:x}),_&&_.map((e,s)=>(0,i.jsx)("li",{className:"works-intro-lower-cat__item u-en u-uppercase",children:e},s))]})]}),p&&(0,i.jsxs)("div",{className:"works-intro-lower__dsc",children:[(0,i.jsx)("h2",{className:"works-intro-lower__head u-en u-uppercase",children:"description"}),(0,i.jsx)("p",{className:"works-intro-lower__txt",children:p})]})]})}),w&&(0,i.jsx)("div",{className:"works-lower-images",children:(0,i.jsx)("div",{className:"works-lower-images__inner u-inner",children:w.map((e,s)=>(0,i.jsx)("div",{className:"works-lower-images__img",children:(0,i.jsx)("img",{src:`${e.url}?fm=webp`,alt:"",width:e.width,height:e.height,loading:"lazy"})},s))})}),s&&(0,i.jsx)("section",{className:"c-recommend01",children:(0,i.jsxs)("div",{className:"c-recommend01__inner u-inner",children:[(0,i.jsxs)("header",{className:"c-recommend01__head c-head02",children:[(0,i.jsx)("p",{className:"c-head02__en u-en u-uppercase",children:"recommend"}),(0,i.jsx)("h2",{className:"c-head02__main u-uppercase",children:"次に見るコンテンツ"})]}),(0,i.jsx)(t.A,{worksList:s,recommend:!0})]})}),(0,i.jsx)(a.o,{name:"singleWorks"}),(0,i.jsx)(l.Cv,{})]})})})}},4215:function(e,s,n){n.d(s,{A:function(){return a}});var i=n(5893),c=n(5601);let r=({title:e,slug:s,works_head01:n,works_type:r,works_catch01:a,works_catch04:l,recommend:t})=>{let o;let d=(o="/images/common/img_noimage01.webp",a?o=a.url+"?fm=webp":l&&(o=l.url+"?fm=webp"),t&&l&&(o=l.url+"?fm=webp"),o);return(0,i.jsxs)(c.P,{href:`/works/${s||encodeURIComponent(e)}/`,className:"c-archive04__item-link",children:[(0,i.jsx)("div",{className:"c-archive04__item-img-wrap",children:(0,i.jsx)("div",{className:"c-archive04__item-img-in",children:(0,i.jsx)("div",{className:"c-archive04__item-img js-oncontextmenu",onContextMenu:e=>{e.preventDefault()},style:{backgroundImage:d?`url(${d})`:"none"}})})}),(0,i.jsxs)("div",{className:"c-archive04__item-area-txt",children:[(0,i.jsx)("p",{className:"c-archive04__item-head u-en u-uppercase",children:n}),r&&(0,i.jsx)("p",{className:"c-archive04__item-txt u-en u-uppercase",children:r})]})]})}

1,a=({worksList:e,recommend:s})=>(0,i.jsx)("ul",{className:"c-archive04",children:e.map((e,n)=>(0,i.jsx)("li",{className:`c-archive04__item js-c-anime-elem ${3===n||6===n||11===n||18===n?"is-horizontal":""}`,children:(0,i.jsx)(r,{...e,recommend:s})},e.id))})}}]);