@charset "UTF-8";

#text_privacy {
  margin: 0 0 20px;
}

@media all and (min-width: 769px) {
  #text_privacy br{
    display: none;
  }
}

#credit {
  margin: 20px;
}

.cost{
  font-size: 16px;
  margin: 0 0 20px;
}
@media all and (min-width: 769px) {
  .cost br{
    display: none;
  }
}

.price {
  padding-bottom: 20px;
}

@media all and (min-width: 769px) {
  .price {
    padding-bottom: 20px;
    display: flex;
    justify-content: space-between;
  }
}

.left {
  width: auto;
  margin-bottom: 20px;
}

@media all and (min-width: 769px) {
  .left {
    margin-bottom: 0;
    width: 470px;
  }
}

.right {
  width: auto;
}

@media all and (min-width: 769px) {
  .right {
    width: 470px;
  }
}

.price table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  background: #fff;
}

@media all and (min-width: 769px) {
  .price table {
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 2px;
  }
}

.price table th,
.price table td {
  border: 1px solid #1a3478;
  text-align: left;
  padding: 5px 10px 3px;
  font-size: 16px;
  line-height: 1.5em;
  font-weight: bold;
}

.price table thead th {
  text-align: center;
  background: #c4f1ff;
  color: #1a3478;
}

.price table td {
  text-align: right;
}

.option table,
.option table thead,
.option table tbody,
.option table td,
.option table th,
.option table tr {
  display: block;
  width: 100%;
}

@media all and (min-width: 769px) {
  .option table {
    display: table;
  }

  .option table thead {
    display: table-header-group;
  }

  .option table tbody {
    display: table-row-group;
  }

  .option table tr {
    display: table-row;
  }

  .option table td,
  .option table th {
    display: table-cell;
    width: auto;
  }
}

.option table {
  width: 100%;
  margin-bottom: 20px;
  border-bottom: 1px solid #1a3478;
  background: #fff;
}

@media all and (min-width: 769px) {
  .option table {
    width: 100%;
    table-layout: fixed;
    border-bottom: 0;
  }
}

.option table:last-child {
  margin-bottom: 0;
}

.option table th,
.option table td {
  border: 1px solid #1a3478;
  border-bottom: 0;
  text-align: left;
  padding: 5px 10px 3px;
  vertical-align: middle;
}

@media all and (min-width: 769px) {

  .option table th,
  .option table td {
    border: 1px solid #1a3478;
    text-align: left;
    padding: 5px 10px 3px;
    vertical-align: middle;
  }
}

.option table thead th {
  text-align: center;
  background: #c4f1ff;
  color: #1a3478;
}

.option table tbody th {
  background: #fffae2;
}

@media all and (min-width: 769px) {
  .option table tbody th {
    background: transparent;
  }
}

.option table th {
  width: 100%;
}

@media all and (min-width: 769px) {
  .option table th {
    width: 200px;
  }
}

.legend{
  background: #edfdff;
  padding: 2px;
  margin-bottom: 20px;
}
.legend_title{
  border: 1px solid #1a3478;
  background: #1a3478;
  color: #fff;
  font-weight: bold;
  margin: 0 2px;
  padding: 5px 10px 3px;
  font-size: 16px;
}
.legend table {
  background: #edfdff;
  margin: 0
}

table#legend th,
table#legend td {
  border: 1px solid #1a3478;
}

table#legend thead th {
  background: #1a3478;
  color: #fff;
}