<turbo-stream action="replace" target="company_profile_product_lines_mobile_sort"><template>
  
<div id="company_profile_product_lines_mobile_sort"
     class="visible-tablet dropdown m-4"
     data-controller="toggle-class"
     data-toggle-class-css-class="is-active"
     data-toggle-class-target="el">
  <div class="dropdown-trigger full-width">
    <button class=" button full-width has-text-align-left is-justify-content-flex-start"
            
            data-action="click->toggle-class#toggle">
      <span>Sort: Product Line [Z-A]</span>
      <span class="icon ml-auto mr-2">
        <i class="fas fa-angle-down"></i>
      </span>
    </button>
  </div>
  <div class="dropdown-menu-wrapper full-width">
    <div class="dropdown-menu full-width">
      <div class="dropdown-content">
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=932&amp;sort%5Breporting_segment_name%5D=asc">Reporting Segment [A-Z]</a>
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=932&amp;sort%5Breporting_segment_name%5D=desc">Reporting Segment [Z-A]</a>
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=932&amp;sort%5Bname%5D=asc">Product Line [A-Z]</a>
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=932&amp;sort%5Bname%5D=desc">Product Line [Z-A]</a>
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=932&amp;sort%5Bmetric_amount_raw%5D=desc">Product Line Amount High to Low</a>
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=932&amp;sort%5Bmetric_amount_raw%5D=asc">Product Line Amount Low to High</a>
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=932&amp;sort%5Bmetric_percentage%5D=desc">Product Line Percentage High to Low</a>
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=932&amp;sort%5Bmetric_percentage%5D=asc">Product Line Percentage Low to High</a>
      </div>
    </div>
  </div>
</div>

</template></turbo-stream>
<turbo-stream action="replace" target="company_profile_product_lines_table_header"><template>
  
<table id="company_profile_product_lines_table_header"
       class="table is-hoverable">
  <thead class="visible-non-tablet">
    <tr class="is-black ">
      <th class="is-vcentered" scope="col"><a class="has-text-white is-flex" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=932&amp;sort%5Breporting_segment_name%5D=asc"><span>Reporting Segment</span><span class="material-symbols-outlined is-size-5"></span></a></th>
      <th class="is-vcentered" scope="col"><a class="has-text-white is-flex" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=932&amp;sort%5Bname%5D="><span>Product Line</span><span class="material-symbols-outlined is-size-5">arrow_drop_down</span></a></th>
      <th class="is-vcentered has-text-right" scope="col"><a class="has-text-white is-flex" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=932&amp;sort%5Bmetric_amount_raw%5D=asc"><span>Amount (JPY)</span><span class="material-symbols-outlined is-size-5"></span></a></th>
      <th class="is-vcentered has-text-right has-text-white" scope="col"><a class="has-text-white is-flex" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=932&amp;sort%5Bmetric_percentage%5D=asc"><span>Percentage</span><span class="material-symbols-outlined is-size-5"></span></a></th>
    </tr>
  </thead>

  <thead class="visible-tablet">
    <tr class="is-black">
      <th class="is-vcentered">
        <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
          keyboard_arrow_right
        </span>
      </th>
      <th class="is-vcentered">
        Reporting Segment &amp; Product Line
      </th>
      <th class="is-vcentered has-text-right">
        Amount (JPY)
      </th>
      <th class="is-vcentered has-text-right">
        Percentage
      </th>
    </tr>
  </thead>
</table>

</template></turbo-stream>
<turbo-stream action="replace" target="company_profile_product_lines_table_body"><template>
  
<div class="table-container"
     id="company_profile_product_lines_table_body">
  <table class="table is-hoverable ">
    <tbody class="visible-non-tablet ">

        <tr class="zero-revenue-pl">
          <td class="is-vcentered">
            Green Energy &amp; Mobility
          </td>

          <td class="is-vcentered">
            <div>
              Wind Power Facility Construction
            </div>
            <div class="is-size-7 ">
              These companies are contracted to build wind power facilities.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            Non-Attributed
          </td>

          <td class="has-text-right is-vcentered">
              <div class="is-flex is-align-items-center is-justify-content-right"
                   data-controller="tooltip">
                <span>Non-Attributed</span>

                <span class="ml-2 has-cursor-default material-symbols-outlined is-size-6"
                      data-tooltip-target="trigger">help</span>

                <span data-tooltip-target="content">
                  <span class="has-text-weight-semibold">Why Zero?</span> Explanation of what the heck's going on here.
                </span>
              </div>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Green Energy &amp; Mobility
          </td>

          <td class="is-vcentered">
            <div>
              Trains for Mass Transit
            </div>
            <div class="is-size-7 has-text-grey">
              These companies manufacture trains used in mass transportation, including both subway and high-speed trains and systems.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.62T
          </td>

          <td class="has-text-right is-vcentered">
              <span>5.60%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Green Energy &amp; Mobility
          </td>

          <td class="is-vcentered">
            <div>
              Renewable Power Plant Construction
            </div>
            <div class="is-size-7 has-text-grey">
              These companies are contracted to build renewable power plants.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.18T
          </td>

          <td class="has-text-right is-vcentered">
              <span>1.68%</span>
          </td>
        </tr>

        <tr class="zero-revenue-pl">
          <td class="is-vcentered">
            Others
          </td>

          <td class="is-vcentered">
            <div>
              Quantum Computing Research and Development
            </div>
            <div class="is-size-7 ">
              These companies research quantum computing systems for businesses and governments. They are used for a variety of purposes, including data analytics, design rendering, etc.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            Non-Attributed
          </td>

          <td class="has-text-right is-vcentered">
              <div class="is-flex is-align-items-center is-justify-content-right"
                   data-controller="tooltip">
                <span>Non-Attributed</span>

                <span class="ml-2 has-cursor-default material-symbols-outlined is-size-6"
                      data-tooltip-target="trigger">help</span>

                <span data-tooltip-target="content">
                  <span class="has-text-weight-semibold">Why Zero?</span> Explanation of what the heck's going on here.
                </span>
              </div>
          </td>
        </tr>

        <tr class="zero-revenue-pl">
          <td class="is-vcentered">
            Professional Football Club
          </td>

          <td class="is-vcentered">
            <div>
              Professional Sports Team
            </div>
            <div class="is-size-7 ">
              These companies own professional sports teams. 
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            Non-Attributed
          </td>

          <td class="has-text-right is-vcentered">
              <div class="is-flex is-align-items-center is-justify-content-right"
                   data-controller="tooltip">
                <span>Non-Attributed</span>

                <span class="ml-2 has-cursor-default material-symbols-outlined is-size-6"
                      data-tooltip-target="trigger">help</span>

                <span data-tooltip-target="content">
                  <span class="has-text-weight-semibold">Why Zero?</span> Explanation of what the heck's going on here.
                </span>
              </div>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Automotive System Business
          </td>

          <td class="is-vcentered">
            <div>
              Powertrain Systems for Automobiles; sold to OEMs
            </div>
            <div class="is-size-7 has-text-grey">
              These companies manufacture powertrain systems for automobiles (consumer passenger cars) and sell directly to original equipment manufacturers.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.62T
          </td>

          <td class="has-text-right is-vcentered">
              <span>5.67%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Green Energy &amp; Mobility
          </td>

          <td class="is-vcentered">
            <div>
              Power Plant Construction
            </div>
            <div class="is-size-7 has-text-grey">
              These companies are contracted to build power plants.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.14T
          </td>

          <td class="has-text-right is-vcentered">
              <span>1.31%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Green Energy &amp; Mobility
          </td>

          <td class="is-vcentered">
            <div>
              Power Grid Network Monitoring Hardware (outsourced)
            </div>
            <div class="is-size-7 has-text-grey">
              These companies outsource the manufacturing of hardware used to monitor an electricity network, such as communication modules and access points and sell directly to their customers.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            1.11T
          </td>

          <td class="has-text-right is-vcentered">
              <span>10.08%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Automotive System Business
          </td>

          <td class="is-vcentered">
            <div>
              Motorcycle Non-electric Component Assemblies
            </div>
            <div class="is-size-7 has-text-grey">
              These establishments manufacture non-electric component assemblies, like transmission components, brakes, suspension, etc for motorcycles.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.3T
          </td>

          <td class="has-text-right is-vcentered">
              <span>2.76%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Hitachi Construction Machinery 
          </td>

          <td class="is-vcentered">
            <div>
              Mining and Construction Equipment; sold through distributor
            </div>
            <div class="is-size-7 has-text-grey">
              These companies manufacture mining and construction equipment, such as loaders, excavators, and asphalt paving equipment, and sell them through wholesalers or distributors.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            1.02T
          </td>

          <td class="has-text-right is-vcentered">
              <span>9.33%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Digital Systems &amp; Services
          </td>

          <td class="is-vcentered">
            <div>
              IT Services
            </div>
            <div class="is-size-7 has-text-grey">
              These companies perform business process outsourcing, with an emphasis on IT support.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            2.15T
          </td>

          <td class="has-text-right is-vcentered">
              <span>19.60%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Others
          </td>

          <td class="is-vcentered">
            <div>
              Hard Drives and Flash Drives for Computers; sold to OEMs
            </div>
            <div class="is-size-7 has-text-grey">
              These companies manufacture flash hard drives and flash drives that serve as memory storage for consumer electronics and sell directly to original equipment manufacturers.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.46T
          </td>

          <td class="has-text-right is-vcentered">
              <span>4.15%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Connective Industries
          </td>

          <td class="is-vcentered">
            <div>
              Elevators and Escalators
            </div>
            <div class="is-size-7 has-text-grey">
              These companies manufacture elevators and escalators for real estate.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            1.22T
          </td>

          <td class="has-text-right is-vcentered">
              <span>11.06%</span>
          </td>
        </tr>

        <tr class="zero-revenue-pl">
          <td class="is-vcentered">
            Green Energy &amp; Mobility
          </td>

          <td class="is-vcentered">
            <div>
              Electricity Interconnection Services
            </div>
            <div class="is-size-7 ">
              These companies build cable lines that connecting the electricity substations.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            Non-Attributed
          </td>

          <td class="has-text-right is-vcentered">
              <div class="is-flex is-align-items-center is-justify-content-right"
                   data-controller="tooltip">
                <span>Non-Attributed</span>

                <span class="ml-2 has-cursor-default material-symbols-outlined is-size-6"
                      data-tooltip-target="trigger">help</span>

                <span data-tooltip-target="content">
                  <span class="has-text-weight-semibold">Why Zero?</span> Explanation of what the heck's going on here.
                </span>
              </div>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Hitachi Metals
          </td>

          <td class="is-vcentered">
            <div>
              Diversified Metal Components
            </div>
            <div class="is-size-7 has-text-grey">
              These establishments manufacture components from diversified metals, like aluminum, copper, and steel.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.94T
          </td>

          <td class="has-text-right is-vcentered">
              <span>8.58%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Connective Industries
          </td>

          <td class="is-vcentered">
            <div>
              Diversified Components and Equipment
            </div>
            <div class="is-size-7 has-text-grey">
              These companies make diversified components and equipment for commercial and industrial use.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.91T
          </td>

          <td class="has-text-right is-vcentered">
              <span>8.30%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Connective Industries
          </td>

          <td class="is-vcentered">
            <div>
              Diversified Analytical Research Equipment
            </div>
            <div class="is-size-7 has-text-grey">
              These companies manufacture analytical research equipment used by diversified industries and sell directly to their customers.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.64T
          </td>

          <td class="has-text-right is-vcentered">
              <span>5.78%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Automotive System Business
          </td>

          <td class="is-vcentered">
            <div>
              Chassis Modules for Automobiles; sold to OEMs
            </div>
            <div class="is-size-7 has-text-grey">
              These companies manufacture chassis modules for automobiles (consumer passenger cars) and sell directly to original equipment manufacturers. chassis modules are as the primary structural component onto which other parts like suspension, steering, and brakes are affixed.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.67T
          </td>

          <td class="has-text-right is-vcentered">
              <span>6.11%</span>
          </td>
        </tr>
    </tbody>

    <tbody class="visible-tablet ">

        <tr class="pl-row zero-revenue-pl"
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Green Energy &amp; Mobility
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Wind Power Facility Construction
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            Non-Attributed
          </td>

          <td class="has-text-right is-vcentered">
              <div class="is-flex is-align-items-center is-justify-content-right"
                   data-controller="tooltip">
                <span>Non-Attributed</span>

                <span class="ml-2 has-cursor-default material-symbols-outlined is-size-6"
                      data-tooltip-target="trigger">help</span>

                <span data-tooltip-target="content">
                  <span class="has-text-weight-semibold">Why Zero?</span> Explanation of what the heck's going on here.
                </span>
              </div>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">
              <div class="is-size-7 mb-2 is-flex is-align-items-center is-justify-content-flex-start">
                <span class="material-symbols-outlined is-size-7 mr-2">help</span>
                <span class="has-text-weight-semibold mr-2">Why Zero?</span> Explanation of what the heck's going on here.
              </div>

            <div class="pl-description is-size-7 ">
              These companies are contracted to build wind power facilities.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Green Energy &amp; Mobility
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Trains for Mass Transit
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.62T
          </td>

          <td class="has-text-right is-vcentered">
              <span>5.60%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies manufacture trains used in mass transportation, including both subway and high-speed trains and systems.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Green Energy &amp; Mobility
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Renewable Power Plant Construction
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.18T
          </td>

          <td class="has-text-right is-vcentered">
              <span>1.68%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies are contracted to build renewable power plants.
            </div>
          </td>
        </tr>

        <tr class="pl-row zero-revenue-pl"
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Others
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Quantum Computing Research and Development
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            Non-Attributed
          </td>

          <td class="has-text-right is-vcentered">
              <div class="is-flex is-align-items-center is-justify-content-right"
                   data-controller="tooltip">
                <span>Non-Attributed</span>

                <span class="ml-2 has-cursor-default material-symbols-outlined is-size-6"
                      data-tooltip-target="trigger">help</span>

                <span data-tooltip-target="content">
                  <span class="has-text-weight-semibold">Why Zero?</span> Explanation of what the heck's going on here.
                </span>
              </div>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">
              <div class="is-size-7 mb-2 is-flex is-align-items-center is-justify-content-flex-start">
                <span class="material-symbols-outlined is-size-7 mr-2">help</span>
                <span class="has-text-weight-semibold mr-2">Why Zero?</span> Explanation of what the heck's going on here.
              </div>

            <div class="pl-description is-size-7 ">
              These companies research quantum computing systems for businesses and governments. They are used for a variety of purposes, including data analytics, design rendering, etc.
            </div>
          </td>
        </tr>

        <tr class="pl-row zero-revenue-pl"
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Professional Football Club
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Professional Sports Team
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            Non-Attributed
          </td>

          <td class="has-text-right is-vcentered">
              <div class="is-flex is-align-items-center is-justify-content-right"
                   data-controller="tooltip">
                <span>Non-Attributed</span>

                <span class="ml-2 has-cursor-default material-symbols-outlined is-size-6"
                      data-tooltip-target="trigger">help</span>

                <span data-tooltip-target="content">
                  <span class="has-text-weight-semibold">Why Zero?</span> Explanation of what the heck's going on here.
                </span>
              </div>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">
              <div class="is-size-7 mb-2 is-flex is-align-items-center is-justify-content-flex-start">
                <span class="material-symbols-outlined is-size-7 mr-2">help</span>
                <span class="has-text-weight-semibold mr-2">Why Zero?</span> Explanation of what the heck's going on here.
              </div>

            <div class="pl-description is-size-7 ">
              These companies own professional sports teams. 
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Automotive System Business
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Powertrain Systems for Automobiles; sold to OEMs
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.62T
          </td>

          <td class="has-text-right is-vcentered">
              <span>5.67%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies manufacture powertrain systems for automobiles (consumer passenger cars) and sell directly to original equipment manufacturers.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Green Energy &amp; Mobility
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Power Plant Construction
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.14T
          </td>

          <td class="has-text-right is-vcentered">
              <span>1.31%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies are contracted to build power plants.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Green Energy &amp; Mobility
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Power Grid Network Monitoring Hardware (outsourced)
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            1.11T
          </td>

          <td class="has-text-right is-vcentered">
              <span>10.08%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies outsource the manufacturing of hardware used to monitor an electricity network, such as communication modules and access points and sell directly to their customers.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Automotive System Business
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Motorcycle Non-electric Component Assemblies
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.3T
          </td>

          <td class="has-text-right is-vcentered">
              <span>2.76%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These establishments manufacture non-electric component assemblies, like transmission components, brakes, suspension, etc for motorcycles.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Hitachi Construction Machinery 
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Mining and Construction Equipment; sold through distributor
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            1.02T
          </td>

          <td class="has-text-right is-vcentered">
              <span>9.33%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies manufacture mining and construction equipment, such as loaders, excavators, and asphalt paving equipment, and sell them through wholesalers or distributors.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Digital Systems &amp; Services
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                IT Services
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            2.15T
          </td>

          <td class="has-text-right is-vcentered">
              <span>19.60%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies perform business process outsourcing, with an emphasis on IT support.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Others
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Hard Drives and Flash Drives for Computers; sold to OEMs
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.46T
          </td>

          <td class="has-text-right is-vcentered">
              <span>4.15%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies manufacture flash hard drives and flash drives that serve as memory storage for consumer electronics and sell directly to original equipment manufacturers.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Connective Industries
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Elevators and Escalators
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            1.22T
          </td>

          <td class="has-text-right is-vcentered">
              <span>11.06%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies manufacture elevators and escalators for real estate.
            </div>
          </td>
        </tr>

        <tr class="pl-row zero-revenue-pl"
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Green Energy &amp; Mobility
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Electricity Interconnection Services
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            Non-Attributed
          </td>

          <td class="has-text-right is-vcentered">
              <div class="is-flex is-align-items-center is-justify-content-right"
                   data-controller="tooltip">
                <span>Non-Attributed</span>

                <span class="ml-2 has-cursor-default material-symbols-outlined is-size-6"
                      data-tooltip-target="trigger">help</span>

                <span data-tooltip-target="content">
                  <span class="has-text-weight-semibold">Why Zero?</span> Explanation of what the heck's going on here.
                </span>
              </div>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">
              <div class="is-size-7 mb-2 is-flex is-align-items-center is-justify-content-flex-start">
                <span class="material-symbols-outlined is-size-7 mr-2">help</span>
                <span class="has-text-weight-semibold mr-2">Why Zero?</span> Explanation of what the heck's going on here.
              </div>

            <div class="pl-description is-size-7 ">
              These companies build cable lines that connecting the electricity substations.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Hitachi Metals
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Diversified Metal Components
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.94T
          </td>

          <td class="has-text-right is-vcentered">
              <span>8.58%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These establishments manufacture components from diversified metals, like aluminum, copper, and steel.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Connective Industries
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Diversified Components and Equipment
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.91T
          </td>

          <td class="has-text-right is-vcentered">
              <span>8.30%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies make diversified components and equipment for commercial and industrial use.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Connective Industries
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Diversified Analytical Research Equipment
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.64T
          </td>

          <td class="has-text-right is-vcentered">
              <span>5.78%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies manufacture analytical research equipment used by diversified industries and sell directly to their customers.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Automotive System Business
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Chassis Modules for Automobiles; sold to OEMs
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.67T
          </td>

          <td class="has-text-right is-vcentered">
              <span>6.11%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies manufacture chassis modules for automobiles (consumer passenger cars) and sell directly to original equipment manufacturers. chassis modules are as the primary structural component onto which other parts like suspension, steering, and brakes are affixed.
            </div>
          </td>
        </tr>
    </tbody>
  </table>
</div>

</template></turbo-stream>