Update index.html

index.html

@@ -271,17 +271,22 @@
 
                 <!-- 新しい研修制度のポイント (3点) -->
                 <div class="max-w-6xl mx-auto grid md:grid-cols-3 gap-8 text-center mb-24">
-                    <div class="p-6 bg-leoc-green-50 border-t-4 border-leoc-green-500 rounded-lg shadow-lg">
-                        <div class="flex items-center justify-center h-16 w-16 bg-leoc-green-500 text-white rounded-full mx-auto text-3xl font-bold">1</div>
-                        <h3 class="mt-6 text-xl font-semibold text-gray-900">責任者の職務を定義します</h3>
+                    <div class="p-6 bg-leoc-green-50 border-t-4 border-leoc-green-500 rounded-lg shadow-lg flex flex-col items-center">
+                        <div class="flex items-center justify-center h-16 w-16 bg-leoc-green-500 text-white rounded-full text-3xl font-bold mb-4">1</div>
+                        <h3 class="text-lg font-bold text-gray-900 tracking-tight"> 責任者の職務を定義します
+                        </h3>
                     </div>
-                    <div class="p-6 bg-leoc-green-50 border-t-4 border-leoc-green-500 rounded-lg shadow-lg">
-                        <div class="flex items-center justify-center h-16 w-16 bg-leoc-green-500 text-white rounded-full mx-auto text-3xl font-bold">2</div>
-                        <h3 class="mt-6 text-xl font-semibold text-gray-900">責任者職務を学ぶ研修と<br>責任者資格制度を始めます</h3>
+                
+                    <div class="p-6 bg-leoc-green-50 border-t-4 border-leoc-green-500 rounded-lg shadow-lg flex flex-col items-center">
+                        <div class="flex items-center justify-center h-16 w-16 bg-leoc-green-500 text-white rounded-full text-3xl font-bold mb-4">2</div>
+                        <h3 class="text-lg font-bold text-gray-900 tracking-tight"> 責任者職務を学ぶ研修と<br>責任者資格制度を始めます
+                        </h3>
                     </div>
-                    <div class="p-6 bg-leoc-green-50 border-t-4 border-leoc-green-500 rounded-lg shadow-lg">
-                        <div class="flex items-center justify-center h-16 w-16 bg-leoc-green-500 text-white rounded-full mx-auto text-3xl font-bold">3</div>
-                        <h3 class="mt-6 text-xl font-semibold text-gray-900">責任者の経験を<br>今後のキャリアに活かします</h3>
+                
+                    <div class="p-6 bg-leoc-green-50 border-t-4 border-leoc-green-500 rounded-lg shadow-lg flex flex-col items-center">
+                        <div class="flex items-center justify-center h-16 w-16 bg-leoc-green-500 text-white rounded-full text-3xl font-bold mb-4">3</div>
+                        <h3 class="text-lg font-bold text-gray-900 tracking-tight"> 責任者の経験を<br>今後のキャリアに活かします
+                        </h3>
                     </div>
                 </div>