@font-face{font-family:Journey;src:url('/assets/journey.ttf');font-display:swap}
:root{--ink:#123c49;--navy:#082b36;--sea:#146d7b;--gold:#e6b54e;--paper:#fffefa;--line:#d7e1e1;--muted:#567079;--red:#ab463a}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Journey,'Noto Sans JP',sans-serif;font-size:17px;line-height:1.95;overflow-wrap:anywhere}button,input{font:inherit}a{color:var(--sea);text-underline-offset:4px}button,a,input,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #da9b30;outline-offset:5px}button,summary{cursor:pointer}img{max-width:100%;height:auto}figure{margin:0}p{margin:0 0 1.15em}h1,h2,h3{line-height:1.55;letter-spacing:.015em}h1{font-size:clamp(32px,4vw,52px);font-weight:600;margin:12px 0 24px}h1 em{font-style:normal;color:var(--sea)}h2{font-size:30px;font-weight:600;margin:0}h3{font-size:21px;font-weight:600;margin:28px 0 13px}.skip{position:fixed;top:-100px;left:10px;z-index:100;padding:10px 15px;background:white}.skip:focus{top:10px}
.guide-header{height:88px;position:sticky;top:0;z-index:30;background:#082b36f7;color:white;display:flex;align-items:center;padding:12px max(24px,calc((100vw - 1260px)/2));gap:17px;box-shadow:0 2px 18px #001c2515}.guide-brand{display:block;flex:none;line-height:0}.guide-brand img{width:60px;height:60px;object-fit:contain;background:#faf8f0;border:1px solid #d8c392;border-radius:10px;padding:4px}.guide-series{font-size:16px;letter-spacing:.1em}.back-home{color:#f1e2bd;margin-left:auto;font-size:14px;text-decoration:none;border-bottom:1px solid #d6c08999;white-space:nowrap}.guide-menu-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex:none;width:52px;height:52px;color:#f0ddb3;background:#173e49;border:1px solid #d6c08966;border-radius:50%;margin-left:8px;padding:0}.guide-menu-button i{width:19px;height:1px;background:currentColor}.guide-menu-button i:nth-child(2){width:13px;margin-left:6px}.guide-menu-button span{font:9px/1 Arial,sans-serif;letter-spacing:.1em;margin-top:2px}#guide-menu{width:min(440px,100vw);height:100dvh;max-height:none;max-width:none;inset:0 0 0 auto;margin:0;padding:28px;color:white;background:var(--navy);border:0;overflow:auto}#guide-menu::backdrop{background:#00161ab8;backdrop-filter:blur(5px)}.guide-menu-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.guide-menu-head h2{font-size:23px}.guide-menu-close{width:46px;height:46px;border:1px solid #ffffff50;border-radius:50%;background:none;color:white;font-size:28px;line-height:1}#guide-menu nav{display:grid;margin-bottom:32px}#guide-menu nav a{color:#f1e5ca;text-decoration:none;padding:19px 0;border-bottom:1px solid #ffffff25;font-size:18px}body.menu-open{overflow:hidden}
.guide-hero{max-width:1260px;margin:0 auto;padding:48px 24px 44px;display:grid;grid-template-columns:1fr 1.2fr;gap:45px;align-items:center}.guide-eyebrow{color:var(--sea);font-size:14px;letter-spacing:.12em;margin:0}.guide-hero>div>p:not(.guide-eyebrow){font-size:18px;color:#46646d;line-height:1.95}.text-link{display:inline-block;font-size:15px;font-weight:500;margin-top:4px}.comic-frame{border:2px solid var(--ink);border-radius:8px;background:#e3eef0;overflow:hidden;box-shadow:5px 5px 0 #123c4914}.comic-frame img{width:100%;height:auto;display:block}.comic-frame figcaption{background:white;padding:12px 17px;font-size:14px}.guide-hero .comic-frame{transform:rotate(1deg)}
.guide-layout{max-width:1260px;margin:0 auto;display:grid;grid-template-columns:230px minmax(0,1fr);gap:52px;padding:18px 24px 72px}.guide-toc{align-self:start;position:sticky;top:118px;border-top:3px solid var(--ink);padding-top:14px}.guide-toc summary{font-size:15px;font-weight:600;list-style:none;cursor:default}.guide-toc summary::-webkit-details-marker{display:none}.guide-toc nav{display:grid;gap:0;margin-top:13px}.guide-toc a{display:flex;gap:12px;text-decoration:none;padding:10px 0;line-height:1.6;font-size:14px;color:var(--muted);border-bottom:1px solid #e3e9e7}.guide-toc a span{font:13px/1.8 Arial,sans-serif;letter-spacing:.04em;color:var(--sea);flex:none}.guide-toc a:hover,.guide-toc a[aria-current=true]{color:var(--ink);font-weight:600}.guide-article{min-width:0}.chapter{scroll-margin-top:100px;padding:33px 0 43px;border-top:1px solid #beced1}.chapter:first-child{padding-top:20px}.chapter-title{display:flex;align-items:flex-start;gap:18px;margin-bottom:25px}.chapter-no{flex:none;display:grid;place-items:center;background:var(--ink);color:#f2d58b;width:49px;height:49px;border-radius:50%;font:400 20px/1 Arial,sans-serif;letter-spacing:.02em;margin-top:3px}.chapter-title p{font-size:13px;letter-spacing:.12em;color:var(--sea);margin:0 0 5px}.chapter>.comic-frame{margin:0 0 27px}.key-points{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:25px 0}.key-points>div{padding:19px 15px}.key-points>div+div{border-left:1px solid var(--line)}.key-points b{display:block;font-size:14px;color:var(--sea);margin-bottom:6px}.key-points span{font-size:16px;font-weight:500}.captain-tip{display:flex;align-items:center;gap:20px;margin:25px 0;padding:16px 21px 13px 13px;border:1px solid #e3c576;border-radius:15px;background:#fff6d8}.captain-tip>img{width:93px;height:108px;object-fit:contain;flex:none}.captain-tip span{font-size:13px;color:#86682e;display:block;margin-bottom:5px}.captain-tip p{font-size:17px;font-weight:500;line-height:1.85;margin:0}.source-inline,.small-note{font-size:14px;line-height:1.9;color:var(--muted)}.source-inline{margin-top:24px}.source-inline a{word-break:normal}.rental-notice{border-left:4px solid #dba53d;padding:20px 23px;background:#fff4d2;margin:25px 0}.rental-notice strong{font-size:21px;display:block;margin-bottom:8px}.rental-notice p{font-size:16px;margin:0}.plain-list{padding-left:1.2em;margin:0 0 23px}.plain-list li{margin:0 0 15px;padding-left:4px}.inline-call{display:inline-block;border:1px solid #68828a;border-radius:9px;padding:11px 18px;color:var(--ink);font-size:16px;font-weight:500;text-decoration:none}.gear-list{margin:20px 0 28px}.gear-list>div{display:grid;grid-template-columns:165px 1fr;padding:18px 0;border-bottom:1px solid var(--line);gap:17px}.gear-list dt{font-weight:600;font-size:16px;color:var(--sea)}.gear-list dd{margin:0;font-size:16px}.check-list{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;border:1px solid var(--line);border-radius:12px;padding:8px 19px;background:white}.check-list label{display:flex;align-items:flex-start;gap:12px;font-size:16px;padding:15px 0;border-bottom:1px solid #e8eded;cursor:pointer}.check-list input{accent-color:var(--sea);width:19px;height:19px;flex:none;margin:6px 0 0}.check-list label:has(input:checked){color:#66827f}
.diagram-layout{display:grid;grid-template-columns:300px 1fr;gap:26px;align-items:start}.diagram{background:#f0f6f5;border:1px solid var(--line);border-radius:12px;padding:15px}.diagram svg{display:block;width:100%;height:auto;font-family:Journey,sans-serif;fill:var(--ink)}.diagram figcaption{font-size:13px;color:var(--muted);margin-top:12px;line-height:1.75}.number-list{counter-reset:steps;list-style:none;margin:0;padding:0}.number-list li{counter-increment:steps;position:relative;margin:0 0 22px;padding-left:39px;font-size:17px;line-height:1.95}.number-list li:before{content:counter(steps);position:absolute;left:0;top:4px;width:25px;height:25px;border-radius:50%;border:1px solid #4f8890;color:var(--sea);font:500 15px/25px Arial,sans-serif;text-align:center}.number-list li strong{display:block}.learn-more,.trouble-list details{border:1px solid #c8d8d9;border-radius:11px;padding:0 20px;margin:18px 0;background:white}.learn-more summary,.trouble-list summary{padding:18px 29px 18px 0;position:relative;list-style:none;font-size:17px;font-weight:500;line-height:1.7}.learn-more summary:after,.trouble-list summary:after{content:'＋';position:absolute;right:0;top:18px;color:var(--sea);font-size:20px;line-height:1.4}.learn-more[open] summary:after,.trouble-list details[open] summary:after{content:'−'}.learn-more summary::-webkit-details-marker,.trouble-list summary::-webkit-details-marker{display:none}.learn-more>p,.trouble-list details>p{font-size:16px}.product-feature{display:grid;grid-template-columns:170px 1fr;gap:30px;align-items:center;border:2px solid #d6ad50;border-radius:14px;background:white;padding:27px;margin:28px 0}.product-photo{text-align:center}.product-photo img{height:310px;width:auto;max-width:100%;object-fit:contain;display:block;margin:0 auto 12px}.product-photo span{font-size:12px;color:var(--muted)}.recommend-label{display:inline-block;background:#ecd080;color:#4a401e;border-radius:5px;font-size:14px;font-weight:600;padding:3px 13px;margin:0}.product-feature h3{font-size:30px;line-height:1.4;margin:14px 0}.product-feature p{font-size:16px}.product-link{font-size:14px}.important-note{margin:26px 0;padding:21px 24px;border:1px solid #b2cbd0;border-left:4px solid var(--sea);background:#eaf3f3;border-radius:0 10px 10px 0}.important-note b{display:block;font-size:18px;line-height:1.7;margin-bottom:7px}.important-note p{margin:0;font-size:16px}.bait-map{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;text-align:center;padding:27px 15px;border:1px solid #aac9cf;border-radius:12px;background:#edf6f5;margin:26px 0;font-size:15px;gap:6px}.bait-map b{display:block;color:var(--sea);font-size:19px}.bait-map span{display:block}.bait-map-middle{border-top:3px solid #dda044;border-bottom:3px solid #dda044;padding:12px 5px;line-height:1.6;font-weight:500;color:#836421}.compare-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.compare-pair p{padding:18px;border-top:3px solid #528a91;background:#edf5f4;font-size:16px}.compare-pair p:last-child{border-top-color:#c87461;background:#fff0eb}.compare-pair b{display:block;margin-bottom:7px}.motion-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:27px 0 16px}.motion-card{border:1px solid #b4cbd0;border-radius:10px;overflow:hidden;background:#edf8f8}.motion-card figcaption{font-size:14px;line-height:1.6;background:#fff;padding:12px 8px;min-height:78px}.motion-card b{display:block;font:600 20px/1.2 Arial,sans-serif;color:var(--sea);margin-bottom:5px}.motion-card svg{display:block;width:100%;height:auto;font-family:Journey,sans-serif}.bite-signs{border:1px solid #d8bb68;padding:0 23px 10px;border-radius:12px;background:#fff8e4}.bite-signs h3{margin-top:20px}.bite-signs ul{padding-left:1.1em;font-size:16px}.bite-signs li{margin-bottom:12px}.next-guide{display:block;border-top:2px solid var(--sea);border-bottom:1px solid #aac9cf;padding:24px 0;text-decoration:none;margin-top:30px}.next-guide span{font-size:14px;color:var(--muted);display:block;margin-bottom:5px}.next-guide strong{font-size:22px;color:var(--sea)}.editorial-note{font-size:13px;line-height:1.9;color:var(--muted);padding-top:22px;border-top:1px solid var(--line)}.editorial-note p{margin-bottom:10px}.voice-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:26px}.voice-grid>div{padding:23px;background:#edf4f3;border-radius:12px;border:1px solid #cddedd}.voice-grid b{display:block;font-size:18px;line-height:1.6;margin-bottom:13px;color:var(--sea)}.voice-grid p{font-size:16px;margin:0}.rules-list{list-style:none;padding:0;margin:27px 0}.rules-list li{display:flex;gap:18px;padding:21px 0;border-bottom:1px solid var(--line)}.rule-mark{font-size:13px;line-height:1.2;color:var(--red);border:1px solid #ce8b7d;border-radius:5px;padding:6px 8px;align-self:flex-start;flex:none;margin-top:6px}.rules-list h3{font-size:19px;margin:0 0 9px}.rules-list p{font-size:16px;margin:0}.guide-footer{background:var(--navy);color:#e0eceb;padding:44px max(24px,calc((100vw - 1130px)/2));display:flex;gap:35px;align-items:flex-start}.guide-footer>img{width:88px;height:88px;object-fit:contain;background:#faf8f0;border:1px solid #d8c392;border-radius:12px;padding:6px;flex:none}.guide-footer h2{font-size:25px;color:#f5e1ae;margin:0 0 15px}.guide-footer p{font-size:16px}.guide-call{display:inline-flex;flex-direction:column;gap:6px;color:#f4dfaf;border:1px solid #d5bc7d70;background:linear-gradient(125deg,#224753,#0c2c37);border-radius:12px;padding:17px 25px;text-decoration:none}.guide-call>span{font-size:14px}.guide-call strong{font:500 27px/1.3 Arial,sans-serif;letter-spacing:.03em}.footer-home{display:block;color:#c5d9d9;font-size:14px;margin-top:24px}
@media(max-width:1050px){.guide-layout{grid-template-columns:190px minmax(0,1fr);gap:30px}.guide-hero{gap:25px}.diagram-layout{grid-template-columns:1fr}.rig-diagram{max-width:370px;margin:0 auto 15px}.motion-grid{grid-template-columns:1fr 1fr}.motion-card figcaption{min-height:0;padding:12px 15px}.motion-card b{display:inline;margin-right:9px}}
@media(max-width:760px){html{scroll-padding-top:88px}body{font-size:16px}.guide-header{height:76px;padding:10px 16px;gap:10px}.guide-brand img{width:52px;height:52px}.guide-series{display:none}.back-home{font-size:14px}.guide-menu-button{width:48px;height:48px}.guide-hero{grid-template-columns:1fr;padding:28px 20px 26px;gap:26px}.guide-eyebrow{font-size:13px}h1{font-size:32px;line-height:1.65;margin:12px 0 14px}.guide-hero>div>p:not(.guide-eyebrow){font-size:16px}.guide-hero .comic-frame{transform:none}.guide-layout{display:block;padding:0 20px 45px}.guide-toc{position:static;margin:0 0 28px;padding:0;border:1px solid #a9c6cd;border-radius:10px;background:#edf6f5}.guide-toc summary{cursor:pointer;padding:16px 18px;position:relative;font-size:16px}.guide-toc summary:after{content:'＋';position:absolute;right:18px;font-size:19px}.guide-toc[open] summary:after{content:'−'}.guide-toc nav{padding:0 18px 18px;margin:0;grid-template-columns:1fr;gap:0}.guide-toc a{font-size:15px;padding:11px 0}.chapter{padding:29px 0 32px;scroll-margin-top:91px}.chapter-title{gap:13px;margin-bottom:22px}.chapter-no{width:40px;height:40px;font-size:18px}.chapter-title h2{font-size:23px;line-height:1.65}.chapter-title p{font-size:12px;margin-bottom:3px}.chapter h3{font-size:20px}.key-points{grid-template-columns:1fr;margin:22px 0}.key-points>div{display:flex;align-items:center;gap:19px;padding:13px 8px}.key-points>div+div{border-left:0;border-top:1px solid var(--line)}.key-points b{width:85px;margin:0;flex:none}.key-points span{font-size:16px}.captain-tip{gap:10px;padding:13px 13px 13px 4px}.captain-tip>img{width:70px;height:95px}.captain-tip p{font-size:16px;line-height:1.8}.captain-tip span{font-size:12px}.rental-notice{padding:17px}.rental-notice strong{font-size:19px}.rental-notice p{font-size:16px}.gear-list>div{grid-template-columns:1fr;gap:5px;padding:18px 0}.gear-list dt{font-size:17px}.check-list{grid-template-columns:1fr;padding:6px 15px}.check-list label{font-size:16px}.number-list li{font-size:16px;padding-left:35px}.diagram-layout{gap:17px}.rig-diagram{max-width:350px;width:100%}.product-feature{grid-template-columns:94px minmax(0,1fr);gap:17px;padding:21px 16px;margin:25px 0}.product-photo img{height:255px}.product-photo span{font-size:12px;line-height:1.6;display:block}.product-feature h3{font-size:24px;margin:12px 0}.product-feature p{font-size:16px;line-height:1.85}.product-feature .recommend-label{font-size:13px;padding:3px 8px}.product-link{font-size:14px}.important-note{padding:18px}.important-note b{font-size:17px}.bait-map{padding:20px 9px;font-size:13px;gap:5px}.bait-map b{font-size:17px}.bait-map-middle{padding:9px 1px}.compare-pair{grid-template-columns:1fr;gap:0}.compare-pair p{margin-bottom:12px}.motion-grid{gap:10px}.motion-card figcaption{font-size:14px;padding:12px 9px;min-height:72px}.motion-card b{display:block;margin-bottom:4px}.learn-more,.trouble-list details{padding:0 16px}.learn-more summary,.trouble-list summary{font-size:16px}.bite-signs{padding:0 17px 8px}.voice-grid{grid-template-columns:1fr;gap:13px}.voice-grid>div{padding:20px}.rules-list li{gap:12px}.rule-mark{padding:5px 6px;font-size:12px}.rules-list h3{font-size:18px}.next-guide strong{font-size:20px}.guide-footer{padding:32px 20px;gap:20px;display:block}.guide-footer>img{width:66px;height:66px;margin-bottom:20px}.guide-footer h2{font-size:23px}.guide-footer p{font-size:16px}.guide-call{padding:15px 20px;max-width:100%}.guide-call strong{font-size:26px}}
@media(max-width:360px){.guide-hero{padding-left:16px;padding-right:16px}.guide-layout{padding-left:16px;padding-right:16px}h1{font-size:29px}.product-feature{grid-template-columns:1fr}.product-photo{display:flex;align-items:flex-end;gap:14px;justify-content:center}.product-photo img{height:210px;margin:0}.product-photo span{max-width:100px;text-align:left}.chapter-title h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}