/* ==========================================
   バックモニター／バックガイドモニター ページ固有CSS
   ========================================== */

/* ==========================================
   タイポグラフィ
   ========================================== */

/* POPテキスト (PC: 32px / SP: 24px) */
.pop-heading,
.pop-heading p {
    font-family: var(--font-family-bold);
    font-size: 32px;
    font-weight: var(--font-weight-bold);
    line-height: 1.5;
    letter-spacing: 1.28px;
    color: #222222;
}

/* 製品概要タイトル (PC: 32px / SP: 24px) */
.product-summary-title {
    font-family: var(--font-family-bold);
    font-size: 32px;
    font-weight: var(--font-weight-bold);
    line-height: 1.5;
    letter-spacing: 1.28px;
    color: #222222;
}

/* 製品概要タイトル内の上付き数字 */
.product-summary-sup {
    font-size: 20.64px;
    vertical-align: super;
}

/* 製品概要説明文 (PC: 24px / SP: 14px) */
.product-summary-desc {
    font-family: var(--font-family-regular);
    font-size: 24px;
    font-weight: var(--font-weight-regular);
    line-height: 1.5;
    letter-spacing: 0.96px;
    color: #222222;
}


/* ==========================================
   SP版調整 (1023px以下)
   ========================================== */

@media (max-width: 1023px) {
    /* POPテキスト SP版 */
    .pop-heading,
    .pop-heading p {
        font-size: 24px;
        letter-spacing: 0.96px;
    }

    /* 製品概要タイトル SP版 */
    .product-summary-title {
        font-size: 24px;
        letter-spacing: 0.96px;
    }

    /* 製品概要タイトル内の上付き数字 SP版 */
    .product-summary-sup {
        font-size: 15.48px;
    }

    /* 製品概要説明文 SP版 */
    .product-summary-desc {
        font-size: 14px;
        letter-spacing: 0.56px;
    }
}