<style>
    /* ボディ */
    body {
      font-family: Arial, sans-serif;
      background-color: #f5f5f5;
      color: #333333;
      font-size: 16px;
      line-height: 1.5;
    }
    
    /* h1～h6 */
    h1, h2, h3, h4, h5, h6 {
      margin: 50px 0;
      font-weight: bold;
      
    }
    
    /* h1 */
    h1 {
      border-bottom: 1px solid #cccccc;
      margin: 16px 0;
      line-height: 1.5;
      font-size: 20px;
    }
    
    /* h2 */
    h2 {
        margin: 56px 0 40px 0;
        padding: 8px 0 8px 16px;
        border-left: solid 4px #9b8d77;
        background-color: lightgreen;
        line-height: 1.5;
        font-size: 20px;
    }
    
    /* h3 */
    h3 {
        font-size: 20px;
        color: #000c15;
        margin: 48px 0 32px 10px;
        padding: 6px 0;
        line-height: 1.5;
        border-bottom: solid 2px #d2d5d9;
    }
    
    /* h4～h6 */
    h4, h5, h6 {
      font-size: 18px;
      margin-left: 14px;
      padding: 0.5em 0;
    }
    
    /* h4 */
    h4 {
      border-left: 4px solid #7db4e6;
      padding-left: 10px;
      font-size: 18px;
      color: #000c15;
      line-height: 1.5;
    }
    
    /* h5 */
    h5 {
      padding: 0.4em 0.5em;
        color: #494949;
        background: #f4f4f4;
    }
    
    .article-body a {
        color: #aaa;
    }
    
    /* h6 */
    h6 {
      color: #999999;
      border-left: 4px solid #c5e1f5;
    }
    
    /* p */
    p {
      font-size: 16px;
      margin: 14px 18px 0px 18px;
      line-height: 2.0;
    }
    
    /* div */
    div {
      margin: 1em 0;
    }
    
    /* span */
    span {
      font-style: italic;
    }
    
    /* ol, ul */
    ol, ul {
      margin-left: 30px;
      padding: 0;
      list-style: none;
    }
    
    ul{
      list-style-type: disc;
    }
    
    /* li */
    li {
      margin-left: 30px;
      font-size: 14px;
      margin: 0.5em 0;
      line-height: 2;
      margin-bottom: 16px;
    }
    
    /* a */
    a {
      color: #337ab7;
      text-decoration: none;
    }
    
    a:hover,
    a:focus {
      color: #23527c;
      text-decoration: underline;
    }
    
    /* img */
    img {
      max-width: 100%;
      height: auto;
    }
    
    /* form */
    form {
      margin: 1em 0;
    }
    
    /* input */
    input[type="text"],
    input[type="email"],
    input[type="password"] {
      display: block;
      width: 100%;
      padding: 0.375em 0.75em;
      font-size: 14px;
      line-height: 1.5;
      color: #555555;
      background-color: #ffffff;
      background-image: none;
      border: 1px solid #cccccc;
      border-radius: 4px;
    }
    
    input[type="text"]:focus,
    input[type="email"]:focus,
    input[type="password"]:focus {
      outline: 0;
      border-color: #66afe9;
      box-shadow: inset 0 1
    }
    
    /* textarea */
    textarea {
      display: block;
      width: 100%;
      padding: 0.375em 0.75em;
      font-size: 14px;
      line-height: 1.5;
      color: #555555;
      background-color: #ffffff;
      background-image: none;
      border: 1px solid #cccccc;
      border-radius: 4px;
    }
    
    textarea:focus {
      outline: 0;
      border-color: #66afe9;
      box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    }
    
    /* button */
    button[type="submit"],
    button[type="reset"],
    button[type="button"] {
      display: inline-block;
      margin-bottom: 0;
      font-weight: normal;
      text-align: center;
      vertical-align: middle;
      touch-action: manipulation;
      cursor: pointer;
      background-image: none;
      border: 1px solid transparent;
      white-space: nowrap;
      padding: 0.375em 0.75em;
      font-size: 14px;
      line-height: 1.5;
      border-radius: 4px;
      color: #ffffff;
      background-color: #337ab7;
    }
    
    button[type="submit"]:hover,
    button[type="reset"]:hover,
    button[type="button"]:hover {
      color: #ffffff;
      background-color: #286090;
      border-color: #204d74;
    }
    
    button[type="submit"]:focus,
    button[type="reset"]:focus,
    button[type="button"]:focus {
      outline: 0;
      box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(102,175,233,.6);
    }
    
    /* select */
    select {
      display: block;
      width: 100%;
      padding: 0.375em 0.75em;
      font-size: 14px;
      line-height: 1.5;
      color: #555555;
      background-color: #ffffff;
      background-image: none;
      border: 1px solid #cccccc;
      border-radius: 4px;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none
    }
    
    /* option */
    option {
      color: #333333;
    }
    
    /* table */
    table {
      width: 100%;
      max-width: 100%;
      margin-bottom: 1em;
      border-collapse: collapse;
    }
    
    thead {
      color: #ffffff;
      background-color: #337ab7;
    }
    
    tbody tr:nth-of-type(odd) {
      background-color: #f9f9f9;
    }
    
    tbody tr:hover {
      background-color: #f5f5f5;
    }
    
    th,
    td {
      padding: 0.75em;
      vertical-align: top;
      border-top: 1px solid #ddd;
    }
    
    /* tr */
    tr {
      color: #555555;
      border-bottom: 1px solid #ddd;
    }
    
    /* td */
    td {
      color: #555555;
      font-size: 14px;
    }
    
    /* th */
    th {
      color: #ffffff;
      font-size: 14px;
      text-align: left;
    }
    
    /* thead */
    thead th {
      vertical-align: bottom;
      border-bottom: 2px solid #ddd;
    }
    
    /* tbody */
    tbody {
      color: #555555;
    }
    
    /* tfoot */
    tfoot {
      color: #555555;
      background-color: #f9f9f9;
    }
    
    /* header */
    header {
      padding: 1em 0;
      background-color: #f5f5f5;
    }
    
    /* footer */
    footer {
      padding: 1em 0;
      background-color: #f5f5f5;
    }
    
    /* nav */
    nav {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0.5em 1em;
      background-color: #f5f5f5;
    }
    
    nav ul {
      display: flex;
    }
    
    nav li {
      margin: 0 0.5em;
    }
    
    /* main */
    main {
      padding: 1em;
    }
    
    /* article */
    article {
      margin-bottom: 1em;
      background-color: #ffffff;
      border: 1px solid #ddd;
      border-radius: 4px;
    }
    
    /* aside */
    aside {
      margin-bottom: 1em;
      background-color: #f5f5f5;
      border: 1px solid #ddd;
      border-radius: 4px;
    }
    
    /* section */
    section {
      margin-bottom: 1em;
    }
    
    
    </style>