/*! ===========================================
    jm-h.com renewal-pages.css
    リニューアルページ専用スタイル（ハブ・一覧・個別）
    外殻を破壊しないため renewal 領域クラスのみを厳選
    =========================================== */

/* ===== :root tokens ===== */
:root {
  --color-cream: #FDF8F0;
  --color-cream-deep: #F5EDE0;
  --color-burgundy: #8B2635;
  --color-burgundy-light: #A63D4E;
  --color-burgundy-pale: #F2E0E3;
  --color-gold: #C4A265;
  --color-gold-light: #E8D5B0;
  --color-gold-dark: #A8893F;
  --color-text: #3A2E2E;
  --color-text-light: #6B5C5C;
  --color-text-muted: #9A8A8A;
  --color-border: #E0D5C8;
  --color-white: #FFFFFF;
  --color-alert-bg: #FFF5F5;
  --color-alert-border: #E8A0A0;
  --color-info-bg: #F0F5FF;
  --color-info-border: #A0B8E8;
  --color-star: #E8B731;
  --font-mincho: 'Shippori Mincho', 'Yu Mincho', serif;
  --font-gothic: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W4", 'メイリオ', "Osaka", "ＭＳ Ｐゴシック ", sans-serif;
  --content-max: 1160px;
  --gap: 36px;
}


/* ===== 共通基盤 (section / btn / breadcrumb / cta-section / intro-box / reading-progress) ===== */

/* BREADCRUMB */
.breadcrumb { padding: 10px 16px; font-size: 0.875rem; color: var(--color-text-muted); overflow-x: auto; white-space: nowrap; }
.breadcrumb a { color: var(--color-text-muted); }
.breadcrumb a:hover { color: var(--color-burgundy); }
.breadcrumb__sep { margin: 0 6px; }


/* BUTTONS */
.btn-primary {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  background: var(--color-burgundy); color: #fff;
  font-family: var(--font-mincho); font-weight: 600; font-size: 1.0625rem;
  padding: 14px 28px; border-radius: 50px;
  border: 2px solid var(--color-burgundy);
  min-height: 48px; cursor: pointer;
  box-shadow: 0 2px 8px rgba(139,38,53,0.15);
  transition: background 0.2s, transform 0.15s, box-shadow 0.2s;
}
.btn-primary:hover { background: var(--color-burgundy-light); border-color: var(--color-burgundy-light); color: #fff; transform: translateY(-1px); }

.btn-secondary {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  background: var(--color-white); color: var(--color-burgundy);
  font-family: var(--font-mincho); font-weight: 600; font-size: 1rem;
  padding: 12px 24px; border-radius: 50px;
  border: 2px solid var(--color-burgundy);
  min-height: 44px; cursor: pointer; transition: background 0.2s;
}
.btn-secondary:hover { background: var(--color-burgundy-pale); }

.cta-sub { font-size: 0.875rem; color: var(--color-text-muted); margin-top: 8px; }


/* CONTENT LAYOUT */
.content-wrap { max-width: var(--content-max); margin: 0 auto; padding: 0 6px 40px; }
.article-main { min-width: 0; }


/* READING PROGRESS BAR */
.reading-progress { position: fixed; top: 0; left: 0; width: 0%; height: 3px; background: var(--color-burgundy); z-index: 200; transition: width 0.1s; }


/* SECTIONS */
.section { padding: 36px 0; }
.section--alt { background: var(--color-white); border-top: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); }
.section__label { font-size: 0.875rem; font-weight: 700; letter-spacing: 2px; color: var(--color-gold-dark); text-transform: uppercase; margin-bottom: 6px; }
.section__title { font-family: var(--font-mincho); font-size: 1.375rem; font-weight: 700; color: var(--color-burgundy); line-height: 1.6; margin-bottom: 8px; }
.section__desc { font-size: 1rem; color: var(--color-text-light); margin-bottom: 24px; line-height: 1.7; }


/* INTRO BOX */
.intro-box { background: var(--color-white); border: 1px solid var(--color-border); border-radius: 8px; padding: 22px 18px; margin-bottom: 14px; font-size: 1.05rem; line-height: 1.8; }
.intro-box p { margin-bottom: 16px; font-size: 1.05rem; }
.intro-box p:last-child { margin-bottom: 0; }


/* CTA SECTIONS */
.inline-cta { text-align: center; border: 2px solid var(--color-burgundy); border-radius: 12px; padding: 28px 18px; margin: 32px 0; background: linear-gradient(180deg, var(--color-white) 0%, var(--color-burgundy-pale) 100%); }
.inline-cta__title { font-family: var(--font-mincho); font-size: 1.1875rem; font-weight: 600; color: var(--color-burgundy); margin-bottom: 8px; line-height: 1.7; }
.inline-cta__text { font-size: 1rem; color: var(--color-text-light); margin-bottom: 16px; }

.cta-section { text-align: center; background: linear-gradient(180deg, var(--color-white) 0%, var(--color-burgundy-pale) 100%); border: 2px solid var(--color-burgundy); border-radius: 12px; padding: 28px 18px; margin: 32px 0; }
.cta-section__title { font-family: var(--font-mincho); font-size: 1.1875rem; font-weight: 600; color: var(--color-burgundy); line-height: 1.7; margin-bottom: 8px; }
.cta-section__desc { font-size: 1rem; color: var(--color-text-light); margin-bottom: 16px; }
.cta-section__buttons { display: flex; flex-direction: column; gap: 10px; align-items: center; }


/* ===== ハブページ /kuchikomi (hub-*, filter-*, recent-*) ===== */

.hub-hero { background: var(--color-white); border-bottom: 1px solid var(--color-border); padding: 28px 0 32px; text-align: center; }
.hub-hero .wrapper { max-width: var(--content-max); margin: 0 auto; padding: 0 16px; }
.hub-hero__title { font-family: var(--font-mincho); font-size: 1.75rem; font-weight: 700; line-height: 1.6; color: var(--color-burgundy); margin-bottom: 10px; }
.hub-hero__title span {
    color: coral;
    font-weight: bold;
}
.hub-hero__stats { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 16px; }
.hub-hero__stat { font-size: 0.875rem; color: var(--color-text-light); }
.hub-hero__stat strong {
    color: coral;
    font-weight: 700;
}
.hub-hero__note { font-size: 0.8125rem; color: var(--color-text-muted); }


/* FILTER & SORT */
.filter-bar { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 20px; }
.filter-btn { display: inline-block; padding: 8px 14px; border: 1px solid var(--color-border); border-radius: 50px; font-size: 0.875rem; color: var(--color-text); background: var(--color-white); cursor: pointer; transition: border-color 0.2s, color 0.2s; }
.filter-btn:hover { border-color: var(--color-burgundy); color: var(--color-burgundy); }
.filter-btn.is-active { background: var(--color-burgundy); color: #fff; border-color: var(--color-burgundy); }

.filter-sort { display: flex; align-items: center; gap: 6px; margin-left: auto; }
.filter-sort select { padding: 6px 12px; border: 1px solid var(--color-border); border-radius: 4px; font-size: 0.875rem; color: var(--color-text); background: var(--color-white); cursor: pointer; }


/* HUB LIST & CARDS */
.hub-list { display: flex; flex-direction: column; gap: 12px; }

.hub-card { background: var(--color-white); border: 1px solid var(--color-border); border-radius: 8px; padding: 14px 10px; transition: box-shadow 0.2s, border-color 0.2s; }
.hub-card:hover { box-shadow: 0 4px 16px rgba(58,46,46,0.07); border-color: var(--color-gold-light); }
.hub-card__header { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 12px; }
.hub-card__rank { flex-shrink: 0; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; border-radius: 8px; font-family: var(--font-mincho); font-size: 1.25rem; font-weight: 700; color: #fff; background: var(--color-burgundy); }
.hub-card__rank--2 { background: var(--color-gold); }
.hub-card__rank--3 { background: var(--color-text-muted); }
.hub-card__rank--other { background: var(--color-cream-deep); color: var(--color-text-muted); }

.hub-card__name { font-family: var(--font-mincho); font-size: 1.3rem; font-weight: 700; color: var(--color-burgundy); }
.hub-card__badge { font-size: 0.75rem; font-weight: 700; padding: 2px 10px; border-radius: 3px; flex-shrink: 0; }
.hub-card__badge--brand { background: var(--color-burgundy-pale); color: var(--color-burgundy); }
.hub-card__badge--indie { background: var(--color-cream-deep); color: var(--color-text-light); }
.hub-card__badge--recruiting { background: #FFF3E0; color: #E65100; }

.hub-card__scores { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 10px; }
.hub-card__score { display: flex; align-items: center; gap: 6px; font-size: 1.2rem; }
.hub-card__score-source { font-size: 0.75rem; font-weight: 700; padding: 2px 8px; border-radius: 3px; flex-shrink: 0; }
.hub-card__score-source--jm { background: var(--color-burgundy); color: #fff; }
.hub-card__score-source--google { background: #4285F4; color: #fff; }
.hub-card__score-val { font-weight: 700; color: var(--color-text); }
.hub-card__score-val--recruiting { font-size: 0.8125rem; font-weight: 500; color: #E65100; }
.hub-card__score-count { font-size: 0.8125rem; color: var(--color-text-muted); }
.hub-card__score-note { font-size: 0.75rem; }

.hub-card__body { padding: 14px 16px; }
.hub-card__tags { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
.hub-card__tag { font-size: 0.8125rem; padding: 3px 10px; border-radius: 50px; }
.hub-card__tag--good { background: #E8F5E9; color: #2E7D32; }
.hub-card__tag--bad { background: #FFF3E0; color: #E65100; }

.hub-card__desc { font-size: 0.9375rem; color: var(--color-text-light); line-height: 1.6; margin-bottom: 10px; }
.hub-card__topics { font-size: 0.875rem; color: var(--color-text-light); display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.hub-card__topics-label { font-weight: 600; color: var(--color-text); margin-right: 2px; }
.hub-card__topic { background: var(--color-cream-deep); padding: 2px 10px; border-radius: 50px; font-size: 0.8125rem; color: var(--color-text-light); }
.hub-card__topic strong { color: var(--color-text); }

.hub-card__footer { display: flex; justify-content: space-between; align-items: center; padding-top: 10px; border-top: 1px solid var(--color-border); }
.hub-card__price { font-size: 0.9375rem; color: var(--color-text); }
.hub-card__price strong { color: var(--color-burgundy); }
.hub-card__price--na { color: var(--color-text-muted); }
.hub-card__link { font-size: 0.9375rem; font-weight: 600; color: var(--color-burgundy); }


/* RECENT ITEMS */
.recent-list { border: 1px solid var(--color-border); border-radius: 8px; overflow: hidden; background: var(--color-white); }
.recent-item { display: flex; gap: 8px; padding: 12px 16px; border-bottom: 1px solid var(--color-border); align-items: center; }
.recent-item:last-child { border-bottom: none; }
.recent-item:hover { background: var(--color-cream); }

.recent-item__date { flex-shrink: 0; font-size: 0.8125rem; color: var(--color-text-muted); width: 72px; }
.recent-item__body { flex: 1; min-width: 0; font-size: 0.9375rem; display: flex; flex-wrap: wrap; gap: 4px 8px; align-items: center; }
.recent-item__stars { color: var(--color-star); font-size: 0.875rem; flex-shrink: 0; }
.recent-item__name { font-weight: 600; color: var(--color-burgundy); }
.recent-item__gender { font-size: 0.75rem; font-weight: 600; padding: 1px 8px; border-radius: 50px; }
.recent-item__preview { color: var(--color-text-light); font-size: 0.875rem; }
.recent-item__arrow { flex-shrink: 0; color: var(--color-text-muted); font-size: 1rem; }


/* GUIDE CARDS */
.guide-card { display: flex; gap: 12px; background: var(--color-white); border: 1px solid var(--color-border); border-radius: 8px; padding: 16px; cursor: pointer; transition: box-shadow 0.2s; }
.guide-card:hover { box-shadow: 0 4px 12px rgba(58,46,46,0.06); color: var(--color-text); }
.guide-card__icon { font-size: 1.5rem; flex-shrink: 0; margin-top: 2px; }
.guide-card__body { flex: 1; }
.guide-card__title { font-family: var(--font-mincho); font-size: 1.0625rem; font-weight: 700; color: var(--color-text); margin-bottom: 6px; line-height: 1.5; }
.guide-card__desc { font-size: 0.9375rem; color: var(--color-text-light); line-height: 1.7; }


/* ===== 一覧ページ /osusume (pref-*, region-*, agency-card*, trust-*, author-inline, inline-cta) ===== */

.pref-hero { background: var(--color-white); border-bottom: 1px solid var(--color-border); padding: 28px 0 32px; }
.pref-hero .wrapper { max-width: var(--content-max); margin: 0 auto; padding: 0 16px; }
.pref-hero__label { font-size: 0.875rem; font-weight: 700; letter-spacing: 2px; color: var(--color-gold-dark); text-transform: uppercase; margin-bottom: 6px; }
.pref-hero__title { font-family: var(--font-mincho); font-size: 1.75rem; font-weight: 700; line-height: 1.6; color: var(--color-burgundy); margin-bottom: 8px; }
.pref-hero__desc { font-size: 1rem; color: var(--color-text-light); margin-bottom: 24px; line-height: 1.7; }
.pref-hero__desc strong { color: var(--color-gold-light); }
.pref-hero__stats { display: flex; gap: 28px; flex-wrap: wrap; }

.pref-stat { text-align: center; }
.pref-stat__num { font-family: var(--font-mincho); font-size: 1.75rem; font-weight: 700; color: var(--color-burgundy); }
.pref-stat__num small { font-size: 0.93rem; font-weight: 400; }
.pref-stat__label { font-size: 0.93rem; opacity: 0.8; margin-top: 4px; }


/* AUTHOR INLINE (一覧用) */
.author-inline { display: flex; gap: 14px; align-items: center; background: linear-gradient(135deg, var(--color-burgundy) 0%, var(--color-burgundy-light) 100%); color: #fff; padding: 20px 16px; border-radius: 8px; }
.author-inline__avatar { flex-shrink: 0; width: 60px; height: 60px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.3); overflow: hidden; }
.author-inline__avatar img { width: 100%; height: 100%; object-fit: cover; }
.author-inline__name { font-family: var(--font-mincho); font-size: 1.05rem; font-weight: 700; line-height: 1.6; }
.author-inline__desc { font-size: 0.93rem; color: rgba(255,255,255,0.85); line-height: 1.7; }


/* TRUST BAR */
.trust-bar { background: var(--color-white); border-bottom: 1px solid var(--color-border); padding: 10px 0; overflow-x: auto; }
.trust-bar__inner { display: flex; gap: 16px; justify-content: center; padding: 0 16px; white-space: nowrap; }
.trust-item { font-size: 0.875rem; color: var(--color-text-light); display: flex; align-items: center; gap: 4px; }
.trust-item__icon { color: var(--color-burgundy); font-weight: 700; font-size: 1.05rem; }


/* REGION TABS & PANELS */
.region-tabs { display: flex; gap: 6px; flex-wrap: wrap; padding-bottom: 8px; margin-bottom: 20px; }
.region-tab { flex-shrink: 0; padding: 12px 20px; font-size: 1rem; font-weight: 600; color: var(--color-text-light); background: var(--color-white); border: 1px solid var(--color-border); border-radius: 50px; cursor: pointer; transition: all 0.2s; display: flex; align-items: center; gap: 6px; min-height: 48px; }
.region-tab:hover { border-color: var(--color-burgundy); color: var(--color-burgundy); }
.region-tab.is-active { background: var(--color-burgundy); color: #fff; border-color: var(--color-burgundy); }
.region-tab__count { font-size: 0.93rem; opacity: 0.7; }
.region-tab.is-active .region-tab__count { opacity: 0.85; }

.region-panel { display: none; }
.region-panel.is-active { display: block; }


/* AGENCY CARDS */
.agency-card { background: var(--color-white); border: 2px solid var(--color-border); border-radius: 8px; overflow: hidden; margin-top: 20px; margin-bottom: 20px; box-shadow: 0 6px 20px rgba(58, 46, 46, 0.08), 0 2px 6px rgba(58, 46, 46, 0.04); transition: box-shadow 0.2s, transform 0.2s; }
.agency-card:hover { box-shadow: 0 12px 32px rgba(58,46,46,0.12), 0 4px 12px rgba(58,46,46,0.06); transform: translateY(-2px); }
.agency-card__header { display: flex; gap: 14px; padding: 14px 16px; border-bottom: 1px solid var(--color-border); }
.agency-card__img { flex-shrink: 0; width: 80px; height: 80px; border-radius: 6px; overflow: hidden; }
.agency-card__img img { width: 100%; height: 100%; object-fit: cover; }
.agency-card__info { flex: 1; min-width: 0; }
.agency-card__badge { display: inline-block; font-size: 0.75rem; font-weight: 700; padding: 3px 12px; border-radius: 50px; background: var(--color-cream-deep); color: var(--color-text-light); margin-bottom: 6px; }
.agency-card__name { font-family: var(--font-mincho); font-size: 1.05rem; font-weight: 700; color: var(--color-burgundy); margin-bottom: 4px; }
.agency-card__score { font-size: 1rem; color: var(--color-text-light); }
.agency-card__score .stars { color: var(--color-gold); margin-right: 4px; font-size: 1.05rem; }

.agency-card__body { padding: 18px 16px; }
.agency-card__desc { font-size: 0.9375rem; color: var(--color-text-light); line-height: 1.7; margin-bottom: 16px; }
.agency-card__tags { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 16px; }
.agency-card__tag { font-size: 0.93rem; padding: 5px 14px; background: var(--color-cream-deep); color: var(--color-text-light); border-radius: 50px; }
.agency-card__tag--highlight { background: var(--color-burgundy-pale); color: var(--color-burgundy); font-weight: 600; }

.agency-card__links { display: flex; gap: 10px; flex-wrap: wrap; }
.agency-card__link { display: inline-flex; align-items: center; justify-content: center; font-size: 0.875rem; font-weight: 600; padding: 8px 16px; border-radius: 4px; cursor: pointer; text-decoration: none; transition: background 0.2s, color 0.2s; }
.agency-card__link--primary { background: var(--color-burgundy); color: #fff; }
.agency-card__link--primary:hover { background: var(--color-burgundy-light); color: #fff; }
.agency-card__link--secondary { border: 1px solid var(--color-burgundy); color: var(--color-burgundy); background: transparent; }
.agency-card__link--secondary:hover { background: var(--color-burgundy); color: #fff; }


/* ===== 個別ページ /kuchikomi-* (review-page*, review-section*, score-bars*, faq*, review-list*, review-card*) ===== */

.review-page__hero { background: var(--color-white); border-bottom: 1px solid var(--color-border); padding: 20px 0; }
.review-page__header { max-width: var(--content-max); margin: 0 auto; padding: 0 16px; }

.review-section { padding: 28px 0; border-bottom: 1px solid var(--color-border); }
.review-section__label { font-size: 0.875rem; font-weight: 700; letter-spacing: 2px; color: var(--color-gold-dark); text-transform: uppercase; margin-bottom: 6px; }
.review-section__title { font-family: var(--font-mincho); font-size: 1.375rem; font-weight: 700; color: var(--color-burgundy); line-height: 1.6; margin-bottom: 8px; }
.review-section__desc { font-size: 1rem; color: var(--color-text-light); margin-bottom: 24px; line-height: 1.7; }


/* SCORE BARS */
.score-bars { background: var(--color-white); border: 1px solid var(--color-border); border-radius: 8px; padding: 18px; }
.score-bar { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.score-bar:last-child { margin-bottom: 0; }
.score-bar__label { flex-shrink: 0; font-size: 0.9375rem; font-weight: 600; color: var(--color-text); width: 80px; }
.score-bar__container { flex: 1; height: 8px; background: var(--color-border); border-radius: 4px; overflow: hidden; }
.score-bar__fill { height: 100%; background: linear-gradient(90deg, var(--color-burgundy), var(--color-gold)); }
.score-bar__value { flex-shrink: 0; font-size: 1rem; font-weight: 700; color: var(--color-burgundy); width: 30px; text-align: right; }


/* FAQ */
.faq { margin: 24px 0; }
.faq__item { background: var(--color-white); border: 1px solid var(--color-border); border-radius: 8px; margin-bottom: 10px; }
.faq__item.is-open .faq__answer { display: block; }
.faq__question { padding: 16px; cursor: pointer; display: flex; align-items: center; gap: 12px; font-weight: 600; color: var(--color-text); user-select: none; }
.faq__question::before { content: '+'; flex-shrink: 0; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; background: var(--color-burgundy); color: #fff; border-radius: 50%; font-weight: 700; }
.faq__item.is-open .faq__question::before { content: '−'; }
.faq__answer { display: none; padding: 0 16px 16px; border-top: 1px solid var(--color-border); font-size: 0.9375rem; color: var(--color-text-light); line-height: 1.8; }


/* REVIEW LISTS */
.review-list { display: flex; flex-direction: column; gap: 12px; }
.review-list--grid { display: grid; grid-template-columns: 1fr; gap: 12px; }


/* REVIEW CARDS */
.review-card { background: var(--color-white); border: 1px solid var(--color-border); border-radius: 8px; padding: 16px; transition: box-shadow 0.2s; }
.review-card:hover { box-shadow: 0 4px 12px rgba(58,46,46,0.06); }
.review-card__header { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.review-card__avatar { flex-shrink: 0; width: 48px; height: 48px; border-radius: 50%; overflow: hidden; border: 2px solid var(--color-gold); }
.review-card__avatar img { width: 100%; height: 100%; object-fit: cover; }
.review-card__info { flex: 1; min-width: 0; }
.review-card__name { font-weight: 700; font-size: 0.9375rem; color: var(--color-text); }
.review-card__meta { font-size: 0.8125rem; color: var(--color-text-muted); }
.review-card__rating { flex-shrink: 0; display: flex; align-items: center; gap: 4px; }
.review-card__stars { color: var(--color-star); font-size: 0.875rem; }
.review-card__score { font-weight: 700; color: var(--color-burgundy); font-size: 0.9375rem; }
.review-card__body { font-size: 0.9375rem; color: var(--color-text-light); line-height: 1.8; margin-bottom: 12px; }
.review-card__footer { display: flex; gap: 12px; font-size: 0.8125rem; color: var(--color-text-muted); border-top: 1px solid var(--color-border); padding-top: 12px; }


.review-card-google { background: var(--color-white); border: 1px solid var(--color-border); border-radius: 8px; padding: 16px; }
.review-card-google__header { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.review-card-google__avatar { flex-shrink: 0; width: 40px; height: 40px; border-radius: 50%; overflow: hidden; }
.review-card-google__avatar img { width: 100%; height: 100%; object-fit: cover; }
.review-card-google__name { font-weight: 700; font-size: 0.9375rem; color: var(--color-text); }
.review-card-google__date { font-size: 0.8125rem; color: var(--color-text-muted); }
.review-card-google__rating { flex-shrink: 0; }
.review-card-google__body { font-size: 0.9375rem; color: var(--color-text-light); line-height: 1.8; }


/* ===== レスポンシブ (@media min-width: 768px) ===== */

@media (min-width: 768px) {
  .content-wrap { padding: 0 16px 60px; }

  .btn-primary { font-size: 1.0625rem; padding: 16px 32px; }
  .btn-secondary { font-size: 1rem; padding: 14px 28px; }

  .section { padding: 48px 0; }
  .section__title { font-size: 1.5rem; margin-bottom: 12px; }
  .section__desc { font-size: 1.0625rem; margin-bottom: 28px; }

  .intro-box { padding: 28px 24px; font-size: 1.0625rem; }

  .cta-section { padding: 28px 18px; }
  .cta-section__title { font-size: 1.1875rem; margin-bottom: 8px; }
  .cta-section__desc { font-size: 1rem; margin-bottom: 16px; }

  .hub-hero { padding: 40px 0 48px; }
  .hub-hero__title { font-size: 2rem; }

  .filter-bar { gap: 12px; }
  .filter-btn { padding: 10px 18px; font-size: 0.9375rem; }

  .hub-card { padding: 18px; border-radius: 10px; }
  .hub-card__header { gap: 14px; }
  .hub-card__rank { width: 56px; height: 56px; font-size: 1.5rem; }
  .hub-card__name { font-size: 1.5rem; }

  .recent-list { border-radius: 10px; }
  .recent-item { padding: 14px 20px; gap: 12px; }

  .guide-card { gap: 16px; padding: 20px; border-radius: 10px; }
  .guide-card__icon { font-size: 1.75rem; }
  .guide-card__title { font-size: 1.125rem; }
  .guide-card__desc { font-size: 1rem; }

  .pref-hero { padding: 40px 0 48px; }
  .pref-hero__title { font-size: 2rem; }
  .pref-hero__stats { gap: 40px; }

  .author-inline { padding: 28px 24px; gap: 18px; }
  .author-inline__avatar { width: 80px; height: 80px; }
  .author-inline__name { font-size: 1.125rem; }

  .trust-bar { padding: 12px 0; }
  .trust-bar__inner { gap: 24px; padding: 0 24px; }

  /* m-okada compat: removed desktop override (pill at all sizes) */
  /* m-okada compat: removed desktop override */

  .agency-card { border-radius: 10px; }
  .agency-card__header { padding: 18px; }
  .agency-card__img { width: 100px; height: 100px; }
  .agency-card__name { font-size: 1.125rem; }
  .agency-card__body { padding: 20px; }
  .agency-card__tag { padding: 6px 14px; }
  .agency-card__links { gap: 12px; }

  .review-card { padding: 20px; border-radius: 10px; }
  .review-card__header { gap: 14px; margin-bottom: 14px; }
  .review-card__avatar { width: 56px; height: 56px; }
  .review-card__name { font-size: 1rem; }
  .review-card__body { font-size: 1rem; }

  .faq__item { margin-bottom: 12px; }
  .faq__question { padding: 18px; }
  .faq__answer { padding: 0 18px 18px; font-size: 1rem; }

  .review-page__hero { padding: 28px 0; }
  .review-section { padding: 32px 0; }
  .review-section__title { font-size: 1.5rem; }
}

/* parent override: odd row 縞模様 (Hello Elementor) を透明化 */
table tbody>tr:nth-child(odd)>td,
table tbody>tr:nth-child(odd)>th {
    background-color: transparent;
}

/* === USER REQUEST 2026-05-06: section/tag tweaks === */
.agency-card__tag { background: #E4F2E3; }
.agency-card__tags { margin-top: 10px; }
.section--alt { padding: 18px 0px; }
.section__title { margin-bottom: 18px; }
@media (min-width: 768px) {
  .section--alt { padding: 26px 0px; }
  .section__title { margin-bottom: 22px; }
}

/* === USER REQUEST 2026-05-06 #2: f-item999 margin + tag color === */
@media (min-width: 991px) {
  .f-item999:nth-child(odd)  { margin: 5px 1.5% 30px 0.5%; }
  .f-item999:nth-child(even) { margin: 5px 0.5% 30px 1.5%; }
}
@media (max-width: 990px) {
  .f-item999:nth-child(odd)  { margin: 5px 1% 30px 0.5%; }
  .f-item999:nth-child(even) { margin: 5px 0.5% 30px 1%; }
}
.agency-card__tag {
  color: var(--color-burgundy);
  font-weight: 600;
}

/* [JMH_HUBHERO_ALIGN 2026-05-07] */
.hub-hero .wrapper { text-align: left; }