@charset "utf-8";
/* ======================================================
   会社案内ページ（page-company.css）
====================================================== */

table {
  font-size: 2rem;
  /* width: 75%; */
  border-collapse: collapse;
  border: 1px solid #193078;
  background-color: #fff;
  text-align: center;
  font-weight: 500;
}
table th, table td {
  border: 1px solid #193078;
  vertical-align: middle;
}
table th, table td {
  padding: 20px 10px;
}
table a {
  text-decoration: underline;
}
.table-wrapper {
  padding-bottom: 15px;
  overflow-x: auto;
  max-width: 100%;
  -webkit-overflow-scrolling: touch; /* スマホ滑らかスクロール用 */

}
/* Chrome,Safariでのスクロールバーデザイン */
.table-wrapper::-webkit-scrollbar {
  height: 15px;
}
.table-wrapper::-webkit-scrollbar-track {
  background-color: #fff;

}
.table-wrapper::-webkit-scrollbar-thumb {
  background-color: #D9D9D9;
  border-radius: 5px; 
  margin: 6px; 
  border: 3px solid transparent; 
  background-clip: content-box;
}

/* -----------------------------------------
   PROFILEセクション
------------------------------------------ */
.profile {
    /* padding: 80px 0; */
}
.profile-table {
  border: none;
    width: 100%;
    max-width: 900px;
    margin: 82px auto 0;
  }
  .profile-table th,
  .profile-table td {
    border: none;
    border-bottom: 1px solid #193078;
    vertical-align: top;
  }
  .profile-table tr:last-child th, .profile-table tr:last-child td {
    border-bottom: none;
  }
  .profile-table th {
    width: 50%;
    font-weight: bold;
    text-align: left;
    color: #000;
  }
.profile-table td {
  text-align: left;
}

/* -----------------------------------------
   FACTORYセクション
------------------------------------------ */

 /* factory共通 */
 .factory .section-content {
  margin-top: 90px;
 }
 .factory .section-content:first-of-type {
  margin-top: 40px;
 }
 .factory table {
  width: 920px;
 }

 .factory table th {
    background-color: #EFF2F9;
    height: 60px;
    font-weight: 500;
}
.factory table td {
  height: 60px;
}
.factory {
    background-color: #F2F2F2;
}
.factory-row {
    margin-top: 40px;
     display: flex;
     justify-content: space-between;
     gap: 20px;
     align-items: flex-start;
   }
   .factory-image-list {
    gap: 8px;
    flex-shrink: 0;
    width: 250px;
    max-width: 100%;
  }
  .factory-image-list img {
    /* width: 48%; */
    height: auto;
    object-fit: cover;
    display: block;
  }
 
/* 審査及び認証、認定機関 */
.factory .factory-table1 {
  margin-top: 30px;
  width: 1200px;
}
.factory .factory-table1 td {
  height: 180px;
}
.factory-table1 th, .factory-table1 td {
width: 320px;
}
.factory-table1 th:nth-child(2), .factory-table1 td:nth-child(2) {
  width: 240px;
} 
/* 工場設備概容 */

/* バッチャープラント */

.factory-table2 th:nth-child(1), .factory-table2 td:nth-child(1) {
  width: 270px;
} 
.factory-table2 th:nth-child(2), .factory-table2 td:nth-child(2) {
  width: 450px;
} 
.factory-table2 th:nth-child(3), .factory-table2 td:nth-child(3) {
  width: 200px;
} 

/* 骨材設備関係 */
.factory-table4 {
   white-space: nowrap;
}
.factory-table4 .row1 {
width: 160px;
}
/* 混和剤貯蔵設備 */
 .factory-table6 .row3 {
    text-align: left;
  }
  .factory-table8 th:nth-child(1), .factory-table8 td:nth-child(1) {
    width: 270px;
  } 
  .factory-table8 tr:nth-child(2) td, .factory-table8 tr:nth-child(2) th {
    width: 150px;
  } 
  .factory-table8 th:last-child, .factory-table8 td:last-child {
    width: 200px;
  } 
/* 運搬設備 */
    .factory-image-list8 {
   display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
   .factory-image-list8 img {
    width: 120px;
  }
/* 主要原材料の種類銘柄及び産地等の概容 */
.factory .factory-table9 {
  width: 1200px;
  margin-top: 30px;
}

/* ======================================================
   HISTORYセクション
====================================================== */
.history {
  margin-bottom: 15.625%;
}
.history .section-content {
  margin-top: 40px;
}
.history-table {
  width: 75%;
  margin: 0 auto;
  border: none;
}
.history-table th,
.history-table td {
 border: none;
 border-bottom: 1px solid #193078;
 line-height: 2;
 vertical-align: top;
}
.history-table tr:last-child th, .history-table tr:last-child td {
  border-bottom: none;
}
.history-table th {
  width: 21%;
  background-color: #EFF2F9;
  font-weight: 700;
  text-align: left;
  padding-left: 20px;
}
.history-table td {
  text-align: left;
  padding-left: 58px;
}
.history-table th .sp-br {
  display: none;
}