:root{--paper:#FAF6F0;--ink:#333333;--navy:#1F3A5F;--deep:#16293F;--orange:#E08E45;--gray:#A89B8C;--tint:#EBF0F6;--white:#fffdfa;font-family:'BIZ UDPGothic','BIZ UDPゴシック','Yu Gothic',Meiryo,sans-serif;color:var(--ink);background:var(--paper);line-height:1.8}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,select{font:inherit}button,a,select,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}h1,h2,h3,p{margin-top:0}h2{font-size:clamp(26px,3.3vw,44px);line-height:1.5;letter-spacing:.025em;color:var(--navy);margin-bottom:28px}h3{line-height:1.55}p{overflow-wrap:anywhere}img{max-width:100%}.site-header{padding:18px max(24px,calc((100vw - 1160px)/2));display:flex;justify-content:space-between;gap:20px;align-items:center}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:bold;text-decoration:none;white-space:nowrap}.brand small{font-size:12px;font-weight:normal}.dots{display:flex;gap:4px}.dots i{width:7px;height:7px;background:var(--navy);border-radius:50%}.dots i:nth-child(2){background:var(--orange)}.dots i:nth-child(3){background:var(--gray)}.dots i:nth-child(4){background:var(--deep)}.header-link{font-size:13px}.hero{position:relative;min-height:650px;padding:70px max(24px,calc((100vw - 1120px)/2));display:flex;align-items:center;color:var(--paper);background:linear-gradient(90deg,rgba(22,41,63,.96),rgba(22,41,63,.87) 38%,rgba(22,41,63,.35) 72%,rgba(22,41,63,.22)),url('kit/assets/A.jpg') 75% 45%/cover}.hero-inner{position:relative;max-width:790px}.eyebrow,.label{font-size:13px;letter-spacing:.13em;font-weight:bold}.eyebrow{color:#f2c497;margin-bottom:20px}h1{font-size:clamp(31px,4.3vw,58px);line-height:1.45;letter-spacing:.03em;margin:0}h1 span{display:block}.hero-sub{font-size:21px;margin:22px 0 18px;line-height:1.75;font-weight:bold}.hero-text{font-size:15px}.actions{display:flex;flex-wrap:wrap;gap:14px;margin:30px 0 20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:52px;padding:13px 22px;border-radius:7px;text-decoration:none;font-size:14px;font-weight:bold;border:1px solid transparent}.light{background:var(--paper);color:var(--navy)}.outline{border-color:#aab6c5;color:var(--paper)}.navy{background:var(--navy);color:var(--paper)}.hero-note{font-size:12px;color:#e1e6ec}.image-note{position:absolute;bottom:14px;right:24px;font-size:10px}.intro-strip{max-width:1120px;margin:auto;padding:32px 0;display:grid;grid-template-columns:1fr 1fr;gap:40px;border-bottom:1px solid #dcd4c9;font-size:15px}.intro-strip p{margin:0}.intro-strip b{font-size:19px}.section{padding:80px max(24px,calc((100vw - 1120px)/2))}.pale{background:#EBF0F6}.label{color:var(--navy);margin-bottom:18px}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.section-caption{font-size:14px;color:#5d6670;margin-bottom:34px}.selector{padding:26px;background:var(--white);border-left:4px solid var(--orange);margin:12px 0 30px}.selector label{display:block;font-size:14px;font-weight:bold;margin-bottom:10px}select{width:min(580px,100%);padding:12px;border:1px solid var(--gray);border-radius:5px;background:var(--paper);color:var(--ink);font-size:16px}.selector p{font-size:13px;margin:12px 0 0;color:var(--navy)}.styles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.style-card{min-width:0;background:var(--white);border:1px solid #ded7cc;border-radius:9px;overflow:hidden;display:flex;flex-direction:column}.thumb{border:0;padding:14px;background:#e7e1d8;cursor:zoom-in;position:relative}.thumb img{display:block;width:100%;aspect-ratio:210/297;object-fit:contain;box-shadow:0 4px 12px #25304622}.thumb span{display:block;margin-top:8px;font-size:11px;color:var(--navy)}.card-body{padding:16px;display:flex;flex-direction:column;flex:1}.style-id{font-size:12px;letter-spacing:.1em;color:#665b4e}.card-body h3{font-size:16px;margin:6px 0 12px;color:var(--navy)}.card-body p{font-size:12px;line-height:1.8;margin-bottom:16px}.card-body a{margin-top:auto;font-size:12px;font-weight:bold;text-decoration:none;border-top:1px solid #ddd4c9;padding-top:12px}.under-note{font-size:12px;color:#5d6670;margin:24px 0 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.steps article{border-top:1px solid #a9b5c4;padding-top:20px}.steps article>span{font-size:36px;font-weight:bold;color:var(--navy)}.steps h3{font-size:18px;margin:12px 0}.steps p{font-size:14px}.callout{margin-top:26px;padding:24px;background:var(--white);border-radius:8px}.callout p{margin:6px 0 0;font-size:14px}.voice{display:grid;grid-template-columns:1.1fr 1fr;gap:60px}.voice p,.voice li{font-size:15px}.voice ol{padding-left:24px}.voice li{padding-left:5px;margin:18px 0}.small,.voice .small{font-size:12px;line-height:1.8}.voice-example{padding:36px;background:#f0e6d8;align-self:center;position:relative;border-radius:9px}.quote-mark{font:88px Georgia,serif;color:var(--orange);display:block;height:65px}.voice-example blockquote{margin:15px 0 28px;font-size:clamp(19px,2.1vw,27px);line-height:1.9;font-weight:bold;color:var(--navy)}.voice-example p:last-child{font-size:12px;margin:0}.download-lead{font-size:15px}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.download{background:var(--white);padding:32px;border-radius:9px}.download.primary{background:var(--deep);color:var(--paper)}.filetype{font-size:12px;letter-spacing:.05em}.download h3{font-size:26px;margin:15px 0}.download p{font-size:15px}.download small{font-size:12px;display:block;margin-top:12px}.text-link{display:inline-block;margin-top:24px;font-size:14px}.faq{max-width:880px;margin-top:32px}.faq details{border-top:1px solid #d5cbbb;padding:21px 0}.faq details:last-child{border-bottom:1px solid #d5cbbb}.faq summary{font-size:16px;font-weight:bold;cursor:pointer;color:var(--navy)}.faq p{font-size:14px;margin:18px 0 0;max-width:800px}.closing{padding:62px 24px;text-align:center;background:var(--navy);color:var(--paper)}.closing p{font-size:32px;line-height:1.65;font-weight:bold;margin-bottom:24px}footer{max-width:1120px;margin:auto;padding:44px 0;font-size:12px}footer b{font-size:16px}footer p{margin-top:14px;color:#5d6670}dialog{border:0;border-radius:10px;background:var(--paper);width:min(700px,94vw);max-height:92vh;padding:22px;text-align:center}dialog::backdrop{background:#16293fd9}dialog img{max-height:68vh;display:block;width:100%;object-fit:contain;margin:12px 0}.close{display:block;margin-left:auto;border:1px solid var(--gray);border-radius:5px;padding:8px 15px;background:var(--paper);cursor:pointer}#preview-title{margin:16px 0 8px}.skip{position:absolute;top:-100px;z-index:10;background:var(--paper);padding:12px}.skip:focus{top:0}
@media(max-width:1190px){.intro-strip,footer{margin:0 24px}.styles{gap:12px}.card-body{padding:12px}}
@media(max-width:850px){.styles{grid-template-columns:repeat(3,minmax(0,1fr))}.section-top{display:block}.section-caption br{display:none}.steps{grid-template-columns:1fr 1fr}.voice{gap:30px}.hero{background-position:65% center}.section{padding-top:60px;padding-bottom:60px}}
@media(max-width:560px){.site-header{padding:15px 20px}.brand{gap:8px;font-size:18px}.brand small{font-size:10px}.header-link{font-size:12px}.hero{min-height:620px;padding:42px 20px 52px;background-image:linear-gradient(90deg,rgba(22,41,63,.94),rgba(22,41,63,.78)),url('kit/assets/A.jpg')}h1{font-size:clamp(26px,7.7vw,39px);letter-spacing:0}.hero-sub{font-size:18px}.hero-text{font-size:13px}.hero-text br{display:none}.actions{display:grid;gap:10px}.hero-note{font-size:11px}.intro-strip{grid-template-columns:1fr;gap:16px;margin:0 20px;padding:26px 0;font-size:13px}.intro-strip b{font-size:16px}.section{padding:48px 20px}.section-caption{font-size:13px}.selector{padding:18px 16px}.styles{grid-template-columns:1fr 1fr;gap:12px}.thumb{padding:10px}.card-body h3{font-size:14px}.card-body p{font-size:11px}.card-body a{font-size:11px}.steps{gap:20px}.steps h3{font-size:16px}.steps p{font-size:13px}.voice,.download-grid{grid-template-columns:1fr}.voice-example{padding:28px}.voice-example blockquote{font-size:22px}.download{padding:26px}.faq summary{font-size:14px}.closing p{font-size:27px}footer{margin:0 20px}dialog{padding:14px}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.thumb img{transition:transform .2s}.thumb:hover img{transform:translateY(-3px)}}

/* preview image sizing */
.thumb img{height:auto}