.p-line-add{
    padding: 6.4rem 0;
    border-bottom: 1px solid var(--_global--color-border, #e0e0e0);
}

.p-line-add__list{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2.4rem;
    list-style-type: none;
    padding: 0 2.4rem;
    max-width: var(--_global--container-max-width, 800px);
    width: 100%;
    margin: 0 auto;
}

@media screen and (max-width: 767px){
    .p-line-add__list{
        grid-template-columns: 1fr;
    }
}


.p-line-add__list a{
    &:hover{
        opacity: 0.8;
    }
}

.p-line-add__ttl{
    position: relative;
    padding-left: 56px;
    width: fit-content;
    margin-inline: auto;
    margin-bottom: 2.4rem;
    font-weight: bold;
    font-size: 24px;

    &::before{
        content: "";
        display: block;
        width: 40px;
        aspect-ratio: 1/1;
        background:url(../img/line-icon.svg) no-repeat center/contain;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }
}