@font-face{font-family:DotGothic16;src:url('assets/fonts/DotGothic16-Regular.ttf') format('truetype');font-display:swap;font-weight:400} :root{--ink:#172844;--paper:#fffdf5;--yellow:#ffd64f;--line:#c5d0dc;--muted:#51617a;--blue:#82adff;--pink:#ffb5bc}body{font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;background:var(--paper);font-size:15px}h1,h2,h3,.brand,.ribbon,.week b,.price,.week-number{font-family:DotGothic16,"Hiragino Kaku Gothic ProN",sans-serif}h2{font-size:clamp(28px,3.1vw,42px);line-height:1.55;letter-spacing:.015em;font-weight:400}h3{font-weight:400}p{line-height:1.9}.draftbar{background:var(--ink);font-size:10px}header{border-bottom:3px solid var(--ink);background:var(--paper);height:92px}.brand{font-size:20px;letter-spacing:0;font-weight:400}.brand img{image-rendering:pixelated}header nav{font-size:12px;font-weight:600}header nav .smallcta{background:var(--yellow);border:2px solid var(--ink);border-radius:0;box-shadow:3px 3px 0 var(--ink);padding:9px 16px}.button{border-radius:0;box-shadow:5px 5px 0 var(--ink);border:2px solid var(--ink);font-weight:700;min-height:58px;transition:transform .18s,box-shadow .18s;background:#fff;color:var(--ink)}.button:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink);background:#fff}.button:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.dark{background:var(--yellow);color:var(--ink)}.dark:hover{background:#ffe78a}.outline{background:#fff}.pixel-icon{width:56px;height:56px;object-fit:contain;flex:0 0 56px;image-rendering:pixelated}.eyebrow{font-size:12px;letter-spacing:.09em;font-weight:700;display:flex;align-items:center;gap:10px;margin-bottom:22px}.eyebrow:before{content:"";display:inline-block;width:8px;height:8px;background:var(--yellow);box-shadow:3px 3px 0 var(--ink);flex:0 0 8px}.adventure-hero{max-width:none;background:var(--blue);padding:55px max(6%,calc((100vw - 1160px)/2)) 0;grid-template-columns:1fr 1fr;min-height:690px;gap:15px;position:relative;overflow:hidden;border-bottom:3px solid var(--ink)}.adventure-hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:17px;background:repeating-linear-gradient(90deg,#579944 0 20px,#79b850 20px 40px);border-bottom:7px solid #b28250;z-index:0}.hero-copy{z-index:2;align-self:start;padding:20px 0 55px}.hero h1{font-size:clamp(40px,4.7vw,65px);line-height:1.44;letter-spacing:.01em;margin-bottom:23px;font-weight:400;color:var(--ink)}.hero h1>span{white-space:nowrap}.hero h1 .hero-yellow{color:var(--yellow);paint-order:stroke fill;-webkit-text-stroke:5px var(--ink);text-shadow:4px 5px 0 var(--ink)}.hero .lead{font-size:16px;font-weight:600;margin:22px 0 28px}.hero .micro{font-size:11px;color:#243b62;margin-top:16px}.hero-art{height:630px;margin:0;position:relative;align-self:end;background:url('assets/v2/landscape.svg') center bottom/100% auto no-repeat;z-index:1;width:100%;max-width:none}.hero-mascot{position:absolute;height:560px;width:373px;object-fit:contain;bottom:9px;left:50%;transform:translateX(-50%);z-index:1}.speech-tag{position:absolute;right:-8px;top:-5px;z-index:3;background:#fffdf5;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:14px 18px;font-weight:700;font-size:13px;transform:rotate(5deg);line-height:1.7}.speech-tag:after{content:"";position:absolute;bottom:-13px;left:23px;width:16px;height:16px;background:#fffdf5;border-bottom:2px solid var(--ink);border-right:2px solid var(--ink);transform:skewY(-30deg)}.hero-stamp{position:absolute;left:0;bottom:105px;z-index:3;font-size:12px;background:var(--yellow);padding:7px 10px;border:2px solid var(--ink);transform:rotate(-7deg)}.hero .sample-caption{bottom:20px;left:0;width:100%;text-align:center;z-index:4;color:#fff;background:#172844db;padding:2px 7px;font-size:8px;margin:0}.ribbon{background:var(--yellow);padding:18px 6%;border-top:0;border-bottom:3px solid var(--ink);font-size:17px;letter-spacing:.02em;justify-content:space-around}.ribbon>span:before{content:'✦';margin-right:22px}.section{padding:85px 6%}.intro{grid-template-columns:.9fr 1.1fr;gap:70px;padding-bottom:60px}.intro h2{margin-bottom:20px}.intro>div>p:not(.eyebrow){font-size:14px;color:var(--muted)}.worries p{align-items:center;padding:19px 0;border-bottom:2px dotted #bec8d3;gap:22px}.worries p:first-child{padding-top:0}.worries span{font-family:inherit;padding:0;color:var(--ink);font-size:14px}.worries b{display:block;font-size:16px;font-weight:700}.worries small{display:block;font-size:12px;margin-top:5px}.worries .pixel-icon{width:46px;height:46px;flex-basis:46px}.story-section{padding-top:30px;padding-bottom:75px}.section-heading{margin-bottom:35px}.section-heading>p{font-size:13px;line-height:1.9}.story-figure{margin:0}.story-figure>img{width:100%;height:auto;border:2px solid var(--ink);display:block}.story-figure figcaption{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:2px solid var(--ink);border-top:0;box-shadow:6px 6px 0 #b9c9df;padding:20px 0;font-size:16px;text-align:center;font-weight:700}.story-figure figcaption b{font-family:DotGothic16;font-weight:400;color:#3062ad;margin-right:10px}.story-section>.micro{font-size:9px;margin-top:20px}.map-section{background:#edf5ff;max-width:none;padding-inline:max(6%,calc((100vw - 1126px)/2));gap:70px;position:relative;border-block:2px solid var(--ink);align-items:center}.map-copy h2{font-size:35px}.map-copy>p:not(.eyebrow){margin:20px 0}.clean-list{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.clean-list li{display:flex;gap:12px;border:0;padding:0;align-items:start}.clean-list .pixel-icon{width:34px;height:34px;flex-basis:34px}.clean-list span{padding:0;font-size:10px}.clean-list b{font-size:13px}.map-demo{background:#fffef4;margin-top:0;padding:26px;border:3px solid var(--ink);box-shadow:7px 7px 0 #477ec0;transform:rotate(1deg)}.map-demo h3{font-family:DotGothic16;font-size:25px;line-height:1.6;margin:17px 0 22px}.demo-head{font-family:DotGothic16;font-size:12px;color:#315588}.tabs{border-bottom:2px solid var(--ink);gap:8px}.tabs button{border-radius:0;background:#e7edf4;border:2px solid var(--ink);border-bottom:0;font-size:11px;font-weight:600}.tabs button[aria-selected="true"]{background:var(--yellow);color:var(--ink)}.demo-grid{gap:16px;margin:22px 0}.demo-grid>div{border-bottom:1px dashed #a8b4c5;padding-bottom:15px;position:relative}.demo-grid .pixel-icon{width:27px;height:27px;margin-bottom:10px}.demo-grid small{font-weight:700;color:#42607d;font-size:10px}.demo-grid p{font-size:12px}.demo-grid .wide{padding-left:42px;min-height:60px}.demo-grid .wide .pixel-icon{position:absolute;left:0;top:3px}.demo-grid .next{background:#fff0a2;padding:16px 15px 16px 52px;border:2px solid #d8b74c}.demo-grid .next .pixel-icon{left:12px;top:18px}.map-demo .micro{font-size:9px}.journey-world{background:#f3f8ec;border-bottom:2px solid var(--ink)}.journey-world .section{padding-top:80px;padding-bottom:60px}.journey-map{position:relative;padding:20px 0 35px;background-image:linear-gradient(#d4e4c755 1px,transparent 1px),linear-gradient(90deg,#d4e4c755 1px,transparent 1px);background-size:28px 28px}.trail{position:absolute;left:10%;right:10%;height:17px;top:110px;background:#d4ae75;border-block:4px solid #c39252;z-index:0}.week-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;position:relative;z-index:1}.week{border:0;background:none;display:flex;align-items:center;flex-direction:column;min-height:180px;padding:0 10px;color:var(--ink)}.week-number{font-size:12px;margin-bottom:14px}.week .pixel-icon{width:75px;height:75px;flex-basis:75px;padding:9px;background:#fffcf1;box-shadow:0 0 0 3px var(--ink),5px 5px 0 #8daf73;transition:transform .15s}.week b{font-size:21px;font-weight:400;line-height:1.5;margin-top:23px;white-space:nowrap}.week[aria-selected="true"] .pixel-icon{background:var(--yellow);transform:translateY(-7px);box-shadow:0 0 0 3px var(--ink),5px 12px 0 #8daf73}.week[aria-selected="true"] b{background:var(--yellow);padding:0 8px}.week-panel{background:white;border:3px solid var(--ink);box-shadow:6px 6px 0 #b7caa8;padding:26px;display:grid;grid-template-columns:1.2fr 1.2fr .65fr;gap:25px;align-items:center;margin:0 0 25px}.week-panel #week-label{font-family:DotGothic16;font-size:11px;color:#447d31}.week-panel h3{font-size:22px;line-height:1.6;margin-top:10px}.week-panel>p{font-size:13px;margin:0}.week-loot{border-left:2px dashed #bbcab0;padding-left:23px}.week-loot small{display:block;font-size:10px}.week-loot b{display:block;font-size:14px;margin-top:8px}.journey-world .micro{font-size:10px}.desk-section{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}.desk-section figure{margin:0;transform:rotate(-2deg)}.desk-section figure img{width:100%;height:auto;border:9px solid white;outline:2px solid var(--ink);box-shadow:8px 8px 0 #d4dfec}.desk-section figcaption{font-size:9px;color:var(--muted);margin-top:15px}.desk-section h2{font-size:33px}.desk-section p:not(.eyebrow){font-size:14px;margin:25px 0}.desk-note{background:#fff0a2;border-left:5px solid var(--yellow);padding:18px;font-size:12px}.desk-note strong{display:block;font-size:16px;margin-top:3px}.profile{background:#fff6c9;border-block:2px solid var(--ink);gap:70px;grid-template-columns:.9fr 1.1fr;padding:85px max(6%,calc((100vw - 1126px)/2))}.profile-visual{position:relative}.portrait{width:72%;max-width:300px;transform:rotate(-3deg);margin-left:10px}.portrait img{height:340px;border-radius:0;border:8px solid white;outline:2px solid var(--ink);box-shadow:7px 7px 0 #cbb254;object-position:50% 27%}.portrait>span{font-family:DotGothic16;font-size:9px}.original-banner{width:84%;height:auto;border:2px solid var(--ink);box-shadow:5px 5px 0 #cbb254;margin-left:16%;margin-top:15px;transform:rotate(3deg)}.profile-copy h2{font-size:35px}.profile-copy .name{font-size:27px;font-weight:700}.profile-copy .name small{font-size:11px}.profile-copy>p{font-size:14px}.profile-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.profile-tags>span{font-size:11px;background:white;border:1px solid var(--ink);padding:4px 10px}.profile-links{display:flex;flex-wrap:wrap;gap:12px 25px}.profile-copy .micro{font-size:9px}.plan{position:relative;border:3px solid var(--ink);box-shadow:6px 6px 0 #c3d6ec;background:#f2f7ff;padding:32px}.main-plan{background:#ffeb98;box-shadow:6px 6px 0 #b6a05b}.plan-icon{position:absolute;right:28px;top:27px;width:48px;height:48px}.plan-label{font-family:DotGothic16;letter-spacing:.08em;color:#31578a;margin-bottom:25px}.plan h3{font-family:DotGothic16;font-size:27px}.plan .price{font-family:DotGothic16;font-size:44px;margin:15px 0 0}.plan .duration{font-family:DotGothic16;font-size:15px;border-bottom:2px dashed #b5c1d1;padding-bottom:20px}.plan ul{font-size:13px;line-height:1.8}.plan li{padding:7px 0 7px 22px}.plan .button{font-size:12px}.plan .note{font-size:10px}.faq{padding-top:0}.faq-list{border-top:2px solid var(--ink)}.faq details{border-top:0;border-bottom:1px solid #bac7d9}.faq summary{font-weight:600}.faq summary:before{content:'Q';font-family:DotGothic16;color:#3165b3;font-size:21px}.faq summary span{margin-left:auto}.faq details p{padding-left:35px}.contact{background:var(--blue);border-block:3px solid var(--ink);position:relative}.contact h2{font-size:40px}.contact .eyebrow{font-size:11px}.contact form{background:white;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:25px}.contact select,.contact textarea{background:#f2f7ff;border:2px solid var(--ink);border-radius:0}.contact form label:first-child{margin-top:0}.contact .contact-note{font-size:10px;max-width:340px}.contact .button{margin-top:23px}.copy-button{border-radius:0;border:2px solid var(--ink);background:var(--yellow)}.contact #memo-result .micro{font-size:9px}footer{background:var(--paper)}footer .brand{font-family:DotGothic16}.footer-links{font-size:11px}.footer-fine{font-size:9px}dialog{border:3px solid var(--ink);box-shadow:7px 7px 0 #17284477}dialog h2{font-family:DotGothic16}
@media(max-width:1050px){header nav{gap:15px}.brand{font-size:17px}.adventure-hero{padding-inline:5%;min-height:640px}.hero-art{height:570px}.hero-mascot{height:510px;width:340px}.hero h1{font-size:48px}.hero-copy{padding-top:10px}.speech-tag{right:0;font-size:12px;padding:11px 14px}.map-section{gap:35px}.map-copy h2{font-size:30px}.clean-list{grid-template-columns:1fr}.clean-list li{align-items:center}.map-demo{padding:22px}.profile-copy h2{font-size:31px}.desk-section{gap:40px}.desk-section h2{font-size:29px}.plan h3{font-size:24px}.plan-icon{width:36px;height:36px;right:22px}.week-panel{grid-template-columns:1fr 1.1fr .7fr;gap:20px}.week-panel h3{font-size:19px}}
@media(max-width:760px){header{height:76px}.brand{font-size:17px}.draftbar{font-size:8px}#mobilenav{border-bottom:3px solid var(--ink)}.adventure-hero{grid-template-columns:1fr;padding:33px 7% 0;gap:0;min-height:0}.hero-copy{padding:0;align-self:auto}.hero .eyebrow{font-size:10px;margin-bottom:18px}.hero h1{font-size:clamp(35px,9.6vw,58px);line-height:1.42;letter-spacing:0;margin-bottom:15px}.hero h1 .hero-yellow{-webkit-text-stroke:3.5px var(--ink);text-shadow:3px 4px 0 var(--ink)}.hero .lead{font-size:13px;margin:18px 0 23px}.hero .micro{font-size:10px;margin-top:13px}.hero .button{max-width:100%;min-height:55px;font-size:12px}.hero-art{height:400px;margin:15px auto 0;width:100%;max-width:450px;background-size:110% auto}.hero-mascot{height:385px;width:257px;bottom:0}.speech-tag{top:13px;right:-4px;font-size:10px;padding:10px 12px}.hero-stamp{font-size:10px;bottom:72px;left:0}.hero .sample-caption{font-size:7px;bottom:20px}.ribbon{padding:15px 7%;font-size:14px;display:flex;gap:5px;justify-content:center}.ribbon>span:nth-child(2),.ribbon>span:nth-child(3){display:none}.ribbon>span:before{margin-right:15px}.section{padding:58px 7%}.intro{grid-template-columns:1fr;gap:22px;padding-bottom:25px}.intro h2{font-size:29px}.intro>div>p:not(.eyebrow){font-size:12px;margin-bottom:0}.worries p{padding:18px 0;gap:15px}.worries p:first-child{padding-top:15px}.worries b{font-size:14px}.worries small{font-size:11px}.worries .pixel-icon{width:40px;height:40px;flex-basis:40px}.story-section{padding-top:28px;padding-bottom:55px}.story-section .section-heading{margin-bottom:25px}.story-section h2{font-size:28px}.section-heading>p{font-size:12px;margin-top:19px}.story-figure{overflow-x:auto;padding:0 6px 7px 0;scroll-snap-type:x proximity}.story-figure>img{width:760px;min-width:760px;max-width:none;height:255px;object-fit:fill}.story-figure figcaption{width:760px;min-width:760px;font-size:12px;padding:15px 0;box-shadow:4px 4px 0 #b9c9df}.story-section>.micro{font-size:9px;line-height:1.8}.story-section>.micro:before{content:'左右にスワイプして、3コマを見られます。';display:block;font-size:11px;color:var(--ink);margin-bottom:8px}.map-section{padding-inline:7%;gap:28px;grid-template-columns:1fr}.map-copy h2{font-size:27px}.map-copy>p:not(.eyebrow){font-size:12px}.clean-list{grid-template-columns:1fr 1fr;gap:22px 12px;margin-top:25px}.clean-list li{display:block}.clean-list .pixel-icon{width:32px;height:32px;margin-bottom:8px}.clean-list b{font-size:12px}.clean-list span{font-size:10px}.map-demo{padding:20px;transform:none;margin-top:4px;box-shadow:5px 5px 0 #477ec0}.map-demo h3{font-size:23px}.demo-head{font-size:10px}.tabs button{font-size:10px;padding:12px 7px}.demo-grid p{font-size:11px}.demo-grid .next{padding-left:47px}.map-demo .micro{font-size:8px}.journey-world .section{padding:60px 7% 40px}.journey-world h2{font-size:29px}.week-tabs{grid-template-columns:repeat(2,1fr);gap:30px 18px}.journey-map{padding:22px 15px 30px}.trail{left:27%;right:27%;top:100px;height:230px;background:#d4ae75;border:5px solid #c39252;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 93%,88% 93%,88% 7%,0 7%)}.week{min-height:160px;padding:0}.week .pixel-icon{width:63px;height:63px;flex-basis:63px;padding:8px}.week b{font-size:18px;margin-top:20px}.week-number{font-size:10px}.week-panel{grid-template-columns:1fr;padding:20px;gap:15px;margin-top:10px;box-shadow:4px 4px 0 #b7caa8}.week-panel h3{font-size:22px;margin-top:5px}.week-panel>p{font-size:12px}.week-loot{border-left:0;border-top:2px dashed #bbcab0;padding:12px 0 0;display:flex;justify-content:space-between;align-items:center;gap:15px}.week-loot b{font-size:12px;margin:0}.journey-world .micro{font-size:9px;margin-top:22px}.desk-section{grid-template-columns:1fr;gap:35px}.desk-section figure{margin:0 5px}.desk-section h2{font-size:28px}.desk-section p:not(.eyebrow){font-size:13px;margin:19px 0}.desk-section figcaption{font-size:8px}.desk-note{font-size:11px;padding:15px}.desk-note strong{font-size:14px}.profile{grid-template-columns:1fr;padding:60px 7%;gap:35px}.profile-visual{max-width:380px;margin:auto}.portrait{width:65%;max-width:245px;margin-left:5px}.portrait img{height:275px}.original-banner{width:85%;margin-left:15%;margin-top:10px}.profile-copy h2{font-size:28px}.profile-copy>p{font-size:13px}.profile-copy .name{font-size:25px}.profile-copy .micro{font-size:9px}.plan-grid{gap:25px}.plan{padding:28px 22px;box-shadow:5px 5px 0 #c3d6ec}.main-plan{box-shadow:5px 5px 0 #b6a05b}.plan-label{font-size:10px}.plan h3{font-size:24px}.plan .price{font-size:42px}.plan .duration{font-size:13px}.plan ul{font-size:12px}.plan-icon{top:22px;right:22px;width:39px;height:39px}.plan-foot{font-size:10px;line-height:1.8}.faq{padding-top:12px}.faq h2{font-size:29px}.faq summary{font-size:12px;gap:13px}.faq summary:before{font-size:19px}.faq details p{font-size:12px;padding-left:0}.contact{padding:55px 7%;gap:22px}.contact h2{font-size:35px}.contact form{padding:20px;box-shadow:4px 4px 0 var(--ink)}.contact .contact-note{font-size:9px}.contact select{font-size:11px;padding:11px 8px}.contact .button{font-size:11px;padding:11px 13px}.contact .button span{font-size:20px}.contact label{font-size:11px}.contact textarea{font-size:11px}.contact .textlink{font-size:10px}footer .brand{font-size:16px}.footer-fine{font-size:8px}}
@media(prefers-reduced-motion:reduce){.week .pixel-icon,.button{transition:none!important}}
@media(max-width:380px){header{gap:8px}.brand{font-size:14px;gap:7px}.brand img{width:24px;height:24px}.map-demo h3{font-size:21px}.week b{font-size:16px}.plan h3{font-size:22px}}