body {  
    background: #fafafa;  
    color: #333333;  
    margin-top: 5rem;  
  }  
    
  h1, h2, h3, h4, h5, h6 {  
    color: #444444;  
  }  
    
  .bg-steel {  
    background-color: #5f788a; 
  }  
    
  .site-header .navbar-nav .nav-link {  
    color: #cbd5db;
  }  
    
  .site-header .navbar-nav .nav-link:hover {  
    color: #ffffff;  
  }  
    
  .site-header .navbar-nav .nav-link.active {  
    font-weight: 500;  
  }  

  .content-section {  
    background: #ffffff;  
    padding: 10px 20px;  
    border: 1px solid #dddddd;  
    border-radius: 3px;  
    margin-bottom: 20px;
  }  
    
  .article-title {  
    color: #444444;  
  }  
    
  a.article-title:hover {  
    color: #428bca;  
    text-decoration: none;  
  }  
    
  .article-content {  
    white-space: pre-line;  
  }  
    
  .article-img {  
    height: 65px;  
    width: 65px;  
    margin-right: 16px;  
  }  
    
  .article-metadata {  
    padding-bottom: 1px;  
    margin-bottom: 4px;  
    border-bottom: 1px solid #e3e3e3  
  }  
    
  .article-metadata a:hover {  
    color: #333;  
    text-decoration: none;  
  }  
    
  .article-svg {  
    width: 25px;  
    height: 25px;  
    vertical-align: middle;  
  }  
    
  .account-img {  
    height: 125px;  
    width: 125px;  
    margin-right: 20px;  
    margin-bottom: 16px;  
  }  
    
  .account-heading {  
    font-size: 2.5rem;  
  }



/*こっから下追加*/

dt {
    width: 10em;
}

dd {
    margin-top:-1.6em ;
    padding-left: 10em;
}