/* TEN GROW — Privacy Policy (プライバシーポリシー) */
const DS_Privacy = window.TENGROWDesignSystem_8927da;

function TG_Privacy() {
  const { Breadcrumb } = DS_Privacy;
  const { Container, Section } = window;

  const sections = [
    {
      h: "1. 個人情報の定義",
      body: [
        "本プライバシーポリシーにおける「個人情報」とは、個人情報の保護に関する法律（個人情報保護法）に定める個人情報を指し、生存する個人に関する情報であって、当該情報に含まれる氏名、生年月日その他の記述等により特定の個人を識別することができるもの、および個人識別符号が含まれるものをいいます。",
      ],
    },
    {
      h: "2. 個人情報の取得",
      body: [
        "当社は、お問い合わせフォームの送信、サービスのお申し込み、その他当社との取引等を通じて、適正かつ公正な手段により個人情報を取得します。取得する情報には、氏名、会社名、メールアドレス、電話番号、お問い合わせ内容等が含まれます。",
      ],
    },
    {
      h: "3. 個人情報の利用目的",
      body: [
        "当社は、取得した個人情報を、以下の目的の範囲内で利用します。",
      ],
      list: [
        "お問い合わせ・ご相談に対する回答および連絡のため",
        "当社サービスの提供、運営、および契約の履行のため",
        "サービスの改善、新サービスの開発、および各種ご案内のため",
        "当社サービスに関する情報・キャンペーン等のご案内のため",
        "利用規約に違反する行為への対応のため",
        "上記の利用目的に付随する目的のため",
      ],
    },
    {
      h: "4. 個人情報の第三者提供",
      body: [
        "当社は、次のいずれかに該当する場合を除き、あらかじめご本人の同意を得ることなく、個人情報を第三者に提供しません。",
      ],
      list: [
        "法令に基づく場合",
        "人の生命、身体または財産の保護のために必要があり、ご本人の同意を得ることが困難である場合",
        "公衆衛生の向上または児童の健全な育成の推進のために特に必要があり、ご本人の同意を得ることが困難である場合",
        "国の機関もしくは地方公共団体またはその委託を受けた者が法令の定める事務を遂行することに対して協力する必要がある場合",
      ],
    },
    {
      h: "5. 業務委託先への提供",
      body: [
        "当社は、利用目的の達成に必要な範囲内において、個人情報の取扱いの全部または一部を業務委託先に委託する場合があります。この場合、当社は委託先に対して適切な監督を行います。なお、当社のお問い合わせフォームは Google フォーム（Google LLC 提供）を利用しており、送信いただいた情報は同社のサーバーを経由して当社が受領します。Google 社のプライバシーポリシーについては同社の定めをご参照ください。",
      ],
    },
    {
      h: "6. 個人情報の安全管理",
      body: [
        "当社は、個人情報の漏えい、滅失またはき損の防止その他の個人情報の安全管理のために、必要かつ適切な措置を講じます。",
      ],
    },
    {
      h: "7. 個人情報の開示・訂正・削除",
      body: [
        "当社は、ご本人から個人情報の開示、訂正、追加、削除、利用停止または消去のご請求があった場合、ご本人であることを確認のうえ、法令に従い遅滞なく対応します。ご請求は、末尾のお問い合わせ窓口までご連絡ください。",
      ],
    },
    {
      h: "8. Cookie（クッキー）等の利用",
      body: [
        "当社のウェブサイトでは、利用状況の把握やサービス向上のために Cookie およびこれに類する技術を使用する場合があります。Cookie の受け入れを希望されない場合は、ブラウザの設定により無効にすることができます。ただし、その場合、当サイトの一部機能がご利用いただけないことがあります。",
      ],
    },
    {
      h: "9. アクセス解析ツールについて",
      body: [
        "当社は、ウェブサイトの利用状況を把握するためにアクセス解析ツールを利用する場合があります。これらのツールはトラフィックデータの収集のために Cookie を使用することがありますが、収集される情報は匿名で、個人を特定するものではありません。",
      ],
    },
    {
      h: "10. プライバシーポリシーの変更",
      body: [
        "当社は、法令の変更等に伴い、本プライバシーポリシーを予告なく変更することがあります。変更後のプライバシーポリシーは、当ウェブサイトに掲載した時点から効力を生じるものとします。",
      ],
    },
    {
      h: "11. お問い合わせ窓口",
      body: [
        "本プライバシーポリシーに関するお問い合わせ、および個人情報の取扱いに関するご請求は、下記までご連絡ください。",
      ],
      contact: true,
    },
  ];

  return (
    <div>
      <section style={{ background: "var(--ink-900)", color: "#fff", position: "relative", overflow: "hidden" }}>
        <Container size="wide" style={{ position: "relative", zIndex: 1, paddingTop: "var(--space-9)", paddingBottom: "var(--space-9)" }}>
          <div style={{ opacity: 0.85 }}>
            <Breadcrumb items={[{ label: "HOME", href: "#home" }, { label: "プライバシーポリシー" }]} style={{ ["--color-text-muted"]: "rgba(247,242,233,0.7)" }} />
          </div>
          <div style={{ marginTop: "var(--space-6)" }}>
            <span style={{ fontFamily: "var(--font-en-display)", fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.1em", color: "var(--amber-400)", fontSize: "clamp(2rem,1.4rem + 2.4vw,3rem)" }}>Privacy Policy</span>
            <h1 style={{ color: "#fff", fontFamily: "var(--font-jp-heading)", fontWeight: 900, fontSize: "var(--fs-h1)", letterSpacing: ".06em", margin: "0.1em 0 0" }}>プライバシーポリシー</h1>
          </div>
        </Container>
      </section>

      <Section tone="cream">
        <div style={{ maxWidth: "var(--container-narrow)", margin: "0 auto" }}>
          <p style={{ color: "var(--color-text-secondary)", lineHeight: "var(--lh-body)", marginBottom: "var(--space-8)" }}>
            株式会社TEN GROW（以下「当社」といいます）は、お客様の個人情報の保護を社会的責務と考え、個人情報の保護に関する法律その他の関係法令およびガイドラインを遵守し、以下のとおりプライバシーポリシーを定め、適切な取扱いに努めます。
          </p>

          <div style={{ display: "flex", flexDirection: "column", gap: "var(--space-8)" }}>
            {sections.map((s) => (
              <section key={s.h}>
                <h2 style={{ fontFamily: "var(--font-jp-heading)", fontWeight: 800, fontSize: "1.375rem", letterSpacing: "-0.01em", margin: "0 0 var(--space-4)", paddingBottom: "var(--space-3)", borderBottom: "2px solid var(--line-strong)" }}>{s.h}</h2>
                {s.body.map((p, i) => (
                  <p key={i} style={{ color: "var(--color-text-secondary)", lineHeight: "var(--lh-body)", margin: "0 0 var(--space-3)" }}>{p}</p>
                ))}
                {s.list && (
                  <ul style={{ color: "var(--color-text-secondary)", lineHeight: "var(--lh-body)", paddingLeft: "1.25em", margin: "var(--space-2) 0 0" }}>
                    {s.list.map((li, i) => (
                      <li key={i} style={{ marginBottom: "var(--space-2)" }}>{li}</li>
                    ))}
                  </ul>
                )}
                {s.contact && (
                  <div style={{ marginTop: "var(--space-4)", padding: "var(--space-6)", background: "var(--color-surface)", border: "1px solid var(--line-strong)", borderRadius: "var(--radius-md)", lineHeight: "var(--lh-body)" }}>
                    <div style={{ fontFamily: "var(--font-jp-heading)", fontWeight: 800, marginBottom: "var(--space-2)" }}>株式会社TEN GROW</div>
                    <div style={{ color: "var(--color-text-secondary)" }}>〒160-0022 東京都新宿区新宿1丁目2-9 JF新宿御苑ビル3F</div>
                    <div style={{ color: "var(--color-text-secondary)" }}>TEL：<a href="tel:0363841688" style={{ color: "var(--color-primary)", textDecoration: "none" }}>03-6384-1688</a></div>
                    <div style={{ color: "var(--color-text-secondary)" }}>E-mail：<a href="mailto:info@ten-grow.co.jp" style={{ color: "var(--color-primary)", textDecoration: "none" }}>info@ten-grow.co.jp</a></div>
                  </div>
                )}
              </section>
            ))}
          </div>

          <p style={{ color: "var(--color-text-muted)", fontSize: "var(--fs-small)", marginTop: "var(--space-8)", textAlign: "right" }}>
            制定日：2026年7月3日<br />株式会社TEN GROW　代表取締役　篠原颯汰
          </p>
        </div>
      </Section>
    </div>
  );
}
window.TG_Privacy = TG_Privacy;
