"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"))}}]);