/* 売却準備ガイド（sellguide）ブロックスタイル（mobilestreet/sg-* → mssg-*）／ AION 007_売却準備ガイド・データ転送 hub/ios/android/transfer を移植。各セクションがトップレベル出力のため変数は .mssg-hero / .mssg-sec に定義。全幅前提。*/

/* ---- 共通トークン＆リセット ---- */
.mssg-hero,.mssg-sec{
  --accent:#FF6B35; --accent2:#F59E0B;
  --bg:#FFF6EE; --bg2:#FFFFFF;
  --ink:#2B2018; --muted:#8A7B6D;
  --soft:#FFEFE2; --line:#F1E4D7;
  --ios:#0A84FF; --and:#3DDC84;
  --radius:28px; --radius-sm:16px;
  font-family:'Noto Sans JP',sans-serif;
  color:var(--ink);
  line-height:1.6; -webkit-font-smoothing:antialiased;
}
.mssg-hero *,.mssg-sec *{box-sizing:border-box;}
.mssg-hero img,.mssg-sec img{max-width:100%;display:block;}
.mssg-hero a,.mssg-sec a{color:inherit;text-decoration:none;}
.mssg-hero p,.mssg-sec p{margin-top:0;margin-bottom:0;}
.mssg-hero ul,.mssg-sec ul{list-style:none;padding:0;margin:0;}
.mssg-zen{font-family:'Zen Maru Gothic','Noto Sans JP',sans-serif;}
@keyframes mssg-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}

.mssg-sec{padding:clamp(48px,6vw,80px) 20px;background:var(--bg);}
.mssg-wrap{max-width:1040px;margin:0 auto;}
.mssg-narrow{max-width:860px;margin:0 auto;}
.mssg-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-weight:700;font-size:13px;letter-spacing:.14em;}
.mssg-eyebrow span{width:22px;height:2px;background:var(--accent);}
.mssg-h2{font-weight:900;font-size:clamp(24px,3.6vw,36px);color:var(--ink);margin:12px 0 12px;line-height:1.35;}
.mssg-lead{font-size:15px;color:var(--muted);font-weight:500;line-height:1.9;}
.mssg-center{text-align:center;}

/* ---- HERO ---- */
.mssg-hero{position:relative;overflow:hidden;padding:clamp(46px,6vw,78px) 20px clamp(32px,4vw,44px);
  background:radial-gradient(120% 90% at 50% -10%, var(--soft) 0%, var(--bg) 60%);text-align:center;}
.mssg-blob{position:absolute;border-radius:50%;pointer-events:none;}
.mssg-blob--1{top:-70px;left:-50px;width:270px;height:270px;background:radial-gradient(circle,var(--accent) 0%,transparent 70%);opacity:.12;animation:mssg-float 7s ease-in-out infinite;}
.mssg-blob--2{bottom:-50px;right:-40px;width:230px;height:230px;background:radial-gradient(circle,var(--accent2) 0%,transparent 70%);opacity:.14;animation:mssg-float 9s ease-in-out infinite;}
.mssg-hero__inner{position:relative;max-width:800px;margin:0 auto;}
.mssg-breadcrumb{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12.5px;color:var(--muted);font-weight:600;margin-bottom:16px;flex-wrap:wrap;}
.mssg-breadcrumb a:hover{color:var(--accent);}
.mssg-breadcrumb svg{width:13px;height:13px;opacity:.6;}
.mssg-chip{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);color:var(--accent);font-weight:700;font-size:13px;padding:7px 15px;border-radius:999px;box-shadow:0 6px 16px -8px rgba(70,34,12,.25);}
.mssg-hero h1{font-weight:900;font-size:clamp(28px,4.6vw,44px);line-height:1.28;margin:18px 0 16px;color:var(--ink);}
.mssg-hero h1 span{color:var(--accent);}
.mssg-hero__p{font-size:clamp(14.5px,2.2vw,16px);line-height:1.9;color:var(--muted);font-weight:500;max-width:620px;margin:0 auto;}

/* ---- OS 2択カード（ハブ用） ---- */
.mssg-choose{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:8px;}
.mssg-os{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:var(--bg2);
  padding:clamp(28px,4vw,40px);display:flex;flex-direction:column;align-items:center;text-align:center;
  transition:transform .18s, box-shadow .18s;}
.mssg-os:hover{transform:translateY(-4px);box-shadow:0 26px 50px -26px rgba(70,34,12,.4);}
.mssg-os__badge{width:76px;height:76px;border-radius:22px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:18px;}
.mssg-os__badge svg{width:40px;height:40px;}
.mssg-os--ios .mssg-os__badge{background:linear-gradient(135deg,#0A84FF,#0066CC);}
.mssg-os--and .mssg-os__badge{background:linear-gradient(135deg,#3DDC84,#1FAE68);}
.mssg-os h3{font-weight:900;font-size:clamp(20px,2.8vw,26px);color:var(--ink);margin:0 0 8px;}
.mssg-os p{font-size:14px;line-height:1.85;color:var(--muted);margin-bottom:22px;}
.mssg-os__btn{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px;padding:14px 28px;border-radius:999px;color:#fff;}
.mssg-os--ios .mssg-os__btn{background:var(--ios);box-shadow:0 14px 26px -13px var(--ios);}
.mssg-os--and .mssg-os__btn{background:#1FAE68;box-shadow:0 14px 26px -13px #1FAE68;}
.mssg-os__btn,.mssg-os__btn:link,.mssg-os__btn:visited{color:#fff;}
.mssg-os__btn svg{width:16px;height:16px;}

/* ---- 共通ポイント（ハブ用） ---- */
.mssg-common{background:var(--bg2);}
.mssg-cgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:38px;}
.mssg-cpoint{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:24px 22px;}
.mssg-cpoint .ic{width:46px;height:46px;border-radius:13px;background:var(--soft);color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
.mssg-cpoint .ic svg{width:24px;height:24px;}
.mssg-cpoint h4{font-weight:900;font-size:16px;color:var(--ink);margin:0 0 7px;}
.mssg-cpoint p{font-size:13.5px;line-height:1.8;color:var(--muted);}

/* ---- データ転送の案内（ハブ・準備ページ用） ---- */
.mssg-transfer{margin-top:36px;background:linear-gradient(120deg,var(--accent),var(--accent2));color:#fff;
  border-radius:var(--radius);padding:clamp(28px,4vw,40px);text-align:center;}
.mssg-transfer h3{font-weight:900;font-size:clamp(20px,3vw,26px);margin:0 0 10px;}
.mssg-transfer p{font-size:14.5px;line-height:1.85;opacity:.95;font-weight:500;max-width:620px;margin:0 auto 22px;}
.mssg-transfer a{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--accent);font-weight:700;font-size:15px;padding:14px 28px;border-radius:999px;}
.mssg-transfer a svg{width:17px;height:17px;}

/* ---- STEP フロー（準備ページ用） ---- */
.mssg-steps{max-width:860px;margin:44px auto 0;position:relative;}
.mssg-steps::before{content:"";position:absolute;left:33px;top:20px;bottom:20px;width:2px;
  background:linear-gradient(var(--accent),var(--accent2));opacity:.35;}
.mssg-step{position:relative;display:grid;grid-template-columns:68px 1fr;gap:20px;padding-bottom:26px;}
.mssg-step:last-child{padding-bottom:0;}
.mssg-step__num{position:relative;z-index:1;width:68px;height:68px;border-radius:20px;
  background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  box-shadow:0 12px 24px -10px var(--accent);flex:none;}
.mssg-step__num b{font-size:22px;font-weight:900;line-height:1;font-family:'Zen Maru Gothic',sans-serif;}
.mssg-step__num i{font-style:normal;font-size:9px;font-weight:700;letter-spacing:.1em;opacity:.9;margin-bottom:3px;}
.mssg-step__card{background:var(--bg2);border:1px solid var(--line);border-radius:var(--radius);padding:26px 28px;}
.mssg-step__card h3{font-weight:900;font-size:clamp(17px,2.4vw,20px);color:var(--ink);margin:0 0 12px;line-height:1.5;}
.mssg-step__card p{font-size:14px;line-height:1.9;color:var(--muted);}
.mssg-step__card p + p{margin-top:10px;}
.mssg-step__card .em{color:var(--accent);font-weight:700;}
.mssg-oplist{margin:12px 0 0;display:flex;flex-direction:column;gap:8px;counter-reset:op;}
.mssg-oplist li{display:flex;gap:11px;font-size:13.5px;line-height:1.7;color:var(--ink);}
.mssg-oplist li::before{counter-increment:op;content:counter(op);flex:none;width:22px;height:22px;border-radius:7px;background:var(--soft);color:var(--accent);font-weight:900;font-size:12px;display:flex;align-items:center;justify-content:center;margin-top:1px;}

/* 警告ボックス（買取不可系） */
.mssg-warn{margin-top:14px;background:#FFF3EC;border:1.5px solid var(--accent);border-radius:var(--radius-sm);padding:14px 16px;}
.mssg-warn h4{font-size:13.5px;font-weight:900;color:var(--accent);margin:0 0 6px;display:flex;align-items:center;gap:7px;}
.mssg-warn h4 svg{width:16px;height:16px;flex:none;}
.mssg-warn p{font-size:13px;line-height:1.8;color:var(--ink);}

/* ---- 最終チェック（準備ページ用） ---- */
.mssg-check{background:var(--bg2);}
.mssg-sec .mssg-checklist{max-width:640px;margin:32px auto 0;display:flex;flex-direction:column;gap:10px;text-align:left;}
.mssg-checklist li{display:flex;align-items:center;justify-content:center;gap:12px;background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:14px 18px;font-size:14.5px;font-weight:600;color:var(--ink);}
.mssg-checklist li svg{width:20px;height:20px;color:var(--accent);flex:none;}

/* ---- CTA ---- */
.mssg-cta{background:var(--bg2);}
.mssg-cta__card{max-width:680px;margin:0 auto;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);
  padding:clamp(32px,5vw,52px) clamp(24px,4vw,44px);text-align:center;box-shadow:0 30px 70px -34px rgba(70,34,12,.3);}
.mssg-cta__card h2{font-weight:900;font-size:clamp(24px,3.6vw,34px);margin:0 0 12px;}
.mssg-cta__card p{font-size:15px;color:var(--muted);line-height:1.85;margin-bottom:28px;font-weight:500;}
.mssg-cta__btns{display:flex;flex-direction:column;gap:12px;max-width:420px;margin:0 auto;}
.mssg-cta__btns a{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;border-radius:999px;font-weight:700;font-size:16px;}
.mssg-cta__btns a.line{background:#06C755;color:#fff;box-shadow:0 14px 26px -13px #06C755;}
.mssg-cta__btns a.solid{background:var(--accent);color:#fff;box-shadow:0 14px 26px -13px var(--accent);}
.mssg-cta__btns a.tel{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:0 14px 26px -13px rgba(43,32,24,.5);}
.mssg-cta__btns a.line,.mssg-cta__btns a.line:visited,
.mssg-cta__btns a.solid,.mssg-cta__btns a.solid:visited{color:#fff;}
.mssg-cta__btns a.tel svg{color:var(--accent);}
.mssg-cta__btns a svg{width:18px;height:18px;}

/* ---- 相互リンク（ページ下部） ---- */
.mssg-xlinks{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:680px;margin:28px auto 0;}
.mssg-xlink{display:flex;align-items:center;gap:12px;background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:16px 18px;font-weight:700;font-size:14px;color:var(--ink);transition:.15s;}
.mssg-xlink:hover{border-color:var(--accent);color:var(--accent);}
.mssg-xlink svg{width:18px;height:18px;color:var(--accent);flex:none;}

@media(max-width:720px){
  .mssg-choose,.mssg-xlinks{grid-template-columns:1fr;}
  .mssg-step{grid-template-columns:52px 1fr;gap:14px;}
  .mssg-steps::before{left:25px;}
  .mssg-step__num{width:52px;height:52px;border-radius:16px;}
  .mssg-step__num b{font-size:18px;}
  .mssg-step__card{padding:20px;}
  .mssg-cta__btns a{width:100%;}
}

/* ---- セクション余白の微調整（元HTMLのインラインstyle相当） ---- */
.mssg-sec--tight{padding-top:clamp(24px,3vw,36px);}
.mssg-sec--flush{padding-top:0;}