@charset "UTF-8";
/* ==========================================================================
   Responsive Utilities CSS
   ========================================================================== */

/* Small screens only (hidden on larger screens) */
@media (min-width: 640px) {
    .xs_only {
        display: none !important; /* Ensure specificity */
    }
}

/* Large screens only (hidden on smaller screens) */
@media (max-width: 1600px) {
    .xl_only {
        display: none !important; /* Ensure specificity */
    }
}

/* Small screen specific utilities (up to 639px) */
@media (max-width: 639px) {
    .sp_none, .slick-slide img.sp_none {
        display: none !important;
    }
    .pc_only {
        display: block !important;
    }
    .txt80sp { font-size: 80% !important; }
    .sp_mb0 { margin-bottom: 0 !important; }
    .sp_mb30 { margin-bottom: 30px !important; }
    .sp_mt30 { margin-top: 30px !important; }
    .t_align_center_sp { text-align: center !important; }
    .sp_w100 { width: 100% !important; }
    .sp_block { display: block !important; }
    .m_mt30 { margin-top: 30px !important; }
}

/* Extra small screens (up to 479px) */
@media (max-width: 479px) {
    .xs_none {
        display: none !important;
    }
    .xs_only {
        display: block !important;
    }
    .txt80xs { font-size: 80% !important; }
    .xs_text_center { text-align: center !important; }
    .xs_w90p { width: 90% !important; }
}

/* Default state for pc_none and sp_only (visible by default, hidden by media queries) */
.pc_none { display: block; } /* Hidden on PC by @media (min-width: 640px) */
.sp_only { display: block; } /* Hidden on SP by @media (min-width: 640px) */

/* Overrides for pc_none and sp_only to ensure correct behavior */
@media (min-width: 640px) {
    .sp_only {
        display: none !important;
    }
    /* .pc_none is already handled by its default + media query */
}

@media (max-width: 639px) {
    .pc_none {
        display: none !important; /* Hide pc_none on SP */
    }
    /* .sp_only is already visible on SP by default */
} 