https://www.dascorp.co.jp/_next/static/chunks/pages/recruit/compan…RecruitCompanyAccordion-0e8f89f56e8bcc81.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[307],{1373:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/recruit/company/RecruitCompanyAccordion",function(){return n(3860)}])},8995:function(e,t,n){"use strict";n.d(t,{P:function(){return i}});var r=n(7294);let i=()=>(function(e){let[t,n]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{let r=window.matchMedia(e);r.matches!==t&&n(r.matches);let i=()=>{n(r.matches)};return r.addListener(i),()=>r.removeListener(i)},[t,e]),t})("(min-width: 767px)")},3860:function(e,t,n){"use strict";n.r(t);var r=n(5893),i=n(7342),o=n(5820),s=n(7294),l=n(8995),a=n(5016),c=n.n(a);let u=e=>{let{title:t,children:n}=e,[a,u]=(0,s.useState)(!1),d=(0,l.P)();return(0,r.jsx)(i.E.div,{className:"relative ".concat(c().extend," ").concat(a?c().extendHover:""),children:(0,r.jsxs)(o.M,{children:[(0,r.jsxs)("button",{w:"full",text:"start 13px md:14px",color:"blackBright",outline:"none",font:"shuei",p:"y-17px md:y-29px md:l-15px",className:"flex items-center justify-between",onClick:()=>u(!a),children:[t,(0,r.jsxs)("relative",{className:"block",w:"26px md:15px",h:"26px md:15px",mr:"10px md:54px",children:[(0,r.jsx)("absolute",{w:"13px md:15px",h:"1px",bg:"black",top:"50%",left:"50%",translate:"-50%",display:"block"}),(0,r.jsx)(i.E.div,{className:"absolute bottom-0 left-0 right-0 top-0 m-auto",w:"13px md:15px",h:"1px",bg:"black",display:"block",initial:"closed",animate:a?"open":"closed",variants:{closed:{rotate:90,transition:{duration:.5}},open:{rotate:0,transition:{duration:.5}}}})]})]}),(0,r.jsx)("div",{p:"b-1px",children:(0,r.jsx)(i.E.div,{initial:"closed",animate:a?"open":"closed",variants:{closed:{height:0,marginBottom:0,transition:{duration:.5}},open:{height:"auto",marginBottom:d?29:17,transition:{duration:.5}}},text:"13px md:14px blackBright",font:"shuei",overflow:"hidden",p:"md:x-15px",children:n},"answer")})]})})};t.default=u},5016:function(e){e.exports={extend:"style_extend__5vjKp",extendHover:"style_extendHover__c1ZiX"}},5820:function(e,t,n){"use strict";n.d(t,{M:function(){return E}});var r=n(7294),i=n(9304),o=n(4735),s=n(8868);function l(){let e=(0,r.useRef)(!1);return(0,s.L)(()=>(e.current=!0,()=>{e.current=!1}),[]),e}var a=n(240),c=n(6681);class u extends r.Component{getSnapshotBeforeUpdate(e){let t=this.props.childRef.current;if(t&&e.isPresent&&!this.props.isPresent){let n=this.props.sizeRef.current;n.height=t.offsetHeight||0,n.width=t.offsetWidth||0,n.top=t.offsetTop,n.left=t.offsetLeft}return null}componentDidUpdate(){}render(){return this.props.children}}function d({children:e,isPresent:t}){let n=(0,r.useId)(),i=(0,r.useRef)(null),o=(0,r.useRef)({width:0,height:0,top:0,left:0});return(0,r.useInsertionEffect)(()=>{let{width:e,height:r,top:s,left:l}=o.current;if(t||!i.current||!e||!r)return;i.current.dataset.motionPopId=n;let a=document.createElement("style");return document.head.appendChild(a),a.sheet&&a.sheet.insertRule(`
2          [data-motion-pop-id="${n}"] {
3            position: absolute !important;
4            width: ${e}px !important;
5            height: ${r}px !important;
6            top: ${s}px !important;
7            left: ${l}px !important;
8          }
9        `),()=>{document.head.removeChild(a)}},[t]),r.createElement(u,{isPresent:t,childRef:i,sizeRef:o},r.cloneElement(e,{ref:i}))}let p=({children:e,initial:t,isPresent:n,onExitComplete:i,custom:o,presenceAffectsLayout:s,mode:l})=>{let u=(0,c.h)(f),p=(0,r.useId)(),m=(0,r.useMemo)(()=>({id:p,initial:t,isPresent:n,custom:o,onExitComplete(e){for(let t of(u.set(e,!0),u.values())

9)if(!t)return;i&&i()},register:e=>(u.set(e,!1),()=>u.delete(e))}),s?void 0:[n]);return(0,r.useMemo)(()=>{u.forEach((e,t)=>u.set(t,!1))},[n]),r.useEffect(()=>{n||u.size||!i||i()},[n]),"popLayout"===l&&(e=r.createElement(d,{isPresent:n},e)),r.createElement(a.O.Provider,{value:m},e)};function f(){return new Map}var m=n(5364),h=n(5411),x=n(6034);let w=e=>e.key||"",E=({children:e,custom:t,initial:n=!0,onExitComplete:a,exitBeforeEnter:c,presenceAffectsLayout:u=!0,mode:d="sync"})=>{c&&(d="wait",(0,x.O)(!1,"Replace exitBeforeEnter with mode='wait'"));let[f]=function(){let e=l(),[t,n]=(0,r.useState)(0),i=(0,r.useCallback)(()=>{e.current&&n(t+1)},[t]),s=(0,r.useCallback)(()=>o.ZP.postRender(i),[i]);return[s,t]}(),E=(0,r.useContext)(m.p).forceRender;E&&(f=E);let v=l(),b=function(e){let t=[];return r.Children.forEach(e,e=>{(0,r.isValidElement)(e)&&t.push(e)}),t}(e),g=b,y=new Set,k=(0,r.useRef)(g),_=(0,r.useRef)(new Map).current,P=(0,r.useRef)(!0);if((0,s.L)(()=>{P.current=!1,function(e,t){e.forEach(e=>{let n=w(e);t.set(n,e)})}(b,_),k.current=g}),(0,h.z)(()=>{P.current=!0,_.clear(),y.clear()}),P.current)return r.createElement(r.Fragment,null,g.map(e=>r.createElement(p,{key:w(e),isPresent:!0,initial:!!n&&void 0,presenceAffectsLayout:u,mode:d},e)));g=[...g];let R=k.current.map(w),C=b.map(w),j=R.length;for(let L=0;L<j;L++){let N=R[L];-1===C.indexOf(N)&&y.add(N)}return"wait"===d&&y.size&&(g=[]),y.forEach(e=>{if(-1!==C.indexOf(e))return;let n=_.get(e);if(!n)return;let i=R.indexOf(e),o=()=>{_.delete(e),y.delete(e);let t=k.current.findIndex(t=>t.key===e);if(k.current.splice(t,1),!y.size){if(k.current=b,!1===v.current)return;f(),a&&a()}};g.splice(i,0,r.createElement(p,{key:w(n),isPresent:!1,onExitComplete:o,custom:t,presenceAffectsLayout:u,mode:d},n))}),g=g.map(e=>{let t=e.key;return y.has(t)?e:r.createElement(p,{key:w(e),isPresent:!0,presenceAffectsLayout:u,mode:d},e)}),"production"!==i.O&&"wait"===d&&g.length>1&&console.warn('You\'re attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.'),r.createElement(r.Fragment,null,y.size?g:g.map(e=>(0,r.cloneElement)(e)))}}},function(e){e.O(0,[7342,9774,2888,179],function(){return e(e.s=1373)}),_N_E=e.O()}]);