.lp-reason {
    background-color: #fff;
    font-family: 'Noto Sans JP', sans-serif;
    padding-block: 64px;
    position: relative;
    z-index: 1;
}

.lp-reason .lp-reason-inner {
    position: relative;
    z-index: 2;
}

.lp-reason .lp-reason-header {
    align-items: center;
    display: flex;
    flex-direction: column-reverse;
}

.lp-reason .lp-reason-title {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    font-weight: 700;
    justify-content: center;
}

.lp-reason .lp-reason-title > span.large {
    color: #f80a5b;
    font-family: sofia-pro, sans-serif;
    line-height: 1;
}

.lp-reason .lp-reason-lead {
    font-weight: 500;
}

.lp-reason .lp-reason-list {
    counter-reset: a 0;
    display: grid;
    margin-block-start: 56px;
}

.lp-reason .lp-reason-list > li {
    display: block;
    position: relative;
    z-index: 1;
}

.lp-reason .lp-reason-list > li::before {
    color: #ac69aa;
    content: counter(a, decimal-leading-zero);
    counter-increment: a 1;
    font-family: sofia-pro, sans-serif;
    left: 0;
    line-height: 1;
    position: absolute;
    top: -0.25em;
}

.lp-reason .lp-reason-list > li .lp-reason-list-item-text {
    margin-block-start: 32px;
    text-align: center;
}

.lp-reason .lp-reason-list > li .lp-reason-list-item-text > span {
    font-weight: 700;
}

.lp-reason .lp-reason-list > li .lp-reason-list-item-text > span.normal {
    font-size: 1.25rem;
    line-height: 1.5;
}

.lp-reason .lp-reason-list > li .lp-reason-list-item-text > span.large {
    color: #f80a5b;
    font-size: 2rem;
    line-height: 1.1875;
}
@media (min-width: 576px) {

    .lp-reason {
        padding-inline: 32px;
    }

    .lp-reason .lp-reason-title {
        gap: 4px;
        margin-block-start: -0.1em;
    }

    .lp-reason .lp-reason-title > span.normal {
        font-size: 2rem;
        line-height: 1.1875;
    }

    .lp-reason .lp-reason-title > span.large {
        font-size: 3.5rem;
    }

    .lp-reason .lp-reason-lead {
        font-size: 1rem;
        line-height: 1.1875;
    }

    .lp-reason .lp-reason-list {
        gap: 24px;
        grid-template-columns: repeat(3, 1fr);
    }

    .lp-reason .lp-reason-list > li::before {
        font-size: 5rem;
    }
}
@media (min-width: 1200px) {

    .lp-reason {
        padding-block: 80px;
        padding-inline: 0;
    }

    .lp-reason .lp-reason-inner {
        margin-inline: auto;
        max-width: 1200px;
    }

    .lp-reason .lp-reason-title {
        gap: 8px;
        margin-block-start: -0.25em;
    }

    .lp-reason .lp-reason-title > span.normal {
        font-size: 3rem;
        line-height: 1;
    }

    .lp-reason .lp-reason-title > span.large {
        font-size: 4.5rem;
    }

    .lp-reason .lp-reason-lead {
        font-size: 1.25rem;
        line-height: 1.2;
    }

    .lp-reason .lp-reason-list {
        gap: 33px;
        margin-block-start: 64px;
    }

    .lp-reason .lp-reason-list > li::before {
        font-size: 6.25rem;
    }

    .lp-reason .lp-reason-list > li .lp-reason-list-item-text {
        margin-block-start: 39px;
    }

    .lp-reason .lp-reason-list > li .lp-reason-list-item-text > span.normal {
        font-size: 1.5rem;
        line-height: 2;
    }

    .lp-reason .lp-reason-list > li .lp-reason-list-item-text > span.large {
        font-size: 2.5rem;
        line-height: 1.2;
    }
}
@media (max-width: 575.96px) {

    .lp-reason {
        padding-inline: 24px;
    }

    .lp-reason .lp-reason-title {
        gap: 8px;
    }

    .lp-reason .lp-reason-title > span.normal {
        font-size: 1.5rem;
        line-height: 1.2083333333;
    }

    .lp-reason .lp-reason-title > span.large {
        font-size: 3rem;
    }

    .lp-reason .lp-reason-lead {
        font-size: 0.875rem;
        line-height: 1.8571428571;
    }

    .lp-reason .lp-reason-list {
        gap: 56px;
    }

    .lp-reason .lp-reason-list > li::before {
        font-size: 5.375rem;
    }
}