/* ==========================================================
   FIBE for MEN  共通CSS
   ========================================================== */
#fibe-mens{
  --bg:#0F1214;
  --bg2:#1A1F22;
  --line:rgba(255,255,255,.14);
  --tx:#F2F2F0;
  --tx2:rgba(242,242,240,.72);
  --tx3:rgba(242,242,240,.48);
  --ac:#38BAAE;
  --ac2:#127A70;
  --sub:#94AE27;
  width:100%;background:var(--bg);color:var(--tx);
}
#fibe-mens *{box-sizing:border-box}
#fibe-mens *::before,#fibe-mens *::after{content:none !important;background:none !important}
#fibe-mens a{text-decoration:none;color:inherit}
#fibe-mens img{max-width:100%;height:auto;display:block}
#fibe-mens h1,#fibe-mens h2,#fibe-mens h3,#fibe-mens p,#fibe-mens ul,#fibe-mens li{margin:0;padding:0;list-style:none}

/* セクションの器：テーマの余白を無視して全幅に */
#fibe-mens .mn-sec{
  width:100vw;max-width:100vw;
  margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
  overflow:hidden;background:var(--bg);
}
#fibe-mens .mn-stage{position:relative;margin:0 auto;overflow:hidden}
#fibe-mens .mn-scaler{
  width:390px;transform-origin:top left;
  font-family:"Noto Sans JP",sans-serif;color:var(--tx);
  -webkit-font-smoothing:antialiased;
  font-feature-settings:'palt' 1;text-wrap:pretty;
}
#fibe-mens .mn-scaler section{width:390px;overflow:hidden}

/* 共通パーツ */
#fibe-mens .kicker{
  font-family:Jost,sans-serif;font-size:11.5px;font-weight:700;
  letter-spacing:.28em;color:var(--ac);
}
#fibe-mens .h2{font-size:27px;font-weight:700;line-height:1.38;letter-spacing:-.02em;margin-top:18px}
#fibe-mens .body{font-size:13px;line-height:2;color:var(--tx2);margin-top:16px}
#fibe-mens .bar{width:44px;height:3px;background:var(--sub);border-radius:999px;margin-top:22px}

/* CTA */
#fibe-mens .cta{display:block;width:100%;background:var(--ac);color:#fff;
  border-radius:999px;padding:18px 20px;text-align:center;
  font-size:15px;font-weight:700;letter-spacing:.02em}
#fibe-mens .cta-sub{display:block;width:100%;margin-top:10px;border:1px solid var(--line);color:var(--tx2);
  border-radius:999px;padding:14px 20px;text-align:center;font-size:13px;font-weight:700}
#fibe-mens .cta-sub:focus-visible{outline:2px solid #fff;outline-offset:3px}
#fibe-mens .cta-note{font-size:11px;color:var(--tx3);text-align:center;margin-top:10px}
#fibe-mens .cta:focus-visible{outline:2px solid #fff;outline-offset:3px}

@media (prefers-reduced-motion:reduce){
  #fibe-mens *{transition:none !important;animation:none !important}
}