[FIX]コース選択画面のデザイン修正

src/main/resources/templates/select_course.html

@@ -5,6 +5,7 @@
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<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}">
 	<title>コース選択</title>
 </head>
 
@@ -12,13 +13,16 @@
 	<div th:replace="~{header :: header}"></div>
 	<h1 class="page-title">コース選択</h1>
 
-	<th:block th:if="${mode == 'change'}">
+	<div class="d-grid mt-4">
-		<form th:action="@{/course/create}" method="get">
+	    <th:block th:if="${mode == 'change'}">
-			<button type="submit">新規登録</button>
+		    <form th:action="@{/course/create}" method="get">
-		</form>
+			    <button class="btn btn-success w-100" type="submit">
+					新規登録
+				</button>
+		    </form>
+	    </th:block>
+	</div>
 	
-
-	</th:block>
 	<form th:action="${mode == 'regist'} ? @{/user/register/return}: @{/change}" method="post">
 		<button type="submit" class="btn btn-primary w-100">確定</button>