#body
{
  article
  {
    #content
    {
      padding-top:80px;
      padding-bottom:80px;
      .content
      {
        h2
        {
          font-size: 18px;
          line-height: 26px; /* 144.444% */
          letter-spacing: 0.72px;
          margin-bottom: 24px;
        }
        p
        {
          margin-bottom: 24px;
        }
      }
      >picture
      {
        display: block;
        overflow: hidden;
        border-radius: 8px;
        img
        {
          object-fit:cover;
          object-position: center;
          width: 100%;
          display: block;
        }
      }
    }
    #sponsor-list
    {
      background-color: #FFF9F5;
      padding-top:96px;
      padding-bottom:96px;
      >div
      {
        .content
        {
          margin-bottom: 24px;
          h2
          {
            font-size: 24px;
            line-height: 35px; /* 145.833% */
            letter-spacing: 0.96px;
            margin-bottom: 24px;;
          }

        }
        ul
        {
          margin-bottom: 24px;
          border:1px dashed $main-color;
          padding:40px;
          border-radius: 8px;
          li
          {
            margin-bottom: 16px;
            &:has(span)
            {
              font-weight: 700;
              span
              {
                display: block;
                font-weight: 400;
              }
            }

            &:last-child
            {
              margin-bottom: 0;
            }
            &::before
            {
              margin-right:5px;
              content:' ';
              width: 32px;
              height: 32px;
              display: inline-block;
              background:url("/webdata/tplimg/icon.png") no-repeat center center;
            }
          }
        }
      }
    }
    @media(min-width:768px)
    {
      #content
      {
        display: flex;
        align-items:center;
        .content
        {
          margin-right:5%;
          width: 45%;
        }
        >picture
        {
          margin-left: 5%;
          width: 45%;
        }
      }
      #sponsor-list
      {
        >div
        {
          display: flex;
          margin-bottom:98px;
          &:last-child
          {
            margin-bottom: 0;
          }
          
          &:nth-child(2n + 1)
          {
            .content
            {
              margin-right:5%;
              width: 45%;
            }
            ul
            {
              margin-left: 5%;
              width: 45%;
            }
          }
          &:nth-child(2n)
          {
            .content
            {
              margin-left:5%;
              width: 45%;
              order:1;
            }
            ul
            {
              margin-right:5%;
              width: 45%;
              order:0;
            }
          }
        }
      }
    }
  }
}