:root {
  --main-red: #E42C2C;
  --font-color: #333333;
}





#summary .card {
  padding-top: 5rem;
}

.sum-init__ttl {
  max-width: 850px;
  margin-inline: auto;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 600;
  word-break: normal;
  line-height: 1.7;
}

.sum-init__explain {
  margin-top: 4rem;
}

.sum-appeal {
  margin-top: 1.5rem;;
}

.sum-table__container {
  margin-top: 1.5rem;
}

.sum-table__container > p {
  text-align:center;
  font-size: 1rem;
}

.sum-table {
  margin-top: .4rem;;
  width: 100%;
  border-collapse: collapse;
}

.sum-table thead th {
  text-align: center;
}

.sum-table th,
.sum-table td {
  border: 1px solid #555;
  padding: 1rem 1.5rem;
  vertical-align: middle;
}

.sum-table tbody th {
  text-align: left;
  vertical-align: middle;
}

.sum-table td br {
  line-height: 1.5;
}

.sum-table td:last-child {
  vertical-align: top;
}

.sum-table td:not(:last-child) {
  white-space: nowrap;
}

.sum-conclusion {
  margin-top: 3rem;;
}

.sum-conclusion p {
  font-size: 1.2rem;
  font-weight: 700;
}

.sum-conclusion ul {
  margin-top: .7rem;
}





@media screen and (max-width: 768px) {
  #summary .card {
    padding-top: 4rem;
  }

  .sum-init__explain {
    margin-top: 3.2rem;
  }

  .sum-table th, .sum-table td {
    font-size: .9rem;
  }

  .sum-table th,
  .sum-table td {
    padding: .7rem .8rem;
  }
}

@media screen and (max-width: 640px) {
  #summary .card {
    padding-top: 3.5rem;
  }

  .sum-init__explain {
    margin-top: 3rem;
  }

  .sum-table__wrapper {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch; /* iOS用慣性スクロール */
  }

  .sum-table {
    width: 645px;
    padding: .5rem .6rem;
  }
}