/* outlineクラスのスタイル */
      .section-outline {
          background-color: #E7F2F9;
          color: #000A56;
          margin: 20px 0;
      }

      /* 目次見出しのスタイル */
      .toc-heading {
          font-size: 14px;
          color: #000A56;
          text-align: center;
          position: relative;
          margin: 0;
          padding: 0 10px;
          display: flex;
          align-items: center;
          font-weight: bold;
      }

      .inner-padding {
          padding: 10px;
      }

      .toc-heading::before,
      .toc-heading::after {
          content: '';
          flex: 1;
          height: 1px;
          background-color: #000A56;
      }

      .toc-heading::before {
          margin-right: 10px;
      }

      .toc-heading::after {
          margin-left: 10px;
      }

      /* 目次ボタンのスタイル */
      .toc-buttons {

          display: flex;
          flex-direction: column;
          gap: 10px;
          margin-top: 8px;
      }

      .toc-buttons-row {
          display: flex;
          gap: 10px;
          flex-wrap: wrap;
      }

      .toc-button {
          display: flex;
          align-items: center;
          justify-content: center;
          height: 32px;
          padding: 0 10px;

          border: 1px solid #000A56;
          border-radius: 42px;
          background-color: #fff;
          color: #000A56;
          text-decoration: none;
          font-size: 12px;
          font-weight: bold;
          white-space: nowrap;
      }

      .toc-button::before {
          content: '';
          width: 8px;
          height: 8px;
          border-right: 2px solid #000A56;
          border-bottom: 2px solid #000A56;
          transform: rotate(45deg);
          margin-right: 4px;
          display: inline-block;
      }

      .section-outline * {
          color: #000A56;
      }

      .inner-outline {
          background-color: #fff;
          margin: 10px;
      }