*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:#f8f6f0;color:#28372f;font-family:'Hiragino Mincho ProN','Yu Mincho',serif;line-height:1.9}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}header{max-width:1240px;margin:auto;padding:25px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd5c5}header>a:first-child{font-size:26px;letter-spacing:.12em}header span{font-size:12px;margin-left:15px;letter-spacing:.1em}.tiny,.fine,.note{font-family:system-ui,sans-serif}.tiny{font-size:12px}.hero{max-width:1200px;margin:45px auto 60px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:65px;padding:0 55px}.eyebrow{font:11px/1.8 system-ui,sans-serif;letter-spacing:.24em;color:#918063;margin:0 0 23px}h1{font-weight:400;font-size:clamp(32px,3.6vw,51px);line-height:1.7;letter-spacing:.04em;margin:0 0 23px}h1 em{font-style:normal;color:#7f805e}.lead{font-size:17px;line-height:2.1;margin:0 0 28px}.hero-art{padding:20px 10px 12px;position:relative}.hero-art:before{content:'';position:absolute;inset:60px -45px 40px -35px;border-radius:50%;background:#e9e5d8;z-index:-1}.hero-art img{width:100%;height:auto;display:block;transform:rotate(3deg);box-shadow:0 16px 50px #24362d1e}.art-label{display:block;text-align:center;margin-top:24px;font:10px system-ui,sans-serif;letter-spacing:.25em;color:#8d7e67}.primary,.secondary{border:1px solid #304737;border-radius:6px;padding:15px 25px;display:inline-flex;align-items:center;justify-content:center;gap:20px;line-height:1.5;font-family:system-ui,sans-serif;font-size:15px;text-align:center}.primary{background:#304737;color:white}.primary:hover{background:#465b43}.secondary{background:transparent;color:#304737}.primary:disabled{opacity:.5;cursor:wait}.note{font-size:11px;color:#7f8478;margin:14px 0}.steps{max-width:1040px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:0 auto;padding:30px 20px;border-top:1px solid #dcd5c8;border-bottom:1px solid #dcd5c8}.steps>div{display:flex;gap:20px;align-items:center}.steps b{font-size:24px;font-weight:400;color:#a79c7c}.steps p{margin:0;font-size:15px}.steps span{display:block;color:#7b8075;font:11px system-ui,sans-serif;margin-top:7px}.section{max-width:980px;margin:auto;padding:80px 26px;text-align:center}.narrow{max-width:650px}h2{font-size:29px;font-weight:400;line-height:1.7;margin:0 0 20px}h3{font-weight:500;font-size:18px}.section p{font-size:15px}.section .fine{font-size:12px;color:#70786d;line-height:1.9;text-align:left;margin-top:23px}form{text-align:left;margin-top:25px}form label{display:block;font-size:14px;margin:0 0 18px}input:not([type=checkbox]):not([type=radio]),select{display:block;width:100%;padding:14px;border:1px solid #c6cbbb;border-radius:5px;background:#fffdf8;color:#28372f;font-family:system-ui,sans-serif;min-height:48px;margin-top:6px}form .primary{width:100%}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}fieldset{border:0;margin:22px 0;padding:0}legend{margin-bottom:15px;font-size:14px}.themes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.themes label{position:relative;cursor:pointer;line-height:1.4}.themes img{width:100%;height:auto;display:block;border:3px solid transparent;border-radius:8px}.themes input{position:absolute;left:12px;top:12px;accent-color:#304737;width:20px;height:20px}.themes label:has(input:checked) img{border-color:#74845e}.themes span{display:block;text-align:center;margin-top:12px;font-size:17px}.themes small{display:block;font:11px/1.7 system-ui,sans-serif;margin-top:5px;color:#72766c}.check{display:flex;gap:12px;align-items:start;font:12px/1.9 system-ui,sans-serif}.check input{width:20px;min-width:20px;height:20px;accent-color:#304737;margin-top:3px}.result{background:#ebece2;border-radius:12px;margin-top:30px}.result h2{font-size:52px;margin:0}.result-copy{max-width:580px;margin:20px auto}.result-details{display:grid;grid-template-columns:1fr 1fr;gap:40px;text-align:left;max-width:650px;margin:30px auto}.result-details ul{padding-left:1.3em;font-size:14px}.notice{color:#934d36;min-height:1em;font-family:system-ui,sans-serif}.codebox{display:flex;gap:10px;margin:25px 0}.codebox input{min-width:0;font-size:12px}.codebox button{flex-shrink:0;font-size:12px}#line-form{width:100%;background:#267048;border-color:#267048}#preview,#final-card{width:100%;max-width:432px;display:block;height:auto;margin:35px auto 20px;box-shadow:0 15px 35px #27392f1a}#preview-area p{font-family:system-ui,sans-serif;font-size:13px}#ready a{margin:10px auto}#ready .secondary{display:flex}.faq{border-top:1px solid #dcd5c8;max-width:900px}.faq details{text-align:left;border-bottom:1px solid #dcd5c8;padding:20px 8px}.faq summary{cursor:pointer;font-size:16px}.faq p{font-family:system-ui,sans-serif;font-size:13px;color:#626e60}footer{text-align:center;padding:40px 20px;background:#e9e9df;font:12px/1.8 system-ui,sans-serif}footer a{margin:0 14px}footer p{margin-top:25px;letter-spacing:.15em}[hidden]{display:none!important}:focus-visible{outline:3px solid #b79649;outline-offset:4px}@media(max-width:700px){header{padding:18px 20px}header>a:first-child{font-size:23px}header span{display:block;margin:0;font-size:10px}.hero{grid-template-columns:1fr;gap:25px;padding:0 26px;margin-top:32px}.hero-art{max-width:300px;justify-self:center}.hero-art:before{inset:40px -18px}.intro h1{font-size:38px}.hero .primary{width:100%}.hero-art img{transform:rotate(2deg)}.note{font-size:10px}.steps{gap:15px;padding:25px 20px}.steps>div{display:block}.steps p{font-size:12px}.steps b{font-size:22px}.steps span{font-size:10px;line-height:1.5}.section{padding:60px 23px}h2{font-size:24px}.fields{grid-template-columns:1fr;gap:0}.themes{gap:9px}.themes small{font-size:10px}.themes span{font-size:15px}.themes input{left:7px;top:7px;width:16px;height:16px}.result-details{grid-template-columns:1fr;gap:0}.result{margin:0 12px}.codebox{flex-direction:column}.hero-art img{max-width:100%}}

.share-box{margin-top:35px;padding:30px 22px;background:#eeeee3;border-radius:12px}.share-box button{display:flex;width:100%;margin:12px 0}.share-box h3{font-size:25px}.share-box p{font-size:13px}.share-box textarea{width:100%;min-height:160px;font:14px/1.7 system-ui,sans-serif}

.next-learning{margin-top:40px}.next-learning label{text-align:left;font:14px/1.8 system-ui,sans-serif}.themes{row-gap:25px}@media(max-width:700px){.themes{grid-template-columns:repeat(2,1fr);gap:18px}}