【初心者】ChatGPTに聞いてみた！売り上げと粗利益の計算がすぐできる！


ついに4度目の投稿です！
食品スーパーに勤めて3年目、私は日用品売り場を担当しています。
前回は __Glide__ を使用してアプリを作ってみました。こちらも是非読んでみてください！
☟前回の記事はこちら

https://qiita.com/yuma-blau56/items/bbd5b722ddd7fd36a482

そして今回は、「 __ChatGPT__ を使って何か業務改善につながることが出来るかな～」と思って実践してみました！

## 完成したものがこちら
<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">ChatGPTを使って値入れの計算が簡単にできるようになった！<a href="https://twitter.com/hashtag/protoout?src=hash&amp;ref_src=twsrc%5Etfw">#protoout</a><a href="https://twitter.com/hashtag/ChatGPT?src=hash&amp;ref_src=twsrc%5Etfw">#ChatGPT</a> <a href="https://twitter.com/hashtag/CodePen?src=hash&amp;ref_src=twsrc%5Etfw">#CodePen</a><a href="https://twitter.com/hashtag/%E8%A8%88%E7%AE%97?src=hash&amp;ref_src=twsrc%5Etfw">#計算</a> <a href="https://t.co/JreB2eecsB">pic.twitter.com/JreB2eecsB</a></p>&mdash; yuma.tmg (@inueym56) <a href="https://twitter.com/inueym56/status/1720420533827973569?ref_src=twsrc%5Etfw">November 3, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

## いちいち計算することがめんどくさい
食品スーパーで働いているので、 __売上（うりあげ）と粗利益__ を上げることは大切です。
ではどのように計画を立てていくのか…。
私は、より粗利益を得ることが出来るように考えます。粗利益とは、売上高から売上原価を差し引いた金額です。この金額がお店の利益につながるのです。同じ金額で同じだけの数量を販売したとして例を挙げてみます。

【商品①】
1品の価格：298円　
原価：258円　
販売数量：100個
粗利益：(298-258)×100＝4,000円

【商品②】
1品の価格：298円
原価：218円　
販売数量：100個
粗利益：(298-218)×100＝8,000円

さて、【商品①】と【商品②】ではどちらの方が粗利益を得ることが出来ますか？答えは【商品②】ですね。このように、販売計画を立てる際には、このような計算が必要となってきます。これが地味に大変なのです。簡単に計算してくれるシステムが出来ればいいなと思い、ChatGPTに助けを求めてみました。


## まずは使ってみてください
<p class="codepen" data-height="300" data-default-tab="result" data-slug-hash="abXmPLm" data-user="xpmuxccp-the-styleful" style="height: 300px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;">
  <span>See the Pen <a href="https://codepen.io/xpmuxccp-the-styleful/pen/abXmPLm">
  Untitled</a> by 井上結麻 (<a href="https://codepen.io/xpmuxccp-the-styleful">@xpmuxccp-the-styleful</a>)
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<script async src="https://cpwebassets.codepen.io/assets/embed/ei.js"></script>

ChatGPTを初めて使用してみましたが、あっという間にできてしまったので驚きました。
初めてで手探り状態でしたが、 __1時間__ もかかっていないと思います。
粗利益を求めるといいましたが、商品が売れる前は売価から原価を差し引いたものは __値入れ額__ といいます。商品が売れた時点で値入れ額は粗利益となるので、この計算アプリでは値入れ額と表示してあります。

## 使用するツール
使用するのは、2つになります。

:::note info
[ChatGPT](https://chat.openai.com/auth/login)
[CodePen](https://codepen.io/pen/)
:::

## ChatGPTでは
__1.__ まず、簡単にこんな感じのアプリを作りたいとChatGPTに入力します。今回はCodePenを使用するので、求めるコードはHTMLコードです。
![スクリーンショット 2023-11-03 174427.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3545254/f51a41d7-e574-16a9-895c-8d562b1ceb62.png)
 __ChatGPTの返答__
 ![スクリーンショット 2023-11-03 175510.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3545254/782b63bf-d019-0dae-dfb2-73ce11ef0553.png)


<details><summary><font color="Green"><b>ChatGPTが提示したコードはこちら</b></font></summary>

```html:ChatGPTが提示したコード
<!DOCTYPE html>
<html>
<head>
    <title>価格計算アプリ</title>
    <style>
        body {
            font-family: Arial, sans-serif;
        }

        .container {
            max-width: 400px;
            margin: 0 auto;
            text-align: center;
            padding: 20px;
            border: 1px solid #ccc;
            border-radius: 5px;
        }

        input {
            width: 100%;
            padding: 10px;
            margin: 5px 0;
        }
    </style>
</head>
<body>
    <div class="container">
        <h2>価格計算アプリ</h2>
        <label for="salesPrice">売価（円）:</label>
        <input type="number" id="salesPrice" placeholder="売価を入力してください">
        <br>
        <label for="costPrice">原価（円）:</label>
        <input type="number" id="costPrice" placeholder="原価を入力してください">
        <br>
        <button onclick="calculateProfit()">計算</button>
        <p>値入れ額: <span id="profitAmount">0</span> 円</p>
        <p>値入れ率: <span id="profitPercentage">0</span>%</p>
    </div>

    <script>
        function calculateProfit() {
            const salesPrice = parseFloat(document.getElementById('salesPrice').value);
            const costPrice = parseFloat(document.getElementById('costPrice').value);

            if (isNaN(salesPrice) || isNaN(costPrice)) {
                alert('正しい金額を入力してください');
                return;
            }

            const profitAmount = salesPrice - costPrice;
            const profitPercentage = (profitAmount / costPrice) * 100;

            document.getElementById('profitAmount').textContent = profitAmount.toFixed(2);
            document.getElementById('profitPercentage').textContent = profitPercentage.toFixed(2);
        }
    </script>
</body>
</html>
```
</details>

☟このコードでできたアプリ
![スクリーンショット 2023-11-03 154912.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3545254/757995ba-0a57-1179-19f2-b3d3987ed557.png)



__2.__ 計画は予算をもとに考えることを忘れていました。なので、ここで予算を入力するところを追加します。さらに、その予算を達成するためにはいくつ販売するべきか計算してもらいます。
![スクリーンショット 2023-11-03 174503.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3545254/d92f6c0a-3071-3781-da41-1d09c356f3b3.png)
 __ChatGPTの返答__
![スクリーンショット 2023-11-03 175544.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3545254/eefaae1f-4232-c15a-ced4-61c9d38db26c.png)

<details><summary><font color="Green"><b>ChatGPTが提示したコードはこちら</b></font></summary>

```html:ChatGPTが提示したコード
<!DOCTYPE html>
<html>
<head>
    <title>価格計算アプリ</title>
    <style>
        body {
            font-family: Arial, sans-serif;
        }

        .container {
            max-width: 400px;
            margin: 0 auto;
            text-align: center;
            padding: 20px;
            border: 1px solid #ccc;
            border-radius: 5px;
        }

        input {
            width: 100%;
            padding: 10px;
            margin: 5px 0;
        }
    </style>
</head>
<body>
    <div class="container">
        <h2>価格計算アプリ</h2>
        <label for="salesPrice">売価（円）:</label>
        <input type="number" id="salesPrice" placeholder="売価を入力してください">
        <br>
        <label for="costPrice">原価（円）:</label>
        <input type="number" id="costPrice" placeholder="原価を入力してください">
        <br>
        <label for="budget">予算（円）:</label>
        <input type="number" id="budget" placeholder="予算を入力してください">
        <br>
        <button onclick="calculateProfit()">計算</button>
        <p>値入れ額: <span id="profitAmount">0</span> 円</p>
        <p>値入れ率: <span id="profitPercentage">0</span>%</p>
        <p>予算達成に必要な販売数: <span id="salesQuantity">0</span> 個</p>
    </div>

    <script>
        function calculateProfit() {
            const salesPrice = parseFloat(document.getElementById('salesPrice').value);
            const costPrice = parseFloat(document.getElementById('costPrice').value);
            const budget = parseFloat(document.getElementById('budget').value);

            if (isNaN(salesPrice) || isNaN(costPrice) || isNaN(budget)) {
                alert('正しい金額を入力してください');
                return;
            }

            const profitAmount = salesPrice - costPrice;
            const profitPercentage = (profitAmount / costPrice) * 100;
            const salesQuantity = Math.ceil(budget / profitAmount);

            document.getElementById('profitAmount').textContent = profitAmount.toFixed(2);
            document.getElementById('profitPercentage').textContent = profitPercentage.toFixed(2);
            document.getElementById('salesQuantity').textContent = salesQuantity;
        }
    </script>
</body>
</html>

```
</details>

☟このコードでできたアプリ
![スクリーンショット 2023-11-03 160535.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3545254/36037bb9-112e-3678-745a-e2df5a837d73.png)



__3.__ やけに販売数が多いと思ったら、原価を基準にして計算されていました。予算は昨年の売上から作成されるので、売価を基準にするように直してもらいます。
![スクリーンショット 2023-11-03 174519.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3545254/a8a55371-3924-8eb1-6146-8f1cbfff058d.png)
 __ChatGPTの返答__
![スクリーンショット 2023-11-03 175557.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3545254/796fe6f5-df13-00e2-6930-806e2537f07c.png)

<details><summary><font color="Green"><b>ChatGPTが提示したコードはこちら</b></font></summary>

```html:ChatGPTが提示したコード
<!DOCTYPE html>
<html>
<head>
    <title>価格計算アプリ</title>
    <style>
        body {
            font-family: Arial, sans-serif;
        }

        .container {
            max-width: 400px;
            margin: 0 auto;
            text-align: center;
            padding: 20px;
            border: 1px solid #ccc;
            border-radius: 5px;
        }

        input {
            width: 100%;
            padding: 10px;
            margin: 5px 0;
        }
    </style>
</head>
<body>
    <div class="container">
        <h2>価格計算アプリ</h2>
        <label for="salesPrice">売価（円）:</label>
        <input type="number" id="salesPrice" placeholder="売価を入力してください">
        <br>
        <label for="costPrice">原価（円）:</label>
        <input type="number" id="costPrice" placeholder="原価を入力してください">
        <br>
        <label for="budget">予算（円）:</label>
        <input type="number" id="budget" placeholder="予算を入力してください">
        <br>
        <button onclick="calculateProfit()">計算</button>
        <p>値入れ額: <span id="profitAmount">0</span> 円</p>
        <p>値入れ率: <span id="profitPercentage">0</span>%</p>
        <p>予算達成に必要な販売数: <span id="salesQuantity">0</span> 個</p>
    </div>

    <script>
        function calculateProfit() {
            const salesPrice = parseFloat(document.getElementById('salesPrice').value);
            const costPrice = parseFloat(document.getElementById('costPrice').value);
            const budget = parseFloat(document.getElementById('budget').value);

            if (isNaN(salesPrice) || isNaN(costPrice) || isNaN(budget)) {
                alert('正しい金額を入力してください');
                return;
            }

            const profitAmount = salesPrice - costPrice;
            const profitPercentage = (profitAmount / costPrice) * 100;
            const salesQuantity = Math.ceil(budget / salesPrice);

            document.getElementById('profitAmount').textContent = profitAmount.toFixed(2);
            document.getElementById('profitPercentage').textContent = profitPercentage.toFixed(2);
            document.getElementById('salesQuantity').textContent = salesQuantity;
        }
    </script>
</body>
</html>

```
</details>

☟このコードでできたアプリ
![スクリーンショット 2023-11-03 160213.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3545254/34b9efb5-b12a-ba9c-35ba-5862be640410.png)

__4.__ 売価は高いけどそこそこ売れる、売価が安いためすごく売れている。このような商品を比較したいということがあるので、2つの商品の価格を入力できるようにしました。
![スクリーンショット 2023-11-03 174529.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3545254/2a00298b-d439-afb8-ef9b-70378c7e0965.png)
 __ChatGPTの返答__
![スクリーンショット 2023-11-03 175609.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3545254/c6542748-abd6-4cb9-0d0e-3e71fc3f7253.png)

<details><summary><font color="Green"><b>ChatGPTが提示したコードはこちら</b></font></summary>

```html:ChatGPTが提示したコード
<!DOCTYPE html>
<html>
<head>
    <title>価格計算アプリ</title>
    <style>
        body {
            font-family: Arial, sans-serif;
        }

        .container {
            max-width: 400px;
            margin: 0 auto;
            text-align: center;
            padding: 20px;
            border: 1px solid #ccc;
            border-radius: 5px;
        }

        input {
            width: 100%;
            padding: 10px;
            margin: 5px 0;
        }
    </style>
</head>
<body>
    <div class="container">
        <h2>価格比較アプリ</h2>
        <div class="product">
            <h3>商品1</h3>
            <label for="salesPrice1">売価（円）:</label>
            <input type="number" id="salesPrice1" placeholder="売価を入力してください">
            <br>
            <label for="costPrice1">原価（円）:</label>
            <input type="number" id="costPrice1" placeholder="原価を入力してください">
            <br>
        </div>
        <div class="product">
            <h3>商品2</h3>
            <label for="salesPrice2">売価（円）:</label>
            <input type="number" id="salesPrice2" placeholder="売価を入力してください">
            <br>
            <label for="costPrice2">原価（円）:</label>
            <input type="number" id="costPrice2" placeholder="原価を入力してください">
            <br>
        </div>
        <label for="budget">予算（円）:</label>
        <input type="number" id="budget" placeholder="予算を入力してください">
        <br>
        <button onclick="calculateProfit()">計算</button>
        <p>商品1の値入れ額: <span id="profitAmount1">0</span> 円</p>
        <p>商品1の値入れ率: <span id="profitPercentage1">0</span>%</p>
        <p>商品2の値入れ額: <span id="profitAmount2">0</span> 円</p>
        <p>商品2の値入れ率: <span id="profitPercentage2">0</span>%</p>
        <p>予算達成に必要な販売数（商品1）: <span id="salesQuantity1">0</span> 個</p>
        <p>予算達成に必要な販売数（商品2）: <span id="salesQuantity2">0</span> 個</p>
    </div>

    <script>
        function calculateProfit() {
            const salesPrice1 = parseFloat(document.getElementById('salesPrice1').value);
            const costPrice1 = parseFloat(document.getElementById('costPrice1').value);
            const salesPrice2 = parseFloat(document.getElementById('salesPrice2').value);
            const costPrice2 = parseFloat(document.getElementById('costPrice2').value);
            const budget = parseFloat(document.getElementById('budget').value);

            if (isNaN(salesPrice1) || isNaN(costPrice1) || isNaN(salesPrice2) || isNaN(costPrice2) || isNaN(budget)) {
                alert('正しい金額を入力してください');
                return;
            }

            const profitAmount1 = salesPrice1 - costPrice1;
            const profitPercentage1 = (profitAmount1 / costPrice1) * 100;
            const salesQuantity1 = Math.ceil(budget / salesPrice1);

            const profitAmount2 = salesPrice2 - costPrice2;
            const profitPercentage2 = (profitAmount2 / costPrice2) * 100;
            const salesQuantity2 = Math.ceil(budget / salesPrice2);

            document.getElementById('profitAmount1').textContent = profitAmount1.toFixed(2);
            document.getElementById('profitPercentage1').textContent = profitPercentage1.toFixed(2);
            document.getElementById('profitAmount2').textContent = profitAmount2.toFixed(2);
            document.getElementById('profitPercentage2').textContent = profitPercentage2.toFixed(2);
            document.getElementById('salesQuantity1').textContent = salesQuantity1;
            document.getElementById('salesQuantity2').textContent = salesQuantity2;
        }
    </script>
</body>
</html>

```
</details>

☟このコードでできたアプリ
![スクリーンショット 2023-11-03 160828.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3545254/0c100c8a-4a3c-7c83-de1a-4024752bf9d6.png)


__5.__ 最後の作業となります。人それぞれ感覚が違うのでわかりませんが、私は __4__ の状態だと見にくかったので、このようにお願いしました。
![スクリーンショット 2023-11-03 174541.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3545254/b96059ea-3f12-1a45-b6ac-3085910962cc.png)
 __ChatGPTの返答__
![スクリーンショット 2023-11-03 175630.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3545254/96728e8e-a0c5-9c3e-3c09-148f1c0d4be8.png)

<details><summary><font color="Green"><b>ChatGPTが提示したコードはこちら</b></font></summary>

```html:ChatGPTが提示したコード
<!DOCTYPE html>
<html>
<head>
    <title>価格比較アプリ</title>
    <style>
        body {
            font-family: Arial, sans-serif;
        }

        .container {
            max-width: 400px;
            margin: 0 auto;
            text-align: center;
            padding: 20px;
            border: 1px solid #ccc;
            border-radius: 5px;
        }

        input {
            width: 100%;
            padding: 10px;
            margin: 5px 0;
        }

        .comparison {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .product {
            width: 48%;
            margin: 1%;
            padding: 10px;
            border: 1px solid #ddd;
            border-radius: 5px;
        }
    </style>
</head>
<body>
    <div class="container">
        <h2>価格比較アプリ</h2>
        <label for="budget">予算（円）:</label>
        <input type="number" id="budget" placeholder="予算を入力してください">
        <br>
        <div class="comparison">
            <div class="product">
                <h3>商品1</h3>
                <label for="salesPrice1">売価（円）:</label>
                <input type="number" id="salesPrice1" placeholder="売価を入力してください">
                <br>
                <label for="costPrice1">原価（円）:</label>
                <input type="number" id="costPrice1" placeholder="原価を入力してください">
                <br>
                <p>値入れ額: <span id="profitAmount1">0</span> 円</p>
                <p>値入れ率: <span id="profitPercentage1">0</span>%</p>
                <p>予算達成に必要な販売数: <span id="salesQuantity1">0</span> 個</p>
            </div>
            <div class="product">
                <h3>商品2</h3>
                <label for="salesPrice2">売価（円）:</label>
                <input type="number" id="salesPrice2" placeholder="売価を入力してください">
                <br>
                <label for "costPrice2">原価（円）:</label>
                <input type="number" id="costPrice2" placeholder="原価を入力してください">
                <br>
                <p>値入れ額: <span id="profitAmount2">0</span> 円</p>
                <p>値入れ率: <span id="profitPercentage2">0</span>%</p>
                <p>予算達成に必要な販売数: <span id="salesQuantity2">0</span> 個</p>
            </div>
        </div>
        <button onclick="calculateProfit()">計算</button>
    </div>

    <script>
        function calculateProfit() {
            const budget = parseFloat(document.getElementById('budget').value);

            if (isNaN(budget)) {
                alert('正しい予算を入力してください');
                return;
            }

            const salesPrice1 = parseFloat(document.getElementById('salesPrice1').value);
            const costPrice1 = parseFloat(document.getElementById('costPrice1').value);
            const salesPrice2 = parseFloat(document.getElementById('salesPrice2').value);
            const costPrice2 = parseFloat(document.getElementById('costPrice2').value);

            if (isNaN(salesPrice1) || isNaN(costPrice1) || isNaN(salesPrice2) || isNaN(costPrice2)) {
                alert('正しい金額を入力してください');
                return;
            }

            const profitAmount1 = salesPrice1 - costPrice1;
            const profitPercentage1 = (profitAmount1 / costPrice1) * 100;
            const salesQuantity1 = Math.ceil(budget / salesPrice1);

            const profitAmount2 = salesPrice2 - costPrice2;
            const profitPercentage2 = (profitAmount2 / costPrice2) * 100;
            const salesQuantity2 = Math.ceil(budget / salesPrice2);

            document.getElementById('profitAmount1').textContent = profitAmount1.toFixed(2);
            document.getElementById('profitPercentage1').textContent = profitPercentage1.toFixed(2);
            document.getElementById('salesQuantity1').textContent = salesQuantity1;

            document.getElementById('profitAmount2').textContent = profitAmount2.toFixed(2);
            document.getElementById('profitPercentage2').textContent = profitPercentage2.toFixed(2);
            document.getElementById('salesQuantity2').textContent = salesQuantity2;
        }
    </script>
</body>
</html>

```
</details>

☟このコードでできたアプリ
![スクリーンショット 2023-11-03 161251.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3545254/2d737a88-f1a5-7e80-b66d-09b570d507f2.png)


:::note warn
横並びにはなりませんでした。
ですが __4__ よりは商品ごとで表示されるようになって見やすくなったと思います。
どのようにすれば横並びにして比較しやすくできるか、調べていきたいと思います。
:::

## さらにおしゃれにしてみました
白いままだと少しつまらなかったので、デザインをしてみました。
とはいっても、素敵なサイトを参考にさせていただいたのでご紹介します。
__☟タイトルの部分__

https://jajaaan.co.jp/css/css-headline/

__☟背景の部分__

https://deshinon.com/2019/03/06/background-oshare-kopipe/

CodePenでは真ん中の部分になりますが、このようにウェブページのスタイル・デザインを設定するコードを __CSSコード__ といいます。この部分にコードを入れていきます。
このコードに関しても、今回はどのようなものがあるかサイトで探しましたが、ChatGPTにわかりやすく質問してみたらできるかもしれませんね。
<details><summary><font color="Green"><b>このアプリのCSSコードはこちら</b></font></summary>

```html:CSSコード

h2 {
  position: relative;
  padding: 1rem 2rem calc(1rem + 10px);
  background: #fff100;
}

h2:before {
  position: absolute;
  top: -7px;
  left: -7px;
  width: 100%;
  height: 100%;
  content: '';
  border: 4px solid #000;
}

body{
  background:#ec6a38;
  -webkit-animation:colour 10s linear infinite;
  -moz-animation:colour 10s linear infinite;
  
}
@-webkit-keyframes colour{
  0%{
    background:#ec6a38
  }

  40%{
    background:#ec4038
  }

  80%{
    background:#ec9138
  }

  100%{
    background:#ec6a38
  }

}

@-moz-keyframes colour{
  0%{
    background:#ec6a38
  }

  40%{
    background:#ec4038
  }

  80%{
    background:#ec9138
  }

  100%{
    background:#ec6a38
  }

}
h1{
  font-family:arial;
  margin-top:100px;
  color:#fff;
  font-size:50px;
  text-align:center;
  text-transform:uppercase;
}
```
</details>

## 最後に
今回も前回同様、初心者でも早く作成できました。今の私ではこのアプリを完成させるまでどのくらいかかるかわからないですが、1時間で終わらないことは確かです。 __ChatGPT__ がどれだけ便利なのか知ることができて、よい機会となりました。
時間もできたので、前回使用した __Glide__ で他にも業務改善につながるツールがあるか探すことが出来ました。少し紹介させてください。

①[ __Audio to Text__ ](https://www.glideapps.com/templates/audio-to-text-mk)：音声をテキストに変換します。メモを取ることも大切ですが、聞き逃したくないと思ったり、書くのが遅いから疲れると思うことはありませんか？そんな時にこのアプリを使えたらちょっとした業務改善、ストレス解消につながると思いました。
    ②[ __Work Order Management__ ](https://www.glideapps.com/templates/work-order-management-9w)：作業指示書テンプレートを使用して、仕事内容を効率的に管理し、それを従業員に割り当てます。このアプリを使用すれば、「今日はどの仕事に取り組めばよいのか」ということを前もって知ることが出来ます。従業員同士でスケジュールを確認することで、業務を重複して実施してしまうこともないですし、重要な業務改善につながると思います。


今回も最後までありがとうございました！
少しでも皆さんのお悩み解決のきっかけになりますように！