@media (max-width: 680px){
/* ========================================
   SMARTPHONE STYLES (max-width: 767px)
   Theme handles the @media wrapper
   ======================================== */


flow-step p {
    text-align: left;
}
.menu-grid {
    width: 90%;
}
.hero-ctas .btn {
    width: 280px;
    display: flex;
    justify-content: center;
}
.hero-ctas {
    margin-bottom: 20px;
}
.hero-desc {
    margin-bottom: 20px;
}
.hero-badge .badge-num.tokai {
    font-size: 23px;
    line-height: 37px;
}
.hero-badge .badge-label {
    font-weight: 700;
        font-size: 14px;
    color: #fff;
    opacity: 1;
}
.hero-badge .badge-num small {
        font-size: 18px;
}
.hero-badge i {
    font-size: 32px;
}
.hero-badge .badge-num {
font-size: 32px;
}
.hero-bg .hero-bg-slide img {
    filter: blur(0px) brightness(.45);
}
.hero-slider {
    display: none;
}
    .hero-badge {
        padding: 10px;
        background: rgb(255 255 255 / 34%);
    }
/* ---- Shared ---- */
.section-title{font-size:24px;}

/* ---- Top page: Hero ---- */
.hero-inner{grid-template-columns:1fr;min-height:auto;}
.hero-content{padding:32px 24px;}
.hero-title{font-size:clamp(22px, 6.5vw, 32px);}
.hero-desc{font-size:clamp(12px, 3.4vw, 15px);}
.hero-ctas .btn{font-size:clamp(12px, 3.4vw, 14px);padding:12px 20px;}
.hero-slider{padding:32px 24px 32px 16px;}
.hero-badges{grid-template-columns:repeat(2,1fr);}
.hero-badge{padding:10px;}

/* ---- Trust Strip ---- */
.trust-strip-inner{grid-template-columns:repeat(2,1fr);}
.trust-cell{padding:18px 12px;}
.trust-cell .trust-num{font-size:32px;}

/* ---- Flow ---- */
.flow-steps{grid-template-columns:1fr 1fr;}
.flow-step{padding:20px 12px;}

/* ---- AC Types ---- */
.ac-types-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:0 16px;}
.ac-type-card:last-child{grid-column:span 2;max-width:50%;margin:0 auto;}

/* ---- Facilities ---- */
.facilities-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:0 16px;}
.facilities-message{font-size:15px;padding:0 16px;}

/* ---- Compare Table ---- */
.compare-table{font-size:12px;}
.compare-table thead th,.compare-table tbody td{padding:10px 8px;}

/* ---- Menu Cards ---- */
.menu-grid{grid-template-columns:1fr;}

/* ---- Area ---- */
.area-grid{grid-template-columns:1fr;}

/* ---- CEO ---- */
.ceo-grid{grid-template-columns:1fr;}
.ceo-img{max-width:250px;margin:0 auto;}
.ceo-blockquote{font-size:16px;}

/* ---- Contact Section (top page) ---- */
.contact-grid{grid-template-columns:1fr;}

/* ---- Big CTA ---- */
.big-cta{grid-template-columns:1fr;}
.big-cta-left{padding:40px 24px;}
.big-cta-left h3{font-size:22px;}
.big-cta-right{padding:40px 24px;}
.big-cta-right .tel{font-size:32px;}

/* ---- Page Hero (subpages) ---- */
.page-hero{padding:48px 0;}
.page-hero h1{font-size:24px;}
.page-hero p{font-size:14px;}

/* ---- Free Estimate (aircon-service) ---- */
.free-estimate{padding:48px 0;}
.free-estimate-inner .cta-buttons{flex-direction:column;align-items:center;}

/* ---- Price Table (shared) ---- */
.price-section{padding:48px 0;}
.price-table thead th,
.price-table tbody td{padding:12px 14px;font-size:13px;}
.price-table tbody td:last-child{font-size:16px;}
.red-highlight{font-size:18px;}

/* ---- Commercial AC (aircon-service) ---- */
.commercial-ac{padding:48px 0;}
.commercial-ac-grid{grid-template-columns:1fr 1fr;gap:12px;}

/* ---- Consultation (aircon-service) ---- */
.consultation{padding:40px 0;}
.consultation p{font-size:15px;}

/* ---- Work Gallery (aircon-service) ---- */
.work-gallery{padding:48px 0;}
.work-gallery-grid{grid-template-columns:repeat(2,1fr);gap:12px;}

/* ---- Gallery (aircon-cleaning) ---- */
.gallery{padding:48px 0;}
.gallery-grid{grid-template-columns:1fr;gap:16px;}

/* ---- Company Info (company) ---- */
.info-table th{display:block;width:100%;padding:12px 16px 4px;}
.info-table td{display:block;width:100%;padding:4px 16px 12px;}

/* ---- Access (company) ---- */
.access-grid{grid-template-columns:1fr;}
.access-card-map iframe{height:220px;}

/* ---- Qualifications (company) ---- */
.quals .quals-grid{grid-template-columns:1fr;}

/* ---- Career Timeline (company) ---- */

/* ---- Certification List (company) ---- */
.cert-items{grid-template-columns:1fr;}

/* ---- Partners (company) ---- */
.partners-text{font-size:14px;line-height:2;}

/* ---- Contact Form (contact) ---- */
.contact-form-section{padding:48px 0;}
.contact-layout{grid-template-columns:1fr;gap:24px;}
.contact-sidebar{padding:24px;}
.sidebar-tel-number{font-size:20px;}
.sidebar-tel-number--sub{font-size:18px;}

/* ---- CF7 Form (shared) ---- */
.wpcf7-submit{min-width:100%;font-size:15px;}

/* ---- Service Description (jyuryo) ---- */
.service-desc-body .highlight{font-size:18px;}
.service-images{grid-template-columns:1fr;}

/* ---- Recruit: Overview ---- */
.rec-overview{grid-template-columns:repeat(2,1fr);gap:16px;}

/* ---- Recruit: Benefits ---- */
.rec-benefits{grid-template-columns:1fr;gap:12px;}

/* ---- Recruit: Gallery ---- */
.rec-gallery{grid-template-columns:1fr;gap:12px;}

/* ---- Recruit: Engage ---- */
.rec-engage p{font-size:14px;}

/* ---- Recruit: Form ---- */
.rec-form-wrap{padding:0 8px;}

/* ---- Recruit: Bonus ---- */
.rec-bonus__badge{font-size:22px;padding:10px 24px;}

/* ---- Recruit: Table ---- */
.rec-table th,
.rec-table td{display:block;width:100%;padding:10px 14px;}
.rec-table th{border-bottom:none;padding-bottom:4px;}
.rec-table td{padding-top:0;}

/* Header SP */
.site-header__inner{height:60px;padding:0 0 0 16px;}
.site-header__logo-img{height:35px;}

.site-header__mobile-nav{top:60px;}

/* Footer SP */
.site-footer{padding:40px 0 0;}
.site-footer__grid{grid-template-columns:1fr;gap:32px;}
.site-footer__bottom-inner{flex-direction:column;gap:8px;text-align:center;}

}