プライバシーポリシー同意チェック付き権限画面

<div class="d11-13-10-wrap">
          <div class="d11-13-10-icon">
            <svg width="30" height="30" viewBox="0 0 24 24" fill="none"><rect x="4" y="3" width="16" height="18" rx="2" stroke="#0f766e" stroke-width="1.6"/><line x1="7.5" y1="8" x2="16.5" y2="8" stroke="#0f766e" stroke-width="1.4"/><line x1="7.5" y1="12" x2="16.5" y2="12" stroke="#0f766e" stroke-width="1.4"/><line x1="7.5" y1="16" x2="13" y2="16" stroke="#0f766e" stroke-width="1.4"/></svg>
          </div>
          <div class="d11-13-10-title">利用規約への同意</div>
          <p class="d11-13-10-text">サービスのご利用にはプライバシーポリシーへの同意が必要です</p>
          <div class="d11-13-10-check-row">
            <span class="d11-13-10-checkbox">✓</span>
            <span class="d11-13-10-check-label">プライバシーポリシーに同意します<em>詳細を見る</em></span>
          </div>
          <span class="d11-13-10-btn">同意して次へ</span>
        </div>

.d11-13-10-wrap{ text-align:center; width:100%; max-width:270px; }
        .d11-13-10-icon{
          width:56px; height:56px; border-radius:14px; margin:0 auto 12px; background:#f0fdfa;
          display:flex; align-items:center; justify-content:center; border:1px solid #ccfbf1;
        }
        .d11-13-10-title{ font-size:14.5px; font-weight:800; color:#1f2937; }
        .d11-13-10-text{ margin:6px auto 0; font-size:11px; color:#6b7280; line-height:1.6; }
        .d11-13-10-check-row{
          display:flex; align-items:flex-start; gap:8px; margin-top:16px; padding:12px;
          background:#f8fafc; border-radius:10px; text-align:left; border:1px solid #e5e7eb;
        }
        .d11-13-10-checkbox{
          flex-shrink:0; width:18px; height:18px; border-radius:5px; background:#0f766e; color:#fff;
          font-size:11px; font-weight:800; display:flex; align-items:center; justify-content:center;
        }
        .d11-13-10-check-label{ font-size:11.5px; color:#374151; line-height:1.5; }
        .d11-13-10-check-label em{ display:block; margin-top:2px; font-style:normal; font-size:10.5px; color:#0f766e; font-weight:700; }
        .d11-13-10-btn{
          display:inline-block; margin-top:16px; padding:10px 30px; border-radius:999px;
          background:#0f766e; color:#fff; font-size:12px; font-weight:700;
        }