.mg-sm {
    margin-bottom: 1rem;
}

.mg-md {
    margin-bottom: 3rem;
}

.sitemaps--list {
    display: grid;
    align-items: center;
    column-gap: 3rem;

    grid-template-columns: repeat(4, 1fr);

    @media (max-width:768px) {
        display: block;
    }
    
    & .__01{
        grid-column: 1/3;
        grid-row: 1/2;
        width: calc(50% - 12px);
        @media (max-width:768px) {
            width: 100%;
        }
    }

    & .__02{
        grid-column: 1/3;
        grid-row: 2/3;
        width: calc(50% - 8px);
        @media (max-width:768px) {
            width: 100%;
        }
    }

    & .__02-sub{
        grid-column: 1/3;
        grid-row: 3/4;
    }

    & .__03{
        grid-column: 1/3;
        grid-row: 4/5;
    }

    & .__03-sub{
        grid-column: 1/3;
        grid-row: 5/6;
    }

    & .__04{
        grid-column: 3/4;
        grid-row: 1/2;
    }

    & .__05{
        grid-column: 3/4;
        grid-row: 2/3;
    }

    & .__06{
        grid-column: 3/4;
        grid-row: 3/4;
    }

    & .__07{
        grid-column: 3/4;
        grid-row: 4/5;
    }

    @media (max-width:768px) {
        & .__03-sub,
        & .__05,
        & .__06,
        & .__07{
            margin-bottom: 3rem;
        }
    }
}

.sitemaps--list--sublist {
    column-count: 2;
    gap: 2rem;
    @media (max-width:768px) {
        column-count: 1;
    }
}

.sitemaps--list--subitem {
    border-bottom: 1px solid var(--color-lightgray);
}

.sitemaps--list--subitem.border-t {
    border-top: 1px solid var(--color-lightgray);
}

.sitemaps--list--subitem:first-child {
    border-top: 1px solid var(--color-lightgray);
}

.sitemaps--list--subitem.border-tp {
    border-top: 1px solid var(--color-lightgray);
}

@media (max-width:768px) {

    .sitemaps--list--subitem.border-t {
        border-top: none;
    }
    .sitemaps--list--subitem:first-child {
        border-top: 1px solid var(--color-lightgray);
    }
    
}

.list-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding-block: 8px;
}

a.list-item {
    transition: background-color 0.3s ease;
    &:hover {
        background-color: var(--color-beige);
    }
}

.headding--title-upper {
    font-size: 1.25rem;
    font-weight: 400;
    &::before {
        position: absolute;
        top:-8px
    }
}

.link-icon-chevron {
    &::after {
        flex-shrink: 0;
        content: 'chevron_right';
        font-family: 'Material Symbols Outlined';
        display: inline-block;
        font-size: 24px;
        line-height: 0;
    }
}

.link-icon-blank {
    &::after {
        flex-shrink: 0;
        content: '';
        display: inline-block;
        background-image: url('../../../assets/images/icon-blank.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        width: 20px;
        height: 20px;
        margin-right: 6px;
    }
}