@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&family=Noto+Serif+JP:wght@400;500;600&display=swap');
:root{--navy:#12283a;--gold:#aa8650;--paper:#f7f6f2;--line:#dfE3e3;--muted:#77818a}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--navy);font:14px 'Noto Sans JP',sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:4px}button{cursor:pointer}.demo{background:#eae4d6;text-align:center;padding:7px 16px;color:#675737;font-size:11px;letter-spacing:.06em}.demo span{margin-left:20px;color:#786b55}header{height:97px;max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:700;letter-spacing:.1em}.brand b{font-size:24px;display:grid;place-items:center;border:1px solid var(--gold);width:40px;height:44px;border-radius:3px;color:var(--gold);position:relative}.brand b span{font-size:11px;position:absolute;right:2px;top:0}.brand small{display:block;font-size:9px;font-weight:400;letter-spacing:.14em}nav{display:flex;gap:32px;align-items:center;font-size:12px}nav span{color:var(--gold)}.admin-link{border:1px solid #c6cdcf;padding:7px 15px;border-radius:4px;font-size:11px}main{min-height:65vh}.hero{max-width:1184px;margin:auto;padding:66px 0 55px;display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}.eyebrow{font-size:11px;color:var(--gold);letter-spacing:.18em;font-weight:600;display:flex;gap:12px;align-items:center}.eyebrow:before{content:'';height:1px;background:var(--gold);width:28px}h1{font:500 43px/1.65 'Noto Serif JP',serif;letter-spacing:.03em;margin:22px 0}h1 em{font-style:normal;color:var(--gold)}.intro{font-size:13px;color:#69757d;line-height:2.2}.actions{display:flex;gap:12px;margin:28px 0 17px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:23px;border:1px solid var(--navy);border-radius:4px;padding:13px 23px;color:white;background:var(--navy);font-size:13px;font-weight:500}.btn.light{background:transparent;color:var(--navy);border-color:#c8cfd1}.btn.gold{background:var(--gold);border-color:var(--gold)}.btn:disabled{opacity:.4;cursor:not-allowed}.micro{font-size:10px;color:var(--muted)}.hero-art{height:350px;background:#e7e9e5;position:relative;overflow:hidden;border-radius:5px;display:grid;place-items:center}.rings{width:260px;height:260px;border:1px solid #c6cec7;border-radius:50%;position:absolute;box-shadow:0 0 0 42px #e7e9e5,0 0 0 43px #d3d9d2,0 0 0 84px #e7e9e5,0 0 0 85px #d9ded7}.shield{width:100px;height:119px;border:1px solid var(--gold);background:#f6f3e9;clip-path:polygon(50% 0,100% 18%,94% 70%,78% 87%,50% 100%,22% 87%,6% 70%,0 18%);display:grid;place-items:center;z-index:1;color:var(--gold);font-size:41px;transform:translateY(-15px)}.art-card{position:absolute;z-index:2;background:#fffdfa;border:1px solid #e3e2d9;padding:13px 20px;box-shadow:0 8px 24px #25372c08;border-radius:6px;font-size:11px;display:flex;align-items:center;gap:12px}.art-card i{color:var(--gold);font-size:20px;font-style:normal}.art-card.one{top:51px;left:25px}.art-card.two{right:22px;bottom:70px}.art-label{position:absolute;bottom:22px;text-align:center;font-size:9px;letter-spacing:.15em;color:#7e8880}.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);max-width:1184px;margin:auto;padding:24px 0}.trust article{display:flex;align-items:center;gap:17px;padding:0 32px;border-right:1px solid var(--line)}.trust article:last-child{border:0}.trust i{font-style:normal;font-size:23px;color:var(--gold)}.trust strong{font-size:12px;display:block}.trust small{font-size:10px;color:var(--muted)}.section{max-width:1184px;margin:auto;padding:52px 0}.sectionhead{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.kicker{font-size:10px;color:var(--gold);letter-spacing:.2em}.section h2{font:500 25px 'Noto Serif JP',serif;margin:8px 0}.sectionhead p{font-size:11px;color:var(--muted)}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.category{background:white;border:1px solid var(--line);padding:24px;text-align:left;border-radius:5px;color:var(--navy);transition:.2s}.category:hover{border-color:var(--gold);transform:translateY(-3px)}.category .icon{font-size:22px;color:var(--gold);display:block;margin-bottom:15px}.category strong{font-size:13px}.category p{font-size:10px;color:var(--muted);line-height:1.9}.category .arrow{float:right;color:var(--gold)}.notice{border:1px solid #e0d9c9;background:#f0ede5;padding:15px 20px;margin-top:26px;font-size:11px;color:#786749}.layout{max-width:1000px;margin:auto;padding:42px 24px 70px}.page-title{font:500 30px 'Noto Serif JP',serif;margin:10px 0}.sub{color:var(--muted);font-size:12px}.card{background:white;border:1px solid var(--line);border-radius:6px;padding:28px;margin-top:22px}.card h3{font-size:15px;margin-top:0}.steps{display:flex;gap:25px;font-size:11px;margin:25px 0;color:var(--muted)}.steps .active{color:var(--gold)}label{display:block;font-size:12px;font-weight:500;margin:21px 0 7px}input,textarea,select{width:100%;border:1px solid #d6dddf;background:#fdfdfc;padding:12px;border-radius:4px;color:var(--navy)}textarea{min-height:130px;resize:vertical}input[readonly],textarea[readonly]{background:#f5f6f4}.roles{display:flex;gap:10px;flex-wrap:wrap}.role{padding:9px 23px;border:1px solid var(--line);background:white;color:var(--navy);border-radius:4px}.role.selected{background:var(--navy);border-color:var(--navy);color:white}.check{display:flex;gap:10px;align-items:start;font-size:12px;font-weight:400}.check input{width:auto;margin-top:6px}.upload{border:1px dashed #b9c2c6;padding:22px;text-align:center;background:#fafaf7;border-radius:4px;font-size:11px}.thumbs{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.thumb{position:relative;width:100px}.thumb img{width:100%;height:80px;object-fit:cover;border:1px solid var(--line);cursor:zoom-in}.thumb button{position:absolute;right:0;top:0;background:white;border:1px solid var(--line)}.row{display:flex;gap:16px;align-items:center;justify-content:space-between}.cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}.badge{font-size:10px;padding:3px 8px;border-radius:3px;background:#eaf0ed;color:#577362;white-space:nowrap}.badge.high{background:#f7e9e3;color:#a35e46}.badge.new{background:#e9eff5;color:#51708e}.code{background:var(--paper);border:1px solid var(--line);padding:18px;font-size:20px;letter-spacing:.1em;text-align:center;overflow-wrap:anywhere}.center{text-align:center}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:25px 0}.stat{background:white;border:1px solid var(--line);padding:18px;border-radius:5px;font-size:11px;color:var(--muted)}.stat b{display:block;font-size:27px;font-weight:500;color:var(--navy)}.dashboard{max-width:1280px;margin:auto;padding:32px 48px 60px}.tabs{display:flex;gap:8px;margin:18px 0}.tabs button{border:1px solid var(--line);background:white;color:var(--navy);padding:8px 18px;border-radius:4px;font-size:11px}.tabs button.active{color:white;background:var(--navy)}.cases{background:white;border:1px solid var(--line);border-radius:5px;overflow:hidden}.case{display:grid;grid-template-columns:110px 1fr 90px 90px 30px;align-items:center;gap:14px;padding:23px;border-bottom:1px solid var(--line);cursor:pointer}.case:hover{background:#faf9f5}.case:last-child{border:0}.case small{font-size:10px;color:var(--muted)}.case strong{display:block;font-size:13px}.casehead{background:#eeefec;font-size:10px;color:var(--muted);padding-top:12px;padding-bottom:12px}.detail{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail .card{margin-top:18px}.analysis-item{border-bottom:1px solid var(--line);padding:13px 0;font-size:12px}.analysis-item b{font-size:11px;color:var(--gold);display:block;margin-bottom:5px}.analysis-item p{margin:0}.bubble{background:#f0f2f0;padding:16px 20px;border-radius:5px;margin:12px 0;font-size:12px}.bubble.reply{background:#f3eee4;border-left:3px solid var(--gold)}.bubble small{display:block;color:var(--muted);margin-bottom:8px;font-size:10px}.danger{color:#a55646!important}.text-btn{background:none;border:0;color:var(--gold);font-size:11px;padding:8px 0}.back{font-size:11px;color:var(--muted)}.empty{padding:60px;text-align:center;color:var(--muted)}footer{border-top:1px solid var(--line);padding:30px 48px;display:flex;gap:22px;align-items:center;font-size:10px;color:var(--muted);max-width:1280px;margin:auto}footer .brand{font-size:16px;color:var(--navy)}footer small{margin-left:auto;font-size:9px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;padding:12px 24px;border-radius:5px;z-index:100;display:none;font-size:12px}dialog{max-width:520px;width:90%;border:1px solid var(--line);border-radius:8px;padding:30px;color:var(--navy)}dialog::backdrop{background:#12283a88}dialog img{max-width:100%}.muted{color:var(--muted);font-size:11px}.progress{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.progress article{padding:25px;background:white;border:1px solid var(--line)}.progress b{color:var(--gold);font-size:25px}.progress h3{font-size:14px}.progress p{font-size:12px;color:var(--muted)}@media(min-width:1500px){.hero{padding-top:85px;padding-bottom:75px}}@media(max-width:1000px){.hero,.trust,.section{margin-left:28px;margin-right:28px}.hero{gap:25px}h1{font-size:34px}.hero-art{height:320px}.categories{grid-template-columns:repeat(2,1fr)}.trust article{padding:0 12px}.art-card.one{left:10px}.art-card.two{right:10px}.dashboard{padding:30px 24px}.detail{grid-template-columns:1fr}}@media(max-width:640px){.demo{font-size:10px}.demo span{display:block;margin:0;font-size:9px}header{height:80px;padding:0 20px}.brand{font-size:18px}.brand b{width:31px;height:36px;font-size:20px}nav{gap:13px;font-size:10px}nav a:first-child{display:none}.admin-link{padding:5px 8px;font-size:9px}.hero{display:block;padding:35px 0}.hero h1{font-size:34px}.hero-art{height:230px;margin-top:30px}.art-card.one{top:28px;left:15px}.art-card.two{bottom:48px;right:15px}.hero .actions{gap:10px}.btn{padding:12px 16px;font-size:12px;gap:12px}.trust{grid-template-columns:1fr;padding:6px 0}.trust article{padding:13px 5px;border:0;border-bottom:1px solid var(--line)}.section{padding:35px 0}.sectionhead{display:block}.sectionhead p{margin-top:15px}.category{padding:18px}.category .icon{margin-bottom:10px}.layout{padding:28px 20px 45px}.cols,.progress{grid-template-columns:1fr}.card{padding:20px}.summary{grid-template-columns:repeat(2,1fr);gap:10px}.case{grid-template-columns:72px 1fr 65px;padding:17px 12px;gap:7px}.case> :nth-child(4),.case> :nth-child(5){display:none}.case strong{font-size:11px}.case small{font-size:9px}.tabs{gap:5px}.tabs button{padding:7px 10px}.row{flex-wrap:wrap}.page-title{font-size:26px}footer{padding:25px 20px;flex-wrap:wrap;gap:10px 20px}footer small{width:100%;margin:0}.roles{gap:7px}.role{padding:8px 15px}.steps{gap:12px;font-size:10px}}