多くの企業において、限られたマーケティング予算やリソースをどのように配分すべきかという課題は常に存在します。すべての顧客に対して一律の施策を行っていては、費用対効果が十分に得られないケースも少なくありません。こんなときに有効となるのが、顧客を売上貢献度に応じてグループ分けし、それぞれのグループに最適なアプローチを検討する手法です。そしてその代表的な手法として挙げられるのがデシル分析です。今回は、デシル分析の基本的な意味や、混同されやすいABC分析との違い、具体的な計算手順、そして企業が自社の戦略に落とし込むための活用例について詳しくご紹介します。[[筆者|ちなみに「デシル」は「デシリットル」や「デシベル」の”デシ”と意味合いは同じです。解説します]]デシル分析とは？基礎知識と分析の目的を解説まずはじめに、デシル分析の基本的な概念と現在のビジネス環境においてデシル分析が重視されている理由について解説します。データ分析の第一歩として、まずは仕組みを正確に把握していきましょう。デシル（Decile）の意味とデータ分割の仕組みデシル分析は、すべての顧客を評価基準に沿って10等分にグループ分けし、それぞれのグループの特性を把握するための分析手法です。デシルとはラテン語で10分の1を意味する言葉に由来しています。具体的な仕組みですが、以下のように進めます。①ある一定期間内に自社の商品やサービスを購入したすべての顧客を、購入金額の高い順に並び替える。②顧客の総数を上から順番に10等分の同じ人数になるように切り分ける。③最も購入金額が高い上位10パーセントの層をデシル1、次の10パーセントをデシル2、と数え、最も購入金額が低い下位10パーセントの層がデシル10となる。%3C!DOCTYPE%20html%3E%0A%3Chtml%20lang%3D%22ja%22%3E%0A%3Chead%3E%0A%20%20%3Cmeta%20charset%3D%22UTF-8%22%3E%0A%20%20%3Cmeta%20name%3D%22viewport%22%20content%3D%22width%3Ddevice-width%2C%20initial-scale%3D1.0%22%3E%0A%20%20%3Ctitle%3E%E3%83%87%E3%82%B7%E3%83%AB%E5%88%86%E6%9E%90%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%3C%2Ftitle%3E%0A%20%20%3Cstyle%3E%0A%20%20%20%20%2F*%20%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%0A%20%20%20%20%20%20%20%E3%83%99%E3%83%BC%E3%82%B9%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB%0A%20%20%20%20%20%20%20%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%20*%2F%0A%20%20%20%20*%20%7B%0A%20%20%20%20%20%20box-sizing%3A%20border-box%3B%0A%20%20%20%20%20%20margin%3A%200%3B%0A%20%20%20%20%20%20padding%3A%200%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20body%20%7B%0A%20%20%20%20%20%20font-family%3A%20'Helvetica%20Neue'%2C%20Arial%2C%20'Hiragino%20Kaku%20Gothic%20ProN'%2C%20sans-serif%3B%0A%20%20%20%20%20%20background-color%3A%20%23f8fafc%3B%0A%20%20%20%20%20%20color%3A%20%231e293b%3B%0A%20%20%20%20%20%20display%3A%20flex%3B%0A%20%20%20%20%20%20justify-content%3A%20center%3B%0A%20%20%20%20%20%20align-items%3A%20center%3B%0A%20%20%20%20%20%20min-height%3A%20100vh%3B%0A%20%20%20%20%20%20overflow%3A%20hidden%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20%2F*%20%E3%83%A1%E3%82%A4%E3%83%B3%E3%82%B3%E3%83%B3%E3%83%86%E3%83%8A%20*%2F%0A%20%20%20%20.container%20%7B%0A%20%20%20%20%20%20width%3A%20100%25%3B%0A%20%20%20%20%20%20max-width%3A%20800px%3B%0A%20%20%20%20%20%20height%3A%20480px%3B%0A%20%20%20%20%20%20position%3A%20relative%3B%0A%20%20%20%20%20%20background-color%3A%20%23ffffff%3B%0A%20%20%20%20%20%20border%3A%202px%20solid%20%23e2e8f0%3B%0A%20%20%20%20%20%20border-radius%3A%2012px%3B%0A%20%20%20%20%20%20padding%3A%2024px%3B%0A%20%20%20%20%20%20display%3A%20flex%3B%0A%20%20%20%20%20%20flex-direction%3A%20column%3B%0A%20%20%20%20%20%20justify-content%3A%20space-between%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20%2F*%20%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%0A%20%20%20%20%20%20%20%E4%B8%8A%E9%83%A8%EF%BC%9A%E3%82%B9%E3%83%86%E3%83%BC%E3%82%B8%EF%BC%88%E3%82%B9%E3%83%86%E3%83%83%E3%83%97%E8%AA%AC%E6%98%8E%EF%BC%89%0A%20%20%20%20%20%20%20%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%20*%2F%0A%20%20%20%20.stages%20%7B%0A%20%20%20%20%20%20display%3A%20flex%3B%0A%20%20%20%20%20%20justify-content%3A%20space-between%3B%0A%20%20%20%20%20%20width%3A%20100%25%3B%0A%20%20%20%20%20%20border-bottom%3A%202px%20solid%20%23f1f5f9%3B%0A%20%20%20%20%20%20padding-bottom%3A%2012px%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20.stage%20%7B%0A%20%20%20%20%20%20font-size%3A%2013px%3B%0A%20%20%20%20%20%20font-weight%3A%20bold%3B%0A%20%20%20%20%20%20color%3A%20%2394a3b8%3B%0A%20%20%20%20%20%20display%3A%20flex%3B%0A%20%20%20%20%20%20align-items%3A%20center%3B%0A%20%20%20%20%20%20gap%3A%206px%3B%0A%20%20%20%20%20%20transition%3A%20color%200.4s%20ease%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20.stage-num%20%7B%0A%20%20%20%20%20%20display%3A%20inline-flex%3B%0A%20%20%20%20%20%20align-items%3A%20center%3B%0A%20%20%20%20%20%20justify-content%3A%20center%3B%0A%20%20%20%20%20%20width%3A%2020px%3B%0A%20%20%20%20%20%20height%3A%2020px%3B%0A%20%20%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%20%20%20%20border%3A%202px%20solid%20%23cbd5e1%3B%0A%20%20%20%20%20%20font-size%3A%2011px%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20%2F*%20%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E7%94%A8%E3%81%AE%E3%82%A2%E3%82%AF%E3%83%86%E3%82%A3%E3%83%96%E7%8A%B6%E6%85%8B%E5%88%B6%E5%BE%A1%20*%2F%0A%20%20%20%20.stage-1%20.stage-num%20%7B%20animation%3A%20stageActive1%2015s%20infinite%3B%20%7D%0A%20%20%20%20.stage-1%20%7B%20animation%3A%20stageTextActive1%2015s%20infinite%3B%20%7D%0A%0A%20%20%20%20.stage-2%20.stage-num%20%7B%20animation%3A%20stageActive2%2015s%20infinite%3B%20%7D%0A%20%20%20%20.stage-2%20%7B%20animation%3A%20stageTextActive2%2015s%20infinite%3B%20%7D%0A%0A%20%20%20%20.stage-3%20.stage-num%20%7B%20animation%3A%20stageActive3%2015s%20infinite%3B%20%7D%0A%20%20%20%20.stage-3%20%7B%20animation%3A%20stageTextActive3%2015s%20infinite%3B%20%7D%0A%0A%0A%20%20%20%20%2F*%20%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%0A%20%20%20%20%20%20%20%E4%B8%AD%E5%A4%AE%EF%BC%9A%E3%83%A1%E3%82%A4%E3%83%B3%E3%83%93%E3%82%B8%E3%83%A5%E3%82%A2%E3%83%AB%0A%20%20%20%20%20%20%20%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%20*%2F%0A%20%20%20%20.visual-area%20%7B%0A%20%20%20%20%20%20flex%3A%201%3B%0A%20%20%20%20%20%20position%3A%20relative%3B%0A%20%20%20%20%20%20display%3A%20flex%3B%0A%20%20%20%20%20%20justify-content%3A%20center%3B%0A%20%20%20%20%20%20align-items%3A%20center%3B%0A%20%20%20%20%20%20margin%3A%2020px%200%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20%2F*%20%E9%A1%A7%E5%AE%A2%E3%83%AA%E3%82%B9%E3%83%88%EF%BC%88Step%201%20%E3%81%AE%E4%B8%A6%E3%81%B3%E6%9B%BF%E3%81%88%E5%89%8D%E3%83%BB%E4%B8%A6%E3%81%B3%E6%9B%BF%E3%81%88%E5%BE%8C%EF%BC%89%20*%2F%0A%20%20%20%20.customer-list%20%7B%0A%20%20%20%20%20%20display%3A%20flex%3B%0A%20%20%20%20%20%20gap%3A%208px%3B%0A%20%20%20%20%20%20align-items%3A%20flex-end%3B%0A%20%20%20%20%20%20justify-content%3A%20center%3B%0A%20%20%20%20%20%20width%3A%20100%25%3B%0A%20%20%20%20%20%20height%3A%20240px%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20%2F*%20%E9%A1%A7%E5%AE%A2%E3%83%90%E3%83%BC%E3%81%AE%E5%9F%BA%E6%9C%AC%E5%AE%9A%E7%BE%A9%20*%2F%0A%20%20%20%20.customer%20%7B%0A%20%20%20%20%20%20width%3A%2024px%3B%0A%20%20%20%20%20%20border-radius%3A%204px%204px%200%200%3B%0A%20%20%20%20%20%20background-color%3A%20%2394a3b8%3B%0A%20%20%20%20%20%20position%3A%20relative%3B%0A%20%20%20%20%20%20display%3A%20flex%3B%0A%20%20%20%20%20%20flex-direction%3A%20column%3B%0A%20%20%20%20%20%20justify-content%3A%20flex-end%3B%0A%20%20%20%20%20%20align-items%3A%20center%3B%0A%20%20%20%20%20%20font-size%3A%209px%3B%0A%20%20%20%20%20%20font-weight%3A%20bold%3B%0A%20%20%20%20%20%20color%3A%20%23ffffff%3B%0A%20%20%20%20%20%20padding-bottom%3A%204px%3B%0A%20%20%20%20%20%20transition%3A%20transform%200.8s%20cubic-bezier(0.25%2C%201%2C%200.5%2C%201)%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20%2F*%2015%E7%A7%92%E3%81%AE%E3%83%AB%E3%83%BC%E3%83%97%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%82%92%E8%A8%AD%E8%A8%88%0A%20%20%20%20%20%200s%20~%204s%20%20%20%3A%20Step%201%20(%E3%83%A9%E3%83%B3%E3%83%80%E3%83%A0%E7%8A%B6%E6%85%8B%E3%81%8B%E3%82%89%E8%B3%BC%E5%85%A5%E9%87%91%E9%A1%8D%E9%A0%86%E3%81%AB%E4%B8%A6%E3%81%B9%E6%9B%BF%E3%81%88)%0A%20%20%20%20%20%204s%20~%208s%20%20%20%3A%20Step%202%20(10%E7%AD%89%E5%88%86%E3%81%AB%E5%88%87%E3%82%8A%E5%88%86%E3%81%91%E3%82%8B%E3%83%A9%E3%82%A4%E3%83%B3%E3%81%8C%E8%A1%A8%E7%A4%BA%E3%81%95%E3%82%8C%E3%82%8B)%0A%20%20%20%20%20%208s%20~%2013s%20%20%3A%20Step%203%20(%E3%83%87%E3%82%B7%E3%83%AB1%E3%80%9C10%E3%81%AE%E8%89%B2%E5%88%86%E3%81%91%E3%81%A8%E3%83%A9%E3%83%99%E3%83%AB%E3%81%8C%E8%A1%A8%E7%A4%BA%E3%81%95%E3%82%8C%E5%BC%B7%E8%AA%BF%E3%81%95%E3%82%8C%E3%82%8B)%0A%20%20%20%20%20%2013s%20~%2015s%20%3A%20%E3%83%95%E3%82%A7%E3%83%BC%E3%83%89%E3%82%A2%E3%82%A6%E3%83%88%E3%80%81%E3%83%AA%E3%82%BB%E3%83%83%E3%83%88%E6%BA%96%E5%82%99%0A%20%20%20%20*%2F%0A%0A%20%20%20%20%2F*%20%E9%AB%98%E3%81%95%E3%81%AE%E3%83%90%E3%83%AA%E3%82%A8%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%81%A8%E4%B8%A6%E3%81%B3%E6%9B%BF%E3%81%88%E4%BD%8D%E7%BD%AE%E3%81%AE%E5%AE%9A%E7%BE%A9%20*%2F%0A%20%20%20%20%2F*%20customer-1%20(%E6%9C%80%E9%AB%98%E9%A1%8D)%20~%20customer-20%20(%E6%9C%80%E4%BD%8E%E9%A1%8D)%20*%2F%0A%20%20%20%20.c-1%20%20%7B%20height%3A%20200px%3B%20order%3A%2012%3B%20animation%3A%20sort-1%20%2015s%20infinite%3B%20%7D%0A%20%20%20%20.c-2%20%20%7B%20height%3A%20190px%3B%20order%3A%203%3B%20%20animation%3A%20sort-2%20%2015s%20infinite%3B%20%7D%0A%20%20%20%20.c-3%20%20%7B%20height%3A%20180px%3B%20order%3A%2018%3B%20animation%3A%20sort-3%20%2015s%20infinite%3B%20%7D%0A%20%20%20%20.c-4%20%20%7B%20height%3A%20170px%3B%20order%3A%207%3B%20%20animation%3A%20sort-4%20%2015s%20infinite%3B%20%7D%0A%20%20%20%20.c-5%20%20%7B%20height%3A%20160px%3B%20order%3A%2014%3B%20animation%3A%20sort-5%20%2015s%20infinite%3B%20%7D%0A%20%20%20%20.c-6%20%20%7B%20height%3A%20150px%3B%20order%3A%201%3B%20%20animation%3A%20sort-6%20%2015s%20infinite%3B%20%7D%0A%20%20%20%20.c-7%20%20%7B%20height%3A%20140px%3B%20order%3A%209%3B%20%20animation%3A%20sort-7%20%2015s%20infinite%3B%20%7D%0A%20%20%20%20.c-8%20%20%7B%20height%3A%20130px%3B%20order%3A%2016%3B%20animation%3A%20sort-8%20%2015s%20infinite%3B%20%7D%0A%20%20%20%20.c-9%20%20%7B%20height%3A%20120px%3B%20order%3A%205%3B%20%20animation%3A%20sort-9%20%2015s%20infinite%3B%20%7D%0A%20%20%20%20.c-10%20%7B%20height%3A%20110px%3B%20order%3A%2011%3B%20animation%3A%20sort-10%2015s%20infinite%3B%20%7D%0A%20%20%20%20.c-11%20%7B%20height%3A%20100px%3B%20order%3A%2020%3B%20animation%3A%20sort-11%2015s%20infinite%3B%20%7D%0A%20%20%20%20.c-12%20%7B%20height%3A%2090px%3B%20%20order%3A%202%3B%20%20animation%3A%20sort-12%2015s%20infinite%3B%20%7D%0A%20%20%20%20.c-13%20%7B%20height%3A%2080px%3B%20%20order%3A%2015%3B%20animation%3A%20sort-13%2015s%20infinite%3B%20%7D%0A%20%20%20%20.c-14%20%7B%20height%3A%2070px%3B%20%20order%3A%206%3B%20%20animation%3A%20sort-14%2015s%20infinite%3B%20%7D%0A%20%20%20%20.c-15%20%7B%20height%3A%2060px%3B%20%20order%3A%2013%3B%20animation%3A%20sort-15%2015s%20infinite%3B%20%7D%0A%20%20%20%20.c-16%20%7B%20height%3A%2050px%3B%20%20order%3A%208%3B%20%20animation%3A%20sort-16%2015s%20infinite%3B%20%7D%0A%20%20%20%20.c-17%20%7B%20height%3A%2040px%3B%20%20order%3A%2019%3B%20animation%3A%20sort-17%2015s%20infinite%3B%20%7D%0A%20%20%20%20.c-18%20%7B%20height%3A%2030px%3B%20%20order%3A%204%3B%20%20animation%3A%20sort-18%2015s%20infinite%3B%20%7D%0A%20%20%20%20.c-19%20%7B%20height%3A%2020px%3B%20%20order%3A%2017%3B%20animation%3A%20sort-19%2015s%20infinite%3B%20%7D%0A%20%20%20%20.c-20%20%7B%20height%3A%2010px%3B%20%20order%3A%2010%3B%20animation%3A%20sort-20%2015s%20infinite%3B%20%7D%0A%0A%0A%20%20%20%20%2F*%20%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%0A%20%20%20%20%20%20%20%E5%88%86%E5%89%B2%E7%B7%9A%E3%81%A8%E3%83%87%E3%82%B7%E3%83%AB%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%E8%A1%A8%E7%A4%BA%20(Step%202%20%26%203)%0A%20%20%20%20%20%20%20%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%20*%2F%0A%20%20%20%20%0A%20%20%20%20%2F*%2010%E7%AD%89%E5%88%86%E3%81%AE%E4%BB%95%E5%88%87%E3%82%8A%E7%B7%9A%20*%2F%0A%20%20%20%20.dividers%20%7B%0A%20%20%20%20%20%20position%3A%20absolute%3B%0A%20%20%20%20%20%20top%3A%200%3B%0A%20%20%20%20%20%20left%3A%200%3B%0A%20%20%20%20%20%20width%3A%20100%25%3B%0A%20%20%20%20%20%20height%3A%20240px%3B%0A%20%20%20%20%20%20display%3A%20flex%3B%0A%20%20%20%20%20%20justify-content%3A%20center%3B%0A%20%20%20%20%20%20gap%3A%2056px%3B%20%2F*%202%E6%9C%AC%E3%81%AE%E3%83%90%E3%83%BC(w%3A24*2%20%2B%20gap%3A8)%20%3D%2056px%20%E3%81%94%E3%81%A8%E3%81%AB%E5%88%86%E5%89%B2%E7%B7%9A%E3%82%92%E5%85%A5%E3%82%8C%E3%82%8B%20*%2F%0A%20%20%20%20%20%20padding-left%3A%2028px%3B%20%2F*%20%E6%9C%80%E5%88%9D%E3%81%AE1%E3%83%96%E3%83%AD%E3%83%83%E3%82%AF%E3%81%AE%E4%B8%AD%E5%A4%AE%E5%90%88%E3%82%8F%E3%81%9B%E8%AA%BF%E6%95%B4%20*%2F%0A%20%20%20%20%20%20box-sizing%3A%20border-box%3B%0A%20%20%20%20%20%20pointer-events%3A%20none%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20.divider%20%7B%0A%20%20%20%20%20%20width%3A%202px%3B%0A%20%20%20%20%20%20height%3A%20100%25%3B%0A%20%20%20%20%20%20background-color%3A%20%23ef4444%3B%0A%20%20%20%20%20%20opacity%3A%200%3B%0A%20%20%20%20%20%20transform%3A%20scaleY(0)%3B%0A%20%20%20%20%20%20transform-origin%3A%20bottom%3B%0A%20%20%20%20%20%20animation%3A%20showDividers%2015s%20infinite%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20%2F*%20%E3%83%87%E3%82%B7%E3%83%AB%E3%83%A9%E3%83%99%E3%83%AB%20(D1%20~%20D10)%20*%2F%0A%20%20%20%20.decile-labels%20%7B%0A%20%20%20%20%20%20position%3A%20absolute%3B%0A%20%20%20%20%20%20bottom%3A%20-40px%3B%0A%20%20%20%20%20%20width%3A%20100%25%3B%0A%20%20%20%20%20%20max-width%3A%20632px%3B%20%2F*%20%E9%A1%A7%E5%AE%A2%E3%83%90%E3%83%BC%E5%85%A8%E4%BD%93%E3%81%AE%E6%A8%AA%E5%B9%85%E3%81%AB%E5%90%88%E3%82%8F%E3%81%9B%E3%82%8B%20*%2F%0A%20%20%20%20%20%20display%3A%20flex%3B%0A%20%20%20%20%20%20justify-content%3A%20space-between%3B%0A%20%20%20%20%20%20animation%3A%20showLabels%2015s%20infinite%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20.decile-label%20%7B%0A%20%20%20%20%20%20width%3A%2056px%3B%20%2F*%20%E3%83%90%E3%83%BC2%E3%81%A4%E5%88%86%E3%81%AE%E3%82%A8%E3%83%AA%E3%82%A2%E3%81%AB%E5%90%88%E3%82%8F%E3%81%9B%E3%82%8B%20*%2F%0A%20%20%20%20%20%20text-align%3A%20center%3B%0A%20%20%20%20%20%20font-size%3A%2011px%3B%0A%20%20%20%20%20%20font-weight%3A%20800%3B%0A%20%20%20%20%20%20color%3A%20%23475569%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20.decile-label%20span%20%7B%0A%20%20%20%20%20%20display%3A%20block%3B%0A%20%20%20%20%20%20font-size%3A%209px%3B%0A%20%20%20%20%20%20color%3A%20%2394a3b8%3B%0A%20%20%20%20%20%20font-weight%3A%20normal%3B%0A%20%20%20%20%20%20margin-top%3A%202px%3B%0A%20%20%20%20%7D%0A%0A%0A%20%20%20%20%2F*%20%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%0A%20%20%20%20%20%20%20%E3%82%AD%E3%83%BC%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%0A%20%20%20%20%20%20%20%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%20*%2F%0A%0A%20%20%20%20%2F*%20%E3%82%B9%E3%83%86%E3%83%BC%E3%82%B8%E3%83%98%E3%83%83%E3%83%80%E3%83%BC%E3%81%AE%E3%82%A2%E3%82%AF%E3%83%86%E3%82%A3%E3%83%96%E5%8C%96%20*%2F%0A%20%20%20%20%40keyframes%20stageActive1%20%7B%0A%20%20%20%20%20%200%25%2C%2026%25%20%7B%20border-color%3A%20%233b82f6%3B%20background-color%3A%20%233b82f6%3B%20color%3A%20white%3B%20%7D%0A%20%20%20%20%20%2026.1%25%2C%20100%25%20%7B%20border-color%3A%20%23cbd5e1%3B%20background-color%3A%20transparent%3B%20color%3A%20%2394a3b8%3B%20%7D%0A%20%20%20%20%7D%0A%20%20%20%20%40keyframes%20stageTextActive1%20%7B%0A%20%20%20%20%20%200%25%2C%2026%25%20%7B%20color%3A%20%231e293b%3B%20%7D%0A%20%20%20%20%20%2026.1%25%2C%20100%25%20%7B%20color%3A%20%2394a3b8%3B%20%7D%0A%20%20%20%20%7D%0A%0A%20%20%20%20%40keyframes%20stageActive2%20%7B%0A%20%20%20%20%20%200%25%2C%2026%25%20%7B%20border-color%3A%20%23cbd5e1%3B%20background-color%3A%20transparent%3B%20color%3A%20%2394a3b8%3B%20%7D%0A%20%20%20%20%20%2026.1%25%2C%2053%25%20%7B%20border-color%3A%20%233b82f6%3B%20background-color%3A%20%233b82f6%3B%20color%3A%20white%3B%20%7D%0A%20%20%20%20%20%2053.1%25%2C%20100%25%20%7B%20border-color%3A%20%23cbd5e1%3B%20background-color%3A%20transparent%3B%20color%3A%20%2394a3b8%3B%20%7D%0A%20%20%20%20%7D%0A%20%20%20%20%40keyframes%20stageTextActive2%20%7B%0A%20%20%20%20%20%200%25%2C%2026%25%20%7B%20color%3A%20%2394a3b8%3B%20%7D%0A%20%20%20%20%20%2026.1%25%2C%2053%25%20%7B%20color%3A%20%231e293b%3B%20%7D%0A%20%20%20%20%20%2053.1%25%2C%20100%25%20%7B%20color%3A%20%2394a3b8%3B%20%7D%0A%20%20%20%20%7D%0A%0A%20%20%20%20%40keyframes%20stageActive3%20%7B%0A%20%20%20%20%20%200%25%2C%2053%25%20%7B%20border-color%3A%20%23cbd5e1%3B%20background-color%3A%20transparent%3B%20color%3A%20%2394a3b8%3B%20%7D%0A%20%20%20%20%20%2053.1%25%2C%2086%25%20%7B%20border-color%3A%20%233b82f6%3B%20background-color%3A%20%233b82f6%3B%20color%3A%20white%3B%20%7D%0A%20%20%20%20%20%2086.1%25%2C%20100%25%20%7B%20border-color%3A%20%23cbd5e1%3B%20background-color%3A%20transparent%3B%20color%3A%20%2394a3b8%3B%20%7D%0A%20%20%20%20%7D%0A%20%20%20%20%40keyframes%20stageTextActive3%20%7B%0A%20%20%20%20%20%200%25%2C%2053%25%20%7B%20color%3A%20%2394a3b8%3B%20%7D%0A%20%20%20%20%20%2053.1%25%2C%2086%25%20%7B%20color%3A%20%231e293b%3B%20%7D%0A%20%20%20%20%20%2086.1%25%2C%20100%25%20%7B%20color%3A%20%2394a3b8%3B%20%7D%0A%20%20%20%20%7D%0A%0A%20%20%20%20%2F*%20%E4%B8%A6%E3%81%B3%E6%9B%BF%E3%81%88%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E7%94%A8%E5%85%B1%E9%80%9A%E3%83%9E%E3%82%AF%E3%83%AD%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%0A%20%20%20%20%20%20%200%25%20~%2020%25%3A%20%E3%83%A9%E3%83%B3%E3%83%80%E3%83%A0%E7%8A%B6%E6%85%8B%20(%E6%8C%87%E5%AE%9A%E3%81%95%E3%82%8C%E3%81%9Forder%E5%80%A4)%0A%20%20%20%20%20%20%2026%25%20~%20100%25%3A%20%E9%99%8D%E9%A0%86%E3%81%AB%E3%82%BD%E3%83%BC%E3%83%88%E3%81%95%E3%82%8C%E3%81%9F%E7%8A%B6%E6%85%8B%20(order%3A%201%20~%2020)%0A%20%20%20%20%20%20%2013s(86.6%25)%20~%2015s(100%25)%3A%20%E6%AC%A1%E3%81%AE%E3%83%AB%E3%83%BC%E3%83%97%E3%81%AB%E5%90%91%E3%81%91%E3%81%A6%E3%83%95%E3%82%A7%E3%83%BC%E3%83%89%E3%82%A2%E3%82%A6%E3%83%88%0A%20%20%20%20*%2F%0A%20%20%20%20%40keyframes%20sort-1%20%20%7B%200%25%2C%2020%25%20%7B%20order%3A%2012%3B%20background-color%3A%20%2394a3b8%3B%20%7D%2026%25%20%7B%20order%3A%201%3B%20background-color%3A%20%230f172a%3B%20%7D%2053%25%2C%2086%25%20%7B%20order%3A%201%3B%20background-color%3A%20%231e3a8a%3B%20%7D%2093%25%2C%20100%25%20%7B%20order%3A%2012%3B%20background-color%3A%20%2394a3b8%3B%20%7D%20%7D%0A%20%20%20%20%40keyframes%20sort-2%20%20%7B%200%25%2C%2020%25%20%7B%20order%3A%203%3B%20%20background-color%3A%20%2394a3b8%3B%20%7D%2026%25%20%7B%20order%3A%202%3B%20background-color%3A%20%230f172a%3B%20%7D%2053%25%2C%2086%25%20%7B%20order%3A%202%3B%20background-color%3A%20%231e3a8a%3B%20%7D%2093%25%2C%20100%25%20%7B%20order%3A%203%3B%20%20background-color%3A%20%2394a3b8%3B%20%7D%20%7D%0A%20%20%20%20%40keyframes%20sort-3%20%20%7B%200%25%2C%2020%25%20%7B%20order%3A%2018%3B%20background-color%3A%20%2394a3b8%3B%20%7D%2026%25%20%7B%20order%3A%203%3B%20background-color%3A%20%231e293b%3B%20%7D%2053%25%2C%2086%25%20%7B%20order%3A%203%3B%20background-color%3A%20%232563eb%3B%20%7D%2093%25%2C%20100%25%20%7B%20order%3A%2018%3B%20background-color%3A%20%2394a3b8%3B%20%7D%20%7D%0A%20%20%20%20%40keyframes%20sort-4%20%20%7B%200%25%2C%2020%25%20%7B%20order%3A%207%3B%20%20background-color%3A%20%2394a3b8%3B%20%7D%2026%25%20%7B%20order%3A%204%3B%20background-color%3A%20%231e293b%3B%20%7D%2053%25%2C%2086%25%20%7B%20order%3A%204%3B%20background-color%3A%20%232563eb%3B%20%7D%2093%25%2C%20100%25%20%7B%20order%3A%207%3B%20%20background-color%3A%20%2394a3b8%3B%20%7D%20%7D%0A%20%20%20%20%40keyframes%20sort-5%20%20%7B%200%25%2C%2020%25%20%7B%20order%3A%2014%3B%20background-color%3A%20%2394a3b8%3B%20%7D%2026%25%20%7B%20order%3A%205%3B%20background-color%3A%20%23334155%3B%20%7D%2053%25%2C%2086%25%20%7B%20order%3A%205%3B%20background-color%3A%20%233b82f6%3B%20%7D%2093%25%2C%20100%25%20%7B%20order%3A%2014%3B%20background-color%3A%20%2394a3b8%3B%20%7D%20%7D%0A%20%20%20%20%40keyframes%20sort-6%20%20%7B%200%25%2C%2020%25%20%7B%20order%3A%201%3B%20%20background-color%3A%20%2394a3b8%3B%20%7D%2026%25%20%7B%20order%3A%206%3B%20background-color%3A%20%23334155%3B%20%7D%2053%25%2C%2086%25%20%7B%20order%3A%206%3B%20background-color%3A%20%233b82f6%3B%20%7D%2093%25%2C%20100%25%20%7B%20order%3A%201%3B%20%20background-color%3A%20%2394a3b8%3B%20%7D%20%7D%0A%20%20%20%20%40keyframes%20sort-7%20%20%7B%200%25%2C%2020%25%20%7B%20order%3A%209%3B%20%20background-color%3A%20%2394a3b8%3B%20%7D%2026%25%20%7B%20order%3A%207%3B%20background-color%3A%20%23475569%3B%20%7D%2053%25%2C%2086%25%20%7B%20order%3A%207%3B%20background-color%3A%20%2360a5fa%3B%20%7D%2093%25%2C%20100%25%20%7B%20order%3A%209%3B%20%20background-color%3A%20%2394a3b8%3B%20%7D%20%7D%0A%20%20%20%20%40keyframes%20sort-8%20%20%7B%200%25%2C%2020%25%20%7B%20order%3A%2016%3B%20background-color%3A%20%2394a3b8%3B%20%7D%2026%25%20%7B%20order%3A%208%3B%20background-color%3A%20%23475569%3B%20%7D%2053%25%2C%2086%25%20%7B%20order%3A%208%3B%20background-color%3A%20%2360a5fa%3B%20%7D%2093%25%2C%20100%25%20%7B%20order%3A%2016%3B%20background-color%3A%20%2394a3b8%3B%20%7D%20%7D%0A%20%20%20%20%40keyframes%20sort-9%20%20%7B%200%25%2C%2020%25%20%7B%20order%3A%205%3B%20%20background-color%3A%20%2394a3b8%3B%20%7D%2026%25%20%7B%20order%3A%209%3B%20background-color%3A%20%2364748b%3B%20%7D%2053%25%2C%2086%25%20%7B%20order%3A%209%3B%20background-color%3A%20%2393c5fd%3B%20%7D%2093%25%2C%20100%25%20%7B%20order%3A%205%3B%20%20background-color%3A%20%2394a3b8%3B%20%7D%20%7D%0A%20%20%20%20%40keyframes%20sort-10%20%7B%200%25%2C%2020%25%20%7B%20order%3A%2011%3B%20background-color%3A%20%2394a3b8%3B%20%7D%2026%25%20%7B%20order%3A%2010%3B%20background-color%3A%20%2364748b%3B%20%7D%2053%25%2C%2086%25%20%7B%20order%3A%2010%3B%20background-color%3A%20%2393c5fd%3B%20%7D%2093%25%2C%20100%25%20%7B%20order%3A%2011%3B%20background-color%3A%20%2394a3b8%3B%20%7D%20%7D%0A%20%20%20%20%40keyframes%20sort-11%20%7B%200%25%2C%2020%25%20%7B%20order%3A%2020%3B%20background-color%3A%20%2394a3b8%3B%20%7D%2026%25%20%7B%20order%3A%2011%3B%20background-color%3A%20%23cbd5e1%3B%20%7D%2053%25%2C%2086%25%20%7B%20order%3A%2011%3B%20background-color%3A%20%23cbd5e1%3B%20%7D%2093%25%2C%20100%25%20%7B%20order%3A%2020%3B%20background-color%3A%20%2394a3b8%3B%20%7D%20%7D%0A%20%20%20%20%40keyframes%20sort-12%20%7B%200%25%2C%2020%25%20%7B%20order%3A%202%3B%20%20background-color%3A%20%2394a3b8%3B%20%7D%2026%25%20%7B%20order%3A%2012%3B%20background-color%3A%20%23cbd5e1%3B%20%7D%2053%25%2C%2086%25%20%7B%20order%3A%2012%3B%20background-color%3A%20%23cbd5e1%3B%20%7D%2093%25%2C%20100%25%20%7B%20order%3A%202%3B%20%20background-color%3A%20%2394a3b8%3B%20%7D%20%7D%0A%20%20%20%20%40keyframes%20sort-13%20%7B%200%25%2C%2020%25%20%7B%20order%3A%2015%3B%20background-color%3A%20%2394a3b8%3B%20%7D%2026%25%20%7B%20order%3A%2013%3B%20background-color%3A%20%23cbd5e1%3B%20%7D%2053%25%2C%2086%25%20%7B%20order%3A%2013%3B%20background-color%3A%20%23e2e8f0%3B%20%7D%2093%25%2C%20100%25%20%7B%20order%3A%2015%3B%20background-color%3A%20%2394a3b8%3B%20%7D%20%7D%0A%20%20%20%20%40keyframes%20sort-14%20%7B%200%25%2C%2020%25%20%7B%20order%3A%206%3B%20%20background-color%3A%20%2394a3b8%3B%20%7D%2026%25%20%7B%20order%3A%2014%3B%20background-color%3A%20%23cbd5e1%3B%20%7D%2053%25%2C%2086%25%20%7B%20order%3A%2014%3B%20background-color%3A%20%23e2e8f0%3B%20%7D%2093%25%2C%20100%25%20%7B%20order%3A%206%3B%20%20background-color%3A%20%2394a3b8%3B%20%7D%20%7D%0A%20%20%20%20%40keyframes%20sort-15%20%7B%200%25%2C%2020%25%20%7B%20order%3A%2013%3B%20background-color%3A%20%2394a3b8%3B%20%7D%2026%25%20%7B%20order%3A%2015%3B%20background-color%3A%20%23cbd5e1%3B%20%7D%2053%25%2C%2086%25%20%7B%20order%3A%2015%3B%20background-color%3A%20%23f1f5f9%3B%20%7D%2093%25%2C%20100%25%20%7B%20order%3A%2013%3B%20background-color%3A%20%2394a3b8%3B%20%7D%20%7D%0A%20%20%20%20%40keyframes%20sort-16%20%7B%200%25%2C%2020%25%20%7B%20order%3A%208%3B%20%20background-color%3A%20%2394a3b8%3B%20%7D%2026%25%20%7B%20order%3A%2016%3B%20background-color%3A%20%23cbd5e1%3B%20%7D%2053%25%2C%2086%25%20%7B%20order%3A%2016%3B%20background-color%3A%20%23f1f5f9%3B%20%7D%2093%25%2C%20100%25%20%7B%20order%3A%208%3B%20%20background-color%3A%20%2394a3b8%3B%20%7D%20%7D%0A%20%20%20%20%40keyframes%20sort-17%20%7B%200%25%2C%2020%25%20%7B%20order%3A%2019%3B%20background-color%3A%20%2394a3b8%3B%20%7D%2026%25%20%7B%20order%3A%2017%3B%20background-color%3A%20%23cbd5e1%3B%20%7D%2053%25%2C%2086%25%20%7B%20order%3A%2017%3B%20background-color%3A%20%23f8fafc%3B%20border%3A%201px%20solid%20%23e2e8f0%3B%20%7D%2093%25%2C%20100%25%20%7B%20order%3A%2019%3B%20background-color%3A%20%2394a3b8%3B%20border%3A%20none%3B%20%7D%20%7D%0A%20%20%20%20%40keyframes%20sort-18%20%7B%200%25%2C%2020%25%20%7B%20order%3A%204%3B%20%20background-color%3A%20%2394a3b8%3B%20%7D%2026%25%20%7B%20order%3A%2018%3B%20background-color%3A%20%23cbd5e1%3B%20%7D%2053%25%2C%2086%25%20%7B%20order%3A%2018%3B%20background-color%3A%20%23f8fafc%3B%20border%3A%201px%20solid%20%23e2e8f0%3B%20%7D%2093%25%2C%20100%25%20%7B%20order%3A%204%3B%20%20background-color%3A%20%2394a3b8%3B%20border%3A%20none%3B%20%7D%20%7D%0A%20%20%20%20%40keyframes%20sort-19%20%7B%200%25%2C%2020%25%20%7B%20order%3A%2017%3B%20background-color%3A%20%2394a3b8%3B%20%7D%2026%25%20%7B%20order%3A%2019%3B%20background-color%3A%20%23cbd5e1%3B%20%7D%2053%25%2C%2086%25%20%7B%20order%3A%2019%3B%20background-color%3A%20%23ffffff%3B%20border%3A%201px%20dashed%20%23cbd5e1%3B%20%7D%2093%25%2C%20100%25%20%7B%20order%3A%2017%3B%20background-color%3A%20%2394a3b8%3B%20border%3A%20none%3B%20%7D%20%7D%0A%20%20%20%20%40keyframes%20sort-20%20%7B%200%25%2C%2020%25%20%7B%20order%3A%2010%3B%20background-color%3A%20%2394a3b8%3B%20%7D%2026%25%20%7B%20order%3A%2020%3B%20background-color%3A%20%23cbd5e1%3B%20%7D%2053%25%2C%2086%25%20%7B%20order%3A%2020%3B%20background-color%3A%20%23ffffff%3B%20border%3A%201px%20dashed%20%23cbd5e1%3B%20%7D%2093%25%2C%20100%25%20%7B%20order%3A%2010%3B%20background-color%3A%20%2394a3b8%3B%20border%3A%20none%3B%20%7D%20%7D%0A%0A%20%20%20%20%2F*%20%E4%BB%95%E5%88%87%E3%82%8A%E7%B7%9A%E3%81%AE%E8%A1%A8%E7%A4%BA%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%20*%2F%0A%20%20%20%20%40keyframes%20showDividers%20%7B%0A%20%20%20%20%20%200%25%2C%2030%25%20%7B%0A%20%20%20%20%20%20%20%20opacity%3A%200%3B%0A%20%20%20%20%20%20%20%20transform%3A%20scaleY(0)%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%2036%25%2C%2086%25%20%7B%0A%20%20%20%20%20%20%20%20opacity%3A%201%3B%0A%20%20%20%20%20%20%20%20transform%3A%20scaleY(1)%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%2093%25%2C%20100%25%20%7B%0A%20%20%20%20%20%20%20%20opacity%3A%200%3B%0A%20%20%20%20%20%20%20%20transform%3A%20scaleY(0)%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%0A%20%20%20%20%2F*%20%E3%83%87%E3%82%B7%E3%83%AB%E3%83%A9%E3%83%99%E3%83%AB%E3%81%AE%E8%A1%A8%E7%A4%BA%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%20*%2F%0A%20%20%20%20%40keyframes%20showLabels%20%7B%0A%20%20%20%20%20%200%25%2C%2053%25%20%7B%0A%20%20%20%20%20%20%20%20opacity%3A%200%3B%0A%20%20%20%20%20%20%20%20transform%3A%20translateY(10px)%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%2060%25%2C%2086%25%20%7B%0A%20%20%20%20%20%20%20%20opacity%3A%201%3B%0A%20%20%20%20%20%20%20%20transform%3A%20translateY(0)%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%2093%25%2C%20100%25%20%7B%0A%20%20%20%20%20%20%20%20opacity%3A%200%3B%0A%20%20%20%20%20%20%20%20transform%3A%20translateY(10px)%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%3C%2Fstyle%3E%0A%3C%2Fhead%3E%0A%3Cbody%3E%0A%0A%20%20%3Cdiv%20class%3D%22container%22%3E%0A%20%20%20%20%3C!--%20%E4%B8%8A%E9%83%A8%EF%BC%9A%E9%80%B2%E8%A1%8C%E7%8A%B6%E6%B3%81%E3%82%A4%E3%83%B3%E3%82%B8%E3%82%B1%E3%83%BC%E3%82%BF%E3%83%BC%20--%3E%0A%20%20%20%20%3Cdiv%20class%3D%22stages%22%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22stage%20stage-1%22%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22stage-num%22%3E1%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%3E%E8%B3%BC%E5%85%A5%E9%87%91%E9%A1%8D%E3%81%AE%E9%AB%98%E3%81%84%E9%A0%86%E3%81%AB%E4%B8%A6%E3%81%B3%E6%9B%BF%E3%81%88%3C%2Fspan%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22stage%20stage-2%22%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22stage-num%22%3E2%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%3E%E9%A1%A7%E5%AE%A2%E7%B7%8F%E6%95%B0%E3%82%9210%E7%AD%89%E5%88%86%E3%81%AB%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%E5%88%86%E3%81%91%3C%2Fspan%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22stage%20stage-3%22%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22stage-num%22%3E3%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%3E%E4%B8%8A%E4%BD%8D%E3%81%8B%E3%82%89%E3%83%87%E3%82%B7%E3%83%AB1%E3%80%9C10%E3%81%A8%E5%AE%9A%E7%BE%A9%3C%2Fspan%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%0A%20%20%20%20%3C!--%20%E4%B8%AD%E5%A4%AE%EF%BC%9A%E8%A6%96%E8%A6%9A%E5%8C%96%E3%82%B0%E3%83%A9%E3%83%95%E3%82%A3%E3%83%83%E3%82%AF%20--%3E%0A%20%20%20%20%3Cdiv%20class%3D%22visual-area%22%3E%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20%3C!--%20%E9%A1%A7%E5%AE%A2%E3%83%AA%E3%82%B9%E3%83%88%20(20%E4%BA%BA%E3%82%92%E4%B8%A6%E3%81%B9%E6%9B%BF%E3%81%88%EF%BC%86%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3)%20--%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22customer-list%22%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22customer%20c-1%22%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22customer%20c-2%22%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22customer%20c-3%22%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22customer%20c-4%22%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22customer%20c-5%22%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22customer%20c-6%22%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22customer%20c-7%22%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22customer%20c-8%22%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22customer%20c-9%22%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22customer%20c-10%22%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22customer%20c-11%22%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22customer%20c-12%22%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22customer%20c-13%22%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22customer%20c-14%22%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22customer%20c-15%22%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22customer%20c-16%22%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22customer%20c-17%22%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22customer%20c-18%22%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22customer%20c-19%22%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22customer%20c-20%22%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%0A%20%20%20%20%20%20%3C!--%2010%E7%AD%89%E5%88%86%E3%81%AE%E5%88%86%E5%89%B2%E7%B7%9A%20(%E3%83%90%E3%83%BC2%E6%9C%AC%E3%81%94%E3%81%A8%E3%81%AB%E4%BB%95%E5%88%87%E3%82%8A)%20--%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22dividers%22%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22divider%22%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22divider%22%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22divider%22%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22divider%22%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22divider%22%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22divider%22%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22divider%22%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22divider%22%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22divider%22%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%0A%20%20%20%20%20%20%3C!--%20%E3%83%87%E3%82%B7%E3%83%AB%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%E3%81%AE%E3%83%A9%E3%83%99%E3%83%AB%20--%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22decile-labels%22%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22decile-label%22%3E%E3%83%87%E3%82%B7%E3%83%AB1%3Cspan%3E%E4%B8%8A%E4%BD%8D10%25%3C%2Fspan%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22decile-label%22%3E%E3%83%87%E3%82%B7%E3%83%AB2%3Cspan%3E10%E3%80%9C20%25%3C%2Fspan%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22decile-label%22%3E%E3%83%87%E3%82%B7%E3%83%AB3%3Cspan%3E20%E3%80%9C30%25%3C%2Fspan%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22decile-label%22%3E%E3%83%87%E3%82%B7%E3%83%AB4%3Cspan%3E30%E3%80%9C40%25%3C%2Fspan%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22decile-label%22%3E%E3%83%87%E3%82%B7%E3%83%AB5%3Cspan%3E40%E3%80%9C50%25%3C%2Fspan%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22decile-label%22%3E%E3%83%87%E3%82%B7%E3%83%AB6%3Cspan%3E50%E3%80%9C60%25%3C%2Fspan%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22decile-label%22%3E%E3%83%87%E3%82%B7%E3%83%AB7%3Cspan%3E60%E3%80%9C70%25%3C%2Fspan%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22decile-label%22%3E%E3%83%87%E3%82%B7%E3%83%AB8%3Cspan%3E70%E3%80%9C80%25%3C%2Fspan%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22decile-label%22%3E%E3%83%87%E3%82%B7%E3%83%AB9%3Cspan%3E80%E3%80%9C90%25%3C%2Fspan%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22decile-label%22%3E%E3%83%87%E3%82%B7%E3%83%AB10%3Cspan%3E%E4%B8%8B%E4%BD%8D10%25%3C%2Fspan%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%0A%3C%2Fbody%3E%0A%3C%2Fhtml%3Eデシル分析の特徴として、売上の金額そのものではなく、顧客の人数を基準にして均等に10個のグループを作ります。デシル分析が必要な理由多くの企業において、顧客一人ひとりの購買データを蓄積することは日常的な業務となっています。しかし、そのデータを実際の経営戦略やマーケティング施策に活かしきれている企業は必ずしも多くありません。[[筆者|「売上を伸ばすために全員に対して一律の割引クーポンやダイレクトメールを配信しているが、期待したほどの費用対効果が得られない」という相談を受けることがあります]]すべての顧客に対して一律の施策を行う手法は、マーケティングコストを増大させる要因になります。デシル分析が必要とされる理由は、限られた経営リソースを最も効果的な場所に集中させるためです。データに基づく客観的な判断を行うことで、どの顧客層が自社の利益を支えているのかを明確にし、投資の無駄を省くことが可能になります。データを経営に活用している企業とそうでない企業では、売上高や労働生産性に格差が生じています。直感や経験だけに頼る経営から脱却し、数字に裏付けられた戦略を立てるために、デシル分析を有効活用しましょう。デシル分析で何がわかる？主なメリット次に、デシル分析を実行することで具体的にどのようなビジネス上のメリットが得られるのかを確認していきましょう。デシル分析によって可視化される要素は主に3つあります。・優良顧客の特定・売上貢献度の可視化・リソースの最適配分ではそれぞれ詳しくみていきましょう。売上の大部分を占める優良顧客の特定デシル分析を行う最大のメリットは、自社の売上を支えている上位の優良顧客層を数値として明確に特定できることです。ビジネスの世界では、売上の8割は全体の2割の顧客によって生み出されているというパレートの法則がよく知られています。デシル分析を行うと、この法則が自社にも当てはまっているかどうかが一目で判別できます。%3C!DOCTYPE%20html%3E%0A%3Chtml%20lang%3D%22ja%22%3E%0A%3Chead%3E%0A%20%20%20%20%3Cmeta%20charset%3D%22UTF-8%22%3E%0A%20%20%20%20%3Cmeta%20name%3D%22viewport%22%20content%3D%22width%3Ddevice-width%2C%20initial-scale%3D1.0%22%3E%0A%20%20%20%20%3Ctitle%3E%E3%83%91%E3%83%AC%E3%83%BC%E3%83%88%E3%81%AE%E6%B3%95%E5%89%87%3C%2Ftitle%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20%20%20body%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20margin%3A%200%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20padding%3A%200%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20display%3A%20flex%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20justify-content%3A%20center%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20align-items%3A%20center%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20height%3A%20100vh%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20background-color%3A%20%23ffffff%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20font-family%3A%20sans-serif%3B%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20.container%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20width%3A%20300px%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20height%3A%20300px%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20position%3A%20relative%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20border%3A%202px%20solid%20%23000000%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20box-shadow%3A%2010px%2010px%200px%20%23000000%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20overflow%3A%20hidden%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20background%3A%20%23ffffff%3B%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20.bar%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20position%3A%20absolute%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20bottom%3A%200%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20width%3A%2080px%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20background-color%3A%20%230a56c9ff%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20border%3A%202px%20solid%20%23000000%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20transition%3A%20height%201s%20ease-in-out%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20display%3A%20flex%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20justify-content%3A%20center%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20align-items%3A%20flex-start%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20color%3A%20%23ffffff%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20font-weight%3A%20bold%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20padding-top%3A%2010px%3B%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20.bar-20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20left%3A%2040px%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20height%3A%2080%25%3B%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20.bar-80%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20left%3A%20170px%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20height%3A%2020%25%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20background-color%3A%20%23ffffff%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20color%3A%20%23000000%3B%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%2F*%20%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E7%94%A8%E3%82%AF%E3%83%A9%E3%82%B9%20*%2F%0A%20%20%20%20%20%20%20%20.animate%20.bar-20%20%7B%20animation%3A%20grow20%202s%20forwards%3B%20%7D%0A%20%20%20%20%20%20%20%20.animate%20.bar-80%20%7B%20animation%3A%20grow80%202s%20forwards%3B%20%7D%0A%0A%20%20%20%20%20%20%20%20%40keyframes%20grow20%20%7B%200%25%20%7B%20height%3A%200%25%3B%20%7D%20100%25%20%7B%20height%3A%2080%25%3B%20%7D%20%7D%0A%20%20%20%20%20%20%20%20%40keyframes%20grow80%20%7B%200%25%20%7B%20height%3A%200%25%3B%20%7D%20100%25%20%7B%20height%3A%2020%25%3B%20%7D%20%7D%0A%0A%20%20%20%20%3C%2Fstyle%3E%0A%3C%2Fhead%3E%0A%3Cbody%20class%3D%22animate%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22container%22%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22bar%20bar-20%22%3E20%25%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22bar%20bar-80%22%3E80%25%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%3C%2Fbody%3E%0A%3C%2Fhtml%3E例えば、デシル1とデシル2の合計20パーセントの顧客が、自社の総売上の何パーセントを占めているかを正確に割り出すことが可能です。実際に多くの企業で分析を行うと、上位20パーセントから30パーセントの顧客だけで、総売上の大半を構成しているケースが見られます。顧客グループごとの売上貢献度の可視化デシル分析では、10個の各グループが総売上に対してどれくらいの割合で貢献しているかという売上構成比を可視化できます。例えば、デシル1のグループの売上構成比が40パーセント、デシル2が20パーセント、デシル3が15パーセントというように、各層の具体的な影響力が判明します。これにより、自社のビジネスが特定の上位層に過度に依存している状態なのか、あるいは比較的幅広い層からバランスよく売上が上がっているのかという、経営の安定性を評価する材料が得られます。全体の売上金額という大まかな数字だけを見ているときには気づけなかった、顧客構造の歪みや特徴を把握できる点が大きなメリットです。[[筆者|上位層への依存が大きいと、例えばその上位層が倒産してしまった場合、共倒れになる、ということもあり得ます]]有限なマーケティングリソースの最適配分マーケティング予算や人員といったリソースは有限です。デシル分析は、その貴重なリソースをどこに集中投下すべきかの判断基準を提供します。例えば、売上への貢献度が極めて低いデシル9やデシル10の層に対して、一律で高コストなパンフレットを郵送するような施策は、費用対効果が低くなる可能性が推測されます。一方で、売上の多くを占めるデシル1やデシル2の層に対して、限定のノベルティや先行案内といった特別なコストをかけることは、非常に高いリターンを期待できる施策となります。各グループの売上貢献度に応じたコスト配分を行うことで、全体のマーケティング費用を抑えつつ、売上の維持や拡大を目指すことが可能になります。デシル分析とABC分析の違いとは？使い分けのポイントつづいて、デシル分析とよく混同される分析手法であるABC分析との違いについて解説します。2つの手法は、データの切り口や目的が異なるため、適切に使い分けることが重要です。主に、・グループ数・購入金額と累積売上割合・顧客軸と商品在庫軸などの違いがあります。詳しくみていきましょう。購入金額（デシル）と累積売上割合（ABC）デシル分析とABC分析の違いは、グループに分割する際の基準にあります。デシル分析は、先述の通り顧客の人数を基準にして、上から10等分に均等な人数でグループを分けます。そのため、各グループに所属する顧客の人数は常に一定です。ABC分析は、売上高などの累積構成比を基準にしてグループを分けます。一般的には、累積売上の上位70パーセントをAグループ、70パーセントから90パーセントをBグループ、90パーセントから100パーセントをCグループというように、売上の割合に応じて3つのグループに分類します。このため、各グループに所属する顧客数や商品数は均等にはならず、Aグループの人数は少なく、Cグループの人数が非常に多くなるといった現象が起こります。%3C!DOCTYPE%20html%3E%0A%3Chtml%20lang%3D%22ja%22%3E%0A%3Chead%3E%0A%20%20%20%20%3Cmeta%20charset%3D%22UTF-8%22%3E%0A%20%20%20%20%3Cmeta%20name%3D%22viewport%22%20content%3D%22width%3Ddevice-width%2C%20initial-scale%3D1.0%22%3E%0A%20%20%20%20%3Ctitle%3E%E3%83%87%E3%82%B7%E3%83%AB%E5%88%86%E6%9E%90%20vs%20ABC%E5%88%86%E6%9E%90%20%E6%AF%94%E8%BC%83%3C%2Ftitle%3E%0A%20%20%20%20%3C!--%20Tailwind%20CSS%20--%3E%0A%20%20%20%20%3Cscript%20src%3D%22https%3A%2F%2Fcdn.tailwindcss.com%22%3E%3C%2Fscript%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20%20%20%2F*%20%E3%83%AB%E3%83%BC%E3%83%97%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E7%94%A8%E3%81%AECSS%20*%2F%0A%20%20%20%20%20%20%20%20%40keyframes%20pulse-subtle%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%200%25%2C%20100%25%20%7B%20opacity%3A%200.9%3B%20transform%3A%20scale(1)%3B%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%2050%25%20%7B%20opacity%3A%201%3B%20transform%3A%20scale(1.01)%3B%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20.pulse-active%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20animation%3A%20pulse-subtle%202s%20infinite%20ease-in-out%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%40keyframes%20slideIn%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20from%20%7B%20transform%3A%20translateY(10px)%3B%20opacity%3A%200%3B%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20to%20%7B%20transform%3A%20translateY(0)%3B%20opacity%3A%201%3B%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20.animate-slide%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20animation%3A%20slideIn%200.4s%20ease-out%20forwards%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%3C%2Fhead%3E%0A%3Cbody%20class%3D%22bg-white%20text-slate-800%20font-sans%20p-0%20m-0%20antialiased%22%3E%0A%0A%20%20%20%20%3C!--%20%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%82%B9%E3%83%86%E3%83%BC%E3%82%B8%20(%E4%B8%8D%E8%A6%81%E3%81%AA%E3%83%98%E3%83%83%E3%83%80%E3%83%BC%E3%83%BB%E3%83%95%E3%83%83%E3%82%BF%E3%83%BC%E3%83%BB%E3%82%B9%E3%83%86%E3%83%BC%E3%82%BF%E3%82%B9%E8%A1%A8%E7%A4%BA%E3%82%92%E3%81%99%E3%81%B9%E3%81%A6%E6%8E%92%E9%99%A4)%20--%3E%0A%20%20%20%20%3Cdiv%20class%3D%22max-w-4xl%20w-full%20mx-auto%20p-2%22%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22grid%20grid-cols-1%20sm%3Agrid-cols-2%20gap-6%20items-start%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C!--%20%E5%B7%A6%E5%81%B4%EF%BC%9A%E3%83%87%E3%82%B7%E3%83%AB%E5%88%86%E6%9E%90%20--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22bg-slate-50%20rounded-xl%20p-5%20border%20border-slate-100%20flex%20flex-col%20justify-between%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22flex%20items-center%20justify-between%20mb-2%20border-b%20border-slate-200%20pb-2%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22text-base%20font-bold%20text-blue-600%22%3E%E3%83%87%E3%82%B7%E3%83%AB%E5%88%86%E6%9E%90%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22px-2%20py-0.5%20bg-blue-50%20text-blue-700%20text-%5B10px%5D%20font-semibold%20rounded%22%3E%E5%9F%BA%E6%BA%96%EF%BC%9A%E9%A1%A7%E5%AE%A2%E4%BA%BA%E6%95%B0%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cp%20class%3D%22text-%5B11px%5D%20text-slate-500%20mb-4%20leading-relaxed%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%E8%B3%BC%E5%85%A5%E9%87%91%E9%A1%8D%E9%A0%86%E3%81%AB%E9%A1%A7%E5%AE%A2%E3%82%92%E4%B8%A6%E3%81%B9%E3%80%81%3Cstrong%20class%3D%22text-blue-600%22%3E%E4%BA%BA%E6%95%B0%E3%81%8C%E5%9D%87%E7%AD%89%EF%BC%8810%E7%AD%89%E5%88%86%EF%BC%89%3C%2Fstrong%3E%E3%81%AB%E3%81%AA%E3%82%8B%E3%82%88%E3%81%8610%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%E3%81%AB%E5%88%86%E5%89%B2%E3%80%82%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fp%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C!--%20%E3%83%93%E3%82%B8%E3%83%A5%E3%82%A2%E3%83%AB%E8%A1%A8%E7%A4%BA%E3%82%A8%E3%83%AA%E3%82%A2%20(%E3%83%87%E3%82%B7%E3%83%AB)%20--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22space-y-1.5%22%20id%3D%22decile-container%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C!--%20JS%E3%81%A7%E3%83%87%E3%82%B7%E3%83%AB10%E7%AD%89%E5%88%86%E3%82%92%E7%94%9F%E6%88%90%20--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22mt-3%20py-2%20bg-blue-50%20rounded-lg%20text-center%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cp%20class%3D%22text-%5B11px%5D%20font-bold%20text-blue-800%22%3E%E5%90%84%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%E3%81%AE%E4%BA%BA%E6%95%B0%E3%81%AF%E3%80%8C%E5%B8%B8%E3%81%AB%E4%B8%80%E5%AE%9A%E3%80%8D%3C%2Fp%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C!--%20%E5%8F%B3%E5%81%B4%EF%BC%9AABC%E5%88%86%E6%9E%90%20--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22bg-slate-50%20rounded-xl%20p-5%20border%20border-slate-100%20flex%20flex-col%20justify-between%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22flex%20items-center%20justify-between%20mb-2%20border-b%20border-slate-200%20pb-2%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22text-base%20font-bold%20text-red-500%22%3EABC%E5%88%86%E6%9E%90%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22px-2%20py-0.5%20bg-red-50%20text-red-600%20text-%5B10px%5D%20font-semibold%20rounded%22%3E%E5%9F%BA%E6%BA%96%EF%BC%9A%E5%A3%B2%E4%B8%8A%E6%A7%8B%E6%88%90%E6%AF%94%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cp%20class%3D%22text-%5B11px%5D%20text-slate-500%20mb-4%20leading-relaxed%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%E5%A3%B2%E4%B8%8A%E9%AB%98%E3%81%AE%E7%B4%AF%E7%A9%8D%E6%A7%8B%E6%88%90%E6%AF%94%E3%82%92%E5%9F%BA%E6%BA%96%E3%81%AB%E3%80%81%3Cstrong%20class%3D%22text-red-500%22%3E%E5%A3%B2%E4%B8%8A%E8%B2%A2%E7%8C%AE%E5%BA%A6%3C%2Fstrong%3E%E3%81%A73%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%EF%BC%88A%E3%83%BBB%E3%83%BBC%EF%BC%89%E3%81%AB%E5%88%86%E5%89%B2%E3%80%82%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fp%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C!--%20%E3%83%93%E3%82%B8%E3%83%A5%E3%82%A2%E3%83%AB%E8%A1%A8%E7%A4%BA%E3%82%A8%E3%83%AA%E3%82%A2%20(ABC)%20--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22space-y-3%22%20id%3D%22abc-container%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C!--%20JS%E3%81%A7ABC%E3%81%AE3%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%E3%82%92%E7%94%9F%E6%88%90%20--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22mt-3%20py-2%20bg-red-50%20rounded-lg%20text-center%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cp%20class%3D%22text-%5B11px%5D%20font-bold%20text-red-800%22%3E%E5%90%84%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%E3%81%AE%E4%BA%BA%E6%95%B0%E3%81%AF%E3%80%8C%E3%83%90%E3%83%A9%E3%83%90%E3%83%A9%E3%80%8D%3C%2Fp%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%0A%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%0A%20%20%20%20%3C!--%20%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%83%AD%E3%82%B8%E3%83%83%E3%82%AF%20--%3E%0A%20%20%20%20%3Cscript%3E%0A%20%20%20%20%20%20%20%20document.addEventListener('DOMContentLoaded'%2C%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20const%20decileContainer%20%3D%20document.getElementById('decile-container')%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20const%20abcContainer%20%3D%20document.getElementById('abc-container')%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20SVG%E9%A1%A7%E5%AE%A2%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E3%81%AE%E7%94%9F%E6%88%90%0A%20%20%20%20%20%20%20%20%20%20%20%20function%20createCustomerIcons(count%2C%20colorClass)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20let%20iconsHtml%20%3D%20''%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20for%20(let%20i%20%3D%200%3B%20i%20%3C%20count%3B%20i%2B%2B)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20iconsHtml%20%2B%3D%20%60%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Csvg%20class%3D%22w-3%20h-3%20%24%7BcolorClass%7D%20transition-all%20duration-300%22%20fill%3D%22currentColor%22%20viewBox%3D%220%200%2020%2020%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M10%209a3%203%200%20100-6%203%203%200%20000%206zm-7%209a7%207%200%201114%200H3z%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%60%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20%60%3Cdiv%20class%3D%22flex%20space-x-0.5%22%3E%24%7BiconsHtml%7D%3C%2Fdiv%3E%60%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20%E3%83%87%E3%82%B7%E3%83%AB%E5%88%86%E6%9E%90%E7%94%A8%E3%81%AE%E3%83%87%E3%83%BC%E3%82%BF%EF%BC%88%E5%85%A8%E5%93%A1%E4%B8%80%E5%BE%8B3%E4%BA%BA%EF%BC%89%0A%20%20%20%20%20%20%20%20%20%20%20%20const%20decileData%20%3D%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20name%3A%20'%E3%83%87%E3%82%B7%E3%83%AB%201%20(%E4%B8%8A%E4%BD%8D10%25)'%2C%20count%3A%203%2C%20label%3A%20'%E5%A3%B2%E4%B8%8A%3A%E6%A5%B5%E5%A4%A7'%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20name%3A%20'%E3%83%87%E3%82%B7%E3%83%AB%202'%2C%20count%3A%203%2C%20label%3A%20'%E5%A3%B2%E4%B8%8A%3A%E5%A4%A7'%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20name%3A%20'%E3%83%87%E3%82%B7%E3%83%AB%203'%2C%20count%3A%203%2C%20label%3A%20'%E5%A3%B2%E4%B8%8A%3A%E5%A4%A7'%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20name%3A%20'%E3%83%87%E3%82%B7%E3%83%AB%204'%2C%20count%3A%203%2C%20label%3A%20'%E5%A3%B2%E4%B8%8A%3A%E4%B8%AD'%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20name%3A%20'%E3%83%87%E3%82%B7%E3%83%AB%205'%2C%20count%3A%203%2C%20label%3A%20'%E5%A3%B2%E4%B8%8A%3A%E4%B8%AD'%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20name%3A%20'%E3%83%87%E3%82%B7%E3%83%AB%206'%2C%20count%3A%203%2C%20label%3A%20'%E5%A3%B2%E4%B8%8A%3A%E4%B8%AD'%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20name%3A%20'%E3%83%87%E3%82%B7%E3%83%AB%207'%2C%20count%3A%203%2C%20label%3A%20'%E5%A3%B2%E4%B8%8A%3A%E5%B0%8F'%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20name%3A%20'%E3%83%87%E3%82%B7%E3%83%AB%208'%2C%20count%3A%203%2C%20label%3A%20'%E5%A3%B2%E4%B8%8A%3A%E5%B0%8F'%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20name%3A%20'%E3%83%87%E3%82%B7%E3%83%AB%209'%2C%20count%3A%203%2C%20label%3A%20'%E5%A3%B2%E4%B8%8A%3A%E5%B0%8F'%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20name%3A%20'%E3%83%87%E3%82%B7%E3%83%AB%2010%20(%E4%B8%8B%E4%BD%8D10%25)'%2C%20count%3A%203%2C%20label%3A%20'%E5%A3%B2%E4%B8%8A%3A%E6%A5%B5%E5%B0%8F'%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%5D%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20ABC%E5%88%86%E6%9E%90%E7%94%A8%E3%81%AE%E3%83%87%E3%83%BC%E3%82%BF%EF%BC%88%E5%A3%B2%E4%B8%8A%E5%9F%BA%E6%BA%96%E3%81%AE%E3%81%9F%E3%82%81%E4%BA%BA%E6%95%B0%E3%81%AF%E4%B8%8D%E5%9D%87%E7%AD%89%EF%BC%89%0A%20%20%20%20%20%20%20%20%20%20%20%20const%20abcData%20%3D%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20name%3A%20'%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20A'%2C%20ratio%3A%20'%E5%A3%B2%E4%B8%8A%E6%AF%94%3A%20~70%25'%2C%20count%3A%202%2C%20text%3A%20'text-red-500'%2C%20bgLight%3A%20'bg-red-50'%2C%20border%3A%20'border-red-150'%2C%20desc%3A%20'%E5%A3%B2%E4%B8%8A%E3%81%AE%E5%A4%A7%E9%83%A8%E5%88%86%E3%82%92%E5%8D%A0%E3%82%81%E3%82%8B%E5%B0%91%E6%95%B0%E3%81%AEVIP%E9%A1%A7%E5%AE%A2'%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20name%3A%20'%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20B'%2C%20ratio%3A%20'%E5%A3%B2%E4%B8%8A%E6%AF%94%3A%2070~90%25'%2C%20count%3A%206%2C%20text%3A%20'text-amber-500'%2C%20bgLight%3A%20'bg-amber-50'%2C%20border%3A%20'border-amber-150'%2C%20desc%3A%20'%E4%B8%AD%E5%A0%85%E9%A1%A7%E5%AE%A2%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97'%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20name%3A%20'%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20C'%2C%20ratio%3A%20'%E5%A3%B2%E4%B8%8A%E6%AF%94%3A%2090~100%25'%2C%20count%3A%2020%2C%20text%3A%20'text-emerald-500'%2C%20bgLight%3A%20'bg-emerald-50'%2C%20border%3A%20'border-emerald-150'%2C%20desc%3A%20'%E5%A3%B2%E4%B8%8A%E6%AF%94%E7%8E%87%E3%81%AF%E4%BD%8E%E3%81%84%E3%81%8C%E5%A4%9A%E6%95%B0%E3%82%92%E5%8D%A0%E3%82%81%E3%82%8B%E4%B8%80%E8%88%AC%E9%A1%A7%E5%AE%A2'%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%5D%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20%E3%83%87%E3%82%B7%E3%83%AB%E5%88%86%E6%9E%90%E3%81%AE%E6%8F%8F%E7%94%BB%0A%20%20%20%20%20%20%20%20%20%20%20%20function%20buildDecileMarkup()%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20decileContainer.innerHTML%20%3D%20''%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20decileData.forEach((item%2C%20index)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20const%20row%20%3D%20document.createElement('div')%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20row.className%20%3D%20'flex%20items-center%20justify-between%20p-1.5%20bg-white%20rounded-lg%20border%20border-slate-100%20shadow-sm%20opacity-0'%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20row.style.animation%20%3D%20%60slideIn%200.25s%20ease-out%20%24%7Bindex%20*%200.05%7Ds%20forwards%60%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20row.innerHTML%20%3D%20%60%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22flex%20items-center%20space-x-1.5%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22text-%5B9px%5D%20font-semibold%20text-slate-500%20w-20%20truncate%22%3E%24%7Bitem.name%7D%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22bg-blue-50%20px-1%20rounded%20text-%5B8px%5D%20text-blue-700%20font-medium%22%3E%24%7Bitem.label%7D%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22flex%20items-center%20space-x-1.5%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%24%7BcreateCustomerIcons(item.count%2C%20'text-blue-500')%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22text-%5B9px%5D%20font-bold%20text-blue-600%20bg-blue-50%20px-1%20py-0.5%20rounded%22%3E%24%7Bitem.count%7D%E5%90%8D%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%60%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20decileContainer.appendChild(row)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20ABC%E5%88%86%E6%9E%90%E3%81%AE%E6%8F%8F%E7%94%BB%0A%20%20%20%20%20%20%20%20%20%20%20%20function%20buildAbcMarkup()%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20abcContainer.innerHTML%20%3D%20''%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20abcData.forEach((item%2C%20index)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20const%20block%20%3D%20document.createElement('div')%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20block.className%20%3D%20%60p-3%20rounded-lg%20border%20%24%7Bitem.border%7D%20%24%7Bitem.bgLight%7D%20opacity-0%60%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20block.style.animation%20%3D%20%60slideIn%200.35s%20ease-out%20%24%7B(index%20*%200.15)%20%2B%200.2%7Ds%20forwards%60%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20let%20iconsContainerHtml%20%3D%20%60%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22flex%20flex-wrap%20gap-0.5%20max-w-%5B150px%5D%20sm%3Amax-w-%5B180px%5D%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%24%7BArray(item.count).fill(0).map(()%20%3D%3E%20%60%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Csvg%20class%3D%22w-3%20h-3%20%24%7Bitem.text%7D%22%20fill%3D%22currentColor%22%20viewBox%3D%220%200%2020%2020%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M10%209a3%203%200%20100-6%203%203%200%20000%206zm-7%209a7%207%200%201114%200H3z%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%60).join('')%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%60%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20block.innerHTML%20%3D%20%60%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22flex%20justify-between%20items-center%20mb-1%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22text-xs%20font-bold%20%24%7Bitem.text%7D%22%3E%24%7Bitem.name%7D%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22text-%5B8px%5D%20font-semibold%20bg-white%20px-1.5%20py-0.5%20rounded%20border%20border-slate-200%22%3E%24%7Bitem.ratio%7D%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cp%20class%3D%22text-%5B9px%5D%20text-slate-400%20mb-1.5%20leading-tight%22%3E%24%7Bitem.desc%7D%3C%2Fp%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22flex%20justify-between%20items-end%20bg-white%20p-2%20rounded-md%20border%20border-slate-100%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%24%7BiconsContainerHtml%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22text-right%20pl-2%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22text-%5B8px%5D%20text-slate-400%20block%22%3E%E4%BA%BA%E6%95%B0%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22text-xs%20font-bold%20%24%7Bitem.text%7D%22%3E%24%7Bitem.count%7D%E5%90%8D%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%60%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20abcContainer.appendChild(block)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20%E3%83%AB%E3%83%BC%E3%83%97%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E5%88%B6%E5%BE%A1%0A%20%20%20%20%20%20%20%20%20%20%20%20function%20runAnimationCycle()%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20%E5%88%9D%E6%9C%9F%E6%8F%8F%E7%94%BB%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20buildDecileMarkup()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20buildAbcMarkup()%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%202.5%E7%A7%92%E5%BE%8C%E3%81%AB%E3%83%87%E3%82%B7%E3%83%AB%E5%81%B4%E3%82%92%E3%83%8F%E3%82%A4%E3%83%A9%E3%82%A4%E3%83%88%EF%BC%88%E3%83%91%E3%83%AB%E3%82%B9%EF%BC%89%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20setTimeout(()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20const%20decileRows%20%3D%20decileContainer.children%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20for%20(let%20row%20of%20decileRows)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20row.classList.add('pulse-active'%2C%20'border-blue-300'%2C%20'bg-blue-50%2F30')%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%202500)%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%205.5%E7%A7%92%E5%BE%8C%E3%81%AB%E3%83%87%E3%82%B7%E3%83%AB%E3%81%AE%E3%83%8F%E3%82%A4%E3%83%A9%E3%82%A4%E3%83%88%E3%82%92%E6%B6%88%E3%81%97%E3%80%81ABC%E5%81%B4%E3%82%92%E3%83%8F%E3%82%A4%E3%83%A9%E3%82%A4%E3%83%88%EF%BC%88%E3%83%91%E3%83%AB%E3%82%B9%EF%BC%89%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20setTimeout(()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20const%20decileRows%20%3D%20decileContainer.children%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20for%20(let%20row%20of%20decileRows)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20row.classList.remove('pulse-active'%2C%20'border-blue-300'%2C%20'bg-blue-50%2F30')%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20const%20abcRows%20%3D%20abcContainer.children%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20for%20(let%20row%20of%20abcRows)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20row.classList.add('pulse-active')%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%205500)%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%208.5%E7%A7%92%E5%BE%8C%E3%81%AB%E3%81%99%E3%81%B9%E3%81%A6%E3%81%AE%E3%83%8F%E3%82%A4%E3%83%A9%E3%82%A4%E3%83%88%E3%82%92%E8%A7%A3%E9%99%A4%E3%81%97%E3%81%A6%E6%AC%A1%E3%81%AE%E3%83%AB%E3%83%BC%E3%83%97%E3%81%AB%E5%82%99%E3%81%88%E3%82%8B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20setTimeout(()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20const%20abcRows%20%3D%20abcContainer.children%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20for%20(let%20row%20of%20abcRows)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20row.classList.remove('pulse-active')%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%208500)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20%E5%88%9D%E5%9B%9E%E5%AE%9F%E8%A1%8C%EF%BC%8610%E7%A7%92%E3%81%94%E3%81%A8%E3%81%AE%E3%83%AB%E3%83%BC%E3%83%97%0A%20%20%20%20%20%20%20%20%20%20%20%20runAnimationCycle()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20setInterval(runAnimationCycle%2C%2010000)%3B%0A%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%3C%2Fscript%3E%0A%3C%2Fbody%3E%0A%3C%2Fhtml%3E分析対象の違い：顧客軸の分析と商品・在庫軸の分析もう一つの違いは、分析の対象となる軸の性質です。デシル分析は、基本的に顧客一人ひとりの購入金額をもとにして行うため、顧客軸の分析手法と言えます。どの顧客がどれだけのお金を支払ってくれたかに焦点を当て、顧客との関係性やマーケティング施策を検討する際に用いられます。これに対してABC分析は、顧客を対象にすることも可能ですが、一般的には商品軸や在庫軸の分析で広く活用されています。どの商品が売上の中心を担っているかを把握し、売れ筋のAグループ商品は在庫切れを起こさないように手厚く管理し、売れ行きの悪いCグループ商品は発注を減らすといった、在庫管理の最適化に強みを持っています。[[筆者|顧客を分析するデシル分析。商品も顧客も在庫も分析するABC分析、というイメージです]]経営状況に応じた使い分けのシチュエーション自社の課題を解決する際、どちらの分析手法を採用すべきかは現在の経営状況や目的によって判断します。顧客との長期的な関係性を築き、リピート率や顧客生涯価値を高めたいと考えている場合は、デシル分析を選択するのが適切と言えます。顧客の購買力に応じた適切なコミュニケーション設計が可能になるからです。一方で、店舗や倉庫のスペースが限られており、デッドスペースや過剰在庫を削減してキャッシュフローを改善したいという明確な課題がある場合は、商品や在庫を対象としたABC分析を優先して実施するのが効果的と考えられます。それぞれの分析手法の特徴をまとめた以下の比較表を確認し、自社の目的に適した手法を選択してください。比較項目デシル分析ABC分析グループ数10グループ3グループ（A、B、C）分割の基準顧客数を10等分（均等）累積売上の構成比率（不均等）主な分析対象顧客（人）商品、在庫、顧客主な活用目的優良顧客の特定、販促の最適化在庫管理の効率化、売れ筋商品の把握デシル分析の具体的な手順と計算例【実践】それでは、実際に自社のデータを使ってデシル分析を行うための具体的な手順と、わかりやすい計算の例をご紹介します。ステップに沿って進めることで、表計算ソフトなどでも比較的容易に算出が可能です。①顧客別の購入金額データ集計②並び替えと10等分③構成比の算出上記3ステップで進め、以下のような完成形を目指します。グループ顧客数グループ内合計売上売上構成比累積売上構成比1人あたり平均購入額デシル110人450万円45.0%45.0%45万円デシル210人200万円20.0%65.0%20万円デシル310人120万円12.0%77.0%12万円デシル410人80万円8.0%85.0%8万円デシル510人50万円5.0%90.0%5万円デシル610人40万円4.0%94.0%4万円デシル710人30万円3.0%97.0%3万円デシル810人15万円1.5%98.5%1.5万円デシル910人10万円1.0%99.5%1万円デシル1010人5万円0.5%100.0%0.5万円合計100人1000万円100.0%-10万円それでは順を追って確認していきましょう。ステップ1：顧客ごとの購入金額データの集計分析対象となる期間を決めて、その期間内に購入のあった顧客ごとの購入金額を集計します。%3C!DOCTYPE%20html%3E%0A%3Chtml%20lang%3D%22ja%22%3E%0A%3Chead%3E%0A%20%20%3Cmeta%20charset%3D%22UTF-8%22%3E%0A%20%20%3Cmeta%20name%3D%22viewport%22%20content%3D%22width%3Ddevice-width%2C%20initial-scale%3D1.0%22%3E%0A%20%20%3Cstyle%3E%0A%20%20%20%20%2F*%20%E5%9F%8B%E3%82%81%E8%BE%BC%E3%81%BF%E7%94%A8%E3%81%AB%E6%9C%80%E5%B0%8F%E9%99%90%E3%81%8B%E3%81%A4%E5%B9%B2%E6%B8%89%E3%81%97%E3%81%AA%E3%81%84%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB%E5%AE%9A%E7%BE%A9%20*%2F%0A%20%20%20%20.decil-step1-container%20%7B%0A%20%20%20%20%20%20font-family%3A%20'Helvetica%20Neue'%2C%20Arial%2C%20'Hiragino%20Kaku%20Gothic%20ProN'%2C%20Meiryo%2C%20sans-serif%3B%0A%20%20%20%20%20%20width%3A%20100%25%3B%0A%20%20%20%20%20%20max-width%3A%20640px%3B%0A%20%20%20%20%20%20margin%3A%200%3B%0A%20%20%20%20%20%20padding%3A%2010px%200%3B%0A%20%20%20%20%20%20background-color%3A%20%23ffffff%3B%0A%20%20%20%20%20%20box-sizing%3A%20border-box%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20%2F*%20SVG%E5%85%A8%E4%BD%93%E3%81%AE%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B7%E3%83%96%E5%AF%BE%E5%BF%9C%20*%2F%0A%20%20%20%20.decil-svg%20%7B%0A%20%20%20%20%20%20width%3A%20100%25%3B%0A%20%20%20%20%20%20height%3A%20auto%3B%0A%20%20%20%20%20%20display%3A%20block%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20%2F*%20%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%82%AD%E3%83%BC%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E5%AE%9A%E7%BE%A9%20*%2F%0A%20%20%20%20%0A%20%20%20%20%2F*%201.%20%E6%9C%9F%E9%96%93%E6%B1%BA%E5%AE%9A%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%20(%E3%83%95%E3%82%A7%E3%83%BC%E3%83%89%E3%82%A4%E3%83%B3%E3%83%BB%E3%83%8F%E3%82%A4%E3%83%A9%E3%82%A4%E3%83%88)%20*%2F%0A%20%20%20%20%40keyframes%20calendarHighlight%20%7B%0A%20%20%20%20%20%200%25%2C%20100%25%20%7B%0A%20%20%20%20%20%20%20%20stroke%3A%20%23e2e8f0%3B%0A%20%20%20%20%20%20%20%20stroke-width%3A%201%3B%0A%20%20%20%20%20%20%20%20fill%3A%20%23f8fafc%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%208%25%2C%2045%25%20%7B%0A%20%20%20%20%20%20%20%20stroke%3A%20%233b82f6%3B%0A%20%20%20%20%20%20%20%20stroke-width%3A%202%3B%0A%20%20%20%20%20%20%20%20fill%3A%20%23eff6ff%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%2050%25%2C%2095%25%20%7B%0A%20%20%20%20%20%20%20%20stroke%3A%20%23e2e8f0%3B%0A%20%20%20%20%20%20%20%20stroke-width%3A%201%3B%0A%20%20%20%20%20%20%20%20fill%3A%20%23f8fafc%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%20%20%0A%20%20%20%20%40keyframes%20selectionBox%20%7B%0A%20%20%20%20%20%200%25%2C%20100%25%20%7B%0A%20%20%20%20%20%20%20%20opacity%3A%200%3B%0A%20%20%20%20%20%20%20%20transform%3A%20scale(0.95)%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%208%25%2C%2045%25%20%7B%0A%20%20%20%20%20%20%20%20opacity%3A%201%3B%0A%20%20%20%20%20%20%20%20transform%3A%20scale(1)%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%2050%25%2C%2095%25%20%7B%0A%20%20%20%20%20%20%20%20opacity%3A%200%3B%0A%20%20%20%20%20%20%20%20transform%3A%20scale(0.95)%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%0A%20%20%20%20%2F*%202.%20%E3%83%88%E3%83%A9%E3%83%B3%E3%82%B6%E3%82%AF%E3%82%B7%E3%83%A7%E3%83%B3%E3%83%87%E3%83%BC%E3%82%BF%E3%81%AE%E3%83%95%E3%83%AD%E3%83%BC%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%20*%2F%0A%20%20%20%20%40keyframes%20dataFlow%20%7B%0A%20%20%20%20%20%200%25%2C%2048%25%20%7B%0A%20%20%20%20%20%20%20%20opacity%3A%200%3B%0A%20%20%20%20%20%20%20%20transform%3A%20translate(0%2C%200)%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%2055%25%20%7B%0A%20%20%20%20%20%20%20%20opacity%3A%201%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%2070%25%2C%2095%25%20%7B%0A%20%20%20%20%20%20%20%20opacity%3A%200%3B%0A%20%20%20%20%20%20%20%20transform%3A%20translate(140px%2C%200)%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20100%25%20%7B%0A%20%20%20%20%20%20%20%20opacity%3A%200%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%0A%20%20%20%20%2F*%203.%20%E9%9B%86%E8%A8%88%E3%83%AA%E3%82%B9%E3%83%88%E3%81%B8%E3%81%AE%E3%83%87%E3%83%BC%E3%82%BF%E8%93%84%E7%A9%8D%E3%83%BB%E5%8F%8D%E6%98%A0%20*%2F%0A%20%20%20%20%40keyframes%20listUpdate%20%7B%0A%20%20%20%20%20%200%25%2C%2065%25%20%7B%0A%20%20%20%20%20%20%20%20opacity%3A%200.3%3B%0A%20%20%20%20%20%20%20%20filter%3A%20grayscale(100%25)%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%2072%25%2C%2095%25%20%7B%0A%20%20%20%20%20%20%20%20opacity%3A%201%3B%0A%20%20%20%20%20%20%20%20filter%3A%20grayscale(0%25)%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20100%25%20%7B%0A%20%20%20%20%20%20%20%20opacity%3A%200.3%3B%0A%20%20%20%20%20%20%20%20filter%3A%20grayscale(100%25)%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%0A%20%20%20%20%2F*%204.%20%E5%90%84%E3%82%B9%E3%83%86%E3%83%83%E3%83%97%E3%81%AE%E8%A6%8B%E5%87%BA%E3%81%97%E3%83%BB%E8%AA%AC%E6%98%8E%E3%81%AE%E5%88%87%E3%82%8A%E6%9B%BF%E3%81%88%20*%2F%0A%20%20%20%20%40keyframes%20stepActive1%20%7B%0A%20%20%20%20%20%200%25%2C%2048%25%20%7B%0A%20%20%20%20%20%20%20%20opacity%3A%201%3B%0A%20%20%20%20%20%20%20%20font-weight%3A%20bold%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%2050%25%2C%20100%25%20%7B%0A%20%20%20%20%20%20%20%20opacity%3A%200.3%3B%0A%20%20%20%20%20%20%20%20font-weight%3A%20normal%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%0A%20%20%20%20%40keyframes%20stepActive2%20%7B%0A%20%20%20%20%20%200%25%2C%2048%25%20%7B%0A%20%20%20%20%20%20%20%20opacity%3A%200.3%3B%0A%20%20%20%20%20%20%20%20font-weight%3A%20normal%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%2050%25%2C%2095%25%20%7B%0A%20%20%20%20%20%20%20%20opacity%3A%201%3B%0A%20%20%20%20%20%20%20%20font-weight%3A%20bold%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20100%25%20%7B%0A%20%20%20%20%20%20%20%20opacity%3A%200.3%3B%0A%20%20%20%20%20%20%20%20font-weight%3A%20normal%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%0A%20%20%20%20%2F*%20%E3%82%AF%E3%83%A9%E3%82%B9%E9%81%A9%E7%94%A8%20*%2F%0A%20%20%20%20.anim-cal-target%20%7B%0A%20%20%20%20%20%20animation%3A%20calendarHighlight%208s%20infinite%20ease-in-out%3B%0A%20%20%20%20%20%20transform-origin%3A%20center%3B%0A%20%20%20%20%7D%0A%20%20%20%20%0A%20%20%20%20.anim-select-box%20%7B%0A%20%20%20%20%20%20animation%3A%20selectionBox%208s%20infinite%20ease-in-out%3B%0A%20%20%20%20%20%20transform-origin%3A%20155px%20125px%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20.anim-flow-1%20%7B%0A%20%20%20%20%20%20animation%3A%20dataFlow%208s%20infinite%20cubic-bezier(0.4%2C%200%2C%200.2%2C%201)%3B%0A%20%20%20%20%20%20animation-delay%3A%200.2s%3B%0A%20%20%20%20%7D%0A%20%20%20%20.anim-flow-2%20%7B%0A%20%20%20%20%20%20animation%3A%20dataFlow%208s%20infinite%20cubic-bezier(0.4%2C%200%2C%200.2%2C%201)%3B%0A%20%20%20%20%20%20animation-delay%3A%200.4s%3B%0A%20%20%20%20%7D%0A%20%20%20%20.anim-flow-3%20%7B%0A%20%20%20%20%20%20animation%3A%20dataFlow%208s%20infinite%20cubic-bezier(0.4%2C%200%2C%200.2%2C%201)%3B%0A%20%20%20%20%20%20animation-delay%3A%200.6s%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20.anim-list-row%20%7B%0A%20%20%20%20%20%20animation%3A%20listUpdate%208s%20infinite%20ease-in-out%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20.text-step1%20%7B%0A%20%20%20%20%20%20animation%3A%20stepActive1%208s%20infinite%20ease-in-out%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20.text-step2%20%7B%0A%20%20%20%20%20%20animation%3A%20stepActive2%208s%20infinite%20ease-in-out%3B%0A%20%20%20%20%7D%0A%20%20%3C%2Fstyle%3E%0A%3C%2Fhead%3E%0A%3Cbody%3E%0A%0A%3Cdiv%20class%3D%22decil-step1-container%22%3E%0A%20%20%3Csvg%20class%3D%22decil-svg%22%20viewBox%3D%220%200%20600%20340%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3C!--%20%E8%83%8C%E6%99%AF%20(White%E6%8C%87%E5%AE%9A%E3%81%AE%E3%81%9F%E3%82%81%E9%80%8F%E6%98%8E%E3%81%BE%E3%81%9F%E3%81%AF%E7%99%BD)%20--%3E%0A%20%20%20%20%3Crect%20width%3D%22600%22%20height%3D%22340%22%20fill%3D%22%23ffffff%22%2F%3E%0A%0A%20%20%20%20%3C!--%20%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%20%E6%AE%B5%E9%9A%8E%E8%A1%A8%E7%A4%BA%E3%83%98%E3%83%83%E3%83%80%E3%83%BC%20%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%20--%3E%0A%20%20%20%20%3Cg%20transform%3D%22translate(40%2C%2025)%22%3E%0A%20%20%20%20%20%20%3C!--%20%E3%82%B9%E3%83%86%E3%83%83%E3%83%971-%E2%91%A0%20--%3E%0A%20%20%20%20%20%20%3Cg%20class%3D%22text-step1%22%3E%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%22240%22%20height%3D%2232%22%20rx%3D%226%22%20fill%3D%22%23eff6ff%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%2220%22%20cy%3D%2216%22%20r%3D%2210%22%20fill%3D%22%233b82f6%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%2220%22%20y%3D%2220%22%20fill%3D%22%23ffffff%22%20font-size%3D%2212%22%20font-weight%3D%22bold%22%20text-anchor%3D%22middle%22%3E1%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%2240%22%20y%3D%2220%22%20fill%3D%22%231e3a8a%22%20font-size%3D%2212%22%20font-weight%3D%22bold%22%3E%E2%91%A0%20%E5%88%86%E6%9E%90%E5%AF%BE%E8%B1%A1%E3%81%A8%E3%81%AA%E3%82%8B%E6%9C%9F%E9%96%93%E3%82%92%E6%B1%BA%E3%82%81%E3%82%8B%3C%2Ftext%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%0A%20%20%20%20%20%20%3C!--%20%E7%9F%A2%E5%8D%B0%20--%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M%20255%2016%20L%20265%2016%22%20stroke%3D%22%2394a3b8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M%20261%2011%20L%20266%2016%20L%20261%2021%22%20stroke%3D%22%2394a3b8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%0A%20%20%20%20%20%20%3C!--%20%E3%82%B9%E3%83%86%E3%83%83%E3%83%971-%E2%91%A1%20--%3E%0A%20%20%20%20%20%20%3Cg%20class%3D%22text-step2%22%3E%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%22280%22%20y%3D%220%22%20width%3D%22240%22%20height%3D%2232%22%20rx%3D%226%22%20fill%3D%22%23f0fdf4%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%22300%22%20cy%3D%2216%22%20r%3D%2210%22%20fill%3D%22%2322c55e%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%22300%22%20y%3D%2220%22%20fill%3D%22%23ffffff%22%20font-size%3D%2212%22%20font-weight%3D%22bold%22%20text-anchor%3D%22middle%22%3E2%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%22320%22%20y%3D%2220%22%20fill%3D%22%2314532d%22%20font-size%3D%2212%22%20font-weight%3D%22bold%22%3E%E2%91%A1%20%E6%9C%9F%E9%96%93%E5%86%85%E3%81%AE%E8%B3%BC%E5%85%A5%E9%87%91%E9%A1%8D%E3%82%92%E9%9B%86%E8%A8%88%E3%81%99%E3%82%8B%3C%2Ftext%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%0A%20%20%20%20%3C!--%20%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%20%E2%91%A0%20%E6%9C%9F%E9%96%93%E6%B1%BA%E5%AE%9A%E3%82%BB%E3%82%AF%E3%82%B7%E3%83%A7%E3%83%B3%20(%E5%B7%A6%E5%81%B4)%20%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%20--%3E%0A%20%20%20%20%3C!--%20%E3%82%AB%E3%83%AC%E3%83%B3%E3%83%80%E3%83%BC%E9%A2%A8%E3%81%AE%E5%9B%B3%20--%3E%0A%20%20%20%20%3Cg%20transform%3D%22translate(40%2C%2085)%22%3E%0A%20%20%20%20%20%20%3C!--%20%E3%82%AB%E3%83%AC%E3%83%B3%E3%83%80%E3%83%BC%E3%81%AE%E3%83%98%E3%83%83%E3%83%80%E3%83%BC%E3%83%BB%E5%8F%B0%E7%B4%99%20--%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%22220%22%20height%3D%22180%22%20rx%3D%2212%22%20fill%3D%22%23f1f5f9%22%20stroke%3D%22%23cbd5e1%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M%200%2012%20Q%200%200%2012%200%20L%20208%200%20Q%20220%200%20220%2012%20L%20220%2035%20L%200%2035%20Z%22%20fill%3D%22%2364748b%22%2F%3E%0A%20%20%20%20%20%20%3Ctext%20x%3D%22110%22%20y%3D%2222%22%20fill%3D%22%23ffffff%22%20font-size%3D%2212%22%20font-weight%3D%22bold%22%20text-anchor%3D%22middle%22%3E%E5%B9%B4%E9%96%93%E5%8F%96%E5%BC%95%E3%83%87%E3%83%BC%E3%82%BF%E3%83%99%E3%83%BC%E3%82%B9%3C%2Ftext%3E%0A%0A%20%20%20%20%20%20%3C!--%20%E3%82%AB%E3%83%AC%E3%83%B3%E3%83%80%E3%83%BC%E3%81%AE%E6%9C%88%E3%83%96%E3%83%AD%E3%83%83%E3%82%AF%E7%BE%A4%20(12%E3%83%9E%E3%82%B9)%20--%3E%0A%20%20%20%20%20%20%3C!--%201%E8%A1%8C%E7%9B%AE%20(1%E6%9C%88%E3%80%9C4%E6%9C%88)%20--%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%2215%22%20y%3D%2250%22%20width%3D%2240%22%20height%3D%2235%22%20rx%3D%224%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23e2e8f0%22%20stroke-width%3D%221%22%20%2F%3E%0A%20%20%20%20%20%20%3Ctext%20x%3D%2235%22%20y%3D%2272%22%20fill%3D%22%2364748b%22%20font-size%3D%2211%22%20text-anchor%3D%22middle%22%3E1%E6%9C%88%3C%2Ftext%3E%0A%0A%20%20%20%20%20%20%3Crect%20x%3D%2265%22%20y%3D%2250%22%20width%3D%2240%22%20height%3D%2235%22%20rx%3D%224%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23e2e8f0%22%20stroke-width%3D%221%22%20%2F%3E%0A%20%20%20%20%20%20%3Ctext%20x%3D%2285%22%20y%3D%2272%22%20fill%3D%22%2364748b%22%20font-size%3D%2211%22%20text-anchor%3D%22middle%22%3E2%E6%9C%88%3C%2Ftext%3E%0A%0A%20%20%20%20%20%20%3Crect%20x%3D%22115%22%20y%3D%2250%22%20width%3D%2240%22%20height%3D%2235%22%20rx%3D%224%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23e2e8f0%22%20stroke-width%3D%221%22%20%2F%3E%0A%20%20%20%20%20%20%3Ctext%20x%3D%22135%22%20y%3D%2272%22%20fill%3D%22%2364748b%22%20font-size%3D%2211%22%20text-anchor%3D%22middle%22%3E3%E6%9C%88%3C%2Ftext%3E%0A%0A%20%20%20%20%20%20%3Crect%20x%3D%22165%22%20y%3D%2250%22%20width%3D%2240%22%20height%3D%2235%22%20rx%3D%224%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23e2e8f0%22%20stroke-width%3D%221%22%20%2F%3E%0A%20%20%20%20%20%20%3Ctext%20x%3D%22185%22%20y%3D%2272%22%20fill%3D%22%2364748b%22%20font-size%3D%2211%22%20text-anchor%3D%22middle%22%3E4%E6%9C%88%3C%2Ftext%3E%0A%0A%20%20%20%20%20%20%3C!--%202%E8%A1%8C%E7%9B%AE%20(5%E6%9C%88%E3%80%9C8%E6%9C%88)%20--%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%2215%22%20y%3D%2295%22%20width%3D%2240%22%20height%3D%2235%22%20rx%3D%224%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23e2e8f0%22%20stroke-width%3D%221%22%20%2F%3E%0A%20%20%20%20%20%20%3Ctext%20x%3D%2235%22%20y%3D%22117%22%20fill%3D%22%2364748b%22%20font-size%3D%2211%22%20text-anchor%3D%22middle%22%3E5%E6%9C%88%3C%2Ftext%3E%0A%0A%20%20%20%20%20%20%3Crect%20x%3D%2265%22%20y%3D%2295%22%20width%3D%2240%22%20height%3D%2235%22%20rx%3D%224%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23e2e8f0%22%20stroke-width%3D%221%22%20%2F%3E%0A%20%20%20%20%20%20%3Ctext%20x%3D%2285%22%20y%3D%22117%22%20fill%3D%22%2364748b%22%20font-size%3D%2211%22%20text-anchor%3D%22middle%22%3E6%E6%9C%88%3C%2Ftext%3E%0A%0A%20%20%20%20%20%20%3C!--%20%E5%AF%BE%E8%B1%A1%E6%9C%9F%E9%96%931%3A%207%E6%9C%88%20(%E3%83%8F%E3%82%A4%E3%83%A9%E3%82%A4%E3%83%88%E5%AF%BE%E8%B1%A1)%20--%3E%0A%20%20%20%20%20%20%3Crect%20class%3D%22anim-cal-target%22%20x%3D%22115%22%20y%3D%2295%22%20width%3D%2240%22%20height%3D%2235%22%20rx%3D%224%22%20%2F%3E%0A%20%20%20%20%20%20%3Ctext%20x%3D%22135%22%20y%3D%22117%22%20fill%3D%22%231e3b8a%22%20font-size%3D%2211%22%20font-weight%3D%22bold%22%20text-anchor%3D%22middle%22%3E7%E6%9C%88%3C%2Ftext%3E%0A%0A%20%20%20%20%20%20%3C!--%20%E5%AF%BE%E8%B1%A1%E6%9C%9F%E9%96%932%3A%208%E6%9C%88%20(%E3%83%8F%E3%82%A4%E3%83%A9%E3%82%A4%E3%83%88%E5%AF%BE%E8%B1%A1)%20--%3E%0A%20%20%20%20%20%20%3Crect%20class%3D%22anim-cal-target%22%20x%3D%22165%22%20y%3D%2295%22%20width%3D%2240%22%20height%3D%2235%22%20rx%3D%224%22%20%2F%3E%0A%20%20%20%20%20%20%3Ctext%20x%3D%22185%22%20y%3D%22117%22%20fill%3D%22%231e3b8a%22%20font-size%3D%2211%22%20font-weight%3D%22bold%22%20text-anchor%3D%22middle%22%3E8%E6%9C%88%3C%2Ftext%3E%0A%0A%20%20%20%20%20%20%3C!--%203%E8%A1%8C%E7%9B%AE%20(9%E6%9C%88%E3%80%9C12%E6%9C%88)%20--%3E%0A%20%20%20%20%20%20%3C!--%20%E5%AF%BE%E8%B1%A1%E6%9C%9F%E9%96%933%3A%209%E6%9C%88%20(%E3%83%8F%E3%82%A4%E3%83%A9%E3%82%A4%E3%83%88%E5%AF%BE%E8%B1%A1)%20--%3E%0A%20%20%20%20%20%20%3Crect%20class%3D%22anim-cal-target%22%20x%3D%2215%22%20y%3D%22140%22%20width%3D%2240%22%20height%3D%2235%22%20rx%3D%224%22%20%2F%3E%0A%20%20%20%20%20%20%3Ctext%20x%3D%2235%22%20y%3D%22162%22%20fill%3D%22%231e3b8a%22%20font-size%3D%2211%22%20font-weight%3D%22bold%22%20text-anchor%3D%22middle%22%3E9%E6%9C%88%3C%2Ftext%3E%0A%0A%20%20%20%20%20%20%3Crect%20x%3D%2265%22%20y%3D%22140%22%20width%3D%2240%22%20height%3D%2235%22%20rx%3D%224%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23e2e8f0%22%20stroke-width%3D%221%22%20%2F%3E%0A%20%20%20%20%20%20%3Ctext%20x%3D%2285%22%20y%3D%22162%22%20fill%3D%22%2364748b%22%20font-size%3D%2211%22%20text-anchor%3D%22middle%22%3E10%E6%9C%88%3C%2Ftext%3E%0A%0A%20%20%20%20%20%20%3Crect%20x%3D%22115%22%20y%3D%22140%22%20width%3D%2240%22%20height%3D%2235%22%20rx%3D%224%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23e2e8f0%22%20stroke-width%3D%221%22%20%2F%3E%0A%20%20%20%20%20%20%3Ctext%20x%3D%22135%22%20y%3D%22162%22%20fill%3D%22%2364748b%22%20font-size%3D%2211%22%20text-anchor%3D%22middle%22%3E11%E6%9C%88%3C%2Ftext%3E%0A%0A%20%20%20%20%20%20%3Crect%20x%3D%22165%22%20y%3D%22140%22%20width%3D%2240%22%20height%3D%2235%22%20rx%3D%224%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23e2e8f0%22%20stroke-width%3D%221%22%20%2F%3E%0A%20%20%20%20%20%20%3Ctext%20x%3D%22185%22%20y%3D%22162%22%20fill%3D%22%2364748b%22%20font-size%3D%2211%22%20text-anchor%3D%22middle%22%3E12%E6%9C%88%3C%2Ftext%3E%0A%0A%20%20%20%20%20%20%3C!--%20%E5%AF%BE%E8%B1%A1%E6%9C%9F%E9%96%93%E3%82%92%E5%9B%B2%E3%82%80%E6%9E%A0%20(3%E3%83%B6%E6%9C%88%E5%88%86)%20--%3E%0A%20%20%20%20%20%20%3Crect%20class%3D%22anim-select-box%22%20x%3D%22110%22%20y%3D%2290%22%20width%3D%22100%22%20height%3D%2290%22%20rx%3D%228%22%20fill%3D%22none%22%20stroke%3D%22%233b82f6%22%20stroke-width%3D%223%22%20stroke-dasharray%3D%224%202%22%2F%3E%0A%20%20%20%20%20%20%3Cg%20class%3D%22anim-select-box%22%3E%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%22135%22%20y%3D%22183%22%20width%3D%2275%22%20height%3D%2218%22%20rx%3D%224%22%20fill%3D%22%233b82f6%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%22172%22%20y%3D%22195%22%20fill%3D%22%23ffffff%22%20font-size%3D%229%22%20font-weight%3D%22bold%22%20text-anchor%3D%22middle%22%3E%E5%88%86%E6%9E%90%E5%AF%BE%E8%B1%A1%E3%81%AE3%E3%83%B6%E6%9C%88%3C%2Ftext%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%0A%20%20%20%20%3C!--%20%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%20%E3%83%95%E3%83%AD%E3%83%BC%E3%82%B3%E3%83%8D%E3%82%AF%E3%82%BF%20(%E4%B8%AD%E5%A4%AE)%20%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%20--%3E%0A%20%20%20%20%3Cg%20transform%3D%22translate(260%2C%20150)%22%3E%0A%20%20%20%20%20%20%3C!--%20%E5%A4%AA%E3%81%84%E8%83%8C%E6%99%AF%E3%81%AE%E7%9F%A2%E5%8D%B0%20--%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M%2010%2020%20L%2070%2020%22%20stroke%3D%22%23f1f5f9%22%20stroke-width%3D%2224%22%20stroke-linecap%3D%22round%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M%2065%2010%20L%2075%2020%20L%2065%2030%22%20stroke%3D%22%23f1f5f9%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20%3C!--%20%E3%83%A1%E3%82%A4%E3%83%B3%E9%80%B2%E8%A1%8C%E3%83%A9%E3%82%A4%E3%83%B3%20--%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M%2010%2020%20L%2070%2020%22%20stroke%3D%22%23cbd5e1%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M%2067%2015%20L%2072%2020%20L%2067%2025%22%20stroke%3D%22%23cbd5e1%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%0A%20%20%20%20%20%20%3C!--%20%E6%B5%81%E3%82%8C%E3%82%8B%E3%83%87%E3%83%BC%E3%82%BF%E3%83%8E%E3%83%BC%E3%83%89%20(%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3)%20--%3E%0A%20%20%20%20%20%20%3C!--%20%E9%A1%A7%E5%AE%A2A%E3%81%AE%E3%83%87%E3%83%BC%E3%82%BF%20--%3E%0A%20%20%20%20%20%20%3Cg%20class%3D%22anim-flow-1%22%3E%0A%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2220%22%20r%3D%2210%22%20fill%3D%22%233b82f6%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%2210%22%20y%3D%2223%22%20fill%3D%22%23ffffff%22%20font-size%3D%229%22%20font-weight%3D%22bold%22%20text-anchor%3D%22middle%22%3EA%3C%2Ftext%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%3C!--%20%E9%A1%A7%E5%AE%A2B%E3%81%AE%E3%83%87%E3%83%BC%E3%82%BF%20--%3E%0A%20%20%20%20%20%20%3Cg%20class%3D%22anim-flow-2%22%3E%0A%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2220%22%20r%3D%2210%22%20fill%3D%22%2310b981%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%2210%22%20y%3D%2223%22%20fill%3D%22%23ffffff%22%20font-size%3D%229%22%20font-weight%3D%22bold%22%20text-anchor%3D%22middle%22%3EB%3C%2Ftext%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%3C!--%20%E9%A1%A7%E5%AE%A2C%E3%81%AE%E3%83%87%E3%83%BC%E3%82%BF%20--%3E%0A%20%20%20%20%20%20%3Cg%20class%3D%22anim-flow-3%22%3E%0A%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2220%22%20r%3D%2210%22%20fill%3D%22%23f59e0b%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%2210%22%20y%3D%2223%22%20fill%3D%22%23ffffff%22%20font-size%3D%229%22%20font-weight%3D%22bold%22%20text-anchor%3D%22middle%22%3EC%3C%2Ftext%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%0A%20%20%20%20%3C!--%20%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%20%E2%91%A1%20%E9%9B%86%E8%A8%88%E3%83%AA%E3%82%B9%E3%83%88%E3%82%BB%E3%82%AF%E3%82%B7%E3%83%A7%E3%83%B3%20(%E5%8F%B3%E5%81%B4)%20%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%20--%3E%0A%20%20%20%20%3Cg%20transform%3D%22translate(350%2C%2085)%22%3E%0A%20%20%20%20%20%20%3C!--%20%E9%9B%86%E8%A8%88%E8%A1%A8%E3%81%AE%E3%83%99%E3%83%BC%E3%82%B9%20--%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%22210%22%20height%3D%22180%22%20rx%3D%2212%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23cbd5e1%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M%200%2012%20Q%200%200%2012%200%20L%20198%200%20Q%20210%200%20210%2012%20L%20210%2035%20L%200%2035%20Z%22%20fill%3D%22%2322c55e%22%2F%3E%0A%20%20%20%20%20%20%3Ctext%20x%3D%22105%22%20y%3D%2222%22%20fill%3D%22%23ffffff%22%20font-size%3D%2212%22%20font-weight%3D%22bold%22%20text-anchor%3D%22middle%22%3E%E9%A1%A7%E5%AE%A2%E5%88%A5%20%E8%B3%BC%E5%85%A5%E9%87%91%E9%A1%8D%E3%83%AA%E3%82%B9%E3%83%88%3C%2Ftext%3E%0A%0A%20%20%20%20%20%20%3C!--%20%E3%83%86%E3%83%BC%E3%83%96%E3%83%AB%E3%83%98%E3%83%83%E3%83%80%E3%83%BC%20--%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%2210%22%20y%3D%2245%22%20width%3D%22190%22%20height%3D%2222%22%20rx%3D%224%22%20fill%3D%22%23f8fafc%22%20%2F%3E%0A%20%20%20%20%20%20%3Ctext%20x%3D%2225%22%20y%3D%2260%22%20fill%3D%22%2364748b%22%20font-size%3D%2210%22%20font-weight%3D%22bold%22%3E%E9%A1%A7%E5%AE%A2ID%3C%2Ftext%3E%0A%20%20%20%20%20%20%3Ctext%20x%3D%22130%22%20y%3D%2260%22%20fill%3D%22%2364748b%22%20font-size%3D%2210%22%20font-weight%3D%22bold%22%3E%E9%9B%86%E8%A8%88%E3%81%97%E3%81%9F%E5%90%88%E8%A8%88%E9%87%91%E9%A1%8D%3C%2Ftext%3E%0A%0A%20%20%20%20%20%20%3C!--%20%E3%83%86%E3%83%BC%E3%83%96%E3%83%AB%E8%A1%8C%201%20(%E9%A1%A7%E5%AE%A2A)%20--%3E%0A%20%20%20%20%20%20%3Cg%20class%3D%22anim-list-row%22%3E%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%2210%22%20y%3D%2273%22%20width%3D%22190%22%20height%3D%2228%22%20rx%3D%224%22%20fill%3D%22%23eff6ff%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%2225%22%20cy%3D%2287%22%20r%3D%229%22%20fill%3D%22%233b82f6%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%2225%22%20y%3D%2290%22%20fill%3D%22%23ffffff%22%20font-size%3D%229%22%20font-weight%3D%22bold%22%20text-anchor%3D%22middle%22%3EA%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%2245%22%20y%3D%2291%22%20fill%3D%22%231e3a8a%22%20font-size%3D%2211%22%20font-weight%3D%22bold%22%3E%E9%A1%A7%E5%AE%A2A%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%22185%22%20y%3D%2291%22%20fill%3D%22%231e3a8a%22%20font-size%3D%2211%22%20font-weight%3D%22bold%22%20text-anchor%3D%22end%22%3E%C2%A5150%2C000%3C%2Ftext%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%0A%20%20%20%20%20%20%3C!--%20%E3%83%86%E3%83%BC%E3%83%96%E3%83%AB%E8%A1%8C%202%20(%E9%A1%A7%E5%AE%A2B)%20--%3E%0A%20%20%20%20%20%20%3Cg%20class%3D%22anim-list-row%22%20style%3D%22animation-delay%3A%200.2s%3B%22%3E%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%2210%22%20y%3D%22106%22%20width%3D%22190%22%20height%3D%2228%22%20rx%3D%224%22%20fill%3D%22%23f0fdf4%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%2225%22%20cy%3D%22120%22%20r%3D%229%22%20fill%3D%22%2310b981%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%2225%22%20y%3D%22123%22%20fill%3D%22%23ffffff%22%20font-size%3D%229%22%20font-weight%3D%22bold%22%20text-anchor%3D%22middle%22%3EB%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%2245%22%20y%3D%22124%22%20fill%3D%22%2314532d%22%20font-size%3D%2211%22%20font-weight%3D%22bold%22%3E%E9%A1%A7%E5%AE%A2B%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%22185%22%20y%3D%22124%22%20fill%3D%22%2314532d%22%20font-size%3D%2211%22%20font-weight%3D%22bold%22%20text-anchor%3D%22end%22%3E%C2%A585%2C000%3C%2Ftext%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%0A%20%20%20%20%20%20%3C!--%20%E3%83%86%E3%83%BC%E3%83%96%E3%83%AB%E8%A1%8C%203%20(%E9%A1%A7%E5%AE%A2C)%20--%3E%0A%20%20%20%20%20%20%3Cg%20class%3D%22anim-list-row%22%20style%3D%22animation-delay%3A%200.4s%3B%22%3E%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%2210%22%20y%3D%22139%22%20width%3D%22190%22%20height%3D%2228%22%20rx%3D%224%22%20fill%3D%22%23fffbeb%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%2225%22%20cy%3D%22153%22%20r%3D%229%22%20fill%3D%22%23f59e0b%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%2225%22%20y%3D%22156%22%20fill%3D%22%23ffffff%22%20font-size%3D%229%22%20font-weight%3D%22bold%22%20text-anchor%3D%22middle%22%3EC%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%2245%22%20y%3D%22157%22%20fill%3D%22%2378350f%22%20font-size%3D%2211%22%20font-weight%3D%22bold%22%3E%E9%A1%A7%E5%AE%A2C%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%22185%22%20y%3D%22157%22%20fill%3D%22%2378350f%22%20font-size%3D%2211%22%20font-weight%3D%22bold%22%20text-anchor%3D%22end%22%3E%C2%A5210%2C000%3C%2Ftext%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%0A%20%20%20%20%3C!--%20%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%20%E8%AA%AC%E6%98%8E%EF%BC%88%E3%83%9C%E3%83%88%E3%83%A0%EF%BC%89%20%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%20--%3E%0A%20%20%20%20%3Crect%20x%3D%2240%22%20y%3D%22285%22%20width%3D%22520%22%20height%3D%2240%22%20rx%3D%226%22%20fill%3D%22%23f8fafc%22%20stroke%3D%22%23e2e8f0%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%20%20%0A%20%20%20%20%3C!--%20%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E5%89%8D%E5%8D%8A%E3%81%AE%E8%AA%AC%E6%98%8E%20--%3E%0A%20%20%20%20%3Cg%20class%3D%22text-step1%22%3E%0A%20%20%20%20%20%20%3Ctext%20x%3D%22300%22%20y%3D%22309%22%20fill%3D%22%23475569%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20font-weight%3D%22bold%22%3E%0A%20%20%20%20%20%20%20%20%E2%91%A0%20%E5%88%86%E6%9E%90%E6%9C%9F%E9%96%93%EF%BC%88%E4%BE%8B%EF%BC%9A%E7%9B%B4%E8%BF%91%E3%81%AE3%E3%83%B6%E6%9C%88%E9%96%93%EF%BC%89%E3%82%92%E8%A8%AD%E5%AE%9A%E3%81%97%E3%80%81%E5%AF%BE%E8%B1%A1%E3%83%87%E3%83%BC%E3%82%BF%E3%82%92%E7%B5%9E%E3%82%8A%E8%BE%BC%E3%81%BF%E3%81%BE%E3%81%99%E3%80%82%0A%20%20%20%20%20%20%3C%2Ftext%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C!--%20%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E5%BE%8C%E5%8D%8A%E3%81%AE%E8%AA%AC%E6%98%8E%20--%3E%0A%20%20%20%20%3Cg%20class%3D%22text-step2%22%3E%0A%20%20%20%20%20%20%3Ctext%20x%3D%22300%22%20y%3D%22309%22%20fill%3D%22%23475569%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20font-weight%3D%22bold%22%3E%0A%20%20%20%20%20%20%20%20%E2%91%A1%20%E6%9C%9F%E9%96%93%E5%86%85%E3%81%AE%E5%8F%96%E5%BC%95%E5%B1%A5%E6%AD%B4%E3%81%8B%E3%82%89%E3%80%81%E9%A1%A7%E5%AE%A2%E3%81%94%E3%81%A8%E3%81%AB%E8%B3%BC%E5%85%A5%E9%87%91%E9%A1%8D%E3%82%92%E5%90%88%E7%AE%97%EF%BC%88%E9%9B%86%E8%A8%88%EF%BC%89%E3%81%97%E3%81%BE%E3%81%99%E3%80%82%0A%20%20%20%20%20%20%3C%2Ftext%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fsvg%3E%0A%3C%2Fdiv%3E%0A%0A%3C%2Fbody%3E%0A%3C%2Fhtml%3E期間の設定はビジネスモデルによって異なりますが、一般的には直近の3ヶ月、半年、あるいは1年間といった単位で設定します。例えば、季節による変動が大きいビジネスであれば、1年間という長期のデータを用いた方が全体の傾向を捉えやすくなります。この段階で、顧客IDと、その期間内の合計購入金額が紐づいたリストを作成します。ステップ2：購入金額順の並び替えと10等分へのグループ分け集計したデータを元に、購入金額が多い順に顧客を並び替えます。そして、全顧客数を10で割り、1グループあたりの人数を算出します。%3C!DOCTYPE%20html%3E%0A%3Chtml%20lang%3D%22ja%22%3E%0A%3Chead%3E%0A%20%20%3Cmeta%20charset%3D%22UTF-8%22%3E%0A%20%20%3Cmeta%20name%3D%22viewport%22%20content%3D%22width%3Ddevice-width%2C%20initial-scale%3D1.0%22%3E%0A%20%20%3Cstyle%3E%0A%20%20%20%20%2F*%20%E5%9F%8B%E3%82%81%E8%BE%BC%E3%81%BF%E7%94%A8%EF%BC%9A%E8%83%8C%E6%99%AF%E7%99%BD%E3%80%81%E6%9E%A0%E7%B7%9A%E3%83%BB%E5%BD%B1%E3%81%AA%E3%81%97%E3%81%AE%E6%9C%80%E5%B0%8F%E6%A7%8B%E6%88%90%20*%2F%0A%20%20%20%20.decile-step2-container%20%7B%0A%20%20%20%20%20%20font-family%3A%20'Helvetica%20Neue'%2C%20Arial%2C%20'Hiragino%20Kaku%20Gothic%20ProN'%2C%20Meiryo%2C%20sans-serif%3B%0A%20%20%20%20%20%20width%3A%20100%25%3B%0A%20%20%20%20%20%20max-width%3A%20640px%3B%0A%20%20%20%20%20%20background-color%3A%20%23ffffff%3B%0A%20%20%20%20%20%20margin%3A%200%3B%0A%20%20%20%20%20%20box-sizing%3A%20border-box%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20.decile-svg%20%7B%0A%20%20%20%20%20%20width%3A%20100%25%3B%0A%20%20%20%20%20%20height%3A%20auto%3B%0A%20%20%20%20%20%20display%3A%20block%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20%2F*%20---%20%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E5%AE%9A%E7%BE%A9%20(8%E7%A7%92%E3%82%B5%E3%82%A4%E3%82%AF%E3%83%AB)%20---%20*%2F%0A%0A%20%20%20%20%2F*%201.%20%E3%82%BF%E3%82%A4%E3%83%88%E3%83%AB%E3%83%BB%E8%AA%AC%E6%98%8E%E6%96%87%E3%81%AE%E5%88%87%E3%82%8A%E6%9B%BF%E3%81%88%20*%2F%0A%20%20%20%20%40keyframes%20fadeStep1%20%7B%0A%20%20%20%20%20%200%25%2C%2045%25%20%7B%20opacity%3A%201%3B%20font-weight%3A%20bold%3B%20%7D%0A%20%20%20%20%20%2050%25%2C%20100%25%20%7B%20opacity%3A%200.3%3B%20font-weight%3A%20normal%3B%20%7D%0A%20%20%20%20%7D%0A%20%20%20%20%40keyframes%20fadeStep2%20%7B%0A%20%20%20%20%20%200%25%2C%2045%25%20%7B%20opacity%3A%200.3%3B%20font-weight%3A%20normal%3B%20%7D%0A%20%20%20%20%20%2050%25%2C%2095%25%20%7B%20opacity%3A%201%3B%20font-weight%3A%20bold%3B%20%7D%0A%20%20%20%20%20%20100%25%20%7B%20opacity%3A%200.3%3B%20font-weight%3A%20normal%3B%20%7D%0A%20%20%20%20%7D%0A%0A%20%20%20%20%2F*%202.%20%E4%B8%A6%E3%81%B3%E6%9B%BF%E3%81%88%EF%BC%88%E4%BD%8D%E7%BD%AE%E7%A7%BB%E5%8B%95%EF%BC%89*%2F%0A%20%20%20%20%2F*%20%E9%A1%A7%E5%AE%A2A%3A%20150k%20(2%E4%BD%8D)%20%E5%88%9D%E6%9C%9F2%E6%AE%B5%E7%9B%AE%20-%3E%202%E6%AE%B5%E7%9B%AE%20(%E7%A7%BB%E5%8B%95%E3%81%AA%E3%81%97)%20*%2F%0A%20%20%20%20%2F*%20%E9%A1%A7%E5%AE%A2B%3A%2085k%20%20(3%E4%BD%8D)%20%E5%88%9D%E6%9C%9F3%E6%AE%B5%E7%9B%AE%20-%3E%203%E6%AE%B5%E7%9B%AE%20(%E7%A7%BB%E5%8B%95%E3%81%AA%E3%81%97)%20*%2F%0A%20%20%20%20%2F*%20%E9%A1%A7%E5%AE%A2C%3A%20210k%20(1%E4%BD%8D)%20%E5%88%9D%E6%9C%9F1%E6%AE%B5%E7%9B%AE%20-%3E%201%E6%AE%B5%E7%9B%AE%20(%E7%A7%BB%E5%8B%95%E3%81%AA%E3%81%97)%20*%2F%0A%20%20%20%20%2F*%20%E5%88%86%E3%81%8B%E3%82%8A%E3%82%84%E3%81%99%E3%81%8F%E3%81%99%E3%82%8B%E3%81%9F%E3%82%81%E5%88%9D%E6%9C%9F%E4%BD%8D%E7%BD%AE%E3%82%92%E3%82%B7%E3%83%A3%E3%83%83%E3%83%95%E3%83%AB%20*%2F%0A%20%20%20%20%40keyframes%20sortA%20%7B%200%25%2C%2015%25%20%7B%20transform%3A%20translateY(40px)%3B%20%7D%2030%25%2C%20100%25%20%7B%20transform%3A%20translateY(40px)%3B%20%7D%20%7D%0A%20%20%20%20%40keyframes%20sortB%20%7B%200%25%2C%2015%25%20%7B%20transform%3A%20translateY(80px)%3B%20%7D%2030%25%2C%20100%25%20%7B%20transform%3A%20translateY(80px)%3B%20%7D%20%7D%0A%20%20%20%20%40keyframes%20sortC%20%7B%200%25%2C%2015%25%20%7B%20transform%3A%20translateY(0px)%3B%20%7D%2030%25%2C%20100%25%20%7B%20transform%3A%20translateY(0px)%3B%20%7D%20%7D%0A%20%20%20%20%2F*%20%E5%AE%9F%E9%9A%9B%E3%81%AB%E3%81%AF%E5%88%9D%E6%9C%9F%E7%8A%B6%E6%85%8B%E3%81%A7%20C(1)%2C%20A(2)%2C%20B(3)%20%E3%81%A7%E3%81%AF%E3%81%AA%E3%81%84%E4%B8%A6%E3%81%B3%E3%81%8B%E3%82%89%E9%96%8B%E5%A7%8B%E3%81%95%E3%81%9B%E3%82%8B%20*%2F%0A%20%20%20%20%40keyframes%20moveCustomerA%20%7B%200%25%2C%2015%25%20%7B%20transform%3A%20translateY(80px)%3B%20%7D%2030%25%2C%20100%25%20%7B%20transform%3A%20translateY(40px)%3B%20%7D%20%7D%20%2F*%20%E4%B8%AD%E4%BD%8D%E3%81%B8%20*%2F%0A%20%20%20%20%40keyframes%20moveCustomerB%20%7B%200%25%2C%2015%25%20%7B%20transform%3A%20translateY(0px)%3B%20%7D%2030%25%2C%20100%25%20%7B%20transform%3A%20translateY(80px)%3B%20%7D%20%7D%20%20%2F*%20%E4%B8%8B%E4%BD%8D%E3%81%B8%20*%2F%0A%20%20%20%20%40keyframes%20moveCustomerC%20%7B%200%25%2C%2015%25%20%7B%20transform%3A%20translateY(40px)%3B%20%7D%2030%25%2C%20100%25%20%7B%20transform%3A%20translateY(0px)%3B%20%7D%20%7D%20%20%2F*%20%E4%B8%8A%E4%BD%8D%E3%81%B8%20*%2F%0A%0A%20%20%20%20%2F*%203.%20%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%E5%88%86%E3%81%91%E3%81%AE%E5%A2%83%E7%95%8C%E7%B7%9A%E3%81%A8%E3%83%A9%E3%83%99%E3%83%AB%20*%2F%0A%20%20%20%20%40keyframes%20showGrouping%20%7B%0A%20%20%20%20%20%200%25%2C%2055%25%20%7B%20opacity%3A%200%3B%20transform%3A%20translateX(-10px)%3B%20%7D%0A%20%20%20%20%20%2065%25%2C%2095%25%20%7B%20opacity%3A%201%3B%20transform%3A%20translateX(0)%3B%20%7D%0A%20%20%20%20%20%20100%25%20%7B%20opacity%3A%200%3B%20%7D%0A%20%20%20%20%7D%0A%0A%20%20%20%20%2F*%204.%20%E8%A8%88%E7%AE%97%E5%BC%8F%E3%81%AE%E8%A1%A8%E7%A4%BA%20*%2F%0A%20%20%20%20%40keyframes%20showCalc%20%7B%0A%20%20%20%20%20%200%25%2C%2050%25%20%7B%20opacity%3A%200%3B%20transform%3A%20scale(0.9)%3B%20%7D%0A%20%20%20%20%20%2060%25%2C%2095%25%20%7B%20opacity%3A%201%3B%20transform%3A%20scale(1)%3B%20%7D%0A%20%20%20%20%20%20100%25%20%7B%20opacity%3A%200%3B%20%7D%0A%20%20%20%20%7D%0A%0A%20%20%20%20%2F*%20---%20%E3%82%AF%E3%83%A9%E3%82%B9%E9%81%A9%E7%94%A8%20---%20*%2F%0A%20%20%20%20.step-text-1%20%7B%20animation%3A%20fadeStep1%208s%20infinite%3B%20%7D%0A%20%20%20%20.step-text-2%20%7B%20animation%3A%20fadeStep2%208s%20infinite%3B%20%7D%0A%20%20%20%20%0A%20%20%20%20.row-a%20%7B%20animation%3A%20moveCustomerA%208s%20infinite%20ease-in-out%3B%20%7D%0A%20%20%20%20.row-b%20%7B%20animation%3A%20moveCustomerB%208s%20infinite%20ease-in-out%3B%20%7D%0A%20%20%20%20.row-c%20%7B%20animation%3A%20moveCustomerC%208s%20infinite%20ease-in-out%3B%20%7D%0A%0A%20%20%20%20.group-ui%20%7B%20animation%3A%20showGrouping%208s%20infinite%20ease-out%3B%20%7D%0A%20%20%20%20.calc-ui%20%7B%20animation%3A%20showCalc%208s%20infinite%20ease-out%3B%20%7D%0A%20%20%3C%2Fstyle%3E%0A%3C%2Fhead%3E%0A%3Cbody%3E%0A%0A%3Cdiv%20class%3D%22decile-step2-container%22%3E%0A%20%20%3Csvg%20class%3D%22decile-svg%22%20viewBox%3D%220%200%20600%20380%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3C!--%20%E8%83%8C%E6%99%AF%20--%3E%0A%20%20%20%20%3Crect%20width%3D%22600%22%20height%3D%22380%22%20fill%3D%22%23ffffff%22%2F%3E%0A%0A%20%20%20%20%3C!--%20%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%20%E3%82%B9%E3%83%86%E3%83%83%E3%83%97%E3%83%98%E3%83%83%E3%83%80%E3%83%BC%20%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%20--%3E%0A%20%20%20%20%3Cg%20transform%3D%22translate(40%2C%2025)%22%3E%0A%20%20%20%20%20%20%3Cg%20class%3D%22step-text-1%22%3E%0A%20%20%20%20%20%20%20%20%3Crect%20width%3D%22240%22%20height%3D%2232%22%20rx%3D%226%22%20fill%3D%22%23f8fafc%22%20stroke%3D%22%23e2e8f0%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%2220%22%20cy%3D%2216%22%20r%3D%2210%22%20fill%3D%22%236366f1%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%2220%22%20y%3D%2220%22%20fill%3D%22%23ffffff%22%20font-size%3D%2212%22%20font-weight%3D%22bold%22%20text-anchor%3D%22middle%22%3E1%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%2240%22%20y%3D%2220%22%20fill%3D%22%231e1b4b%22%20font-size%3D%2212%22%3E%E2%91%A0%20%E8%B3%BC%E5%85%A5%E9%87%91%E9%A1%8D%E3%81%AE%E5%A4%9A%E3%81%84%E9%A0%86%E3%81%AB%E4%B8%A6%E3%81%B3%E6%9B%BF%E3%81%88%3C%2Ftext%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%0A%20%20%20%20%20%20%3Cg%20class%3D%22step-text-2%22%3E%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%22260%22%20y%3D%220%22%20width%3D%22260%22%20height%3D%2232%22%20rx%3D%226%22%20fill%3D%22%23f8fafc%22%20stroke%3D%22%23e2e8f0%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%22280%22%20cy%3D%2216%22%20r%3D%2210%22%20fill%3D%22%23ec4899%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%22280%22%20y%3D%2220%22%20fill%3D%22%23ffffff%22%20font-size%3D%2212%22%20font-weight%3D%22bold%22%20text-anchor%3D%22middle%22%3E2%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%22300%22%20y%3D%2220%22%20fill%3D%22%23500724%22%20font-size%3D%2212%22%3E%E2%91%A1%2010%E7%AD%89%E5%88%86%E3%81%AE%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%E3%81%AB%E5%88%86%E3%81%91%E3%82%8B%3C%2Ftext%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%0A%20%20%20%20%3C!--%20%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%20%E3%83%A1%E3%82%A4%E3%83%B3%EF%BC%9A%E4%B8%A6%E3%81%B3%E6%9B%BF%E3%81%88%E3%83%AA%E3%82%B9%E3%83%88%20%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%20--%3E%0A%20%20%20%20%3Cg%20transform%3D%22translate(60%2C%20100)%22%3E%0A%20%20%20%20%20%20%3C!--%20%E3%83%AA%E3%82%B9%E3%83%88%E3%81%AE%E8%83%8C%E6%99%AF%E6%9E%A0%20--%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%220%22%20y%3D%22-10%22%20width%3D%22320%22%20height%3D%22150%22%20rx%3D%228%22%20fill%3D%22%23f1f5f9%22%20opacity%3D%220.5%22%20%2F%3E%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20%3C!--%20%E3%83%98%E3%83%83%E3%83%80%E3%83%BC%E3%83%A9%E3%83%99%E3%83%AB%20--%3E%0A%20%20%20%20%20%20%3Ctext%20x%3D%2210%22%20y%3D%22-20%22%20fill%3D%22%2364748b%22%20font-size%3D%2211%22%20font-weight%3D%22bold%22%3E%E9%9B%86%E8%A8%88%E6%B8%88%E3%81%BF%E3%83%87%E3%83%BC%E3%82%BF%3C%2Ftext%3E%0A%20%20%20%20%20%20%3Ctext%20x%3D%22240%22%20y%3D%22-20%22%20fill%3D%22%2364748b%22%20font-size%3D%2211%22%20font-weight%3D%22bold%22%20text-anchor%3D%22end%22%3E%E8%B3%BC%E5%85%A5%E9%87%91%E9%A1%8D%3C%2Ftext%3E%0A%0A%20%20%20%20%20%20%3C!--%20%E9%A1%A7%E5%AE%A2%E8%A1%8C%20C%20(210k%20-%201%E4%BD%8D)%20--%3E%0A%20%20%20%20%20%20%3Cg%20class%3D%22row-c%22%3E%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%225%22%20y%3D%220%22%20width%3D%22310%22%20height%3D%2235%22%20rx%3D%224%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23e2e8f0%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%2220%22%20cy%3D%2217.5%22%20r%3D%229%22%20fill%3D%22%23f59e0b%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%2220%22%20y%3D%2220.5%22%20fill%3D%22%23ffffff%22%20font-size%3D%229%22%20font-weight%3D%22bold%22%20text-anchor%3D%22middle%22%3EC%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%2240%22%20y%3D%2222%22%20fill%3D%22%231e293b%22%20font-size%3D%2212%22%20font-weight%3D%22bold%22%3E%E9%A1%A7%E5%AE%A2C%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%22300%22%20y%3D%2222%22%20fill%3D%22%231e293b%22%20font-size%3D%2212%22%20font-weight%3D%22bold%22%20text-anchor%3D%22end%22%3E%C2%A5210%2C000%3C%2Ftext%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%0A%20%20%20%20%20%20%3C!--%20%E9%A1%A7%E5%AE%A2%E8%A1%8C%20A%20(150k%20-%202%E4%BD%8D)%20--%3E%0A%20%20%20%20%20%20%3Cg%20class%3D%22row-a%22%3E%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%225%22%20y%3D%220%22%20width%3D%22310%22%20height%3D%2235%22%20rx%3D%224%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23e2e8f0%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%2220%22%20cy%3D%2217.5%22%20r%3D%229%22%20fill%3D%22%233b82f6%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%2220%22%20y%3D%2220.5%22%20fill%3D%22%23ffffff%22%20font-size%3D%229%22%20font-weight%3D%22bold%22%20text-anchor%3D%22middle%22%3EA%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%2240%22%20y%3D%2222%22%20fill%3D%22%231e293b%22%20font-size%3D%2212%22%20font-weight%3D%22bold%22%3E%E9%A1%A7%E5%AE%A2A%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%22300%22%20y%3D%2222%22%20fill%3D%22%231e293b%22%20font-size%3D%2212%22%20font-weight%3D%22bold%22%20text-anchor%3D%22end%22%3E%C2%A5150%2C000%3C%2Ftext%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%0A%20%20%20%20%20%20%3C!--%20%E9%A1%A7%E5%AE%A2%E8%A1%8C%20B%20(85k%20-%203%E4%BD%8D)%20--%3E%0A%20%20%20%20%20%20%3Cg%20class%3D%22row-b%22%3E%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%225%22%20y%3D%220%22%20width%3D%22310%22%20height%3D%2235%22%20rx%3D%224%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23e2e8f0%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%2220%22%20cy%3D%2217.5%22%20r%3D%229%22%20fill%3D%22%2310b981%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%2220%22%20y%3D%2220.5%22%20fill%3D%22%23ffffff%22%20font-size%3D%229%22%20font-weight%3D%22bold%22%20text-anchor%3D%22middle%22%3EB%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%2240%22%20y%3D%2222%22%20fill%3D%22%231e293b%22%20font-size%3D%2212%22%20font-weight%3D%22bold%22%3E%E9%A1%A7%E5%AE%A2B%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%22300%22%20y%3D%2222%22%20fill%3D%22%231e293b%22%20font-size%3D%2212%22%20font-weight%3D%22bold%22%20text-anchor%3D%22end%22%3E%C2%A585%2C000%3C%2Ftext%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%0A%20%20%20%20%20%20%3C!--%204%E4%BD%8D%E4%BB%A5%E4%B8%8B%E3%81%AE%E7%9C%81%E7%95%A5%E8%A1%A8%E7%A4%BA%20--%3E%0A%20%20%20%20%20%20%3Cg%20transform%3D%22translate(0%2C%20120)%22%3E%0A%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%22160%22%20cy%3D%225%22%20r%3D%222%22%20fill%3D%22%23cbd5e1%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%22160%22%20cy%3D%2212%22%20r%3D%222%22%20fill%3D%22%23cbd5e1%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%22160%22%20cy%3D%2219%22%20r%3D%222%22%20fill%3D%22%23cbd5e1%22%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%0A%20%20%20%20%3C!--%20%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%20%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%E5%88%86%E3%81%91UI%20(%E5%8F%B3%E5%81%B4%E3%81%8B%E3%82%89%E9%87%8D%E3%81%AA%E3%82%8B)%20%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%20--%3E%0A%20%20%20%20%3Cg%20transform%3D%22translate(20%2C%20100)%22%3E%0A%20%20%20%20%20%20%3C!--%20%E3%83%87%E3%82%B7%E3%83%AB1%E3%81%AE%E5%A2%83%E7%95%8C%E7%B7%9A%E3%81%A8%E3%83%A9%E3%83%99%E3%83%AB%20--%3E%0A%20%20%20%20%20%20%3Cg%20class%3D%22group-ui%22%3E%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%2240%22%20y%3D%22-5%22%20width%3D%22320%22%20height%3D%2245%22%20rx%3D%226%22%20fill%3D%22none%22%20stroke%3D%22%23ec4899%22%20stroke-width%3D%222%22%20stroke-dasharray%3D%224%202%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%22365%22%20y%3D%225%22%20width%3D%2260%22%20height%3D%2224%22%20rx%3D%224%22%20fill%3D%22%23ec4899%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%22395%22%20y%3D%2221%22%20fill%3D%22%23ffffff%22%20font-size%3D%2210%22%20font-weight%3D%22bold%22%20text-anchor%3D%22middle%22%3E%E3%83%87%E3%82%B7%E3%83%AB%201%3C%2Ftext%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%0A%20%20%20%20%20%20%3C!--%20%E3%83%87%E3%82%B7%E3%83%AB2%E3%81%AE%E5%A2%83%E7%95%8C%E7%B7%9A%E3%81%A8%E3%83%A9%E3%83%99%E3%83%AB%20--%3E%0A%20%20%20%20%20%20%3Cg%20class%3D%22group-ui%22%20style%3D%22animation-delay%3A%200.1s%3B%22%3E%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%2240%22%20y%3D%2240%22%20width%3D%22320%22%20height%3D%2245%22%20rx%3D%226%22%20fill%3D%22none%22%20stroke%3D%22%23ec4899%22%20stroke-width%3D%222%22%20stroke-dasharray%3D%224%202%22%20opacity%3D%220.6%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%22365%22%20y%3D%2250%22%20width%3D%2260%22%20height%3D%2224%22%20rx%3D%224%22%20fill%3D%22%23ec4899%22%20opacity%3D%220.6%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%22395%22%20y%3D%2266%22%20fill%3D%22%23ffffff%22%20font-size%3D%2210%22%20font-weight%3D%22bold%22%20text-anchor%3D%22middle%22%3E%E3%83%87%E3%82%B7%E3%83%AB%202%3C%2Ftext%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%0A%20%20%20%20%3C!--%20%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%20%E8%A8%88%E7%AE%97%E5%BC%8F%E8%A1%A8%E7%A4%BA%E3%82%A8%E3%83%AA%E3%82%A2%20%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%20--%3E%0A%20%20%20%20%3Cg%20class%3D%22calc-ui%22%20transform%3D%22translate(380%2C%20230)%22%3E%0A%20%20%20%20%20%20%3Crect%20width%3D%22180%22%20height%3D%2280%22%20rx%3D%2212%22%20fill%3D%22%23fdf2f8%22%20stroke%3D%22%23fbcfe8%22%20stroke-width%3D%221%22%20%2F%3E%0A%20%20%20%20%20%20%3Ctext%20x%3D%2290%22%20y%3D%2225%22%20fill%3D%22%239d174d%22%20font-size%3D%2211%22%20font-weight%3D%22bold%22%20text-anchor%3D%22middle%22%3E1%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%E3%81%AE%E4%BA%BA%E6%95%B0%E7%AE%97%E5%87%BA%3C%2Ftext%3E%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20%3C!--%20%E8%A8%88%E7%AE%97%E5%BC%8F%20--%3E%0A%20%20%20%20%20%20%3Cg%20transform%3D%22translate(20%2C%2045)%22%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%220%22%20y%3D%2215%22%20fill%3D%22%23be185d%22%20font-size%3D%2218%22%20font-weight%3D%22bold%22%3E100%E4%BA%BA%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%2260%22%20y%3D%2214%22%20fill%3D%22%23be185d%22%20font-size%3D%2214%22%20font-weight%3D%22bold%22%3E%C3%B7%2010%20%3D%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%22110%22%20y%3D%2215%22%20fill%3D%22%23ec4899%22%20font-size%3D%2222%22%20font-weight%3D%22bold%22%3E10%E4%BA%BA%3C%2Ftext%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%3Ctext%20x%3D%2290%22%20y%3D%2272%22%20fill%3D%22%23be185d%22%20font-size%3D%229%22%20text-anchor%3D%22middle%22%3E%E5%85%A8%E9%A1%A7%E5%AE%A2%E3%82%9210%E7%AD%89%E5%88%86%E3%81%AB%E5%8C%BA%E5%88%87%E3%82%8B%3C%2Ftext%3E%0A%20%20%20%20%3C%2Fg%3E%0A%0A%20%20%20%20%3C!--%20%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%20%E8%AA%AC%E6%98%8E%EF%BC%88%E3%83%9C%E3%83%88%E3%83%A0%EF%BC%89%20%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%20--%3E%0A%20%20%20%20%3Cg%20transform%3D%22translate(40%2C%20330)%22%3E%0A%20%20%20%20%20%20%3Crect%20width%3D%22520%22%20height%3D%2236%22%20rx%3D%226%22%20fill%3D%22%23f8fafc%22%20%2F%3E%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20%3Cg%20class%3D%22step-text-1%22%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%22260%22%20y%3D%2222%22%20fill%3D%22%23475569%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20font-weight%3D%22bold%22%3E%0A%20%20%20%20%20%20%20%20%20%20%E3%81%BE%E3%81%9A%E3%81%AF%E5%90%88%E8%A8%88%E8%B3%BC%E5%85%A5%E9%87%91%E9%A1%8D%E3%81%AE%E9%AB%98%E3%81%84%E9%A0%86%E3%81%AB%E3%80%81%E4%B8%8A%E3%81%8B%E3%82%89%E4%B8%8B%E3%81%B8%E9%A1%A7%E5%AE%A2%E3%82%92%E4%B8%A6%E3%81%B3%E6%9B%BF%E3%81%88%E3%81%BE%E3%81%99%E3%80%82%0A%20%20%20%20%20%20%20%20%3C%2Ftext%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%3Cg%20class%3D%22step-text-2%22%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%22260%22%20y%3D%2222%22%20fill%3D%22%23475569%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%20font-weight%3D%22bold%22%3E%0A%20%20%20%20%20%20%20%20%20%20%E5%85%A8%E9%A1%A7%E5%AE%A2%E6%95%B0%E3%82%9210%E3%81%A7%E5%89%B2%E3%82%8A%E3%80%81%E4%B8%8A%E4%BD%8D%E3%81%8B%E3%82%89%E9%A0%86%E3%81%AB10%E3%81%AE%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%E3%81%AB%E5%89%B2%E3%82%8A%E6%8C%AF%E3%82%8A%E3%81%BE%E3%81%99%E3%80%82%0A%20%20%20%20%20%20%20%20%3C%2Ftext%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fsvg%3E%0A%3C%2Fdiv%3E%0A%0A%3C%2Fbody%3E%0A%3C%2Fhtml%3E例えば、対象期間内に購入のあった顧客の総数が100人であれば、1グループあたり10人となります。上から10人ずつ区切っていき、最初の10人をデシル1、次の10人をデシル2、というようにデシル10まで割り振っていきます。顧客数が10で割り切れない場合は、端数を上位グループや下位グループに調整して配置します。ステップ3：各グループの売上構成比と累積売上構成比の算出それぞれのグループの合計購入金額を計算します。すべてのグループの合計金額（全体の総売上）に対する、各グループの売上構成比を算出します。%3C!DOCTYPE%20html%3E%0A%3Chtml%20lang%3D%22ja%22%3E%0A%3Chead%3E%0A%20%20%3Cmeta%20charset%3D%22UTF-8%22%3E%0A%20%20%3Cmeta%20name%3D%22viewport%22%20content%3D%22width%3Ddevice-width%2C%20initial-scale%3D1.0%22%3E%0A%20%20%3Cstyle%3E%0A%20%20%20%20%2F*%20%E5%9F%8B%E3%82%81%E8%BE%BC%E3%81%BF%E7%94%A8%EF%BC%9A%E8%83%8C%E6%99%AF%E7%99%BD%E3%80%81%E5%A4%96%E6%9E%A0%E3%83%BB%E5%BD%B1%E3%81%AA%E3%81%97%E3%81%AE%E6%9C%80%E5%B0%8F%E6%A7%8B%E6%88%90%20*%2F%0A%20%20%20%20.decile-step3-container%20%7B%0A%20%20%20%20%20%20font-family%3A%20'Helvetica%20Neue'%2C%20Arial%2C%20'Hiragino%20Kaku%20Gothic%20ProN'%2C%20Meiryo%2C%20sans-serif%3B%0A%20%20%20%20%20%20width%3A%20100%25%3B%0A%20%20%20%20%20%20max-width%3A%20640px%3B%0A%20%20%20%20%20%20background-color%3A%20%23ffffff%3B%0A%20%20%20%20%20%20margin%3A%200%3B%0A%20%20%20%20%20%20box-sizing%3A%20border-box%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20.decile-svg%20%7B%0A%20%20%20%20%20%20width%3A%20100%25%3B%0A%20%20%20%20%20%20height%3A%20auto%3B%0A%20%20%20%20%20%20display%3A%20block%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20%2F*%20---%20%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E5%AE%9A%E7%BE%A9%20(12%E7%A7%92%E3%82%B5%E3%82%A4%E3%82%AF%E3%83%AB)%20---%20*%2F%0A%0A%20%20%20%20%2F*%20%E3%83%98%E3%83%83%E3%83%80%E3%83%BC%2F%E8%AA%AC%E6%98%8E%E7%94%A8%E3%81%AE%E3%82%A2%E3%82%AF%E3%83%86%E3%82%A3%E3%83%96%E5%88%87%E3%82%8A%E6%9B%BF%E3%81%88%20*%2F%0A%20%20%20%20%40keyframes%20activeStep1%20%7B%0A%20%20%20%20%20%200%25%2C%2030%25%20%7B%20opacity%3A%201%3B%20font-weight%3A%20bold%3B%20%7D%0A%20%20%20%20%20%2033%25%2C%20100%25%20%7B%20opacity%3A%200.25%3B%20font-weight%3A%20normal%3B%20%7D%0A%20%20%20%20%7D%0A%20%20%20%20%40keyframes%20activeStep2%20%7B%0A%20%20%20%20%20%200%25%2C%2030%25%20%7B%20opacity%3A%200.25%3B%20font-weight%3A%20normal%3B%20%7D%0A%20%20%20%20%20%2033%25%2C%2063%25%20%7B%20opacity%3A%201%3B%20font-weight%3A%20bold%3B%20%7D%0A%20%20%20%20%20%2066%25%2C%20100%25%20%7B%20opacity%3A%200.25%3B%20font-weight%3A%20normal%3B%20%7D%0A%20%20%20%20%7D%0A%20%20%20%20%40keyframes%20activeStep3%20%7B%0A%20%20%20%20%20%200%25%2C%2063%25%20%7B%20opacity%3A%200.25%3B%20font-weight%3A%20normal%3B%20%7D%0A%20%20%20%20%20%2066%25%2C%2096%25%20%7B%20opacity%3A%201%3B%20font-weight%3A%20bold%3B%20%7D%0A%20%20%20%20%20%20100%25%20%7B%20opacity%3A%200.25%3B%20font-weight%3A%20normal%3B%20%7D%0A%20%20%20%20%7D%0A%0A%20%20%20%20%2F*%20%E5%88%97%E3%83%87%E3%83%BC%E3%82%BF%E3%81%AE%E6%AE%B5%E9%9A%8E%E7%9A%84%E3%83%95%E3%82%A7%E3%83%BC%E3%83%89%E3%83%BB%E3%83%8F%E3%82%A4%E3%83%A9%E3%82%A4%E3%83%88%20*%2F%0A%20%20%20%20%40keyframes%20colHighlight1%20%7B%0A%20%20%20%20%20%200%25%2C%2030%25%20%7B%20opacity%3A%201%3B%20fill%3A%20%231e3a8a%3B%20%7D%20%2F*%20%E6%B7%B1%E3%81%84%E9%9D%92%20*%2F%0A%20%20%20%20%20%2033%25%2C%20100%25%20%7B%20opacity%3A%200.4%3B%20fill%3A%20%2364748b%3B%20%7D%0A%20%20%20%20%7D%0A%20%20%20%20%40keyframes%20colHighlight2%20%7B%0A%20%20%20%20%20%200%25%2C%2030%25%20%7B%20opacity%3A%200.4%3B%20fill%3A%20%2364748b%3B%20%7D%0A%20%20%20%20%20%2033%25%2C%2063%25%20%7B%20opacity%3A%201%3B%20fill%3A%20%23166534%3B%20%7D%20%2F*%20%E6%B7%B1%E3%81%84%E7%B7%91%20*%2F%0A%20%20%20%20%20%2066%25%2C%20100%25%20%7B%20opacity%3A%200.4%3B%20fill%3A%20%2364748b%3B%20%7D%0A%20%20%20%20%7D%0A%20%20%20%20%40keyframes%20colHighlight3%20%7B%0A%20%20%20%20%20%200%25%2C%2063%25%20%7B%20opacity%3A%200.4%3B%20fill%3A%20%2364748b%3B%20%7D%0A%20%20%20%20%20%2066%25%2C%2096%25%20%7B%20opacity%3A%201%3B%20fill%3A%20%239d174d%3B%20%7D%20%2F*%20%E6%B7%B1%E3%81%84%E3%83%94%E3%83%B3%E3%82%AF%20*%2F%0A%20%20%20%20%20%20100%25%20%7B%20opacity%3A%200.4%3B%20fill%3A%20%2364748b%3B%20%7D%0A%20%20%20%20%7D%0A%0A%20%20%20%20%2F*%20%E3%83%86%E3%83%BC%E3%83%96%E3%83%AB%E8%83%8C%E6%99%AF%E3%81%AE%E5%BC%B7%E8%AA%BF%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%20*%2F%0A%20%20%20%20%40keyframes%20bgHighlight1%20%7B%0A%20%20%20%20%20%200%25%2C%2030%25%20%7B%20fill%3A%20%23f0f4ff%3B%20%7D%0A%20%20%20%20%20%2033%25%2C%20100%25%20%7B%20fill%3A%20transparent%3B%20%7D%0A%20%20%20%20%7D%0A%20%20%20%20%40keyframes%20bgHighlight2%20%7B%0A%20%20%20%20%20%200%25%2C%2030%25%20%7B%20fill%3A%20transparent%3B%20%7D%0A%20%20%20%20%20%2033%25%2C%2063%25%20%7B%20fill%3A%20%23f0fdf4%3B%20%7D%0A%20%20%20%20%20%2066%25%2C%20100%25%20%7B%20fill%3A%20transparent%3B%20%7D%0A%20%20%20%20%7D%0A%20%20%20%20%40keyframes%20bgHighlight3%20%7B%0A%20%20%20%20%20%200%25%2C%2063%25%20%7B%20fill%3A%20transparent%3B%20%7D%0A%20%20%20%20%20%2066%25%2C%2096%25%20%7B%20fill%3A%20%23fdf2f8%3B%20%7D%0A%20%20%20%20%20%20100%25%20%7B%20fill%3A%20transparent%3B%20%7D%0A%20%20%20%20%7D%0A%0A%20%20%20%20%2F*%20%E7%B4%AF%E7%A9%8D%E3%82%B0%E3%83%A9%E3%83%95%EF%BC%88%E6%A8%AA%E6%A3%92%EF%BC%89%E3%81%AE%E4%BC%B8%E9%95%B7%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%20*%2F%0A%20%20%20%20%40keyframes%20drawBar%20%7B%0A%20%20%20%20%20%200%25%2C%2063%25%20%7B%20transform%3A%20scaleX(0)%3B%20%7D%0A%20%20%20%20%20%2078%25%2C%2096%25%20%7B%20transform%3A%20scaleX(1)%3B%20%7D%0A%20%20%20%20%20%20100%25%20%7B%20transform%3A%20scaleX(0)%3B%20%7D%0A%20%20%20%20%7D%0A%0A%20%20%20%20%2F*%20---%20%E3%82%AF%E3%83%A9%E3%82%B9%E9%81%A9%E7%94%A8%20---%20*%2F%0A%20%20%20%20.step-ui-1%20%7B%20animation%3A%20activeStep1%2012s%20infinite%20ease-in-out%3B%20%7D%0A%20%20%20%20.step-ui-2%20%7B%20animation%3A%20activeStep2%2012s%20infinite%20ease-in-out%3B%20%7D%0A%20%20%20%20.step-ui-3%20%7B%20animation%3A%20activeStep3%2012s%20infinite%20ease-in-out%3B%20%7D%0A%0A%20%20%20%20.cell-col-1%20%7B%20animation%3A%20colHighlight1%2012s%20infinite%20ease-in-out%3B%20%7D%0A%20%20%20%20.cell-col-2%20%7B%20animation%3A%20colHighlight2%2012s%20infinite%20ease-in-out%3B%20%7D%0A%20%20%20%20.cell-col-3%20%7B%20animation%3A%20colHighlight3%2012s%20infinite%20ease-in-out%3B%20%7D%0A%0A%20%20%20%20.bg-col-1%20%7B%20animation%3A%20bgHighlight1%2012s%20infinite%20ease-in-out%3B%20%7D%0A%20%20%20%20.bg-col-2%20%7B%20animation%3A%20bgHighlight2%2012s%20infinite%20ease-in-out%3B%20%7D%0A%20%20%20%20.bg-col-3%20%7B%20animation%3A%20bgHighlight3%2012s%20infinite%20ease-in-out%3B%20%7D%0A%0A%20%20%20%20.cum-bar%20%7B%20animation%3A%20drawBar%2012s%20infinite%20cubic-bezier(0.4%2C%200%2C%200.2%2C%201)%3B%20transform-origin%3A%20left%3B%20%7D%0A%20%20%3C%2Fstyle%3E%0A%3C%2Fhead%3E%0A%3Cbody%3E%0A%0A%3Cdiv%20class%3D%22decile-step3-container%22%3E%0A%20%20%3Csvg%20class%3D%22decile-svg%22%20viewBox%3D%220%200%20600%20460%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3C!--%20%E8%83%8C%E6%99%AF%20--%3E%0A%20%20%20%20%3Crect%20width%3D%22600%22%20height%3D%22460%22%20fill%3D%22%23ffffff%22%2F%3E%0A%0A%20%20%20%20%3C!--%20%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%20%E3%82%B9%E3%83%86%E3%83%83%E3%83%97%E3%83%98%E3%83%83%E3%83%80%E3%83%BC%20(3%E5%88%86%E5%89%B2)%20%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%20--%3E%0A%20%20%20%20%3Cg%20transform%3D%22translate(30%2C%2020)%22%3E%0A%20%20%20%20%20%20%3C!--%20%E2%91%A0%E5%90%88%E8%A8%88%E9%87%91%E9%A1%8D%20--%3E%0A%20%20%20%20%20%20%3Cg%20class%3D%22step-ui-1%22%3E%0A%20%20%20%20%20%20%20%20%3Crect%20width%3D%22170%22%20height%3D%2232%22%20rx%3D%226%22%20fill%3D%22%23eff6ff%22%20stroke%3D%22%23bfdbfe%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%229%22%20fill%3D%22%233b82f6%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%2216%22%20y%3D%2219%22%20fill%3D%22%23ffffff%22%20font-size%3D%2210%22%20font-weight%3D%22bold%22%20text-anchor%3D%22middle%22%3E1%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%2232%22%20y%3D%2220%22%20fill%3D%22%231e3a8a%22%20font-size%3D%2211%22%3E%E2%91%A0%20%E5%90%84%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%E3%81%AE%E5%90%88%E8%A8%88%3C%2Ftext%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%0A%20%20%20%20%20%20%3C!--%20%E2%91%A1%E5%A3%B2%E4%B8%8A%E6%A7%8B%E6%88%90%E6%AF%94%20--%3E%0A%20%20%20%20%20%20%3Cg%20class%3D%22step-ui-2%22%3E%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%22185%22%20y%3D%220%22%20width%3D%22170%22%20height%3D%2232%22%20rx%3D%226%22%20fill%3D%22%23f0fdf4%22%20stroke%3D%22%23bbf7d0%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%22201%22%20cy%3D%2216%22%20r%3D%229%22%20fill%3D%22%2322c55e%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%22201%22%20y%3D%2219%22%20fill%3D%22%23ffffff%22%20font-size%3D%2210%22%20font-weight%3D%22bold%22%20text-anchor%3D%22middle%22%3E2%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%22217%22%20y%3D%2220%22%20fill%3D%22%2314532d%22%20font-size%3D%2211%22%3E%E2%91%A1%20%E5%A3%B2%E4%B8%8A%E6%A7%8B%E6%88%90%E6%AF%94%E3%82%92%E7%AE%97%E5%87%BA%3C%2Ftext%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%0A%20%20%20%20%20%20%3C!--%20%E2%91%A2%E7%B4%AF%E7%A9%8D%E6%A7%8B%E6%88%90%E6%AF%94%20--%3E%0A%20%20%20%20%20%20%3Cg%20class%3D%22step-ui-3%22%3E%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%22370%22%20y%3D%220%22%20width%3D%22170%22%20height%3D%2232%22%20rx%3D%226%22%20fill%3D%22%23fdf2f8%22%20stroke%3D%22%23fbcfe8%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%22386%22%20cy%3D%2216%22%20r%3D%229%22%20fill%3D%22%23ec4899%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%22386%22%20y%3D%2219%22%20fill%3D%22%23ffffff%22%20font-size%3D%2210%22%20font-weight%3D%22bold%22%20text-anchor%3D%22middle%22%3E3%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%22402%22%20y%3D%2220%22%20fill%3D%22%239d174d%22%20font-size%3D%2211%22%3E%E2%91%A2%20%E7%B4%AF%E7%A9%8D%E6%A7%8B%E6%88%90%E6%AF%94%E3%82%92%E8%A8%88%E7%AE%97%3C%2Ftext%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%0A%20%20%20%20%3C!--%20%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%20%E3%83%A1%E3%82%A4%E3%83%B3%EF%BC%9A%E3%83%87%E3%82%B7%E3%83%AB1%E3%80%9C10%20%E9%9B%86%E8%A8%88%E8%A1%A8%20%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%20--%3E%0A%20%20%20%20%3Cg%20transform%3D%22translate(30%2C%2070)%22%3E%0A%20%20%20%20%20%20%3C!--%20%E3%83%86%E3%83%BC%E3%83%96%E3%83%AB%E8%83%8C%E6%99%AF%E6%9E%A0%EF%BC%88%E5%85%A8%E4%BD%93%EF%BC%89%20--%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%22540%22%20height%3D%22295%22%20rx%3D%228%22%20fill%3D%22%23f8fafc%22%20stroke%3D%22%23e2e8f0%22%20stroke-width%3D%221%22%20%2F%3E%0A%0A%20%20%20%20%20%20%3C!--%20%E5%88%97%E3%81%94%E3%81%A8%E3%81%AE%E5%BC%B7%E8%AA%BF%E8%83%8C%E6%99%AF%EF%BC%88%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E9%80%A3%E5%8B%95%EF%BC%89%20--%3E%0A%20%20%20%20%20%20%3Crect%20class%3D%22bg-col-1%22%20x%3D%22140%22%20y%3D%2225%22%20width%3D%22110%22%20height%3D%22240%22%20%2F%3E%0A%20%20%20%20%20%20%3Crect%20class%3D%22bg-col-2%22%20x%3D%22255%22%20y%3D%2225%22%20width%3D%22100%22%20height%3D%22240%22%20%2F%3E%0A%20%20%20%20%20%20%3Crect%20class%3D%22bg-col-3%22%20x%3D%22360%22%20y%3D%2225%22%20width%3D%22170%22%20height%3D%22240%22%20%2F%3E%0A%0A%20%20%20%20%20%20%3C!--%20%E3%83%86%E3%83%BC%E3%83%96%E3%83%AB%E3%83%98%E3%83%83%E3%83%80%E3%83%BC%E3%83%A9%E3%82%A4%E3%83%B3%20--%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%22540%22%20height%3D%2225%22%20rx%3D%228%22%20fill%3D%22%2364748b%22%20%2F%3E%0A%20%20%20%20%20%20%3Ctext%20x%3D%2215%22%20y%3D%2216%22%20fill%3D%22%23ffffff%22%20font-size%3D%2210%22%20font-weight%3D%22bold%22%3E%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%3C%2Ftext%3E%0A%20%20%20%20%20%20%3Ctext%20x%3D%22240%22%20y%3D%2216%22%20fill%3D%22%23ffffff%22%20font-size%3D%2210%22%20font-weight%3D%22bold%22%20text-anchor%3D%22end%22%3E%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%E5%90%88%E8%A8%88%E5%A3%B2%E4%B8%8A%3C%2Ftext%3E%0A%20%20%20%20%20%20%3Ctext%20x%3D%22345%22%20y%3D%2216%22%20fill%3D%22%23ffffff%22%20font-size%3D%2210%22%20font-weight%3D%22bold%22%20text-anchor%3D%22end%22%3E%E5%A3%B2%E4%B8%8A%E6%A7%8B%E6%88%90%E6%AF%94%3C%2Ftext%3E%0A%20%20%20%20%20%20%3Ctext%20x%3D%22445%22%20y%3D%2216%22%20fill%3D%22%23ffffff%22%20font-size%3D%2210%22%20font-weight%3D%22bold%22%20text-anchor%3D%22end%22%3E%E7%B4%AF%E7%A9%8D%E5%A3%B2%E4%B8%8A%E6%A7%8B%E6%88%90%E6%AF%94%3C%2Ftext%3E%0A%20%20%20%20%20%20%3Ctext%20x%3D%22465%22%20y%3D%2216%22%20fill%3D%22%23ffffff%22%20font-size%3D%2210%22%20font-weight%3D%22bold%22%3E%E7%B4%AF%E7%A9%8D%E3%82%B0%E3%83%A9%E3%83%95%3C%2Ftext%3E%0A%0A%20%20%20%20%20%20%3C!--%20---%2010%E5%80%8B%E3%81%AE%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%E8%A6%81%E7%B4%A0%E3%83%87%E3%83%BC%E3%82%BF%E8%A1%8C%20---%20--%3E%0A%0A%20%20%20%20%20%20%3C!--%20%E3%83%87%E3%82%B7%E3%83%AB1%20--%3E%0A%20%20%20%20%20%20%3Cg%20transform%3D%22translate(0%2C%2025)%22%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%2215%22%20y%3D%2216%22%20fill%3D%22%23334155%22%20font-size%3D%2211%22%20font-weight%3D%22bold%22%3E%E3%83%87%E3%82%B7%E3%83%AB%201%20(%E4%B8%8A%E4%BD%8D%2010%25)%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22cell-col-1%22%20x%3D%22240%22%20y%3D%2216%22%20font-size%3D%2211%22%20font-weight%3D%22bold%22%20text-anchor%3D%22end%22%3E%C2%A54%2C000%2C000%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22cell-col-2%22%20x%3D%22345%22%20y%3D%2216%22%20font-size%3D%2211%22%20font-weight%3D%22bold%22%20text-anchor%3D%22end%22%3E40.0%20%25%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22cell-col-3%22%20x%3D%22445%22%20y%3D%2216%22%20font-size%3D%2211%22%20font-weight%3D%22bold%22%20text-anchor%3D%22end%22%3E40.0%20%25%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3C!--%20%E7%B0%A1%E6%98%93%E3%82%B0%E3%83%A9%E3%83%95%20--%3E%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%22465%22%20y%3D%227%22%20width%3D%2260%22%20height%3D%2210%22%20rx%3D%222%22%20fill%3D%22%23e2e8f0%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Crect%20class%3D%22cum-bar%22%20x%3D%22465%22%20y%3D%227%22%20width%3D%2224%22%20height%3D%2210%22%20rx%3D%222%22%20fill%3D%22%23ec4899%22%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%0A%20%20%20%20%20%20%3C!--%20%E3%83%87%E3%82%B7%E3%83%AB2%20--%3E%0A%20%20%20%20%20%20%3Cg%20transform%3D%22translate(0%2C%2047)%22%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%2215%22%20y%3D%2216%22%20fill%3D%22%23334155%22%20font-size%3D%2211%22%3E%E3%83%87%E3%82%B7%E3%83%AB%202%20(11%E3%80%9C20%25)%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22cell-col-1%22%20x%3D%22240%22%20y%3D%2216%22%20font-size%3D%2211%22%20text-anchor%3D%22end%22%3E%C2%A52%2C000%2C000%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22cell-col-2%22%20x%3D%22345%22%20y%3D%2216%22%20font-size%3D%2211%22%20text-anchor%3D%22end%22%3E20.0%20%25%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22cell-col-3%22%20x%3D%22445%22%20y%3D%2216%22%20font-size%3D%2211%22%20text-anchor%3D%22end%22%3E60.0%20%25%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%22465%22%20y%3D%227%22%20width%3D%2260%22%20height%3D%2210%22%20rx%3D%222%22%20fill%3D%22%23e2e8f0%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Crect%20class%3D%22cum-bar%22%20x%3D%22465%22%20y%3D%227%22%20width%3D%2236%22%20height%3D%2210%22%20rx%3D%222%22%20fill%3D%22%23ec4899%22%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%0A%20%20%20%20%20%20%3C!--%20%E3%83%87%E3%82%B7%E3%83%AB3%20--%3E%0A%20%20%20%20%20%20%3Cg%20transform%3D%22translate(0%2C%2069)%22%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%2215%22%20y%3D%2216%22%20fill%3D%22%23334155%22%20font-size%3D%2211%22%3E%E3%83%87%E3%82%B7%E3%83%AB%203%20(21%E3%80%9C30%25)%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22cell-col-1%22%20x%3D%22240%22%20y%3D%2216%22%20font-size%3D%2211%22%20text-anchor%3D%22end%22%3E%C2%A51%2C500%2C000%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22cell-col-2%22%20x%3D%22345%22%20y%3D%2216%22%20font-size%3D%2211%22%20text-anchor%3D%22end%22%3E15.0%20%25%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22cell-col-3%22%20x%3D%22445%22%20y%3D%2216%22%20font-size%3D%2211%22%20text-anchor%3D%22end%22%3E75.0%20%25%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%22465%22%20y%3D%227%22%20width%3D%2260%22%20height%3D%2210%22%20rx%3D%222%22%20fill%3D%22%23e2e8f0%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Crect%20class%3D%22cum-bar%22%20x%3D%22465%22%20y%3D%227%22%20width%3D%2245%22%20height%3D%2210%22%20rx%3D%222%22%20fill%3D%22%23ec4899%22%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%0A%20%20%20%20%20%20%3C!--%20%E3%83%87%E3%82%B7%E3%83%AB4%20--%3E%0A%20%20%20%20%20%20%3Cg%20transform%3D%22translate(0%2C%2091)%22%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%2215%22%20y%3D%2216%22%20fill%3D%22%23334155%22%20font-size%3D%2211%22%3E%E3%83%87%E3%82%B7%E3%83%AB%204%20(31%E3%80%9C40%25)%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22cell-col-1%22%20x%3D%22240%22%20y%3D%2216%22%20font-size%3D%2211%22%20text-anchor%3D%22end%22%3E%C2%A51%2C000%2C000%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22cell-col-2%22%20x%3D%22345%22%20y%3D%2216%22%20font-size%3D%2211%22%20text-anchor%3D%22end%22%3E10.0%20%25%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22cell-col-3%22%20x%3D%22445%22%20y%3D%2216%22%20font-size%3D%2211%22%20text-anchor%3D%22end%22%3E85.0%20%25%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%22465%22%20y%3D%227%22%20width%3D%2260%22%20height%3D%2210%22%20rx%3D%222%22%20fill%3D%22%23e2e8f0%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Crect%20class%3D%22cum-bar%22%20x%3D%22465%22%20y%3D%227%22%20width%3D%2251%22%20height%3D%2210%22%20rx%3D%222%22%20fill%3D%22%23ec4899%22%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%0A%20%20%20%20%20%20%3C!--%20%E3%83%87%E3%82%B7%E3%83%AB5%20--%3E%0A%20%20%20%20%20%20%3Cg%20transform%3D%22translate(0%2C%20113)%22%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%2215%22%20y%3D%2216%22%20fill%3D%22%23334155%22%20font-size%3D%2211%22%3E%E3%83%87%E3%82%B7%E3%83%AB%205%20(41%E3%80%9C50%25)%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22cell-col-1%22%20x%3D%22240%22%20y%3D%2216%22%20font-size%3D%2211%22%20text-anchor%3D%22end%22%3E%C2%A5600%2C000%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22cell-col-2%22%20x%3D%22345%22%20y%3D%2216%22%20font-size%3D%2211%22%20text-anchor%3D%22end%22%3E6.0%20%25%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22cell-col-3%22%20x%3D%22445%22%20y%3D%2216%22%20font-size%3D%2211%22%20text-anchor%3D%22end%22%3E91.0%20%25%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%22465%22%20y%3D%227%22%20width%3D%2260%22%20height%3D%2210%22%20rx%3D%222%22%20fill%3D%22%23e2e8f0%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Crect%20class%3D%22cum-bar%22%20x%3D%22465%22%20y%3D%227%22%20width%3D%2254.6%22%20height%3D%2210%22%20rx%3D%222%22%20fill%3D%22%23ec4899%22%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%0A%20%20%20%20%20%20%3C!--%20%E3%83%87%E3%82%B7%E3%83%AB6%20--%3E%0A%20%20%20%20%20%20%3Cg%20transform%3D%22translate(0%2C%20135)%22%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%2215%22%20y%3D%2216%22%20fill%3D%22%23334155%22%20font-size%3D%2211%22%3E%E3%83%87%E3%82%B7%E3%83%AB%206%20(51%E3%80%9C60%25)%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22cell-col-1%22%20x%3D%22240%22%20y%3D%2216%22%20font-size%3D%2211%22%20text-anchor%3D%22end%22%3E%C2%A5400%2C000%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22cell-col-2%22%20x%3D%22345%22%20y%3D%2216%22%20font-size%3D%2211%22%20text-anchor%3D%22end%22%3E4.0%20%25%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22cell-col-3%22%20x%3D%22445%22%20y%3D%2216%22%20font-size%3D%2211%22%20text-anchor%3D%22end%22%3E95.0%20%25%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%22465%22%20y%3D%227%22%20width%3D%2260%22%20height%3D%2210%22%20rx%3D%222%22%20fill%3D%22%23e2e8f0%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Crect%20class%3D%22cum-bar%22%20x%3D%22465%22%20y%3D%227%22%20width%3D%2257%22%20height%3D%2210%22%20rx%3D%222%22%20fill%3D%22%23ec4899%22%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%0A%20%20%20%20%20%20%3C!--%20%E3%83%87%E3%82%B7%E3%83%AB7%20--%3E%0A%20%20%20%20%20%20%3Cg%20transform%3D%22translate(0%2C%20157)%22%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%2215%22%20y%3D%2216%22%20fill%3D%22%23334155%22%20font-size%3D%2211%22%3E%E3%83%87%E3%82%B7%E3%83%AB%207%20(61%E3%80%9C70%25)%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22cell-col-1%22%20x%3D%22240%22%20y%3D%2216%22%20font-size%3D%2211%22%20text-anchor%3D%22end%22%3E%C2%A5200%2C000%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22cell-col-2%22%20x%3D%22345%22%20y%3D%2216%22%20font-size%3D%2211%22%20text-anchor%3D%22end%22%3E2.0%20%25%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22cell-col-3%22%20x%3D%22445%22%20y%3D%2216%22%20font-size%3D%2211%22%20text-anchor%3D%22end%22%3E97.0%20%25%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%22465%22%20y%3D%227%22%20width%3D%2260%22%20height%3D%2210%22%20rx%3D%222%22%20fill%3D%22%23e2e8f0%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Crect%20class%3D%22cum-bar%22%20x%3D%22465%22%20y%3D%227%22%20width%3D%2258.2%22%20height%3D%2210%22%20rx%3D%222%22%20fill%3D%22%23ec4899%22%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%0A%20%20%20%20%20%20%3C!--%20%E3%83%87%E3%82%B7%E3%83%AB8%20--%3E%0A%20%20%20%20%20%20%3Cg%20transform%3D%22translate(0%2C%20179)%22%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%2215%22%20y%3D%2216%22%20fill%3D%22%23334155%22%20font-size%3D%2211%22%3E%E3%83%87%E3%82%B7%E3%83%AB%208%20(71%E3%80%9C80%25)%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22cell-col-1%22%20x%3D%22240%22%20y%3D%2216%22%20font-size%3D%2211%22%20text-anchor%3D%22end%22%3E%C2%A5150%2C000%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22cell-col-2%22%20x%3D%22345%22%20y%3D%2216%22%20font-size%3D%2211%22%20text-anchor%3D%22end%22%3E1.5%20%25%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22cell-col-3%22%20x%3D%22445%22%20y%3D%2216%22%20font-size%3D%2211%22%20text-anchor%3D%22end%22%3E98.5%20%25%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%22465%22%20y%3D%227%22%20width%3D%2260%22%20height%3D%2210%22%20rx%3D%222%22%20fill%3D%22%23e2e8f0%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Crect%20class%3D%22cum-bar%22%20x%3D%22465%22%20y%3D%227%22%20width%3D%2259.1%22%20height%3D%2210%22%20rx%3D%222%22%20fill%3D%22%23ec4899%22%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%0A%20%20%20%20%20%20%3C!--%20%E3%83%87%E3%82%B7%E3%83%AB9%20--%3E%0A%20%20%20%20%20%20%3Cg%20transform%3D%22translate(0%2C%20201)%22%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%2215%22%20y%3D%2216%22%20fill%3D%22%23334155%22%20font-size%3D%2211%22%3E%E3%83%87%E3%82%B7%E3%83%AB%209%20(81%E3%80%9C90%25)%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22cell-col-1%22%20x%3D%22240%22%20y%3D%2216%22%20font-size%3D%2211%22%20text-anchor%3D%22end%22%3E%C2%A5100%2C000%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22cell-col-2%22%20x%3D%22345%22%20y%3D%2216%22%20font-size%3D%2211%22%20text-anchor%3D%22end%22%3E1.0%20%25%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22cell-col-3%22%20x%3D%22445%22%20y%3D%2216%22%20font-size%3D%2211%22%20text-anchor%3D%22end%22%3E99.5%20%25%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%22465%22%20y%3D%227%22%20width%3D%2260%22%20height%3D%2210%22%20rx%3D%222%22%20fill%3D%22%23e2e8f0%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Crect%20class%3D%22cum-bar%22%20x%3D%22465%22%20y%3D%227%22%20width%3D%2259.7%22%20height%3D%2210%22%20rx%3D%222%22%20fill%3D%22%23ec4899%22%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%0A%20%20%20%20%20%20%3C!--%20%E3%83%87%E3%82%B7%E3%83%AB10%20--%3E%0A%20%20%20%20%20%20%3Cg%20transform%3D%22translate(0%2C%20223)%22%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%2215%22%20y%3D%2216%22%20fill%3D%22%23334155%22%20font-size%3D%2211%22%3E%E3%83%87%E3%82%B7%E3%83%AB%2010%20(%E4%B8%8B%E4%BD%8D%2010%25)%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22cell-col-1%22%20x%3D%22240%22%20y%3D%2216%22%20font-size%3D%2211%22%20text-anchor%3D%22end%22%3E%C2%A550%2C000%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22cell-col-2%22%20x%3D%22345%22%20y%3D%2216%22%20font-size%3D%2211%22%20text-anchor%3D%22end%22%3E0.5%20%25%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22cell-col-3%22%20x%3D%22445%22%20y%3D%2216%22%20font-size%3D%2211%22%20text-anchor%3D%22end%22%3E100.0%20%25%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%22465%22%20y%3D%227%22%20width%3D%2260%22%20height%3D%2210%22%20rx%3D%222%22%20fill%3D%22%23e2e8f0%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Crect%20class%3D%22cum-bar%22%20x%3D%22465%22%20y%3D%227%22%20width%3D%2260%22%20height%3D%2210%22%20rx%3D%222%22%20fill%3D%22%23ec4899%22%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%0A%20%20%20%20%20%20%3C!--%20%E3%83%86%E3%83%BC%E3%83%96%E3%83%AB%E5%8C%BA%E5%88%87%E3%82%8A%E7%B7%9A%20(%E3%83%87%E3%83%BC%E3%82%BF%E3%81%A8%E5%90%88%E8%A8%88%E3%81%AE%E5%A2%83%E7%95%8C)%20--%3E%0A%20%20%20%20%20%20%3Cline%20x1%3D%2210%22%20y1%3D%22255%22%20x2%3D%22530%22%20y2%3D%22255%22%20stroke%3D%22%23cbd5e1%22%20stroke-width%3D%221.5%22%20%2F%3E%0A%0A%20%20%20%20%20%20%3C!--%20%E5%90%88%E8%A8%88%EF%BC%88%E7%B7%8F%E5%A3%B2%E4%B8%8A%EF%BC%89%E8%A1%8C%20--%3E%0A%20%20%20%20%20%20%3Cg%20transform%3D%22translate(0%2C%20260)%22%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%2215%22%20y%3D%2218%22%20fill%3D%22%231e293b%22%20font-size%3D%2211%22%20font-weight%3D%22bold%22%3E%E5%90%88%E8%A8%88%20(%E5%85%A8%E4%BD%93%E7%B7%8F%E5%A3%B2%E4%B8%8A)%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%22240%22%20y%3D%2218%22%20fill%3D%22%231e293b%22%20font-size%3D%2212%22%20font-weight%3D%22bold%22%20text-anchor%3D%22end%22%3E%C2%A510%2C000%2C000%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%22345%22%20y%3D%2218%22%20fill%3D%22%231e293b%22%20font-size%3D%2211%22%20font-weight%3D%22bold%22%20text-anchor%3D%22end%22%3E100.0%20%25%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%22445%22%20y%3D%2218%22%20fill%3D%22%231e293b%22%20font-size%3D%2211%22%20font-weight%3D%22bold%22%20text-anchor%3D%22end%22%3E-%3C%2Ftext%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%0A%20%20%20%20%3C!--%20%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%20%E4%B8%8B%E9%83%A8%EF%BC%9A%E5%8B%95%E7%9A%84%E3%81%AA%E8%AA%AC%E6%98%8E%E6%96%87%E3%82%A8%E3%83%AA%E3%82%A2%20%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%20--%3E%0A%20%20%20%20%3Cg%20transform%3D%22translate(30%2C%20385)%22%3E%0A%20%20%20%20%20%20%3Crect%20width%3D%22540%22%20height%3D%2245%22%20rx%3D%226%22%20fill%3D%22%23f8fafc%22%20stroke%3D%22%23e2e8f0%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20%3C!--%20%E3%82%B9%E3%83%86%E3%83%83%E3%83%97%E2%91%A0%E3%81%AE%E8%AA%AC%E6%98%8E%20--%3E%0A%20%20%20%20%20%20%3Cg%20class%3D%22step-ui-1%22%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%22270%22%20y%3D%2226%22%20fill%3D%22%231e3a8a%22%20font-size%3D%2211.5%22%20text-anchor%3D%22middle%22%20font-weight%3D%22bold%22%3E%0A%20%20%20%20%20%20%20%20%20%20%E2%91%A0%20%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%EF%BC%88%E3%83%87%E3%82%B7%E3%83%AB1%E3%80%9C10%EF%BC%89%E3%81%94%E3%81%A8%E3%81%AB%E3%80%81%E6%9C%9F%E9%96%93%E5%86%85%E3%81%AE%E3%80%8C%E5%90%88%E8%A8%88%E8%B3%BC%E5%85%A5%E9%87%91%E9%A1%8D%E3%80%8D%E3%82%92%E9%9B%86%E8%A8%88%E3%81%97%E3%81%BE%E3%81%99%E3%80%82%0A%20%20%20%20%20%20%20%20%3C%2Ftext%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20%3C!--%20%E3%82%B9%E3%83%86%E3%83%83%E3%83%97%E2%91%A1%E3%81%AE%E8%AA%AC%E6%98%8E%20--%3E%0A%20%20%20%20%20%20%3Cg%20class%3D%22step-ui-2%22%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%22270%22%20y%3D%2226%22%20fill%3D%22%23166534%22%20font-size%3D%2211.5%22%20text-anchor%3D%22middle%22%20font-weight%3D%22bold%22%3E%0A%20%20%20%20%20%20%20%20%20%20%E2%91%A1%20%E5%85%A8%E4%BD%93%E3%81%AE%E7%B7%8F%E5%A3%B2%E4%B8%8A%E3%81%AB%E5%AF%BE%E3%81%99%E3%82%8B%E3%80%81%E5%90%84%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%E3%81%AE%E3%80%8C%E5%A3%B2%E4%B8%8A%E6%A7%8B%E6%88%90%E6%AF%94%EF%BC%88%E3%82%B7%E3%82%A7%E3%82%A2%EF%BC%89%E3%80%8D%E3%82%92%E7%AE%97%E5%87%BA%E3%81%97%E3%81%BE%E3%81%99%E3%80%82%0A%20%20%20%20%20%20%20%20%3C%2Ftext%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20%3C!--%20%E3%82%B9%E3%83%86%E3%83%83%E3%83%97%E2%91%A2%E3%81%AE%E8%AA%AC%E6%98%8E%20--%3E%0A%20%20%20%20%20%20%3Cg%20class%3D%22step-ui-3%22%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20x%3D%22270%22%20y%3D%2226%22%20fill%3D%22%239d174d%22%20font-size%3D%2211.5%22%20text-anchor%3D%22middle%22%20font-weight%3D%22bold%22%3E%0A%20%20%20%20%20%20%20%20%20%20%E2%91%A2%20%E3%83%87%E3%82%B7%E3%83%AB1%E3%81%8B%E3%82%89%E9%A0%86%E3%81%AB%E6%A7%8B%E6%88%90%E6%AF%94%E3%82%92%E8%B6%B3%E3%81%97%E4%B8%8A%E3%81%92%E3%80%8C%E7%B4%AF%E7%A9%8D%E5%A3%B2%E4%B8%8A%E6%A7%8B%E6%88%90%E6%AF%94%EF%BC%88%25%EF%BC%89%E3%80%8D%E3%82%92%E8%A8%88%E7%AE%97%E3%81%97%E3%81%BE%E3%81%99%E3%80%82%0A%20%20%20%20%20%20%20%20%3C%2Ftext%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fsvg%3E%0A%3C%2Fdiv%3E%0A%0A%3C%2Fbody%3E%0A%3C%2Fhtml%3Eさらに、デシル1から順番にその構成比を足していった累積売上構成比も計算します。これにより、デシル何番目までのグループで全体の売上の何割に達しているかが客観的な数値として把握できるようになります。デシル分析の計算シミュレーション手順をより明確にするため、顧客数が100人、期間中の総売上が1000万円という簡易的な仮想データを用いたシミュレーション例を確認していきましょう。1グループあたり10人ずつが所属することになります。%3C!DOCTYPE%20html%3E%0A%3Chtml%20lang%3D%22ja%22%3E%0A%3Chead%3E%0A%20%20%20%20%3Cmeta%20charset%3D%22UTF-8%22%3E%0A%20%20%20%20%3Cmeta%20name%3D%22viewport%22%20content%3D%22width%3Ddevice-width%2C%20initial-scale%3D1.0%22%3E%0A%20%20%20%20%3Ctitle%3E%E3%83%87%E3%82%B7%E3%83%AB%E5%88%86%E6%9E%90%20%E3%83%91%E3%83%AC%E3%83%BC%E3%83%88%E5%9B%B3%3C%2Ftitle%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20%20%20%2F*%20%E5%9F%8B%E3%82%81%E8%BE%BC%E3%81%BF%E7%94%A8%E3%81%AB%E4%BD%99%E7%99%BD%E3%82%84%E4%B8%8D%E8%A6%81%E3%81%AA%E8%A3%85%E9%A3%BE%E3%82%92%E3%81%99%E3%81%B9%E3%81%A6%E3%83%AA%E3%82%BB%E3%83%83%E3%83%88%20*%2F%0A%20%20%20%20%20%20%20%20*%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20box-sizing%3A%20border-box%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20margin%3A%200%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20padding%3A%200%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20body%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20font-family%3A%20-apple-system%2C%20BlinkMacSystemFont%2C%20%22Segoe%20UI%22%2C%20Roboto%2C%20%22Helvetica%20Neue%22%2C%20Arial%2C%20sans-serif%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20background-color%3A%20%23ffffff%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20color%3A%20%23333333%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20padding%3A%2010px%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20display%3A%20flex%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20justify-content%3A%20center%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20align-items%3A%20center%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20min-height%3A%20100vh%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20.container%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20width%3A%20100%25%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20max-width%3A%20800px%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20margin%3A%200%20auto%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20.chart-title%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20font-weight%3A%20bold%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20text-align%3A%20center%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20margin-bottom%3A%2015px%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%2F*%20SVG%E3%82%B3%E3%83%B3%E3%83%86%E3%83%8A%E3%82%92%E3%82%A2%E3%82%B9%E3%83%9A%E3%82%AF%E3%83%88%E6%AF%94%E3%82%92%E7%B6%AD%E6%8C%81%E3%81%97%E3%81%A6%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B7%E3%83%96%E3%81%AB%20*%2F%0A%20%20%20%20%20%20%20%20.svg-container%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20position%3A%20relative%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20width%3A%20100%25%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20padding-bottom%3A%2055%25%3B%20%2F*%20%E3%82%A2%E3%82%B9%E3%83%9A%E3%82%AF%E3%83%88%E6%AF%94%E3%81%AE%E8%A8%AD%E5%AE%9A%20*%2F%0A%20%20%20%20%20%20%20%20%20%20%20%20vertical-align%3A%20middle%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20overflow%3A%20hidden%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20.svg-content%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20position%3A%20absolute%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20top%3A%200%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20left%3A%200%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20width%3A%20100%25%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20height%3A%20100%25%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%2F*%20%E3%82%B0%E3%83%A9%E3%83%95%E8%A6%81%E7%B4%A0%E3%81%AE%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB%20*%2F%0A%20%20%20%20%20%20%20%20.bar%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20fill%3A%20%234f46e5%3B%20%2F*%20%E8%90%BD%E3%81%A1%E7%9D%80%E3%81%84%E3%81%9F%E3%83%AD%E3%82%A4%E3%83%A4%E3%83%AB%E3%83%96%E3%83%AB%E3%83%BC%20*%2F%0A%20%20%20%20%20%20%20%20%20%20%20%20transition%3A%20opacity%200.2s%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20.bar%3Ahover%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20opacity%3A%200.8%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20.line%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20fill%3A%20none%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20stroke%3A%20%23ef4444%3B%20%2F*%20%E7%B4%AF%E7%A9%8D%E6%AF%94%E7%8E%87%E7%94%A8%E3%81%AE%E8%B5%A4%E7%B7%9A%20*%2F%0A%20%20%20%20%20%20%20%20%20%20%20%20stroke-width%3A%203%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20.point%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20fill%3A%20%23ef4444%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20stroke%3A%20%23ffffff%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20stroke-width%3A%202%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20cursor%3A%20pointer%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20.grid-line%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20stroke%3A%20%23e5e7eb%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20stroke-width%3A%201%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20stroke-dasharray%3A%204%204%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20.axis%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20stroke%3A%20%239ca3af%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20stroke-width%3A%201%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20.axis-text%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20font-size%3A%2011px%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20fill%3A%20%234b5563%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20.axis-label%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20font-size%3A%2012px%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20font-weight%3A%20bold%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20fill%3A%20%231f2937%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%2F*%20%E5%87%A1%E4%BE%8B%20*%2F%0A%20%20%20%20%20%20%20%20.legend%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20display%3A%20flex%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20justify-content%3A%20center%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20gap%3A%2020px%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20margin-top%3A%2010px%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20font-size%3A%2012px%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20.legend-item%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20display%3A%20flex%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20align-items%3A%20center%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20gap%3A%206px%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20.legend-color-bar%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20width%3A%2014px%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20height%3A%2014px%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20background-color%3A%20%234f46e5%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20.legend-color-line%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20width%3A%2020px%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20height%3A%203px%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20background-color%3A%20%23ef4444%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%3C%2Fhead%3E%0A%3Cbody%3E%0A%0A%20%20%20%20%0A%20%20%20%20%3Cdiv%20class%3D%22svg-container%22%3E%0A%20%20%20%20%20%20%20%20%3C!--%20viewBox%E3%82%92%E4%BD%BF%E7%94%A8%E3%81%97%E3%81%A6%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B7%E3%83%96%E5%AF%BE%E5%BF%9C%E3%81%AB%20--%3E%0A%20%20%20%20%20%20%20%20%3Csvg%20class%3D%22svg-content%22%20viewBox%3D%220%200%20800%20440%22%20preserveAspectRatio%3D%22xMinYMin%20meet%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C!--%20%E3%82%B0%E3%83%AA%E3%83%83%E3%83%89%E7%B7%9A%EF%BC%88%E6%A8%AA%E7%B7%9A%EF%BC%89%20--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C!--%2020%25%2C%2040%25%2C%2060%25%2C%2080%25%2C%20100%25%20--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cline%20class%3D%22grid-line%22%20x1%3D%2280%22%20y1%3D%22320%22%20x2%3D%22720%22%20y2%3D%22320%22%20%2F%3E%20%3C!--%2020%25%20%2F%20200%E4%B8%87%20--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cline%20class%3D%22grid-line%22%20x1%3D%2280%22%20y1%3D%22260%22%20x2%3D%22720%22%20y2%3D%22260%22%20%2F%3E%20%3C!--%2040%25%20%2F%20400%E4%B8%87%20--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cline%20class%3D%22grid-line%22%20x1%3D%2280%22%20y1%3D%22200%22%20x2%3D%22720%22%20y2%3D%22200%22%20%2F%3E%20%3C!--%2060%25%20%2F%20600%E4%B8%87%20--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cline%20class%3D%22grid-line%22%20x1%3D%2280%22%20y1%3D%22140%22%20x2%3D%22720%22%20y2%3D%22140%22%20%2F%3E%20%3C!--%2080%25%20%2F%20800%E4%B8%87%20--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cline%20class%3D%22grid-line%22%20x1%3D%2280%22%20y1%3D%2280%22%20%20x2%3D%22720%22%20y2%3D%2280%22%20%20%2F%3E%20%3C!--%20100%25%20%2F%201000%E4%B8%87%20--%3E%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C!--%20%E5%B7%A6%E5%81%B4%20Y%E8%BB%B8%EF%BC%9A%E5%A3%B2%E4%B8%8A%E9%AB%98%EF%BC%88%E4%B8%87%E5%86%86%EF%BC%89%E3%81%AE%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%20--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22axis-text%22%20x%3D%2270%22%20y%3D%22383%22%20text-anchor%3D%22end%22%3E0%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22axis-text%22%20x%3D%2270%22%20y%3D%22323%22%20text-anchor%3D%22end%22%3E200%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22axis-text%22%20x%3D%2270%22%20y%3D%22263%22%20text-anchor%3D%22end%22%3E400%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22axis-text%22%20x%3D%2270%22%20y%3D%22203%22%20text-anchor%3D%22end%22%3E600%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22axis-text%22%20x%3D%2270%22%20y%3D%22143%22%20text-anchor%3D%22end%22%3E800%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22axis-text%22%20x%3D%2270%22%20y%3D%2283%22%20%20text-anchor%3D%22end%22%3E1%2C000%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22axis-label%22%20x%3D%2230%22%20y%3D%2250%22%20text-anchor%3D%22middle%22%3E%E5%A3%B2%E4%B8%8A%EF%BC%88%E4%B8%87%E5%86%86%EF%BC%89%3C%2Ftext%3E%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C!--%20%E5%8F%B3%E5%81%B4%20Y%E8%BB%B8%EF%BC%9A%E7%B4%AF%E7%A9%8D%E6%AF%94%E7%8E%87%EF%BC%88%25%EF%BC%89%E3%81%AE%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%20--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22axis-text%22%20x%3D%22730%22%20y%3D%22383%22%20text-anchor%3D%22start%22%3E0%25%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22axis-text%22%20x%3D%22730%22%20y%3D%22323%22%20text-anchor%3D%22start%22%3E20%25%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22axis-text%22%20x%3D%22730%22%20y%3D%22263%22%20text-anchor%3D%22start%22%3E40%25%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22axis-text%22%20x%3D%22730%22%20y%3D%22203%22%20text-anchor%3D%22start%22%3E60%25%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22axis-text%22%20x%3D%22730%22%20y%3D%22143%22%20text-anchor%3D%22start%22%3E80%25%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22axis-text%22%20x%3D%22730%22%20y%3D%2283%22%20%20text-anchor%3D%22start%22%3E100%25%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22axis-label%22%20x%3D%22765%22%20y%3D%2250%22%20text-anchor%3D%22middle%22%3E%E7%B4%AF%E7%A9%8D%E6%A7%8B%E6%88%90%E6%AF%94%3C%2Ftext%3E%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C!--%20%E6%A3%92%E3%82%B0%E3%83%A9%E3%83%95%EF%BC%88%E5%A3%B2%E4%B8%8A%E9%AB%98%EF%BC%89%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20X%E5%BA%A7%E6%A8%99%E8%A8%88%E7%AE%97%3A%2080%20(%E3%83%99%E3%83%BC%E3%82%B9)%20%2B%20i%20*%2064%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%E9%AB%98%E3%81%95%E8%A8%88%E7%AE%97%3A%20380%20(Y%E8%BB%B8%E3%83%9C%E3%83%88%E3%83%A0)%20-%20(%E5%A3%B2%E4%B8%8A%E9%AB%98%20%2F%201000)%20*%20300%0A%20%20%20%20%20%20%20%20%20%20%20%20--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C!--%20%E3%83%87%E3%82%B7%E3%83%AB1%3A%20450%E4%B8%87%E5%86%86%20--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20class%3D%22bar%22%20x%3D%2292%22%20y%3D%22245%22%20width%3D%2240%22%20height%3D%22135%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C!--%20%E3%83%87%E3%82%B7%E3%83%AB2%3A%20200%E4%B8%87%E5%86%86%20--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20class%3D%22bar%22%20x%3D%22156%22%20y%3D%22320%22%20width%3D%2240%22%20height%3D%2260%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C!--%20%E3%83%87%E3%82%B7%E3%83%AB3%3A%20120%E4%B8%87%E5%86%86%20--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20class%3D%22bar%22%20x%3D%22220%22%20y%3D%22344%22%20width%3D%2240%22%20height%3D%2236%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C!--%20%E3%83%87%E3%82%B7%E3%83%AB4%3A%2080%E4%B8%87%E5%86%86%20--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20class%3D%22bar%22%20x%3D%22284%22%20y%3D%22356%22%20width%3D%2240%22%20height%3D%2224%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C!--%20%E3%83%87%E3%82%B7%E3%83%AB5%3A%2050%E4%B8%87%E5%86%86%20--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20class%3D%22bar%22%20x%3D%22348%22%20y%3D%22365%22%20width%3D%2240%22%20height%3D%2215%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C!--%20%E3%83%87%E3%82%B7%E3%83%AB6%3A%2040%E4%B8%87%E5%86%86%20--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20class%3D%22bar%22%20x%3D%22412%22%20y%3D%22368%22%20width%3D%2240%22%20height%3D%2212%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C!--%20%E3%83%87%E3%82%B7%E3%83%AB7%3A%2030%E4%B8%87%E5%86%86%20--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20class%3D%22bar%22%20x%3D%22476%22%20y%3D%22371%22%20width%3D%2240%22%20height%3D%229%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C!--%20%E3%83%87%E3%82%B7%E3%83%AB8%3A%2015%E4%B8%87%E5%86%86%20--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20class%3D%22bar%22%20x%3D%22540%22%20y%3D%22375.5%22%20width%3D%2240%22%20height%3D%224.5%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C!--%20%E3%83%87%E3%82%B7%E3%83%AB9%3A%2010%E4%B8%87%E5%86%86%20--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20class%3D%22bar%22%20x%3D%22604%22%20y%3D%22377%22%20width%3D%2240%22%20height%3D%223%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C!--%20%E3%83%87%E3%82%B7%E3%83%AB10%3A%205%E4%B8%87%E5%86%86%20--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20class%3D%22bar%22%20x%3D%22668%22%20y%3D%22378.5%22%20width%3D%2240%22%20height%3D%221.5%22%20%2F%3E%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C!--%20X%E8%BB%B8%E3%81%AE%E3%83%A9%E3%83%99%E3%83%AB%EF%BC%88%E3%83%87%E3%82%B7%E3%83%AB1%E3%80%9C10%EF%BC%89%20--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22axis-text%22%20x%3D%22112%22%20y%3D%22400%22%20text-anchor%3D%22middle%22%3E%E3%83%87%E3%82%B7%E3%83%AB1%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22axis-text%22%20x%3D%22176%22%20y%3D%22400%22%20text-anchor%3D%22middle%22%3E%E3%83%87%E3%82%B7%E3%83%AB2%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22axis-text%22%20x%3D%22240%22%20y%3D%22400%22%20text-anchor%3D%22middle%22%3E%E3%83%87%E3%82%B7%E3%83%AB3%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22axis-text%22%20x%3D%22304%22%20y%3D%22400%22%20text-anchor%3D%22middle%22%3E%E3%83%87%E3%82%B7%E3%83%AB4%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22axis-text%22%20x%3D%22368%22%20y%3D%22400%22%20text-anchor%3D%22middle%22%3E%E3%83%87%E3%82%B7%E3%83%AB5%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22axis-text%22%20x%3D%22432%22%20y%3D%22400%22%20text-anchor%3D%22middle%22%3E%E3%83%87%E3%82%B7%E3%83%AB6%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22axis-text%22%20x%3D%22496%22%20y%3D%22400%22%20text-anchor%3D%22middle%22%3E%E3%83%87%E3%82%B7%E3%83%AB7%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22axis-text%22%20x%3D%22560%22%20y%3D%22400%22%20text-anchor%3D%22middle%22%3E%E3%83%87%E3%82%B7%E3%83%AB8%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22axis-text%22%20x%3D%22624%22%20y%3D%22400%22%20text-anchor%3D%22middle%22%3E%E3%83%87%E3%82%B7%E3%83%AB9%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22axis-text%22%20x%3D%22688%22%20y%3D%22400%22%20text-anchor%3D%22middle%22%3E%E3%83%87%E3%82%B7%E3%83%AB10%3C%2Ftext%3E%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C!--%20%E8%BB%B8%E7%B7%9A%20--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cline%20class%3D%22axis%22%20x1%3D%2280%22%20y1%3D%22380%22%20x2%3D%22720%22%20y2%3D%22380%22%20%2F%3E%20%3C!--%20X%E8%BB%B8%20--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cline%20class%3D%22axis%22%20x1%3D%2280%22%20y1%3D%2280%22%20%20x2%3D%2280%22%20%20y2%3D%22380%22%20%2F%3E%20%3C!--%20%E5%B7%A6Y%E8%BB%B8%20--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cline%20class%3D%22axis%22%20x1%3D%22720%22%20y1%3D%2280%22%20x2%3D%22720%22%20y2%3D%22380%22%20%2F%3E%20%3C!--%20%E5%8F%B3Y%E8%BB%B8%20--%3E%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C!--%20%E6%8A%98%E3%82%8C%E7%B7%9A%EF%BC%88%E7%B4%AF%E7%A9%8D%E6%AF%94%E7%8E%87%EF%BC%89%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%E3%83%87%E3%83%BC%E3%82%BF%E3%83%9D%E3%82%A4%E3%83%B3%E3%83%88%20(%E5%90%84%E3%83%90%E3%83%BC%E3%81%AE%E4%B8%AD%E5%BF%83%E3%81%AB%E5%90%88%E3%82%8F%E3%81%9B%E3%82%8B%20x%20%3D%20112%2C%20176%2C%20240%2C%20304%2C%20368%2C%20432%2C%20496%2C%20560%2C%20624%2C%20688)%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%E5%8E%9F%E7%82%B9%EF%BC%9Ax%3D80%2C%20y%3D380%20%E3%81%8B%E3%82%89%E3%82%B9%E3%82%BF%E3%83%BC%E3%83%88%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%E6%AF%94%E7%8E%87%E3%81%AB%E5%BF%9C%E3%81%98%E3%81%9FY%E5%BA%A7%E6%A8%99%3A%20380%20-%20(%E7%B4%AF%E7%A9%8D%E6%AF%94%E7%8E%87)%20*%20300%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20-%2045.0%25%20-%3E%20y%20%3D%20245%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20-%2065.0%25%20-%3E%20y%20%3D%20185%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20-%2077.0%25%20-%3E%20y%20%3D%20149%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20-%2085.0%25%20-%3E%20y%20%3D%20125%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20-%2090.0%25%20-%3E%20y%20%3D%20110%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20-%2094.0%25%20-%3E%20y%20%3D%2098%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20-%2097.0%25%20-%3E%20y%20%3D%2089%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20-%2098.5%25%20-%3E%20y%20%3D%2084.5%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20-%2099.5%25%20-%3E%20y%20%3D%2081.5%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20-%20100%25%20%20-%3E%20y%20%3D%2080%0A%20%20%20%20%20%20%20%20%20%20%20%20--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20class%3D%22line%22%20d%3D%22M%2080%20380%20L%20112%20245%20L%20176%20185%20L%20240%20149%20L%20304%20125%20L%20368%20110%20L%20432%2098%20L%20496%2089%20L%20560%2084.5%20L%20624%2081.5%20L%20688%2080%22%20%2F%3E%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C!--%20%E6%8A%98%E3%82%8C%E7%B7%9A%E3%81%AE%E3%83%87%E3%83%BC%E3%82%BF%E3%83%9D%E3%82%A4%E3%83%B3%E3%83%88%EF%BC%88%E4%B8%B8%E5%8D%B0%EF%BC%89%20--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ccircle%20class%3D%22point%22%20cx%3D%2280%22%20cy%3D%22380%22%20r%3D%224%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ccircle%20class%3D%22point%22%20cx%3D%22112%22%20cy%3D%22245%22%20r%3D%224%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ccircle%20class%3D%22point%22%20cx%3D%22176%22%20cy%3D%22185%22%20r%3D%224%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ccircle%20class%3D%22point%22%20cx%3D%22240%22%20cy%3D%22149%22%20r%3D%224%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ccircle%20class%3D%22point%22%20cx%3D%22304%22%20cy%3D%22125%22%20r%3D%224%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ccircle%20class%3D%22point%22%20cx%3D%22368%22%20cy%3D%22110%22%20r%3D%224%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ccircle%20class%3D%22point%22%20cx%3D%22432%22%20cy%3D%2298%22%20r%3D%224%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ccircle%20class%3D%22point%22%20cx%3D%22496%22%20cy%3D%2289%22%20r%3D%224%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ccircle%20class%3D%22point%22%20cx%3D%22560%22%20cy%3D%2284.5%22%20r%3D%224%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ccircle%20class%3D%22point%22%20cx%3D%22624%22%20cy%3D%2281.5%22%20r%3D%224%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ccircle%20class%3D%22point%22%20cx%3D%22688%22%20cy%3D%2280%22%20r%3D%224%22%20%2F%3E%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C!--%20%E3%83%87%E3%83%BC%E3%82%BF%E6%95%B0%E5%80%A4%E3%81%AE%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E8%A1%A8%E7%A4%BA%EF%BC%88%E9%87%8D%E3%81%AA%E3%82%8A%E3%82%92%E9%98%B2%E3%81%90%E3%81%9F%E3%82%81%E3%80%81%E4%B8%BB%E8%A6%81%E3%81%AA%E7%82%B9%E3%83%BB%E3%83%90%E3%83%BC%E3%81%AE%E3%81%BF%E9%85%8D%E7%BD%AE%E3%80%81%E3%81%BE%E3%81%9F%E3%81%AF%E3%82%B7%E3%83%B3%E3%83%97%E3%83%AB%E3%81%95%E3%82%92%E5%84%AA%E5%85%88%E3%81%97%E3%81%A6%E7%9C%81%E7%95%A5%E3%82%82%E5%8F%AF%E8%83%BD%E3%81%A7%E3%81%99%E3%81%8C%E3%80%81%E3%83%87%E3%82%B7%E3%83%AB1%E3%80%9C3%E3%80%8110%E4%BB%98%E8%BF%91%E3%81%AE%E3%81%BF%E5%B0%8F%E3%81%95%E3%81%8F%E8%A1%A8%E7%A4%BA%EF%BC%89%20--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22axis-text%22%20x%3D%22112%22%20y%3D%22235%22%20text-anchor%3D%22middle%22%20font-weight%3D%22bold%22%3E45%25%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22axis-text%22%20x%3D%22176%22%20y%3D%22175%22%20text-anchor%3D%22middle%22%20font-weight%3D%22bold%22%3E65%25%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22axis-text%22%20x%3D%22240%22%20y%3D%22139%22%20text-anchor%3D%22middle%22%20font-weight%3D%22bold%22%3E77%25%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20class%3D%22axis-text%22%20x%3D%22688%22%20y%3D%2270%22%20text-anchor%3D%22middle%22%20font-weight%3D%22bold%22%3E100%25%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%3C%2Fsvg%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%0A%20%20%20%20%3C!--%20%E5%87%A1%E4%BE%8B%20--%3E%0A%20%20%20%20%3Cdiv%20class%3D%22legend%22%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22legend-item%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22legend-color-bar%22%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%3E%E5%90%84%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%E5%A3%B2%E4%B8%8A%E9%AB%98%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22legend-item%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22legend-color-line%22%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%3E%E7%B4%AF%E7%A9%8D%E5%A3%B2%E4%B8%8A%E6%A7%8B%E6%88%90%E6%AF%94%20(%25)%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%3C%2Fdiv%3E%0A%0A%3C%2Fbody%3E%0A%3C%2Fhtml%3Eグループ顧客数グループ内合計売上売上構成比累積売上構成比1人あたり平均購入額デシル110人450万円45.0%45.0%45万円デシル210人200万円20.0%65.0%20万円デシル310人120万円12.0%77.0%12万円デシル410人80万円8.0%85.0%8万円デシル510人50万円5.0%90.0%5万円デシル610人40万円4.0%94.0%4万円デシル710人30万円3.0%97.0%3万円デシル810人15万円1.5%98.5%1.5万円デシル910人10万円1.0%99.5%1万円デシル1010人5万円0.5%100.0%0.5万円合計100人1000万円100.0%-10万円このシミュレーション結果の見方として、いくつかの顕著な事実が判明しています。まず上位であるデシル1の10人だけで全体の45パーセントの売上を作っており、デシル2までを合わせると20人の顧客で全体の65パーセントの売上を占めていることがわかります。一方で、下位のデシル8からデシル10までの合計30人による売上は、全体のわずか3パーセントに過ぎません。このようなデータが得られた場合、次の戦略としてどのような手を打つべきかが明確になっていきます。デシル分析を自社の戦略に落とし込む活用事例つづいて、デシル分析の結果を実際の経営やマーケティングの現場でどのように戦略に落とし込んでいくのか、具体的な活用事例を挙げてご紹介します。事例1：BtoC ECサイトにおけるリピート率向上のためのアプローチアパレルや化粧品などを扱うBtoCのECサイトを運営する企業における事例を想定します。例：ECサイトの顧客数が伸び悩み売上が低迷しており、現状の顧客数では売上は頭打ちと考えられていた。デシル分析：デシル分析を行った結果、デシル1とデシル2の顧客層が全体の売上の60パーセント以上を占めていることが判明した。売上への貢献度が高いデシル1とデシル2の顧客を維持するために、一般向けには非公開の限定セールへの招待や、新商品の先行予約受付、配送料の常時無料化といったロイヤルティを高める施策を実施。同時に、デシル3やデシル4に位置する「あと少しで優良顧客になりそうな層」に対しては、次回の購入時に使える特別なポイントアップキャンペーンの案内を送付し、上位グループへの引き上げを図った。結果：全体の顧客数を大幅に増やすことなく、既存顧客の買い替え頻度を向上させ、安定的な売上基盤を構築することに成功。[[筆者|もちろん必ずしも成功するわけではありませんが、成功から逆算して進める際にデシル分析を用いることができるということです]]事例2：中小規模の店舗ビジネスにおける販促コスト削減の取り組み地域密着型で複数の店舗を展開する小売業のマネージャーが直面しがちな、販促コストの課題の解決例をご紹介します。例：A店舗では、これまで毎月のように全会員に対して一律で紙のダイレクトメールを郵送していた。しかし、印刷代と郵送費の負担が重く、利益を圧迫しているという課題があった。デシル分析：デシル分析を導入したところ、デシル7からデシル10の下位40パーセントの層からは、ほとんど売上が発生していないことが視覚化された。課題を解決するため、店舗マネージャーは以下のようなステップで施策を実施。ステップ1：デシル7からデシル10の顧客への紙のダイレクトメール発送をすべて停止し、コストの低いメールマガジンや公式アプリでの通知へと切り替える。ステップ2：削減された分の郵送費予算の一部を、デシル1からデシル3の上位層に対するプレミアムイベントの招待状の送付へと回す。ステップ3：上位層への個別対応を強化した結果、店舗への来店頻度と購入単価が向上する。結果：全体の販促費を約30パーセント削減しながらも、上位顧客の維持と単価アップに成功し、店舗全体の営業利益率が大幅に改善された。[[筆者|リソースを削減できたパターンの例です。デシル分析の結果をもとにリソースを集中させることで、分散していた時よりも全体として節約できる場合があります]]デシル分析を実際に活用させるにはどうすべきか経営者や事業責任者がデシル分析を社内に定着させようと考えた際、単に「デシル分析をやっておいてほしい」と指示を出すだけでは、現場はデータを業務的に集計しただけで活用まで至らないです。分析結果をもとにどのようなKGIやKPIを設定するのかという視点を明確に伝える必要があります。具体的には、デシル1の平均客単価を現状から何パーセント維持、あるいは向上させるか、またデシル3からデシル2へ何人の顧客をランクアップさせるかといった、行動に直結する目標値を提示する必要があります。分析は手段であり、目的はリソースの最適化による利益の最大化であることを現場と共有していくことが重要です。[[筆者|データが何を意味するのかを理解するのは簡単ではありません。まずは明確に指示を出し、徐々にスキルとして身につけさせていきましょう]]デシル分析を行う際の注意点と限界デシル分析を行う際に注意しておくべきリスクや、構造的な限界について解説します。データの一側面だけを見て誤った経営判断を下さないために、これらの特徴を事前に理解しておく必要があります。主に以下が注意点です。・優良顧客誤認・直近の情報が考慮されない・離脱の察知困難性それぞれ詳しく解説していきます。過去の一時的な大口購入を優良顧客と誤認するリスクデシル分析は設定した期間内の合計購入金額だけで顧客を評価するため、購入の回数や文脈が無視される傾向があります。例えば、たまたまギフト用として1回だけ10万円の高額商品を購入し、その後は二度と来店していない顧客がいたとします。一方で、毎月5000円の商品を欠かさず購入し続けてくれている年間合計6万円の顧客がいます。この2人を直近1年間のデータでデシル分析にかけると、1回しか買っていない前者の顧客の方が上位グループ（デシル1など）にランクされ、毎月来てくれる後者の顧客がそれよりも低いグループに配置されてしまう現象が発生します。過去の一時的な大口購入者を現在の優良顧客であると誤認し、高コストな追客施策を行っても、すでに離脱している可能性が高いため、費用対効果が悪化するリスクが推測されます。直近の購買行動や購入頻度が考慮されない点への対策デシル分析は、顧客が最後にいつ購入したかという時間の概念（新しさ）や、何回購入したかという頻度が計算に含まれていません。3年前を最後に一切購入がないものの、過去に累積で大金を使ってくれた顧客と、今月初めて入会して毎週のように購入してくれている顧客が、合計金額の数値だけで同じグループに並んでしまうことがあります。企業にとって本当に手厚くフォローすべきは現在の動向が活発な顧客ですが、デシル分析の仕様上、それらを見分けることが困難です。この対策としては、分析対象とする期間を直近の3ヶ月や6ヶ月といった短いスパンに区切って定期的に分析を回すことや、後述する別の分析手法を組み合わせて補完することが効果的と考えられます。[[筆者|とりあえずたくさんデータがあるほうが良いんでしょ？ときかれることがありますが、必ずしもそうではありません]]顧客の離脱（休眠化）を察知しにくい構造的課題顧客が競合他社に乗り換えたり、自社のサービスを利用しなくなったりする離脱の兆候を、デシル分析の数字だけで察知することは容易ではありません。デシル1に位置する顧客の購入が最近途絶えていたとしても、過去の購入金額が大きいため、一定期間はデシル1のグループに残り続けます。現場の担当者が「デシル1の顧客数は安定している」と安心している間に、実はその中身がすでにアクティブではない休眠顧客に置き換わっているという危険性があります。数値の表面的な維持に惑わされず、動的な変化を捉える工夫が必要です。デシル分析の効果をさらに高める手法「RFM分析」との組み合わせつづいて、デシル分析が持ついくつかの弱点を克服し、マーケティング戦略の精度をさらに高めるために非常に有効な手法である「RFM分析」との組み合わせについて解説します。RFM分析（Recency・Frequency・Monetary）の概要RFM分析とは、顧客の購買行動を3つの指標を用いて分類し、顧客の現在の状態を立体的に把握する手法です。R（Recency）：最新購買日。顧客が最後にいつ購入したか。F（Frequency）：購買頻度。顧客がどれくらいの頻度で購入しているか。M（Monetary）：購買金額。顧客がいくら費やしてくれたか。デシル分析がM（Monetary：購買金額）の1軸だけに注目して10等分するのに対し、RFM分析はRとFの要素を加えた3軸で顧客を評価します。これにより、顧客が「今も自社を利用してくれているか」「よく足を運んでくれているか」を詳細に判別できるようになります。デシル分析の弱点をRFM分析で補完する方法これら2つの手法を組み合わせることで、デシル分析で見落としがちだったリスクをきれいに補完することができます。例えば、デシル分析でデシル1（金額上位）と判定された顧客群に対して、RFM分析のR（最新購買日）のデータを掛け合わせます。すると、デシル1の中にも「直近1ヶ月以内に購入があるアクティブな優良顧客」と、「ここ半年以上購入がない離脱危機の優良顧客」という、全く性質の異なる2つのサブグループが存在することが見えてきます。このように補完を行うことで、前者のアクティブ層には新商品の提案を、後者の離脱危機層には「ご無沙汰しております」といったカムバックを促すクーポンを送るなど、顧客の状態に完全に合致したアプローチを打ち分けることが可能になります。優良顧客を維持し、低位グループを底上げするハイブリッド戦略特に中小企業が最も効率よく売上を拡大するためのハイブリッド戦略として、まずはじめにデシル分析で全体の金額的なボリュームと自社の売上構造の歪みを把握します。その後、上位層や中位層に対してRFM分析を適用し、具体的な施策のシナリオを作成していく流れがおすすめです。金額は大きいが頻度が低い顧客にはまとめ買いのインセンティブを提示し、頻度は高いが金額が低い顧客にはクロスセル（関連商品の合わせ買い）を促すといった、きめ細やかな施策が展開できるようになります。リソースの無駄を極限まで抑えつつ、顧客全員のステージを一つずつ上方に引き上げていくための盤石な体制が整います。デシル分析を活用して効率的なマーケティング戦略をデシル分析は、全顧客を購入金額順に並び替えて10等分し、それぞれのグループの売上貢献度を可視化する非常にシンプルで強力な手法です。パレートの法則に代表されるように、自社の売上の大部分がどの上位顧客によって支えられているかを客観的に特定できるメリットがあります。商品や在庫の管理に適したABC分析とは異なり、顧客軸でのアプローチを最適化し、限られたマーケティング費用を最もリターンの大きい場所に集中投資するために役立ちます。ただし、購入の時期や頻度が考慮されないという一面もあるため、一時的な大口購入者を優良顧客と見誤るリスクには注意が必要です。この限界を乗り越えるためには、最新購買日や頻度を加味するRFM分析と組み合わせて活用すること重要です。データ分析は、集計してレポートを作成しただけでは利益を生み出しません。実際の行動を変えていくためのファーストステップとして、まずは直近1年間の顧客購買データをcsvファイルなどでダウンロードし、表計算ソフト等を使って、購入金額の大きい順に並び替えてみましょう。そして10等分してみてください。自社の顧客構造がどのようになっているのかを事実として把握することが、効率的なマーケティング戦略の構築の第一歩になります。マーケティングについてコチラもおすすめです【関連記事】%3Cdiv%20class%3D%22iframely-embed%22%3E%3Cdiv%20class%3D%22iframely-responsive%22%20style%3D%22height%3A%20140px%3B%20padding-bottom%3A%200%3B%22%3E%3Ca%20href%3D%22https%3A%2F%2Fcit-consulting.studio.site%2Finsights%2F%25E9%259C%2580%25E8%25A6%2581%25E6%259B%25B2%25E7%25B7%259A%25E3%2582%25B7%25E3%2583%2595%25E3%2583%2588%25E3%2581%25A8%25E3%2581%25AF-%25E5%25B7%25A6%25E3%2581%25AB%25E3%2582%25B7%25E3%2583%2595%25E3%2583%2588%25E3%2581%2599%25E3%2582%258B%25E7%2590%2586%25E7%2594%25B1%25E3%2582%2584%25E8%25A6%2581%25E5%259B%25A0-%25E5%258F%25B3%25E3%2582%25B7%25E3%2583%2595%25E3%2583%2588%25E3%2581%25A8%25E3%2581%25AE%25E9%2581%2595%25E3%2581%2584%25E3%2581%25BE%25E3%2581%25A7%25E3%2582%258F%25E3%2581%258B%25E3%2582%258A%25E3%2582%2584%25E3%2581%2599%25E3%2581%258F%25E8%25A7%25A3%25E8%25AA%25AC%22%20data-iframely-url%3D%22https%3A%2F%2Fiframely.net%2FTaObgaTO%3Fcard%3Dsmall%26theme%3Dlight%22%3E%3C%2Fa%3E%3C%2Fdiv%3E%3C%2Fdiv%3E%3Cscript%20async%20src%3D%22https%3A%2F%2Fiframely.net%2Fembed.js%22%3E%3C%2Fscript%3E需要曲線シフトとは%3Cdiv%20class%3D%22iframely-embed%22%3E%3Cdiv%20class%3D%22iframely-responsive%22%20style%3D%22height%3A%20140px%3B%20padding-bottom%3A%200%3B%22%3E%3Ca%20href%3D%22https%3A%2F%2Fcit-consulting.studio.site%2Finsights%2F%25E3%2583%259E%25E3%2582%25B9%25E3%2582%25AB%25E3%2582%25B9%25E3%2582%25BF%25E3%2583%259E%25E3%2582%25A4%25E3%2582%25BC%25E3%2583%25BC%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%25B3%25E3%2581%258CUX%25E3%2582%2592%25E5%2590%2591%25E4%25B8%258A%25E3%2581%2595%25E3%2581%259B%25E3%2582%258B-%25E4%25BA%258B%25E4%25BE%258B%25E3%2582%2584%25E3%2583%2587%25E3%2583%25A1%25E3%2583%25AA%25E3%2583%2583%25E3%2583%2588%25E3%2581%25AA%25E3%2581%25A9%25E3%2582%258F%25E3%2581%258B%25E3%2582%258A%25E3%2582%2584%25E3%2581%2599%25E3%2581%258F%25E8%25A7%25A3%25E8%25AA%25AC%22%20data-iframely-url%3D%22https%3A%2F%2Fiframely.net%2Fim1bHK1n%3Fcard%3Dsmall%26theme%3Dlight%22%3E%3C%2Fa%3E%3C%2Fdiv%3E%3C%2Fdiv%3E%3Cscript%20async%20src%3D%22https%3A%2F%2Fiframely.net%2Fembed.js%22%3E%3C%2Fscript%3EマスカスタマイゼーションがUXを向上させる%3Cdiv%20class%3D%22iframely-embed%22%3E%3Cdiv%20class%3D%22iframely-responsive%22%20style%3D%22height%3A%20140px%3B%20padding-bottom%3A%200%3B%22%3E%3Ca%20href%3D%22https%3A%2F%2Fcit-consulting.studio.site%2Finsights%2F%25E6%25B6%2588%25E8%25B2%25BB%25E5%258B%2595%25E5%2590%2591%25E8%25AA%25BF%25E6%259F%25BB%25E3%2581%25A8%25E3%2581%25AF-%25E6%258E%25A8%25E7%25A7%25BB%25E3%2582%2584%25E6%259C%259F%25E9%2596%2593-%25E6%25B6%2588%25E8%25B2%25BB%25E8%2580%2585%25E6%2585%258B%25E5%25BA%25A6%25E6%258C%2587%25E6%2595%25B0-%25E5%2586%2585%25E9%2596%25A3%25E5%25BA%259C%25E3%2581%25AE%25E8%25AA%25BF%25E6%259F%25BB%25E3%2581%25AB%25E9%2581%25B8%25E3%2581%25B0%25E3%2582%258C%25E3%2582%258B%25E7%25A2%25BA%25E7%258E%2587-%25E6%258B%2592%25E5%2590%25A6%25E3%2581%25A7%25E3%2581%258D%25E3%2582%258B%25E3%2581%258B%25E3%2581%25BE%25E3%2581%25A7%25E8%25A7%25A3%25E8%25AA%25AC%22%20data-iframely-url%3D%22https%3A%2F%2Fiframely.net%2FQ4hsUWKa%3Fcard%3Dsmall%26theme%3Dlight%22%3E%3C%2Fa%3E%3C%2Fdiv%3E%3C%2Fdiv%3E%3Cscript%20async%20src%3D%22https%3A%2F%2Fiframely.net%2Fembed.js%22%3E%3C%2Fscript%3E消費者動向調査とは%3Cdiv%20class%3D%22iframely-embed%22%3E%3Cdiv%20class%3D%22iframely-responsive%22%20style%3D%22height%3A%20140px%3B%20padding-bottom%3A%200%3B%22%3E%3Ca%20href%3D%22https%3A%2F%2Fcit-consulting.studio.site%2Finsights%2F%25E3%2582%25B3%25E3%2583%25B3%25E3%2582%25B8%25E3%2583%25A7%25E3%2582%25A4%25E3%2583%25B3%25E3%2583%2588%25E5%2588%2586%25E6%259E%2590%25E3%2581%25A8%25E3%2581%25AF-Excel%25E3%2582%2584R%25E3%2581%25A7%25E8%25A1%258C%25E3%2581%2586%25E6%2596%25B9%25E6%25B3%2595%25E3%2581%258B%25E3%2582%2589%25E3%2582%25A2%25E3%2583%25B3%25E3%2582%25B1%25E3%2583%25BC%25E3%2583%2588%25E3%2582%2584%25E7%25B5%2590%25E6%259E%259C%25E3%2581%25AE%25E4%25BE%258B-%25E5%258A%25B9%25E7%2594%25A8%25E5%2580%25A4%25E3%2581%25BE%25E3%2581%25A7%25E3%2582%258F%25E3%2581%258B%25E3%2582%258A%25E3%2582%2584%25E3%2581%2599%25E3%2581%258F%25E8%25A7%25A3%25E8%25AA%25AC%22%20data-iframely-url%3D%22https%3A%2F%2Fiframely.net%2F4K8AwSY7%3Fcard%3Dsmall%26theme%3Dlight%22%3E%3C%2Fa%3E%3C%2Fdiv%3E%3C%2Fdiv%3E%3Cscript%20async%20src%3D%22https%3A%2F%2Fiframely.net%2Fembed.js%22%3E%3C%2Fscript%3Eコンジョイント分析とは%3Cdiv%20class%3D%22iframely-embed%22%3E%3Cdiv%20class%3D%22iframely-responsive%22%20style%3D%22height%3A%20140px%3B%20padding-bottom%3A%200%3B%22%3E%3Ca%20href%3D%22https%3A%2F%2Fcit-consulting.studio.site%2Finsights%2F%25E3%2582%25A2%25E3%2582%25A4%25E3%2583%2587%25E3%2582%25A2%25E3%2582%2592%25E3%2581%25B2%25E3%2581%25AD%25E3%2582%258A%25E5%2587%25BA%25E3%2581%2599SCAMPER%25E6%25B3%2595%25E3%2581%25A8%25E3%2582%25AA%25E3%2582%25BA%25E3%2583%259C%25E3%2583%25BC%25E3%2583%25B3%25E3%2581%25AE%25E3%2583%2581%25E3%2582%25A7%25E3%2583%2583%25E3%2582%25AF%25E3%2583%25AA%25E3%2582%25B9%25E3%2583%2588%25E3%2581%25A8%25E3%2581%25AF-%25E3%2583%2595%25E3%2583%25AC%25E3%2583%25BC%25E3%2583%25A0%25E3%2583%25AF%25E3%2583%25BC%25E3%2582%25AF%25E3%2581%25A8%25E3%2581%2597%25E3%2581%25A6%25E3%2581%25AE%25E5%2585%25B7%25E4%25BD%2593%25E4%25BE%258B%25E3%2582%2584%25E6%25AD%25A3%25E3%2581%2597%25E3%2581%2584%25E8%25AA%25AD%25E3%2581%25BF%25E6%2596%25B9%25E3%2581%25BE%25E3%2581%25A7%25E8%25A7%25A3%25E8%25AA%25AC%22%20data-iframely-url%3D%22https%3A%2F%2Fiframely.net%2FXfDFUwGH%3Fcard%3Dsmall%26theme%3Dlight%22%3E%3C%2Fa%3E%3C%2Fdiv%3E%3C%2Fdiv%3E%3Cscript%20async%20src%3D%22https%3A%2F%2Fiframely.net%2Fembed.js%22%3E%3C%2Fscript%3Eアイデアをひねり出すSCAMPER法とオズボーンのチェックリストとは