/* =========================================
   個人契約ページ専用 比較表
   他CSSとの競合を避けるため kojinkeiyaku 接頭辞を付与
========================================= */

.kojinkeiyaku-comparison-table-wrap{
  width:100%;
  overflow-x:auto;
  margin:24px 0 28px;
  -webkit-overflow-scrolling:touch;
}

.kojinkeiyaku-comparison-table{
  width:100%;
  min-width:640px;
  border-collapse:separate;
  border-spacing:0;
  table-layout:fixed;
  background:#fff;
  border:1px solid #d8e2ee;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 8px 24px rgba(0,0,0,0.06);
}

.kojinkeiyaku-comparison-table th,
.kojinkeiyaku-comparison-table td{
  padding:16px 14px;
  font-size:15px;
  line-height:1.8;
  vertical-align:middle;
  border-bottom:1px solid #e7eef5;
  word-break:break-word;
  background:#fff;
}

.kojinkeiyaku-comparison-table thead th{
  background:#1f3f66;
  color:#fff;
  font-weight:700;
  text-align:center;
  border-bottom:none;
}

.kojinkeiyaku-comparison-table thead th:first-child{
  width:22%;
  border-top-left-radius:14px;
}

.kojinkeiyaku-comparison-table thead th:nth-child(2),
.kojinkeiyaku-comparison-table thead th:nth-child(3){
  width:39%;
}

.kojinkeiyaku-comparison-table thead th:last-child{
  border-top-right-radius:14px;
}

.kojinkeiyaku-comparison-table tbody th{
  background:#f4f8fc;
  color:#1f3f66;
  font-weight:700;
  text-align:left;
}

.kojinkeiyaku-comparison-table tbody td{
  text-align:left;
}

.kojinkeiyaku-comparison-table tbody tr:nth-child(even) td{
  background:#fbfdff;
}

.kojinkeiyaku-comparison-table tbody tr:last-child th,
.kojinkeiyaku-comparison-table tbody tr:last-child td{
  border-bottom:none;
}

@media only screen and (max-width:767px){

  .kojinkeiyaku-comparison-table-wrap{
    margin:20px 0 24px;
  }

  .kojinkeiyaku-comparison-table{
    min-width:560px;
  }

  .kojinkeiyaku-comparison-table th,
  .kojinkeiyaku-comparison-table td{
    padding:13px 10px;
    font-size:13px;
    line-height:1.7;
  }
}