/* RODEO 新車の保証 1.8（公開ページ） — 文字の大きさ・行間・字間・フォント・色は RODEO Base の変数だけを使う */
.rg{position:relative;max-width:1050px;margin:0 auto;padding-top:26px;box-sizing:border-box}
.rg *,.rg *::before,.rg *::after{box-sizing:border-box}
.rg p{margin:0 0 1em}
/* 本文は行の端まで詰めて流す（語のまとまりで折ると右側が大きく空くため）。カタカナ語・英数字は PHP 側で nowrap にしている */
.rg p,.rg li,.rg .rg-sd,.rg td{word-break:normal;text-wrap:pretty}
.rg .rg-cta p,.rg .rg-credit,.rg .rg-top{text-align:center}
.rg a{color:var(--rodeo-c-orange-dark)}

/* 上の画像：原寸より大きくしない */
.rg .rg-top{margin:0 0 16px;text-align:center}
.rg .rg-top img{display:inline-block;width:auto;max-width:100%;height:auto;margin:0}

/* 冒頭の説明＋丸ロゴ */
.rg .rg-lead{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px;padding:8px 16px;background:var(--rodeo-c-btn-text);border:1px solid var(--rodeo-c-border);border-bottom:3px solid var(--rodeo-c-orange);border-radius:8px}
.rg .rg-lead p{margin:0}
.rg .rg-logo{display:block;flex:none;width:89px!important;height:89px!important;max-width:none!important;margin:0}

/* 保証を受けるための条件 */
.rg .rg-chk{padding:16px;background:var(--rodeo-c-bg-soft);border:1px solid var(--rodeo-c-border);border-top:3px solid var(--rodeo-c-orange);border-radius:8px}
.rg .rg-chk-h{margin:0 0 8px}
.rg .rg-chk ul{margin:0;padding:0 0 0 1.3em}
.rg .rg-chk li{margin:0 0 4px}
.rg .rg-chk li:last-child{margin:0}

/* 見出し：黒い線＋左端だけオレンジ */
.rg .rg-h{position:relative;margin:40px 0 16px!important;padding:0 0 8px!important;border:0!important;border-bottom:2px solid var(--rodeo-c-text)!important;background:none!important;color:var(--rodeo-c-text)}
.rg .rg-h::before{content:none!important}
.rg .rg-h::after{content:""!important;position:absolute;left:0;bottom:-2px;width:80px;height:2px;background:var(--rodeo-c-orange)}

/* 納車までの流れ */
.rg .rg-steps{list-style:none;counter-reset:rgst;margin:0;padding:0}
.rg .rg-steps li{counter-increment:rgst;position:relative;margin:0;padding:0 0 14px 42px}
.rg .rg-steps li:last-child{padding-bottom:0}
.rg .rg-steps li::before{content:counter(rgst);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;background:var(--rodeo-c-orange);color:var(--rodeo-c-btn-text);font-weight:700;text-align:center;line-height:var(--rodeo-lh-head);padding-top:4px}
.rg .rg-steps li:not(:last-child)::after{content:"";position:absolute;left:13px;top:30px;bottom:2px;width:2px;background:var(--rodeo-c-border)}
.rg .rg-st{display:block;font-weight:700;font-size:var(--rodeo-fs-h3);line-height:var(--rodeo-lh-head);min-height:28px;padding-top:4px;margin-bottom:2px}
.rg .rg-sd{display:block}

/* 点検の表 */
.rg .rg-t{width:100%;border-collapse:collapse;margin:0 0 8px;background:var(--rodeo-c-btn-text)}
.rg .rg-t th,.rg .rg-t td{border:1px solid var(--rodeo-c-border);padding:6px 10px;text-align:left;vertical-align:top;line-height:var(--rodeo-lh-note);background:var(--rodeo-c-btn-text)!important}
.rg .rg-t th{width:8em;white-space:nowrap;font-weight:700;background:var(--rodeo-c-bg-soft)!important}
.rg .rg-tnote{margin:0 0 1em}
.rg .rg-t .rg-l{display:block}

/* ラインナップのタイル */
.rg-nav{margin:24px 0 0}
.rg .rg-nav .rm-nav{margin-bottom:0}

/* ボタン */
.rg .rg-h+p+.rg-btns{margin-top:24px}
.rg-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0}
.rg .rg-btn{min-width:11em;display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:4px 14px;border-radius:6px;text-decoration:none!important;color:var(--rodeo-c-btn-text)!important}
.rg .rodeo-btn-sub.rg-btn{color:var(--rodeo-c-btn-sub-text)!important}
.rg .rodeo-btn-line.rg-btn{color:var(--rodeo-c-line-text)!important}

/* お問い合わせ */
.rg-cta{margin:40px 0 0;padding:16px;background:var(--rodeo-c-bg-soft);border:1px solid var(--rodeo-c-border);border-radius:12px;text-align:center}
.rg .rg-cta p{text-align:center;margin:0 0 12px}
.rg .rg-cta .rg-btns{margin:0 0 12px}
.rg .rg-cta .rodeo-note{margin:0}

/* クレジット */
.rg .rg-credit{margin:36px 0 24px;text-align:center}

@media (max-width:767px){
	.rg .rg-lead{padding:10px 12px;gap:10px}
	.rg .rg-chk{padding:12px}
	.rg .rg-h{margin:32px 0 12px!important}
	.rg .rg-t th{width:6em;padding:6px 8px}
	.rg .rg-t td{padding:6px 8px}
	.rg-btns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
	.rg-btns--2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:300px;margin-left:auto!important;margin-right:auto!important}
	.rg-btns--c{grid-template-columns:1fr;max-width:300px;margin-left:auto!important;margin-right:auto!important}
	.rg .rg-btn{padding:4px 8px;min-width:0}
}