*{margin:0;padding:0;box-sizing:border-box}
  html{background:#e8e8e8}
  body{font-family:"Noto Sans JP",sans-serif;background:#fff;color:#1f2430;-webkit-font-smoothing:antialiased;max-width:430px;margin:0 auto;box-shadow:0 0 30px #0000001a;line-height:1.85}
  img{display:block;max-width:100%}
  a{color:inherit}
  :root{
    --emerald-green:#0EA46E; --emerald-green-deep:#0A7C53; --emerald-green-light:#EAF8F1; --emerald-green-border:#A6E3C8;
    --bg-warm:#FAF8F4; --text-sub:#555c6b; --text-muted:#8a909c;
  }
  .ph{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #eee;position:sticky;top:0;background:#fffffff2;backdrop-filter:blur(6px);z-index:10}
  .ph img{height:36px;width:auto}
  .ph .back{font-size:13px;font-weight:700;color:var(--emerald-green-deep);display:inline-flex;align-items:center;gap:4px}
  .ph .back svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

  .hero{background:linear-gradient(135deg,var(--emerald-green),var(--emerald-green-deep));color:#fff;padding:30px 20px;text-align:center}
  .hero h1{font-size:21px;font-weight:900}
  .hero p{font-size:12px;margin-top:8px;opacity:.92}

  .body{padding:28px 22px 44px}
  .lead{font-size:14px;color:var(--text-sub);margin-bottom:26px}
  .sec{margin-bottom:26px}
  .sec h2{font-size:16px;font-weight:900;margin-bottom:10px;padding-left:11px;border-left:4px solid var(--emerald-green)}
  .sec p{font-size:14px;color:#33384480;color:var(--text-sub)}
  .sec ul{list-style:none;margin-top:8px}
  .sec ul li{position:relative;padding-left:18px;font-size:14px;color:var(--text-sub);margin-bottom:6px}
  .sec ul li:before{content:"";position:absolute;left:2px;top:10px;width:6px;height:6px;border-radius:50%;background:var(--emerald-green)}
  .contact{background:var(--bg-warm);border:1.5px solid #eee;border-radius:14px;padding:18px 20px;font-size:14px;color:var(--text-sub)}
  .contact strong{color:#1f2430;font-weight:700;display:block;margin-bottom:6px}
  .contact a{color:var(--emerald-green-deep);font-weight:700;text-decoration:none}
  .updated{font-size:12px;color:var(--text-muted);text-align:right;margin-top:24px}

  .back-btn{display:block;text-align:center;margin:30px auto 0;font-size:15px;font-weight:900;color:#fff;background:linear-gradient(135deg,var(--emerald-green),var(--emerald-green-deep));border-radius:60px;padding:15px 20px;box-shadow:0 4px 16px #0ea46e59}

  .footer{background:#1f2430;color:#fff;text-align:center;padding:28px 20px}
  .footer img{height:34px;width:auto;margin:0 auto 12px;filter:brightness(0) invert(1);opacity:.95}
  .footer p{font-size:12px;color:#aab;line-height:1.8}