<style>
      h2, h3 {
          color: #222;
          margin-top: 0;
      }
      ul, ol {
          margin-left: 20px;
      }
      .highlight {
          color: #d6336c;
          font-weight: bold;
      }
      .section {
          margin-bottom: 20px;
          padding: 15px;
          border-radius: 8px;
      }
      /* それぞれのh2セクションごとに背景色サンプル */
      .section1 { background-color: #fef9f3; }
      .section2 { background-color: #f4f9f0; }
      .section3 { background-color: #f3f9fe; }
      .section4 { background-color: #f9f3fe; }
      .section5 { background-color: #fef3f9; }
      .section6 { background-color: #f3fef9; }
      .section7 { background-color: #fff9f3; }

      .footer {
          font-style: italic;
          text-align: center;
          margin-top: 20px;
      }

      /* ▼横スクロールエリア全体▼ */
      .side-scroll {
          width: 100%;
          overflow-x: auto;
          overflow-y: hidden;
          -webkit-overflow-scrolling: touch;
          margin: 0 auto;
      }
      .side-scroll-outer { }
      .side-scroll-container {
          display: flex;
          flex-wrap: nowrap;
          gap: 16px;
      }
      .side-scroll-box {
          flex: 0 0 auto;
          width: 200px;
          box-sizing: border-box;
      }
      .side-scroll-box .img img {
          display: block;
          width: 100%;
          height: auto;
          border-radius: 4px;
          background: #eee;
      }
      .side-scroll-box p {
          margin: 6px 0 0;
          font-size: 14px;
          text-align: center;
      }

      /* 箇条書き背景用 */
      .bgListBox {
          background: #f0f8ff;
          -webkit-border-radius: 10px;
          -moz-border-radius: 10px;
          border: 1px solid #b0c4de;
          padding: 10px 15px;
          margin: 5px 10px 5px 10px;
      }
      .listing {
          list-style-type: disc;
      }

      /* テーブル */
      table {
        width: 100%;
        border: 1px solid #333;
        border-collapse: collapse;
        margin-bottom: 20px;
        table-layout: fixed;
      }
      table th, table td {
        border: 1px solid #333;
        padding: 5px;
        word-wrap: break-word;
        vertical-align: top;
      }
      .table-wrap {
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
      }

      strong {
        font-weight: bold !important;
        color: #000;
      }
      h3 {
        font-weight: bold !important;
      }
      body{
        padding: 20px;
        line-height: 1.9;
      }

      .youtube {
        width: 100%;
        aspect-ratio: 16 / 9;
      }
      .youtube iframe {
        width: 100%;
        height: 100%;
        border-radius: 20px;
        border: 0;
      }

      .instagram-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
      }
      .instagram-media {
        flex: 1 1 350px;
        max-width: 450px;
      }
  </style>