
:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}body{margin:0;background:#f6f7f9;color:#17191c}
.public{color-scheme:light;min-width:280px;background:#f3f1eb;color:#191a1d}.notice{position:relative;isolation:isolate;min-height:100vh;min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;padding:max(24px,env(safe-area-inset-top,0px)) max(28px,env(safe-area-inset-right,0px)) max(22px,env(safe-area-inset-bottom,0px)) max(28px,env(safe-area-inset-left,0px));overflow:hidden}.notice:before{content:"";position:absolute;z-index:-1;width:54vw;height:54vw;min-width:620px;min-height:620px;right:-22vw;top:-28vw;border-radius:50%;background:#e3dfd5;filter:blur(1px)}.site-header,.notice-body,.site-footer{width:min(1180px,100%);margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;min-height:42px;color:#676762;font-size:12px;letter-spacing:.08em}.brand{display:inline-flex;align-items:center;gap:10px;color:#232421;font-weight:700;letter-spacing:.04em}.brand-mark{position:relative;width:22px;height:22px;border:1.5px solid #232421;border-radius:50%}.brand-mark:after{content:"";position:absolute;width:7px;height:7px;right:-3px;bottom:-2px;border-radius:50%;background:#f06445;border:3px solid #f3f1eb}.availability{font-size:11px;text-transform:uppercase;letter-spacing:.16em}.notice-body{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);align-items:center;gap:clamp(44px,8vw,112px);padding:54px 0 72px}.notice-copy{max-width:620px}.kicker{display:inline-flex;align-items:center;gap:9px;margin-bottom:26px;color:#6d6d68;font-size:13px;font-weight:650}.kicker:before{content:"";width:8px;height:8px;border-radius:50%;background:#f06445}.notice h1{max-width:620px;margin:0;font-size:clamp(48px,5.4vw,76px);font-weight:680;line-height:1.04;letter-spacing:-.055em;text-wrap:balance}.notice p{max-width:500px;margin:28px 0 0;color:#6a6a66;font-size:17px;line-height:1.75;text-wrap:pretty}.visual-stage{position:relative;display:grid;place-items:center;aspect-ratio:1/1;min-height:360px;border-radius:40px;background:#dedbd2;overflow:hidden}.visual-stage:before{content:"";position:absolute;width:72%;height:72%;border:1px solid #c4c0b6;border-radius:50%}.visual-caption{position:absolute;left:28px;top:25px;color:#74736d;font-size:10px;font-weight:700;letter-spacing:.18em}.globe{position:relative;width:56%;aspect-ratio:1;border:1.5px solid #242522;border-radius:50%}.globe:before,.globe:after,.longitude,.latitude{content:"";position:absolute;border:1px solid #242522;border-radius:50%}.globe:before{inset:0 29%}.globe:after{inset:29% 0}.longitude{inset:0 12%}.latitude{inset:12% 0}.block-line{position:absolute;z-index:2;width:116%;height:17%;left:-8%;top:41.5%;border:1.5px solid #242522;border-radius:999px;background:#f06445;transform:rotate(-12deg);box-shadow:0 9px 0 #c8c4b9}.point{position:absolute;z-index:3;width:10px;height:10px;left:calc(50% - 5px);top:calc(50% - 5px);border:2px solid #f3f1eb;border-radius:50%;background:#242522}.site-footer{display:flex;align-items:center;justify-content:space-between;padding-top:18px;border-top:1px solid #d6d2c8;color:#85847d;font-size:11px;letter-spacing:.04em}.footer-line{width:48px;height:1px;background:#aba89f}.login{width:min(420px,calc(100% - 32px));margin:max(32px,12vh) auto;background:#fff;padding:28px;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 12px 40px #0000000a}
label{display:block;margin:14px 0 6px;font-size:14px}input,select,button{font:inherit}input,select{width:100%;min-height:44px;padding:10px 12px;border:1px solid #cfd4dc;border-radius:8px;background:#fff}button{min-height:44px;padding:10px 16px;border:0;border-radius:8px;background:#111827;color:#fff;cursor:pointer}button:hover{filter:brightness(1.12)}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #f06445;outline-offset:2px}.error{color:#b42318;font-size:14px}@media(min-width:761px) and (max-height:800px){.notice{padding-block:max(18px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-bottom,0px))}.notice-body{padding:28px 0 38px}.visual-stage{width:min(100%,460px);justify-self:end}}@media(max-width:760px){.notice{padding:max(20px,env(safe-area-inset-top,0px)) max(20px,env(safe-area-inset-right,0px)) max(20px,env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px));overflow:auto}.availability{display:none}.notice-body{grid-template-columns:1fr;gap:38px;padding:62px 0 54px}.notice-copy{max-width:560px}.notice h1{font-size:clamp(40px,10.6vw,58px)}.notice p{margin-top:22px;font-size:16px}.visual-stage{width:min(100%,420px);min-height:0;justify-self:end;border-radius:30px}.site-footer{padding-bottom:4px}}@media(max-width:420px){.notice{padding-inline:max(16px,env(safe-area-inset-left,0px)) max(16px,env(safe-area-inset-right,0px))}.site-header{min-height:34px}.notice-body{gap:28px;padding:42px 0 38px}.kicker{margin-bottom:18px;font-size:12px}.notice h1{font-size:clamp(33px,10.4vw,42px);line-height:1.08}.notice p{margin-top:18px;font-size:15px;line-height:1.65}.visual-stage{width:min(88vw,330px);border-radius:26px}.visual-caption{left:20px;top:18px}.site-footer{font-size:10px}}@media(orientation:landscape) and (max-height:560px){.notice{overflow:auto}.notice-body{grid-template-columns:minmax(0,1fr) minmax(240px,.65fr);gap:36px;padding:28px 0}.notice h1{font-size:clamp(34px,6vw,54px)}.notice p{margin-top:16px;line-height:1.55}.visual-stage{width:auto;min-height:260px}.site-footer{padding-bottom:2px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
