@charset "UTF-8";

/* ==========================================================================
   スマホ（sp.css） - 画面幅767px以下で適用
   ========================================================================== */
@media screen and (max-width: 767px) {
    .hero-content { padding: 30px 15px; }
    h1 { font-size: 24px; }
    .lead-text { font-size: 15px; }
    .parallax-bg { height: 250px; background-attachment: scroll; }
    .btn-group { flex-direction: column; gap: 15px; }
    .qa-q { font-size: 16px; }
    .qa-q::before, .qa-a::before { font-size: 18px; }
    .footer-inner { flex-direction: column; }
    .charm-box { padding: 25px 15px; }
    .charm-content h3 { font-size: 18px; padding: 12px 15px; }
    .his-value-box { padding: 25px 15px; }
    .his-value-card h4 { padding-right: 45px; }
}