diff --git a/templates/blog-template.html b/templates/blog-template.html
index 4529166..1480dd2 100755
--- a/templates/blog-template.html
+++ b/templates/blog-template.html
@@ -30,6 +30,7 @@
   <a href="/"><div class="text-white text-3xl">なかがわ電機サービス</div></a>
 </header>
 
+<div class="container mx-auto px-4 max-w-screen-lg">
 <div class="flex justify-between">
   <div>
     <a class="ml-6 text-cyan-600" href="/">Home</a>
@@ -41,7 +42,8 @@
 <section class="bg-gray-100 m-4 p-4 rounded-lg dark:bg-gray-800 dark:text-white">
   <!--ContentTag-->
 </section>
-  
+</div>
+
 <div class="ml-6">
   <a href="https://twitter.com/share?ref_src=twsrc%5Etfw" class="twitter-share-button" data-size="large" data-show-count="false">Tweet</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
 </div>
diff --git a/templates/works-template.html b/templates/works-template.html
index 2ffa762..9cefe96 100755
--- a/templates/works-template.html
+++ b/templates/works-template.html
@@ -30,11 +30,12 @@
   </header>
 
 
-<a class="m-6 text-cyan-600" href="/">Home</a>
-
-<section class="bg-gray-100 m-4 p-4 rounded-lg dark:bg-gray-800 dark:text-white">
-  <!--ContentTag-->
-</section>
+<div class="container mx-auto px-4 max-w-screen-lg">
+  <a class="m-6 text-cyan-600" href="/">Home</a>
+  <section class="bg-gray-100 m-4 p-4 rounded-lg dark:bg-gray-800 dark:text-white">
+    <!--ContentTag-->
+  </section>
+</div>
 
 <div class="m-4">
   <a href="https://twitter.com/share?ref_src=twsrc%5Etfw" class="twitter-share-button" data-size="large" data-show-count="false">Tweet</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>