@charset "utf-8";

/* LAYOUT
--------------------------- */
.sitemap__headline {
    margin: 0 0 34px;
    font-size  : 22px;
    font-weight: bold;
    text-align: center;
}
.sitemap__section:not(:last-child){
    margin: 0 0 56px;
}
.sitemap__ttl {
    border-bottom: 1px solid var(--border-color);
    margin: 0 0 17px;
    padding: 0 0 4px;
    font-size  : 22px;
    font-weight: bold;
}
.sitemap__contents > * + * {
    margin: 58px 0 0;
}
.sitemap__between {
    display        : flex;
    gap            : 10px;
    justify-content: space-between;
}
.sitemap__type {
    flex: 1;
}
.sitemap__sub-ttl {
    display    : flex;
    gap        : 7px;
    align-items: center;
    margin: 0 0 5px;
    font-size  : 18px;
    font-weight: 700;
    color      : var(--main-color);
}
.sitemap__type .sitemap__sub-ttl {
    margin: 0 0 15px;
}
.sitemap__sub-ttl svg {
    margin: -2px 0 0;
    width: 22px;
    height: 22px;
    fill: var(--sub-color);
}
.sitemap__link {
    display: flex;
    gap: 9px;
}
.sitemap__link svg {
    min-width: 7px;
    width: 7px;
    height: 7px;
    margin: 6px 0 0;
}

/* リスト
--------------------------- */
.type-list > * + * {
    margin: 20px 0 0;
}
.regist-list {
    display  : flex;
    gap      : 20px;
    flex-wrap: wrap;
}
.other-list {
    display: grid;
    gap    : 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.category-list {
    display    : flex;
    gap        : 6px;
    flex-wrap  : wrap;
    align-items: center;
}
.category-list__link {
    display: block;
    padding: 7px 12px 5px;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    font-size: 13px;
}