/* 出典: 旧WP page-customer-service.php インラインスタイル */
/* レスポンシブ: このブロックは 1023.98px 以下でのみ当てる(PC 用マークアップと同居するため) */
@media (max-width:1023.98px){
/* MOBILE override — page-customer-service */
.page-customer-service{--side-pad:16px}

/* HERO */
.cs-hero{height:240px;margin-top:0}
.cs-hero-content{gap:12px;padding:0 24px}
.cs-hero-title{font-size:28px;line-height:1.2;letter-spacing:.3px}
.cs-hero-sub{font-size:15px;line-height:1.4}

/* INTRO */
.cs-intro{height:auto;padding:48px 24px}
.cs-intro-wrap{max-width:100%}
.cs-intro-title{font-size:20px;line-height:1.4;margin:0 0 16px}
.cs-intro-text{font-size:15px;line-height:28px;max-width:100%}

/* MAP */
.cs-map{padding:0 16px 40px}
.cs-map-frame{width:100%;max-width:100%;height:280px}
.cs-map-addr{max-width:100%;font-size:13px;line-height:1.6}
.cs-pin{width:180px;height:66px}
.cs-pin-bubble{width:180px;height:50px;gap:8px;padding:0 14px}
.cs-pin-logo{width:32px;height:32px}
.cs-pin-label{font-size:15px}

/* CONTACT CARDS → single column */
.cs-cards{padding:24px 16px 60px}
.cs-cards-inner{grid-template-columns:1fr;gap:18px;max-width:100%}
.cs-card{height:auto;padding:28px 24px 26px}
.cs-card-icon{top:28px;left:24px}
.cs-card-cat{margin:0 0 12px 36px;font-size:17px}
.cs-card-title{font-size:23px}
.cs-card-hours{font-size:13px;line-height:20px}
}