/* 操作ガイドの新しい版。既存の公開assetは変更しない。 */
body.guide-tasks { --task-border:var(--guide-line); --task-soft:var(--guide-cream); color:var(--guide-ink); background:var(--guide-cream); font-size:18px; }
.guide-tasks *, .guide-tasks *::before, .guide-tasks *::after { box-sizing:border-box; }
.guide-tasks [hidden] { display:none !important; }
.guide-tasks main a { color:var(--guide-ink); }
.guide-tasks button, .guide-tasks input { font:inherit; }
.guide-tasks button { cursor:pointer; }
.guide-tasks :is(a,button,input,summary):focus-visible { outline:3px solid #419ccf; outline-offset:4px; }
.task-wrap { width:min(1180px,calc(100% - 96px)); margin-inline:auto; }
.task-hero { padding:24px 0 26px; border-bottom:1px solid #ffffff20; background:radial-gradient(ellipse at 82% 40%,#1c527855,transparent 63%),var(--guide-navy); }
.task-hero .task-eyebrow { display:flex; align-items:center; gap:10px; margin:0 0 8px; color:#dec086; letter-spacing:.11em; font-size:13px; font-weight:500; }
.task-eyebrow::before { content:""; width:6px; height:6px; flex:0 0 6px; border-radius:50%; background:var(--guide-gold); box-shadow:0 0 0 4px #d4b26c18; }
body.guide-tasks .task-hero h1 { margin:0 0 8px; color:#fff; font-size:clamp(30px,3.3vw,42px); font-weight:700; line-height:1.45; letter-spacing:-.035em; }
.task-hero h1 span { color:#e5c887; }
.task-hero p:not(.task-eyebrow) { margin:0; color:#bbcbdc; font-size:17px; line-height:1.85; }
.task-phone-br { display:none; }
body.guide-tasks > main { width:min(1180px,calc(100% - 96px)); max-width:none; margin:0 auto; padding:24px 0 44px; border:0; border-radius:0; box-shadow:none; background:transparent; }
.task-workspace { display:grid; grid-template-columns:250px minmax(0,1fr); gap:32px; align-items:start; }
body.guide-tasks .task-sidebar { position:sticky; top:20px; max-height:calc(100dvh - 40px); overflow-y:auto; scrollbar-width:thin; padding:0; border:0; border-radius:0; background:transparent; font-size:15px; }
.task-nav-disclosure { margin:0; padding:0; }
body.guide-tasks .task-nav-disclosure > summary { display:none; }
.task-nav-disclosure > .task-navigation { display:block; }
.task-search { display:block; margin:0 0 24px; color:#53667a; font-size:13px; font-weight:700; }
.task-search input { display:block; width:100%; min-height:44px; margin-top:7px; padding:10px 12px; border:1px solid var(--task-border); border-radius:8px; background:#fff; color:var(--guide-ink); font-size:15px; appearance:none; }
.task-nav-group { margin-bottom:24px; }
.task-nav-group > p { margin:0 0 8px; color:var(--guide-gold-dark); font-weight:700; font-size:13px; letter-spacing:.07em; }
.task-nav-group ul { margin:0; padding:0; list-style:none; }
.task-nav-group li { margin:3px 0; }
body.guide-tasks .task-sidebar .task-nav-group a { display:grid; grid-template-columns:25px 1fr 8px; gap:8px; align-items:center; padding:10px 11px; min-height:46px; color:#33495f; font-size:15px; line-height:1.6; text-decoration:none; border:1px solid transparent; border-radius:8px; }
.task-nav-number { color:#887248; font-size:13px; font-variant-numeric:tabular-nums; font-weight:700; }
.task-nav-group a:hover { background:#eee7d8; }
body.guide-tasks .task-sidebar a[aria-current="step"] { color:#fff; background:var(--guide-navy); border-color:var(--guide-navy); box-shadow:inset 3px 0 var(--guide-gold); }
.task-nav-group a[aria-current="step"] .task-nav-number { color:#e1c68c; }
.task-nav-note { margin:0; padding:16px 4px 0; border-top:1px solid #dcd6c8; font-size:13px; color:#6b756f; line-height:1.85; }
.task-main { min-width:0; }
.task-view-bar { display:flex; justify-content:space-between; align-items:center; gap:15px; min-height:44px; margin:0 0 16px; }
.task-view-bar p { margin:0; color:#6b756f; font-size:13px; }
.task-view-bar button { flex-shrink:0; padding:6px 12px; min-height:44px; color:var(--guide-ink); background:#fff; border:1px solid var(--task-border); border-radius:8px; font-size:13px; }
.task-view-bar button[aria-pressed="true"] { color:var(--guide-navy); background:#fbf3dc; border-color:var(--guide-gold); }
.task-panel { margin:0 0 30px; padding:28px 30px; border:1px solid #e0e5eb; border-top:3px solid #173754; border-radius:8px; background:#fff; box-shadow:0 7px 22px #1029410a; }
.task-kicker { margin:0 0 8px; font-size:13px; font-weight:700; color:#8c692f; letter-spacing:.07em; }
body.guide-tasks .task-panel h2 { margin:0 0 12px; padding:0; border:0; color:#071c36; font-size:clamp(24px,2.5vw,31px); line-height:1.55; overflow-wrap:anywhere; }
.task-goal { margin:0 0 20px; color:#3b4d5d; font-size:17px; }
.task-start { padding:14px 17px; border-left:3px solid #d4b26c; background:#fbf8f1; border-radius:0 8px 8px 0; font-size:14px; line-height:1.9; }
.task-start p { margin:0; }
.task-start p + p { margin-top:7px; }
.task-start b { margin-right:12px; color:#72572c; white-space:nowrap; }
.task-waiting { padding:16px 18px; border:1px solid #d4b26c; border-radius:8px; background:#fff8e8; color:#57472c; font-size:15px; line-height:1.9; }
.task-waiting b { display:block; margin-bottom:5px; }
.task-video { margin:28px 0; }
.task-video-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; margin-bottom:6px; }
body.guide-tasks .task-panel h3 { margin:0 0 12px; color:#071c36; font-size:21px; line-height:1.65; letter-spacing:0; }
body.guide-tasks .task-video-heading h3 { margin:0; font-size:18px; }
.task-video-heading > span { color:#816433; font-size:13px; font-variant-numeric:tabular-nums; }
.task-video-caption { margin:0 0 12px; color:#53667a; font-size:13px; line-height:1.8; }
.task-video-caption span { display:block; }
.task-video video { display:block; width:100%; max-height:400px; aspect-ratio:16/9; margin:0; border:1px solid #dadcd8; border-radius:8px; background:#071c36; object-fit:contain; }
.task-video-actions { display:flex; flex-wrap:wrap; gap:10px 18px; align-items:center; margin:14px 0 0; }
.task-primary { display:inline-flex; align-items:center; justify-content:center; gap:12px; padding:10px 20px; min-height:48px; background:linear-gradient(180deg,#fae9b8 0%,#e9c67e 49%,#d5ac58 50%,#e8c779 100%); color:#102941; border:1px solid #e6c77f; border-bottom:3px solid #987128; border-radius:8px; box-shadow:inset 0 1px 0 #fff9,0 5px 0 #76581d30,0 10px 22px #0003; text-shadow:0 1px 0 #fff5; font-size:15px !important; font-weight:700 !important; transition:transform .18s ease,box-shadow .18s ease,filter .18s ease; }
.task-primary span { display:inline-grid; place-items:center; width:26px; height:26px; flex:0 0 26px; border-radius:50%; background:#0b2846; color:#f7d888; font-size:19px; line-height:1; text-shadow:none; }
.task-primary:hover { filter:brightness(1.045); transform:translateY(-2px); box-shadow:inset 0 1px 0 #fff9,0 6px 0 #76581d30,0 13px 25px #0003; }
.task-primary:active { transform:translateY(1px); }
.task-video-state { margin:0; font-size:13px; color:#64717d; }
.task-reading { margin-top:34px; }
.task-reading-intro { margin:-5px 0 18px; color:#64717d; font-size:14px; }
.task-step { margin:0; padding:25px 0; border-top:1px solid #e6e1d6; }
.task-step-title { display:flex; gap:12px; align-items:flex-start; margin-bottom:15px; }
.task-step-title > span { display:grid; flex:0 0 30px; width:30px; height:30px; place-items:center; border-radius:4px; color:#f0d38d; background:#102d4c; font-size:13px; font-weight:700; }
.task-step h4 { margin:0; font-size:19px; color:#102d47; line-height:1.7; font-weight:700; }
.task-place { margin:0 0 16px; color:#52627a; font-size:14px; line-height:1.8; }
.task-place b { margin-right:10px; color:#7d602f; }
.task-instructions { padding:0 0 0 1.6em; margin:0; font-size:17px; line-height:1.95; }
.task-instructions li { padding-left:4px; margin-bottom:10px; overflow-wrap:anywhere; }
.task-instructions li::marker { color:#91733e; font-weight:700; font-size:14px; }
.task-screens { display:grid; gap:16px; margin:22px 0; padding:18px; background:var(--task-soft); border:1px solid var(--task-border); border-radius:8px; }
.task-screens figure { margin:0; min-width:0; text-align:center; }
.task-screens a { display:block; min-height:0; }
.task-screens img { display:block; max-width:100%; height:auto; margin:0 auto; border:1px solid #dde1e4; border-radius:4px; background:white; }
.task-screens figcaption { margin:8px auto 0; color:#596976; font-size:12px; line-height:1.7; overflow-wrap:anywhere; }
.task-screens figcaption span { margin-left:8px; white-space:nowrap; color:#83642d; }
.task-caution { margin:18px 0 0; padding:14px 17px; background:#fbf3dc; border:1px solid #e8dfcb; border-left:3px solid var(--guide-gold); border-radius:0 8px 8px 0; font-size:14px; line-height:1.95; }
.task-caution strong { display:block; color:#7d602f; font-size:13px; margin-bottom:5px; }
.task-caution p { margin:4px 0; overflow-wrap:anywhere; }
.task-success { display:flex; flex-wrap:wrap; gap:4px 12px; margin:18px 0 0; padding:13px 0; border-top:1px dashed #ccd7da; color:#264e5c; font-size:14px; line-height:1.9; }
.task-success b { color:#244654; }
.task-trouble { margin-top:8px; font-size:14px; color:#53667a; }
body.guide-tasks details > summary { cursor:pointer; }
body.guide-tasks .task-trouble summary { font-weight:500; }
.task-trouble p { margin:8px 0; }
.task-faq { margin-top:30px; padding-top:26px; border-top:1px solid #e6e1d6; }
.task-faq details, .task-posting details { padding:10px 0; border-bottom:1px solid #e6e1d6; font-size:15px; }
.task-faq summary { color:#203d56; line-height:1.8; }
.task-faq p { margin:10px 0; line-height:1.95; }
.task-related-video { margin:28px 0 0; padding:12px 16px; border:1px solid #dcdedb; border-radius:8px; color:#304759; font-size:15px; }
.task-related-video .task-video { margin:14px 0 0; }
.task-extra { margin:20px 0 28px; padding:12px 16px; border:1px solid #dcdedb; border-radius:8px; font-size:15px; }
.task-extra > summary { color:#304759; }
.task-extra .task-step:first-of-type { margin-top:12px; }
.task-pdf { margin:28px 0 0; padding:20px; background:var(--task-soft); border:1px solid #e8dfcb; border-top:3px solid #b89247; border-radius:8px; }
body.guide-tasks .task-pdf h3 { font-size:17px; margin-bottom:4px; }
.task-pdf p { margin:0 0 14px; font-size:13px; color:#61717b; }
.task-pdf h4 { margin:20px 0 10px; font-size:16px; }
.task-pdf-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.task-pdf-links a { display:block; padding:12px 14px; min-height:44px; border:1px solid #cfc7b6; border-radius:8px; color:#334856; background:#fff; font-size:14px; font-weight:700; text-decoration:none; line-height:1.6; }
.task-pdf-links a:hover { border-color:#a6884f; background:#fff9e9; }
.task-pdf-links a > span { display:block; font-weight:500; font-size:11px; color:#768078; margin-top:4px; }
.task-next { display:flex; flex-wrap:wrap; gap:8px 16px; justify-content:space-between; align-items:center; margin-top:28px; padding:20px; border-radius:8px; background:#071c36; color:#fff; font-size:14px; }
.task-next > span { color:#d9c18e; }
.task-next p { margin:0; width:100%; line-height:1.8; }
.guide-tasks main .task-next a { display:inline-flex; align-items:center; min-height:44px; color:#f2d79f; text-decoration:none; font-size:15px; font-weight:700; }
.task-next a:hover { text-decoration:underline; }
.task-back { margin:20px 0 0; font-size:13px; text-align:right; }
.task-back a { display:inline-flex; align-items:center; min-height:44px; color:#73806d; }
.task-posting { margin:26px 0; font-size:15px; }
.task-posting h4 { margin:24px 0 10px; font-size:17px; }
.task-template { margin:14px 0; padding:16px; border:1px solid #dedacc; border-radius:8px; white-space:pre-wrap; overflow-wrap:anywhere; font:15px/1.9 var(--guide-font); background:#fbf8ef; }
.task-posting ul { padding-left:1.5em; }
.task-posting li { margin:8px 0; }
.task-downloads { margin:35px 0 20px; padding:18px 24px; background:#fff; border:1px solid #dfd9cb; border-radius:8px; }
.task-downloads > p { font-size:14px; color:#5c6b74; }
.task-downloads > div { padding:18px 0; border-top:1px solid #e7e2d8; }
body.guide-tasks .task-downloads h3 { margin:0 0 10px; font-size:16px; }
.task-disclosure { margin:22px 0 16px; font-size:12px; color:#737d80; line-height:1.9; }
.task-legal-links { display:flex; flex-wrap:wrap; gap:8px 22px; margin:0; font-size:13px; }
.task-legal-links a { display:inline-flex; min-height:44px; align-items:center; }
.task-noscript { padding:16px; background:#fff8e8; font-size:15px; }
.task-mechanism { margin-top:25px; font-size:16px; }
.task-actors { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.task-actors > section { padding:16px; border:1px solid #e4dccb; border-radius:8px; background:#faf7ee; }
body.guide-tasks .task-actors h3 { font-size:17px; margin-bottom:8px; }
.task-actors p { font-size:14px; margin:0; }
@media(min-width:901px) { .task-nav-disclosure > .task-navigation { display:block !important; } }
@media(max-width:1150px) {
 .task-wrap,body.guide-tasks > main { width:calc(100% - 64px); }
 .task-workspace { grid-template-columns:230px minmax(0,1fr); gap:24px; }
 .task-panel { padding:25px; }
 body.guide-tasks .task-sidebar .task-nav-group a { font-size:14px; }
}
@media(max-width:900px) {
 .task-workspace { display:block; }
 body.guide-tasks .task-sidebar { position:static; max-height:none; overflow:visible; margin-bottom:24px; }
 body.guide-tasks .task-nav-disclosure > summary { display:flex; justify-content:space-between; align-items:center; padding:12px 18px; border:1px solid #d7d0bf; border-radius:8px; background:#fff; color:#203b54; font-size:15px; }
 .task-nav-disclosure[open] > summary { border-radius:8px 8px 0 0; }
 .task-nav-disclosure[open] > summary span { transform:rotate(45deg); }
 .task-navigation { padding:20px 18px 0; background:#fff; border:1px solid #d7d0bf; border-top:0; border-radius:0 0 8px 8px; }
 .task-nav-disclosure:not([open]) > .task-navigation { display:none; }
 .task-navigation nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 24px; }
 .task-nav-note { padding-top:10px; border:0; }
 .task-panel { padding:28px; }
}
@media(max-width:800px) {
 .task-wrap,body.guide-tasks > main { width:calc(100% - 48px); }
}
@media(max-width:600px) {
 .task-wrap,body.guide-tasks > main { width:calc(100% - 40px); }
 .task-hero { padding:18px 0 20px; }
 .task-phone-br { display:block; }
 .task-hero p:not(.task-eyebrow) { font-size:15px; }
 body.guide-tasks > main { padding-top:18px; }
 .task-navigation nav { display:block; }
 .task-view-bar { align-items:flex-start; gap:8px; }
 .task-view-bar p { max-width:52%; font-size:11px; }
 .task-view-bar button { padding:6px 9px; font-size:12px; }
 .task-panel { padding:21px 17px; }
 body.guide-tasks .task-panel h2 { font-size:24px; }
 .task-goal { font-size:15px; }
 .task-start { padding:12px; font-size:13px; }
 .task-start b { display:block; }
 .task-video { margin-top:24px; }
 .task-video-caption { font-size:12px; }
 .task-video-heading > span { font-size:12px; }
 .task-video-actions { display:block; }
 .task-primary { width:100%; }
 .task-video-state { margin-top:8px; font-size:12px; }
 body.guide-tasks .task-panel h3 { font-size:19px; }
 body.guide-tasks .task-video-heading h3 { font-size:17px; }
 .task-step h4 { font-size:18px; }
 .task-step-title { gap:9px; }
 .task-instructions { font-size:16px; }
 .task-place { font-size:13px; }
 .task-place b { display:block; }
 .task-screens { padding:10px; gap:18px; margin-block:18px; }
 .task-screens figcaption { font-size:11px; }
 .task-caution { padding:12px; font-size:13px; }
 .task-success { font-size:13px; }
 .task-success b { width:100%; }
 .task-pdf { padding:15px 12px; }
 .task-pdf-links { gap:8px; }
 .task-pdf-links a { padding:10px; font-size:13px; }
 .task-pdf-links a > span { font-size:10px; }
 .task-next { padding:16px; }
 .task-next a { font-size:14px; }
 .task-downloads { padding:14px 17px; font-size:15px; }
 .task-actors { grid-template-columns:1fr; }
}
@media(max-width:360px) {
 .task-wrap,body.guide-tasks > main { width:calc(100% - 32px); }
}
@media(prefers-reduced-motion:reduce) {
 .task-primary { transition:none; }
 .task-primary:hover,.task-primary:active { transform:none; }
}
.task-example { margin:20px 0; overflow-x:auto; border:1px solid #dfd5c4; border-radius:10px; }
.task-example table { width:100%; border-collapse:collapse; font-size:16px; }
.task-example caption { padding:12px; text-align:left; font-weight:650; background:#faf7f0; }
.task-example th,.task-example td { padding:12px; text-align:left; border-top:1px solid #e5e0d6; overflow-wrap:anywhere; }
.task-example th { color:#071c36; background:#f8f6f1; }
.task-example th:first-child,.task-example td:first-child { white-space:nowrap; }
@media print {
 .guide-header,.guide-footer,.task-sidebar,.task-view-bar,.task-video,.task-pdf,.task-next,.task-back,.task-downloads,.task-legal-links { display:none !important; }
 .task-hero { background:#fff; }
 body.guide-tasks .task-hero h1,.task-hero h1 span,.task-hero p:not(.task-eyebrow) { color:var(--guide-ink); }
 .task-panel[hidden] { display:block !important; }
 .task-workspace { display:block; }
 body.guide-tasks > main,.task-wrap { width:100%; }
 .task-panel { border:0; padding:0; box-shadow:none; }
 .task-step,.task-screens figure { break-inside:avoid; }
}