* {
  box-sizing:border-box;
}

body {
  margin:0;
  background:#f4f6f9;
  color:#000000;
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
  line-height:1.5;
}

main {
  max-width:1280px;
  margin:64px auto;
  padding:0 28px;
}

/* header {
  margin-bottom:28px;
} */

h1 {
  font-size:32px;
  letter-spacing:-.8px;
  margin:0 0 6px;
  color:#102c4c;
}

header p {
  margin:0;
  color:#5d6d7f;
}

table {
  width:100%;
  border-collapse:collapse;
  background:white;
}

th {
  background:#025193;
  color:white;
  font-size:13px;
  text-align:left;
  padding:18px 16px;
  border:1px solid #233e5c;
}

td {
  padding:21px 16px;
  border:1px solid #d5dde6;
  vertical-align:middle;
}

tbody tr:nth-child(even) {
  background:#fafbfd;
}

th:nth-child(2),td:nth-child(2) {
  text-align:center;
}

th:last-child,td:last-child {
  text-align:center;
}

th:nth-child(1) {
  width:19%;
}

th:nth-child(2) {
  width:8%;
}

th:nth-child(3) {
  width:20%;
}

th:nth-child(4) {
  width:18%;
}

th:nth-child(5) {
  width:21%;
}

.contact {
  font-size:13px;
  overflow-wrap:anywhere;
}

.contact a {
  color:#0000ff;
  text-decoration:underline;
}

.contact a:hover {
  text-decoration:underline;
}

.button {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  min-height:44px;
  min-width:112px;
  padding:10px 14px;
  border-radius:5px;
  background:#0000ff;
  color:#fff;
  text-decoration:none;
  font-size:13px;
  font-weight:600;
  line-height:1.3;
  transition:background .15s;
}

.button:hover {
  background:#eeeeee;
}

.button:focus-visible,a:focus-visible {
  outline:3px solid #e1a53a;
  outline-offset:4px;
}

.secondary {
  color:#000000;
  font-size:13px;
}

.rate {
  font-weight:500;
}

/* footer {
  color:#657589;
  font-size:12px;
  margin-top:18px;
} */

.back {
  display:inline-block;
  margin-bottom:24px;
  color:#164b7d;
}

.detail {
  max-width:760px;
}

.panel {
  padding:28px;
  background:#fff;
  border:1px solid #d5dde6;
  border-radius:8px;
}

/*dl {
  display:grid;
  grid-template-columns:140px 1fr;
  gap:20px;
  margin:0;
}

dt {
  color:#ffffff;
}

dd {
  margin:0;
} */

h2 {
  font-size:20px;
  margin-top:0;
}

.notice {
  margin-top:24px;
  font-size:13px;
  color:#657589;
}

@media(max-width:760px) {
  main {
    margin:28px auto;
    padding:0 16px;
  }

  h1 {
    font-size:27px;
  }

  table,tbody,tr,td {
    display:block;
  }

  thead {
    display:none;
  }

  table {
    background:none;
  }

  tr {
    background:#fff!important;
    border:1px solid #d5dde6;
    border-radius:8px;
    margin-bottom:16px;
    padding:8px 16px;
  }

  td {
    border:0;
    padding:9px 0;
    display:grid;
    grid-template-columns:108px minmax(0,1fr);
    gap:12px;
    text-align:left!important;
  }

  td:before {
    content:attr(data-label);
    font-size:12px;
    font-weight:600;
    color:#657589;
  }

  td:last-child {
    border-top:1px solid #e4e9ef;
    margin-top:8px;
    padding-top:16px;
    padding-bottom:8px;
  }

  td:last-child:before {
    align-self:center;
  }

  .button {
    width:100%;
  }

  /* dl {
    grid-template-columns:1fr;
    gap:6px;
  } */

 /* dd {
    margin-bottom:15px;
  } */

  .panel {
    padding:22px;
  }

}