@charset "UTF-8";
.incl-wrap {

  .comp-tbl {

    .comparison-ttl {
      margin: 0;
      font-size: 2.5em;
      text-align: center;
      font-weight: bold;
    }

    table {
      border: 1px solid #d6d6d6;
      border-collapse: collapse;

      position:relative;

      width: 100%;
      margin: 2.3% 0 0;
      table-layout: fixed;
    }

    td,
    th {
      border: 1px solid #d6d6d6;
      /*border-collapse: collapse;*/
    }

    tr {
      text-align: left;
      font-size: 0.9em;
    }

    tr:nth-child(odd) th,
    tr:nth-child(odd) {
      background: #fff;
    }

    tr:nth-child(even) th,
    tr:nth-child(even) {
      background: #f7f7f7;
    }

    th {
      position: sticky;
      left: 0;
      z-index: 2;

      padding: 12px 10px;
      box-sizing: border-box;
      font-weight: normal;
      white-space: nowrap;
    }

    td {
      width: auto;
      padding: 12px 10px;
      box-sizing: border-box;
    }

    .comp-tbl--items {
      font-size: 1em;
      text-align: center;
      vertical-align: top;
    }

    .comp-tbl--items .items-headline {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 3em;
      padding-bottom: 10px;
      box-sizing: border-box;
    }

    .comp-tbl--items th {
      padding-top: 24px;
      font-weight: bold !important;
    }

    .comp-tbl--items td {
      padding-top: 24px;
      font-weight: bold !important;
    }

    .items-img {
      display: block;
      width: 100%;
      margin: 0 auto 0;
    }
.items-img img {
  max-height: 170px;

      max-width: 100%;
      width: auto;
    }

    .main-item {
      background: #eaf6ff;
    }
  }

  /* ctbl-sticky */
  .comp-tbl.ctbl-sticky {
    position: relative;
    overflow: hidden;
    overflow-x: scroll;

    /*table{*/
      /*background-clip: padding-box;*/
    /*}*/

    th:first-child {
      position: sticky;
      left: 0;
      z-index: 2;
    }
  }
  /* ctbl-sticky */

}