👍 説明要素を修正

scss/base/generic.scss

@@ -20,3 +20,7 @@ a {
   color: $black;
   text-decoration: none;
 }
+
+p:not(:last-child) {
+  margin-bottom: 1rem;
+}

scss/elements/container.scss

@@ -1,7 +1,6 @@
 .container {
   position: relative;
   padding: 1.5rem 2rem;
-  margin: auto;
 
   &::before,
   &::after {
@@ -36,10 +35,12 @@
 
   &.-with-title {
     display: flex;
+    flex-direction: column;
     justify-content: flex-start;
     padding-top: 2rem;
 
     &.-center {
+      align-items: center;
       justify-content: center;
     }
 

scss/elements/description.scss

@@ -1,10 +1,16 @@
-.description {
-  width: 100%;
+dl.description {
+  display: grid;
+  grid-template: auto / 15rem 1fr;
+  grid-gap: 0.8rem 2rem;
+
+  &:not(:last-child) {
+    margin-bottom: 1.5rem;
+  }
 
   > dt {
     position: relative;
+    grid-column: 1;
     float: left;
-    margin-right: 1.5rem;
 
     &.-colon::after {
       position: absolute;
@@ -14,4 +20,8 @@
       content: ":";
     }
   }
+
+  > dd {
+    grid-column: 2;
+  }
 }