@charset "UTF-8";

/* あいうえおのボタン ------------------- */
.index-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(4em, 1fr));
    gap: 1.3em;
    font-size: var(--base-font18);
    line-height: 1;
}

.index-link {
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1 / 1;
    background: var(--dark-grey);
    padding: 0.8em;
    transition: 0.3s ease-out;
}

.index-link:hover {
    background: var(--dark-grey);
    padding: 1em;
    transition: 0.3s ease-out;
}

/* 用語集コンテンツ ------------------- */

.cont-body-block {
    margin-top: var(--space80);
}

.row + .row {
    margin-top: calc(var(--header-height) * -1);
    padding-top: calc(var(--header-height));
}

.row:not(:last-child) {
    padding-bottom: var(--space80);
}

.row-title {
    border-bottom: 2px solid var(--primary-color);
    font-size: var(--base-font20);
}

.row-body {
    font-size: var(--base-font15);
    display: flex;
    flex-direction: column;
    gap: 2.4em;
    margin-top: 2.4em;
    line-height: 2;
}

.row-body-dt {
    display: flex;
    align-items: center;
    font-weight: 500;
    padding-bottom: 0.3em;
}

.row-body-dt::before {
    content: "";
    display: inline-block;
    width: max(14px, 1em);
    height: max(14px, 1em);
    flex: 0 0 auto;
    background: url(../img/insurance-glossary/square-mark.svg) center / contain no-repeat;
    margin-right: 0.3em;
}

.row-body-dd {
    font-weight: 400;
}

@media screen and (max-width: 600px) {
    .row-body-dt {
        align-items: baseline;
    }
}