diff --git a/src/main/resources/templates/goal_create.html b/src/main/resources/templates/goal_create.html
index fe201e4..a97384f 100644
--- a/src/main/resources/templates/goal_create.html
+++ b/src/main/resources/templates/goal_create.html
@@ -1,46 +1,56 @@
 <!DOCTYPE html>
 <html xmlns:th="http://www.thymeleaf.org">
-<head>
-	<meta charset="UTF-8">
-	<title>目標作成</title>
-	
-	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
 
+<head>
+	<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1" http-equiv="Content-Type">
+	<title>目標作成</title>
+
+	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
+	<link rel="stylesheet" th:href="@{/css/style.css}">
 </head>
-<body class="pb-5 pt-5">
-	
+
+<body style="padding-top:80px; padding-bottom:80px;">
+
 	<div th:replace="~{header :: header}"></div>
 
-	<h1>目標作成</h1>
+	<div class="main-container">
 
-	<form th:action="@{/goal/create}" th:object="${goalForm}" method="post">
-		<input type="hidden" th:field="*{goalId}">
+		<h1 class="page-title">目標作成</h1>
 
-		<div>
-			<label>目標名</label>
-			<input type="text" th:field="*{goalTitle}" required>
-		</div>
+		<div class="card shadow-sm">
 
-		<div>
-			<label>目標説明</label>
-			<textarea th:field="*{goalSubtitle}" required></textarea>
-		</div>
+			<div class="card-body">
 
-		<div>
-			<label>目標金額</label>
-			<input type="number" th:field="*{targetAmount}" required min="1">
-		</div>
+				<form th:action="@{/goal/create}" th:object="${goalForm}" method="post">
+					<input type="hidden" th:field="*{goalId}">
 
-		<div>
-			<label>目標達成期限</label>
-			<input type="date" th:field="*{deadline}" th:min="${#temporals.format(#temporals.createNow(), 'yyyy-MM-dd')}" required>
-		</div>
-		<button type="submit">更新する</button>
+					<div>
+						<label>目標名</label>
+						<input type="text" th:field="*{goalTitle}" required>
+					</div>
 
-	</form>
+					<div>
+						<label>目標説明</label>
+						<textarea th:field="*{goalSubtitle}" required></textarea>
+					</div>
+
+					<div>
+						<label>目標金額</label>
+						<input type="number" th:field="*{targetAmount}" required min="1">
+					</div>
+
+					<div>
+						<label>目標達成期限</label>
+						<input type="date" th:field="*{deadline}"
+							th:min="${#temporals.format(#temporals.createNow(), 'yyyy-MM-dd')}" required>
+					</div>
+					<button type="submit" class="btn btn-sm btn-primary w-100">更新する</button>
+
+				</form>
+
+				<div th:replace="~{footer :: footer}"></div>
 
-	<div th:replace="~{footer :: footer}"></div>
 
-	
 </body>
+
 </html>
\ No newline at end of file