:root{font-family:"Yu Gothic",Meiryo,system-ui,sans-serif;color:#343a35;background:#f8f6f1;--green:#647b63;--line:#e8e5dc}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 10%,#f0e8dc,transparent 28%),#f8f6f1}.shell{max-width:1060px;width:calc(100% - 40px);margin:auto}header{height:75px;border-bottom:1px solid #deded5;display:flex;align-items:center;justify-content:space-between;font-size:13px}header i{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50% 50% 50% 10px;background:var(--green);color:white;font:italic 19px Georgia}header span,small,.note,.sitefoot{color:#7b8078;font-size:11px}.hero{min-height:610px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}.hero h1{font-size:clamp(34px,5vw,54px);line-height:1.55;margin:15px 0}.hero p{line-height:1.9;color:#6d736b}.hero .green{color:var(--green);font-size:13px}button{font:inherit;cursor:pointer}.hero button,.cta{background:var(--green);color:white;border:0;border-radius:30px;padding:16px 25px;font-weight:bold;box-shadow:0 8px 18px #647b6330}.note{display:block;margin:12px}.art{height:390px;display:grid;place-items:center;position:relative}.sun{position:absolute;width:300px;height:300px;border-radius:50%;background:#f0e2d3;right:10%}.paper{z-index:1;background:#fffefa;border-radius:18px;width:260px;height:290px;padding:30px;box-shadow:0 22px 50px #695d4d20;transform:rotate(-4deg)}.paper hr{border:0;background:#edf0e9;height:10px;border-radius:6px;margin:28px 0}.paper hr:nth-of-type(2){width:75%}.paper hr:nth-of-type(3){width:55%}.paper label{float:right;border:1px solid #d9a37b;color:#ba7e58;border-radius:50%;padding:17px;text-align:center;font:12px/1.5 Georgia}.panel{max-width:720px;margin:45px auto 70px;background:#fffefa;border:1px solid #eeece5;border-radius:20px;padding:32px 42px;box-shadow:0 18px 55px #39413414}.hide{display:none!important}.top{display:flex;justify-content:space-between;align-items:center}.back{border:0;background:none;color:#747a72}.track{height:4px;background:#edf0e9;margin:16px 0 40px;border-radius:9px}.track div{height:100%;background:#82957a;border-radius:9px;transition:width .2s}.panel>small{color:var(--green);letter-spacing:.12em;font-weight:bold}.panel h2{font-size:22px;line-height:1.6}.panel #hint,.panel p{color:#777d75;font-size:13px;line-height:1.8}.option{width:100%;text-align:left;background:white;border:1px solid var(--line);border-radius:11px;margin:5px 0;padding:13px 15px;color:#343a35}.option:hover,.option.selected{border-color:var(--green);background:#f2f6ef}.panel footer{border-top:1px solid #eee;padding-top:14px;margin-top:25px;color:#999;font-size:11px}.result h1{font-size:28px}.card{background:#f5f6f0;border-radius:14px;padding:20px;margin:15px 0}.card h3{font-size:15px;margin:0 0 10px}.price{font-size:30px;color:#4f6750;font-weight:bold;margin:6px 0}.card li{line-height:1.9;color:#555d53;font-size:13px}.notice{background:#faf8f2;padding:12px;border-radius:8px;font-size:11px;line-height:1.8;color:#777}.ctaBox{text-align:center;background:#f8f2eb;padding:23px;border-radius:14px}.ctaBox h2{font-size:19px}.sitefoot{border-top:1px solid #deded5;padding:20px 0}@media(max-width:650px){.shell{width:calc(100% - 30px)}header{height:62px}.hero{display:flex;flex-direction:column;min-height:0;padding:30px 0}.art{order:0;width:100%;height:230px}.hero>div:first-child{order:1}.sun{width:190px;height:190px}.paper{width:190px;height:210px;padding:20px}.paper hr{margin:18px 0}.paper label{padding:12px}.hero h1{font-size:34px}.panel{padding:23px 18px;margin:25px auto 40px}.panel h2{font-size:19px}}

.price-row{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #e5e8df;padding:12px 0;font-size:13px;line-height:1.7}.price-row strong{text-align:right}.price.total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d8ded3;padding-top:15px;font-size:17px}.scan-entry{margin:12px 0 16px;padding:14px;background:#f5f6f0;border-radius:10px}.scan-entry label{display:block;font-size:13px;margin-bottom:8px}.scan-entry input{width:100%;max-width:240px;border:1px solid #d9ddd4;border-radius:8px;padding:11px;font:inherit;background:#fff}
