https://www.ipsa.co.jp/mobify/bundle/117/pages-home.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[3339],{52431:(e,n,t)=>{t.d(n,{A:()=>r});var a=t(77810),i=t(75826),s=t.n(i),l=t(79488);const o=(0,a.memo)((({keyParam:e,recommender:n,productId:t,titleMessage:i,base:s,md:o,lg:r,classNamePrefix:m,slidesPerViewPc:p})=>{const c=t?[{id:t}]:null;return a.createElement(l.A,{key:e,title:i,recommender:n,products:c,mx:{base:s,md:o,lg:r},classNamePrefix:m,slidesPerViewPc:p})}));o.displayName="WrapMemoRecommendedProducts",o.propTypes={keyParam:s().string,recommender:s().string,productId:s().string,titleMessage:s().string,base:s().number,md:s().number,lg:s().number,classNamePrefix:s().string,slidesPerViewPc:s().number};const r=o},50054:(e,n,t)=>{t.d(n,{A:()=>h});var a=t(18801),i=t(77810),s=t(75826),l=t.n(s),o=t(54752),r=t(73448),m=t(94615),p=t(4026),c=t(64965),d=t(60309),u=t(69933);const g=["title","ogTitle","description","noIndex","noFollow","keywords","ogUrl","canonical","children"],x=e=>{let{title:n="",ogTitle:t="",description:s="",noIndex:l=!1,noFollow:x=!1,keywords:h="",ogUrl:f="",canonical:w="",children:b}=e,v=(0,a.A)(e,g);console.log("components / seo / index / Seo start");const y=n?`${n} | ${r.$P}`:r.$P,{canonical_url:E}=(0,p.getConfig)(),_=(0,c.zy)(),{data:A}=(0,d.J)(),k=(0,u.s)("siftBeaconKey");return(0,i.useEffect)((()=>{const e=setTimeout((()=>{var e;const n=(null==A?void 0:A.customerNo)||"";function t(e){Array.isArray(window._sift)||"function"==typeof window._sift?window._sift.push(e):window._sift=[e]}if(Array.isArray(window._sift)&&(window._sift=[]),n&&null!==(e=k.data)&&void 0!==e&&e.siftBeaconKey){t(["_setAccount",k.data.siftBeaconKey]),t(["_setUserId",n]),t(["_trackPageview"]);const e=document.createElement("script");e.src="https://cdn.sift.com/s.js",e.async=!0,document.body.appendChild(e)}}),1500);return()=>{clearTimeout(e);const n=document.querySelector('script[src="https://cdn.sift.com/s.js"]');n&&document.body.removeChild(n)}}),[null==_?void 0:_.pathname,null==A?void 0:A.customerNo]),i.createElement(o.default,v,i.createElement("title",null,y),i.createElement("meta",{name:"description",content:s||""}),i.createElement("meta",{name:"keywords",content:h||""}),i.createElement("meta",{property:"og:type",content:r.OM.TYPE}),i.createElement("meta",{property:"og:site_name",content:r.OM.SITE_NAME}),i.createElement("meta",{property:"og:image",content:`${E.top}${(0,m.sU)(r.OM.IMAGE)}`}),i.createElement("meta",{property:"og:title",content:t||n||""}),i.createElement("meta",{property:"og:description",content:s||""}),f&&i.createElement("meta",{property:"og:url",content:f}),w&&i.createElement("link",{rel:"canonical",href:w}),l&&!x&&i.createElement("meta",{name:"robots",content:"noindex"}),!l&&x&&i.createElement("meta",{name:"robots",content:"nofollow"}),l&&x&&i.createElement("meta",{name:"robots",content:"noindex, nofollow"}),b)};x.propTypes={title:l().string,ogTitle:l().string,description:l().string,noIndex:l().bool,noFollow:l().bool,children:l().node,keywords:l().string,ogUrl:l().string,canonical:l().string};const h=x},7603:(e,n,t)=>{t.r(n),t.d(n,{default:()=>ye});var a=t(10939),i=t(77810),s=t(34692),l=t(41863),o=t(64965),r=t(79210),m=t(54019),p=t(36287),c=t(45915),d=t(40133),u=t(51147),g=t(59632),x=t(26683),h=t(67496),f=t(1416),w=t(60903),b=t(44753),v=t(50054),y=t(87916),E=t(42657),_=t(65285),A=t(28407),k=t(54752),F=t(75826),z=t.n(F),M=t(63325),S=t(90150),C=(t(1583),t(26709),t(43535),t(16204),t(47047),t(62241)),P=t(60309),I=t(90031),W=t(17569);const H=()=>{console.log("partials / navi-area / NaviArea start");const[e,n]=(0,i.useState)(""),t=(0,i.useRef)(null),{data:a}=(0,P.J)(),{isRegistered:s}=(0,I.useCustomerType)(),l=(null==a?void 0:a.customerNo)||"",o=s?"Logged-in":"Unlogged-in";return(0,i.useEffect)((()=>{(new W.A).getContent({parameters:{contentID:"top-navi-area"}}).then((e=>n(e.c_body))).catch((()=>{}))}),[]),(0,i.useEffect)((()=>{var e;((null===(e=t.current)||void 0===e?void 0:e.querySelectorAll("script"))||[]).forEach((e=>{const n=document.createElement("script");e.src?n.src=e.src:n.textContent=e.textContent,document.body.appendChild(n),e.remove()}))}),[e]),(0,i.useEffect)((()=>{"undefined"!=typeof window&&(window.ipsaUserData={isRegistered:s,userId:s?l:"",loginStatus:o})}),[s,l,o]),i.createElement(i.Fragment,null,e&&i.createElement(p.az,{ref:t,dangerouslySetInnerHTML:{__html:`${e}`}}))};H.displayName="NaviArea";const N=H;var D=t(94615),j=t(4026),T=t(29188),K=t(97361),U=t(21147),O=t.n(U),R=t(46186),L=t.n(R),B=t(82155),q=t.n(B),$=t(27433),V=t.n($),X=t(88626),G=t.n(X),Y=t(8990),J=t.

1n(Y),Q=t(89827),Z=t.n(Q),ee=t(61208),ne={};ne.styleTagTransform=Z(),ne.setAttributes=G(),ne.insert=V().bind(null,"head"),ne.domAPI=q(),ne.insertStyleElement=J(),L()(ee.A,ne),ee.A&&ee.A.locals&&ee.A.locals;var te=t(88876),ae=t(88741),ie=t(91988);const se=()=>{var e,n,t,a,s,l,o,r,m,d,u;console.log("partials / fv-top-swiper-content / FvTopSwiperContent start");const{res:g}=(0,C.useServerContext)();g&&g.set("Cache-Control","max-age=700");const x="tx-fv-top",{app:h}=(0,j.getConfig)(),f=`${(0,K.$)()}/mobify/proxy/ocapi/s/${h.defaultSite}/dw/shop/v21_3/content/${x}`,{isLoading:w,error:b,data:v}=(0,T.I)({queryKey:["contentData",x],queryFn:(y=(0,A.A)((function*(){return O()(f,{method:"GET",headers:{"Content-Type":"application/json","x-dw-client-id":h.openCommerceAPI.parameters.clientId}}).then(function(){var e=(0,A.A)((function*(e){return e.json()}));return function(n){return e.apply(this,arguments)}}()).catch((()=>{}))})),function(){return y.apply(this,arguments)})});var y;const E=(0,ae.c)({styles:{linkStyle:{_hover:{textDecoration:"none"}}}}),F=(0,i.useRef)(null),z=(0,i.useRef)(null),P=(0,i.useRef)(null),I=(0,i.useRef)(),[W,H]=(0,i.useState)(!0);let U=[],R=[],L=[];const[B,q]=(0,i.useState)(0),[$,V]=(0,i.useState)(0);if(v&&null!=v&&v.c_body)if("undefined"==typeof window||window.__HYDRATING__){if(te.Ay){const e=te.Ay.load(null==v?void 0:v.c_body),n=e("#fv-swiper");L=(n?Array.from(null==n?void 0:n.children()):[]).map((n=>e.html(n))),R=Array.from(e(".fv-swiper-text")).map((n=>e.html(n))),U=Array.from(e(".fv-swiper-img")).map((n=>e.html(n)))}}else{const e=(new DOMParser).parseFromString(null==v?void 0:v.c_body,"text/html"),n=null==e?void 0:e.querySelector("#fv-swiper");L=(n?Array.from(null==n?void 0:n.children):[]).map((e=>e.outerHTML));const t=null==e?void 0:e.querySelectorAll(".fv-btn-text");null==t||t.forEach((e=>{var n;const t=null===(n=document)||void 0===n?void 0:n.createElement("img");t.src=(0,D.sU)("static/img/arrow.svg"),t.classList.add("fv-btn-icon"),e.appendChild(t)}));const a=e?Array.from(null==e?void 0:e.querySelectorAll(".fv-swiper-text")):[],i=e?Array.from(null==e?void 0:e.querySelectorAll(".fv-swiper-img")):[];R=a.map((e=>e.outerHTML)),U=i.map((e=>e.outerHTML))}const X=()=>{H(!0)};return i.createElement(i.Fragment,null,i.createElement(k.Helmet,null,i.createElement("link",{href:(0,D.sU)("static/style/fv-swpier.modlue.css"),rel:"stylesheet",type:"text/css"})),(w||!w&&!b&&0===U.length)&&i.createElement(p.az,{height:{base:"510px",md:"484px"},marginBottom:{base:"36px",md:"0"},width:"100%"}),!("undefined"!=typeof window&&!window.__HYDRATING__)&&U.length>0&&i.createElement(p.az,{w:"100%"},i.createElement(_.cD,null,i.createElement(p.az,{flexDirection:"column",w:"100%",pl:"0px",position:"relative",display:"flex",minHeight:"510px"}

1,i.createElement(c.s,{position:"absolute",right:"12px",top:"calc(100vw + 10px)"},null===(e=L)||void 0===e?void 0:e.map(((e,n)=>i.createElement(p.az,{key:n,w:"4px",h:"4px",borderRadius:"50%",backgroundColor:n===B?"#323232":"#DCDCDC",mr:"10px",zIndex:"20",position:"relative",cursor:"pointer"}))),i.createElement(p.az,{className:"autoplay-progress",style:{display:"flex"}},i.createElement("svg",{viewBox:"0 0 12 12"},i.createElement("circle",{cx:"6",cy:"6",r:"5"})))),i.createElement(p.az,{minHeight:"130vw"},i.createElement(p.az,{className:"fv-swiper"},(null===(n=U)||void 0===n?void 0:n.length)>0&&i.createElement(p.az,{width:"100%"},i.createElement(ie.H,{content:`${L[0]}`,parserReplace:E})))),i.createElement(N,null))),i.createElement(_.qX,null,i.createElement(p.az,{w:"100%",pl:"145px",display:"flex",minHeight:"484px"},i.createElement(c.s,{w:"30%",flexDirection:"column",justifyContent:"center",position:"relative"},(null===(t=R)||void 0===t?void 0:t.length)>0&&i.createElement(p.az,{width:"100%",display:"block"},i.createElement(ie.H,{content:`${R[0]}`,parserReplace:E})),i.createElement(c.s,{position:"absolute",left:"1px",bottom:"30px"},null===(a=U)||void 0===a?void 0:a.map(((e,n)=>i.createElement(p.az,{key:n,w:"4px",h:"4px",borderRadius:"50%",backgroundColor:n===$?"#323232":"#DCDCDC",mr:"10px",zIndex:"20",position:"relative",cursor:"pointer"}))),i.createElement(p.az,{className:"autoplay-progress",style:{display:"none"}},i.createElement("svg",{viewBox:"0 0 12 12"},i.createElement("circle",{cx:"6",cy:"6",r:"5"}))))),i.createElement(p.az,{className:"fv-swiper"},(null===(s=U)||void 0===s?void 0:s.length)>0&&i.createElement(p.az,{width:"100%"},i.createElement(ie.H,{content:`${U[0]}`,parserReplace:E})))))),"undefined"!=typeof window&&!window.__HYDRATING__&&(null===(l=U)||void 0===l?void 0:l.length)>0&&i.createElement(i.Fragment,null,i.createElement(_.cD,null,i.createElement(p.az,{flexDirection:"column",w:"100%",pl:"0px",position:"relative",display:"flex",minHeight:"510px"}

1,i.createElement(c.s,{position:"absolute",right:"12px",top:"calc(100vw + 10px)"},null===(o=L)||void 0===o?void 0:o.map(((e,n)=>i.createElement(p.az,{key:n,w:"4px",h:"4px",borderRadius:"50%",backgroundColor:n===B?"#323232":"#DCDCDC",mr:"10px",zIndex:"20",position:"relative",cursor:"pointer"}))),i.createElement(p.az,{className:"autoplay-progress",style:{display:W?"flex":"none"}},i.createElement("svg",{viewBox:"0 0 12 12",ref:F},i.createElement("circle",{cx:"6",cy:"6",r:"5"})))),i.createElement(p.az,{minHeight:"130vw"},i.createElement(M.RC,{slidesPerView:1,spaceBetween:0,loop:!0,autoplay:{delay:5e3,disableOnInteraction:!1},navigation:!1,modules:[S.Ij,S.Vx,S.AV],onAutoplayTimeLeft:(e,n,t)=>{F.current.style.setProperty("--progress",1-t)},onSlideChange:e=>{F.current.style.left=14*e.realIndex+"px",q(e.realIndex)},onInit:X,className:"fv-swiper",virtual:!0,speed:1e3},null===(r=L)||void 0===r?void 0:r.map(((e,n)=>i.createElement(M.qr,{key:n,virtualIndex:n},i.createElement(p.az,{width:"100%"},i.createElement(ie.H,{content:`${e}`,parserReplace:E}))))))),i.createElement(N,null))),i.createElement(_.qX,null,i.createElement(p.az,{w:"100%",pl:"145px",display:"flex",minHeight:"484px"},i.createElement(c.s,{w:"30%",flexDirection:"column",justifyContent:"center",position:"relative"},null===(m=R)||void 0===m?void 0:m.map(((e,n)=>i.createElement(p.az,{key:n,width:"100%",display:n===$?"block":"none"},i.createElement(ie.H,{content:`${e}`,parserReplace:E})))),i.createElement(c.s,{position:"absolute",left:"1px",bottom:"30px"},null===(d=U)||void 0===d?void 0:d.map(((e,n)=>i.createElement(p.az,{key:n,w:"4px",h:"4px",borderRadius:"50%",backgroundColor:n===$?"#323232":"#DCDCDC",mr:"10px",zIndex:"20",position:"relative",onClick:()=>(e=>{var n,t;null==I||null===(n=I.current)||void 0===n||null===(t=n.swiper)||void 0===t||t.slideTo(e+1)})(n),cursor:"pointer"}))),i.createElement(p.az,{className:"autoplay-progress",style:{display:W?"flex":"none"}},i.createElement("svg",{viewBox:"0 0 12 12",ref:z},i.createElement("circle",{cx:"6",cy:"6",r:"5"}))))),i.createElement(M.RC,{className:"fv-swiper",slidesPerView:1,spaceBetween:0,loop:!0,autoplay:{delay:5e3,disableOnInteraction:!1},navigation:!1,modules:[S.Ij,S.Vx,S.AV],onAutoplayTimeLeft:(e,n,t)=>{z.current.style.setProperty("--progress",1-t)},onSlideChange:e=>{z.current.style.left=14*e.realIndex+"px",V(e.realIndex)},onInit:X,onSlideChangeTransitionStart:()=>{var e,n;null==P||null===(e=P.current)||void 0===e||null===(n=e.classList)||void 0===n||n.add("fadeOutText")},onSlideChangeTransitionEnd:()=>{var e,n;null==P||null===(e=P.current)||void 0===e||null===(n=e.classList)||void 0===n||n.remove("fadeOutText")},ref:I,virtual:!0,speed:1e3},null===(u=U)||void 0===u?void 0:u.map(((e,n)=>i.createElement(M.qr,{key:n,virtualIndex:n},i.createElement(p.az,{width:"100%"},i.createElement(ie.H,{content:`${e}`,parserReplace:E}))))))))))};se.displayName="FvTopSwiperContent",se.propTypes={contentID:z().string};const le=se;var oe=t(20982),re=t(1714),me=(t(9511),t(57379)),pe={};pe.styleTagTransform=Z(),pe.setAttributes=G(),pe.insert=V().bind(null,"head"),pe.domAPI=q(),pe.insertStyleElement=J(),L()(me.A,pe),me.A&&me.A.locals&&me.A.locals;var ce=t(8074),de={};de.styleTagTransform=Z(),de.setAttributes=G(),de.insert=V().bind(null,"head"),de.domAPI=q(),de.insertStyleElement=J(),L()(ce.A,de),ce.A&&ce.A.locals&&ce.A.locals;var ue=t(61372),ge={};ge.styleTagTransform=Z(),ge.setAttributes=G(),ge.insert=V().bind(null,"head"),ge.domAPI=q(),ge.insertStyleElement=J(),L()(ue.A,ge),ue.A&&ue.A.locals&&ue.A.locals;var xe=t(65376),he=t(73448),fe=t(40306),we=t(52431);function be(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,a)}return t}function ve(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?be(Object(t),!0).forEach((function(n){(0,a.A)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):be(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const ye=()=>{var e,n,t,a,A,k,F,z,H,N,T,K,U,O,R,L,B,q,$,V,X,G;console.log("pages / home / index / Home start");const Y=(0,s.A)(),J=(0,xe.A)(),{pathname:Q}=(0,o.zy)(),[Z,ee]=(0,i.useState)(null),{urlRedirectLoading:ne}=(0,r.K)();let te=!1;"/"!==Q&&ne&&(te=!0);const se=(0,re.pq)("counseling"),me=(0,re.pq)("oc"),pe=(0,re.pq)("about"),{res:ce}=(0,C.useServerContext)();ce&&ce.set("Cache-Control",`s-maxage=${he.kB}, stale-while-revalidate=${he.Yw}`);const{isRegistered:de}=(0,I.useCustomerType)(),{data:ue}=(0,P.J)(),{customerNo:ge}=ue,{DEFAULT_PRODUCT_LIST_EINSTEIN_RECOMMENDER:be}=(0,j.getConfig)(),{formatMessage:ye}=(0,s.A)(),{data:Ee}=(0,I.useCategories)({parameters:{ids:`${he.j8},${he.gg}`,levels:0}}

1),{data:_e,isLoading:Ae}=(0,I.useProductSearch)({parameters:{refine:[`cgid=${he.j8}`],limit:he.Ud,levels:0}}),ke=null==_e||null===(e=_e.hits)||void 0===e?void 0:e.map((e=>e.productId)).join(","),{data:Fe}=(0,I.useProducts)({parameters:{ids:ke,levels:0,allImages:!0}}),ze=null==Fe||null===(n=Fe.data)||void 0===n?void 0:n.map((e=>e.primaryCategoryId)).join(","),{data:Me}=(0,I.useCategories)({parameters:{ids:ze,limit:he.Ud,levels:0}}),Se=null==_e||null===(t=_e.hits)||void 0===t?void 0:t.map(((e,n)=>{var t,a;const i=null==Fe||null===(t=Fe.data)||void 0===t?void 0:t[n],s=null!=i&&i.primaryCategoryId?null==Me||null===(a=Me.data)||void 0===a?void 0:a.find((e=>(null==e?void 0:e.id)===(null==i?void 0:i.primaryCategoryId))):null;return ve(ve({},e),{},{categoryName:null==s?void 0:s.name},i)})),{data:Ce,isLoading:Pe}=(0,I.useProductSearch)({parameters:{refine:[`cgid=${he.gg}`],limit:he.Ud,levels:0}}),Ie=null==Ce||null===(a=Ce.hits)||void 0===a?void 0:a.map((e=>e.productId)).join(","),{data:We}=(0,I.useProducts)({parameters:{ids:Ie,levels:0,allImages:!0}}),He=null==We||null===(A=We.data)||void 0===A?void 0:A.map((e=>e.primaryCategoryId)).join(","),{data:Ne}=(0,I.useCategories)({parameters:{ids:He,limit:he.Ud,levels:0}}),De=null==Ce||null===(k=Ce.hits)||void 0===k?void 0:k.map(((e,n)=>{var t,a;const i=null==We||null===(t=We.data)||void 0===t?void 0:t[n],s=null!=i&&i.primaryCategoryId?null==Ne||null===(a=Ne.data)||void 0===a?void 0:a.find((e=>(null==e?void 0:e.id)===(null==i?void 0:i.primaryCategoryId))):null;return ve(ve({},e),{},{categoryName:null==s?void 0:s.name},i)})),[je,Te]=(0,i.useState)("");(0,i.useEffect)((()=>{(new W.A).getContent({parameters:{contentID:"tx-search-keys-top"}}).then((e=>Te(e.c_body)))}),[]);const[Ke,Ue]=(0,i.useState)(""),Oe=(0,i.useRef)();(0,i.useEffect)((()=>{(new W.A).getContent({parameters:{contentID:"tx-news-top"}}).then((e=>{Ue(e.c_body)}))}),[]);const Re=()=>{const e=Oe.current.querySelector(".news-all-btn");e.style.opacity=1;const n=Oe.current.querySelectorAll(".news-more-item");if("news-all-btn showAll"===e.className)e.className="news-all-btn showRecent",Oe.current.querySelector(".news-btn-text").innerHTML=Y.formatMessage({id:"home.news.news_button.text.show_all",defaultMessage:[{type:0,value:"SHOW ALL"}]}),n.forEach((e=>{e.style.display="none"}));else{e.className="news-all-btn showAll",Oe.current.querySelector(".news-btn-text").innerHTML=Y.formatMessage({id:"home.news.news_button.text.show_recent",defaultMessage:[{type:0,value:"SHOW RECENT"}]});let t=!0;"undefined"==typeof window||window.__HYDRATING__||(t=window.innerWidth<=767),n.forEach((e=>{e.style.display=t?"flow-root":"inline-flex"}))}};(0,i.useEffect)((()=>{Oe.current&&Oe.current.querySelector(".news-all-btn").addEventListener("click",Re)}),[Ke]);const[Le,Be]=(0,i.useState)([]);(0,i.useEffect)((()=>{(new W.A).getContent({parameters:{contentID:"tx-campaigns-top"}}).then((e=>{const n=(new DOMParser).parseFromString(e.c_body,"text/html").querySelector("#campaign-swiper"),t=Array.from(null==n?void 0:n.children);if((null==t?void 0:t.length)>0)if(t.length<6){const e=Math.ceil(6/t.length);let n=[...t];for(let a=1;a<e;a++)n=[...n,...t];Be(n)}else Be(t)}))}),[]);const[qe,$e]=(0,i.useState)("");(0,i.useEffect)((()=>{(new W.A).getContent({parameters:{contentID:"tx-instagram-top"}}).then((e=>$e(e.c_body)))}),[]);const Ve=[{imgUrl:"static/img/shops/shops_01.jpg"},{imgUrl:"static/img/shops/shops_02.jpg"},{imgUrl:"static/img/shops/shops_03.jpg"},{imgUrl:"static/img/shops/shops_04.jpg"},{imgUrl:"static/img/shops/shops_05.jpg"},{imgUrl:"static/img/shops/shops_06.jpg"}];(0,i.useEffect)((()=>{J.sendViewPage(Q)}),[]);const Xe=(0,fe.CI)();(0,i.useEffect)((()=>{Xe(de?{pageCategory:"Storefront",userStatus:"logged",userId:ge}:{pageCategory:"Storefront",userStatus:"notlogged"})}),[]);const Ge=(0,ae.c)({styles:{linkStyle:{_hover:{textDecoration:"none"}}}});if(null===Z){const{canonical_url:e}=(0,j.getConfig)();ee({canonical:e.top})}return te?i.createElement(m.E,{height:"75vh",width:"100%"}):i.createElement(p.az,{"data-testid":"home-page",fontFamily:'"MFW-HiraKakuProN-W4", sans-serif',w:"100vw"},Z&&i.createElement(v.A,{description:Y.formatMessage({id:"home.seo.description",defaultMessage:[{type:0,value:"美的生命力がめざめる。イプサは、ひとりひとりの肌が本来持っている力にアプローチし、美しさを引き出す化粧品ブランドです。肌のデータ測定とカウンセリングからスキンケアなどを選び、あなたのなりたいきれいをめざすレシピを提案します。"}]}),keywords:Y.formatMessage({id:"home.seo.keywords",defaultMessage:[{type:0,value:"IPSA,ã

1‚¤ãƒ—サ"}]}),canonical:Z.canonical}),i.createElement(le,null),i.createElement(we.A,{recommender:be,titleMessage:ye({id:"product_list.recommended_products.title.recently_viewed",defaultMessage:[{type:0,value:"あなたがチェックした商品"}]}),classNamePrefix:"toppage",slidesPerViewPc:7}),_e&&i.createElement(c.s,{flexDirection:"column",paddingLeft:{base:"0px",md:"144px",lg:"99px"},paddingRight:{base:"0px",md:"144px",lg:"99px"},paddingTop:{base:"115px",md:"100px"},alignItems:"center",mb:"48px"},i.createElement(c.s,{flexDirection:"column",pl:{base:"16px",md:"0px"},w:"100%",mb:"38px"},i.createElement(c.s,{alignItems:"center",w:"100%",mb:"7px"},i.createElement(d.E,{w:{base:"2.41546vw",md:"8px"},h:{base:"2.41546vw",md:"8px"},bg:"#323232"}),i.createElement(d.E,{fontFamily:'"MFW-HiraKakuProN-W5", sans-serif',fontSize:{base:"2.89855vw",md:"11px"},ml:"9px",pt:{base:"3px",md:"2px"}},"PRODUCTS")),i.createElement(p.az,{w:"100%",h:"1px",bg:"#323232",opacity:.2,mb:"30px"}),i.createElement(d.E,{fontSize:{base:"4.83092vw",md:"20px"},fontFamily:'"MFW-HiraKakuProN-W5", sans-serif'},i.createElement(l.A,{defaultMessage:[{type:0,value:"Elements that bring out the beauty of vitality"}],id:"home.products.heading.label"}))),i.createElement(g.t,{isFitted:!0,variant:"unstyled",mb:"18px",w:"100%"},i.createElement(x.w,{borderBottom:"1px",borderColor:"#E9E9E9",mt:"-1px"},i.createElement(h.o,{fontFamily:'"MFW-HiraKakuProN-W6", sans-serif',color:"#323232",opacity:"0.3",fontSize:{base:"3.38164vw",md:"14px"},lineHeight:"22px",padding:0,marginBottom:2,_selected:{opacity:"1"}},null==Ee||null===(F=Ee.data)||void 0===F||null===(z=F[0])||void 0===z?void 0:z.name),i.createElement(h.o,{fontFamily:'"MFW-HiraKakuProN-W6", sans-serif',color:"#323232",opacity:"0.3",fontSize:{base:"3.38164vw",md:"14px"},lineHeight:"22px",padding:0,marginBottom:2,_selected:{opacity:"1"}},null==Ee||null===(H=Ee.data)||void 0===H||null===(N=H[1])||void 0===N?void 0:N.name)),i.createElement(f.j,{mt:"-1px",height:"3px",bg:"#323232"}),i.createElement(w.T,{mt:{base:"47.5px",md:"33px"}},i.createElement(b.K,{padding:0},(null==Se?void 0:Se.length)>0?i.createElement(c.s,{flexDirection:"column",alignItems:"center"},i.createElement(E.A,{products:Se,bigCategoryName:null==Ee||null===(T=Ee.data)||void 0===T||null===(K=T[0])||void 0===K?void 0:K.name,isLoading:Ae,isHome:!0,bestsellersList:null==_e?void 0:_e.hits}),i.createElement(y.A,{to:(0,re.XX)({id:null==Ee||null===(U=Ee.data)||void 0===U||null===(O=U[0])||void 0===O?void 0:O.id},Y.local),height:"48px",width:"316px",borderRadius:"2px",fontSize:{base:"3.1401vw",md:"13px"},fontFamily:'"MFW-HiraKakuProN-W6", sans-serif',bg:"#323232",color:"#FFFCF4",display:"flex",alignItems:"center",justifyContent:"center",position:"relative",mt:{base:"5px",md:"25px"},_hover:{backgroundColor:"rgba(50, 50, 50, 0.3)",transition:"background-color 0.3s"}},i.createElement(d.E,null,null==Ee||null===(R=Ee.data)||void 0===R||null===(L=R[0])||void 0===L?void 0:L.name,i.createElement(l.A,{defaultMessage:[{type:0,value:"List"}],id:"home.products.button.show_list"})),i.createElement(u._,{position:"absolute",right:{base:"3.86473vw",md:"16px"},width:{base:"3.1401vw",md:"13px"},height:{base:"2.657vw",md:"11px"},src:(0,D.sU)("static/img/arrow.svg"),alt:"arrow"}))):i.createElement(c.s,{alignItems:"center",justifyContent:"center",w:"100%",h:"300px"},i.createElement(d.E,{fontFamily:'"MFW-HiraKakuProN-W5", sans-serif',fontSize:"20px"},i.createElement(l.A,{defaultMessage:[{type:0,value:"該当商品が0件"}],id:"home.product.empty"})))),i.createElement(b.K,{padding:0},(null==De?void 0:De.length)>0?i.createElement(c.s,{flexDirection:"column",alignItems:"center"},i.createElement(E.A,{products:De,bigCategoryName:null==Ee||null===(B=Ee.data)||void 0===B||null===(q=B[1])||void 0===q?void 0:q.name,isLoading:Pe,isHome:!0,bestsellersList:null==_e?void 0:_e.hits}),i.createElement(y.A,{to:(0,re.XX)({id:null==Ee||null===($=Ee.data)||void 0===$||null===(V=$[1])||void 0===V?void 0:V.id},Y.local),height:"48px",width:"316px",borderRadius:"2px",fontSize:{base:"3.1401vw",md:"13px"},fontFamily:'"MFW-HiraKakuProN-W6", sans-serif',bg:"#323232",color:"#FFFCF4",display:"flex",alignItems:"center",justifyContent:"center",position:"relative",mt:{base:"5px",md:"25px"},_hover:{backgroundColor:"rgba(50, 50, 50, 0.3)",transition:"background-color 0.3s"}},i.createElement(d.E,null,null==Ee||null===(X=Ee.data)||void 0===X||null===(G=X[1])||void 0===G?void 0:G.name,i.createElement(l.A,{defaultMessage:[{type:0,value:"List"}],id:"home.products.button.show_list"})),i.createElement(u._,{position:"absolute",right:{base:"3.86473vw",md:"16px"},width:{base:"3.1401vw",md:"13px"},height:{base:"2.657vw",md:"11px"},src:(0,D.sU)("static/img/arrow.svg"),alt:"arrow"}))):i.createElement(c.s,{alignItems:"center",justifyContent:"center",w:"100%",h:"300px"},i.createElement(d.E,{fontFamily:'"MFW-HiraKakuProN-W5", sans-serif',fontSize:"20px"},i.createElement(l.A,{defaultMessage:[{type:0,value:"該当商品が0件"}],id:"home.product.empty"}))))))),je&&i.createElement(i.Fragment,null,i.createElement(ie.H,{content:`${je}`,parserReplace:Ge})),(null==Le?void 0:Le.length)>0&&i.createElement(c.s,{flexDirection:"column",paddingTop:{base:"115px",md:"100px"},mb:{base:"43px",md:"90px"}},i.createElement(c.s,{flexDirection:"column",pl:{base:"16px",md:"143px"},w:"100%",mb:"25px"},i.createElement(c.s,{alignItems:"center",w:"100%",mb:"7px"},i.createElement(d.E,{w:{base:"2.41546vw",md:"8px"},h:{base:"2.41546vw",md:"8px"},bg:"#323232"}),i.createElement(d.E,{fontFamily:'"MFW-HiraKakuProN-W5", sans-serif',fontSize:{base:"2.89855vw",md:"11px"},ml:"9px",pt:"2px"},"CAMPAIGN")),i.createElement(p.az,{w:"100%",h:"1px",bg:"#323232",opacity:.2,mb:"30px"}),i.createElement(d.E,{fontSize:{base:"4.83092vw",md:"20px"},fontFamily:'"MFW-HiraKakuProN-W5", sans-serif'},i.createElement(l.A,{defaultMessage:[{type:0,value:"Introducing recommended features and special offers"}],id:"home.campaigns.heading.label"}))),i.createElement(M.RC,{slidesPerView:1,loop:!0,centeredSlides:!0,autoplay:{delay:5e3,disableOnInteraction:!1},breakpoints:{0:{slidesPerView:1.089,spaceBetween:4},769:{slidesPerView:2.144,spaceBetween:4}},pagination:!1,navigation:!1,modules:[S.Ij,S.dK,S.Vx],className:"campaign-swiper",speed:1e3},Le.map(((e,n)=>i.createElement(M.qr,{key:n,virtualIndex:n},(({isActive:n})=>i.createElement(p.az,{w:{base:"100%"},dangerouslySetInnerHTML:{__html:e.outerHTML},className:"campaign-slide "+(n?"campaign-slide-active":"")}))))))),Ke&&i.createElement(p.az,{mb:{base:"95px",md:"90px"},ref:Oe,dangerouslySetInnerHTML:{__html:`${Ke}`}}),qe&&i.createElement(p.az,{mb:{base:"115px",md:"90px"},dangerouslySetInnerHTML:{__html:`${qe}`}}),i.createElement(c.s,{flexDirection:"column",mb:{base:"115px",md:"90px"},alignItems:"center"},i.createElement(c.s,{flexDirection:"column",pl:{base:"16px",md:"143px"},w:"100%",mb:{base:"40px",md:"27px"}},i.createElement(c.s,{alignItems:"center",w:"100%",mb:"7px"},i.createElement(d.E,{w:{base:"2.41546vw",md:"8px"},h:{base:"2.41546vw",md:"8px"},bg:"#323232"}),i.createElement(d.E,{fontFamily:'"MFW-HiraKakuProN-W5", sans-serif',fontSize:{base:"2.89855vw",md:"11px"},ml:"9px",pt:{base:"2px",md:"2px"}},"SHOPS")),i.createElement(p.az,{w:"100%",h:"1px",bg:"#323232",opacity:.2,mb:"30px"}),i.createElement(_.cD,null,i.createElement(d.E,{fontSize:"4.83092vw",fontFamily:'"MFW-HiraKakuProN-W5", sans-serif'},i.createElement(l.A,{defaultMessage:[{type:0,value:"Shops Info"}],id:"home.shops.heading.label_1"})),i.createElement(d.E,{fontSize:"3.38164vw",fontFamily:'"MFW-HiraKakuProN-W3", sans-serif',mt:"16px"},i.createElement(l.A,{defaultMessage:[{type:0,value:"A comfortable space where you can experience skin assessments and try out products"}],id:"home.shops.heading.label_2"}))),i.createElement(_.qX,null,i.createElement(c.s,{alignItems:"center"},i.createElement(d.E,{fontSize:"20px",fontFamily:'"MFW-HiraKakuProN-W5", sans-serif'},i.createElement(l.A,{defaultMessage:[{type:0,value:"Shops Info"}],id:"home.shops.heading.label_1"})),i.createElement(d.E,{fontSize:"14px",fontFamily:'"MFW-HiraKakuProN-W3", sans-serif',ml:"27px"},i.createElement(l.A,{defaultMessage:[{type:0,value:"A comfortable space where you can experience skin assessments and try out products"}],id:"home.shops.heading.label_2"}))))),i.createElement(p.az,{w:"100%"},i.createElement(c.s,{className:"shops-slide"},i.createElement(c.s,{className:"shops-slide-ul"},Ve.map(((e,n)=>i.createElement(p.az,{className:"shops-slide-li",key:n},i.createElement("img",{src:(0,D.sU)(e.imgUrl),alt:"店舗画像"}))))),i.createElement(c.s,{className:"shops-slide-ul"},Ve.map(((e,n)=>i.createElement(p.az,{className:"shops-slide-li",key:n},i.createElement("img",{src:(0,D.sU)(e.imgUrl),alt:"店舗画像"}))))))),i.createElement(y.A,{to:he.EX,height:{base:"11.5942vw",md:"48px"},width:"100%",maxWidth:{base:"76.3285vw",md:"316px"},borderRadius:"2px",fontSize:{base:"3.1401vw",md:"13px"},fontFamily:'"MFW-HiraKakuProN-W6", sans-serif',bg:"#323232",color:"#FFFCF4",display:"flex",alignItems:"center",justifyContent:"center",position:"relative",_hover:{backgroundColor:"rgba(50, 50, 50, 0.3)",transition:"background-color 0.3s"},mt:{base:"35px",md:"40px"}},i.createElement(d.E,null,i.createElement(l.A,{defaultMessage:[{type:0,value:"Search Shops"}],id:"home.shops.button.text.search_shops"})),i.createElement(u._,{position:"absolute",right:{base:"3.86473vw",md:"16px"},width:{base:"3.1401vw",md:"13px"},height:{base:"2.657vw",md:"11px"},src:(0,D.sU)("static/img/arrow.svg"),alt:"arrow"}))),i.createElement(c.s,{flexDirection:"column",w:"100%",mb:{base:"115px",md:"90px"}},i.createElement(p.az,{display:"inline-grid",pl:{base:"0px",md:"144px"},alignItems:"center",marginLeft:"",w:"100%"},i.createElement(c.s,{flexDirection:"column",w:"100%",mb:"30px",ml:{md:"0px"},pl:{base:"18px"}},i.createElement(c.s,{alignItems:"center",w:"100%",mb:"7px"},i.createElement(d.E,{w:{base:"2.41546vw",md:"8px"},h:{base:"2.41546vw",md:"8px"},bg:"#323232"}),i.createElement(d.E,{fontFamily:'"MFW-HiraKakuProN-W5", sans-serif',fontSize:{base:"2.89855vw",md:"11px"},ml:"9px",pt:{base:"2px",md:"2px"}},"COUNSELING")),i.createElement(p.az,{w:"100%",h:"1px",bg:"#323232",opacity:.2,mb:"30px"}),i.createElement(_.cD,null,i.createElement(d.E,{fontFamily:'"MFW-HiraKakuProN-W5", sans-serif',fontSize:"4.83092vw",lineHeight:"1.5"},i.createElement(l.A,{defaultMessage:[{type:0,value:"customizable menus"}],id:"home.counsling.heading.label.sp1"}),i.createElement("br",null),i.createElement(l.A,{defaultMessage:[{type:0,value:"to suit your goals and preferences"}],id:"home.counsling.heading.label.sp2"}))),i.createElement(_.qX,null,i.createElement(d.E,{fontFamily:'"MFW-HiraKakuProN-W5", sans-serif',fontSize:"20px",lineHeight:"30px"},i.createElement(l.A,{defaultMessage:[{type:0,value:"customizable menus to suit your goals and preferences"}],id:"home.counsling.heading.label"})))),i.createElement(p.az,{display:"flex",mb:"41px",w:"100%",flexDirection:{base:"column",md:"row"}},i.createElement(c.s,{w:{base:"100%",md:"calc((100vw - 296px) / 3)"},flexDirection:"column"},i.createElement(p.az,{h:{base:"",md:"calc((100vw - 296px) / 3)"}},i.createElement(u._,{w:"100%",src:(0,D.sU)("static/img/counseling_big.jpg"),alt:"店頭カウンセリング",loading:"lazy"})),i.createElement(oe.A,null,i.createElement(c.s,{as:"a",href:se+"#a-shop",flexDirection:"column",pt:{base:"0",md:"18px"},w:"100%"},i.createElement(c.s,{justifyContent:"space-between",lineHeight:"27px",mb:{base:"2.41546vw",md:"17px"},mt:{base:"4.58937vw",md:"0"},ml:{md:"0"},pl:{base:"4.10628vw"}},i.createElement(d.E,{fontSize:{base:"4.10628vw",md:"17px"},fontFamily:'"MFW-HiraKakuProN-W4", sans-serif'},i.createElement(l.A,{defaultMessage:[{type:0,value:"In-store counseling"}],id:"home.counsling.content.label.counsling_in_store"})),i.createElement(u._,{mr:"18px",display:{base:"block",md:"none"},src:(0,D.sU)("static/img/arrow_black.svg"),alt:"arrow",width:{base:"3.1401vw",md:"auto"},height:{base:"27px",md:"auto"}})),i.createElement(c.s,{justifyContent:"space-between",w:{base:"100%",md:"88%"},h:{base:"auto",md:"38px"},mb:{base:"0",md:"8px"},ml:{md:"0"},pl:{base:"4.10628vw"}},i.createElement(d.E,{fontSize:{base:"3.38164vw",md:"14px"},fontFamily:'"MFW-HiraKakuProN-W3", sans-serif',lineHeight:"22px"},i.createElement(l.A,{defaultMessage:[{type:0,value:"For those who wish to receive counseling from our recipe experts in-store"}],id:"home.counsling.content.lable.who_want_in_store"})))))),i.createElement(c.s,{flexDirection:"row"},i.createElement(c.s,{w:{base:"50%",md:"calc((100vw - 296px) / 3)"},flexDirection:"column",ml:{base:"0",md:"7px"}

1,pr:{base:"2px",md:"0"},mt:{base:"6.28019vw",md:"0"}},i.createElement(p.az,{h:{base:"",md:"calc((100vw - 296px) / 3)"},w:{base:"100%",md:""}},i.createElement(u._,{boxSize:{base:"100%",md:"calc((100vw - 296px) / 3)"},w:"100%",src:(0,D.sU)("static/img/counseling_small1.jpg"),alt:"オンラインカウンセリング",loading:"lazy"})),i.createElement(c.s,{flexDirection:"column",pt:{base:"0",md:"18px"},w:"100%",ml:{md:"0"},pl:{base:"4.10628vw"},mt:{base:"4.58937vw",md:"0"}},i.createElement(c.s,{display:"flow",lineHeight:"27px",w:"100%"},i.createElement(oe.A,null,i.createElement("a",{href:se+"#a-online"},i.createElement(d.E,{as:"span",fontSize:"17px",fontFamily:'"MFW-HiraKakuProN-W4", sans-serif',display:{base:"none",md:"block"},mb:"17px"},i.createElement(l.A,{defaultMessage:[{type:0,value:"counsling online"}],id:"home.counsling.content.lable.counsling_online"})),i.createElement(d.E,{as:"span",fontSize:"4.10628vw",fontFamily:'"MFW-HiraKakuProN-W4", sans-serif',display:{base:"block",md:"none"},lineHeight:"1.588"},i.createElement(l.A,{defaultMessage:[{type:0,value:"online"}],id:"home.counsling.content.lable.online"})),i.createElement(c.s,{as:"span",justifyContent:"space-between",display:{base:"-webkit-box",md:"none"},mb:{base:"2.41546vw",md:"13px"}},i.createElement(d.E,{as:"span",fontSize:{base:"4.10628vw",md:"17px"},fontFamily:'"MFW-HiraKakuProN-W4", sans-serif'},i.createElement(l.A,{defaultMessage:[{type:0,value:"counsling"}],id:"home.counsling.content.label.counsling"})),i.createElement(u._,{mr:{base:"4.10628vw",md:"36px"},src:(0,D.sU)("static/img/arrow_black.svg"),alt:"arrow",width:{base:"3.1401vw",md:"auto"},height:{base:"27px",md:"auto"}})),i.createElement(c.s,{as:"span",justifyContent:"space-between",w:{base:"100%",md:"88%"},height:{base:"auto",md:"38px"},mb:"8px"},i.createElement(d.E,{as:"span",fontSize:{base:"3.38164vw",md:"14px"},fontFamily:'"MFW-HiraKakuProN-W3", sans-serif',lineHeight:"1.571",mr:{base:"4.10628vw",md:"8px"}},i.createElement(l.A,{defaultMessage:[{type:0,value:"For those who want to receive counseling from our recipe experts at their preferred locations"}],id:"home.counsling.content.lable.who_want_online"})))))))),i.createElement(c.s,{w:{base:"50%",md:"calc((100vw - 296px) / 3)"},flexDirection:"column",pl:{base:"2px",md:"0px"},ml:{base:"0px",md:"7px"},mt:{base:"6.28019vw",md:"0"}},i.createElement(p.az,{h:{base:"",md:"calc((100vw - 296px) / 3)"},w:{base:"100%",md:""}},i.createElement(u._,{boxSize:{base:"100%",md:"calc((100vw - 296px) / 3)"},w:"100%",src:(0,D.sU)("static/img/counseling_small2.jpg"),alt:"オンライン肌測定",loading:"lazy"})),i.createElement(c.s,{flexDirection:"column",pt:{base:"0",md:"18px"},w:"100%",ml:{md:"0"},pl:{base:"4.10628vw"},mt:{base:"4.58937vw",md:"0"}},i.createElement(c.s,{display:"flow",lineHeight:"27px",mb:"17px"},i.createElement(oe.A,null,i.createElement("a",{href:me},i.createElement(d.E,{as:"span",fontSize:{base:"4.10628vw",md:"17px"},fontFamily:'"MFW-HiraKakuProN-W4", sans-serif',display:{base:"none",md:"block"},mb:"17px"},i.createElement(l.A,{defaultMessage:[{type:0,value:"Online skin assessment"}],id:"home.counsling.content.lable.online_skin_counsling"})),i.createElement(d.E,{as:"span",fontSize:{base:"4.10628vw",md:"17px"},fontFamily:'"MFW-HiraKakuProN-W4", sans-serif',display:{base:"block",md:"none"},lineHeight:"1.588"},i.createElement(l.A,{defaultMessage:[{type:0,value:"online"}],id:"home.counsling.content.lable.online"})),i.createElement(c.s,{as:"span",justifyContent:"space-between",display:{base:"-webkit-box",md:"none"},mb:{base:"2.41546vw",md:"13px"}},i.createElement(d.E,{as:"span",fontSize:{base:"4.10628vw",md:"17px"},fontFamily:'"MFW-HiraKakuProN-W4", sans-serif'},i.createElement(l.A,{defaultMessage:[{type:0,value:"Skin analysis"}],id:"home.counsling.content.lable.skin_analysis"})),i.createElement(u._,{mr:"36px",src:(0,D.sU)("static/img/arrow_black.svg"),alt:"arrow",width:{base:"3.1401vw",md:"auto"},height:{base:"27px",md:"auto"}})),i.createElement(c.s,{as:"span",justifyContent:"space-between",w:{base:"100%",md:"88%"},height:{base:"auto",md:"38px"},mb:"8px"},i.createElement(d.E,{as:"span",fontSize:{base:"3.38164vw",md:"14px"},fontFamily:'"MFW-HiraKakuProN-W3", sans-serif',lineHeight:"1.571",mr:{base:"36px",md:"8px"}},i.createElement(l.A,{defaultMessage:[{type:0,value:"For those who want to easily assess the condition of their skin through a questionnaire and self-photography"}],id:"home.counsling.heading.label.who_want_skin_analysis"}))))))))))),i.createElement(p.az,{display:"flex",justifyContent:"center",alignItems:"center",w:"100%"},i.createElement(p.az,{as:"a",height:{base:"11.5942vw",md:"48px"},width:"100%",maxWidth:{base:"76.3285vw",md:"316px"},borderRadius:"2px",fontSize:{base:"3.1401vw",md:"13px"},fontFamily:'"MFW-HiraKakuProN-W6", sans-serif',bg:"#323232",color:"#FFFCF4",display:"flex",alignItems:"center",justifyContent:"center",position:"relative",_hover:{backgroundColor:"rgba(50, 50, 50, 0.3)",transition:"background-color 0.3s"},href:se},i.createElement(d.E,null,i.createElement(l.A,{defaultMessage:[{type:0,value:"online"}],id:"home.counsling.heading.label.about_counseling"})),i.createElement(u._,{position:"absolute",right:{base:"3.86473vw",md:"16px"},width:{base:"3.1401vw",md:"13px"},height:{base:"2.657vw",md:"11px"},src:(0,D.sU)("static/img/arrow.svg"),alt:"arrow"})))),i.createElement(c.s,{w:"100%",h:"1100px",flexDirection:"column",color:"#5B5B5B",backgroundColor:"#090F27",alignItems:"center",position:"relative",zIndex:"10",overflow:"hidden"},i.createElement(p.az,{position:"absolute",zIndex:"12",top:"0",left:"0",bottom:"0",w:"100%",h:{base:"1100px",md:"0px"},backgroundImage:{base:(0,D.sU)("static/img/about_ipsa_sp_2.png")},display:{base:"block",md:"none"}}),i.createElement(p.az,{position:"relative",w:"100vw",h:"1100px"},i.createElement("img",{src:(0,D.sU)("static/img/about_ipsa_sp_2.png"),style:{position:"absolute",top:0,left:0,width:"100vw",height:"1100px",objectFit:"cover",zIndex:12,pointerEvents:"none",userSelect:"none"},alt:"ABOUT IPSA",draggable:"false"}),i.createElement(p.az,{position:"absolute",left:"0",top:"0",w:"100vw",h:"1100px",display:{base:"flex",md:"none"},zIndex:"13",flexDirection:"column",justifyContent:"flex-end"},i.createElement("img",{src:(0,D.sU)("static/img/about_ipsa_sp.png"),style:{width:"100vw",height:"1100px",objectPosition:"48.43% center",maxHeight:"1015px",objectFit:"cover",display:"block"},alt:"ABOUT IPSA",draggable:"false"}))),i.createElement(p.az,{position:"absolute",zIndex:"13",left:"50%",top:"0",style:{transform:"translateX(-50%)"},w:"100%",h:"1100px",display:{base:"none",md:"block"},backgroundImage:{md:(0,D.sU)("static/img/about_ipsa_pc.png")},backgroundRepeat:"no-repeat",backgroundSize:{md:"cover"},backgroundPosition:{md:"top center"}}),i.createElement(c.s,{w:"100%",h:{base:"auto",md:"1100px"},flexDirection:"column",alignItems:"center",position:"absolute",zIndex:"14",left:"0"},i.createElement(c.s,{flexDirection:"column",px:{base:"17px",md:"142px"},w:"100%",mt:{base:"64px",md:"64px"}},i.createElement(c.s,{alignItems:"center",w:"100%",mb:"6px"},i.createElement(d.E,{w:{base:"2.41546vw",md:"8px"},h:{base:"2.41546vw",md:"8px"},bg:"#323232"}),i.createElement(d.E,{fontFamily:'"MFW-HiraKakuProN-W5", sans-serif',fontSize:{base:"2.89855vw",md:"11px"},ml:"9px",pt:{base:"3px",md:"2px"}},"ABOUT IPSA")),i.createElement(p.az,{w:"100%",h:"1px",bg:"#323232",mb:{base:"64px",md:"64px"}})),i.createElement(u._,{src:(0,D.sU)("static/img/logo.svg"),alt:"logo",mb:{base:"40px",md:"40px"}}),i.createElement(_.cD,null,i.createElement(d.E,{fontFamily:'"MFW-HiraKakuProN-W3", sans-serif',fontSize:{base:"3.38164vw",md:"14px"},lineHeight:"35px",textAlign:"center",minwidth:"326px"},i.createElement(l.A,{defaultMessage:[{type:0,value:"home.about_ipsa.content.text.about_ipsa_sp_line1"}],id:"home.about_ipsa.content.text.about_ipsa_sp_line1"}),i.createElement("br",null),i.createElement(l.A,{defaultMessage:[{type:0,value:"home.about_ipsa.content.text.about_ipsa_sp_line2"}],id:"home.about_ipsa.content.text.about_ipsa_sp_line2"}),i.createElement("br",null),i.createElement(l.A,{defaultMessage:[{type:0,value:"home.about_ipsa.content.text.about_ipsa_sp_line3"}],id:"home.about_ipsa.content.text.about_ipsa_sp_line3"}),i.createElement("br",null),i.createElement(l.A,{defaultMessage:[{type:0,value:"home.about_ipsa.content.text.about_ipsa_sp_line4"}],id:"home.about_ipsa.content.text.about_ipsa_sp_line4"}),i.createElement("br",null),i.createElement(l.A,{defaultMessage:[{type:0,value:"home.about_ipsa.content.text.about_ipsa_sp_line5"}],id:"home.about_ipsa.content.text.about_ipsa_sp_line5"}),i.createElement("br",null),i.createElement(l.A,{defaultMessage:[{type:0,value:"home.about_ipsa.content.text.about_ipsa_sp_line6"}],id:"home.about_ipsa.content.text.about_ipsa_sp_line6"}),i.createElement("br",null),i.createElement(l.A,{defaultMessage:[{type:0,value:"home.about_ipsa.content.text.about_ipsa_sp_line7"}],id:"home.about_ipsa.content.text.about_ipsa_sp_line7"}),i.createElement("br",null),i.createElement(l.A,{defaultMessage:[{type:0,value:"home.about_ipsa.content.text.about_ipsa_sp_line8"}],id:"home.about_ipsa.content.text.about_ipsa_sp_line8"}),i.createElement("br",null),i.createElement(l.A,{defaultMessage:[{type:0,value:"home.about_ipsa.content.text.about_ipsa_sp_line9"}],id:"home.about_ipsa.content.text.about_ipsa_sp_line9"}),i.createElement("br",null),i.createElement(l.A,{defaultMessage:[{type:0,value:"home.about_ipsa.content.text.about_ipsa_sp_line10"}],id:"home.about_ipsa.content.text.about_ipsa_sp_line10"}

1))),i.createElement(_.qX,null,i.createElement(d.E,{fontFamily:'"MFW-HiraKakuProN-W3", sans-serif',fontSize:{base:"3.38164vw",md:"14px"},lineHeight:"35px",textAlign:"center",width:"496px"},i.createElement(l.A,{defaultMessage:[{type:0,value:"home.about_ipsa.content.text.about_ipsa_pc_line1"}],id:"home.about_ipsa.content.text.about_ipsa_pc_line1"}),i.createElement("br",null),i.createElement(l.A,{defaultMessage:[{type:0,value:"home.about_ipsa.content.text.about_ipsa_pc_line2"}],id:"home.about_ipsa.content.text.about_ipsa_pc_line2"}),i.createElement("br",null),i.createElement(l.A,{defaultMessage:[{type:0,value:"home.about_ipsa.content.text.about_ipsa_pc_line3"}],id:"home.about_ipsa.content.text.about_ipsa_pc_line3"}),i.createElement("br",null),i.createElement(l.A,{defaultMessage:[{type:0,value:"home.about_ipsa.content.text.about_ipsa_pc_line4"}],id:"home.about_ipsa.content.text.about_ipsa_pc_line4"}),i.createElement("br",null),i.createElement(l.A,{defaultMessage:[{type:0,value:"home.about_ipsa.content.text.about_ipsa_pc_line5"}],id:"home.about_ipsa.content.text.about_ipsa_pc_line5"}),i.createElement("br",null),i.createElement(l.A,{defaultMessage:[{type:0,value:"home.about_ipsa.content.text.about_ipsa_pc_line6"}],id:"home.about_ipsa.content.text.about_ipsa_pc_line6"}),i.createElement("br",null),i.createElement(l.A,{defaultMessage:[{type:0,value:"home.about_ipsa.content.text.about_ipsa_pc_line7"}],id:"home.about_ipsa.content.text.about_ipsa_pc_line7"}))),i.createElement(p.az,{as:"a",height:{base:"11.5942vw",md:"48px"},width:"100%",maxWidth:{base:"77.2946vw",md:"320px"},borderRadius:"2px",fontSize:{base:"3.1401vw",md:"13px"},fontFamily:'"MFW-HiraKakuProN-W6", sans-serif',bg:"#323232",color:"#FFFCF4",display:"flex",alignItems:"center",justifyContent:"center",position:"relative",mt:{base:"40px",md:"40px"},opacity:"1",_hover:{backgroundColor:"rgba(50, 50, 50, 0.3)",transition:"background-color 0.3s"},href:pe},i.createElement(d.E,null,"ABOUT IPSA"),i.createElement(u._,{position:"absolute",right:{base:"3.86473vw",md:"16px"},width:{base:"3.1401vw",md:"13px"},height:{base:"2.657vw",md:"11px"},src:(0,D.sU)("static/img/arrow.svg"),alt:"arrow"})))))}},56584:(e,n,t)=>{t.d(n,{A:()=>o});var a=t(12379),i=t.n(a),s=t(81364),l=t.n(s)()(i());l.push([e.id,'.campaign-swiper {\n    width: 100%;\n    margin-bottom: 36px;\n}\n\n.campaign-swiper-slide {\n    background: #fff;\n    display: flex;\n    justify-content: center;

1\n    align-items: flex-start;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n}\n\n.campaign-swiper-img-cover {\n    width: 100%;\n    height: 26.2vw;\n}\n\n@media print, screen and (max-width: 48.06125em) {\n    .campaign-swiper-img-cover {\n        width: 100%;\n        height: unset;\n    }\n}\n\n.campaign-swiper-img {\n    width: 100%;\n    height: 100%;\n    position: relative;\n    overflow: hidden;\n    transition: transform 0.4s ease;\n}\n\n@media print, screen and (max-width: 48.06125em) {\n    .campaign-swiper-img {\n        width: 100%;\n        height: 0px;\n        padding-bottom: 100%;\n    }\n}\n\n.campaign-swiper-img img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    position: absolute;\n    left: 0;\n    top: 0;\n    transition: transform 0.4s ease;\n}\n\n@media print, screen and (min-width: 48.06125em) {\n    .campaign-swiper-img img {\n        object-fit: fill;\n        max-width: 46.6vw;\n    }\n}\n\n@media print, screen and (min-width: 48.06125em) {\n    .campaign-swiper-slide:hover .campaign-swiper-img {\n        transform: scale(0.95);\n        transform-origin: center;\n    }\n\n    .campaign-swiper-slide:hover .campaign-swiper-img img {\n        transform: scale(1.11);\n        transform-origin: center;\n    }\n}\n\n.campaign-swiper-text {\n    font-family: "MFW-HiraKakuProN-W4", sans-serif;\n    font-size: 16px;\n    line-height: 1.375;\n    letter-spacing: 0.03em;\n    text-align: left;\n    margin-top: 20px;\n}\n\n@media print, screen and (max-width: 48.06125em) {\n    .campaign-swiper-text {\n        font-size: 3.86473vw;\n    }\n}\n\n.campaign-slide {\n    color: #ffffff;\n}\n\n.campaign-slide-active {\n    color: #323232;\n    transition: color 0.5s;\n}\n\n.campaign-swiper .swiper-wrapper{\n    transition-timing-function: ease;\n}',""]);const o=l},61208:(e,n,t)=>{t.d(n,{A:()=>o});var a=t(12379),i=t.n(a),s=t(81364),l=t.n(s)()(i());l.push([e.id,'@media print, screen and (min-width: 48.06125em) {\n    .fv-swiper {\n        width: 70%;\n    }\n}\n\n@media print, screen and (max-width: 48.06125em) {\n    .fv-swiper {\n        width: 100%;\n        margin-bottom: 36px;\n    }\n}\n\n.swiper-slide {\n    background: #fff;\n    display: flex;\n    justify-content: center;

1\n    align-items: center;\n}\n\n.fv-swiper-slide {\n    width: 100%;\n    background: #fff;\n    display: flex;\n    flex-direction: row-reverse;\n}\n\n@media print, screen and (max-width: 48.06125em) {\n    .fv-swiper-slide {\n        flex-direction: column;\n    }\n}\n\n@media print, screen and (min-width: 48.06125em) {\n    .fv-swiper-img {\n        width: 100%;\n        height: 35.5vw;\n        position: relative;\n        display: block;\n    }\n}\n\n@media print, screen and (max-width: 48.06125em) {\n    .fv-swiper-img {\n        width: 100%;\n        height: 0px;\n        padding-bottom: 100%;\n        position: relative;\n    }\n}\n\n.fv-swiper-img img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    position: absolute;\n    left: 0;\n    top: 0;\n}\n\n/* #32212 の対応で、画像のアスペクト比が変わらないように、「object-fit: fill;」のスタイルを削除。height はauto を設定 */\n@media print, screen and (min-width: 48.06125em) {\n    .fv-swiper-img img {\n        height: auto;\n    }\n}\n\n.fv-swiper-text {\n    font-family: "MFW-HiraKakuProN-W5", sans-serif;\n    font-size: 20px;\n    line-height: 30px;\n    letter-spacing: 0em;\n    text-align: left;\n    margin-top: 30px;\n    margin-left: 17px;\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n}\n\n@media print, screen and (max-width: 48.06125em) {\n    .fv-swiper-text {\n        font-size: 4.83092vw;\n        line-height: 1.5;\n    }\n}\n\n/* \n#32212 の対応でFVエリアのテキストが45字まで切れず表示できるように、\nタブレットのウィンドウ幅になったら文字サイズを小さくして、margin-top を0px にする \n.fv-swiper-text a:first-child にmax-height を設定していたのを削除\n*/\n@media print, screen and (min-width: 48.06125em) {\n    .fv-swiper-text {\n        width: 95%;\n        margin-top: 0px;\n        margin-left: 0px;\n        max-width: 280px;\n        font-size: 16px;\n        line-height: 24px;\n    }\n\n    .fv-swiper-text a:first-child {\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n\n    .fv-swiper-btn {\n        display: none;\n    }\n}\n\n/* もともとPC 用に設定していたスタイルを設定 。ブレークポイントは62em に設定している。以下のlg の値\noverrides\\app\\theme\\foundations\\breakpoints.js*/\n@media print, screen and (min-width: 62em) {\n    .fv-swiper-text {\n        font-size: 20px;\n        line-height: 30px;\n        margin-top: 20px;\n    }\n}\n\n  .fadeOutText{\n    color: #ffffff;\n    transition: color 0.5s ease;\n  }\n\n@media print, screen and (min-width: 48.06125em) {\n    .fv-swiper-btn {\n        width: 100%;\n        max-width: 280px;\n        height: 48px;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        border-radius: 2px;\n        background-color: #323232;\n        margin-top: 22px;\n    }\n\n    .fv-swiper-btn:hover {\n        background-color: rgba(50, 50, 50, 0.3);\n        transition: background-color 0.3s;\n    }\n}\n\n.fv-btn-text {\n    font-family: "MFW-HiraKakuProN-W6", sans-serif;\n    font-size: 13px;\n    letter-spacing: 0em;\n    text-align: center;\n    color: #fffcf4;\n    position: relative;\n    width: 100%;\n}\n\n.fv-btn-icon {\n    position: absolute;\n    right: 16px;\n    top: 9px;\n}\n\n/* .swiper-pagination {\n    top: 100vw !important;\n    bottom: unset;\n    text-align: right !important;\n    padding-right: 20px;\n}\n\n@media print, screen and (min-width: 48.06125em) {\n    .swiper-pagination {\n        display: none;\n    }\n}\n\n.swiper-pagination-bullet {\n    width: 4px !important;\n    height: 4px !important;\n    background: #323232 !important;\n    opacity: 0.2;\n}\n\n.swiper-pagination-bullet-active {\n    background: #323232 !important;\n    opacity: 1;\n    transition: opacity 0.3s;\n} */\n\n.autoplay-progress {\n    position: absolute;\n    bottom: -3px;\n    left: -3px;\n    z-index: 10;\n    width: 10px;\n    height: 10px;\n    /* display: flex; */\n    align-items: center;\n    justify-content: center;\n    color: #000000;\n}\n\n.autoplay-progress svg {\n    --progress: 0;\n    position: absolute;\n    top: 0px;\n    left: 0px;\n    z-index: 10;\n    width: 100%;\n    height: 100%;\n    stroke-width: 1px;\n    stroke: #000000;\n    fill: none;\n    stroke-dashoffset: calc(31.4 * (1 - var(--progress)));\n    stroke-dasharray: 31.4;\n    transform: rotate(-90deg);\n}\n\n.navi-area {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n}\n\n.navi-area-line {\n    display: flex;\n    border-bottom: 1px solid #ffffff;\n}\n\n.navi-area-item {\n    display: flex;\n    flex-direction: column;

1\n    align-items: center;\n    background: #323232;\n    border-right: 1px solid #ffffff;\n    font-family: "MFW-HiraKakuProN-W5", sans-serif;\n    font-size: 13px;\n    line-height: 30px;\n    letter-spacing: 0em;\n    text-align: center;\n}\n\n.fv-swiper .swiper-wrapper{\n    transition-timing-function: ease;\n}\n\n',""]);const o=l},61372:(e,n,t)=>{t.d(n,{A:()=>o});var a=t(12379),i=t.n(a),s=t(81364),l=t.n(s)()(i());l.push([e.id,".shops-slide {\n    position: relative;\n    width: 100vw;\n    overflow: hidden;\n}\n\n.shops-slide-ul {\n    padding: 0;\n    flex-shrink: 0;\n    will-change: transform;\n}\n\n/*\n店舗画像のスライダー用のスタイル\nanimation-duration はfirsrt-child とlast-child に同じ値を設定\nfirst-child はanimation-delay に -1 * (animation-duration / 2) の値を指定することできれいにループするように見える\nanimation-duration の秒数を大きくすると、画像切替のスピードが遅くなる\n#32210 で切替速度を修正。AOYAMAページと同じ速度になるように目視確認で切替速度を調整した\n*/\n.shops-slide-ul:first-child {\n    animation-name: slide1;\n    animation-duration: 210s;\n    animation-delay: -105s;\n    animation-timing-function: linear;\n    animation-iteration-count: infinite;\n}\n\n.shops-slide-ul:last-child {\n    animation-name: slide2;\n    animation-duration: 210s;\n    animation-timing-function: linear;\n    animation-iteration-count: infinite;\n}\n\n/* SP表示時の切替速度を設定 */\n@media print, screen and (max-width: 48.06125em) {\n    .shops-slide-ul:first-child {\n        animation-duration: 106s;\n        animation-delay: -53s;\n    }\n    .shops-slide-ul:last-child {\n        animation-duration: 106s;\n    }\n}\n\n.shops-slide-li {\n    display: inline-block;\n    width: 38.4vw;\n    height: 23.2vw;\n    list-style: none;\n    text-align: center;\n    position: relative;\n}\n\n@media print, screen and (max-width: 48.06125em) {\n    .shops-slide-li {\n        width: 79.7vw;\n        height: 79.7vw;\n    }\n}\n\n.shops-slide-li img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    position: absolute;\n    left: 0;\n    top: 0;\n}\n \n@keyframes slide1 {\n    0% {\n        transform: translateX(100%);\n    }\n \n    to {\n        transform: translateX(-100%);\n    }\n}\n \n@keyframes slide2 {\n    0% {\n        transform: translateX(0);\n    }\n \n    to {\n        transform: translateX(-200%);\n    }\n}\n\n/* .shops-swiper{\n    width: 100%;\n}\n\n.shops-swiper .swiper-wrapper{\n    transition-timing-function: linear;\n}\n\n.shops-area-img {\n    width: 100%;\n    height: 23.2vw;\n    position: relative;\n}\n\n@media print, screen and (max-width: 48.06125em) {\n    .shops-area-img {\n        width: 100%;\n        height: 0px;\n        padding-bottom: 100%;\n    }\n}\n\n.shops-area-img img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    position: absolute;\n    left: 0;\n    top: 0;\n} */\n",""]);const o=l},8074:(e,n,t)=>{t.d(n,{A:()=>o});var a=t(12379),i=t.n(a),s=t(81364),l=t.n(s)()(i());l.push([e.id,".insta{\n    width:100%;\n    display: inline-grid;\n    padding-left: max(144px, 50px);\n    /* mb={{base: '115px', md: '90px'}}\n       をBoxに設定しているため、margin-bottomの設定は不要\n    */\n}\n@media print, screen and (max-width: 48.06125em) {\n    .insta{\n        /*height をpx固定するとInstagramの領域が店舗を探すに重なる場合があるため、auto を設定*/\n        height: auto;\n        padding-right: 0px;\n        padding-left: 0px;\n        /* mb={{base: '115px', md: '90px'}}\n           をBoxに設定しているため、margin-bottomの設定は不要\n        */\n    }\n}\n.insta-title{\n    width: 100%;\n    height: 83px;\n    margin-bottom:32px;\n}\n@media print, screen and (max-width: 48.06125em) {\n    .insta-title{\n        padding-left: 18px;\n        margin-bottom:30px;\n        height: auto;\n    }\n}\n.insta-title-topic{\n    display:flex;\n    width: 100%;\n    height: 28px;\n    border-bottom: 1px solid #e8e8e8;\n}

1\n@media print, screen and (max-width: 48.06125em) {\n    .insta-title-topic{\n        height: auto;\n        align-items:center;\n        padding-bottom: 8px;\n    }\n}\n.insta-title-topic-icon{\n    width: 8px;\n    height: 8px;\n    margin-top:6px;\n    background: #323232;\n}\n@media print, screen and (max-width: 48.06125em) {\n    .insta-title-topic-icon{\n        width: 2.41546vw;\n        height: 2.41546vw;\n        margin-top: 0px;\n        margin-bottom: 7px;\n    }\n}\n.insta-title-topic-text{\n    color: #323232;\n    height: 22.5px;\n    margin-left: 9px;\n}\n.insta-title-topic-text-style{\n    font-family: \"MFW-HiraKakuProN-W5\", sans-serif;\n    font-size: 11px;\n    line-height: 17px;\n    letter-spacing: 0em;\n    text-align: left;\n    /* 文字の中心が四角マークとずれるため、Figmaでは設定されていないがvertical-align を設定\n       四角マークのmargin-top はFigmaと同じ値を設定している\n    */\n    vertical-align: 3px;\n}\n@media print, screen and (max-width: 48.06125em) {\n    .insta-title-topic-text-style{\n        font-size: 2.89855vw;\n    }\n}\n.insta-title-text{\n    width: 100%;\n    height: 30px;\n    margin-top: 25px;\n}\n@media print, screen and (max-width: 48.06125em) {\n    .insta-title-text{\n        margin-top: 31px;\n    }\n}\n.insta-title-text-style{\n    font-family: \"MFW-HiraKakuProN-W5\", sans-serif;\n    font-size: 20px;\n    line-height: 30px;\n    letter-spacing: 0em;\n    text-align: left;\n    color: #323232;\n}\n\n@media print, screen and (max-width: 48.06125em) {\n    .insta-title-text-style{\n        font-size: 4.83092vw\n    }\n}\n\n.insta-container{\n    float: left;\n    margin: 0;\n    padding: 0;\n    display: flex;\n    width: 100%;\n    padding-right: max(144px, 50px);\n}\n\n@media print, screen and (max-width: 48.06125em) {\n    .insta-container{\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        grid-gap: 4px; /*画像の間隔*/\n        width: 100%;\n        padding-right: 0px;\n    }\n}\n\n.large-image{\n    flex: 1;\n    height: auto;\n    margin-right: 2px;\n    position: relative;\n    overflow: hidden;\n}\n\n@media print, screen and (max-width: 48.06125em) {\n  .large-image{\n    grid-column: span 2;\n    grid-row: span 2;\n    width: auto;\n    height: auto;\n    margin-right: 0px;\n  }\n}\n\n.large-image img{\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n\n.small-image{\n    flex: 1;\n    height: auto;\n    margin-right: 2px;\n    overflow: hidden;\n}\n\n@media print, screen and (max-width: 48.06125em) {\n    .small-image{\n      width: auto;\n      height: auto;\n      margin-right: 0px;\n    }\n  }\n\n.small-image img{\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n.insta-btn-area{\n    width: 100%;\n    margin-top: 40px;\n    left: 19px;\n    text-align: center;\n    padding-right: max(144px, 50px);\n}\n\n@media print, screen and (max-width: 48.06125em) {\n    .insta-btn-area{\n        padding-right: 0px;\n        margin-top: 48px;\n    }\n}\n\n.insta-all-btn{\n    width: 316px;\n    height: 48px;\n    border-radius: 2px;\n    background-color: #323232;\n    color:#FFFCF4;\n    display: inline-block;\n    margin: 0 auto;\n    position: relative;\n}\n@media print, screen and (max-width: 48.06125em) {\n    .insta-all-btn{\n        display: flex;\n        height: 11.5942vw;\n        width: 100%;\n        max-width: 76.3285vw;\n        font-size: 3.1401vw;\n        align-items: center;\n        justify-content: center;\n    }\n}\n.insta-all-btn img{\n    margin-top: 4px;\n    position: absolute;\n    right: 16px;\n    top: 12px\n}\n@media print, screen and (max-width: 48.06125em) {\n    .insta-all-btn img{\n        right: 3.86473vw;\n        width: 3.1401vw;\n        height: 2.657vw;\n        min-width: 16px;\n        min-height: 16px;\n        top: auto;\n        margin-top: 0px;\n    }\n}\n.insta-all-btn:hover{\n    background-color: rgba(50, 50, 50, 0.3);\n    transition: background-color 0.3s;\n}\n.insta-btn-text{\n    font-family: \"MFW-HiraKakuProN-W6\", sans-serif;\n    font-size: 13px;\n    line-height: 20px;\n    letter-spacing: 0em;\n    text-align: center;\n    color: #FFFCF4;\n    display: inline-block;\n    margin-top: 15px;\n}

1\n@media print, screen and (max-width: 48.06125em) {\n    .insta-btn-text{\n        font-size: 3.1401vw;\n        margin-top: 0px;\n    }\n}",""]);const o=l},57379:(e,n,t)=>{t.d(n,{A:()=>o});var a=t(12379),i=t.n(a),s=t(81364),l=t.n(s)()(i());l.push([e.id,'.news{\n    width: 100%;\n    padding-left: max(144px, 50px);\n}\n\n@media print, screen and (max-width: 48.06125em) {\n    .news {\n        width: 100%;\n        padding-left: 18px;\n    }\n  }\n\n.news-title{\n    width: 100%;\n    height: 87px;\n}\n@media print, screen and (max-width: 48.06125em) {\n    .news-title{\n        height: auto;\n    }\n}\n.news-title-topic{\n    display:flex;\n    width: 100%;\n    height: 32px;\n    border-bottom: 1px solid #e8e8e8;\n}\n@media print, screen and (max-width: 48.06125em) {\n    .news-title-topic{\n        height: auto;\n        align-items:center;\n        padding-bottom: 8px;\n    }\n}\n.news-title-topic-icon{\n    width: 8px;\n    height: 8px;\n    /*NEWSの文字の中心にアイコンが表示されるようにmargin-top を調整*/\n    margin-top:9px;\n    background: #323232;\n}\n@media print, screen and (max-width: 48.06125em) {\n    .news-title-topic-icon{\n        width: 2.41546vw;\n        height: 2.41546vw;\n        margin-bottom: 9px;\n    }\n}\n.news-title-topic-text{\n    color: #323232;\n    width: 355.5px;\n    height: 22.5px;\n    margin-left: 9px;\n}\n.news-title-topic-text-style{\n    font-family: "MFW-HiraKakuProN-W5", sans-serif;\n    font-size: 11px;\n    line-height: 17px;\n    letter-spacing: 0em;\n    text-align: left;\n}\n@media print, screen and (max-width: 48.06125em) {\n    .news-title-topic-text-style{\n        font-size: 2.89855vw;;\n    } \n}\n.news-title-text{\n    width: 229px;\n    height: 30px;\n    margin-top: 25px;\n}\n@media print, screen and (max-width: 48.06125em) {\n    .news-title-text{\n        margin-top: 31px;\n        width: 100%;\n        height: auto;\n    }\n}\n.news-title-text-style{\n    font-family: "MFW-HiraKakuProN-W5", sans-serif;\n    font-size: 20px;\n    line-height: 30px;\n    letter-spacing: 0em;\n    text-align: left;\n    color: #323232;\n}\n@media print, screen and (max-width: 48.06125em) {\n    .news-title-text-style{\n        font-size: 4.83092vw;\n    }\n}\n.news-list{\n    /*.news-item のmargin-top と合わせて30px になるように調整\n        30-13 = 17px\n    */\n    margin-top:17px;\n    width: 100%;\n    height: auto;\n    /*要素は縦並びにする*/\n    display: inline-flex;\n    flex-direction: column;\n}\n@media print, screen and (max-width: 48.06125em) {\n    .news-list{\n        margin-top:28px;\n        width: 100%;\n        height: auto;\n    }\n}\n.news-item{\n    width: auto;\n    max-width: 1080px;\n    margin-top: 13px;\n    left: 19px;\n    display: inline-flex;\n    border-bottom: 1px solid #e8e8e8;\n}\n@media print, screen and (max-width: 48.06125em) {\n    .news-item{\n        width: auto;\n        margin-top: 31px;\n        left: 19px;\n        display: flow-root;\n        border-bottom: none;\n        padding-right: 53px;\n    }\n}\n@media print, screen and (max-width: 48.06125em) {\n    .news-item:first-child{\n        margin-top: 0px;\n    }\n}\n.news-date{\n    /*Figma上はwidth:100px、margin-right: 25pxだが、\n      【重要なお知らせ】の文字列を１行で表示できないため、\n      width、margin-rightを調整\n    */\n    width: 110px;\n    margin-right: 15px;\n    opacity: 0.5;\n    line-height: 18px;\n    /*文字が12px、行間が18px\n      (18px - 12px) / 2 = 3px\n      line-height: 18px; の設定により、上下3px の余白が生まれるため、padding-topで調整\n    */\n    padding-top: 3px;\n}\n@media print, screen and (max-width: 48.06125em) {\n    .news-date{\n        width: auto;\n        margin-right: 0px;\n        height: 19px;\n        line-height: 0px;\n        padding-top: 0px;\n    }\n}\n.news-date-style{\n    font-family: "MFW-HiraKakuProN-W5", sans-serif;\n    font-size: 12px;\n    line-height: 18px;\n    letter-spacing: 0em;\n    text-align: left;\n}\n@media print, screen and (max-width: 48.06125em) {\n    .news-date-style{\n        font-size: 2.89855vw;\n    }\n}\n.news-content{\n    width: auto;\n    max-width: 955px;\n    /*Figma では19px だが、.news-content の高さがFigmaと6px 異なるため、margin の大きさを調整*/\n    margin-bottom: 13px;\n    /*日付の横幅は固定し、リンクの部分だけ横幅を可変にするためにflex のスタイルを設定*/\n    flex: 1;\n}\n@media print, screen and (max-width: 48.06125em) {\n    .news-content{\n        width: auto;\n        margin-top: 4px;\n        margin-bottom: 0px;\n    }\n}\n\n@media print, screen and (min-width: 48.0625em) {\n    .news-content a {\n      background: linear-gradient(currentColor, currentColor) no-repeat left 100% bottom 0px/0 1px;\n      text-decoration: none;\n      transition: background-size .3s ease;\n    }\n    .news-content a:hover {\n      background-position: left 0% bottom 0px;\n      background-size: 100% 1px;\n    }\n  }\n\n.news-content-style{\n    font-family: "MFW-HiraKakuProN-W3", sans-serif;\n    font-size: 15px;\n    line-height: 28px;\n    letter-spacing: 0em;\n    text-align: left;\n}\n@media print, screen and (max-width: 48.06125em) {\n    .news-content-style{\n        font-size: 3.38164vw;\n        line-height: 1.571;\n        text-decoration: underline;\n    }\n}\n.news-btn-area{\n    width: 100%;\n    margin-top: 42px;\n    text-align: center;\n    padding-right: max(144px, 50px);\n}\n@media print, screen and (max-width: 48.06125em) {\n    .news-btn-area{\n        margin-top: 40px;\n        left: 19px;\n        text-align: center;\n        /*ボタンを画面中央に表示するために\n          .newsに指定しているpadding を、要素の右側に設定\n        */\n        padding-right: 18px;\n    }\n}\n.news-all-btn{\n    width: 316px;\n    height: 48px;\n    left: 50px;\n    border-radius: 2px;\n    background-color: #323232;\n    color:#FFFCF4;\n}\n@media print, screen and (max-width: 48.06125em) {\n    .news-all-btn{\n        height: 11.5942vw;\n        width: 100%;\n        max-width: 76.3285vw;\n    }\n}\n@media print, screen and (min-width: 48.06125em) {\n    .news-all-btn:hover{\n        background-color: rgba(50, 50, 50, 0.3);\n        transition: background-color 0.3s;\n    }\n}\n\n.news-btn-text{\n    font-family: "MFW-HiraKakuProN-W6", sans-serif;\n    font-size: 13px;\n    line-height: 20px;\n    letter-spacing: 0em;\n    text-align: center;\n    color: #FFFCF4;\n}\n@media print, screen and (max-width: 48.06125em) {\n    .news-btn-text{\n        font-size: 3.1401vw;\n    }\n}\n.news-more-item{\n    display :none;\n}',""]);const o=l},9511:(e,n,t)=>{var a=t(46186),i=t.n(a),s=t(82155),l=t.n(s),o=t(27433),r=t.n(o),m=t(88626),p=t.n(m),c=t(8990),d=t.n(c),u=t(89827),g=t.n(u),x=t(56584),h={};h.styleTagTransform=g(),h.setAttributes=p(),h.insert=r().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=d(),i()(x.A,h),x.A&&x.A.locals&&x.A.locals}}]);