/* Approved composition: visible HTML copy, original illustration crops. */
@font-face{font-family:'Noto Sans JP';src:url('../rejected/assets/noto-sans-jp-page.ttf') format('truetype');font-display:swap;font-weight:100 900}
.sg-contract-html .sc-icon svg{display:block;width:100%;height:100%;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sg-contract-html{container-type:inline-size;background:linear-gradient(#c9f5fb,#f8ffff 30%,#e8fbfd);color:#08245a;font-family:'Noto Sans JP',sans-serif;font-weight:900;max-width:1024px;margin:32px auto;padding:0;overflow:hidden;border:0}
.sg-contract-html *{box-sizing:border-box}.sg-contract-html p,.sg-contract-html h2,.sg-contract-html h3{margin:0;padding:0;border:0;background:none;line-height:1.45;color:inherit;font-weight:900;box-shadow:none}.sg-contract-html em{font-style:normal;color:#e63f00}.sg-contract-html .sc-head{position:relative;padding:2cqw 5cqw 1.6cqw;min-height:22.5cqw;background:linear-gradient(transparent 85%,#97dfbd 86%,#c4f4df 94%,#f8ffff 95%)}
.sg-contract-html .sc-brand{font-size:4cqw;display:table;position:relative;z-index:1;line-height:1.3;text-shadow:2px 2px white;background:linear-gradient(transparent 68%,#fff244 68%);border-radius:12px;padding:0 1.2cqw}
.sg-contract-html .sc-head h2{font-size:4.7cqw;letter-spacing:-.12cqw;white-space:nowrap;position:relative;z-index:2;margin:1.2cqw 0 .7cqw;text-shadow:2px 3px #fff}.sg-contract-html .sc-head h2 em{font-size:1.08em}
.sg-contract-html .sc-audience{position:relative;z-index:2;display:table;background:#fff14a;border:4px solid white;border-radius:50px;padding:.65cqw 2.4cqw;font-size:2.85cqw;box-shadow:0 4px 0 #a9d5d8;max-width:77%}
.sg-contract-html .sc-cloud{position:absolute;background:#edfdff;border-radius:80px;width:15%;height:20%;top:14%;left:46%;opacity:.85}.sg-contract-html .sc-cloud:before{content:'';position:absolute;width:48%;height:150%;background:inherit;border-radius:50%;bottom:0;left:22%}.sg-contract-html .sc-cloud--two{left:77%;top:5%;width:11%}
.sg-contract-html .sc-skyline{position:absolute;inset:20% 0 8% 65%;opacity:.3;background:repeating-linear-gradient(90deg,transparent 0 20px,#69c5e0 20px 52px,transparent 52px 65px);clip-path:polygon(0 100%,0 65%,8% 65%,8% 25%,20% 25%,20% 75%,30% 75%,30% 50%,45% 50%,45% 80%,60% 80%,60% 35%,75% 35%,75% 15%,90% 15%,90% 0,100% 0,100% 100%)}
.sg-contract-html .sc-art{display:block;background-image:url('assets/contract-approved-v89.jpeg');background-repeat:no-repeat;flex-shrink:0}.sg-contract-html .sc-art--mascot{position:absolute;right:1.8%;top:24%;width:19%;aspect-ratio:194/173;background-size:527.835% 887.861%;background-position:97.108% 4.035%;z-index:1}.sg-contract-html .sc-art--calendar{width:21%;aspect-ratio:192/166;background-size:533.333% 925.301%;background-position:7.813% 19.708%}.sg-contract-html .sc-art--document{width:43%;aspect-ratio:184/158;background-size:556.522% 972.152%;background-position:6.786% 41.872%}.sg-contract-html .sc-art--staff{width:41%;aspect-ratio:173/166;background-size:591.908% 925.301%;background-position:64.16% 41.679%}
.sg-contract-html .sc-body{padding:0 2.35cqw 3cqw}.sg-contract-html .sc-deadline{display:flex;align-items:center;gap:2cqw;border:.5cqw solid #ff7200;border-radius:2.3cqw;padding:1.4cqw 2.3cqw;background:linear-gradient(100deg,#fffbd0,#fffff5);min-height:22.2cqw}.sg-contract-html .sc-deadline>div{flex:1;min-width:0}.sg-contract-html .sc-deadline-start{font-size:4cqw;padding-left:3.5cqw;line-height:1.2}.sg-contract-html .sc-deadline-main{display:flex;align-items:baseline;white-space:nowrap;letter-spacing:-.22cqw;line-height:1.12}.sg-contract-html .sc-deadline-main strong{font-size:8.4cqw;color:#e83b00;line-height:1.2}.sg-contract-html .sc-deadline-main span{font-size:4.6cqw}.sg-contract-html .sc-arrival{background:#fff23d;border-radius:2cqw;text-align:center;font-size:2.7cqw;margin-top:.4cqw;padding:.35cqw}
.sg-contract-html .sc-methods{display:grid;grid-template-columns:1fr 1fr;gap:1.8cqw;margin-top:1.5cqw}.sg-contract-html .sc-method{border:.5cqw solid #36bad2;border-radius:2.3cqw;background:#fff;overflow:hidden}.sg-contract-html .sc-method--visit{border-color:#ff6900}.sg-contract-html .sc-method h3{display:flex;align-items:center;justify-content:center;gap:2cqw;background:linear-gradient(110deg,#00a6bc,#00a0b7);color:white;padding:1.2cqw .5cqw;font-size:3.8cqw;white-space:nowrap;min-height:8cqw}.sg-contract-html .sc-method--visit h3{background:linear-gradient(110deg,#ff5b00,#ff820a);font-size:3.45cqw}.sg-contract-html .sc-icon{width:5.7cqw;height:5.7cqw;display:block;flex-shrink:0;fill:none;stroke:currentColor}.sg-contract-html .sc-method-main{display:flex;align-items:center;justify-content:space-between;padding:1.2cqw 1.7cqw .9cqw;min-height:17.5cqw}.sg-contract-html .sc-cost{width:54%;background:linear-gradient(120deg,#fffebd,#fff6a1);border-radius:2cqw;text-align:center;color:#df4200;font-size:3.3cqw;line-height:1.35;padding:1.5cqw .4cqw}.sg-contract-html .sc-method-note{margin:0 1.8cqw;border-top:2px solid #b0cad6;min-height:7.7cqw;display:flex;align-items:center;justify-content:center;text-align:center;font-size:2.6cqw;padding:.8cqw 0;line-height:1.4}
.sg-contract-html .sc-late{display:flex;align-items:center;gap:2.2cqw;border:.4cqw solid #f6d744;background:linear-gradient(100deg,#fffbd8,#fffff7);border-radius:2.3cqw;padding:1.3cqw 3cqw;margin-top:1.3cqw}.sg-contract-html .sc-alert{background:linear-gradient(100deg,#ff7900,#ff5800);border-radius:50%;width:8cqw;height:8cqw;display:grid;place-items:center;font-size:6.7cqw;color:white;line-height:1;flex-shrink:0}.sg-contract-html .sc-late p:first-child{font-size:2.9cqw}.sg-contract-html .sc-late p+p{font-size:2.5cqw}
.sg-contract-html .sc-flow{margin:2.3cqw 0 0;padding:0 .65cqw .65cqw;border:.5cqw solid #72d8df;border-radius:2cqw;background:linear-gradient(#60d1da,#b8f3f4)}.sg-contract-html .sc-flow h3{text-align:center;font-size:3.5cqw;margin-top:-1.2cqw}.sg-contract-html .sc-flow h3 span{display:inline-block;color:white;background:linear-gradient(100deg,#009caf,#08b5be,#009aac);padding:.1cqw 7cqw .5cqw;clip-path:polygon(0 0,100% 0,96% 50%,100% 100%,0 100%,4% 50%)}.sg-contract-html .sc-flow ol{list-style:none;padding:0;margin:.8cqw 0 0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:2.9cqw}.sg-contract-html .sc-flow li{position:relative;display:flex;align-items:center;justify-content:center;gap:.7cqw;border-radius:2.5cqw;background:white;min-height:10cqw;font-size:2.4cqw;line-height:1.45;padding:.7cqw}.sg-contract-html .sc-flow li+li:before{content:'›';position:absolute;left:-2.7cqw;font-size:5cqw;color:#32abc0}.sg-contract-html .sc-flow li>b{align-self:flex-start;border-radius:50%;background:#ff6700;color:white;min-width:5cqw;height:5cqw;display:grid;place-items:center;font-size:3.3cqw;margin-top:.5cqw}.sg-contract-html .sc-flow .sc-icon{color:#00a4b7}
.sg-contract-html .sc-payment{display:flex;align-items:center;gap:1.7cqw;padding:1.7cqw 2cqw;border-radius:2cqw;background:linear-gradient(105deg,#004879,#002660);border:.4cqw solid #0b548c;color:white;margin-top:.8cqw}.sg-contract-html .sc-payment-label{display:flex;align-items:center;gap:1.3cqw;border-right:2px solid #89c0d0;padding-right:2cqw;flex-shrink:0;font-size:3cqw}.sg-contract-html .sc-payment p{font-size:2.65cqw;line-height:1.45}.sg-contract-html .sc-payment .sc-payment-note{font-size:2.15cqw}.sg-contract-html mark{color:#ffff31;background:none}
.sg-contract-html .sc-links{border:.4cqw solid #afe2ed;border-radius:2cqw;background:#fffffff0;margin-top:1.7cqw;padding:0 2cqw}.sg-contract-html .sc-links a{display:flex;align-items:center;gap:3cqw;color:#08245a;text-decoration:none;padding:.85cqw 1cqw;font-size:2.9cqw;min-height:6.4cqw}.sg-contract-html .sc-links a+a{border-top:1px solid #a9bcc7}.sg-contract-html .sc-links .sc-icon{width:4.2cqw;height:4.2cqw}.sg-contract-html .sc-links b{margin-left:auto;font-size:3.5cqw}.sg-contract-html a:hover{background:#e6faff}.sg-contract-html a:focus-visible{outline:3px solid #f60;outline-offset:2px}
@media(max-width:480px){.sg-contract-html .sc-audience{border-width:2px}.sg-contract-html .sc-late p+p,.sg-contract-html .sc-payment .sc-payment-note{font-size:11px}.sg-contract-html .sc-method-note{font-size:11px}.sg-contract-html .sc-payment p{font-size:11px}.sg-contract-html .sc-payment-label{font-size:12px}.sg-contract-html .sc-method h3{font-size:3.65cqw}.sg-contract-html .sc-method--visit h3{font-size:3.3cqw}}
