/* デザイン提案A/Bの仮ページ（モック差し替えまでの枠） */
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{font-family:'Noto Sans JP',system-ui,-apple-system,sans-serif;color:#1f2529;background:#f4f6f8;font-size:16px;line-height:1.6}
.bar{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 18px;background:#fff;border-bottom:1px solid #e3e7ea}
.bar .logo{width:110px;height:16px;border-radius:8px;background:#cfd6db}
.bar .menu{width:26px;height:18px;border-top:3px solid #9aa4ab;border-bottom:3px solid #9aa4ab;position:relative}
.bar .menu::after{content:"";position:absolute;left:0;right:0;top:4.5px;height:3px;background:#9aa4ab}
.hero{height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;color:#fff}
.hero .eyebrow{font-size:15px;font-weight:500;letter-spacing:.12em;opacity:.9}
.hero .big{font-size:30px;font-weight:700;margin:6px 0 10px;letter-spacing:.04em}
.hero .note{font-size:15px;opacity:.9}
body.a .hero{background:linear-gradient(160deg,#0f6f8f,#3a9bb8)}
body.b .hero{background:linear-gradient(160deg,#8a5a1f,#c08a4a)}
.cards{padding:22px 18px;display:grid;gap:14px}
.card{height:120px;border-radius:14px;background:#fff;border:1px solid #e3e7ea}
.card.tall{height:180px}