diff --git a/jdmain.css b/jdmain.css
index 7994925..70f3bc8 100644
--- a/jdmain.css
+++ b/jdmain.css
@@ -445,6 +445,53 @@
   margin: 0 auto;
   padding-bottom: 40px;
 }
+.qa_list{
+	position: relative;
+	margin: 20px 20px 30px 20px;
+	border: dashed black;
+	border-width: 0 0 2px 0;
+	color: black;
+}
+.qa_list:hover{
+    color: rgb(255, 60, 0);
+	}
+.qa_list .plus{
+	position: relative;
+	display: inline-flex;
+	font-size: 25px;
+	padding: 5px;
+	transition: .3s;
+}
+.qa_list input[type="checkbox"]:checked ~ .plus{
+	transform: rotate(45deg);
+}
+.qa_list label{
+  position: absolute;
+	top: 3px;
+	left: 30px;
+	padding: 5px;
+	font-size: 23px;
+  cursor: pointer;
+}
+.qa_list .ans{
+	position: relative;
+  max-height: 0;
+  overflow: hidden;
+  color: black;
+	margin: 5px;
+  transition: max-height .4s ease;
+}
+.qa_list .ans span{
+  font-size: 25px;
+}
+.qa_list input[type="checkbox"]:checked ~ div.ans{
+  max-height: 300px;
+  animation: slidein 0.5s;
+  transition: max-height .6s ease;
+}
+.qa_list input{
+	display: none;
+}
 /* scroll animation */
 #home-qa .scroll{
   opacity: 0;
@@ -665,7 +712,7 @@
 .qa_list input[type="checkbox"]:checked ~ div.ans{
   max-height: 300px;
   animation: slidein 0.5s;
-  transition: max-height .3s ease;
+  transition: max-height .6s ease;
 }
 .qa_list input{
 	display: none;