diff --git a/sa.html b/sa.html
new file mode 100644
index 0000000..3a20b76
--- /dev/null
+++ b/sa.html
@@ -0,0 +1,30 @@
+<!-- HTML部分 -->
+<div id="animatedDialog" class="animated-dialog">
+  <p>アニメーション効果付きのダイアログです。</p>
+</div>
+
+<!-- CSS部分 -->
+<style>
+  .animated-dialog {
+    opacity: 0;
+    transition: opacity 1s;
+  }
+
+  .visible {
+    opacity: 1;
+  }
+</style>
+
+<!-- JavaScript部分 -->
+<script>
+  function showDialog() {
+    var dialog = document.getElementById("animatedDialog");
+    dialog.classList.add("visible");
+
+    setTimeout(function() {
+      dialog.classList.remove("visible");
+    }, 3000); // 3000ミリ秒（3秒）後にダイアログを非表示にする
+  }
+
+  showDialog(); // ダイアログを表示
+</script>