@charset "UTF-8";

.table_inner {
  width: 100%;
}
.table_row[data-label-name] {
  display: none;
}
.table_row[data-label-name].is_active {
  display: block;
}
.table_ttl {
  color: #104c9c;
  font-weight: bold;
  vertical-align: baseline;
  line-height: 1.5;
  text-align: left;
}
.table_txt {
  color: #2d3636;
  display: block;
}
.tabel_contact {
  text-align: center;
}
.score_ttl {
  color: #104c9c;
  font-weight: bold;
  line-height: 1.5;
}
.score_txt {
  color: #2d3636;
}
.br_sp {
 display: none;
}

@media screen and (min-width:767px)
{
  .table {
    margin-top: 32px;
  }
  .table {
    border: 1px solid #e7eded;
  }
  .table_row:not(:last-child) {
    border-bottom: 1px solid #e7eded;
  }
  .table_ttl {
    font-size: 14px;
    background-color: #f2f4f6;
    width: 160px;
    padding: 16px;
  }
  .table_txt {
    padding: 16px;
    font-size: 14px;
    line-height: 1.5;
  }
  .table_link {
    margin-left: 1em;
  }
  .table_item:not(:first-child) {
    margin-top: 16px;
  }
  * + .table {
    margin-top: 16px;
  }
  .tabel_summarize {
    text-align: center;
  }
  .score_inner {
    border: 1px solid #e7eded;
  }
  .score_ttl {
    font-size: 14px;
    background-color: #f2f4f6;
    width: 100px;
    padding: 16px;
    border-bottom: 1px solid #e7eded;
  }
  .score_txt {
    font-size: 14px;
    text-align: center;
    border-bottom: 1px solid #e7eded;
  }
}

@media screen and (max-width: 767px) {
  .table {
    margin-top: 4vw;
  }
  .link {
    font-size: 4vw;
  }
  .link:active {
    text-decoration: none;
  }
  .table {
    border-top: 1px solid #e7eded;
    border-bottom: 1px solid #e7eded;
  }
  .table_row:not(:last-child) {
    border-bottom: 1px solid #e7eded;
  }
  .table_ttl {
    display: block;
    text-align: left;
    padding: 4vw 0 2vw 0;
    font-size: 4vw;
  }
  .table_txt {
    padding-bottom: 4vw;
    line-height: 1.5;
    font-size: 4vw;
  }
  .table_link {
    display: block;
    margin-top: 0.5em;
  }
  * + .table {
    margin-top: 4vw;
  }
  .tabel_summarize {
    text-align: left;
  }
  .score_inner {
    width: 80%;
  }
  .score_inner .score_thead {
    display: none;
  }
  .score_inner tr {
    width: 100%;
  }
  .score_inner td {
    display: block;
    text-align: right;
    width: 100%;
  }
  .score_inner td:first-child {
    text-align: left;
    padding: 4vw 0 2vw 0;
  }
  .score_inner td:before {
    content: attr(data-ttl);
    float: left;
    margin-right: 10px;
  }
  .score_ttl {
    font-size: 4vw;
  }
  .score_txt {
    font-size: 4vw;
  }
  .score_sp_hide {
    display: none;
  }
  .br_sp {
    display: block;
  }
  .none_sp {
    display: none;
  }
}