@charset "UTF-8";
/*
 * LP用FAQ（Q&Aリスト）セクションのナンバリングとレイアウト構成
 *
 * 疑似要素を用いた「Q」「A」のアイコン配置やアコーディオン周りのデザイン定義を行います。
 *
 * @package crmt-block-base
 * Last modified: 2026-04-03_11-39-05
 */

@import url("https://fonts.googleapis.com/css2?family=Manrope&display=swap");
#khd-b2b {
    .faq {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        gap: 64px;
        padding: 0;
        margin: 0;

        .--qa {
            width: 100%;
        }
        .--q {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            gap: clamp(0.571rem, 3.2vw - 0.571rem, 1.714rem);
            width: 100%;
            padding: 0 16px 20px;
            margin: 0;
            border-bottom: 1px solid var(--wp--preset--color--border-normal);
            font-weight:600;
            line-height: 1;

            &::before {
                content: "Q";
                font-family: "Manrope", sans-serif;
                font-optical-sizing: auto;
                font-weight: 400;
                font-style: normal;
                font-size: clamp(1.429rem, 0.8vw + 1.143rem, 1.714rem);
                line-height: 0.8;
                color: var(--wp--preset--color--main);
            }
        }
        .--a {
            display: flex;
            align-items: flex-start;
            justify-content: flex-start;
            gap: clamp(0.571rem, 3.2vw - 0.571rem, 1.714rem);
            width: 100%;
            padding: 20px 16px 0;
            margin: 0;

            &::before {
                content: "A";
                font-family: "Manrope", sans-serif;
                font-optical-sizing: auto;
                font-weight: 400;
                font-style: normal;
                font-size: clamp(1.429rem, 0.8vw + 1.143rem, 1.714rem);
                line-height: 1;
            }
        }
    }
}