.p-faq {
    margin-block: var(--g-sec-sp-md);
}

.p-faq__title {
    margin-bottom: var(--g-28);
    text-align: center;
}

.p-faq__container {
    display: flex;
    flex-direction: column;
    gap: var(--g-24);
    max-width: var(--width-xs);
    margin-inline: auto;
}

.p-faq__block {
    border: var(--bd-w--sm) solid var(--c-main);
    background: var(--c-light);
    border-radius: var(--bd-r--sm);
    padding: var(--g-16) var(--g-16) var(--g-12);
}

.p-faq__question {
    display: flex;
    align-items: baseline;
    font-weight: var(--fw-lg);
    padding-bottom: var(--g-16);
}

.p-faq__answer {
    display: flex;
}

.p-faq__icon {
    display: inline-block;
    flex-shrink: 0;
}

.p-faq__icon.--q::before {
    content: 'Q：';
    color: var(--c-main);
}

.p-faq__icon.--a::before {
    content: 'A：';
    color: var(--c-act02);
}

.p-faq__more {
    margin-top: var(--g-24);
    max-width: 326px;
    margin-inline: auto;
}

@media (min-width: 600px) {
    .p-faq {
        margin-block: var(--g-sec--md);
    }

    .p-faq__title {
        margin-bottom: var(--g-sec--sm);
    }

    .p-faq__block {
        border: var(--bd-w--md) solid var(--c-main);
        padding: var(--g-24) 30px var(--g-24) var(--g-24);
    }

    .p-faq__more {
        margin-top: var(--g-32);
    }
}