.tab-container {
  display: flex;
  justify-content: center;
  width: 48.4rem;
  margin-left: 18rem;
}

.tab {
  padding: 1.5rem 2.2rem;
  cursor: pointer;
  border-radius: 1rem 1rem 0 0;
  border: 1px solid #A0A8B6;
  background: #FFF;
  color: var(--text-black, #232323);
  text-align: center;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 700;
  width:242px;
}

.tab.active {
  border-radius: 1rem 1rem 0px 0px;
  background: #FFFBF3;
  border:none;
  font-weight: 900;
}

.table-container {
  padding: 4rem 18rem 8rem;
  background: #FFFBF3;
}

.spec-table {
  width: 100%;
  margin: 0 auto;
  border-collapse: collapse;
  box-shadow: 3px 3px 11px rgba(96, 108, 137, 0.13);
  min-width: unset;
}

.spec-table th:first-of-type,
.spec-table td:first-of-type {
  background: var(--grey-border, #F8F8F8);
}


.spec-table th {
  border: 1px solid var(--line, #D1D1D1);
  background: #fff;
  text-align: left;
  padding: 2.4rem;
}

.spec-table td {
  padding: 2.4rem;
  background: #fff;
  color: var(--text-black, #232323);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 28.8px */
  border: 1px solid var(--line, #D1D1D1);
}

.spec-table td:first-of-type {
  color: var(--text-black, #232323);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 180%; /* 28.8px */
}

.spec-table img {
  max-width: 18.2rem !important;
  height: auto;
}

@media (max-width: 1024px) {
  .table-container {
    padding: 1.052rem 0 1.3rem;
  }
    
  .spec-table {
    width: calc(100% - 3.6rem);
  }
  .spec-table img {
    width: 100%
  }
}

 @media (max-width: 768px) {
  .environment-section {
    position: relative;
  }
  .tab-container {
    width: auto;
    margin: 0;
   }
   .tab {
     padding: 1.9rem 5rem;
     width: unset;
     font-size: 1.8rem;
     font-weight: 700;
   }
   .tab.active {
     margin-bottom: .8rem;
     border-radius: 1rem;
     background: #EDEDED;
   }
  .tab-container button:not(:first-of-type) {
    position: absolute;
    left: 50%;
    bottom: 3.2rem;
    transform: translateX(-50%);
    border-radius: 1rem;
    border: 1px solid #A0A8B6;
    padding: 2rem 5rem;
    color: var(--text_main, #333);
    line-height: 180%; /* 28.8px */
    width: 31rem;
  }
   .table-container {
     background: #FFFBF3;
     padding: 2.75rem 1.8rem;
     margin-bottom: 1.4rem
   }
  .spec-table td {
    font-size: 1.4rem;
    display:block;
   }
   
 .spec-table tbody:first-of-type tr:first-child td:first-child {
  display: none;
}

    display: none; /* 非表示にする */
  }
}