.footer_sns_wrapper {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}

.footer_sns_container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  margin: 0 auto;
  padding: 0 20px;
}

.sns_icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  transition:
    transform 0.2s ease,
    opacity 0.2s ease;
}

.sns_icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  /* 比率を保って収める */
}

.sns_icon:hover {
  transform: scale(1.1);
  opacity: 0.8;
}

@media screen and (max-width: 768px) {
  .footer_sns_container {
    justify-content: center;
    gap: 16px;
  }

  .sns_icon {
    width: 32px;
    height: 32px;
  }
}