/* REON-CONTACT-CSS v8 (2026-10-07) お問い合わせ上部：リード＋連絡手段カード */
.rc-top{position:relative;max-width:1000px;margin:0 auto 64px;padding:56px 20px 52px;box-sizing:border-box;background:linear-gradient(180deg,#eef8f1 0%,#f8fcf9 70%,#fff 100%);box-shadow:0 0 0 100vmax #f3faf5;clip-path:inset(0 -100vmax);background-clip:padding-box}
.rc-top::before{content:"";position:absolute;inset:0 -100vmax;z-index:-1;background:linear-gradient(180deg,#eaf7ee 0%,#f7fcf9 75%,#fff 100%)}
.rc-top *{box-sizing:border-box}
.rc-lead{text-align:center;margin:0 0 40px}
.rc-lead h2{margin:0 0 18px;font-size:34px;line-height:1.4;font-weight:700;color:#1A8648;letter-spacing:.04em}
.rc-lead h2 span{display:inline-block;margin-right:.3em;font-size:.62em;color:#fff;background:#22A65B;border-radius:999px;padding:.1em .9em;vertical-align:.18em;letter-spacing:.08em}
.rc-lead p{margin:0 auto;max-width:780px;font-size:16px;line-height:2;color:#333;text-align:center}
.rc-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.rc-card{--c:#22A65B;display:flex;flex-direction:column;align-items:center;height:100%;text-decoration:none;color:#333;border-radius:20px;transition:transform .25s}
.rc-tel{--c:#F28C28}.rc-line{--c:#06C755}.rc-form{--c:#22A65B}.rc-chat{--c:#8DB63C}
.rc-img{width:100%;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;overflow:hidden}
.rc-img img{width:112%;max-width:none;height:112%;object-fit:cover;display:block;transition:transform .3s}
.rc-body{width:100%;text-align:center;margin-top:-6px}
.rc-body strong{display:block;font-size:22px;line-height:1.4;font-weight:700;color:var(--c);letter-spacing:.04em}
.rc-body span{display:inline-block;margin-top:12px;padding:11px 22px;border-radius:999px;background:var(--c);color:#fff;font-size:16px;font-weight:700;line-height:1.4;box-shadow:0 4px 0 rgba(0,0,0,.14);transition:box-shadow .2s,transform .2s}
.rc-body span::after{content:" ›"}
.rc-card:hover{transform:translateY(-6px)}
.rc-card:hover .rc-img img{transform:scale(1.05)}
.rc-card:hover .rc-body span{box-shadow:0 7px 0 rgba(0,0,0,.14)}
.rc-card:active .rc-body span{transform:translateY(3px);box-shadow:0 1px 0 rgba(0,0,0,.14)}
@media (max-width:768px){
  .rc-top{margin-bottom:44px;padding:36px 16px 36px}
  .rc-lead{margin-bottom:28px}
  .rc-lead h2{font-size:25px}
  .rc-lead p{text-align:left}
  .rc-cards{grid-template-columns:repeat(2,1fr);gap:20px 12px}
  .rc-body strong{font-size:19px}
  .rc-body span{display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;padding:8px 4px;font-size:14px;text-align:center}
  .rc-body span::after{content:none}
}

/* 安心メッセージ＋3ステップ */
.rc-assure{display:flex;align-items:center;gap:28px;max-width:860px;margin:44px auto 0;padding:24px 32px;background:#fff;border-radius:20px;box-shadow:0 6px 20px rgba(34,166,91,.12)}
.rc-assure-chara{flex:0 0 auto}
.rc-assure-chara img{display:block;width:120px;height:auto}
.rc-assure-main{flex:1 1 auto;min-width:0}
.rc-assure-lead{margin:0 0 14px;font-size:22px;line-height:1.5;font-weight:700;color:#1A8648}
.rc-assure-lead small{display:block;margin-top:2px;font-size:16px;font-weight:700;color:#F28C28}
.rc-steps{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.rc-steps li{display:flex;align-items:center;gap:8px;font-size:16px;line-height:1.4;color:#333;font-weight:700}
.rc-steps li b{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#22A65B;color:#fff;font-size:14px}
.rc-steps li+li::before{content:"›";margin-right:2px;color:#22A65B;font-size:22px;line-height:1}
@media (max-width:768px){
  .rc-assure{flex-direction:column;text-align:center;gap:10px;margin-top:32px;padding:20px 16px}
  .rc-assure-chara img{width:92px}
  .rc-assure-lead{font-size:19px}
  .rc-steps{justify-content:center;gap:6px 8px}
  .rc-steps li{font-size:15px}
}

/* 注釈（赤） */
.rc-notes{list-style:none;margin:16px auto 0;padding:0;max-width:780px;text-align:left}
.rc-notes li{position:relative;margin:0 0 6px;padding-left:1.1em;font-size:15px;line-height:1.8;color:#C62828}
.rc-notes li::before{content:"※";position:absolute;left:0;top:0}
@media (max-width:768px){.rc-notes li{font-size:14px}}

/* フォーム見出し（アンカー位置） */
.rc-form-title{margin:0 0 8px;padding:0;text-align:center;font-size:30px;line-height:1.4;font-weight:700;color:#1A8648;letter-spacing:.06em;scroll-margin-top:90px}
.rc-form-title::after{content:"";display:block;width:56px;height:4px;margin:12px auto 0;border-radius:2px;background:#22A65B}
@media (max-width:768px){.rc-form-title{font-size:24px}}