/* Original HTML/CSS illustration. No third-party images, logos, or copied pixels. */
.hr-public,.hr-public *{box-sizing:border-box}
.hr-public{width:100%;max-width:440px;margin:0 auto;color:#252a32;font-family:LINESeedJP,Arial,"Hiragino Kaku Gothic ProN",sans-serif;text-align:left}
.hr-public .hr-public-caption{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px 10px;margin:0 0 15px;padding:0;background:none;border:0;border-radius:0;color:#4d340e;font-size:14px;line-height:1.65;font-weight:700}
.hr-public .hr-public-sample{display:inline-block;padding:4px 9px;border:1px solid #9d6423;border-radius:4px;background:#fff9ee;color:#663900;font:700 12px/1.5 Arial,sans-serif;letter-spacing:.12em}
.hr-public .hr-public-stage{position:relative;width:100%;padding:0 23px 12px 0;isolation:isolate}
.hr-public .hr-public-phone{position:relative;z-index:1;width:100%;padding:0 14px 20px;border:7px solid #303440;border-radius:38px;background:#fff;box-shadow:0 17px 28px #7f430026,0 2px 0 #ffffff8c inset;overflow:hidden}
.hr-public .hr-public-status{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:34px;padding:7px 10px 5px;color:#353943;font:700 11px/1.2 Arial,sans-serif}
.hr-public .hr-public-camera{position:absolute;top:8px;left:50%;width:58px;height:13px;background:#303440;border-radius:0 0 10px 10px;transform:translateX(-50%)}
.hr-public .hr-public-battery{position:relative;width:18px;height:8px;border:1px solid #4f535a;border-radius:2px;background:linear-gradient(90deg,#4f535a 78%,transparent 78%)}
.hr-public .hr-public-battery:after{content:"";position:absolute;right:-3px;top:2px;width:2px;height:3px;background:#4f535a;border-radius:1px}
.hr-public .hr-public-search{display:flex;align-items:center;gap:11px;min-height:47px;margin-top:3px;padding:10px 12px;border:1px solid #d9dde4;border-radius:12px;background:#fff;box-shadow:0 2px 8px #242d3910}
.hr-public .hr-public-search strong{font-size:17px;line-height:1.5;letter-spacing:0;font-weight:700;color:#222a36;overflow-wrap:anywhere}
.hr-public .hr-public-glass{position:relative;flex:0 0 13px;height:13px;border:2px solid #787d87;border-radius:50%;margin-right:2px}
.hr-public .hr-public-glass:after{content:"";position:absolute;width:6px;height:2px;right:-5px;bottom:-3px;transform:rotate(45deg);background:#787d87;border-radius:2px}
.hr-public .hr-public-filter{margin-left:auto;font:700 24px/1 Arial,sans-serif;color:#5e6874}
.hr-public .hr-public-filters{display:flex;gap:7px;padding:11px 0;font-size:12px;line-height:1.5;color:#5c606a}
.hr-public .hr-public-filters span{padding:5px 10px;border:1px solid #d9dde4;border-radius:999px;background:#fff;white-space:nowrap}
.hr-public .hr-public-filters span:first-child{background:#fdf0db;border-color:#e6c896;color:#774602;font-weight:700}
.hr-public .hr-public-map{position:relative;height:71px;overflow:hidden;border-radius:9px;background:repeating-linear-gradient(0deg,transparent 0 22px,#fff 22px 27px),repeating-linear-gradient(90deg,#eae9e3 0 46px,#fff 46px 51px);border:1px solid #e2e1db}
.hr-public .hr-public-road{position:absolute;background:#fff7cf;border:3px solid #fff;z-index:1}
.hr-public .hr-public-road-one{width:125%;height:16px;top:28px;left:-15%;transform:rotate(-17deg)}
.hr-public .hr-public-road-two{width:14px;height:130px;top:-26px;left:67%;transform:rotate(22deg)}
.hr-public .hr-public-park{position:absolute;top:0;left:7%;width:45px;height:31px;background:#d1dfc9;border-radius:3px 4px 13px 4px;transform:rotate(-7deg)}
.hr-public .hr-public-pin{position:absolute;z-index:2;display:grid;place-items:center;width:24px;height:24px;border:2px solid white;border-radius:50% 50% 50% 5px;background:#0f2186;color:white;font:700 12px/1 Arial,sans-serif;box-shadow:0 2px 3px #1f263c30}
.hr-public .hr-public-pin-one{left:35%;top:12px;background:#bc6900}
.hr-public .hr-public-pin-two{left:68%;top:34px}
.hr-public .hr-public-pin-three{left:13%;top:42px}
.hr-public .hr-public-map-label{position:absolute;right:11px;top:8px;color:#666251;background:#ffffffe8;padding:1px 5px;z-index:3;font-size:10px;line-height:1.4}
.hr-public .hr-public-results{padding-top:12px}
.hr-public .hr-public-top-result{position:relative;display:flex;align-items:center;gap:15px;padding:15px 14px 18px;border:2px solid #d29a2d;border-radius:12px;background:linear-gradient(120deg,#fffdf4,#fff0c7);box-shadow:0 5px 0 #e3b55230}
.hr-public .hr-public-medal{position:relative;flex:0 0 76px;height:94px;align-self:center}
.hr-public .hr-public-medal:before,.hr-public .hr-public-medal:after{content:"";position:absolute;z-index:0;top:53px;width:24px;height:40px;background:linear-gradient(90deg,#b54d26,#df7740);clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%)}
.hr-public .hr-public-medal:before{left:12px;transform:rotate(13deg)}
.hr-public .hr-public-medal:after{right:12px;transform:rotate(-13deg)}
.hr-public .hr-public-medal-face{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:76px;height:76px;border:5px double #b67c15;border-radius:50%;background:radial-gradient(circle at 33% 25%,#fffadc 0,#ffed9c 34%,#e7b34b 75%,#c78b19 100%);box-shadow:0 3px 6px #82530624,inset 0 0 0 2px #ffefb7;color:#78510b}
.hr-public .hr-public-medal-star{font-size:13px;line-height:1;margin-bottom:2px;color:#8c5d06}
.hr-public .hr-public-medal-face strong{font:700 35px/1 "Arial",sans-serif;letter-spacing:-.05em;color:#78510b}
.hr-public .hr-public-medal-face strong span{font:700 14px/1 LINESeedJP,sans-serif;letter-spacing:0;margin-left:2px}
.hr-public .hr-public-result-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.hr-public .hr-public-result-tag{font-size:12px;font-weight:700;color:#895002;line-height:1.5;letter-spacing:.015em}
.hr-public .hr-public-result-copy>strong{font-size:21px;line-height:1.4;letter-spacing:-.015em;font-weight:700;color:#332715}
.hr-public .hr-public-result-copy>span:last-child{font-size:12px;line-height:1.5;color:#665741;margin-top:3px}
.hr-public .hr-public-result{display:flex;align-items:center;gap:10px;min-height:70px;padding:12px 4px;border-bottom:1px solid #e5e6ea}
.hr-public .hr-public-order{flex:0 0 30px;font:700 23px/1.2 Arial,sans-serif;color:#5f6470;letter-spacing:-.03em;white-space:nowrap}
.hr-public .hr-public-order>span{font:700 10px/1 LINESeedJP,sans-serif;letter-spacing:0;margin-left:2px}
.hr-public .hr-public-result>div{display:flex;flex:1;flex-direction:column;gap:5px;min-width:0}
.hr-public .hr-public-result>div>strong{font-size:15px;line-height:1.5;font-weight:700;letter-spacing:0;color:#3e4450}
.hr-public .hr-public-result>div>span{font-size:12px;line-height:1.5;color:#747782}
.hr-public .hr-public-tile{position:relative;flex:0 0 40px;height:40px;border-radius:7px;overflow:hidden;background:#e4d6bc}
.hr-public .hr-public-tile:before{content:"";position:absolute;left:10px;top:7px;width:21px;height:30px;border:2px solid #b09a79;border-radius:50% 50% 4px 4px;background:#f9f3e7}
.hr-public .hr-public-tile-b{background:#d6e0d4}
.hr-public .hr-public-tile-b:before{border-color:#99b39a;background:#f0f4e9}
.hr-public .hr-public-omitted{height:20px;text-align:center;font:700 20px/20px Arial,sans-serif;color:#a2a6b0}
.hr-public .hr-public-result-last{min-height:58px;padding:10px;border:1px solid #dde0e7;border-radius:9px;background:#f6f7f9}
.hr-public .hr-public-result-last .hr-public-order{flex-basis:41px;font-size:22px;color:#858a94}
.hr-public .hr-public-result-last>div>strong{font-size:14px}
.hr-public .hr-public-phone-note{padding:12px 2px 3px;font-size:13px;line-height:1.65;letter-spacing:0;color:#68615b}
.hr-public .hr-public-home{display:block;width:86px;height:4px;border-radius:999px;background:#303440;margin:10px auto -8px}
.hr-public .hr-public-rise{position:absolute;z-index:2;right:3px;top:41%;bottom:17%;width:29px;pointer-events:none;filter:drop-shadow(0 3px 1px #b25c0026)}
.hr-public .hr-public-rise-line{position:absolute;top:16px;bottom:0;left:2px;right:0;border-right:7px solid #df7011;border-bottom:7px solid #df7011;border-radius:0 0 24px 0;background:none}
.hr-public .hr-public-rise-head{position:absolute;top:0;right:-3px;width:21px;height:27px;background:#df7011;clip-path:polygon(50% 0,100% 100%,50% 78%,0 100%)}
@media(max-width:760px){.hr-public{max-width:380px}.hr-public .hr-public-caption{font-size:13px}.hr-public .hr-public-phone{border-width:6px;padding-left:12px;padding-right:12px;border-radius:34px}.hr-public .hr-public-result-copy>strong{font-size:19px}.hr-public .hr-public-top-result{gap:12px;padding:14px 11px 17px}.hr-public .hr-public-result{min-height:65px}.hr-public .hr-public-phone-note{font-size:13px}}
@media(max-width:360px){.hr-public .hr-public-stage{padding-right:18px}.hr-public .hr-public-caption{gap:5px 7px;font-size:12px;margin-bottom:12px}.hr-public .hr-public-sample{font-size:11px;padding:3px 6px}.hr-public .hr-public-phone{border-width:5px;border-radius:30px;padding-left:10px;padding-right:10px}.hr-public .hr-public-search{gap:8px;padding:9px 10px;min-height:43px}.hr-public .hr-public-search strong{font-size:15px}.hr-public .hr-public-filter{font-size:20px}.hr-public .hr-public-filters{gap:5px;padding:9px 0}.hr-public .hr-public-filters span{padding:4px 8px}.hr-public .hr-public-map{height:62px}.hr-public .hr-public-top-result{gap:10px;padding:12px 9px 15px}.hr-public .hr-public-medal{flex-basis:63px;height:81px}.hr-public .hr-public-medal-face{width:63px;height:63px;border-width:4px}.hr-public .hr-public-medal-face strong{font-size:30px}.hr-public .hr-public-medal:before,.hr-public .hr-public-medal:after{top:46px;width:20px;height:34px}.hr-public .hr-public-medal:before{left:9px}.hr-public .hr-public-medal:after{right:9px}.hr-public .hr-public-result-copy>strong{font-size:17px}.hr-public .hr-public-result-tag{font-size:11px}.hr-public .hr-public-result-copy>span:last-child{font-size:11px}.hr-public .hr-public-result{gap:8px;padding:10px 2px;min-height:62px}.hr-public .hr-public-result>div>strong{font-size:14px}.hr-public .hr-public-order{flex-basis:27px;font-size:21px}.hr-public .hr-public-tile{display:none}.hr-public .hr-public-result-last{padding:9px 7px;min-height:56px}.hr-public .hr-public-result-last .hr-public-order{flex-basis:37px}.hr-public .hr-public-phone-note{font-size:13px;line-height:1.6}.hr-public .hr-public-rise{width:23px;right:3px}.hr-public .hr-public-rise-line{border-width:6px}.hr-public .hr-public-rise-head{right:-2px;width:19px;height:25px}}