https://www.oh-my-teeth.com/static/Differences-CBvxRd7g.js

1import{j as e,F as d}from"./client-BVnOiaDk.js";import{B as c}from"./Button-CY7Fb7tO.js";import{u as h}from"./useBreakpoint-FKSj6IRn.js";import{u as f,a as g}from"./useCarouselSp-B1FtsJxD.js";import{CdnImage as r}from"./CdnImage-Bcvft_E1.js";/* empty css                */import"./buttonColors-Bmiakrkd.js";import"./cls-DRj8bM_V.js";const a=[{title:"歯型取り",appeal:{image:"characteristics/take-dental-impression.png",description:`リアルタイムでお口のデータ化
2負担も軽減！`},before:{image:"characteristics/before/take-dental-impression.png",description:"口を開けたまま3～4分程固まるのに時間がかかるので、嘔吐反射が強い方にはつらい体験に。"}},{title:"経過チェック",appeal:{point:"LINE",image:"how-to-use-ai-camera-app.mp4",description:`週1回スキマ時間にサクッと撮影＆送信！
3環境に左右されず矯正が進められる！`},before:{image:"characteristics/before/progress-check.jpg",description:"毎月通院の予定を調整するのが負担になったり引っ越しや長期出張等があると治療が長引くケースも。"}},{title:"治療相談",appeal:{point:"メッセージ＆オンライン",image:"characteristics/treatment-consultation.jpg",description:`どんな小さなことでもいつでも気軽に
4相談可能！もちろん対面での相談もOK`},before:{image:"characteristics/before/treatment-consultation.jpg",description:"予約を取るほどではないか...と不安をそのままにしてしまうことも。"}},{title:"治療計画",appeal:{point:"独自システム",image:"characteristics/treatment-plan.jpg",description:`ユーザーの情報を全てデータで管理する
5ことでスピーディーに作成可能に。`},before:{image:"characteristics/before/treatment-plan.jpeg",description:"1つ1つ手書きなので1ヶ月程度、矯正開始まで時間がかってしまう。ドクター選びがカギとなる傾向に。"}},{title:"マウスピース設計",appeal:{point:"デジタル",image:"mouthpiece-design.mp4",description:`ドクターや技工士の経験のみに頼らず、
6数千人を超えるユーザーの歯の動き方
7を分析し、ミリ単位で精密に設計`},before:{image:"characteristics/before/mouthpiece-design.png",description:"手作業"}},{title:"マウスピース製造",appeal:{point:"デジタル",image:"mouthpiece-manufacturing.mp4",description:e(d,{children:["マウスピース総製造数20万個突破",e("span",{className:"inline-block px-10 text-[8px] font-medium leading-3 text-top-gray opacity-50",children:"※2022年10月〜2024年10月までの総製造数（1人の患者さまに対して複数製造するマウスピースを含んだ総和のこと）"})]})},before:{image:"characteristics/before/mouthpiece-manufacturing.jpg",description:"手作業"}}],u=()=>{const{wrapperRef:s,onLeftButtonClick:n,onRightButtonClick:o}=g(a);return e("div",{className:"relative flex flex-col items-center",children:e("div",{ref:s,className:"flex w-full snap-x snap-mandatory overflow-x-auto hidden-scrollbar",children:[a.map(({title:m,appeal:t,before:l},i)=>e("div",{className:"mr-[18px] flex min-w-[48%] snap-start flex-col items-start gap-y-8 rounded-[18px] bg-top-primary p-5 px-4 text-center last:mr-0",children:[e("span",{className:"mx-auto my-0 inline-block rounded-[62px] bg-black px-[38px] py-2 text-[18px] text-base font-bold text-white",children:m}),e("div",{className:"flex w-full flex-col gap-y-0",children:[e("div",{className:"flex w-full flex-col items-center justify-center gap-y-1.5 xl:w-[380px]",children:[e("div",{className:"flex w-full items-center justify-between",children:[e("span",{className:`rounded-[62px] bg-top-secondary px-[14px] py-1.5 text-sm font-bold text-white ${t!=null&&t.point?"visible":"invisible"}`,children:t==null?void 0:t.point}),e("img",{src:"/static/shared/logo/black.svg",alt:"oh-my-teeth",width:400,height:70,className:"w-[150px]",loading:"lazy"})]}),e("div",{className:"h-[150px] w-full",children:["mp4","mov"].includes(t.image.slice(-3))?e("video",{loop:!0,muted:!0,autoplay:!0,playsinline:!0,oncontextmenu:"return false;",oncanplay:"this.muted=true",className:"h-full w-full",src:`https://images.oh-my-teeth.com/top/${t.image}`}):e(r,{src:`/static/ja/top/${t.image}`,alt:"",className:"h-full w-full object-cover"})}),e("div",{className:"h-[82px] whitespace-pre-line text-center text-base font-bold sm:text-[18px]",children:t.description})]}),e("div",{className:"flex w-full flex-col gap-y-3",children:[e("span",{className:"inline-block w-[122px] rounded-[62px] bg-top-gray px-[40px] py-1.5 text-[18px] font-bold text-white",children:"従来"}),e("div",{className:"flex gap-x-3.5 text-left xl:h-[150px]",children:[e(r,{src:`/static/ja/top/${l.image}`,alt:"",className:"h-[130px] max-w-[160px] object-cover"}),e("p",{className:"text-xl font-normal",children:l.description})]})]})]})]},i)),e(c,{className:"absolute left-[-8.5%] top-1/2 w-[7%] -translate-y-1/2 transform",onClick:n,ariaLabel:"左にスクロール",children:e("img",{src:"/static/shared/top/carousel/left/scroll-gray.svg",alt:"",width:36,height:36,loading:"lazy"})}),e(c,{className:"absolute right-[-7%] top-1/2 w-[7%] -translate-y-1/2 transform",onClick:o,ariaLabel:"右にスクロール",children:e("img",{src:"/static/shared/top/carousel/right/scroll-gray.svg",alt:"",width:36,height:36,loading:"lazy"})})]})})},b=()=>{const{activeIndex:s,wrapperRef:n,onLeftButtonClick:o,onRightButtonClick:m,onIndicatorClick:t}=f(a);return e(d,{children:[e("div",{ref:n,className:"flex w-full snap-x snap-mandatory items-stretch gap-x-[18px] overflow-x-auto hidden-scrollbar",children:a.map(({title:l,appeal:i,before:p},x)=>e("div",{className:"flex min-w-[100%] snap-center flex-col items-start gap-y-[22px] rounded-[18px] bg-top-primary p-5 px-4 py-7 text-center",children:[e("span",{className:"mx-auto my-0 inline-block rounded-[62px] bg-black px-[26px] py-1 text-base font-bold text-white",children:l}),e("div",{className:"flex w-full flex-col gap-y-[15px]",children:[e("div",{className:"flex w-full flex-col items-center justify-center gap-y-1.5",children:[e("div",{className:"flex w-full items-center justify-between",children:[e("span",{className:`rounded-[62px] bg-top-secondary px-[12px] py-1.5 text-sm font-bold text-white ${i!=null&&i.point?"visible":"invisible"}`,children:i==null?void 0:i.point}),e("img",{src:"/static/shared/logo/black.svg",alt:"oh-my-teeth",width:400,height:70,className:"w-[120px]",loading:"lazy"})]}),e("div",{className:"h-[150px] w-full",children:["mp4","mov"].includes(i.image.slice(-3))?e("video",{loop:!0,muted:!0,autoplay:!0,playsinline:!0,oncontextmenu:"return false;",oncanplay:"this.muted=true",className:"h-full w-full",src:`https://images.oh-my-teeth.com/top/${i.image}`}):e(r,{src:`/static/ja/top/${i.image}`,alt:"",className:"h-full w-full object-contain"})}),e("div",{className:"h-[82px] whitespace-pre-line text-center text-base font-bold sm:text-[18px]",children:i.description})]}),e("div",{className:"flex w-full flex-col gap-y-3",children:[e("span",{className:"inline-block w-[122px] rounded-[62px] bg-top-gray px-[40px] py-1 text-sm font-bold text-white",children:"従来"}),e("div",{className:"flex gap-x-3.5 text-left xl:h-[150px]",children:[e(r,{src:`/static/ja/top/${p.image}`,alt:"",className:"h-[130px] max-w-[160px] object-cover"}),e("p",{className:"text-base font-normal",children:p.description})]})]})]})]},x))}),e("div",{className:"flex w-full justify-between",children:[e(c,{className:"w-9",onClick:o,ariaLabel:"左にスクロール",children:e("img",{src:"/static/shared/top/carousel/left/scroll-gray.svg",alt:"",width:36,height:36,loading:"lazy"})}

7),e("ul",{className:"flex justify-center",children:a.map(l=>e("li",{className:"mx-1.5 mb-5 mt-3 cursor-pointer p-1",onClick:()=>t(a.indexOf(l)),children:e(c,{className:"rounded-full p-1 hover:bg-black "+(a.indexOf(l)===s?"bg-[#666666]":"bg-top-gray")})},l.title))}),e(c,{className:"w-9",onClick:m,ariaLabel:"右にスクロール",children:e("img",{src:"/static/shared/top/carousel/right/scroll-gray.svg",alt:"",width:36,height:36,loading:"lazy"})})]})]})};function z(){const{isXl:s}=h();return e("div",{className:"flex flex-col items-center justify-center gap-y-[42px] px-5 pb-2 pt-[34px] md:gap-y-[102px] md:pb-[59px] md:pt-[91px]",children:[e("div",{className:"flex flex-col items-center justify-center gap-y-2.5 text-xl font-bold sm:gap-y-4 sm:text-[40px]",children:[e("img",{src:"/static/shared/logo/black.svg",alt:"oh-my-teeth",width:400,height:70,className:"w-[215px] sm:w-auto",loading:"lazy"}),"従来の矯正との違い"]}),e("div",{className:"w-full lg:max-w-[870px]",children:[s?e(b,{}):e(u,{})," "]})]})}export{z as default};