body{background:#f3f6fa;color:#172a43;font-family:system-ui,-apple-system,sans-serif;margin:0}.flow-main{max-width:760px;margin:32px auto 100px;padding:28px;background:#fff;border-radius:20px}.flow-main h1{font-size:clamp(26px,4vw,36px);line-height:1.4;margin:12px 0 16px}.flow-note{color:#607086;font-size:16px;line-height:1.8}.flow-badge{color:#607086;font-size:13px}.flow-steps{display:flex;gap:18px;flex-wrap:wrap;list-style:none;margin:0 0 30px;padding:0;color:#607086;font-size:14px}.flow-steps [aria-current]{color:#244775;font-weight:700}.flow-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:28px 0}.flow-kind{border:1px solid #d4dfed;background:white;color:#244775;border-radius:14px;min-height:114px;padding:20px 12px;cursor:pointer;font:inherit;display:flex;flex-direction:column;gap:12px;align-items:center}.flow-kind .symbol{font-size:26px}.flow-kind[aria-pressed=true]{border:2px solid #244775;background:#eef3fa}.flow-actions{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;margin-top:28px}.flow-button{padding:14px 18px;border:1px solid #d4dfed;border-radius:10px;display:inline-block;background:white;color:#244775;font:inherit;text-decoration:none;cursor:pointer;min-height:48px;box-sizing:border-box}.flow-button.primary{background:#244775;color:white;border-color:#244775}.flow-button:disabled{opacity:.6;cursor:wait}.flow-main label{display:block;margin:20px 0 8px}.flow-main input,.flow-main textarea{border:1px solid #cad7e8;border-radius:10px;padding:14px;font:inherit;font-size:16px;box-sizing:border-box;width:100%;background:white;color:#172a43;line-height:1.6}.flow-main details{margin-top:24px;border-top:1px solid #e2e8f1;padding-top:16px}.flow-main summary{padding:8px 0;cursor:pointer}.flow-main dl{margin:12px 0}.flow-main dt{font-size:14px;color:#607086;margin-top:12px}.flow-main dd{margin:4px 0;white-space:pre-wrap;overflow-wrap:anywhere}.flow-error{color:#a82c2c}.flow-main [hidden]{display:none}@media(max-width:600px){.flow-main{padding:24px 18px;margin:20px 12px 100px}.flow-options{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-steps{gap:12px}.flow-actions .primary{flex-grow:1}.flow-badge{display:none}}
#flow-resume{background:#eef3fa;border-radius:12px;padding:12px 14px}#flow-resume a{color:#244775;font-weight:700;margin-left:.3em}
#basic-title:focus{outline:none}

.flow-kind small{display:block;font-size:12px;color:#667a94;font-weight:400;line-height:1.5}.flow-kind{min-height:156px;justify-content:center}.flow-kind strong{font-size:17px}.flow-kind small{max-width:100%}

/* 2026-10-14：必須の印・名前の入力エラー（画面の中で知らせる） */
.flow-required{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:999px;background:#fdecec;color:#a32d2d;font-size:11px;font-weight:700;vertical-align:2px}
.flow-field-error{margin:6px 0 0;color:#a32d2d;font-size:13px;font-weight:700}
#basic-name[aria-invalid="true"]{border-color:#c43a3a;box-shadow:0 0 0 3px #c43a3a22}