/* ものづくり支部 申込フォーム スタイル */
#mono-form{--accent:#e8731c;--accent2:#2f7fb5;max-width:640px;margin:0 auto;
  font-family:-apple-system,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;color:#333;line-height:1.7}
#mono-form *{box-sizing:border-box}
/* テーマ(Cocoon等)の見出し装飾をフォーム内で打ち消すリセット */
#mono-form h2,#mono-form h3,#mono-form p,#mono-form label{
  margin:0!important;padding:0!important;border:0!important;background:none!important;
  font-family:inherit!important;text-align:left;letter-spacing:normal;color:inherit}
#mono-form h2::before,#mono-form h2::after,#mono-form h3::before,#mono-form h3::after{content:none!important;display:none!important}
#mono-form .mf-head{background:var(--accent);color:#fff;padding:20px 22px;border-radius:12px 12px 0 0}
#mono-form.is-guest .mf-head{background:var(--accent2)}
#mono-form .mf-head h2{font-size:20px!important;line-height:1.45!important;font-weight:700!important;color:#fff!important}
#mono-form .mf-head p{margin:6px 0 0!important;font-size:13px!important;line-height:1.6!important;color:#fff!important;opacity:.95}
#mono-form .mf-body{background:#fff8f1;border:1px solid #e7d8c8;border-top:0;padding:22px;border-radius:0 0 12px 12px}
#mono-form.is-guest .mf-body{background:#f2f8fc;border-color:#cfe1ee}
#mono-form .mf-field{margin-bottom:18px}
#mono-form label.mf-label{display:block;font-weight:700;font-size:14px;margin-bottom:6px}
#mono-form .mf-req{color:#d33;font-size:12px;margin-left:6px}
#mono-form .mf-opt{color:#999;font-size:12px;margin-left:6px}
#mono-form input[type=text],#mono-form input[type=email],#mono-form input[type=tel],#mono-form input[type=url],
#mono-form select,#mono-form textarea{width:100%;padding:11px 12px;border:1px solid #ccc;border-radius:8px;font-size:16px;background:#fff;color:#333}
#mono-form textarea{min-height:80px;resize:vertical}
#mono-form .mf-check{display:block;padding:9px 12px;border:1px solid #ccc;border-radius:8px;background:#fff;margin-bottom:8px;cursor:pointer;font-size:15px}
#mono-form .mf-check input{margin-right:8px;transform:scale(1.2)}
#mono-form .mf-note{font-size:12px;color:#777;margin-top:4px}
#mono-form button{width:100%;padding:15px;background:var(--accent);color:#fff;border:0;border-radius:10px;font-size:17px;font-weight:700;cursor:pointer;margin-top:6px}
#mono-form.is-guest button{background:var(--accent2)}
#mono-form button:disabled{opacity:.55}
#mono-form .mf-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
#mono-form .mf-done{display:none;text-align:center;padding:40px 20px;background:#fff8f1;border:1px solid #e7d8c8;border-radius:12px}
#mono-form .mf-done h3{color:var(--accent)!important;font-size:20px!important}
#mono-form .mf-guide{margin-top:26px;padding:22px 20px;background:#fff;border:1px solid #e7d8c8;border-radius:12px}
#mono-form.is-guest .mf-guide{border-color:#cfe1ee}
#mono-form .mf-guide-lead{margin:0 0 4px!important;font-weight:700;font-size:16px;color:#333}
#mono-form .mf-guide-sub{margin:0 0 16px!important;font-size:13px;color:#777;line-height:1.6}
#mono-form .mf-guide-btn{display:inline-block;padding:13px 28px;background:var(--accent);color:#fff!important;text-decoration:none;border-radius:10px;font-weight:700;font-size:15px}
#mono-form.is-guest .mf-guide-btn{background:var(--accent2)}
#mono-form .mf-guide-btn:hover{opacity:.9}
#mono-form .mf-select{display:flex;gap:12px;margin:6px 0 4px;flex-wrap:wrap}
#mono-form .mf-seg{flex:1;min-width:160px;text-align:center;padding:16px 10px;border:2px solid #ddd;border-radius:12px;background:#fff;cursor:pointer;font-weight:700;font-size:15px;transition:.15s}
#mono-form .mf-seg small{display:block;font-weight:400;font-size:12px;color:#888;margin-top:4px}
#mono-form .mf-seg.on{border-color:var(--accent);background:#fff3e8}
#mono-form .mf-seg.on.guest{border-color:var(--accent2);background:#eaf3fb}
#mono-form .only-member,#mono-form .only-guest,#mono-form .mf-rest{display:none}
#mono-form.is-member .only-member,#mono-form.is-guest .only-guest,
#mono-form.is-member .mf-rest,#mono-form.is-guest .mf-rest{display:block}