@charset "UTF-8";
.va-tb {
  vertical-align: text-bottom;
}

#planTable.planTable {
  width: 100%;
  border-radius: 15px;
  overflow: hidden;
  border: 3px solid #c4c4c4;
  box-sizing: border-box;
  display: table;
  border-collapse: separate;
  border-spacing: 0;
}
#planTable.planTable > thead,
#planTable.planTable > tbody {
  display: table-row-group;
}
#planTable.planTable > thead > tr,
#planTable.planTable > tbody > tr {
  display: table-row;
}
#planTable.planTable > thead > tr > th,
#planTable.planTable > tbody > tr > td {
  display: table-cell;
  border-radius: unset!important;
  border-color: #c9ccd5;
  border-style: solid;
  border-width: 0.5px;
  width: unset;
}

#planTable.planTable colgroup > col.planTable_col-plan {
  width: 14%;
}
#planTable.planTable colgroup > col.planTable_col-giga {
  width: 8%;
}
#planTable.planTable colgroup > col.planTable_col-place {
  width: 7%;
}
#planTable.planTable colgroup > col.planTable_col-fee {
  width: 22%;
}
#planTable.planTable colgroup > col.planTable_col-period {
  width: 22%;
}
#planTable.planTable colgroup > col.planTable_col-cashback {
  width: 18%;
}
#planTable.planTable colgroup > col.planTable_col-course-change {
  width: 40%;
}
#planTable.planTable colgroup > col.planTable_col-agreement-fee {
  width: 30%;
}
#planTable.planTable colgroup > col.planTable_col-construction-cost {
  width: 30%;
}

#planTable.planTable tr > th,
#planTable.planTable tr > td {
  color: #003078;
  line-height: 1;
  text-align: center;
  padding: 2% 1%;
  align-content: center;
}
#planTable.planTable tr > th {
  font-size: clamp(12px, calc(100vw * (16/1310)), 16px);
}
#planTable.planTable tr > th:first-child {
  background-color: #d6d6d6;
}
#planTable.planTable tr > th:not(:first-child) {
  background-color: #f4f4f4;
}
#planTable.planTable tr > td {
  font-size: clamp(12px, calc(100vw * (25/1310)), 25px);
  font-weight: bold;
}
#planTable.planTable tr .planTable_smaller {
  font-size: 0.7em;
}
#planTable.planTable .planTable_img img {
  width: auto;
  height: auto;
  max-width: 100%;
}
img[src$="icon-kodate.png"],
img[src$="icon-apartment.png"] {
  max-height: 25px;
}
#planTable.planTable .planTable_col-place img {
  max-width: 85%;
}

#planTable.planTable tr.planTable_row-n > td.planTable_col-plan {
  background-color: #25baff;
}
#planTable.planTable tr.planTable_row-n > td.planTable_col-giga {
  color: #25baff;
  background-color: #d2eef9;
}
#planTable.planTable tr.planTable_row-j > td.planTable_col-plan {
  background-color: #51b14b;
}
#planTable.planTable tr.planTable_row-j > td.planTable_col-giga {
  color: #51b14b;
  background-color: #d4eed9;
}
#planTable.planTable tr.planTable_row-s > td.planTable_col-plan {
  background-color: #ef8935;
}
#planTable.planTable tr.planTable_row-s > td.planTable_col-giga {
  color: #ef8935;
  background-color: #fbe6d1;
}
#planTable.planTable tr.planTable_row-wimax > td.planTable_col-plan {
  background-color: #f9b900;
}
#planTable.planTable tr.planTable_row-wimax > td.planTable_col-plan img {
  max-width: calc(100% - 1em);
}
#planTable.planTable.v02 tr .planTable_ttl {
  color: #fff;
  font-size: 16px;
  text-align: left;
}
#planTable.planTable.v02 tr .planTable_txt {
  font-size: 18px;
  text-align: right;
}

@media (max-width: 767px) {
#planTable.planTable.v02 tr .planTable_ttl {
  font-size: 14px;
}
#planTable.planTable.v02 tr .planTable_txt {
  font-size: 14px;
}
}