diff --git a/src/main/resources/templates/select_course.html b/src/main/resources/templates/select_course.html
new file mode 100644
index 0000000..6718ef4
--- /dev/null
+++ b/src/main/resources/templates/select_course.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html xmlns:th="http://www.thymeleaf.org">
+<head>
+<meta charset="UTF-8">
+<title>コース選択</title>
+</head>
+<body>
+	
+	<div class="accordion" id="accordionExample">
+	  <div class="accordion-item" th:each="course:${courseList}">
+	    <h2 class="accordion-header">
+	      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
+	        <span th:text="${course.courseName}"></span>
+	      </button>
+	    </h2>
+	    <div id="collapseOne" class="accordion-collapse collapse show" data-bs-parent="#accordionExample">
+	      <div class="accordion-body">
+	        <span th:text="${course.description}"></span>
+			<table border="1">
+				<tr>
+					<th>カテゴリ名</th><tr>配分(%)</tr>
+				</tr>
+				<tr th:each="courseInfo:${courseInfoList}" th:if="course.courseId=courseInfo.courseId">
+					<td th:text="${courseInfo.categoryName}"></td>
+					<td th:text="${courseInfo.allocationRatio}"></td>
+				</tr>
+			</table>
+	      </div>
+	    </div>
+	  </div>
+	</div>
+	
+	
+</body>
+</html>
\ No newline at end of file