/* /contact/ の見た目（2026-11-13）。原本 ~/finance-wp/contact-20261113/build/contact.css。読み込みは mu-plugins/fin-contact.php */
body.cx-page{--nv:#17324A;--nv2:#2F5D7E;--gd:#8A6A2E;--gd2:#B99A4F;--gdl:#D9C48C;--mk:#F2DD9B;--soft:#F7F5EF;--soft2:#EFEBE1;--bd:#E4E0D6;--ink:#22302E;--sub:#57635F;--red:#A4442B;--min:"Shippori Mincho","YuMincho","Hiragino Mincho ProN",serif}
html body.cx-page:not(#_):not(#_) .cathero{display:none}
html body.cx-page:not(#_):not(#_) .ecwp{background:var(--soft);padding:0}
html body.cx-page:not(#_):not(#_) .ecwp > .art{max-width:none;width:auto;margin:0;padding:0;background:none;box-shadow:none;border:0;border-radius:0}
html body.cx-page:not(#_):not(#_) .art__layout,html body.cx-page:not(#_):not(#_) .art__body{max-width:none;margin:0;padding:0;display:block}
html body.cx-page:not(#_):not(#_) .cx{color:var(--ink);font-size:15px;line-height:1.9}
html body.cx-page:not(#_):not(#_) .cx *{box-sizing:border-box}
html body.cx-page:not(#_):not(#_) .cx p,html body.cx-page:not(#_):not(#_) .cx h1,html body.cx-page:not(#_):not(#_) .cx h2,html body.cx-page:not(#_):not(#_) .cx ol,html body.cx-page:not(#_):not(#_) .cx ul{margin:0;padding:0;list-style:none}
html body.cx-page:not(#_):not(#_) .cx h1::before,html body.cx-page:not(#_):not(#_) .cx h2::before,html body.cx-page:not(#_):not(#_) .cx h2::after{display:none}
html body.cx-page:not(#_):not(#_) .cx-wrap,html body.cx-page:not(#_):not(#_) .cx-wrap1{max-width:1160px;margin:0 auto;padding:0 32px}

/* ヒーロー */
html body.cx-page:not(#_):not(#_) .cx-hero{position:relative;background:var(--nv) url(/top-photo/lp-n-office-800.jpg) center/cover;color:#fff;overflow:hidden}
html body.cx-page:not(#_):not(#_) .cx-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(15,36,54,.96) 0%,rgba(23,50,74,.88) 48%,rgba(23,50,74,.55) 100%)}
html body.cx-page:not(#_):not(#_) .cx-hero-in{position:relative;max-width:1160px;margin:0 auto;padding:56px 32px 120px}
html body.cx-page:not(#_):not(#_) .cx-crumb{font-size:12px;color:rgba(255,255,255,.6);letter-spacing:.06em;margin-bottom:44px}
html body.cx-page:not(#_):not(#_) .cx-crumb a{color:rgba(255,255,255,.75)!important;text-decoration:none}
html body.cx-page:not(#_):not(#_) .cx-crumb span{margin:0 8px}
html body.cx-page:not(#_):not(#_) .cx-k{display:flex;align-items:center;gap:12px;color:var(--gdl);font-size:12px;font-weight:700;letter-spacing:.32em;margin-bottom:22px}
html body.cx-page:not(#_):not(#_) .cx-k i{width:36px;height:1px;background:var(--gdl)}
html body.cx-page:not(#_):not(#_) .cx-hero h1{font-family:var(--min);font-weight:700;font-size:46px;line-height:1.45;letter-spacing:.04em;color:#fff;margin-bottom:22px;border:0;padding:0;background:none}
html body.cx-page:not(#_):not(#_) .cx-lead{max-width:620px;color:rgba(255,255,255,.82);font-size:15.5px;line-height:2}
html body.cx-page:not(#_):not(#_) .cx-pts{display:flex;flex-wrap:wrap;gap:0;margin-top:34px;border-top:1px solid rgba(217,196,140,.35);max-width:760px}
html body.cx-page:not(#_):not(#_) .cx-pts li{flex:1 1 0;min-width:180px;padding:16px 20px 0 0;font-size:15px;font-weight:700;color:#fff;margin:0}
html body.cx-page:not(#_):not(#_) .cx-pts li::before{display:none}
html body.cx-page:not(#_):not(#_) .cx-pts b{display:block;font-family:var(--min);color:var(--gdl);font-size:13px;letter-spacing:.12em;margin-bottom:2px}
html body.cx-page:not(#_):not(#_) .cx-pts small{margin-left:8px;font-size:11px;font-weight:700;color:var(--nv);background:var(--mk);padding:2px 8px;border-radius:999px;vertical-align:2px}

/* 本体：左に流れ、右にフォーム（フォームはヒーローに少し重ねる） */
html body.cx-page:not(#_):not(#_) .cx-main .cx-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:64px;align-items:start}
html body.cx-page:not(#_):not(#_) .cx-side{padding-top:64px}
html body.cx-page:not(#_):not(#_) .cx-form{margin-top:-80px;position:relative;z-index:2}
html body.cx-page:not(#_):not(#_) .cx-lab{color:var(--gd);font-size:11.5px;font-weight:700;letter-spacing:.3em;margin-bottom:8px}
html body.cx-page:not(#_):not(#_) .cx-h{font-family:var(--min);font-weight:700;font-size:28px;line-height:1.5;color:var(--nv);letter-spacing:.04em;margin:0 0 28px;padding:0;border:0;background:none}
html body.cx-page:not(#_):not(#_) .cx-flow{border-top:1px solid var(--bd)}
html body.cx-page:not(#_):not(#_) .cx-flow li{display:flex;gap:22px;padding:22px 0;border-bottom:1px solid var(--bd);margin:0}
html body.cx-page:not(#_):not(#_) .cx-flow li::before{display:none}
html body.cx-page:not(#_):not(#_) .cx-flow b{font-family:var(--min);font-size:30px;line-height:1.1;color:var(--gd2);font-weight:500;min-width:44px}
html body.cx-page:not(#_):not(#_) .cx-flow strong{display:block;font-size:16px;color:var(--nv);margin-bottom:2px}
html body.cx-page:not(#_):not(#_) .cx-flow span{font-size:14px;color:var(--sub);line-height:1.8}
html body.cx-page:not(#_):not(#_) .cx-urg{margin-top:36px;padding:24px 26px;background:#fff;border:1px solid var(--bd);border-left:3px solid var(--red);scroll-margin-top:100px}
html body.cx-page:not(#_):not(#_) .cx-urg-k{font-family:var(--min);font-weight:700;font-size:18px;color:var(--red);margin-bottom:6px}
html body.cx-page:not(#_):not(#_) .cx-urg p{font-size:14px;color:var(--ink);line-height:1.85}
html body.cx-page:not(#_):not(#_) .cx-urg-b{margin-top:14px;appearance:none;border:1px solid var(--red);background:#fff;color:var(--red);font:inherit;font-weight:700;font-size:14px;padding:9px 20px;border-radius:999px;cursor:pointer;transition:.15s}
html body.cx-page:not(#_):not(#_) .cx-urg-b:hover{background:var(--red);color:#fff}
html body.cx-page:not(#_):not(#_) .cx-note{margin-top:22px;font-size:12px;color:var(--sub);line-height:1.8}

/* フォーム */
html body.cx-page:not(#_):not(#_) .cx-form .sk-lead{margin:0;background:#fff;border:1px solid var(--bd);border-radius:4px;box-shadow:0 30px 60px -30px rgba(23,50,74,.35);overflow:hidden;padding:0}
html body.cx-page:not(#_):not(#_) .cx-form .sk-lead__head{background:#fff;padding:34px 36px 6px;border:0;color:var(--ink)}
html body.cx-page:not(#_):not(#_) .cx-form .sk-lead__head::before{content:"FORM";display:block;color:var(--gd);font-size:11.5px;font-weight:700;letter-spacing:.3em;margin-bottom:6px}
html body.cx-page:not(#_):not(#_) .cx-form .sk-lead__title{font-family:var(--min);font-weight:700;font-size:26px;color:var(--nv);margin:0 0 8px;padding:0;border:0;background:none}
html body.cx-page:not(#_):not(#_) .cx-form .sk-lead__title::before,html body.cx-page:not(#_):not(#_) .cx-form .sk-lead__title::after{display:none}
html body.cx-page:not(#_):not(#_) .cx-form .sk-lead__desc{font-size:13.5px;color:var(--sub);line-height:1.85;margin:0}
html body.cx-page:not(#_):not(#_) .cx-form .sk-lead__form{padding:18px 36px 34px;background:#fff}
html body.cx-page:not(#_):not(#_) .cx-form .sk-lead__row{margin:0 0 18px}
html body.cx-page:not(#_):not(#_) .cx-form .sk-lead__label{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--nv);margin-bottom:7px}
html body.cx-page:not(#_):not(#_) .cx-form .sk-lead__req{font-size:10.5px;font-weight:700;color:var(--gd);background:none;border:1px solid var(--gdl);padding:0 7px;border-radius:2px;line-height:1.7}
html body.cx-page:not(#_):not(#_) .cx-form .sk-lead__input{width:100%;font:inherit;font-size:15px;color:var(--ink);background:var(--soft);border:1px solid var(--bd);border-radius:3px;padding:12px 14px;box-shadow:none;transition:.15s}
html body.cx-page:not(#_):not(#_) .cx-form .sk-lead__input:focus{outline:0;background:#fff;border-color:var(--nv2);box-shadow:0 0 0 3px rgba(47,93,126,.14)}
html body.cx-page:not(#_):not(#_) .cx-form .sk-lead__textarea{min-height:150px;resize:vertical}
html body.cx-page:not(#_):not(#_) .cx-form .sk-lead__consent{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--sub);margin:4px 0 18px}
html body.cx-page:not(#_):not(#_) .cx-form .sk-lead__consent a{color:var(--nv2)!important}
html body.cx-page:not(#_):not(#_) .cx-form .sk-lead__submit{display:block;width:100%;appearance:none;border:0;border-radius:3px;background:var(--nv);color:#fff;font:inherit;font-size:16px;font-weight:700;letter-spacing:.08em;padding:17px;cursor:pointer;box-shadow:none;transition:.15s}
html body.cx-page:not(#_):not(#_) .cx-form .sk-lead__submit::after{content:"→";margin-left:12px;color:var(--gdl)}
html body.cx-page:not(#_):not(#_) .cx-form .sk-lead__submit:hover{background:#234760}
html body.cx-page:not(#_):not(#_) .cx-form .sk-lead__note{font-size:11.5px;color:var(--sub);line-height:1.8;margin:12px 0 0;text-align:left}
html body.cx-page:not(#_):not(#_) .cx-form .sk-lead__notice{margin:0 36px 0;padding:14px 16px;font-size:14px;border-radius:3px}
/* 通常／急ぎの切り替え（JS が差し込む） */
html body.cx-page:not(#_):not(#_) .cx-seg{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--bd);border-radius:3px;padding:3px;background:var(--soft);margin:0 0 22px}
html body.cx-page:not(#_):not(#_) .cx-seg button{appearance:none;border:0;background:none;font:inherit;font-size:14px;font-weight:700;color:var(--sub);padding:11px 8px;border-radius:2px;cursor:pointer;line-height:1.4}
html body.cx-page:not(#_):not(#_) .cx-seg button small{display:block;font-size:11px;font-weight:500;opacity:.85}
html body.cx-page:not(#_):not(#_) .cx-seg button[aria-pressed="true"]{background:#fff;color:var(--nv);box-shadow:0 1px 3px rgba(23,50,74,.15)}
html body.cx-page:not(#_):not(#_) .sk-lead.cx-is-urgent .cx-seg button.u[aria-pressed="true"]{background:var(--red);color:#fff}
html body.cx-page:not(#_):not(#_) .sk-lead.cx-is-urgent{border-top:3px solid var(--red)}
html body.cx-page:not(#_):not(#_) .sk-lead.cx-is-urgent .sk-lead__submit{background:var(--red)}

/* 急ぎの打ち手 */
html body.cx-page:not(#_):not(#_) .cx-fast{padding:96px 0 0}
html body.cx-page:not(#_):not(#_) .cx-fast-g{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--nv)}
html body.cx-page:not(#_):not(#_) .cx-fast-g > div{padding:26px 28px 6px 0;margin-right:28px;display:flex;flex-direction:column}
html body.cx-page:not(#_):not(#_) .cx-fast-g > div + div{padding-left:28px;border-left:1px solid var(--bd);margin-right:0}
html body.cx-page:not(#_):not(#_) .cx-fast-g b{font-family:var(--min);color:var(--gd2);font-size:14px;letter-spacing:.12em}
html body.cx-page:not(#_):not(#_) .cx-fast-g strong{font-family:var(--min);font-size:20px;color:var(--nv);margin:4px 0 10px}
html body.cx-page:not(#_):not(#_) .cx-fast-g span{font-size:14px;color:var(--sub);line-height:1.9;flex:1}
html body.cx-page:not(#_):not(#_) .cx-fast-g a{margin-top:14px;font-size:13.5px;font-weight:700;color:var(--nv)!important;text-decoration:none;border-bottom:1px solid var(--gdl);align-self:flex-start;padding-bottom:2px}

/* 自分で整理 */
html body.cx-page:not(#_):not(#_) .cx-self{padding:96px 0 110px}
html body.cx-page:not(#_):not(#_) .cx-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
html body.cx-page:not(#_):not(#_) .cx-cards a{display:block;background:#fff;border:1px solid var(--bd);text-decoration:none;color:var(--ink)!important;transition:.2s;overflow:hidden}
html body.cx-page:not(#_):not(#_) .cx-cards a:hover{transform:translateY(-3px);box-shadow:0 18px 36px -22px rgba(23,50,74,.45)}
html body.cx-page:not(#_):not(#_) .cx-cards img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;margin:0;border-radius:0}
html body.cx-page:not(#_):not(#_) .cx-cards strong{display:block;font-family:var(--min);font-size:17px;color:var(--nv);padding:16px 18px 4px}
html body.cx-page:not(#_):not(#_) .cx-cards span{display:block;font-size:13px;color:var(--sub);line-height:1.75;padding:0 18px 20px}
html body.cx-page:not(#_):not(#_) .cx-ind{margin-top:28px;font-size:13.5px;color:var(--sub);text-align:center}
html body.cx-page:not(#_):not(#_) .cx-ind a{color:var(--nv2)!important}

@media(max-width:960px){
  html body.cx-page:not(#_):not(#_) .cx-main .cx-wrap{grid-template-columns:1fr;gap:0}
  html body.cx-page:not(#_):not(#_) .cx-form{order:-1;margin-top:-60px}
  html body.cx-page:not(#_):not(#_) .cx-side{padding-top:56px}
  html body.cx-page:not(#_):not(#_) .cx-fast-g{grid-template-columns:1fr}
  html body.cx-page:not(#_):not(#_) .cx-fast-g > div,html body.cx-page:not(#_):not(#_) .cx-fast-g > div + div{padding:22px 0;margin:0;border-left:0;border-bottom:1px solid var(--bd)}
  html body.cx-page:not(#_):not(#_) .cx-cards{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  html body.cx-page:not(#_):not(#_) .cx-wrap,html body.cx-page:not(#_):not(#_) .cx-wrap1{padding:0 16px}
  html body.cx-page:not(#_):not(#_) .cx-hero-in{padding:28px 20px 96px}
  html body.cx-page:not(#_):not(#_) .cx-crumb{margin-bottom:28px}
  html body.cx-page:not(#_):not(#_) .cx-hero h1{font-size:29px}
  html body.cx-page:not(#_):not(#_) .cx-lead{font-size:14.5px}
  html body.cx-page:not(#_):not(#_) .cx-pts{flex-direction:column}
  html body.cx-page:not(#_):not(#_) .cx-pts li{padding:10px 0 0;min-width:0;display:flex;align-items:baseline;gap:12px}
  html body.cx-page:not(#_):not(#_) .cx-pts b{margin:0}
  html body.cx-page:not(#_):not(#_) .cx-form .sk-lead__head{padding:26px 20px 4px}
  html body.cx-page:not(#_):not(#_) .cx-form .sk-lead__form{padding:16px 20px 26px}
  html body.cx-page:not(#_):not(#_) .cx-form .sk-lead__notice{margin:0 20px}
  html body.cx-page:not(#_):not(#_) .cx-h{font-size:23px}
  html body.cx-page:not(#_):not(#_) .cx-fast,html body.cx-page:not(#_):not(#_) .cx-self{padding-top:64px}
  html body.cx-page:not(#_):not(#_) .cx-self{padding-bottom:72px}
  html body.cx-page:not(#_):not(#_) .cx-cards{gap:12px}
  html body.cx-page:not(#_):not(#_) .cx-cards strong{font-size:15px;padding:12px 12px 2px}
  html body.cx-page:not(#_):not(#_) .cx-cards span{font-size:12px;padding:0 12px 14px}
}
/* テーマ側の本文幅（720px）と記事の余白を外す */
html body.cx-page:not(#_):not(#_) .ecwp > .art{padding:0!important;margin:0!important;max-width:none!important}
html body.cx-page:not(#_):not(#_) .art__layout,html body.cx-page:not(#_):not(#_) .art__body{max-width:none!important;width:100%!important;padding:0!important;margin:0!important}
html body.cx-page:not(#_):not(#_) .art__body > .cx{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}
/* テーマの色・書体・見出しの余白に勝つための上書き */
html body.cx-page:not(#_):not(#_) .cx-hero h1,html body.cx-page:not(#_):not(#_) .cx-h,html body.cx-page:not(#_):not(#_) .cx-form .sk-lead__title,html body.cx-page:not(#_):not(#_) .cx-flow b,html body.cx-page:not(#_):not(#_) .cx-pts b,html body.cx-page:not(#_):not(#_) .cx-urg-k,html body.cx-page:not(#_):not(#_) .cx-fast-g b,html body.cx-page:not(#_):not(#_) .cx-fast-g strong,html body.cx-page:not(#_):not(#_) .cx-cards strong{font-family:var(--min)!important;letter-spacing:.04em}
html body.cx-page:not(#_):not(#_) .cx-h{margin:0 0 28px!important}
html body.cx-page:not(#_):not(#_) .cx-hero h1{margin:0 0 22px!important}
html body.cx-page:not(#_):not(#_) .cx-form .sk-lead__title{color:var(--nv)!important;margin:0 0 8px!important}
html body.cx-page:not(#_):not(#_) .cx-form .sk-lead__desc{color:var(--sub)!important;opacity:1}
html body.cx-page:not(#_):not(#_) .cx-urg-k{margin:0 0 6px!important}
html body.cx-page:not(#_):not(#_) .cx-note{margin-top:22px!important}
html body.cx-page:not(#_):not(#_) .cx-ind{margin-top:28px!important}
html body.cx-page:not(#_):not(#_) .cx-cards span,html body.cx-page:not(#_):not(#_) .cx-fast-g span,html body.cx-page:not(#_):not(#_) .cx-flow span{display:block}
html body.cx-page:not(#_):not(#_) .cx-form .sk-lead{scroll-margin-top:96px}