@import "https://fonts.googleapis.com/css2?family=Overpass:wght@700;800&display=swap";
.dr{--dr-concrete:#e8ebed;--dr-blue:#0057b8;--dr-blue-deep:#003f8a;--dr-green:#00843d;--dr-green-deep:#00612c;--dr-yellow:#ffd400;--dr-red:#e60012;--dr-ink:#111417;--dr-text:#23282d;--dr-sign-font:"Overpass", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;--dr-body:"Noto Sans JP", "Inter", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;--dr-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;background:var(--dr-concrete);color:var(--dr-text);font-family:var(--dr-body);position:relative;overflow-x:clip}.dr *,.dr :before,.dr :after{box-sizing:border-box}.dr-sheet{max-width:920px;margin:0 auto;padding:7rem 20px 2.5rem;position:relative}@media (min-width:768px){.dr-sheet{padding-left:64px}}@media (max-width:767px){.dr-sheet{padding-top:6rem}}.dr-spine{display:none}@media (min-width:768px){.dr-spine{background:repeating-linear-gradient(to bottom, var(--dr-yellow) 0 26px, transparent 26px 48px);width:6px;display:block;position:absolute;top:5.5rem;bottom:0;left:24px}}.dr .dr-sign{background:var(--sign-bg,var(--dr-blue));color:var(--sign-fg,#fff);border-radius:10px;position:relative}.dr .dr-sign:before{content:"";border:2px solid var(--sign-line,#fff);pointer-events:none;border-radius:6px;position:absolute;inset:5px}.dr .dr-sign--blue{--sign-bg:var(--dr-blue)}.dr .dr-sign--green{--sign-bg:var(--dr-green)}.dr .dr-sign--yellow{--sign-bg:var(--dr-yellow);--sign-fg:#111417;--sign-line:#111417}.dr .dr-back{letter-spacing:.06em;color:#fff;align-items:center;gap:.6rem;min-height:44px;margin-bottom:1.6rem;padding:0 1.3rem 0 1.1rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:background-color .15s;display:inline-flex}.dr .dr-back:hover{--sign-bg:var(--dr-blue-deep)}.dr .dr-back>span{clip-path:polygon(100% 35%,45% 35%,45% 5%,0 50%,45% 95%,45% 65%,100% 65%);background:#fff;width:1rem;height:.8rem;position:relative}.dr-hero{margin-bottom:1.6rem}.dr .dr-title-sign{align-items:center;gap:1.5rem;padding:1.9rem 2.2rem;display:flex}.dr .dr-title-sign__text{flex:1;min-width:0;position:relative}.dr .dr-title{font-family:var(--dr-sign-font);letter-spacing:.01em;color:#fff;margin:0 0 .7rem;padding-right:.1em;font-size:clamp(2rem,6.5vw,3.6rem);font-weight:800;line-height:1.12}.dr .dr-lead{color:#fff;margin:0;font-size:1.15rem;font-weight:700;line-height:1.6}.dr .dr-title-sign__lanes{flex:none;gap:.5rem;display:flex;position:relative}.dr .dr-title-sign__lanes i{clip-path:polygon(50% 0,100% 42%,68% 42%,68% 100%,32% 100%,32% 42%,0 42%);background:#fff;width:2.3rem;height:3.6rem;display:block}@media (max-width:767px){.dr .dr-title-sign{padding:1.4rem 1.3rem}.dr .dr-title-sign__lanes{display:none}.dr .dr-lead{font-size:1rem}}.dr-plates{flex-wrap:wrap;gap:10px;margin-bottom:3.5rem;display:flex}.dr .dr-plate{border:1.5px solid var(--dr-ink);color:var(--dr-ink);background:#fff;border-radius:4px;padding:.35rem .9rem;font-size:.85rem;font-weight:700;line-height:1.5}@media (max-width:767px){.dr-plates{margin-bottom:2.5rem}}.dr .dr-section{margin-bottom:4.5rem;position:relative}@media (max-width:767px){.dr .dr-section{margin-bottom:3rem}}.dr .dr-h2-wrap{margin-bottom:1.4rem;position:relative}@media (min-width:768px){.dr .dr-h2-wrap:before{content:"";background:repeating-linear-gradient(to right, var(--dr-yellow) 0 8px, transparent 8px 14px);width:40px;height:6px;margin-top:-3px;position:absolute;top:50%;left:-40px}}.dr .dr-h2{max-width:100%;font-family:var(--dr-sign-font);letter-spacing:.01em;color:#fff;align-items:center;gap:.9rem;margin:0;padding:.7rem 1.6rem .7rem .9rem;font-size:1.5rem;font-weight:800;line-height:1.25;display:inline-flex}.dr .dr-h2>span:last-child{position:relative}.dr .dr-shield{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);width:3rem;height:2.7rem;font-family:var(--dr-sign-font);color:#fff;background:#fff;flex:none;justify-content:center;align-items:center;font-size:1.3rem;font-weight:800;line-height:1;display:flex;position:relative}.dr .dr-shield:before{content:"";background:var(--dr-blue-deep);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);position:absolute;inset:3px}.dr .dr-sign--green .dr-shield:before{background:var(--dr-green-deep)}.dr .dr-shield>span,.dr .dr-disc>span{text-box:trim-both cap alphabetic;display:block;position:relative}.dr .dr-h2>span:last-child,.dr .dr-h3{text-box:trim-both cap alphabetic}@supports not (text-box:trim-both cap alphabetic){.dr .dr-shield>span,.dr .dr-disc>span{transform:translateY(.06em)}}@media (max-width:767px){.dr .dr-h2{gap:.7rem;padding-right:1.2rem;font-size:1.25rem}}.dr .dr-board{border:1px solid #c3c9ce;border-top:10px solid var(--dr-blue);background:#fff;border-radius:4px 4px 10px 10px;padding:1.6rem 1.9rem}.dr .dr-board--green{border-top-color:var(--dr-green)}.dr .dr-board__text{color:var(--dr-text);margin:0;font-size:.98rem;font-weight:500;line-height:2}.dr .dr-board__lead{color:var(--dr-text);margin:0 0 1.5rem;font-size:.98rem;font-weight:500}@media (max-width:767px){.dr .dr-board{padding:1.2rem 1.1rem}}.dr .dr-flows{flex-direction:column;gap:2.4rem;display:flex}.dr .dr-flow{justify-content:center;align-items:stretch;gap:.7rem;display:flex}.dr .dr-flow+.dr-flow{position:relative}@media (min-width:768px){.dr .dr-flow+.dr-flow:before{content:"";background:repeating-linear-gradient(to right, var(--dr-yellow) 0 22px, transparent 22px 40px);height:4px;margin-top:-2px;position:absolute;top:-1.2rem;left:0;right:0}}.dr .dr-step{text-align:center;flex:1 1 0;min-width:0;padding:1.2rem 1.2rem 1.1rem}.dr .dr-step__inner{position:relative}.dr .dr-step__title{font-family:var(--dr-sign-font);font-size:1.15rem;font-weight:800;line-height:1.3}.dr .dr-step__sub{font-family:var(--dr-mono);margin-top:.3rem;font-size:.74rem;font-weight:500;line-height:1.5}.dr .dr-arrow{flex:none;justify-content:center;align-self:center;align-items:center;width:3.9rem;height:3.1rem;display:flex}.dr .dr-arrow>i{clip-path:polygon(0 33%,52% 33%,52% 6%,100% 50%,52% 94%,52% 67%,0 67%);background:#fff;width:2.4rem;height:1.9rem;display:block;position:relative}@media (max-width:767px){.dr .dr-flow{flex-direction:column;align-items:center;gap:.6rem}.dr .dr-flow+.dr-flow{margin-top:.4rem}.dr .dr-step{flex:none;width:100%;max-width:300px}.dr .dr-arrow{width:3.1rem;height:3.6rem}.dr .dr-arrow>i{transform:rotate(90deg)}}.dr .dr-feature{grid-template-columns:auto 1fr;column-gap:1.2rem;padding:.4rem 0 1.6rem;display:grid}.dr .dr-features .reveal+.reveal>.dr-feature{border-top:4px dashed #11141747;padding-top:1.6rem}.dr .dr-disc{border:6px solid var(--dr-red);width:3.6rem;height:3.6rem;font-family:var(--dr-sign-font);color:var(--dr-ink);background:#fff;border-radius:50%;grid-row:1;justify-content:center;align-self:center;align-items:center;font-size:1.6rem;font-weight:800;line-height:1;display:flex}.dr .dr-h3{font-family:var(--dr-sign-font);color:var(--dr-ink);align-self:center;margin:0;font-size:1.3rem;font-weight:800;line-height:1.35}.dr .dr-feature__text{color:var(--dr-text);grid-column:2;margin:.7rem 0 0;font-size:.96rem;font-weight:500;line-height:2}.dr .dr-feature__text strong{color:var(--dr-blue);font-weight:700}@media (max-width:767px){.dr .dr-feature{column-gap:.9rem}.dr .dr-disc{border-width:5px;width:3.1rem;height:3.1rem;font-size:1.35rem}.dr .dr-h3{font-size:1.12rem}}.dr .dr-code{border:1.5px solid var(--dr-ink);background:var(--dr-yellow);font-family:var(--dr-mono);color:var(--dr-ink);overflow-wrap:anywhere;border-radius:3px;padding:0 .4em;font-size:.85em;font-weight:500;line-height:1.55;display:inline-block}@media (prefers-reduced-motion:reduce){.dr .dr-back{transition:none}}