https://sinap.jp/_next/static/chunks/pages/index-a8e5cdaf286e3a1d.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3332],{72:(e,t,a)=>{"use strict";a.r(t),a.d(t,{__N_SSG:()=>es,default:()=>er});var i=a(7876),s=a(6201),r=a(3593),n=a(6574),o=a(4587),c=a.n(o),l=a(4493),d=a.n(l),m=a(7268);let{className:x,styles:b}={styles:(0,i.jsx)(d(),{id:"e61e1694bccac0d1",children:`@keyframes loop{from{transform:translatex(0%)}to{transform:translatex(-3030px)}}@keyframes loopReverse{from{transform:translatex(-3030px)}to{transform:translatex(0%)}}@keyframes loopSp{from{transform:translatex(0%)}to{transform:translatex(-2280px)}}@keyframes loopReverseSp{from{transform:translatex(-2280px)}to{transform:translatex(0%)}}.mainVisual.jsx-e61e1694bccac0d1{position:relative;overflow:hidden;height:395px}@media print{.mainVisual.jsx-e61e1694bccac0d1{display:none}}.mainVisual__inner.jsx-e61e1694bccac0d1{position:absolute;left:50%;height:100%;width:100%;min-width:calc(3030px);display:flex;flex-direction:column;gap:30px;transform:translate(-50%,-57%)rotate(-15deg);transform-origin:left}@media screen and (max-width:${m.e.SP}){.mainVisual__inner.jsx-e61e1694bccac0d1{min-width:calc(2280px);transform:translate(-50%,-34.5%)rotate(-15deg)}}.mainVisual__list.jsx-e61e1694bccac0d1{display:flex;gap:30px;animation:loop 30s linear infinite}@media screen and (max-width:${m.e.SP}){.mainVisual__list.jsx-e61e1694bccac0d1{animation:loopSp 30s linear infinite}}.mainVisual__list--reverse.jsx-e61e1694bccac0d1{animation:loopReverse 30s linear infinite}@media screen and (max-width:${m.e.SP}){.mainVisual__list--reverse.jsx-e61e1694bccac0d1{animation:loopReverseSp 30s linear infinite}}.mainVisual__item.jsx-e61e1694bccac0d1{width:3000px;flex-shrink:0}@media screen and (max-width:${m.e.SP}){.mainVisual__item.jsx-e61e1694bccac0d1{width:2250px}}.mainVisual__item.jsx-e61e1694bccac0d1 img.jsx-e61e1694bccac0d1{display:block;width:100%}`}),className:"jsx-e61e1694bccac0d1"},g=({className:e})=>(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:`${e?e+" ":""}mainVisual ${x}`,children:(0,i.jsxs)("div",{className:`mainVisual__inner ${x}`,children:[(0,i.jsxs)("ul",{className:`mainVisual__list ${x}`,children:[(0,i.jsx)("li",{className:`mainVisual__item ${x}`,children:(0,i.jsx)(c(),{src:"/image/top/mainvisual/mv-concat01.png",alt:"",width:3750,height:300,priority:!0,loading:"eager",style:{width:"100%",height:"auto",aspectRatio:"3750 / 300",objectFit:"cover"}})}),(0,i.jsx)("li",{className:`mainVisual__item ${x}`,children:(0,i.jsx)(c(),{src:"/image/top/mainvisual/mv-concat01.png",alt:"",width:3750,height:300,priority:!0,loading:"eager",style:{width:"100%",height:"auto",aspectRatio:"3750 / 300",objectFit:"cover"}})})]}),(0,i.jsxs)("ul",{className:`mainVisual__list ${x}`,children:[(0,i.jsx)("li",{className:`mainVisual__item ${x}`,children:(0,i.jsx)(c(),{src:"/image/top/mainvisual/mv-concat02.png",alt:"",width:3750,height:300,priority:!0,loading:"eager",style:{width:"100%",height:"auto",aspectRatio:"3750 / 300",objectFit:"cover"}})}),(0,i.jsx)("li",{className:`mainVisual__item ${x}`,children:(0,i.jsx)(c(),{src:"/image/top/mainvisual/mv-concat02.png",alt:"",width:3750,height:300,priority:!0,loading:"eager",style:{width:"100%",height:"auto",aspectRatio:"3750 / 300",objectFit:"cover"}})})]}),(0,i.jsxs)("ul",{className:`mainVisual__list mainVisual__list--reverse ${x}`,children:[(0,i.jsx)("li",{className:`mainVisual__item ${x}`,children:(0,i.jsx)(c(),{src:"/image/top/mainvisual/mv-concat01.png",alt:"",width:3750,height:300,priority:!0,loading:"eager",style:{width:"100%",height:"auto",aspectRatio:"3750 / 300",objectFit:"cover"}})}),(0,i.jsx)("li",{className:`mainVisual__item ${x}`,children:(0,i.jsx)(c(),{src:"/image/top/mainvisual/mv-concat01.png",alt:"",width:3750,height:300,priority:!0,loading:"eager",style:{width:"100%",height:"auto",aspectRatio:"3750 / 300",objectFit:"cover"}})})]}),(0,i.jsxs)("ul",{className:`mainVisual__list ${x}`,children:[(0,i.jsx)("li",{className:`mainVisual__item ${x}`,children:(0,i.jsx)(c(),{src:"/image/top/mainvisual/mv-concat02.png",alt:"",width:3750,height:300,priority:!0,loading:"eager",style:{width:"100%",height:"auto",aspectRatio:"3750 / 300",objectFit:"cover"}})}),(0,i.jsx)("li",{className:`mainVisual__item ${x}`,children:(0,i.jsx)(c(),{src:"/image/top/mainvisual/mv-concat02.png",alt:"",width:3750,height:300,priority:!0,loading:"eager",style:{width:"100%",height:"auto",aspectRatio:"3750 / 300",objectFit:"cover"}})})]}),(0,i.jsxs)("ul",{className:`mainVisual__list mainVisual__list--reverse ${x}`,children:[(0,i.jsx)("li",{className:`mainVisual__item ${x}`,children:(0,i.jsx)(c(),{src:"/image/top/mainvisual/mv-concat01.png",alt:"",width:3750,height:300,priority:!0,loading:"eager",style:{width:"100%",height:"auto",aspectRatio:"3750 / 300",objectFit:"cover"}})}),(0,i.jsx)("li",{className:`mainVisual__item ${x}`,children:(0,i.jsx)(c(),{src:"/image/top/mainvisual/mv-concat01.png",alt:"",width:3750,height:300,priority:!0,loading:"eager",style:{width:"100%",height:"auto",aspectRatio:"3750 / 300",objectFit:"cover"}})})]})]})}),b]}),h=e=>(0,i.jsx)(g,{...e});var p=a(3357),f=a(1791),_=a(3505);let j=new String(`.columnDate.jsx-36f6012c58f5575{color:${_.x.MAIN_TEXT};line-height:1.6;font-size:16px;font-weight:bold;color:${_.x.SUB_TEXT}}`);j.__hash="36f6012c58f5575";let u=e=>(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:`jsx-${j.__hash} ${e.className?e.className+" ":""}columnDate`,children:e.children}),(0,i.jsx)(d(),{id:j.__hash,children:j})]}),w=e=>(0,i.jsx)(u,{...e,children:e.children});

1var y=a(6525),v=a(6557),I=a.n(v),$=a(7054),N=a(9143),L=a(1092);let{className:S,styles:A}={styles:(0,i.jsx)(d(),{id:"7b551ee045f58f71",children:`.tagline.jsx-7b551ee045f58f71{display:flex;gap:80px;padding:130px 40px 120px;max-width:calc(1270px + 80px);align-items:center}@media screen and (min-width:1360px){.tagline.jsx-7b551ee045f58f71{margin:0 -180px;align-items:end}}@media screen and (max-width:${m.e.TABLET}){.tagline.jsx-7b551ee045f58f71{flex-direction:column;padding:40px 0;gap:${L.E.SMALL}}}.tagline__mainColumn.jsx-7b551ee045f58f71{display:flex;gap:28px;flex-direction:column;width:calc(508/1260*100%)}@media screen and (max-width:${m.e.TABLET}){.tagline__mainColumn.jsx-7b551ee045f58f71{gap:${L.E.SMALL};align-items:center;width:auto;max-width:500px}}@media screen and (max-width:${m.e.SP}){.tagline__mainColumn.jsx-7b551ee045f58f71{width:100%;max-width:none}}.tagline__heading.jsx-7b551ee045f58f71{font-size:34px;font-weight:bold}@media screen and (max-width:${m.e.TABLET}){.tagline__heading.jsx-7b551ee045f58f71{font-size:22px;text-align:center}}.tagline.jsx-7b551ee045f58f71 .tagline__wrapper.jsx-7b551ee045f58f71{position:relative;width:calc(670 / 1260 * 100%);max-width:100%}@media screen and (max-width:${m.e.TABLET}){.tagline.jsx-7b551ee045f58f71 .tagline__wrapper.jsx-7b551ee045f58f71{width:670px}}@media screen and (max-width:${m.e.SP}){.tagline.jsx-7b551ee045f58f71 .tagline__wrapper.jsx-7b551ee045f58f71{width:100%}}.tagline__padding.jsx-7b551ee045f58f71{width:100%;padding-top:calc(300 / 670 * 100%)}.tagline__designs.jsx-7b551ee045f58f71{position:absolute;display:block;top:calc(0 / 300 * 100%);left:calc(0 / 670 * 100%);width:calc(612 / 670 * 100%)}.tagline__t.jsx-7b551ee045f58f71{position:absolute;display:block;top:calc(160 / 300 * 100%);left:calc(0 / 670 * 100%);width:calc(60 / 670 * 100%)}.tagline__line.jsx-7b551ee045f58f71{position:absolute;display:block;top:calc(0 / 300 * 100%);left:calc(0 / 670 * 100%);width:calc(375 / 670 * 100%);transform-origin:bottom left}.tagline__o.jsx-7b551ee045f58f71{position:absolute;display:block;top:calc(210 / 300 * 100%);left:calc(82 / 670 * 100%);width:calc(89 / 670 * 100%)}.tagline__grow.jsx-7b551ee045f58f71{position:absolute;display:block;top:calc(145 / 300 * 100%);left:calc(197 / 670 * 100%);width:calc(450 / 670 * 100%)}.tagline__taglineText.jsx-7b551ee045f58f71{position:absolute;display:block;top:calc(154 / 300 * 100%);left:calc(445 / 670 * 100%);width:calc(204 / 670 * 100%)}.tagline__text.jsx-7b551ee045f58f71{line-height:1.8}@media screen and (max-width:${m.e.TABLET}){.tagline__text.jsx-7b551ee045f58f71{font-size:15px}}`}),className:"jsx-7b551ee045f58f71"},E=e=>{let t=(0,N.zh)({delay:1400,from:{transform:"translateY(10px)",opacity:"0"},to:{transform:"translateY(0px)",opacity:"1"},config:{duration:500}}),a=(0,N.zh)({delay:2200,from:{transform:"translateY(-5px)",opacity:"0"},to:{transform:"translateY(0px)",opacity:"1"},config:{duration:150}}),r=(0,N.zh)({delay:2320,from:{transform:"scale(0)",opacity:"0"},to:{transform:"scale(1)",opacity:"1"},config:{duration:150}}),n=(0,N.zh)({delay:2440,from:{transform:"translateY(5px)",opacity:"0"},to:{transform:"translateY(0px)",opacity:"1"},config:{duration:150}}),o=(0,N.zh)({delay:2680,from:{transform:"translateY(5px)",opacity:"0"},to:{transform:"translateY(0px)",opacity:"1"},config:{duration:450}}),c=(0,N.zh)({delay:3820,from:{opacity:"0"},to:{opacity:"1"},config:{duration:1500}}),l=(0,N.zh)({delay:4360,from:{opacity:"0"},to:{opacity:"1"},config:{duration:1200}});return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("div",{className:`${e.className?e.className+" ":""}tagline ${S}`,children:[(0,i.jsxs)("div",{className:`tagline__wrapper ${S}`,children:[(0,i.jsx)("div",{className:`tagline__padding ${S}`}),(0,i.jsx)(N.CS.img,{src:"/image/top/tagline/designs.png",alt:"Designs",className:`tagline__designs ${S}`,style:t}),(0,i.jsx)(N.CS.img,{src:"/image/top/tagline/t.png",alt:"t",className:`tagline__t ${S}`,style:a}),(0,i.jsx)(N.CS.img,{src:"/image/top/tagline/line.png",alt:"",className:`tagline__line ${S}`,style:r}),(0,i.jsx)(N.CS.img,{src:"/image/top/tagline/o.png",alt:"o",className:`tagline__o ${S}`,style:n}),(0,i.jsx)(N.CS.img,{src:"/image/top/tagline/grow.png",alt:"Grow",className:`tagline__grow ${S}`,style:o}),(0,i.jsx)(N.CS.img,{src:"/image/top/tagline/text.png",alt:"UX Design, Growth, Production, Strategy, Start-up",className:`tagline__taglineText ${S}`,style:c}

1)]}),(0,i.jsxs)(N.CS.div,{className:`tagline__mainColumn ${S}`,style:l,children:[(0,i.jsx)("div",{className:`tagline__heading ${S}`,children:"成長をデザインする"}),(0,i.jsx)("div",{className:`tagline__text ${S}`,children:"私たちシナップは、クライアントのビジネスと顧客を深く理解し、インターネットとつながるユーザー接点すべてをデザインすることで、ビジネスの継続的な発展を作り出すことを得意としています。"}),(0,i.jsx)(s.$,{style:"primary",href:"/features",rightIcon:"arrow",inversion:!0,children:"シナップの特長を見る"})]})]}),A]})},k=e=>(0,i.jsx)(E,{...e}),{className:R,styles:H}={styles:(0,i.jsx)(d(),{id:"47efcf07eeaba1e2",children:`.informationList.jsx-47efcf07eeaba1e2{background:#fafafa;display:flex;flex-direction:column;align-items:center;padding:${L.E.SMALL} ${L.E.XSMALL}}`}),className:"jsx-47efcf07eeaba1e2"},T=e=>(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:`${e.className?e.className+" ":""}informationList ${R}`,children:e.children}),H]}),C=e=>(0,i.jsx)(T,{...e});var B=a(9497),D=a(3993),P=a(9741),Y=a(534);let M=new String(`.newsListItems.jsx-2297eeb1cfb7a37e{display:flex;flex-direction:column;align-items:center;margin-top:${L.E.SMALL}}`);M.__hash="2297eeb1cfb7a37e";let F=e=>(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("div",{className:`jsx-${M.__hash} ${e.className?e.className+" ":""}newsList`,children:[e.heading,(0,i.jsx)("div",{className:`jsx-${M.__hash} newsListItems`,children:e.dateList}),(0,i.jsx)("div",{className:`jsx-${M.__hash} newsList__more`,children:(0,i.jsx)(D.Y,{href:"/news/",justify:"end",className:"u-margin-top-small",children:"ニュース一覧を見る"})})]}),(0,i.jsx)(d(),{id:M.__hash,children:M})]}),O=e=>(0,i.jsx)(F,{...e});var z=a(6551),U=a(625),W=a(4232);class V{constructor(e){if(this.ready=()=>{if(!this.targetEl||this.targetEl.classList.contains("ready"))return;this.targetEl.classList.add("ready");let e=this.makeLetterRows();e&&(this.targetEl.innerHTML="",this.makeHtmlEls(e))},this.animate=()=>{if(!this.targetEl)return;let e=[{transform:"translateY(1.1em)"},{transform:"translateY(0)"}],t={fill:"forwards",duration:1e3,easing:"cubic-bezier(.65,.02,.23,1)"};this.targetEl.style.overflow="hidden",this.targetEl.querySelectorAll("span").forEach((a,i)=>{setTimeout(()=>{a.classList.add("animate"),a.classList.add("letter"),a.animate(e,t)},15*i)})},this.makeLetterRows=()=>{if(this.targetEl)return this.targetEl.innerHTML.split("<br>").map(e=>e.split(""))},this.makeLetterSpans=e=>e.map(e=>`<span>${" "==e?"&nbsp;":e}</span>`),this.makeHtmlEls=e=>{e.map(e=>this.makeLetterSpans(e)).forEach(e=>{if(!this.targetEl)return;let t=document.createElement("div");t.classList.add("row"),e.forEach(e=>{t.insertAdjacentHTML("beforeend",e)}),t.querySelectorAll("span").forEach(e=>{e.style.display="inline-block",e.style.transform="translateY(1.1em)"}),this.targetEl.insertAdjacentElement("beforeend",t)})},!e)return;this.targetEl=e}}var G=a(3021),q=a(8230),K=a.n(q);let{className:X,styles:J}={styles:(0,i.jsx)(d(),{id:"bbb06b45b5fa2292",children:`.topServiceItem.jsx-bbb06b45b5fa2292{border:1px solid ${_.x.BORDER};border-radius:10px;padding:15px;display:flex;align-items:center;flex-direction:column;justify-content:space-between;gap:0;text-decoration:none;height:100%;cursor:pointer}@media screen and (max-width:${m.e.SP}){.topServiceItem.jsx-bbb06b45b5fa2292{padding:10px 5px}}.topServiceItem.jsx-bbb06b45b5fa2292 .textWithArrow.jsx-bbb06b45b5fa2292{margin-top:auto;display:flex;align-items:center;gap:8px;font-weight:bold;color:${_.x.PRIMARY}}.topServiceItem.jsx-bbb06b45b5fa2292 .textWithArrow.jsx-bbb06b45b5fa2292 .textWithArrow__arrow.jsx-bbb06b45b5fa2292{position:relative;display:block;width:22px;height:22px;border:solid 2px ${_.x.PRIMARY};border-radius:11px;background-color:${_.x.PRIMARY};transition:background-color 250ms,transform 350ms}.topServiceItem.jsx-bbb06b45b5fa2292 .textWithArrow.jsx-bbb06b45b5fa2292 .textWithArrow__arrow.jsx-bbb06b45b5fa2292.jsx-bbb06b45b5fa2292::before{content:"";position:absolute;left:4px;top:50%;width:8px;height:8px;border-bottom:solid 2px ${_.x.BASE_BACKGROUND};border-right:solid 2px ${_.x.BASE_BACKGROUND};transform:translatey(-50%)rotate(-45deg)}.topServiceItem.jsx-bbb06b45b5fa2292.jsx-bbb06b45b5fa2292:hover{}.topServiceItem.jsx-bbb06b45b5fa2292.jsx-bbb06b45b5fa2292:hover .textWithArrow.jsx-bbb06b45b5fa2292{}.topServiceItem.jsx-bbb06b45b5fa2292.jsx-bbb06b45b5fa2292:hover .textWithArrow.jsx-bbb06b45b5fa2292 .textWithArrow__arrow.jsx-bbb06b45b5fa2292{border-color:${_.x.PRIMARY};background:${_.x.BASE_BACKGROUND};transform:scale(1.1)}.topServiceItem.jsx-bbb06b45b5fa2292.jsx-bbb06b45b5fa2292:hover .textWithArrow.jsx-bbb06b45b5fa2292 .textWithArrow__arrow.jsx-bbb06b45b5fa2292.jsx-bbb06b45b5fa2292::before{border-color:${_.x.PRIMARY}}.topServiceItem__title.jsx-bbb06b45b5fa2292{margin:15px 0;font-size:20px;font-weight:bold;line-height:1.5}@media screen and (max-width:${m.e.SP}){.topServiceItem__title.jsx-bbb06b45b5fa2292{font-size:18px}}.topServiceItem__contents.jsx-bbb06b45b5fa2292{font-size:15px;line-height:26px;text-align:center;margin-bottom:20px}@media screen and (max-width:${m.e.SP}){.topServiceItem__contents.jsx-bbb06b45b5fa2292{font-size:13px}}`}),className:"jsx-bbb06b45b5fa2292"},Q=e=>(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(K(),{href:e.href,className:`${e.className?e.className+" ":""}topServiceItem ${X}`,children:[(0,i.jsx)("div",{className:`topServiceItem__image ${X}`,children:(0,i.jsx)(c(),{src:e.src,width:80,height:80,alt:""})}),(0,i.jsx)("div",{className:`topServiceItem__title ${X}`,children:e.title}),(0,i.jsx)("div",{className:`topServiceItem__contents ${X}`,children:e.contents.map((e,t)=>(0,i.jsx)("p",{className:`topServiceItem__text ${X}`,children:e},t))}),(0,i.jsxs)("div",{className:`textWithArrow ${X}`,children:["詳細を見る",(0,i.jsx)("div",{className:`textWithArrow__arrow ${X}`})]})]}),J]}),Z=e=>(0,i.jsx)(Q,{...e}),{className:ee,styles:et}={styles:(0,i.jsx)(d(),{id:"5a238724db763b12",children:`.topServiceColumn.jsx-5a238724db763b12{display:flex;justify-content:space-between;gap:15px}@media screen and (max-width:${m.e.TABLET}){.topServiceColumn.jsx-5a238724db763b12{flex-wrap:wrap}}.topServiceColumn__item.jsx-5a238724db763b12{width:calc((100% - (15px*4))/5)}@media screen and (max-width:${m.e.TABLET}){.topServiceColumn__item.jsx-5a238724db763b12{width:calc((100% - 15px)/2)}}`}),className:"jsx-5a238724db763b12"},ea=e=>(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:`${e.className?e.className+" ":""}topServiceColumn ${ee}`,children:e.items.map((e,t)=>(0,i.jsx)("div",{className:`topServiceColumn__item ${ee}`,children:e},t))}),et]}),ei=e=>(0,i.jsx)(ea,{...e});var es=!0;function er(e){return((e,t,a)=>{let o,l,d,m=(o=e.map(e=>({category:"Blog",date:I()(e.publishedAt).format("YYYY.MM.DD"),detail:e.title,href:"/blog/"+e.id}

1)),l=a.map(e=>({category:"News",date:I()(e.publishedAt).format("YYYY.MM.DD"),detail:e.title,href:"/news/"+e.id})),(d=o.concat(l).sort((e,t)=>e.date<t.date?1:-1)).length=2,{entries:e.map(e=>(0,i.jsx)(i.Fragment,{children:(0,i.jsx)(y.E,{coverLink:{href:`/blog/${e.id}`,isBottomIcon:!0},image:{src:e.mainImage.url,alt:"",width:222.5,height:148.3,style:{width:"100%",height:"auto",objectFit:"cover",aspectRatio:"3/2"}},contents:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.D,{mainHeadingSize:"small2",tag:"h3",className:"u-margin-top-xsmall",children:e.title}),(0,i.jsx)(w,{className:"u-margin-top-xsmall",children:I()(e.publishedAt).format("YYYY.MM.DD")})]})})})),works:t.map(e=>(0,i.jsx)(i.Fragment,{children:(0,i.jsx)(y.E,{coverLink:{href:`/works/${e.id}`,textWithArrow:"詳細を見る"},image:{src:e.mainImage.url,alt:"",width:300,height:200,style:{width:"100%",height:"auto",objectFit:"cover",aspectRatio:"3/2"}},contents:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.D,{mainHeadingSize:"small2",className:"u-margin-top-xsmall",children:e.title}),e.client&&(0,i.jsx)(r.D,{mainHeadingSize:"small3",className:"u-margin-top-xxsmall",mainHeadingColor:"sub",children:e.client}),(0,i.jsx)(f.t,{categories:e.scope||[],className:"u-margin-top-xxsmall",color:"sub"})]})})})),news:a.map(e=>({date:I()(e.publishedAt).format("YYYY.MM.DD"),detail:e.title,href:"/news/"+e.id})),headLine:d}),x={divisions:4,items:m.entries,className:"u-margin-top-small"},[b,g]=(0,U.Wx)({triggerOnce:!0}),[_,j]=(0,U.Wx)({triggerOnce:!0}),[u,v]=(0,U.Wx)({triggerOnce:!0}),[N,L]=(0,U.Wx)({triggerOnce:!0}),[S,A]=(0,U.Wx)({triggerOnce:!0}),[E,R]=(0,U.Wx)({triggerOnce:!0}),[H,T]=(0,U.Wx)({triggerOnce:!0}),[M,F]=(0,U.Wx)({triggerOnce:!0});return(0,W.useEffect)(()=>{(()=>{let e=document.getElementById("serviceHeading");if(!e)return;let t=e.querySelector(".categoryHeading__heading");if(!t)return;let a=e.querySelector(".categoryHeading__subHeading");if(!a)return;let i=new V(t),s=new V(a);i.ready(),s.ready()})();let e=document.getElementById("worksHeading");if(!e)return;let t=e.querySelector(".categoryHeading__heading");if(!t)return;let a=e.querySelector(".categoryHeading__subHeading");if(!a)return;let i=new V(t),s=new V(a);i.ready(),s.ready();let r=document.getElementById("blogHeading");if(!r)return;let n=r.querySelector(".categoryHeading__heading");if(!n)return;let o=r.querySelector(".categoryHeading__subHeading");if(!o)return;let c=new V(n),l=new V(o);c.ready(),l.ready();let d=document.getElementById("newsHeading");if(!d)return;let m=d.querySelector(".categoryHeading__heading");if(!m)return;let x=d.querySelector(".categoryHeading__subHeading");if(!x)return;let b=new V(m),g=new V(x);b.ready(),g.ready()},[]),(0,W.useEffect)(()=>{let e=document.getElementById("serviceHeading");if(!e)return;let t=e.querySelector(".categoryHeading__heading");if(!t)return;let a=e.querySelector(".categoryHeading__subHeading");if(!a)return;let i=new V(t),s=new V(a);j&&(i.animate(),s.animate())},[j]),(0,W.useEffect)(()=>{let e=document.getElementById("worksHeading");if(!e)return;let t=e.querySelector(".categoryHeading__heading");if(!t)return;let a=e.querySelector(".categoryHeading__subHeading");if(!a)return;let i=new V(t),s=new V(a);v&&(i.animate(),s.animate())},[v]),(0,W.useEffect)(()=>{let e=document.getElementById("blogHeading");if(!e)return;let t=e.querySelector(".categoryHeading__heading");if(!t)return;let a=e.querySelector(".categoryHeading__subHeading");if(!a)return;let i=new V(t),s=new V(a);A&&(i.animate(),s.animate())},[A]),(0,W.useEffect)(()=>{let e=document.getElementById("newsHeading");if(!e)return;let t=e.querySelector(".categoryHeading__heading");if(!t)return;let a=e.querySelector(".categoryHeading__subHeading");if(!a)return;let i=new V(t),s=new V(a);T&&(i.animate(),s.animate())},[T]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)($.U,{title:"SINAP｜株式会社シナップ - Designs to Grow",type:"site",description:"私たちシナップは、クライアントのビジネスと顧客を深く理解し、インターネットとつながるユーザー接点すべてをデザインすることで、ビジネスの継続的な発展を作り出すことを得意としています。"}),(0,i.jsxs)(p.P,{children:[(0,i.jsx)(k,{}),(0,i.jsx)(h,{className:"u-pc-full-width u-sp-full-width"}),(0,i.jsx)(C,{className:"u-pc-full-width u-sp-full-width",children:(0,i.jsx)(G.t,{className:"animate",dateLists:m.headLine,ref:b,isShow:g})}),(0,i.jsx)(B.t,{heading:"Service",subHeading:"サービス",className:"u-margin-top-large animate",ref:_,id:"serviceHeading"}),(0,i.jsx)(ei,{className:"u-margin-top-small",items:[(0,i.jsx)(Z,{title:"UXデザイン",contents:["UXリサーチ","デザインスプリント","UXライティング","UXDチーム導入支援"],src:"/image/top/service-ux_design.svg",href:"/service/ux-design"},0),(0,i.jsx)(Z,{title:"Web戦略",contents:["Webガバナンス","ブランディング","PM・PMO支援"],src:"/image/top/service-strategy.svg",href:"/service/strategy"},1),(0,i.jsx)(Z,{title:"制作・開発",contents:["サイト制作","CMS導入支援","Jamstackアプリ開発","サイト高速化"],src:"/image/top/service-develop.svg",href:"/service/production"}

1,2),(0,i.jsx)(Z,{title:"運用・グロース",contents:["ABテスト運用代行","テスト内製化支援","アクセス解析","サイト診断"],src:"/image/top/service-growth.svg",href:"/service/growth"},3),(0,i.jsx)(Z,{title:"新規事業開発",contents:["市場・競合調査","ビジネスプランニング","事業成功のご支援"],src:"/image/top/service-startup.svg",href:"/service/start-up"},4)]}),(0,i.jsxs)(P.d,{image:(0,i.jsx)(c(),{src:"/image/top/service-ab_test_pro.png",width:262,height:192,layout:"responsive",style:{height:"auto",width:"100%",aspectRatio:"262/192",objectFit:"cover"},alt:"「ABテスト運用支援PRO」のページがスマートフォンに表示されている"}),className:"u-margin-top-medium",children:[(0,i.jsx)(r.D,{mainHeadingSize:"small",children:"ABテスト運用支援PRO"}),(0,i.jsx)(Y.T,{fontSizeName:"text-16",className:"u-margin-top-xsmall",children:(0,i.jsx)(i.Fragment,{children:(0,i.jsxs)("p",{children:["年間500本以上のABテスト施策を運用しているプロがWebサイトのCVR改善につながる勝率の高い運用方法から内製化まで完全サポートします。",(0,i.jsx)("br",{}),"なかなかCVRが上がらないなどの課題を抱えている方は是非一度ご相談ください。"]})})}),(0,i.jsx)(D.Y,{href:"https://sinap.jp/lp/ab/",className:"u-margin-top-xsmall",children:"詳細を見る"})]}),(0,i.jsxs)(P.d,{image:(0,i.jsx)(c(),{src:"/image/top/service-heuristic.png",width:262,height:192,layout:"responsive",style:{height:"auto",width:"100%",aspectRatio:"262/192",objectFit:"cover"},alt:"「ヒューリスティック調査（分析）診断・改善サービス」のページがスマートフォンに表示されている"}),isRepeat:!0,children:[(0,i.jsx)(r.D,{mainHeadingSize:"small",children:"ヒューリスティック調査（分析）診断・改善サービス"}),(0,i.jsx)(Y.T,{fontSizeName:"text-16",className:"u-margin-top-xsmall",children:(0,i.jsx)(i.Fragment,{children:(0,i.jsx)("p",{children:"UXデザインの豊富な経験と実績を持つ専門家がUIやデザインの課題の発見と適切な改善方法をご提案。サイトやサービスの改善につなげます。"})})}),(0,i.jsx)(D.Y,{href:"https://sinap.jp/lp/heuristic/",className:"u-margin-top-xsmall",children:"詳細を見る"})]}),(0,i.jsxs)(P.d,{image:(0,i.jsx)(c(),{src:"/image/top/service-uxreserch.png",width:262,height:192,layout:"responsive",style:{height:"auto",width:"100%",aspectRatio:"262/192",objectFit:"cover"},alt:"「UXリサーチ サイト改善プラン」のページがスマートフォンに表示されている"}),isRepeat:!0,children:[(0,i.jsx)(r.D,{mainHeadingSize:"small",children:"UXリサーチ サイト改善プラン"}),(0,i.jsx)(Y.T,{fontSizeName:"text-16",className:"u-margin-top-xsmall",children:(0,i.jsx)(i.Fragment,{children:(0,i.jsxs)("p",{children:["UXãƒ

1‡ã‚¶ã‚¤ãƒ³ã®æ‰‹æ³•ã‚’用いてユーザーとビジネスを深く理解し、それぞれの視点で考えることでビジネスやサービスの成長を実現します。",(0,i.jsx)("br",{}),"豊富な経験と実績に基づき、目的に合わせた調査プランをご提案いたします。"]})})}),(0,i.jsx)(D.Y,{href:"https://sinap.jp/lp/ux-research/",className:"u-margin-top-xsmall",children:"詳細を見る"})]}),(0,i.jsx)(s.$,{style:"primary",href:"/service",className:"u-block-centering u-margin-top-medium",inversion:!0,rightIcon:"arrow",children:"サービスを見る"}),(0,i.jsx)(B.t,{heading:"Works",subHeading:"実績紹介",className:"u-margin-top-large",ref:u,id:"worksHeading"}),(0,i.jsx)(n.V,{className:"u-margin-top-small animate",divisions:3,items:m.works,ref:N,isShow:L}),(0,i.jsx)(s.$,{style:"primary",href:"/works",className:"u-block-centering u-margin-top-small",inversion:!0,rightIcon:"arrow",children:"実績紹介を見る"}),(0,i.jsx)(B.t,{heading:"Blog",subHeading:"ブログ",className:"u-margin-top-large",ref:S,id:"blogHeading"}),(0,i.jsx)(n.V,{...x,gap:"small2",className:"u-margin-top-small animate",ref:E,isShow:R}),(0,i.jsx)(s.$,{style:"primary",href:"/blog",className:"u-block-centering u-margin-top-small",inversion:!0,rightIcon:"arrow",children:"ブログを見る"}),(0,i.jsx)(z.S,{className:"u-pc-full-width u-sp-full-width u-margin-top-large",children:(0,i.jsx)(O,{heading:(0,i.jsx)(B.t,{heading:"News",subHeading:"お知らせ",ref:H,id:"newsHeading"}),dateList:(0,i.jsx)(G.t,{className:"animate",dateLists:m.news,ref:M,isShow:F})})})]})]})})(e.blogEntries,e.works,e.news)}},1791:(e,t,a)=>{"use strict";a.d(t,{t:()=>l});var i=a(7876),s=a(4493),r=a.n(s),n=a(3505);let o=new String(`.worksCategories__list.jsx-faa0ff5c87307c47{display:flex;margin:0;padding:0;list-style:none;flex-wrap:wrap;gap:10px 15px}.worksCategories__listItem.jsx-faa0ff5c87307c47{font-size:14px;list-style:none;position:relative}.worksCategories__listItem.jsx-faa0ff5c87307c47::before{content:"";display:block;height:14px;width:0;border-right:1px solid ${n.x.DIVISION};position:absolute;right:-8px;top:0;bottom:0;margin:auto}.worksCategories__listItem.jsx-faa0ff5c87307c47:last-child{}.worksCategories__listItem.jsx-faa0ff5c87307c47:last-child.jsx-faa0ff5c87307c47::before{border:0}.worksCategories--subColor.jsx-faa0ff5c87307c47 .worksCategories__listItem.jsx-faa0ff5c87307c47{color:${n.x.SUB_TEXT3}}`);o.__hash="faa0ff5c87307c47";let c=({className:e,categories:t,color:a="main"})=>(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:`jsx-${o.__hash} ${e?e+" ":""}worksCategories worksCategories--${a}Color`,children:(0,i.jsx)("ul",{className:`jsx-${o.__hash} worksCategories__list`,children:t.map((e,t)=>(0,i.jsx)("li",{className:`jsx-${o.__hash} worksCategories__listItem`,children:e},t))})}),(0,i.jsx)(r(),{id:o.__hash,children:o})]}),l=e=>(0,i.jsx)(c,{...e})},2013:(e,t,a)=>{"use strict";a.d(t,{H:()=>i});let i={URL:"https://sinap.jp",DEFAULT_TITLE:"SINAP",ROOT_TITLE:"SINAP｜株式会社シナップ - Designs to Grow",DEFAULT_DESCRIPTION:"このウェブサイトはシナップデザインシステムを使って作成しています",DEFAULT_KEYWORD:"SINAP",DEFAULT_IMAGE:"https://sinap.jp/image.png",FAVICON:"https://sinap.jp/favicon.ico",TOUCH_ICON:"https://sinap.jp/favicon.ico",TWITTER_ID:"@sinap",TWITTER_CARD_TYPE:"summary_large_image",FACEBOOK_APP_ID:"685844111433895"}},3021:(e,t,a)=>{"use strict";a.d(t,{t:()=>h});var i=a(7876),s=a(8230),r=a.n(s),n=a(4232),o=a(4493),c=a.n(o),l=a(3505),d=a(7268),m=a(1092),x=a(4833);let{className:b,styles:g}={styles:(0,i.jsx)(c(),{id:"69beb0784bc42193",children:`.dateList.jsx-69beb0784bc42193{display:flex;flex-direction:column;align-items:center}.dateListItem.jsx-69beb0784bc42193{position:relative;max-width:${x.V.PAGE};width:100%}.dateListItem.jsx-69beb0784bc42193.jsx-69beb0784bc42193::before{content:"";position:absolute;bottom:0;width:100%;height:1px;background-color:${l.x.BORDER}}.dateListItem__category.jsx-69beb0784bc42193{padding-right:${m.E.SMALL};flex-shrink:0;color:${l.x.PRIMARY};font-weight:bold;font-size:16px;line-height:2}.dateListItem__date.jsx-69beb0784bc42193{padding-right:${m.E.SMALL};font-weight:bold;flex-shrink:0;font-size:16px;line-height:2}.dateListItem__detail.jsx-69beb0784bc42193{position:relative;font-size:16px;line-height:2;flex-grow:1;padding-right:30px}.dateListItem__anchor.jsx-69beb0784bc42193{position:relative;display:flex;align-items:flex-start;text-decoration:none;cursor:pointer;padding-bottom:${m.E.XSMALL}}.dateListItem__anchor.jsx-69beb0784bc42193:hover{}.dateListItem__anchor.jsx-69beb0784bc42193:hover .dateListItem__arrow.jsx-69beb0784bc42193{background-color:${l.x.BASE_BACKGROUND};transform:scale(1.1)}.dateListItem__anchor.jsx-69beb0784bc42193:hover .dateListItem__arrow.jsx-69beb0784bc42193.jsx-69beb0784bc42193::before{border-color:${l.x.PRIMARY}}.dateListItem.jsx-69beb0784bc42193:last-child{}.dateListItem.jsx-69beb0784bc42193:last-child .dateListItem__anchor.jsx-69beb0784bc42193{padding-bottom:0}.dateListItem.jsx-69beb0784bc42193:last-child.jsx-69beb0784bc42193::before{display:none}.dateListItem__arrow.jsx-69beb0784bc42193{display:flex;justify-content:center;align-items:center;position:absolute;right:0;top:9px;width:18px;height:18px;border:solid 2px ${l.x.PRIMARY};border-radius:11px;background:${l.x.PRIMARY};order:3;transition:background-color 250ms,transform 350ms}@media screen and (max-width:${d.e.SP}){.dateListItem__arrow.jsx-69beb0784bc42193{width:22px;height:22px;border-radius:14px;top:50%;transform:translatey(-50%)}}.dateListItem__arrow--before.jsx-69beb0784bc42193{order:1}.dateListItem__arrow.jsx-69beb0784bc42193::before{content:"";position:absolute;width:7px;height:7px;top:50%;left:50%;border:0;border-top:2px;border-right:2px;border-color:${l.x.BASE_BACKGROUND};border-style:solid;transform:translate(-50%,-50%)translatex(-1px)rotate(45deg)}@media screen and (max-width:${d.e.SP}){.dateListItem__anchor.jsx-69beb0784bc42193{flex-wrap:wrap}.dateListItem__category.jsx-69beb0784bc42193{font-size:15px;width:50px}.dateListItem__date.jsx-69beb0784bc42193{font-size:15px;width:100;width:calc(100% - 50px)}.dateListItem__detail.jsx-69beb0784bc42193{font-size:15px;width:100%}}.dateListItem.jsx-69beb0784bc42193+.dateListItem.jsx-69beb0784bc42193 .dateListItem__anchor.jsx-69beb0784bc42193{padding-top:20px}.animate.jsx-69beb0784bc42193 .dateListItem.jsx-69beb0784bc42193{op

1acity:0;transition:opacity 600ms cubic-bezier(.5,1,.89,1)100ms,transform 600ms cubic-bezier(.5,1,.89,1)100ms;transform:translatey(40px)}.animate.jsx-69beb0784bc42193 .dateListItem.jsx-69beb0784bc42193.jsx-69beb0784bc42193:nth-child(2){transition-delay:225ms}.animate.jsx-69beb0784bc42193 .dateListItem.jsx-69beb0784bc42193.jsx-69beb0784bc42193:nth-child(3){transition-delay:350ms}.animate.jsx-69beb0784bc42193 .dateListItem.jsx-69beb0784bc42193.jsx-69beb0784bc42193:nth-child(4){transition-delay:475ms}.animate.jsx-69beb0784bc42193 .dateListItem.jsx-69beb0784bc42193.jsx-69beb0784bc42193:nth-child(5){transition-delay:600ms}.isShow.jsx-69beb0784bc42193 .dateListItem.jsx-69beb0784bc42193{opacity:1;transform:translatey(0)}`}),className:"jsx-69beb0784bc42193"},h=(0,n.forwardRef)(function(e,t){return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:`${e.className?e.className+" ":""}dateList${e.isShow?" isShow":""} ${b}`,ref:t,children:e.dateLists.map((e,t)=>(0,i.jsx)("div",{className:`dateListItem ${b}`,children:(0,i.jsxs)(r(),{href:e.href,className:`dateListItem__anchor ${b}`,children:[e.category&&(0,i.jsx)("div",{className:`dateListItem__category ${b}`,children:e.category}),(0,i.jsx)("div",{className:`dateListItem__date ${b}`,children:e.date}),(0,i.jsxs)("div",{className:`dateListItem__detail ${b}`,children:[e.detail,(0,i.jsx)("div",{className:`dateListItem__arrow ${b}`})]})]})},t))}),g]})})},6525:(e,t,a)=>{"use strict";a.d(t,{E:()=>h});var i=a(7876),s=a(4587),r=a.n(s),n=a(8230),o=a.n(n),c=a(4493),l=a.n(c),d=a(3505),m=a(1092);let{className:x,styles:b}={styles:(0,i.jsx)(l(),{id:"773cae7bd9ccf816",children:`.columnItem__topLine.jsx-773cae7bd9ccf816{display:block;width:100%;height:1px;background-color:${d.x.DIVISION};margin-bottom:${m.E.SMALL}}.columnItem__image.jsx-773cae7bd9ccf816{position:relative;display:block;overflow:hidden}.columnItem__hoverImage.jsx-773cae7bd9ccf816{transition:transform 350ms cubic-bezier(.5,1,.89,1)}.columnItem__imageLinkIcon.jsx-773cae7bd9ccf816{position:absolute;right:0;bottom:0;background-color:${d.x.PRIMARY};width:40px;height:40px;border:solid 2px ${d.x.PRIMARY};border-radius:20px;z-index:2;transition:background-color 300ms}.columnItem__imageLinkIcon.jsx-773cae7bd9ccf816.jsx-773cae7bd9ccf816::before{content:"";position:absolute;left:9px;top:12px;width:14px;height:14px;border-bottom:solid 3px ${d.x.BASE_BACKGROUND};border-right:solid 3px ${d.x.BASE_BACKGROUND};transform:rotate(-45deg)}.columnItem__iconBackground.jsx-773cae7bd9ccf816{position:absolute;bottom:-43px;right:-43px;background:${d.x.BASE_BACKGROUND};width:80px;height:80px;z-index:1;transform:rotate(45deg)}.columnItem__coverLink.jsx-773cae7bd9ccf816{text-decoration:none;position:relative;display:block}.columnItem__coverLink.jsx-773cae7bd9ccf816:hover .columnItem__hoverImage.jsx-773cae7bd9ccf816{transform:scale(1.07)}.columnItem__coverLink.jsx-773cae7bd9ccf816:hover .columnItem__bottomLinkIcon.jsx-773cae7bd9ccf816{background-color:${d.x.BASE_BACKGROUND};border-color:${d.x.PRIMARY};transform:scale(1.1)}.columnItem__coverLink.jsx-773cae7bd9ccf816:hover .columnItem__bottomLinkIcon.jsx-773cae7bd9ccf816::before{border-color:${d.x.PRIMARY}}.columnItem__coverLink.jsx-773cae7bd9ccf816:hover .columnItem__imageLinkIcon.jsx-773cae7bd9ccf816{background-color:${d.x.BASE_BACKGROUND};border-color:${d.x.PRIMARY}}.columnItem__coverLink.jsx-773cae7bd9ccf816:hover .columnItem__imageLinkIcon.jsx-773cae7bd9ccf816::before{border-color:${d.x.PRIMARY}}.columnItem__coverLink.jsx-773cae7bd9ccf816:hover .textWithArrow__arrow.jsx-773cae7bd9ccf816{border-color:${d.x.PRIMARY};background:${d.x.BASE_BACKGROUND};transform:scale(1.1)}.columnItem__coverLink.jsx-773cae7bd9ccf816:hover .textWithArrow__arrow.jsx-773cae7bd9ccf816::before{border-color:${d.x.PRIMARY}}.columnItem__bottomLinkIcon.jsx-773cae7bd9ccf816{display:block;position:absolute;bottom:0;right:0;width:22px;height:22px;border:solid 2px ${d.x.PRIMARY};border-radius:11px;background-color:${d.x.PRIMARY};transition:background-color 250ms,transform 350ms}.columnItem__bottomLinkIcon.jsx-773cae7bd9ccf816.jsx-773cae7bd9ccf816::before{content:"";position:absolute;

1left:4px;top:50%;width:8px;height:8px;border-bottom:solid 2px ${d.x.BASE_BACKGROUND};border-right:solid 2px ${d.x.BASE_BACKGROUND};transform:translatey(-50%)rotate(-45deg)}.textWithArrow.jsx-773cae7bd9ccf816{display:flex;font-weight:bold;align-items:center;justify-content:end;color:${d.x.PRIMARY};gap:10px}.textWithArrow__arrow.jsx-773cae7bd9ccf816{position:relative;background:${d.x.PRIMARY};width:22px;height:22px;border:solid 2px ${d.x.PRIMARY};border-radius:11px;box-sizing:border-box;transition:background-color 250ms,transform 350ms}.textWithArrow__arrow.jsx-773cae7bd9ccf816.jsx-773cae7bd9ccf816::before{content:"";position:absolute;left:4px;top:5px;width:8px;height:8px;border:0;border-top:2px;border-right:2px;border-color:${d.x.BASE_BACKGROUND};border-style:solid;transform:rotate(45deg)}`}),className:"jsx-773cae7bd9ccf816"},g=e=>(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:`${e.className?e.className+" ":""}columnItem ${x}`,children:e.coverLink?(0,i.jsx)(i.Fragment,{children:(0,i.jsxs)(o(),{href:e.coverLink.href,className:`columnItem__coverLink ${x}`,target:e.coverLink.isExternal?"_blank":"",rel:e.coverLink.isExternal?"noopener noreferrer":"",children:[e.topLine&&(0,i.jsx)("i",{className:`columnItem__topLine ${x}`}),e.image&&(0,i.jsxs)("div",{className:`columnItem__image ${x}`,children:[(0,i.jsx)("div",{className:`columnItem__hoverImage ${x}`,children:(0,i.jsx)(r(),{...e.image})}),e.isImageArrow&&(0,i.jsx)("i",{className:`columnItem__imageLinkIcon ${x}`}),e.isImageArrow&&(0,i.jsx)("div",{className:`columnItem__iconBackground ${x}`})]}),e.contents,e.coverLink.isBottomIcon&&(0,i.jsx)("i",{className:`columnItem__bottomLinkIcon ${x}`}),e.coverLink.textWithArrow?(0,i.jsxs)("div",{className:`textWithArrow u-margin-top-xsmall ${x}`,children:[e.coverLink.textWithArrow,(0,i.jsx)("div",{className:`textWithArrow__arrow ${x}`})]}):""]})}):(0,i.jsxs)(i.Fragment,{children:[e.topLine&&(0,i.jsx)("i",{className:`columnItem__topLine ${x}`}),e.image&&(0,i.jsx)("div",{className:`columnItem__image ${x}`,children:(0,i.jsx)(r(),{...e.image})}),e.contents]})}),b]}),h=e=>(0,i.jsx)(g,{...e})},6551:(e,t,a)=>{"use strict";a.d(t,{S:()=>d});var i=a(7876),s=a(4493),r=a.n(s),n=a(3505),o=a(1092);let c=new String(`.backgroundSection.jsx-4d91890357b2d6be{background:${n.x.COMMON_BACKGROUND};padding:${o.E.MEDIUM} 0}.backgroundSection__more.jsx-4d91890357b2d6be{display:flex;justify-content:end}.backgroundSection__inner.jsx-4d91890357b2d6be{max-width:980px;margin:0 auto;padding:0 20px;box-sizing:border-box}`);c.__hash="4d91890357b2d6be";let l=e=>(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:`jsx-${c.__hash} ${e.className?e.className+" ":""}backgroundSection`,children:(0,i.jsx)("div",{className:`jsx-${c.__hash} backgroundSection__inner`,children:e.children})}),(0,i.jsx)(r(),{id:c.__hash,children:c})]}),d=e=>(0,i.jsx)(l,{...e})},6760:(e,t,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/",function(){return a(72)}])},7054:(e,t,a)=>{"use strict";a.d(t,{U:()=>l});var i=a(7876);a(4232);var s=a(7328),r=a.n(s),n=a(2013),o=a(9099);let c=({title:e=n.H.DEFAULT_TITLE,isCustomTitle:t=!1,description:a=n.H.DEFAULT_DESCRIPTION,keyword:s=n.H.DEFAULT_KEYWORD,image:c=n.H.DEFAULT_IMAGE,type:l})=>{let d=(0,o.useRouter)(),m=n.H.URL+d.asPath,x=t?e:"/"==d.pathname?n.H.ROOT_TITLE:n.H.DEFAULT_TITLE+" | "+e;return(0,i.jsxs)(r(),{children:[(0,i.jsx)("title",{children:x}),(0,i.jsx)("meta",{property:"og:title",content:x}),(0,i.jsx)("meta",{property:"og:description",content:a}),(0,i.jsx)("meta",{name:"keywords",content:s}),(0,i.jsx)("meta",{name:"description",content:a}),(0,i.jsx)("meta",{property:"og:type",content:l}),(0,i.jsx)("meta",{property:"og:url",content:m}),(0,i.jsx)("meta",{property:"og:image",content:c}),(0,i.jsx)("meta",{property:"og:site_name",content:n.H.DEFAULT_TITLE}),(0,i.jsx)("meta",{property:"fb:app_id",content:"685844111433895"}),(0,i.jsx)("meta",{name:"twitter:card",content:n.H.TWITTER_CARD_TYPE}),(0,i.jsx)("meta",{name:"twitter:site",content:n.H.TWITTER_ID}),(0,i.jsx)("meta",{name:"twitter:url",content:c}),(0,i.jsx)("meta",{name:"twitter:title",content:x}),(0,i.jsx)("meta",{name:"twitter:description",content:a}),(0,i.jsx)("meta",{name:"twitter:image",content:c}),(0,i.jsx)("link",{rel:"canonical",href:m}),(0,i.jsx)("link",{rel:"shortcut icon",href:n.H.FAVICON}),(0,i.jsx)("link",{rel:"apple-touch-icon",href:n.H.TOUCH_ICON})]})},l=e=>(0,i.jsx)(c,{...e})},9497:(e,t,a)=>{"use strict";a.d(t,{t:()=>x});var i=a(7876),s=a(4232),r=a(4173),n=a(4493),o=a.n(n),c=a(7268),l=a(1092);let{className:d,styles:m}={styles:(0,i.jsx)(o(),{id:"aa45be9f8addd4af",children:`.categoryHeading.jsx-aa45be9f8addd4af{display:flex;justify-content:space-between;align-items:baseline}

1@media screen and (max-width:${c.e.TABLET}){.categoryHeading.jsx-aa45be9f8addd4af{flex-direction:column;gap:${l.E.SMALL}}}.categoryHeading__heading.jsx-aa45be9f8addd4af{font-size:68px;font-family:"EB Garamond",serif;padding-bottom:12px}@media screen and (max-width:${c.e.SP}){.categoryHeading__heading.jsx-aa45be9f8addd4af{font-size:60px}}.categoryHeading__headingWrapper.jsx-aa45be9f8addd4af{display:flex;align-items:baseline}@media screen and (max-width:${c.e.SP}){.categoryHeading__headingWrapper.jsx-aa45be9f8addd4af{flex-direction:column}}.categoryHeading__subHeading.jsx-aa45be9f8addd4af{font-size:18px;font-weight:bold;margin-left:15px}@media screen and (max-width:${c.e.SP}){.categoryHeading__subHeading.jsx-aa45be9f8addd4af{font-size:20px;margin-left:0;margin-top:10px}}.categoryHeading__description.jsx-aa45be9f8addd4af{font-weight:bold;padding-bottom:12px}@media screen and (max-width:${c.e.SP}){.categoryHeading__description.jsx-aa45be9f8addd4af{display:none}}.categoryHeading--justifyLeft.jsx-aa45be9f8addd4af{justify-content:start;gap:${l.E.MEDIUM}}.categoryHeading.animate.jsx-aa45be9f8addd4af{}.categoryHeading.animate.jsx-aa45be9f8addd4af .categoryHeading__heading.jsx-aa45be9f8addd4af{overflow:hidden}.categoryHeading.animate.jsx-aa45be9f8addd4af .letter.jsx-aa45be9f8addd4af{transform:translatey(-1em)}.vertical.jsx-aa45be9f8addd4af{flex-direction:column;gap:10px 0}.vertical.jsx-aa45be9f8addd4af .categoryHeading__subHeading.jsx-aa45be9f8addd4af{margin-left:0}`}),className:"jsx-aa45be9f8addd4af"},x=(0,s.forwardRef)(function(e,t){let{className:a,heading:s,subHeading:n,description:o,isShow:c,id:l,isVertical:x}=e;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("h2",{className:`${a?a+" ":""}categoryHeading${n?"":" categoryHeading--justifyLeft"}${c?" isShow":""} ${d}`,ref:t,id:l||"",children:[(0,i.jsxs)("div",{className:`categoryHeading__headingWrapper${!0==x?" vertical":""} ${d}`,children:[(0,i.jsx)("div",{className:`categoryHeading__heading ${d}`,children:s}),n&&(0,i.jsx)("div",{className:`categoryHeading__subHeading ${d}`,children:n})]}),o&&(0,i.jsx)(r.j,{headingSize:"small2",circleSize:"small",children:o})]}),m]})})}},e=>{e.O(0,[7866,8379,4278,3357,8988,636,6593,8792],()=>e(e.s=6760)),_N_E=e.O()}]);