"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9980],{9980:function(n,t,e){e.d(t,{B:function(){return rn}});var i=e(5944),o=e(5211),r=e(7221),l=e(8893),a=e(7885),c=e(917),s=e(1664),d=e.n(s),f=e(7294),u=e(6529);e(4801);function m(n,t){return t||(t=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(t)}}))}function p(){var n=m(["\n padding-bottom: 35px;\n .custom-dot-list {\n bottom: 0;\n .react-multi-carousel-dot {\n button {\n border: none;\n background: #d6d6d6;\n width: 6px;\n height: 6px;\n margin-right: 12px;\n }\n }\n .react-multi-carousel-dot--active {\n button {\n background: ",";\n }\n }\n }\n"]);return p=function(){return n},n}function v(){var n=m(["\n display: flex;\n flex-direction: row;\n width: 85%;\n position: relative;\n\n "," {\n margin: 0 auto;\n width: 73%;\n }\n\n @media (any-hover: hover) {\n &:hover {\n .memberImage {\n transform: translateX(-50%) translateY(-50%) scale(1.05) translateZ(0);\n }\n\n .memberName {\n color: ",";\n transform: translateX(10%) translateY(-50%);\n }\n }\n }\n"]);return v=function(){return n},n}function g(){var n=m(["\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n margin-left: -10%;\n z-index: 1;\n width: 30%;\n white-space: break-spaces;\n line-height: 1.05;\n font-family: ",";\n font-weight: 600;\n font-size: ",";\n transition: color 0.5s cubic-bezier(0.93, 0, 0.1, 1),\n transform 0.7s cubic-bezier(0.93, 0, 0.1, 1);\n display: block;\n cursor: pointer;\n\n "," {\n margin-left: -22%;\n font-size: ",";\n }\n\n "," {\n font-size: ",";\n }\n"]);return g=function(){return n},n}function h(){var n=m(["\n position: relative;\n width: 100%;\n overflow: hidden;\n\n "," {\n }\n\n // \u753b\u50cf\n .memberImage {\n position: absolute;\n height: 100%;\n width: 100%;\n object-fit: cover;\n top: 50%;\n left: 50%;\n transform: translateX(-50%) translateY(-50%) scale(1) translateZ(0);\n overflow: hidden;\n transition: transform 0.6s ",';\n will-change: transform;\n transform-origin: center;\n z-index: -1;\n }\n\n // \u753b\u50cf\u306e\u6bd4\u7387\u3092before\u3067\u8abf\u6574\n &::before {\n content: "";\n display: block;\n padding-top: 60%;\n\n '," {\n padding-top: 42%;\n }\n }\n"]);return h=function(){return n},n}var Z={desktop:{breakpoint:{max:3e3,min:1024},items:1,slidesToSlide:1},tablet:{breakpoint:{max:1024,min:464},items:1,slidesToSlide:1},mobile:{breakpoint:{max:464,min:0},items:1,slidesToSlide:1}},x=function(n){var t=n.members,e=(0,f.useState)(!1),o=e[0],r=e[1],l=function(n){o&&n.preventDefault()};return(0,i.tZ)("section",{children:(0,i.tZ)(u.default,{responsive:Z,css:b,arrows:!1,infinite:!0,autoPlay:!0,autoPlaySpeed:3500,showDots:!0,dotListClass:"custom-dot-list",customTransition:"all 0.8s cubic-bezier(0.93, 0, 0.1, 1)",centerMode:!0,draggable:!0,beforeChange:function(){return r(!0)},afterChange:function(){return r(!1)},children:null===t||void 0===t?void 0:t.map((function(n){var t,e,o,r,a,c,s,f,u,m,p;return(0,i.tZ)(d(),{href:"/member/".concat(null===n||void 0===n||null===(t=n.node)||void 0===t?void 0:t.slug),passHref:!0,children:(0,i.BX)("a",{css:z,draggable:"false",onClick:l,children:[(0,i.tZ)("h2",{className:"memberName",css:y,children:null===n||void 0===n||null===(e=n.node)||void 0===e?void 0:e.englishName}),(0,i.tZ)("div",{css:S,className:"memberImageWrap",children:(0,i.tZ)("img",{srcSet:null===n||void 0===n||null===(o=n.node)||void 0===o||null===(r=o.profilePhotoRect)||void 0===r?void 0:r.srcSet,src:null===n||void 0===n||null===(a=n.node)||void 0===a||null===(c=a.profilePhotoRect)||void 0===c?void 0:c.mediaItemUrl,alt:(null===n||void 0===n||null===(s=n.node)||void 0===s||null===(f=s.profilePhotoRect)||void 0===f?void 0:f.altText)?null===(u=n.profilePhotoRect)||void 0===u?void 0:u.altText:null===n||void 0===n||null===(m=n.node)||void 0===m?void 0:m.slug,className:"memberImage"})})]})},null===n||void 0===n||null===(p=n.node)||void 0===p?void 0:p.slug)}))})})},b=(0,c.iv)(p(),r.Z.PrimaryGold),z=(0,c.iv)(v(),(0,o.Z)("md"),r.Z.PrimaryGold),y=(0,c.iv)(g(),l.Z.neccoFontFamilyEn,l.Z.fontSizeL1,(0,o.Z)("md"),l.Z.fontSizeL5,(0,o.Z)("xl"),l.Z.fontSizeL6),S=(0,c.iv)(h(),(0,o.Z)("lg"),a.Z.neccoTransition,(0,o.Z)("lg")),w=e(7301),k=e(9912),N=e(9521),L=e(6546),P=e(7556);function T(n,t){return t||(t=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(t)}}))}function B(){var n=T(["\n margin-bottom: 160px;\n "," {\n margin-bottom: 434px;\n }\n"]);return B=function(){return n},n}function F(){var n=T(["\n font-size: ",";\n font-family: ",";\n font-weight: 600;\n text-align: center;\n"]);return F=function(){return n},n}function X(){var n=T(["\n width: 80%;\n margin: 40px auto 0;\n\n "," {\n width: 90%;\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 80px;\n }\n\n "," {\n max-width: 1490px;\n /* padding: 0 96px; */\n }\n\n "," {\n padding: 0;\n }\n"]);return X=function(){return n},n}function j(){var n=T(["\n &:not(:first-of-type) {\n margin-top: 40px;\n }\n\n "," {\n width: 100%;\n\n &:not(:first-of-type) {\n margin-top: 0;\n }\n\n .title {\n line-height: 1.4;\n\n a {\n font-size: ",";\n }\n }\n }\n\n "," {\n }\n\n "," {\n }\n"]);return j=function(){return n},n}function M(n){var t=n.recentPosts;return(0,i.tZ)(i.HY,{children:t&&(0,i.tZ)(i.HY,{children:0!==t.edges.length&&(0,i.BX)("div",{css:R,children:[(0,i.tZ)("h2",{css:E,children:"My Note"}),(0,i.tZ)("div",{css:I,children:null===t||void 0===t?void 0:t.edges.map((function(n){return(0,i.tZ)(P.S,{_css:O,post:n.node},n.node.databaseId)}))})]})})})}function _(n){var t=n.recentPosts;return(0,i.tZ)(M,{recentPosts:t})}var R=(0,c.iv)(B(),(0,o.Z)("lg")),E=(0,c.iv)(F(),l.Z.fontSizeL6,l.Z.neccoFontFamilyEn),I=(0,c.iv)(X(),(0,o.Z)("md"),(0,o.Z)("lg"),(0,o.Z)("xxl")),O=(0,c.iv)(j(),(0,o.Z)("md"),l.Z.fontSizeM,(0,o.Z)("lg"),(0,o.Z)("xxl"));function H(n,t){return t||(t=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(t)}}))}function Y(){var n=H(["\n display: flex;\n flex-direction: column;\n"]);return Y=function(){return n},n}function C(){var n=H(["\n position: relative;\n width: 89%;\n height: 0;\n padding-top: calc((195 / 375) * 100%);\n order: 1;\n "," {\n padding-top: calc((584 / 1372) * 100%);\n /* width: 80; */\n }\n "," {\n /* padding-top: calc((584 / 1372) * 100%); */\n width: 76.2%;\n }\n"]);return C=function(){return n},n}function U(){var n=H(["\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n object-fit: cover;\n"]);return U=function(){return n},n}function G(){var n=H(["\n order: 2;\n "," {\n }\n"]);return G=function(){return n},n}function D(){var n=H(["\n display: flex;\n flex-direction: column;\n margin-top: 28px;\n gap: 12px;\n "," {\n gap: 0;\n margin-top: 114px;\n }\n"]);return D=function(){return n},n}function J(){var n=H(["\n font-family: ",";\n font-weight: 600;\n font-size: ",";\n line-height: 1;\n "," {\n font-size: 6rem;\n line-height: 1.4;\n }\n"]);return J=function(){return n},n}function W(){var n=H(["\n /* font-family: ","; */\n font-size: ",";\n line-height: 1;\n "," {\n font-size: ",";\n margin-top: -4px;\n }\n"]);return W=function(){return n},n}function q(){var n=H(["\n color: transparent;\n -webkit-text-stroke: 0.4px ",";\n font-family: ",";\n font-size: 3rem;\n line-height: 65%;\n position: absolute;\n writing-mode: vertical-rl;\n white-space: nowrap;\n top: 96px;\n right: 6.5%;\n z-index: 1;\n "," {\n display: block;\n font-size: ",";\n top: ",";\n right: ",";\n }\n "," {\n top: 208px;\n right: 8.6%;\n /* text-stroke: 0.6px ","; */\n /* -webkit-text-stroke: 1px ","; */\n }\n "," {\n font-size: ",";\n top: 208px;\n right: 19.5%;\n -webkit-text-stroke: 1px ",";\n -webkit-text-stroke: 0.4px ",";\n }\n"]);return q=function(){return n},n}function A(){var n=H(["\n color: ",";\n font-family: ",";\n font-size: ",";\n margin-top: ",";\n "," {\n margin-top: ",";\n font-size: ",";\n }\n"]);return A=function(){return n},n}function K(){var n=H(["\n display: flex;\n flex-direction: row;\n align-items: baseline;\n margin-top: 8px;\n "," {\n margin-top: 16px;\n }\n"]);return K=function(){return n},n}function Q(){var n=H(["\n & + & {\n margin-left: 16px;\n }\n .svg-fill {\n transition: 0.4s ",";\n }\n &:hover {\n .svg-fill {\n fill: ",";\n }\n }\n"]);return Q=function(){return n},n}function V(){var n=H(["\n max-width: 1136px;\n margin: 0 auto;\n"]);return V=function(){return n},n}function $(){var n=H(["\n color: ",";\n font-family: ",";\n font-size: ",";\n line-height: 1;\n "," {\n font-size: ",";\n }\n"]);return $=function(){return n},n}function nn(){var n=H(["\n "," {\n }\n &:first-of-type {\n margin-top: ",";\n "," {\n margin-top: ",";\n }\n }\n &:last-of-type {\n margin-bottom: ",";\n "," {\n margin-bottom: 185px;\n }\n }\n & + & {\n margin-top: 120px;\n }\n"]);return nn=function(){return n},n}function tn(){var n=H(["\n font-size: ",";\n font-family: ",";\n font-weight: 600;\n margin-bottom: ",";\n line-height: 1.53;\n "," {\n margin-bottom: ",";\n margin-top: 64px;\n font-size: ",";\n }\n &:first-of-type {\n margin-top: ",";\n "," {\n margin-top: ",";\n }\n }\n & + & {\n margin-top: 80px;\n "," {\n margin-top: 120px;\n }\n }\n"]);return tn=function(){return n},n}function en(){var n=H(["\n p {\n font-size: ",";\n line-height: 1.8;\n text-align: justify;\n "," {\n font-size: ",";\n line-height: 2;\n }\n }\n"]);return en=function(){return n},n}function on(){var n=H(["\n padding-bottom: 64px;\n\n "," {\n padding-bottom: 80px;\n }\n\n "," {\n padding-bottom: 112px;\n }\n"]);return on=function(){return n},n}function rn(n){var t,e,o=n.member,r=n.members,l=n.recentPosts;return(0,f.useEffect)((function(){}),[]),(0,i.BX)(i.HY,{children:[(0,i.BX)("header",{className:"",css:ln,children:[(0,i.tZ)("div",{className:"container mx-auto px-6 md:px-0",css:[hn,sn],children:(0,i.tZ)("div",{className:"grid grid-cols-12 gap-4",children:(0,i.BX)("div",{className:"col-start-1 col-span-12 md:col-start-2 md:col-span-11 lg:col-start-2 lg:col-span-11",children:[(0,i.BX)("h1",{css:dn,children:[(0,i.tZ)("span",{className:"",css:fn,children:null===o||void 0===o?void 0:o.englishName}),(0,i.tZ)("span",{className:"",css:un,children:null===o||void 0===o?void 0:o.name})]}),(0,i.tZ)("p",{className:"",css:mn,children:null===o||void 0===o?void 0:o.role}),(0,i.tZ)("p",{className:"",css:pn,children:null===o||void 0===o?void 0:o.feature}),(0,i.BX)("div",{className:"snsBlock",css:vn,children:[(null===o||void 0===o?void 0:o.twitterURL)&&(0,i.tZ)("a",{href:null===o||void 0===o?void 0:o.twitterURL,className:"",target:"_blank",css:gn,rel:"noreferrer","aria-label":"Twitter",children:(0,i.tZ)(k.t,{size:22})}),(null===o||void 0===o?void 0:o.facebookURL)&&(0,i.tZ)("a",{href:null===o||void 0===o?void 0:o.facebookURL,className:"",target:"_blank",css:gn,rel:"noreferrer","aria-label":"Facebook",children:(0,i.tZ)(w.s,{})})]})]})})}),(0,i.tZ)("div",{css:an,children:(0,i.tZ)("img",{css:cn,src:null===o||void 0===o||null===(t=o.profilePhotoRect)||void 0===t?void 0:t.mediaItemUrl,alt:null===o||void 0===o||null===(e=o.profilePhotoRect)||void 0===e?void 0:e.altText})})]}),(0,i.tZ)("div",{className:"container mx-auto px-6 md:px-0",children:(0,i.tZ)("div",{className:"grid grid-cols-12 gap-4",css:hn,children:(0,i.BX)("div",{className:"col-start-1 col-span-10 md:col-start-3 md:col-span-8 lg:col-start-4 lg:col-span-7 xl:col-start-4 xl:col-span-6",children:[(0,i.BX)("section",{className:"",css:xn,children:[(0,i.tZ)("h2",{className:"profileTextHeading",css:Zn,children:"Profile"}),(0,i.tZ)("p",{className:"profileLede",css:bn,children:null===o||void 0===o?void 0:o.profileTitle}),(0,i.tZ)("div",{dangerouslySetInnerHTML:{__html:null===o||void 0===o?void 0:o.profileText},css:zn})]}),(0,i.BX)("section",{className:"",css:xn,children:[(0,i.tZ)("h2",{className:"profileTextHeading",css:Zn,children:"My necco"}),(0,i.tZ)("p",{className:"profileLede",css:bn,children:null===o||void 0===o?void 0:o.myNeccoTitle}),(0,i.tZ)("div",{dangerouslySetInnerHTML:{__html:null===o||void 0===o?void 0:o.myNecco},css:zn})]})]})})}),(0,i.tZ)(_,{recentPosts:l}),(0,i.tZ)("div",{css:yn,children:r&&(0,i.tZ)(x,{members:r})})]})}N.gsap.registerPlugin(L.ScrollTrigger);var ln=(0,c.iv)(Y()),an=(0,c.iv)(C(),(0,o.Z)("lg"),(0,o.Z)("xl")),cn=(0,c.iv)(U()),sn=(0,c.iv)(G(),(0,o.Z)("lg")),dn=(0,c.iv)(D(),(0,o.Z)("lg")),fn=(0,c.iv)(J(),l.Z.neccoFontFamilyEn,l.Z.fontSizeL5,(0,o.Z)("lg")),un=(0,c.iv)(W(),l.Z.neccoFontFamilyJp,l.Z.fontSizeS1,(0,o.Z)("lg"),l.Z.fontSizeM),mn=(0,c.iv)(q(),r.Z.Black,l.Z.neccoFontFamilyEn,(0,o.Z)("sm"),l.Z.fontSizeL6,l.Z.fontSizeL7,l.Z.fontSizeL6,(0,o.Z)("md"),r.Z.Black,r.Z.Black,(0,o.Z)("xl"),l.Z.fontSizeL7,r.Z.Black,r.Z.Black),pn=(0,c.iv)(A(),r.Z.PrimaryGold,l.Z.neccoFontFamilyEn,l.Z.fontSizeS1,l.Z.fontSizeL2,(0,o.Z)("lg"),l.Z.fontSizeL4,l.Z.fontSizeM),vn=(0,c.iv)(K(),(0,o.Z)("lg")),gn=(0,c.iv)(Q(),a.Z.neccoTransition,r.Z.PrimaryGold),hn=(0,c.iv)(V()),Zn=(0,c.iv)($(),r.Z.GrayScale5,l.Z.neccoFontFamilyEn,l.Z.fontSizeL1,(0,o.Z)("md"),l.Z.fontSizeL2),xn=(0,c.iv)(nn(),(0,o.Z)("lg"),l.Z.fontSizeL5,(0,o.Z)("lg"),l.Z.fontSizeL4,l.Z.fontSizeL7,(0,o.Z)("lg")),bn=(0,c.iv)(tn(),l.Z.fontSizeL1,l.Z.neccoFontFamilyJp,l.Z.fontSizeM,(0,o.Z)("lg"),l.Z.fontSizeL4,l.Z.fontSizeL3,l.Z.fontSizeM,(0,o.Z)("lg"),l.Z.fontSizeL4,(0,o.Z)("lg")),zn=(0,c.iv)(en(),l.Z.fontSizeS1,(0,o.Z)("lg"),l.Z.fontSizeM),yn=(0,c.iv)(on(),(0,o.Z)("md"),(0,o.Z)("lg"))}}]);