.image-container {
            /* width: 70px;  画像の幅 */
            /* height: 28px;  画像の高さ */
        }


        .image-container img {
            width: 100%; /* 画像をコンテナに合わせる */
            height: 100%; /* 画像をコンテナに合わせる */
            transition: opacity 0.3s ease; /* フェードイン・アウトのアニメーション */
        }

        .image-container img:hover {
            opacity: 0; /* マウスオーバー時に画像を非表示にする */
        }

        .image-container:hover .hover-img {
            opacity: 1; /* マウスオーバー時に新しい画像を表示 */
        }

        .hover-img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        .image-container {
            position: relative;
            display: inline-block;
        }