https://laskoi.jp/assets/faq-DcjjU8Hm.js

1import{j as e,r as c}from"./index-C2QcBn3Y.js";import{A as g,S as _,L as w}from"./index-CLopEweX.js";import{f as b,s as N,b as v}from"./faq-data-Bso_d-vC.js";import{L as F}from"./components-Z4Zmj4fQ.js";import{H as k,F as C}from"./header-D_sw8voD.js";import"./app-download-buttons-DvXV76lz.js";import"./adjust-CwWvX2eE.js";function L({ctaUrl:t}){return e.jsxs("div",{className:"rounded-xl mx-auto mb-15 mt-12 max-w-[840px] bg-white px-5 py-10 text-center shadow-[0_2px_16px_rgba(0,0,0,0.04)]",children:[e.jsx("p",{className:"mb-2 text-16 font-semibold text-purple-500",children:"疑問は解決しましたか？"}),e.jsx("p",{className:"mb-5 text-13 text-purple-500/70",children:"まずは無料で登録して、ラス恋を体験してみてください"}),e.jsx("a",{className:"inline-block rounded-full bg-primary-500 px-10 py-3.5 text-15 font-bold text-white transition-[background,transform] hover:-translate-y-px hover:bg-[#D13E65]",href:t,rel:"noopener noreferrer",target:"_blank",children:"今すぐ無料ではじめる"}),e.jsxs("p",{className:"text-gray-400 mt-4 text-12",children:["その他のご質問は"," ",e.jsx("a",{className:"font-medium text-primary-500 no-underline",href:"https://support.laskoi.jp/hc/ja",rel:"noopener noreferrer",target:"_blank",children:"ヘルプセンター"})," ","へ"]})]})}function E(){const[t,s]=c.useState(""),[n,o]=c.useState(new Set),i=c.useRef(null),a=c.useMemo(()=>t.trim().split(/[\s\u3000]+/).filter(r=>r.length>0),[t]),l=a.length>0,p=c.useMemo(()=>l?b.map(r=>({...r,faqs:r.faqs.filter(x=>{const d=x.question+" "+N(x.answer);return a.every(h=>d.toLowerCase().includes(h.toLowerCase()))})})).filter(r=>r.faqs.length>0):b,[l,a]),m=c.useMemo(()=>p.reduce((r,x)=>r+x.faqs.length,0),[p]),j=c.useCallback((r,x)=>{const d=`${r}:${x}`;o(h=>{const u=new Set(h);return u.has(d)?u.delete(d):u.add(d),u})},[]),y=c.useCallback(()=>{var r;s(""),o(new Set),(r=i.current)==null||r.focus()},[]);return e.jsxs("div",{className:"relative z-10 mx-auto -mt-7.5 mb-15 max-w-[840px] px-4",children:[e.jsxs("div",{className:"rounded-xl mb-5 bg-white p-5 shadow-[0_2px_16px_rgba(0,0,0,0.04)] md:px-6",children:[e.jsxs("div",{className:"relative flex items-center",children:[e.jsxs("svg",{className:"text-gray-400 pointer-events-none absolute left-4 top-1/2 size-5 -translate-y-1/2",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,viewBox:"0 0 24 24",children:[e.jsx("circle",{cx:11,cy:11,r:8}),e.jsx("line",{x1:21,x2:16.65,y1:21,y2:16.65})]}),e.jsx("input",{autoComplete:"off",className:"placeholder:text-gray-400 w-full rounded-full border-2 border-[#F0E0E5] bg-[#FAFAFA] py-3.5 pl-12 pr-11 text-15 font-semibold text-purple-500 outline-none transition-[border-color,box-shadow] focus:border-primary-500 focus:bg-white focus:shadow-[0_0_0_3px_rgba(228,82,117,0.12)] md:py-3.5",onChange:r=>{s(r.target.value),r.target.value.trim().length>0&&o(new Set)},placeholder:"気になるキーワードで検索（例：料金、安全、写真）",ref:i,type:"text",value:t}),t.length>0&&e.jsx("button",{"aria-label":"検索をクリア",className:"text-gray-400 absolute right-3.5 top-1/2 flex size-7 -translate-y-1/2 items-center justify-center rounded-full bg-[#F0E0E5] text-14 transition-colors hover:bg-primary-500 hover:text-white",onClick:y,type:"button",children:"✕"})]}),l&&m>0&&e.jsxs("p",{className:"text-gray-400 mt-2.5 text-center text-13",children:[e.jsx("strong",{className:"font-bold text-primary-500",children:m}),"件の質問が見つかりました"]}),l&&m===0&&e.jsx("p",{className:"text-gray-400 mt-2.5 text-center text-13",children:"該当する質問が見つかりませんでした。別のキーワードでお試しください。"})]}),!l&&e.jsxs("nav",{className:"rounded-xl mb-8 bg-white px-5 py-6 shadow-[0_2px_16px_rgba(0,0,0,0.04)] md:px-7",children:[e.jsx("p",{className:"mb-3 text-14 font-bold text-primary-500",children:"カテゴリから探す"}),e.jsx("ul",{className:"flex flex-wrap gap-2",children:b.map(r=>e.jsx("li",{children:e.jsx("a",{className:"inline-block rounded-full bg-[#FFF0F3] px-3.5 py-1.5 text-13 font-medium text-primary-500 transition-colors hover:bg-primary-500 hover:text-white",href:`#${r.id}`,children:r.title})},r.id))})]}),p.map(r=>e.jsx(A,{category:r,isSearching:l,keywords:a,onToggle:j,openItems:n},r.id))]})}function q(t){return t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}function A({category:t,isSearching:s,keywords:n,onToggle:o,openItems:i}

1){return e.jsxs("div",{className:"mb-7",id:t.id,children:[e.jsxs("div",{className:"rounded-t-xl flex items-center gap-2.5 border-b-2 border-primary-500 bg-white px-5 py-4 shadow-[0_2px_16px_rgba(0,0,0,0.04)] md:px-6",children:[e.jsx("span",{className:"text-22",children:t.icon}),e.jsx("h2",{className:"text-17 font-bold text-purple-500",children:t.title}),e.jsx("span",{className:"text-gray-400 ml-auto text-12",children:s?`${t.faqs.length}問`:t.count})]}),e.jsx("div",{className:"rounded-b-xl overflow-hidden bg-white shadow-[0_2px_16px_rgba(0,0,0,0.04)]",children:t.faqs.map(a=>{const l=`${t.id}:${a.question}`,p=s||i.has(l);return e.jsx(S,{answer:a.answer,isOpen:p,keywords:n,onToggle:()=>o(t.id,a.question),question:a.question},a.question)})})]})}function S({answer:t,isOpen:s,keywords:n,onToggle:o,question:i}){const a=n.length>0?f(i,n):i,l=n.length>0?f(t,n):t;return e.jsxs("div",{className:"border-b border-[#F0E0E5] last:border-b-0",children:[e.jsxs("button",{className:"flex w-full items-center gap-3 px-4 py-4.5 text-left text-14 font-semibold leading-1.6 text-purple-500 transition-colors hover:bg-[#FDF5F7] md:gap-3 md:px-5.5 md:text-14",onClick:o,type:"button",children:[e.jsx("span",{className:"flex size-7 shrink-0 items-center justify-center rounded-full bg-primary-500 text-12 font-bold text-white",children:"Q"}),e.jsx("span",{className:"flex-1",dangerouslySetInnerHTML:{__html:a}}),e.jsxs("span",{className:"relative size-4.5 shrink-0",children:[e.jsx("span",{className:"rounded-sm absolute inset-x-0.5 top-1/2 h-0.5 -translate-y-1/2 bg-primary-500 transition-transform"}),e.jsx("span",{className:["rounded-sm absolute bottom-0.5 left-1/2 top-0.5 w-0.5 -translate-x-1/2 bg-primary-500 transition-[transform,opacity] duration-300",s?"rotate-90 opacity-0":""].join(" ")})]})]}),e.jsx("div",{className:["duration-350 overflow-hidden transition-[max-height] ease-in-out",s?"max-h-[800px]":"max-h-0"].join(" "),children:e.jsx("div",{className:"text-13.5 px-4 pb-5 pl-[62px] leading-1.9 text-purple-500/70 md:px-5.5 md:pl-[62px] [&_a]:font-medium [&_a]:text-primary-500 [&_a]:no-underline hover:[&_a]:underline [&_strong]:font-semibold [&_strong]:text-purple-500",dangerouslySetInnerHTML:{__html:l}})})]})}function f(t,s){if(s.length===0)return t;let n=t;for(const o of s){const i=q(o),a=new RegExp("("+i+")","gi");n=n.replace(/(<[^>]+>)|([^<]+)/g,(l,p,m)=>p||m.replace(a,'<span class="rounded-sm bg-primary-500/15 px-0.5 text-primary-500">$1</span>'))}return n}function T(){return e.jsxs("section",{className:"bg-gradient-to-br from-primary-500 to-[#F06292] px-5 pb-12.5 pt-15 text-center text-white md:pb-15 md:pt-20",children:[e.jsxs("p",{className:"mb-4 text-12 opacity-80",children:[e.jsx(F,{className:"text-white no-underline",to:"/",children:"TOP"})," ＞ よくあるご質問"]}),e.jsx("h1",{className:"mb-2 text-28 font-bold md:text-36",children:"よくあるご質問"}),e.jsx("p",{className:"text-14 opacity-90",children:"ラス恋・マッチングアプリに関する疑問にお答えします（全65問）"})]})}const z=()=>{const t="よくあるご質問（FAQ） | ラス恋 - 40代・50代・60代向けマッチングアプリ",s="ラス恋に関するよくあるご質問を全65問掲載。料金・安全性・使い方・プロフィールのコツ・デート・他社比較まで、40代・50代・60代のマッチングアプリ初心者の方の疑問にお答えします。",n=`${_}/faq`,o=w;return[{title:t},{content:s,name:"description"},{content:t,property:"og:site_name"},{content:t,property:"og:title"},{content:s,property:"og:description"},{content:"website",property:"og:type"},{content:n,property:"og:url"},{content:o,property:"og:image"},{content:"ja_JP",property:"og:locale"},{href:n,rel:"canonical",tagName:"link"},{content:"summary_large_image",property:"twitter:card"},{content:t,name:"twitter:title"},{content:s,name:"twitter:description"},{content:o,name:"twitter:image"},{"script:ld+json":v()}]};function P(){return e.jsxs("div",{className:"min-h-screen bg-[#FAFAFA] font-semibold text-purple-500",children:[e.jsx(k,{ctaUrl:g.DEFAULT}),e.jsx(T,{}),e.jsx(E,{}),e.jsx(L,{ctaUrl:g.DEFAULT}),e.jsx(C,{ctaUrl:g.DEFAULT})]})}

1export{P as default,z as meta};