/* =========================================================
   kk-company2.css（会社概要専用・余白を確実に確保）
========================================================= */

/* 外側：左右の“呼吸”を作る（PC/スマホ共通） */
.kk-company2{
  max-width: 100%;
  margin: 0 auto;
  padding: 0 14px;  /* ←これで「左に寄りすぎ」を止める */
  box-sizing: border-box;
}

.kk-company2__title{
  margin: 0 0 14px;
  padding: 12px 14px;
  background: #f2f2f2;
  font-weight: 700;
}

/* テーブル */
.kk-company2__table{
  width: 100%;
  margin: 0 auto;
  border-collapse: collapse;
  table-layout: fixed;
  background: #fff;
}

/* セル余白：テーマに負けないように !important */
.kk-company2__table td{
  border: 1px solid #e6e6e6;
  padding: 14px 16px !important;   /* ←ここ重要 */
  vertical-align: top;
  min-width: 0;
  box-sizing: border-box;
}

/* 左列 */
.kk-company2__label{
  width: 28%;
  max-width: 240px;
  background: #f7f7f7;
  font-weight: 700;
}

/* 右列 */
.kk-company2__value{
  width: 72%;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* スマホ：縦積み（カード） */
@media (max-width: 768px){
  .kk-company2{ padding: 0 12px; } /* スマホは少しだけ詰める */

  .kk-company2__table,
  .kk-company2__table tbody,
  .kk-company2__table tr,
  .kk-company2__table td{
    display: block;
    width: 100%;
  }

  .kk-company2__table{
    border-collapse: separate;
    border-spacing: 0;
  }

  .kk-company2__table tr{
    border: 1px solid #e6e6e6;
    margin: 0 0 12px;
    background: #fff;
  }

  .kk-company2__table td{
    border: 0;
    padding: 14px 16px !important;
  }

  .kk-company2__label{
    max-width: none;
    border-bottom: 1px solid #e6e6e6;
  }
}