.top-summary > dl {
    /* width: 100%; */
    /* border-collapse: collapse; */
    /* table-layout: fixed; */
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #ccc;
    max-width: 840px;
    margin: auto;
}

.top-summary > dl > dt {
    font-weight: normal;
    width: 210px;
    text-align: left;
}

.top-summary > dl > dt, .top-summary > dl > dd {
    /* font-size: 16px; */
    padding: 12px 20px;
    border: solid #ccc;
    box-sizing: border-box;
}

.top-summary > dl > dt {
    color: #23861F;
    border-width: 1px 0px 0px 0;
    width: 100px;

}

.top-summary > dl > dd {
    border-width: 1px 0px 0px 1px;
    /* flex: 1; */
    /* margin-right: auto; */
    width: calc(100% - 100px);
    word-break: auto-phrase;
}

.top-summary > dl > dd > dl {
    display:flex;
    gap: 20px;
}

.top-summary > dl > dd > dl + dl {
    /* margin-top: 0; */
    display: flex;
}

.top-summary > dl > dd > dl dt {
    /* float: left; */
    width: 149px;
    display: flex;
    justify-content: space-between;
}

.top-summary > dl > dd > dl dt span {
    /* width: 73px; */
    display:inline-block
}

.top-summary > dl > dd > dl dd {
    position: relative;
    /* margin-left: 170px; */
    flex: 1;
}

.top-summary > dl > dd a:hover {
    text-decoration: underline;
}

.top-summary h2 {
    text-align: center;
    margin: 3em 0 1.5em;
    font-size: 21px;
}