/* 任意売却窓口と TSUNAGU の使い分け（2026-10-29）。tsunagu-unification.css の色の変数を使う。全ページで読み込む。 */
/* PC のロゴ欄（幅230px）でヘッダーの説明文の最後の1文字が次の行へ落ちないよう、字間を詰める。 */
@media(min-width:897px){.jr-tsunagu #gHeader .ninbai-site-title em{letter-spacing:0!important;text-wrap:balance}}
/* 以下の TSUNAGU の色は値で書く（/saiken/ では --color-primary がページによって別の値に上書きされているため）。
   #173f35＝TSUNAGU の主色、#0f2b24＝濃い主色、#f6f3ec＝アイボリー */
/* トップの帯は TSUNAGU の主色そのものにする（写真のある帯は写真の上の重ね色が効くので触らない）。 */
.jr-tsunagu #container main section.feature-hero{background-color:#173f35!important}
/* スマホの MENU ボタンは会社サイト共通の青い画像なので、/saiken/ では同じ形の深緑の画像に差し替える。
   tsunagu-unification.css の body.jr-tsunagu .menu.sp{background:…!important} と同じ強さで、後から指定する。 */
body.jr-tsunagu .menu.sp{background:#173f35 url(/saiken/img/menu-tsunagu.png?v=20261029a) center/contain no-repeat!important}
body.jr-tsunagu .menu.sp img{opacity:0}
/* ヘッダー右上の TSUNAGU ボタンを、TSUNAGU の主ボタン（深緑・角5px）に揃える。 */
body.jr-tsunagu #container #gHeader a.jr-portal-header{background:#173f35!important;border-color:#173f35!important;color:#f6f3ec!important;border-radius:5px;transition:background-color .2s}
body.jr-tsunagu #container #gHeader a.jr-portal-header:hover,body.jr-tsunagu #container #gHeader a.jr-portal-header:focus-visible{background:#0f2b24!important;border-color:#0f2b24!important}
body.jr-tsunagu #container #gHeader a.jr-portal-header strong{color:#fff}
@media(min-width:897px){body.jr-tsunagu #container #gHeader a.jr-portal-header{font-size:11px;letter-spacing:.02em;min-height:0;padding:10px 14px}body.jr-tsunagu #container #gHeader a.jr-portal-header strong{font-size:19px}}
.jr-tsunagu #container main .jr-role-split{background:var(--color-ivory);border-bottom:1px solid var(--color-line);padding:36px 0}
.jr-tsunagu #container main .jr-role-split .jr-eyebrow{font-family:var(--font-sans)!important;font-size:15px!important;line-height:1.8!important;letter-spacing:.12em!important;color:var(--color-brass-ink)!important;font-weight:600!important;margin:0 0 16px!important}
.jr-tsunagu .jr-role-split-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:20px}
.jr-tsunagu .jr-role-split-grid>div{background:#fff;border:1px solid var(--color-line);border-radius:6px;padding:22px 24px;min-width:0}
.jr-tsunagu .jr-role-split-grid>.jr-role-split-here{border-top:3px solid var(--color-primary)}
.jr-tsunagu .jr-role-split-grid>.jr-role-split-tsunagu{border-top:3px solid var(--color-brass)}
.jr-tsunagu #container main .jr-role-split-name{font-family:var(--font-serif);font-size:18px!important;line-height:1.7!important;color:var(--color-primary)!important;font-weight:600;margin:0 0 10px!important}
.jr-tsunagu #container main .jr-role-split-name span{display:block;font-family:var(--font-sans);font-size:13px;letter-spacing:.08em;color:var(--color-brass-ink);font-weight:600}
.jr-tsunagu #container main .jr-role-split-name small{display:block;font-size:15px;line-height:1.7;font-weight:500;color:var(--color-ink-sub)}
.jr-tsunagu #container main .jr-role-split p{font-size:16px;line-height:1.9;color:var(--color-ink);margin:0}
.jr-tsunagu #container main .jr-role-split strong{color:var(--color-primary)}
.jr-tsunagu #container main .jr-role-split-links{list-style:none;margin:14px 0 0!important;padding:0!important;display:grid;gap:8px}
.jr-tsunagu #container main .jr-role-split-links li{margin:0!important;padding:0!important;list-style:none}
.jr-tsunagu #container main .jr-role-split-links li::before{content:none!important}
.jr-tsunagu #container main .jr-role-split-links a{display:flex;align-items:flex-start;gap:8px;font-size:15px;line-height:1.7;color:var(--color-primary)!important;text-decoration:underline;text-decoration-color:var(--color-brass-light);text-underline-offset:4px;overflow-wrap:anywhere}
.jr-tsunagu #container main .jr-role-split-links a:hover{text-decoration-color:var(--color-primary)}
.jr-tsunagu #container main .jr-role-split-links a::after{content:"\2197";flex:none;color:var(--color-brass-ink);text-decoration:none}
@media(max-width:896px){
 .jr-tsunagu #container main .jr-role-split{padding:24px 0}
 .jr-tsunagu .jr-role-split-grid{grid-template-columns:minmax(0,1fr);gap:14px}
 .jr-tsunagu .jr-role-split-grid>div{padding:18px}
 .jr-tsunagu #container main .jr-role-split p{font-size:15px}
}
@media print{.jr-tsunagu #container main .jr-role-split{display:none}}