@charset "UTF-8";

/* =========================================
 * SITE-WIDE READABILITY
 * 本文は黒く、大きく。サブ見出しのみグレーを維持。
 * ========================================= */

html {
    font-size: 18px;
}

body {
    color: var(--text-color);
}

/* 白背景上の本文 */
.service-desc,
.about-desc,
.contact-desc,
.contact-note,
.profile-bio p,
.concept-body p,
.point-desc,
.work-list-desc,
.job-offer-text p,
.partners-title,
.partners-list li,
.privacy-block p,
.privacy-block li,
.concept-text,
.feature-desc,
.plan-list li,
.tab-text,
.ai-finishing-lead,
.ai-fix-reason-circles p,
.ai-fix-icon-list p,
.other-service-desc {
    color: var(--text-color) !important;
    font-size: 1rem !important;
}

/* 本文以外の小さな実用テキストも縮小しすぎない */
.work-cat,
.about-job,
.job-title,
.work-list-subtitle,
.plan-tag,
.ai-finishing-label,
.view-more-btn,
.breadcrumb,
.breadcrumb-list,
.copyright {
    font-size: 0.88rem !important;
}

.breadcrumb,
.breadcrumb a,
.breadcrumb-list,
.breadcrumb-list a {
    color: var(--text-color) !important;
}

/* セクション見出し直下のサブ見出しだけはグレーを維持 */
.section-header > p,
.page-header-desc {
    color: var(--sub-text-color) !important;
    font-size: 1rem !important;
}

.ai-fix-price-notes p {
    color: #cc3300 !important;
    font-size: 0.9rem !important;
}

/* 暗い背景はコントラストを優先 */
#lineup p,
#lineup li,
#lineup a,
#lineup .section-title-jp,
.bg-dark p,
.bg-dark li,
.bg-dark a {
    color: #ffffff !important;
}

footer,
footer p,
footer li,
footer a,
footer .copyright {
    color: #ffffff !important;
}

footer .footer-col h4,
footer .footer-links,
footer .copyright {
    font-size: 0.88rem !important;
}

@media screen and (max-width: 768px) {
    html {
        font-size: 17px;
    }
}