.fixed-icon {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 60px;
  height: 60px;
  background-color: #005e3c; /* Instagramのブランドカラーに変更 */
  color: #fff; /* SVGの色（白） */
  border-radius: 12px; /* 正方形で角を丸めるスタイル */
  z-index: 1030;
  box-shadow: 0 2px 5px rgba(0,0,0,0.25);
  transition: all 0.3s;

  /* ▼ 中央配置のためにFlexboxを使用 */
  display: flex;
  align-items: center;
  justify-content: center;
}

   /* SVG自体のサイズを調整 */
  .fixed-icon svg {
    width: 50%;
    height: 50%;
  }


  /* ホバー時のスタイル */
  .fixed-icon:hover {
    background-color: #c13584; /* ホバー時の色 */
    color: #fff;
    text-decoration: none;
    transform: translateY(-2px); /* 少し浮き上がるアニメーション */
  }

  @media screen and (max-width:768px)  {
    .fixed-icon {
      bottom:180px;
      right:10px;
    }

    .fixed-icon-index {
      bottom:60px;
 }
  }

  @media screen and (max-width:599px)  {
    .fixed-icon {
      bottom:120px;
      right:10px;
    }
    .fixed-icon-index {
      bottom:60px;
 }
  }