/* 口コミ文案作成フォーム（弁護士法人Ｍ＆Ａ総合法律事務所）
   すべてのセレクタを .mrf 配下に限定し、他ページ・テーマの表示には影響させない。 */
.mrf{
  --mrf-ink:#19212b;--mrf-muted:#697586;--mrf-line:#dde3ea;--mrf-soft:#f5f7f9;--mrf-card:#fff;
  --mrf-accent:#143d66;--mrf-accent-dark:#0d2d4d;--mrf-accent-soft:#eef4fa;--mrf-ok:#12633d;
  --mrf-shadow:0 12px 36px rgba(25,33,43,.08);--mrf-radius:18px;
  box-sizing:border-box;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Yu Gothic UI","Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
  font-size:15px;line-height:1.7;color:var(--mrf-ink);font-weight:500;
  background:linear-gradient(180deg,#f7f9fb 0,#eef2f6 100%);
  border-radius:20px;
}
.mrf *,.mrf *::before,.mrf *::after{box-sizing:border-box}
.mrf-wrap{width:min(820px,calc(100% - 28px));margin:0 auto;padding:28px 0 40px}
.mrf-brand{text-align:center;margin:4px 0 22px}
.mrf-brand-name{font-size:13px;letter-spacing:.08em;color:var(--mrf-muted);font-weight:700}
.mrf h1.mrf-h1{font-size:clamp(26px,5vw,38px);line-height:1.35;margin:10px 0;padding:0;letter-spacing:.02em;font-weight:700;color:var(--mrf-ink);background:none;border:0}
.mrf p.mrf-lead{margin:0 auto;padding:0;max-width:670px;color:var(--mrf-muted);font-size:15px;line-height:1.7}
.mrf-privacy{display:inline-flex;gap:7px;align-items:center;margin-top:12px;padding:6px 11px;border-radius:999px;background:#fff;border:1px solid var(--mrf-line);font-size:12px;color:var(--mrf-muted);line-height:1.5}
.mrf-card{background:var(--mrf-card);border:1px solid rgba(221,227,234,.95);border-radius:var(--mrf-radius);box-shadow:var(--mrf-shadow);padding:24px;margin:16px 0}
.mrf-qhead{display:flex;align-items:flex-start;gap:11px;margin-bottom:15px}
.mrf-num{flex:0 0 auto;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--mrf-accent);color:#fff;font-weight:800;font-size:13px;margin-top:2px;line-height:1}
.mrf-qtitle{font-size:18px;font-weight:800;line-height:1.45}
.mrf-optional{font-size:12px;font-weight:700;color:var(--mrf-muted);margin-left:7px}
.mrf-hint{font-size:13px;color:var(--mrf-muted);margin-top:3px}
.mrf-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mrf-choice{position:relative}
.mrf-choice input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;margin:0}
.mrf-choice label{display:flex;align-items:center;min-height:52px;padding:12px 14px;margin:0;border:1px solid var(--mrf-line);border-radius:13px;background:#fff;cursor:pointer;font-size:14px;font-weight:650;line-height:1.5;color:var(--mrf-ink);transition:.15s ease}
.mrf-choice label:hover{border-color:#b9c6d4;background:#fbfcfd}
.mrf-choice input:checked+label{border-color:var(--mrf-accent);background:var(--mrf-accent-soft);box-shadow:inset 0 0 0 1px var(--mrf-accent);color:var(--mrf-accent-dark)}
.mrf-choice input:focus-visible+label{outline:2px solid var(--mrf-accent);outline-offset:2px}
.mrf textarea{display:block;width:100%;min-height:84px;max-width:100%;resize:vertical;border:1px solid var(--mrf-line);border-radius:13px;padding:13px 14px;margin:0;font:inherit;font-size:15px;line-height:1.7;color:var(--mrf-ink);outline:none;background:#fff;-webkit-appearance:none;appearance:none}
.mrf textarea:focus{border-color:var(--mrf-accent);box-shadow:0 0 0 3px rgba(20,61,102,.10)}
.mrf-count{text-align:right;font-size:12px;color:var(--mrf-muted);margin-top:4px}
.mrf button{font-family:inherit;line-height:1.4;-webkit-appearance:none;appearance:none;margin:0}
.mrf button.mrf-make{display:block;width:100%;border:0;border-radius:14px;background:var(--mrf-accent);color:#fff;font-size:17px;font-weight:800;padding:16px 18px;cursor:pointer;box-shadow:0 8px 20px rgba(20,61,102,.18);transition:.15s ease}
.mrf button.mrf-make:hover{background:var(--mrf-accent-dark);transform:translateY(-1px)}
.mrf button.mrf-make:disabled{background:#aeb7c2;box-shadow:none;cursor:not-allowed;transform:none}
.mrf-result{display:none;scroll-margin-top:90px}
.mrf-result.show{display:block}
.mrf-result-title{font-size:20px;font-weight:850;margin-bottom:8px}
.mrf p.mrf-result-note{font-size:13px;color:var(--mrf-muted);margin:0 0 13px;padding:0}
.mrf #reviewText{min-height:160px;font-size:16px;line-height:1.8;background:#fbfcfd}
.mrf-btnrow{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.mrf button.mrf-secondary,.mrf button.mrf-google{border-radius:13px;padding:14px 15px;font-weight:800;font-size:15px;cursor:pointer;width:100%}
.mrf button.mrf-secondary{background:#fff;border:1px solid var(--mrf-line);color:var(--mrf-ink)}
.mrf button.mrf-secondary:hover{background:var(--mrf-soft)}
.mrf button.mrf-google{background:#fff;border:1px solid #cbd5e1;color:#1f2937}
.mrf button.mrf-google:hover{background:#f8fafc}
.mrf-copy-ok{min-height:22px;margin-top:7px;text-align:center;color:var(--mrf-ok);font-weight:700;font-size:13px}
.mrf button.mrf-reset{display:block;width:auto;margin:18px auto 0;padding:0;border:0;background:transparent;color:var(--mrf-muted);text-decoration:underline;cursor:pointer;font-size:13px}
.mrf-footer{text-align:center;margin-top:23px;font-size:12px;color:var(--mrf-muted)}
.mrf-required{font-size:11px;color:var(--mrf-accent);border:1px solid #bfd0e1;background:#f5f9fd;border-radius:999px;padding:1px 7px;margin-left:7px;vertical-align:2px;font-weight:700}
.mrf-limit-note{font-size:12px;color:var(--mrf-muted);margin:8px 2px 0;min-height:1.2em}
@media(max-width:620px){
  .mrf-wrap{width:min(100% - 20px,820px);padding-top:18px}
  .mrf-card{padding:19px 16px;border-radius:16px}
  .mrf-choices{grid-template-columns:1fr}
  .mrf-btnrow{grid-template-columns:1fr}
  .mrf h1.mrf-h1{font-size:28px}
  .mrf p.mrf-lead{font-size:14px}
}