/* お知らせ 詳細 — 出典: 旧WP page-cs-notices.php 詳細分岐のインラインスタイル(モバイル) */
/* レスポンシブ: このブロックは 1023.98px 以下でのみ当てる(PC 用マークアップと同居するため) */
@media (max-width:1023.98px){
/* 公知事項: カテゴリ + タイトル + 日付 + 矢印 (4列) */
.cs-list .cs-row-notice-grid{grid-template-columns:128px 1fr 104px 17px;column-gap:30px;height:79px;padding:0 36px}
.cs-list .cs-row-notice-grid .cs-row-title{font-size:20px;font-weight:600;color:#1A1A1A;line-height:25px}
.cs-list .cs-row-notice-grid .cs-row-cat{font-size:13px;font-weight:500;color:#000B83;line-height:25px;text-align:left;white-space:nowrap}
.cs-list .cs-row-notice-grid .cs-row-date{font-size:15px;font-weight:400;color:#A8A8A8;text-align:center;line-height:22px}
}
/* レスポンシブ: このブロックは 1023.98px 以下でのみ当てる(PC 用マークアップと同居するため) */
@media (max-width:1023.98px){
/* MOBILE override — page-cs-notices */
.page-customer-service{--side-pad:16px}
.cs-hero{height:220px;margin-top:0}
.cs-hero-content{gap:10px;padding:0 24px}
.cs-hero-title{font-size:28px;letter-spacing:.3px}
.cs-hero-sub{font-size:14px;line-height:1.4}

/* CATEGORIES → scrollable single row */
.cs-faq-cats-section{padding:32px 16px 0}
.cs-faq-cats{max-width:100%;justify-content:flex-start;gap:18px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px}
.cs-faq-cat{font-size:14px;white-space:nowrap;flex:0 0 auto}

/* SEARCH */
.cs-faq-search-section{padding:24px 16px 0}
.cs-faq-search{width:100%;height:50px;padding:0 18px}
.cs-faq-search-input{font-size:14px}

/* LIST */
.cs-list{padding:32px 16px 60px}
.cs-list-inner{max-width:100%}
.cs-list-count{padding:0 6px;font-size:14px}

/* Notice rows: 2-row layout (cat+date top, title below), arrow on right.
   Override the inline <style> 4-col grid with higher specificity + !important */
.cs-list .cs-row.cs-row-notice-grid{grid-template-columns:1fr 17px !important;column-gap:14px !important;height:auto !important;min-height:64px !important;padding:14px 6px !important;align-items:center}
.cs-list .cs-row-notice-grid .cs-row-cat{grid-column:1;grid-row:1;font-size:11px !important;line-height:1.4 !important;margin-bottom:2px;text-align:left}
.cs-list .cs-row-notice-grid .cs-row-title{grid-column:1;grid-row:2;font-size:15px !important;line-height:1.5 !important;white-space:normal !important}
.cs-list .cs-row-notice-grid .cs-row-date{grid-column:1;grid-row:3;font-size:12px !important;text-align:left !important;margin-top:4px}
.cs-list .cs-row-notice-grid .cs-row-arrow{grid-column:2;grid-row:1 / span 3;align-self:center}
.cs-row-detail-inner{padding:16px 6px 20px;font-size:14px;line-height:23px}

/* PAGINATION */
.cs-pagination{gap:6px;margin-top:36px;flex-wrap:wrap}
.cs-pg-btn,.cs-pg-num{font-size:15px;padding:6px 8px}
.cs-pg-num{min-width:30px;height:30px}
}

/* 書式付き本文: サービス開始のご挨拶(旧 taian-launch-greeting.php) */
.cs-launch{font-size:15px;line-height:1.65;color:#1A1A1A}
.cs-launch p{margin:0 0 6px}
.cs-launch-lead{font-size:16px;font-weight:700;color:#0A2540;margin-top:2px}
.cs-criteria-wrap{margin:8px 0 16px}
.cs-criteria-title{font-size:17px;font-weight:700;color:#0A2540;margin:0 0 14px;padding:0 0 10px;border-bottom:2px solid #0047AB}
.cs-criteria{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cs-criteria li{display:flex;align-items:flex-start;gap:12px;background:#F8F9FB;border:1px solid #E5E7EB;border-left:3px solid #0047AB;border-radius:8px;padding:12px 14px}
.cs-cri-no{flex:none;width:26px;height:26px;border-radius:50%;background:#0047AB;color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}
.cs-cri-tx{font-size:14px;line-height:1.65;color:#1A1A1A}
.cs-launch-logo{text-align:center;margin:30px 0 4px}
.cs-launch-logo img{width:200px;max-width:62%;height:auto}
@media(max-width:768px){.cs-launch{font-size:14px}.cs-criteria{grid-template-columns:1fr;gap:8px}.cs-criteria-title{font-size:16px}.cs-launch-logo img{width:160px}}

/* 書式付き本文: 安全架け橋制度の紹介(旧 taian-safety-bridge-notice.php) */
/* cs-notices 詳細への埋め込み用 — safety-bridge コンテンツ */
.cs-sb-embed{font-size:15px;line-height:1.8;color:#1A1A1A}
.cs-sb-embed .legal-section-title{font-size:18px;font-weight:700;margin:30px 0 12px;color:#0A2540;padding-bottom:8px;border-bottom:2px solid #0047AB}
.cs-sb-embed .legal-section-title:first-child{margin-top:0}
.cs-sb-embed p{margin:0 0 14px;line-height:1.8}
.cs-sb-embed .legal-list{margin:0 0 16px;padding-left:1.3em}
.cs-sb-embed .legal-list li{margin:5px 0;line-height:1.7}
.cs-sb-embed .sb-note{margin:18px 0 22px;padding:16px 18px;background:#FFF8E1;border:1px solid #F0D58A;border-left:4px solid #E0A800;border-radius:0 8px 8px 0;line-height:1.75;font-size:14.5px;color:#1A1A1A}
.cs-sb-embed .sb-note strong{color:#0A2540}
.page-safety-bridge .sb-table-wrap{margin:20px 0 28px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.page-safety-bridge .sb-table{width:100%;border-collapse:collapse;margin:0;font-size:15px;line-height:1.7;background:#fff;min-width:520px}
.page-safety-bridge .sb-table thead{background:#0047AB;color:#fff}
.page-safety-bridge .sb-table th{padding:12px 16px;text-align:left;font-weight:700;letter-spacing:.02em;border-right:1px solid rgba(255,255,255,.2)}
.page-safety-bridge .sb-table th:last-child{border-right:0}
.page-safety-bridge .sb-table td{padding:12px 16px;border-bottom:1px solid #E5E7EB;border-right:1px solid #E5E7EB;vertical-align:top;color:#1A1A1A}
.page-safety-bridge .sb-table td:last-child{border-right:0}
.page-safety-bridge .sb-table tbody tr:last-child td{border-bottom:0}
.page-safety-bridge .sb-table td:first-child{width:30%;background:#F8F9FB;font-weight:600;color:#0047AB}
.page-safety-bridge .sb-cta{margin-top:36px;padding:28px 32px;background:#F8F9FB;border-left:4px solid #0047AB;border-radius:0 12px 12px 0}
.page-safety-bridge .sb-cta-title{margin:0 0 12px;font-size:16px;font-weight:700;color:#1A1A1A;line-height:1.6}
.page-safety-bridge .sb-cta p{margin:0 0 16px;line-height:1.7}
.page-safety-bridge .sb-contact-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.page-safety-bridge .sb-contact-list li{display:flex;gap:14px;align-items:baseline;font-size:14px}
.page-safety-bridge .sb-c-label{display:inline-block;min-width:74px;font-weight:700;color:#0047AB}
.page-safety-bridge .sb-contact-list a{color:#1A1A1A;text-decoration:none;border-bottom:1px solid transparent}
.page-safety-bridge .sb-contact-list a:hover{border-bottom-color:#1A1A1A}
@media (max-width:768px){
  .page-safety-bridge .sb-table{font-size:13.5px}
  .page-safety-bridge .sb-table th,
  .page-safety-bridge .sb-table td{padding:10px 12px}
  .page-safety-bridge .sb-table td:first-child{width:38%}
  .page-safety-bridge .sb-cta{padding:20px 18px}
  .page-safety-bridge .sb-cta-title{font-size:14.5px}
  .page-safety-bridge .sb-contact-list li{font-size:13px;flex-wrap:wrap}
  .page-safety-bridge .sb-c-label{min-width:60px}
}