https://www.m-hand.co.jp/_next/static/chunks/pages/index-3342a7c5b84836be.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5405],{8312:function(e,s,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/",function(){return t(4053)}])},6016:function(e,s,t){"use strict";t.d(s,{W:function(){return r}});var i=t(5893),a=t(3967),n=t.n(a);class c extends Error{constructor(e,s=`Unsupported type: ${e}`){super(s)}}let r=({children:e,className:s,size:t="default",withDefaultPaddingSide:a=!0})=>{let r=(e=>{switch(e){case"full":return`w-full${a&&" px-[var(--contents--padding--side)"}]`;case"large":return`max-w-[var(--contents--width--large)]${a&&" px-[var(--contents--padding--side)]"}`;case"default":return`max-w-[var(--contents--width)]${a&&" px-[var(--contents--padding--side)]"}`;default:throw new c(e)}})(t);return(0,i.jsx)("div",{className:n()([r,s]),children:e})}},3796:function(e,s,t){"use strict";t.d(s,{Cv:function(){return c}});var i=t(5893),a=t(5601);let n=({children:e,href:s,className:t,aLabel:n,as:c="p",font:r="en"})=>(0,i.jsx)(c,{className:`c-btn01 ${t}`,children:(0,i.jsx)(a.P,{href:s,className:"c-btn01__link","aria-label":n,children:(0,i.jsx)("span",{className:`c-btn01__txt ${"en"===r&&"u-en u-uppercase"}`,children:e})})}),c=()=>(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)(n,{href:"/download/",className:"is-block is-white is-large",children:"download"}),(0,i.jsx)(n,{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"})]})})]})},7393:function(e,s,t){"use strict";t.d(s,{w:function(){return c}});var i=t(5893),a=t(7294),n=t(5601);let c=({children:e,hoverText:s,href:t,hasHref:c=!0,className:r,aLabel:l,as:m="p",font:o="en",hasArrow:h=!0,onClick:d})=>{let[u,g]=(0,a.useState)(!1),[p,_]=(0,a.useState)(!1),[x]=(0,a.useState)(e),[j,w]=(0,a.useState)(x),v=(0,a.useRef)(null);(0,a.useEffect)(()=>{if(!p)return;let e=()=>{let e="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%^&*()";return e[Math.floor(Math.random()*e.length)]};(()=>{v.current&&cancelAnimationFrame(v.current);let t=String(u?s:x),i=String(j),a=0,n=()=>{let s=++a/30,c=i.length,r=t.length,l="",m=Math.floor(c+(r-c)*Math.min(s,1));for(let s=0;s<r;s++)(a-3*s)/10<1?s<m&&(l+=e()):l+=t[s];l.length<m&&(l+=Array(m-l.length).fill(0).map(e).join("")),w(l),l!==t&&(v.current=requestAnimationFrame(n))};v.current=requestAnimationFrame(n)})()},[u,p,s,x]),(0,a.useEffect)(()=>()=>{v.current&&cancelAnimationFrame(v.current)},[]);let b=(0,i.jsxs)(i.Fragment,{children:[h&&(0,i.jsx)("span",{className:"c-btn02__arrow"}),(0,i.jsx)("span",{className:`c-btn02__txt ${"en"===o&&"u-en u-uppercase"}`,children:j})]});return(0,i.jsx)(m,{className:`c-btn02 ${r} ${u?"is-hovered":""}`,onMouseEnter:()=>{p||_(!0),g(!0)},onMouseLeave:()=>g(!1),children:c&&t?(0,i.jsx)(n.P,{href:t,className:"c-btn02__link","aria-label":l,children:b}):(0,i.jsx)("span",{className:"c-btn02__link",onClick:d,children:b})})}},6256:function(e,s,t){"use strict";t.d(s,{o:function(){return n}});var i=t(5893),a=t(4133);let n=({as:e="time",date:s,className:t})=>(0,i.jsx)(e,{className:`${t?` ${t}`:""}`,..."time"===e&&{dateTime:s},children:(0,a.p)({dateString:s})})},4133:function(e,s,t){"use strict";t.d(s,{p:function(){return n}});var i=t(6369),a=t(6609);let n=({dateString:e})=>{let s=new Date(e);return(0,i.WU)((0,a.zW)(s,"Asia/Tokyo"),"yyyy.MM.dd")}},4053:function(e,s,t){"use strict";t.r(s),t.d(s,{__N_SSG:function(){return T},default:function(){return A}});var i=t(5893),a=t(6490),n=t(7294),c=t(6016),r=t(5601);let l=({onComplete:e})=>((0,n.useEffect)(()=>{e()},[e]),(0,i.jsx)("div",{id:"js-home-loading",className:"l-loading is-start",children:(0,i.jsx)("div",{className:"l-loading__inner"})}));var m=t(4133);let o=({topics:e})=>(0,i.jsxs)("div",{className:"l-main-img-news__area-txt",children:[(0,i.jsx)("p",{className:"l-main-img-news__date u-en",children:(0,m.p)({dateString:e[0].publishedAt||e[0].createdAt})}),(0,i.jsx)("p",{className:"l-main-img-news__txt",children:(0,i.jsx)(r.P,{href:"/topics#archive",className:"l-main-img-news__txt-link",children:e[0].title})})]},e[0].id),h=({topics:e})=>

1{let[s,t]=(0,n.useState)(0),[a,c]=(0,n.useState)(!0),m=(0,n.useRef)(null),h=[{num:"01"},{num:"02"},{num:"03"},{num:"04"}],[d,u]=(0,n.useState)(!1);(0,n.useEffect)(()=>{let e=new IntersectionObserver(e=>{e.forEach(e=>{c(e.isIntersecting)})},{root:null,rootMargin:"0px",threshold:.5});return m.current&&e.observe(m.current),()=>{e.disconnect()}},[]),(0,n.useEffect)(()=>{let e;let s=()=>{a?e||(e=setInterval(()=>{t(e=>(e+1)%h.length)},3e3)):(clearInterval(e),e=void 0)};return document.addEventListener("homeMvChange",s),a&&d&&(e=setInterval(()=>{t(e=>(e+1)%h.length)},3e3)),()=>{clearInterval(e),document.removeEventListener("homeMvChange",s)}},[a,h.length,d]);let g={"01":{num:"01",en:"ME & YOU",txt:"わたしの先にあなたがいる。あなたがいるからわたしがつづく。"},"02":{num:"02",en:"REFLECTION",txt:"わたしたちはWebに夢をみる。素敵な今が具現化されて、夢になる。"},"03":{num:"03",en:"GROWTH",txt:"できることを全てやる。希望を現実に、この世界で進化する。"},"04":{num:"04",en:"TOGETHER",txt:"強く美しく結びつく。Webはあなたを裏切らない。"}};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(l,{onComplete:()=>{setTimeout(()=>{u(!0)},2200)}}),(0,i.jsx)("p",{className:"js-home-btn l-header-info__btn is-home","data-btn-color":s+1,children:(0,i.jsx)(r.P,{href:"/contact/",className:"l-header-info__btn-link",aLabel:"コンタクトページへ",children:(0,i.jsx)("svg",{viewBox:"0 0 21.3 21.4",children:(0,i.jsx)("path",{d:"M.2 10.7C-1 17 2.9 21.4 8.9 21.4a12.2 12.2 0 0011-6.8h-4.8a6.5 6.5 0 01-5.5 3c-3.7 0-5.8-2.8-5-6.9C5.1 6.5 8.2 4 12 4c2.2 0 3.9 1 4.5 2.9h4.8c-.6-4.3-4-6.8-8.6-6.8A12.8 12.8 0 00.2 10.7z"})})})}),(0,i.jsxs)("div",{className:"js-home-mv l-main-img",ref:m,children:[(0,i.jsx)("div",{className:"l-main-img-top","data-mv-tops":!0,children:Object.values(g).map((e,t)=>(0,i.jsx)("div",{className:`l-main-img-top__item${t===s?" is-active":""}${(t+1)%h.length===s?" is-done":""}`,"data-mv-top":e.num,children:(0,i.jsx)("div",{className:"l-main-img-top__inner",children:(0,i.jsxs)("div",{className:"l-main-img-top__area-txt","data-mv-copy":!0,children:[(0,i.jsx)("p",{className:"l-main-img-top__en u-en",children:e.en}),(0,i.jsx)("p",{className:"l-main-img-top__txt",children:(0,i.jsxs)("picture",{children:[(0,i.jsx)("source",{srcSet:`/images/home/txt_mv${e.num}_pc.webp`,width:318,height:57,media:"(min-width: 1280px)"}),(0,i.jsx)("img",{src:`/images/home/txt_mv${e.num}_sp.webp`,width:480,height:70,loading:"eager",alt:""})]})})]})})},e.num))}),(0,i.jsx)("div",{className:"l-main-img-bottom","data-mv-bottoms":!0,children:Object.values(g).map((e,t)=>(0,i.jsxs)("div",{className:`l-main-img-bottom__item${t===s?" is-active":""}${(t+1)%h.length===s?" is-done":""}`,"data-mv-bottom":e.num,children:[(0,i.jsxs)("picture",{className:"l-main-img-bottom__item-img",children:[(0,i.jsx)("source",{srcSet:`/images/home/img_mv${e.num}_pc.webp`,width:1920,height:470,media:"(min-width: 821px)"}),(0,i.jsx)("img",{src:`/images/home/img_mv${e.num}_sp.webp`,width:750,height:668,loading:"eager",alt:""})]}),(0,i.jsxs)("picture",{className:"l-main-img-bottom__item-bg",children:[(0,i.jsx)("source",{srcSet:"/images/home/bg_mv01_pc.webp",width:1920,height:470,media:"(min-width: 821px)"}),(0,i.jsx)("img",{src:"/images/home/bg_mv01_sp.webp",width:750,height:668,loading:"eager",alt:""})]})]},e.num))}),(0,i.jsxs)("div",{className:"l-main-img-news",children:[(0,i.jsx)("p",{className:"l-main-img-news__btn",children:(0,i.jsx)(r.P,{href:"/topics/",className:"l-main-img-news__btn-link",aLabel:"トピックスページへ",children:(0,i.jsx)("svg",{viewBox:"0 0 16 20.9",children:(0,i.jsx)("path",{d:"M0 3.3h5.6L2.5 20.9h4.2L9.8 3.3h5.6L16 0H.6z"})})})}),e&&(0,i.jsx)(o,{topics:e})]}),(0,i.jsx)("div",{className:"l-main-img-scroll","data-mv-scroll":!0,children:(0,i.jsx)("p",{className:"l-main-img-scroll__txt u-en u-uppercase",children:"scroll"})})]})]})};var d=t(3796),u=t(6256);let g=({title:e,slug:s,publishedAt:t,createdAt:a,category:n})=>{let c=decodeURIComponent(s||e);return(0,i.jsx)("li",{className:"home-blog-archive__item",children:(0,i.jsxs)(r.P,{href:`/blog/${n.slug}/${c}/`,className:"home-blog-archive__item-link","data-cursor":`${n.homeImg.url}?fm=webp%fit=crop%w=300&h=300`,children:[(0,i.jsxs)("p",{className:"home-blog-archive__item-meta",children:[(0,i.jsx)(u.o,{className:"home-blog-archive__item-date u-en",date:t||a}),(0,i.jsx)("span",{className:"home-blog-archive__item-cat u-en u-uppercase",children:n.slug})]}),(0,i.jsx)("p",{className:"home-blog-archive__item-tit u-yakuhan",children:e})]})})},p=({blogs:e})=>(0,i.jsx)("ul",{className:"home-blog-archive__list",children:e.map(e=>(0,n.createElement)(g,{...e,key:e.id}))});var _=t(7393);let x=()=>

1{let[e,s]=(0,n.useState)(!1),[t,a]=(0,n.useState)(!1),[c,r]=(0,n.useState)(0),[l,m]=(0,n.useState)(!1),o=()=>{let e=window.scrollY,t=document.querySelector(".js-home-concept");if(!t)return;let i=t?.offsetTop,n=t?.clientHeight,c=window.innerHeight;i<=e?i+n<=e+c?(s(!0),a(!1)):(s(!1),a(!0)):(s(!1),a(!1));let l=[1/6*n,2/6*n];l[0]+i>=e?r(0):l[1]+i>=e?r(1):r(2)};return(0,n.useEffect)(()=>(window.addEventListener("scroll",()=>{window.requestAnimationFrame(o)}),window.addEventListener("resize",o),()=>{window.removeEventListener("scroll",o),window.removeEventListener("resize",o)}),[]),(0,n.useEffect)(()=>{let e=()=>m(!0);"requestIdleCallback"in window?requestIdleCallback(e):setTimeout(e,2e3)},[]),(0,i.jsx)("section",{id:"concept",className:`home-concept js-home-concept${e?" is-passed":""}${t?" is-active":""}`,children:(0,i.jsxs)("div",{className:"home-concept-content","data-concept-cont":!0,children:[(0,i.jsx)("div",{className:"js-home-mov home-concept-content__mov",children:l&&(0,i.jsx)("iframe",{src:"https://player.vimeo.com/video/727646845?h=fe9580ab54&background=1&autoplay=1&loop=1&autopause=0",width:"640",height:"564",allow:"autoplay; fullscreen",allowFullScreen:!0,loading:"lazy","aria-hidden":"true"})}),(0,i.jsxs)("div",{className:"home-concept-content__inner u-inner",children:[(0,i.jsxs)("div",{className:"home-concept-content-main",children:[(0,i.jsx)("h2",{className:`js-c-anime-elem home-concept-content-main__head u-en u-uppercase ${e?" is-animated":""}${t?" is-animated":""}`,"data-anime":"fadein-up",children:"concept"}),(0,i.jsxs)("p",{className:"home-concept-content-main__txt",children:["M-HANDはあらゆるWeb領域に",(0,i.jsx)("br",{className:"u-view-sp"}),"対応した総合的アプローチで、",(0,i.jsx)("br",{}),"革新的なWebソリューションを提供します。"]}),(0,i.jsx)(_.w,{href:"/concept/",className:"home-concept-content__btn",aLabel:"コンセプトページへ",hoverText:"concept",children:"read more"})]}),(0,i.jsxs)("div",{className:"home-concept-content-sub",children:[(0,i.jsxs)("div",{className:`home-concept-content-sub__item ${0===c?"is-active":""}`,"data-concept-item":"01",children:[(0,i.jsx)("h3",{className:"home-concept-content-sub__head u-en u-uppercase",children:"create"}),(0,i.jsx)("p",{className:"home-concept-content-sub__copy",children:"価値を創り出す"}),(0,i.jsx)("p",{className:"home-concept-content-sub__txt",children:"0を1にするように、戦略策定から実装まで一貫したマーケティングソリューションで、未来の価値をWebという形で提供します。"}),(0,i.jsx)("p",{className:"home-concept-content-sub__num u-en",children:"0 - 1"})]}),(0,i.jsxs)("div",{className:`home-concept-content-sub__item ${1===c?"is-active":""}`,"data-concept-item":"02",children:[(0,i.jsx)("h3",{className:"home-concept-content-sub__head u-en u-uppercase",children:"branding"}),(0,i.jsx)("p",{className:"home-concept-content-sub__copy",children:"価値を加速させる"}),(0,i.jsx)("p",{className:"home-concept-content-sub__txt u-yakuhan",children:"1を100にするように、企業やサービスが持つ「価値」をマーケティング戦略上最適な形で可視化し、加速的に向上させます。"}),(0,i.jsx)("p",{className:"home-concept-content-sub__num u-en",children:"1 - 100"})]}),(0,i.jsxs)("div",{className:`home-concept-content-sub__item ${2===c?"is-active":""}`,"data-concept-item":"03",children:[(0,i.jsx)("h3",{className:"home-concept-content-sub__head u-en u-uppercase",children:"grow"}),(0,i.jsx)("p",{className:"home-concept-content-sub__copy",children:"価値を育てる"}),(0,i.jsx)("p",{className:"home-concept-content-sub__txt",children:"継続的な施策でブランドの「価値」を成長させます。数値分析から改善を繰り返し目標にコミットさせるグロースハックも行います。"}),(0,i.jsx)("p",{className:"home-concept-content-sub__num u-en",children:"1 - 2 - 3"})]})]})]})]})})};var j=t(7786);let w=({works:e})=>{let[s,t]=(0,n.useState)([]),a=e=>{let i=parseInt(e);s.includes(i)?t(s.filter(e=>e!==i)):t([...s,i])},c=e.map(({id:e,title:t,slug:n,works_catch03:c,works_head0301:l,works_head0302:m,works_new:o},h)=>{let d,u;let g=`/works/${n||encodeURI(t)}/`,p=`${l} ${m}`;return 0===h?(d="01",u="03"):1===h?(d="02",u="04"):2===h?(d="03",u="02"):3===h?(d="04",u="06"):4===h?(d="05",u="09"):5===h?(d="06",u="08"):6===h?(d="07",u="11"):7===h?(d="08",u="12"):8===h?(d="09",u="13"):9===h?(d="10",u="14"):10===h?(d="11",u="16"):11===h?(d="12",u="

118"):12===h?(d="13",u="17"):13===h?(d="14",u="20"):14===h?(d="15",u="22"):15===h?(d="16",u="23"):16===h?(d="17",u="25"):17===h?(d="18",u="28"):18===h?(d="19",u="26"):19===h?(d="20",u="27"):(d="00",u="00"),(0,i.jsx)("div",{className:`home-works-content__item is-item${u}${s.includes(parseInt(u))?" is-active":""}`,"data-works-item":u,onClick:()=>a(u),children:(0,i.jsxs)(r.P,{href:g,className:"home-works-content-img",children:[c?(0,i.jsx)("img",{src:`${c.url}?fm=webp`,width:c.width,height:c.height,alt:p,loading:"lazy"}):(0,i.jsx)(j.E,{src:"/images/common/img_noimage01.webp",alt:p,width:960,height:1280,loading:!0}),(0,i.jsx)("p",{className:"home-works-content-img__num u-en",children:d}),o&&(0,i.jsx)("p",{className:"home-works-content-img__new u-en u-uppercase",children:"new"})]})},e)});return(0,i.jsx)(i.Fragment,{children:c})},v=({works:e})=>(0,i.jsx)("div",{id:"works",className:"home-works",children:(0,i.jsxs)("div",{className:"js-home-works home-works-content",children:[(0,i.jsx)(w,{works:e}),(0,i.jsx)("div",{className:"home-works-content__item is-item01",children:(0,i.jsx)("div",{className:"home-works-content-img",children:(0,i.jsx)("img",{src:"/images/home/img_works01.webp",alt:"WORKS",width:721,height:321,loading:"lazy"})})}),(0,i.jsx)("div",{className:"home-works-content__item is-item05",children:(0,i.jsx)("div",{className:"home-works-content-img",children:(0,i.jsx)("img",{src:"/images/home/img_works05.webp",alt:"Me & You Reflection growth together",width:241,height:321,loading:"lazy"})})}),(0,i.jsx)("div",{className:"home-works-content__item is-item07",children:(0,i.jsx)("div",{className:"home-works-content-img",children:(0,i.jsx)("img",{src:"/images/home/img_works07.webp",width:241,height:321,loading:"lazy",alt:""})})}),(0,i.jsx)("div",{className:"home-works-content__item is-item10",children:(0,i.jsx)("div",{className:"home-works-content-img",children:(0,i.jsx)("img",{src:"/images/home/img_works10.webp",alt:"",width:241,height:321,loading:"lazy"})})}),(0,i.jsx)("div",{className:"home-works-content__item is-item15",children:(0,i.jsx)("div",{className:"home-works-content-img",children:(0,i.jsx)("img",{src:"/images/home/img_works15.webp",alt:"",width:241,height:321,loading:"lazy"})})}),(0,i.jsx)("div",{className:"home-works-content__item is-item19",children:(0,i.jsx)("div",{className:"home-works-content-img",children:(0,i.jsx)("img",{src:"/images/home/img_works19.webp",alt:"",width:241,height:321,loading:"lazy"})})}),(0,i.jsx)("div",{className:"home-works-content__item is-item21",children:(0,i.jsx)("div",{className:"home-works-content-img",children:(0,i.jsx)("img",{src:"/images/home/img_works21.webp",alt:"",width:241,height:321,loading:"lazy"})})}),(0,i.jsxs)("div",{className:"home-works-content__item is-item24",children:[(0,i.jsx)("div",{className:"home-works-content-img is-culture",children:(0,i.jsx)("img",{src:"/images/home/img_works24.webp",alt:"",width:241,height:321,loading:"lazy"})}),(0,i.jsx)("div",{className:"home-works-content-culture",children:(0,i.jsx)(r.P,{href:"/culture/",className:"home-works-content-culture__link",aLabel:"企業理念ページへ",children:(0,i.jsxs)("p",{className:"home-works-content-culture__btn",children:[(0,i.jsx)("span",{className:"home-works-content-culture__btn-arrow"}),(0,i.jsx)("span",{className:"home-works-content-culture__btn-txt u-en u-uppercase",children:"read more"})]})})})]}),(0,i.jsxs)("div",{className:"home-works-content__item is-item29",children:[(0,i.jsx)("div",{className:"home-works-content-img",children:(0,i.jsx)("img",{src:"/images/home/img_works29.webp",alt:"",width:241,height:321,loading:"lazy"})}),(0,i.jsx)("div",{className:"home-works-content-in",children:(0,i.jsx)(r.P,{href:"/works/",className:"home-works-content-in__link",aLabel:"実績紹介ページへ",children:(0,i.jsx)("p",{className:"home-works-content-in__btn",children:(0,i.jsx)("span",{className:"home-works-content-in__btn-txt u-en u-uppercase",children:"index"})})})})]})]})});var b=t(7536),N=t(990);let f=()=>((0,n.useEffect)(()=>{function e(e,s){return Math.round(e*Math.pow(10,s))/Math.pow(10,s)}let s=window.innerWidth,t=window.innerHeight;if(document.querySelectorAll(".js-home-recruit").length>0){let i=document.querySelectorAll(".js-home-recruit [data-recruit-item]"),a=document.querySelector(".js-

1home-recruit"),n=[],c=[],r=[];i.forEach((s,t)=>{if(null===a)return;let i=s.getBoundingClientRect(),l=a.getBoundingClientRect(),m=l.width,o=l.height,h=i.width,d=i.height,u=i.left+h/2,g=i.top-l.top+d/2,p=(2*u-m)/m,_=(2*g-o)/o,x=e((p+_)*10,2);n[t]=e(p,2),c[t]=e(_,2),r[t]=x});let l=l=>{let m=(2*l.clientX-s)/s,o=(2*l.clientY-t)/t,h=e(m,2),d=e(o,2);i.forEach((s,i)=>{if(null===a)return;let l=a.getBoundingClientRect(),m=l.top,o=window.scrollY,u=l.height;if(o>m-t&&o>m-u){let t,a;s.hasAttribute("data-floating-narrow")?(t=h*n[i]/10,a=d*c[i]/10):(t=h-n[i],a=d-c[i]);let l=r[i];t=-1*e(t,2),a=-1*e(a,2),N.p8.to(s,{duration:1,x:`${4*t*l}px`,y:`${4*a*l}px`})}else N.p8.to(s,{duration:1,x:0,y:0})})};return window.addEventListener("mousemove",l),()=>{window.removeEventListener("mousemove",l)}}},[]),(0,i.jsx)("section",{id:"recruit",className:"home-recruit",children:(0,i.jsxs)(b.W,{className:"home-recruit__in",href:"https://recruit.m-hand.co.jp/","aria-label":"リクルートサイトを別タブまたは別ウィンドウで開きます",children:[(0,i.jsxs)("div",{className:"js-home-recruit home-recruit-deco",children:[(0,i.jsx)("div",{className:"home-recruit-deco__item is-item01","data-recruit-item":"01",children:(0,i.jsx)(j.E,{src:"/images/home/txt_recruit_part01.webp",alt:"R",width:106,height:142,loading:!0,aHidden:!0})}),(0,i.jsx)("div",{className:"home-recruit-deco__item is-item02","data-recruit-item":"02",children:(0,i.jsx)(j.E,{src:"/images/home/txt_recruit_part02.webp",alt:"E",width:86,height:142,loading:!0,aHidden:!0})}),(0,i.jsx)("div",{className:"home-recruit-deco__item is-item03","data-recruit-item":"03",children:(0,i.jsx)(j.E,{src:"/images/home/txt_recruit_part03.webp",alt:"C",width:88,height:94,loading:!0,aHidden:!0})}),(0,i.jsx)("div",{className:"home-recruit-deco__item is-item04","data-recruit-item":"04",children:(0,i.jsx)(j.E,{src:"/images/home/txt_recruit_part04.webp",alt:"R",width:108,height:80,loading:!0,aHidden:!0})}),(0,i.jsx)("div",{className:"home-recruit-deco__item is-item05","data-recruit-item":"05",children:(0,i.jsx)(j.E,{src:"/images/home/txt_recruit_part05.webp",alt:"U",width:124,height:144,loading:!0,aHidden:!0})}),(0,i.jsx)("div",{className:"home-recruit-deco__item is-item06","data-recruit-item":"06",children:(0,i.jsx)(j.E,{src:"/images/home/txt_recruit_part06.webp",alt:"I",width:26,height:122,loading:!0,aHidden:!0})}),(0,i.jsx)("div",{className:"home-recruit-deco__item is-item07","data-recruit-item":"07",children:(0,i.jsx)(j.E,{src:"/images/home/txt_recruit_part07.webp",alt:"T",width:106,height:142,loading:!0,aHidden:!0})})]}),(0,i.jsx)("h2",{className:"home-recruit__head u-en u-uppercase",lang:"en",children:"recruit"}),(0,i.jsx)("p",{className:"home-recruit__copy",children:(0,i.jsx)(j.E,{src:"/images/home/txt_recruit01.webp",alt:"エムハンドは、私だ。",width:680,height:70,loading:!0,aHidden:!0})}),(0,i.jsx)(_.w,{className:"home-recruit__btn",aLabel:"エムハンド採用サイトへ",hoverText:"recruit",children:"read more"}),(0,i.jsx)("div",{className:"home-recruit__bg",children:(0,i.jsx)(j.E,{src:"/images/home/bg_recruit01.webp",width:1920,height:640,alt:"",loading:!0})})]})})),k=({seminars:e})=>{let[s,t]=(0,n.useState)("/images/home/bg_noise01.jpg"),a=(0,n.useRef)(null),c=e=>{t(e.currentTarget.dataset.img||"/images/home/bg_noise01.jpg")};return(0,i.jsx)("section",{id:"seminar",className:"home-seminar",children:(0,i.jsxs)("div",{className:"home-seminar__inner",children:[(0,i.jsx)("h2",{className:"js-c-anime-elem home-seminar__head u-en u-uppercase  u-inner","data-anime":"fadein-up",children:"seminar"}),(0,i.jsx)("div",{className:"home-seminar__btn-wrap u-inner",children:(0,i.jsx)(_.w,{href:"/seminar/",className:"home-seminar__btn",aLabel:"セミナーページへ",hoverText:"seminar",children:"read more"})}),(0,i.jsxs)("div",{className:"home-seminar-archive",children:[(0,i.jsx)("ul",{className:"home-seminar-archive__list",children:e.map(e=>(0,i.jsx)("li",{className:"home-seminar-archive__item","data-img":`${e.hoverImage.url}?fm=webp&fit=crop&w=700&h=700`,onMouseEnter:c,children:(0,i.jsxs)(r.P,{href:`/seminar/${e.category.slug}/${e.id}`,className:"home-seminar-archive__item-link",children:[(0,i.jsx)("p",{className:"home-seminar-archive__item-date u-en",children:(0,i.jsx)(u.o,{date:e.publishedAt||e.createdAt})}),(0,i.jsx)("p",{className:"home-seminar-archive__item-cat u-en u-uppercase",children:e.category.slug}),(0,i.jsx)("p",{className:"home-seminar-archive__item-head",children:e.title}),(0,i.jsx)("p",{className:"home-seminar-archive__item-more u-en u-uppercase u-view-upper-tb",children:"read more"})]})},e.id))}),s&&(0,i.jsx)("div",{className:"home-seminar-archive__img u-view-upper-tb",children:(0,i.jsx)("img",{src:s,ref:a,width:700,height:700,alt:"",loading:"lazy"})})]})]})})},E=()=>(0,i.jsx)("section",{id:"public",className:"home-publiclog",children:(0,i.jsxs)("div",{className:"home-publiclog__inner",children:[(0,i.jsx)(r.P,{className:"home-publiclog__in",href:"/publiclog/","aria-label":"PUBLIC LOGページヘ",children:(0,i.jsxs)("div",{className:"home-publiclog__in-area-txt",children:[(0,i.jsx)("p",{className:"home-publiclog__txt u-en u-uppercase",children:"public log"}),(0,i.jsx)(_.w,{hoverText:"public log",className:"home-publiclog__btn",children:"read more"})]})}),(0,i.jsxs)("picture",{className:"home-publiclog__img",children:[(0,i.jsx)("source",{srcSet:"/images/home/img_publiclog01_pc.webp",width:1858,height:298,media:"(min-width: 768px)"}),(0,i.jsx)("img",{src:"/images/home/img_publiclog01_sp.webp",alt:"CREATE THE FUTURE",width:354,height:240,loading:"lazy"})]})]})}),y=(0,n.createContext)(void 0),$=({blogs:e,works:s,topics:t,seminars:a})=>

1{let[r,l]=(0,n.useState)({top:"0",left:"0"}),[m,o]=(0,n.useState)(!1),[u,g]=(0,n.useState)(!1),[w,b]=(0,n.useState)(!1);(0,n.useEffect)(()=>{let e;let s=document.querySelector(".js-cursor"),t=e=>{let s=e.clientX;l({top:e.clientY+"px",left:s+"px"})};document.addEventListener("mousemove",t),(e=!1,null===window.ontouchstart&&navigator.maxTouchPoints>0&&(e=!0),e)?s?.classList.add("is-disabled"):document.addEventListener("mousemove",t);let i=document.querySelectorAll("a, button, [data-works-item]");return i.forEach(e=>{e.addEventListener("mouseenter",N),e.addEventListener("mouseleave",$)}),()=>{document.removeEventListener("mousemove",t),i.forEach(e=>{e.removeEventListener("mouseenter",N),e.removeEventListener("mouseleave",$)})}},[]);let N=e=>{o(!0);let s=e.target.getAttribute("data-cursor");s&&(document.querySelector(".js-cursor")?.setAttribute("data-cursor-img",s),document.querySelector(".js-cursor .l-cursor__img img")?.setAttribute("src",s))},$=()=>{o(!1),document.querySelector(".js-cursor")?.removeAttribute("data-cursor-img")},S=(0,n.useRef)([]);return(0,n.useEffect)(()=>{let e=()=>{let e=window.scrollY;S.current.forEach(s=>{if(s){let t=s.getBoundingClientRect();if(e>t.top+window.scrollY-window.innerHeight){let i=(e-(t.top+window.scrollY))/window.innerHeight*100;s.style.backgroundPositionY=`${10-i}%`,s.style.setProperty("--opacity",`${(e-(t.top+window.scrollY))/window.innerHeight+.5}`)}}})};return window.addEventListener("scroll",e),()=>{window.removeEventListener("scroll",e)}},[]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("div",{className:`js-cursor l-cursor ${m?"is-hover":""}${u?" is-on-link":""}${w?" is-show-txt":""}`,style:r,children:[(0,i.jsx)("p",{className:"l-cursor__txt is-more u-en u-uppercase",children:"read more"}),(0,i.jsx)("p",{className:"l-cursor__txt is-close u-en u-uppercase",children:"close"}),(0,i.jsx)("div",{className:"l-cursor__img",children:(0,i.jsx)(j.E,{src:"/images/home/img_cursor_other.webp",alt:"",width:300,height:300,loading:!0})})]}),(0,i.jsx)(h,{topics:t}),(0,i.jsx)(c.W,{className:"l-contents",children:(0,i.jsxs)("main",{children:[(0,i.jsxs)("section",{id:"message",className:"home-message",children:[(0,i.jsx)("div",{className:"home-message__parallax",ref:e=>{e&&(S.current[0]=e)}}),(0,i.jsx)("div",{className:"home-message__bg",children:(0,i.jsx)("img",{src:"/images/home/bg_message01.webp",width:1920,height:1030,loading:"lazy",alt:""})}),(0,i.jsx)("div",{className:"home-message__inner u-inner is-narrow",children:(0,i.jsxs)("div",{className:"js-c-anime-elem home-message__area-txt","data-amim-parent":!0,children:[(0,i.jsx)("h2",{className:"home-message__head","data-anime":"fadein-up",children:(0,i.jsxs)("span",{className:"home-message__head-main",children:[(0,i.jsx)("svg",{viewBox:"0 0 265 42.6",children:(0,i.jsx)("g",{fill:"#fff",children:(0,i.jsx)("path",{d:"M39 20.5a55.5 55.5 0 0 1-5.6-2.8v3.5h-8.6v5h11.4v5H24.8v5.4h16.5v4.9H2.5v-4.9h16.2v-5.4H7.4v-5h11.3v-5h-8.5V18a55 55 0 0 1-5.7 3.5l-4.5-4C8.4 14.3 15 7.2 18.7 0l6 1.2c.8.2 1 .4 1 .7 0 .1 0 .4-1 .8 2 3.6 8.4 9.5 18.6 13.6ZM21 7.1a45 45 0 0 1-8.4 9.1H31a50.6 50.6 0 0 1-10-9ZM70 12.8a38.3 38.3 0 0 1-.4 5h14.9c.1 6 .2 11-1.2 16.1-1.7 6.3-4.3 8.1-11 8.3l-2.5-5.4a36.2 36.2 0 0 0 3.8.2c1.8 0 3-.4 3.9-2.4s1.6-6.3 1.4-11.9H68.5a31 31 0 0 1-5.7 11.4 29.9 29.9 0 0 1-9.4 7.6l-4.3-4c3.5-1.8 7.8-4 11.3-9.4 3.7-5.9 3.8-11 3.8-15.5H49.3v-5h17.5v-7l6.2.6c.2 0 .9.1.9.5 0 .3-.6.7-1.1 1.1v4.7h17.6v5.1ZM110.9 4c-.6.2-.8.2-.9.4a54.8 54.8 0 0 1-3.3 6.4c.8.1 1.4.2 1.4.7 0 .2-.1.4-.3.5-.6.6-.8.7-.8 1v29.3h-5.4V18.5a34.8 34.8 0 0 1-2.4 2.9l-4.5-3.5A42.6 42.6 0 0 0 104.9.8l5.5 2c.6.2 1 .5 1 .8-.1.4-.3.4-.5.5Zm-2 37.5v-5.2h13.4a113.7 113.7 0 0 0 5.5-21.6l5.6 1c.3 0 1.3.2 1.3.7a.4.4 0 0 1-.2.4 6.2 6.2 0 0 0-1 .5 11.6 11.6 0 0 0-.9 2.8 155.2 155.2 0 0 1-4.3 16.2h10.4v5.2Zm1.6-27.9V8.2h10.2v-7l5.5.2c1 0 1.4.1 1.4.5 0 .3-.2.4-.3.5-.5.3-.8.5-.8.7v5.1H138v5.4Zm4.6 20.3a40.6 40.6 0 0 0-3.6-16l5.6-2.4a50.3 50.3 0 0 1 3.9 17ZM147.3 28.2A28.4 28.4 0 0 1 158 38.6l-5 4a39.7 39.7 0 0 0-9.3-10.7ZM200 39a39.5 39.5 0 0 0-10-5.8c.3 4.7-1.2 7.5-9 7.5-8.8 0-11.5-3.5-11.5-6.8 0-4.2 4.2-7.5 11.3-7.5a26.3 26.3 0 0 1 3.5.2c-.4-11.1-.3-12.4-.3-20.8V2.3l5.8.9c.2 0 1.1.2 1.1.6 0 .2 0 .2-.6.6-.3.2-.5.4-.6.7l-.2 5.9a11.7 11.7 0 0 0 2 0 24 24 0 0 0 9.8-1.6V15a37.4 37.4 0 0 1-8.8 1.2c-1 0-2.2 0-3.2-.2 0 4.1 0 5.7.3 11.8a44.7 44.7 0 0 1 13.4 6.4Zm-19.9-8c-3 0-4.7 1.2-4.7 2.6 0 2 3.6 2.4 5.2 2.4 3.8 0 3.8-2.4 3.8-4.5a25 25 0 0 0-4.3-.4ZM234.7 39.1a17.4 17.4 0 0 1-9.6 3.1 10.7 10.7 0 0 1-7-2.5c-2.3-2-3-4.4-3-16 0-3 .3-17.2.2-20.5l6.4 1c1.1 0 1.6.4 1.6.7 0 .4-.6.8-1.4 1.4-.4 1.3-1.3 14-1.3 19.3 0 2.2 0 6.9.9 8.5a4.6 4.6 0 0 0 4.2 2c2.7 0 9.2-1.6 14-10.9l4.6 4c-2 2.7-4.8 6.8-9.6 10ZM265 35a7.5 7.5 0 0 1-7.4 7.5A7.5 7.5 0 0 1 250 35a7.4 7.4 0 0 1 7.5-7.4A7.4 7.4 0 0 1 265 35Zm-12.6 0a5 5 0 0 0 5.2 5.2 5 5 0 0 0 5-5.2 5.1 5.1 0 0 0-5-5 5.2 5.2 0 0 0-5.2 5Z"})})}),(0,i.jsx)("span",{className:"sr-only",children:"全方位、よし。"})]})}),(0,i.jsxs)("div",{className:"home-message__rows",children:[(0,i.jsx)("span",{className:"home-message__rows-item","data-anime":"fadein-up",children:"わたしがいるからエムハンドがある。"}),(0,i.jsx)("span",{className:"home-message__rows-item","data-anime":"fadein-up",children:"あなたがいるからエムハンドがつづく。"}),(0,i.jsx)("span",{className:"home-message__rows-item","data-anime":"fadein-up",children:"目先の損得だけを追うのではなく、"}),(0,i.jsx)("span",{className:"home-message__rows-item","data-anime":"fadein-up",children:"一人ひとりのエムハンドが全方位への利益を意識する。"}),(0,i.jsx)("span",{className:"home-message__rows-item","data-anime":"fadein-up",children:"互いを尊重し、いつくしむ 「&」の精神をもって、"}),(0,i.jsx)("span",{className:"home-message__rows-item","data-anime":"fadein-up",children:"全方位にわたり「共存共栄」の関係を築いていくこと。"}),(0,i.jsx)("span",{className:"home-message__rows-item","data-anime":"fadein-up",children:"そうして積み重ねてきた「&」は、"}),(0,i.jsx)("span",{className:"home-message__rows-item","data-anime":"fadein-up",children:"共に生きる私たちに新たな希望を引き寄せる。"})]}),(0,i.jsx)("div",{className:"home-message__btn-wrap","data-anime":"fadein-up",children:(0,i.jsx)(_.w,{href:"/about/",className:"home-message__btn is-white",aLabel:"会社概要ページへ",hoverText:"about us",children:"read more"})})]})})]}),(0,i.jsx)(x,{}),(0,i.jsx)(y.Provider,{value:{isOnLink:u,setIsOnLink:g,isOnModal:w,setIsOnModal:b},children:(0,i.jsx)(v,{works:s})}),e&&(0,i.jsx)("section",{id:"blog",className:"home-blog",children:(0,i.jsxs)("div",{className:"home-blog__inner u-inner",children:[(0,i.jsx)("h2",{className:"js-c-anime-elem home-blog__head u-en u-uppercase","data-anime":"fadein-up",children:"blog"}),(0,i.jsx)(_.w,{href:"/blog/",className:"home-blog__btn",aLabel:"ブログページへ",hoverText:"blog",children:"read more"}),(0,i.jsx)("div",{className:"home-blog-archive",children:(0,i.jsx)(p,{blogs:e})})]})}),a&&a.length>0&&(0,i.jsx)(k,{seminars:a}),(0,i.jsx)(E,{}),(0,i.jsx)(f,{}),(0,i.jsx)(d.Cv,{})]})})]})};var S=t(9008),L=t.n(S),T=!0,A=({data:e})=>{let{blogContents:s,worksContents:t,topicsContents:n,seminarContents:c}=e;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.P,{defaultTitle:"東京・

1大阪・京都のホームページ制作・Web制作｜株式会社エムハンド",description:"Webの力で、あるべき未来を創る。エムハンドはマーケティング戦略からプロモーションまで一貫して提供する東京・大阪・京都に拠点を有するホームページ制作・Web制作会社です。Webを軸にした総合的アプローチでクライアントや社会の課題を解決します。",openGraph:{type:"website"}}),(0,i.jsxs)(L(),{children:[(0,i.jsx)("link",{rel:"preload",href:"/images/home/bg_mv01_pc.webp",as:"image",type:"image/webp"}),(0,i.jsx)("link",{rel:"preload",href:"/images/home/bg_mv01_sp.webp",as:"image",type:"image/webp"}),(0,i.jsx)("link",{rel:"preload",href:"/images/home/img_mv01_pc.webp",as:"image",type:"image/webp"}),(0,i.jsx)("link",{rel:"preload",href:"/images/home/img_mv01_sp.webp",as:"image",type:"image/webp"})]}),(0,i.jsx)($,{blogs:s,works:t,topics:n,seminars:c})]})}}},function(e){e.O(0,[8802,4407,990,2888,9774,179],function(){return e(e.s=8312)}),_N_E=e.O()}]);