@charset "utf-8";
/* このファイルはメンテナンス画面の「css追加編集」から自動生成されます。
   直接編集しても、次にメンテナンス画面で保存したときに消えます。 */

/* ===== 料金プランのページ ===== */
/* ------------------------------------------------------------------
   料金プランのページ（/price/）
   テンプレートの色・文字の変数だけを使うので、暗い配色にも自動で合う。
   クラスはすべて wmprice- で始め、このページの本文の中だけに効かせる。
   ------------------------------------------------------------------ */

/* ---- 最初の枠：金額を主役に ---- */
.wmprice-hero{
  position:relative; overflow:hidden; text-align:center;
  background:var(--panel); border:1px solid var(--border); border-radius:calc(var(--radius) + 6px);
  box-shadow:var(--shadow); padding:clamp(34px,6vw,64px) clamp(20px,5vw,56px);
}
.wmprice-hero::before{
  content:""; position:absolute; inset:0 0 auto 0; height:6px; background:var(--accent);
}
.wmprice-kicker{
  display:inline-block; margin:0 0 18px; padding:5px 14px; border-radius:999px;
  background:var(--accent-soft); color:var(--accent-ink);
  font-weight:700; font-size:.85rem; letter-spacing:.08em;
}
.wmprice-amount{ margin:0; line-height:1; color:var(--ink); }
.wmprice-num{
  font-family:var(--num); font-weight:700; letter-spacing:-.02em;
  font-variant-numeric:tabular-nums;
}
.wmprice-amount .wmprice-num{ font-size:clamp(3.6rem,11vw,6.2rem); color:var(--accent); }
.wmprice-unit{ font-family:var(--disp); font-weight:900; font-size:clamp(1.3rem,3.2vw,1.8rem); margin-left:6px; }
.wmprice-tax{ font-size:.95rem; color:var(--muted); margin-left:4px; }
.wmprice-catch{
  margin:22px auto 0; max-width:34em; font-family:var(--disp); font-weight:700;
  font-size:clamp(1.02rem,2.2vw,1.2rem); line-height:1.9; color:var(--ink);
}
.wmprice-chips{
  list-style:none; margin:30px auto 0; padding:0; max-width:760px;
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px;
}
.wmprice-chips li{
  margin:0; padding:14px 8px 12px; border-radius:12px;
  background:var(--panel-2); border:1px solid var(--border);
}
.wmprice-chips b{
  display:block; font-family:var(--disp); font-weight:900; font-size:1.25rem; color:var(--accent-ink);
}
.wmprice-chips span{ display:block; margin-top:4px; font-size:.8rem; color:var(--muted); line-height:1.5; }
.wmprice-cta{ display:flex; flex-wrap:wrap; gap:12px; justify-content:center; margin-top:30px; }
.wmprice-cta .wm-btn{ display:inline-block; text-decoration:none; }
@media (max-width:640px){
  .wmprice-chips{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .wmprice-cta .wm-btn{ width:100%; }
}

/* ---- 本文の共通 ---- */
.wmprice-lead{ font-size:1.02rem; line-height:1.95; color:var(--ink); margin:0 0 22px; }
.wmprice-note{ margin:18px 0 0; font-size:.9rem; color:var(--muted); line-height:1.9; }

/* ---- 比べると ---- */
.wmprice-compare{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.wmprice-col{ border-radius:var(--radius); padding:22px 24px; border:1px solid var(--border); }
.wmprice-col.is-before{ background:var(--panel-2); }
.wmprice-col.is-after{ background:var(--accent-soft); border-color:var(--accent); }
.wmprice-col-ttl{ margin:0 0 12px; font-family:var(--disp); font-weight:900; font-size:1.05rem; }
.wmprice-col.is-before .wmprice-col-ttl{ color:var(--muted); }
.wmprice-col.is-after .wmprice-col-ttl{ color:var(--accent-ink); }
.wmprice-col ul{ list-style:none; margin:0; padding:0; }
.wmprice-col li{ position:relative; margin:0; padding:7px 0 7px 26px; line-height:1.7; }
.wmprice-col.is-before li{ color:var(--muted); }
.wmprice-col.is-before li::before{ content:"－"; position:absolute; left:2px; color:var(--faint); }
.wmprice-col.is-after li{ color:var(--ink); font-weight:700; }
.wmprice-col.is-after li::before{ content:"✓"; position:absolute; left:2px; color:var(--accent); font-weight:900; }
@media (max-width:760px){ .wmprice-compare{ grid-template-columns:1fr; } }

/* ---- 含まれるもの ---- */
.wmprice-include{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.wmprice-group{
  background:var(--panel); border:1px solid var(--border); border-radius:var(--radius);
  padding:20px 22px; box-shadow:var(--shadow);
}
.wmprice-group-ttl{
  margin:0 0 10px; padding-bottom:10px; border-bottom:2px solid var(--accent-soft);
  font-family:var(--disp); font-weight:900; font-size:1.05rem; color:var(--accent-ink);
}
.wmprice-group ul{ list-style:none; margin:0; padding:0; }
.wmprice-group li{ position:relative; margin:0; padding:6px 0 6px 24px; line-height:1.7; font-size:.95rem; }
.wmprice-group li::before{ content:"✓"; position:absolute; left:0; color:var(--accent); font-weight:900; }
@media (max-width:860px){ .wmprice-include{ grid-template-columns:1fr; } }

/* ---- はじめてでも ---- */
.wmprice-points{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; counter-reset:wmp; }
.wmprice-point{
  counter-increment:wmp; position:relative; background:var(--panel-2);
  border-radius:var(--radius); padding:22px 22px 20px;
}
.wmprice-point::before{
  content:counter(wmp); display:inline-grid; place-items:center; width:30px; height:30px; border-radius:50%;
  background:var(--accent); color:#fff; font-family:var(--num); font-weight:700; margin-bottom:10px;
}
.wmprice-point-ttl{ margin:0 0 6px; font-family:var(--disp); font-weight:900; font-size:1.02rem; }
.wmprice-point p:last-child{ margin:0; font-size:.93rem; line-height:1.85; color:var(--muted); }
@media (max-width:860px){ .wmprice-points{ grid-template-columns:1fr; } }

/* ---- 選べる3つ ---- */
.wmprice-plans{ display:grid; grid-template-columns:1fr 1.15fr 1fr; gap:14px; align-items:stretch; }
.wmprice-plan{
  background:var(--panel); border:1px solid var(--border); border-radius:var(--radius);
  padding:24px 22px; text-align:center;
}
.wmprice-plan.is-main{ border:2px solid var(--accent); box-shadow:var(--shadow); position:relative; padding-top:32px; }
.wmprice-plan-badge{
  position:absolute; top:-13px; left:50%; transform:translateX(-50%); margin:0;
  background:var(--accent); color:#fff; font-size:.8rem; font-weight:700; letter-spacing:.06em;
  padding:4px 14px; border-radius:999px; white-space:nowrap;
}
.wmprice-plan-ttl{ margin:0 0 8px; font-family:var(--disp); font-weight:900; font-size:1.02rem; }
.wmprice-plan-price{ margin:0 0 12px; font-weight:700; color:var(--muted); }
.wmprice-plan.is-main .wmprice-plan-price{ color:var(--ink); }
.wmprice-plan.is-main .wmprice-plan-price .wmprice-num{ font-size:2.2rem; color:var(--accent); margin-right:2px; }
.wmprice-plan p:last-child{ margin:0; font-size:.92rem; line-height:1.85; color:var(--muted); text-align:left; }
@media (max-width:860px){ .wmprice-plans{ grid-template-columns:1fr; } .wmprice-plan.is-main{ order:-1; } }

/* ---- 料金のQ&A ---- */
.wmprice-faq details{
  background:var(--panel); border:1px solid var(--border); border-radius:12px;
  margin:0 0 10px; padding:0 20px;
}
.wmprice-faq summary{
  cursor:pointer; list-style:none; position:relative; padding:16px 28px 16px 0;
  font-weight:700; line-height:1.7;
}
.wmprice-faq summary::-webkit-details-marker{ display:none; }
.wmprice-faq summary::after{
  content:"＋"; position:absolute; right:0; top:50%; transform:translateY(-50%); color:var(--accent); font-weight:900;
}
.wmprice-faq details[open] summary::after{ content:"－"; }
.wmprice-faq summary:focus-visible{ outline:2px solid var(--accent); outline-offset:2px; border-radius:6px; }
.wmprice-faq details p{ margin:0; padding:0 0 18px; line-height:1.9; color:var(--muted); }

/* ---- 締めの帯 ---- */
.wmprice-end{
  text-align:center; border-radius:calc(var(--radius) + 6px);
  background:var(--accent); color:#fff; padding:clamp(34px,6vw,56px) clamp(20px,5vw,48px);
}
.wmprice-end-ttl{
  margin:0 0 12px; font-family:var(--disp); font-weight:900; line-height:1.6;
  font-size:clamp(1.3rem,3.4vw,1.8rem); color:#fff;
}
.wmprice-end p{ color:rgba(255,255,255,.9); line-height:1.9; margin:0 auto; max-width:34em; }
.wmprice-end .wm-btn-primary{ background:#fff; color:var(--accent-ink); }
.wmprice-end .wm-btn-ghost{ background:transparent; color:#fff; border-color:rgba(255,255,255,.6); }
.wmprice-end .wm-btn-ghost:hover{ background:rgba(255,255,255,.12); color:#fff; }
.wmprice-end .wm-btn:focus-visible{ outline:2px solid #fff; outline-offset:2px; }

/* ---- 区画の箱：本文の横幅いっぱいに広げ、スマホで右にはみ出さない ----
   区画は .row（横並び）の中の幅指定なしの div に入るため、中身の幅まで縮んでしまう */
.row > div:has(> [class^="wmprice-"]){ flex:1 1 100%; max-width:100%; min-width:0; }
[class^="wmprice-"]{ box-sizing:border-box; max-width:100%; }

/* ---- ボタン：テンプレートの .wm-btn（文字色 !important）に負けないよう指定を強める ---- */
.wmprice-cta a.wm-btn.wm-btn-ghost{
  background:transparent; color:var(--accent)!important; border:1.6px solid var(--border-strong); box-shadow:none;
}
.wmprice-end .wmprice-cta a.wm-btn.wm-btn-primary{ background:#fff; color:var(--accent)!important; }
.wmprice-end .wmprice-cta a.wm-btn.wm-btn-ghost{ color:#fff!important; border-color:rgba(255,255,255,.6); }
.wmprice-end .wmprice-cta a.wm-btn.wm-btn-ghost:hover{ background:rgba(255,255,255,.12); }
@media (max-width:640px){
  .wmprice-chips b{ font-size:1.1rem; }
  .wmprice-col, .wmprice-group, .wmprice-point, .wmprice-plan{ padding-left:18px; padding-right:18px; }
}

@media (prefers-reduced-motion:reduce){ .wmprice-hero *, .wmprice-faq *{ transition:none !important; } }

/* ===== AI：特定商取引法に基づく表記 ===== */
/* AI連携のページ（NOD34）の見た目。セレクタの頭の .NodClassSubArea34 は自動で付きます */
.NodClassSubArea34 .row > div:has(> [class*="wmc-"]){flex:1 1 100%;max-width:100%;min-width:0}
/* --- ここから --- */
.NodClassSubArea34 .wmc-law-table{width:100%;border-collapse:collapse;border-top:1px solid var(--border)}
.NodClassSubArea34 .wmc-law-table th, .NodClassSubArea34 .wmc-law-table td{padding:14px 16px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top;line-height:1.8}
.NodClassSubArea34 .wmc-law-table th{width:30%;background:var(--panel-2);color:var(--ink);font-weight:700}
.NodClassSubArea34 .wmc-law-table td{color:var(--ink)}
.NodClassSubArea34 .wmc-note{color:var(--muted);font-size:.9em}
.NodClassSubArea34 .wmc-todo{display:inline-block;margin:2px 0;padding:0 .45em;border:1px dashed var(--accent);border-radius:4px;background:var(--accent-soft);color:var(--accent-ink);font-weight:700}
@media (max-width:640px){
.NodClassSubArea34 .wmc-law-table th, .NodClassSubArea34 .wmc-law-table td{display:block;width:auto}
.NodClassSubArea34 .wmc-law-table th{border-bottom:none;padding-bottom:6px}
.NodClassSubArea34 .wmc-law-table td{padding-top:6px}
}

/* ===== AI：プライバシーポリシー ===== */
/* AI連携のページ（NOD35）の見た目。セレクタの頭の .NodClassSubArea35 は自動で付きます */
.NodClassSubArea35 .row > div:has(> [class*="wmc-"]){flex:1 1 100%;max-width:100%;min-width:0}
/* --- ここから --- */
.NodClassSubArea35 .wmc-law-table{width:100%;border-collapse:collapse;border-top:1px solid var(--border)}
.NodClassSubArea35 .wmc-law-table th, .NodClassSubArea35 .wmc-law-table td{padding:14px 16px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top;line-height:1.8}
.NodClassSubArea35 .wmc-law-table th{width:30%;background:var(--panel-2);color:var(--ink);font-weight:700}
.NodClassSubArea35 .wmc-law-table td{color:var(--ink)}
.NodClassSubArea35 .wmc-note{color:var(--muted);font-size:.9em}
.NodClassSubArea35 .wmc-todo{display:inline-block;margin:2px 0;padding:0 .45em;border:1px dashed var(--accent);border-radius:4px;background:var(--accent-soft);color:var(--accent-ink);font-weight:700}
@media (max-width:640px){
.NodClassSubArea35 .wmc-law-table th, .NodClassSubArea35 .wmc-law-table td{display:block;width:auto}
.NodClassSubArea35 .wmc-law-table th{border-bottom:none;padding-bottom:6px}
.NodClassSubArea35 .wmc-law-table td{padding-top:6px}
}

/* ===== フッター ===== */
footer.site-custom .wmf-wrap{max-width:1120px;margin:0 auto;padding:0 20px;text-align:center}
footer.site-custom .wmf-nav,
footer.site-custom .wmf-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 28px}
footer.site-custom .wmf-nav a{color:var(--ink);text-decoration:none;font-weight:500}
footer.site-custom .wmf-legal{margin-top:18px;padding-top:18px;border-top:1px solid var(--border);gap:6px 24px}
footer.site-custom .wmf-legal a{color:var(--muted);font-size:.85rem;text-decoration:none}
footer.site-custom .wmf-nav a:hover,
footer.site-custom .wmf-legal a:hover{color:var(--accent);text-decoration:underline}
footer.site-custom .wmf-copy{margin:18px 0 0;color:var(--faint);font-size:.8rem}
@media (max-width:640px){
  footer.site-custom .wmf-nav{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;text-align:left}
}

/* ===== AI：機能一覧 ===== */
/* AI連携のページ（NOD5）の見た目。セレクタの頭の .NodClassSubArea5 は自動で付きます */
.NodClassSubArea5 .row > div:has(> [class*="wmc-"]){flex:1 1 100%;max-width:100%;min-width:0}
/* --- ここから --- */
.NodClassSubArea5 .row > div:has(.wmc-fx-hero), .NodClassSubArea5 .row > div:has(.wmc-fx-sum), .NodClassSubArea5 .row > div:has(.wmc-fx-end){flex:1 1 100%;max-width:100%;min-width:0}
.NodClassSubArea5 .wmc-fx-hero{padding:32px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}
.NodClassSubArea5 .wmc-fx-hero-lead{margin:0 0 24px;font-size:1.1rem;line-height:1.9;color:var(--ink)}
.NodClassSubArea5 .wmc-fx-stats{list-style:none;margin:0 0 24px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.NodClassSubArea5 .wmc-fx-stats li{margin:0;padding:18px 10px;border-radius:var(--radius);background:var(--accent-soft);text-align:center}
.NodClassSubArea5 .wmc-fx-stats b{display:block;font-family:var(--num);font-size:2rem;line-height:1.2;color:var(--accent-ink)}
.NodClassSubArea5 .wmc-fx-stats span{display:block;margin-top:4px;font-size:.85rem;color:var(--ink)}
.NodClassSubArea5 .wmc-fx-index{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.NodClassSubArea5 .wmc-fx-index li{margin:0;padding:5px 14px;border:1px solid var(--border);border-radius:999px;background:var(--ground);font-size:.88rem;color:var(--ink)}
.NodClassSubArea5 .wmc-fx-index b{margin-right:6px;font-family:var(--num);color:var(--accent)}
.NodClassSubArea5 .wmc-fx-legend{margin:0;font-size:.88rem;color:var(--muted)}
.NodClassSubArea5 .wmc-fx-legend .wmc-fx-tag{margin:0 6px 0 0}
.NodClassSubArea5 .wmc-fx-sum{display:flex;align-items:center;gap:12px;margin:0 0 20px;padding-bottom:14px;border-bottom:1px solid var(--border);font-size:1rem;font-weight:500;color:var(--ink)}
.NodClassSubArea5 .wmc-fx-num{flex:none;padding:3px 10px;border-radius:999px;background:var(--accent);font-family:var(--num);font-size:.8rem;font-weight:700;color:var(--ground)}
.NodClassSubArea5 .wmc-fx-grid{list-style:none;margin:0 0 12px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.NodClassSubArea5 .wmc-fx-card{margin:0;padding:20px 22px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel)}
.NodClassSubArea5 .wmc-fx-name{margin:0 0 8px;padding-left:12px;border-left:3px solid var(--accent);font-size:1.02rem;font-weight:700;line-height:1.5;color:var(--ink)}
.NodClassSubArea5 .wmc-fx-desc{margin:0;font-size:.92rem;line-height:1.85;color:var(--ink)}
.NodClassSubArea5 .wmc-fx-card.is-option{background:var(--panel-2)}
.NodClassSubArea5 .wmc-fx-card.is-option .wmc-fx-name{display:flex;flex-direction:column-reverse;align-items:flex-start;gap:6px;border-left-color:var(--border-strong)}
.NodClassSubArea5 .wmc-fx-tag{display:inline-block;margin-left:8px;padding:1px 10px;border:1px solid var(--border-strong);border-radius:999px;background:var(--panel);font-size:.72rem;font-weight:700;line-height:1.7;color:var(--muted);white-space:nowrap}
.NodClassSubArea5 .wmc-fx-card .wmc-fx-tag{margin-left:0}
.NodClassSubArea5 .wmc-fx-end{padding:40px 24px;border-radius:var(--radius);background:var(--accent-soft);text-align:center}
.NodClassSubArea5 .wmc-fx-end-ttl{margin:0 0 10px;font-family:var(--disp);font-size:1.4rem;font-weight:700;color:var(--ink)}
.NodClassSubArea5 .wmc-fx-end-txt{margin:0 0 22px;color:var(--ink)}
.NodClassSubArea5 .wmc-fx-end .wm-btns{justify-content:center}
@media (max-width:960px){
.NodClassSubArea5 .wmc-fx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:600px){
.NodClassSubArea5 .wmc-fx-hero{padding:20px}
.NodClassSubArea5 .wmc-fx-stats{gap:8px}
.NodClassSubArea5 .wmc-fx-stats b{font-size:1.35rem}
.NodClassSubArea5 .wmc-fx-grid{grid-template-columns:1fr;gap:12px}
.NodClassSubArea5 .wmc-fx-card{padding:16px 18px}
}

/* ===== AI：お問い合わせ ===== */
/* AI連携のページ（NOD36）の見た目。セレクタの頭の .NodClassSubArea36 は自動で付きます */
.NodClassSubArea36 .row > div:has(> [class*="wmc-"]){flex:1 1 100%;max-width:100%;min-width:0}
/* --- ここから --- */
.NodClassSubArea36 .row > div:has(.wmc-inq){flex:1 1 100%;max-width:100%;min-width:0}
.NodClassSubArea36 .wmc-inq-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.NodClassSubArea36 .wmc-inq-choice{padding:24px 26px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel)}
.NodClassSubArea36 .wmc-inq-choice p{margin:0;line-height:1.8;color:var(--ink)}
.NodClassSubArea36 .wmc-inq .wmc-inq-kicker{margin:0 0 4px;font-family:var(--num);font-size:.78rem;font-weight:700;letter-spacing:.12em;color:var(--accent)}
.NodClassSubArea36 .wmc-inq .wmc-inq-ttl{margin:0 0 10px;font-size:1.15rem;font-weight:700;line-height:1.5;color:var(--ink)}
.NodClassSubArea36 .wmc-inq-line{display:grid;grid-template-columns:220px minmax(0,1fr);gap:36px;align-items:center;padding:34px;border-radius:var(--radius);background:var(--accent-soft)}
.NodClassSubArea36 .wmc-inq-qr{padding:14px 14px 10px;border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);text-align:center}
.NodClassSubArea36 .wmc-inq-qr img{display:block;width:100%;height:auto;border-radius:4px}
.NodClassSubArea36 .wmc-inq .wmc-inq-qr-cap{margin:8px 0 0;font-size:.85rem;line-height:1.5;color:var(--ink)}
.NodClassSubArea36 .wmc-inq-id{font-family:var(--num);font-weight:700}
.NodClassSubArea36 .wmc-inq-steps{list-style:none;counter-reset:wmcstep;margin:0 0 22px;padding:0}
.NodClassSubArea36 .wmc-inq-steps li{counter-increment:wmcstep;position:relative;margin:0 0 10px;padding-left:38px;line-height:1.75;color:var(--ink)}
.NodClassSubArea36 .wmc-inq-steps li::before{content:counter(wmcstep);position:absolute;left:0;top:1px;width:26px;height:26px;border-radius:50%;background:var(--accent);font-family:var(--num);font-size:.82rem;font-weight:700;line-height:26px;text-align:center;color:var(--ground)}
.NodClassSubArea36 .wmc-inq .wmc-inq-note{margin:14px 0 0;font-size:.85rem;line-height:1.7;color:var(--muted)}
.NodClassSubArea36 .wmc-inq-mail{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px 34px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel)}
.NodClassSubArea36 .wmc-inq-mail-body p{margin:0;line-height:1.85;color:var(--ink)}
.NodClassSubArea36 .wmc-inq-mail .wm-btns{flex:none}
.NodClassSubArea36 .wmc-inq-faq{padding:24px;border-top:1px solid var(--border);text-align:center}
.NodClassSubArea36 .wmc-inq-faq p{margin:0 0 16px;color:var(--ink)}
.NodClassSubArea36 .wmc-inq-faq .wm-btns{justify-content:center}
@media (max-width:760px){
.NodClassSubArea36 .wmc-inq-choices{grid-template-columns:1fr}
.NodClassSubArea36 .wmc-inq-line{grid-template-columns:1fr;gap:22px;padding:24px}
.NodClassSubArea36 .wmc-inq-qr{width:180px;margin:0 auto}
.NodClassSubArea36 .wmc-inq-line-body{order:-1}
.NodClassSubArea36 .wmc-inq-mail{flex-direction:column;align-items:stretch;padding:24px}
}

/* ===== AI：よくある質問 ===== */
/* AI連携のページ（NOD7）の見た目。セレクタの頭の .NodClassSubArea7 は自動で付きます */
.NodClassSubArea7 .row > div:has(> [class*="wmc-"]){flex:1 1 100%;max-width:100%;min-width:0}
/* --- ここから --- */
.NodClassSubArea7 .row > div:has(.wmc-faq), .NodClassSubArea7 .row > div:has(.wmc-faq-end){flex:1 1 100%;max-width:100%;min-width:0}
.NodClassSubArea7 .wmc-faq{display:grid;gap:14px;margin:0 0 8px}
.NodClassSubArea7 .wmc-faq-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);overflow:hidden}
.NodClassSubArea7 .wmc-faq-q{display:flex;gap:14px;align-items:flex-start;margin:0;padding:20px 24px;font-size:1.05rem;font-weight:700;line-height:1.65;color:var(--ink)}
.NodClassSubArea7 .wmc-faq-a{display:flex;gap:14px;align-items:flex-start;padding:18px 24px 22px;border-top:1px dashed var(--border);background:var(--panel-2)}
.NodClassSubArea7 .wmc-faq-a p{margin:0;line-height:1.95;color:var(--ink)}
.NodClassSubArea7 .wmc-faq-a strong{color:var(--accent-ink)}
.NodClassSubArea7 .wmc-faq-mark{flex:none;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin-top:-1px;border-radius:50%;background:var(--accent);font-family:var(--num);font-size:.9rem;font-weight:700;line-height:1;color:var(--ground)}
.NodClassSubArea7 .wmc-faq-mark.is-a{border:2px solid var(--accent);background:var(--panel);color:var(--accent)}
.NodClassSubArea7 .wmc-faq-end{margin-top:12px;padding:36px 24px;border-radius:var(--radius);background:var(--accent-soft);text-align:center}
.NodClassSubArea7 .wmc-faq-end-ttl{margin:0 0 8px;font-family:var(--disp);font-size:1.3rem;font-weight:700;color:var(--ink)}
.NodClassSubArea7 .wmc-faq-end-txt{margin:0 0 20px;color:var(--ink)}
.NodClassSubArea7 .wmc-faq-end .wm-btns{justify-content:center}
@media (max-width:600px){
.NodClassSubArea7 .wmc-faq-q{padding:16px 16px;font-size:1rem;gap:10px}
.NodClassSubArea7 .wmc-faq-a{padding:14px 16px 18px;gap:10px}
.NodClassSubArea7 .wmc-faq-mark{width:26px;height:26px;font-size:.8rem}
}