:root{--purple:#b84a2b;--ink:#282d26;--muted:#666d61;--pale:#f6f4ed;--line:#d5d9ce;--blue:#58704d}body{font-family:"Hiragino Sans","Meiryo",sans-serif}.header{height:96px;padding:0 5%;border-color:#e6e8df}.logo{width:auto;line-height:1.2}.logo strong{font:bold 25px Arial;letter-spacing:-1px}.logo span,.footer-wordmark span{color:var(--purple)}.logo small{display:block;font-size:9px;letter-spacing:.07em;margin-top:8px}.header nav{font-size:12px}.nav-contact{background:var(--ink);border-radius:0}.button{border-radius:0;padding:20px 26px;font-size:14px}.button:hover{background:#963b20;transform:none}h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:600;letter-spacing:.035em}.hero{background:var(--pale);min-height:0;display:block}.hero-inner{max-width:1380px;margin:auto;padding:65px 7%;display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center}.hero-content{margin:0;padding:0}.eyebrow{font-size:12px;letter-spacing:.05em;color:var(--ink);margin-bottom:25px}.eyebrow:before{content:'';display:inline-block;width:8px;height:8px;background:var(--purple);margin-right:10px;border-radius:50%}.hero h1{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(38px,4.2vw,62px);line-height:1.5;font-weight:600;letter-spacing:.02em}.hero em{font-size:1em;white-space:normal}.hero-lead{font-size:15px;line-height:2.1;margin-top:25px}.hero .button{margin-top:27px;font-size:14px}.hero-note{font-size:10px;margin-top:12px}.hero-bottom{position:relative;background:none;border-top:1px solid #d6d9cb;padding:16px 7%;color:var(--muted);font-size:10px;letter-spacing:.05em}.hero-visual{padding:10px 0 25px}.visual-caption{text-align:center;font-family:"Yu Mincho",serif;font-size:18px;letter-spacing:.08em;margin-bottom:24px}.site-sheet{max-width:380px;margin:auto;background:white;border:1px solid #bfc6b7;transform:rotate(3deg);box-shadow:12px 15px 0 #e2e6d9}.sheet-bar{display:flex;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--line);font:10px Arial;letter-spacing:.12em;color:#747e6b}.sheet-body{padding:25px}.sheet-body small{font-size:9px;color:var(--muted)}.sheet-title{font-family:"Yu Mincho",serif;font-size:30px;line-height:1.55;margin-top:12px;letter-spacing:.05em}.landscape{height:115px;background:#e6ebdf;position:relative;overflow:hidden;margin-top:20px}.landscape i{position:absolute;top:18px;right:30px;width:38px;height:38px;border-radius:50%;background:#cd855f}.landscape b{position:absolute;width:310px;height:170px;border-radius:50%;background:#a4b399;left:-65px;top:53px;transform:rotate(-18deg)}.landscape>span{position:absolute;width:260px;height:160px;border:1px solid #697b61;border-radius:50%;left:80px;top:72px;transform:rotate(-25deg)}.sheet-lines{height:15px;background:repeating-linear-gradient(to bottom,#e6e9e1 0 4px,transparent 4px 10px);margin-top:17px;width:88%}.sheet-links{display:flex;justify-content:space-between;font-size:8px;border-top:1px solid var(--line);margin-top:19px;padding-top:14px}.migration-note{position:relative;margin:18px -12px 0 35px;background:var(--ink);color:white;padding:20px;display:flex;align-items:center;gap:20px;transform:rotate(-3deg)}.migration-note>span{font:11px monospace;color:#c9cfbf;border-right:1px solid #5d6756;padding-right:18px}.migration-note p{font-size:11px;line-height:1.8}.migration-note strong{font-size:18px;font-weight:500}.migration-note b{font-size:28px;color:#dfa77e;margin-left:auto;font-weight:400}.visual-foot{font-size:11px;text-align:center;color:var(--muted);margin-top:28px}.label{font-family:inherit;font-size:11px;letter-spacing:.08em;margin-bottom:24px}.intro{gap:80px;padding:90px 0}.intro h2{font-size:34px}.intro-content>p:first-child{font-size:17px}.notice{background:none;padding:4px 0 4px 22px;border-left-width:2px}.notice p{font-size:12px;color:var(--muted)}.about{background:#e8ecdf}.before,.after,.browser-art{border-radius:0}.before{background:#f7f9f2}.after{border:1px solid var(--ink)}.web-lines b:first-child{background:#a4b399}.after .web-lines b:first-child{background:#c7815f}.web-lines b{background:#e5e9df}.benefits article{border-color:#b8c1af}.benefits span{font:italic 28px Georgia;color:#78876d}.benefits p{font-size:13px}.course-grid{gap:65px}.course{border:0;border-top:3px solid var(--purple);padding:25px 0;border-radius:0}.course-light{background:none;border-color:#7f8e72}.course h3{font-family:"Yu Mincho",serif;font-weight:600;font-size:27px}.course-light .course-top span{color:#536747}.course-top span{font-size:12px;letter-spacing:.03em}.course li:before{content:'—'}.approval{padding:30px}.approval p{font-weight:400}.fit{background:var(--pale)}.fit h2{font-size:34px}.fit-note{border-left:1px solid #b7c0ac;padding-left:25px;margin-top:45px;font-size:12px;color:var(--muted)}.fit-note strong{display:block;font-family:"Yu Mincho",serif;font-size:24px;font-weight:500;line-height:1.7;margin-top:12px;color:var(--ink)}.fit-row h3{font-size:18px}.steps{display:block}.steps li{display:grid;grid-template-columns:60px 1fr;gap:20px;padding:26px 0}.steps li>span{font:italic 28px Georgia;color:var(--purple)}.steps li>div{display:grid;grid-template-columns:1fr 1.3fr;gap:40px}.steps p{margin:0;color:var(--muted)}.steps h3{font-size:18px}.estimate{border-left-width:3px}.faq{background:#fff;border-top:1px solid var(--line)}.contact{background:var(--ink);text-align:left}.contact .wrap{padding-left:8%}.contact .label{color:#e3a581}.contact h2{font-size:49px}.contact h2+p{font-size:15px;color:#e1e6db}.button-white{background:#faf9f4;color:var(--ink);border-color:#faf9f4}.button-white:hover{background:#e9d7c8;color:var(--ink)}.contact-note{color:#bcc5b3;font-size:11px}.footer-wordmark{font:bold 24px Arial;letter-spacing:-1px}.footer-inner p{font-size:11px}.footer-inner nav{font-size:11px}@media(max-width:1100px){.hero-inner{gap:35px;padding:50px 6%}.hero h1{font-size:44px}.header{height:85px}.logo strong{font-size:22px}.header nav{font-size:11px;gap:18px}.sheet-body{padding:20px}.intro{gap:40px}.intro h2{font-size:29px}.course-grid{gap:40px}.course h3{font-size:23px}.fit h2{font-size:30px}}@media(max-width:760px){.header{height:76px;padding:0 6%}.logo{width:auto}.logo strong{font-size:23px}.logo small{font-size:8px}.header nav{top:76px;font-size:14px;gap:20px}.hero-inner{display:block;padding:35px 7% 30px}.hero-content{padding:0;margin:0}.hero h1{font-size:39px;line-height:1.55}.hero em{font-size:1em}.eyebrow{font-size:10px;margin-bottom:22px}.hero-lead{font-size:14px;margin-top:22px}.hero .button{font-size:13px;padding:18px 20px;gap:15px;width:100%}.hero-note{font-size:10px}.hero-visual{margin:42px auto 0;padding:0 8%;max-width:410px}.visual-caption{font-size:14px;margin-bottom:18px}.site-sheet{max-width:285px;box-shadow:8px 10px 0 #e2e6d9}.sheet-body{padding:18px}.sheet-title{font-size:25px}.sheet-body small{font-size:8px}.landscape{height:85px;margin-top:12px}.sheet-lines{margin-top:12px}.sheet-links{margin-top:12px;padding-top:10px}.migration-note{margin:16px -15px 0 10px;padding:15px;gap:13px}.migration-note>span{font-size:9px;padding-right:10px}.migration-note strong{font-size:15px}.migration-note b{font-size:22px}.visual-foot{font-size:10px;margin-top:23px}.hero-bottom{font-size:8px;letter-spacing:0;padding:14px 7%}.intro{padding:60px 0}.intro h2{font-size:29px}.intro-content>p:first-child{font-size:15px}.label{font-size:10px;margin-bottom:20px}.benefits span{font-size:23px}.benefits p{font-size:14px}.course{padding:25px 0}.course+.course{margin-top:25px}.course h3{font-size:23px}.course-top span{font-size:11px}.course-note{font-size:12px}.approval{padding:25px 18px}.fit h2{font-size:29px}.fit-note{margin:25px 0 35px;padding-left:18px}.fit-note strong{font-size:21px}.steps li{grid-template-columns:33px 1fr;gap:16px;padding:23px 0}.steps li>div{display:block}.steps li>span{font-size:25px}.steps h3{font-size:17px}.steps p{margin-top:10px;font-size:13px}.contact .wrap{padding-left:0}.contact h2{font-size:33px}.contact h2+p{font-size:14px}.contact-note{font-size:10px}.footer-inner nav{font-size:10px}}@media(max-width:360px){.hero h1{font-size:33px}.logo strong{font-size:20px}.hero-note{font-size:9px}.hero-visual{padding:0 5%}.intro h2{font-size:26px}.course h3{font-size:21px}.contact h2{font-size:29px}}