.plan-table-wrap{
  width: 100%;
  margin: 0;
  overflow-x: visible;
  box-sizing: border-box;
}

.plan-table{
  width: 100%;
  border-collapse: collapse;
}

table.plan-table{
  width: 100%;
  table-layout: fixed;
  font-size: 100%;
  line-height: 1.55;
  background: #fff;
  margin: 0;
}

.plan-table th,
.plan-table td{
  border: 1px solid #d0d7de;
  padding: 3px 8px;
  vertical-align: top;
  word-break: break-word;
}

.plan-table thead th{
  background: #f6f8fa;
  font-weight: 700;
  text-align: center;
}

.plan-table tbody th[scope="row"]{
  background: #fbfbfb;
  font-weight: 700;
  text-align: left;
}

.plan-table col.col-item{ width: 13%; }
.plan-table col.col-plan{ width: 26%; }

.mark{
  font-weight: 800;
  font-size: 120%;
  letter-spacing: 0.02em;
}

.note{
  display: inline-block;
  margin-top: 0.5em;
  font-size: 85%;
  color: #555;
}

.note br{
  line-height: 1.6;
}

@media (max-width: 768px){
  table.plan-table{
    font-size: 90%;
  }

  .plan-table th,
  .plan-table td{
    padding: 6px;
  }

  .mark{
    font-size: 110%;
  }

  .note{
    font-size: 75%;
    margin-top: 0.3em;
  }
}