<!DOCTYPE html>
<html lang="ja">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>キャンジョ | 人と自然の、あいだに。— お香・キャンプ場コンサル・地域プロモーション</title>
    <meta name="description"
        content="キャンジョ（キャンプ女子株式会社）は、人と自然をつなぐプロデュース会社です。クリスタルインセンス（お香）× 伝統工芸コラボ、キャンプ場コンサルティング、動画・SNSを活用した地域プロモーション、海外マーケティング・インバウンド事業を行っています。">

    <!-- OGP -->
    <meta property="og:site_name" content="キャンジョ | 人と自然の、あいだに。">
    <meta property="og:title" content="キャンジョ | 人と自然の、あいだに。">
    <meta property="og:description"
        content="人と自然をつなぐプロデュース会社。お香 × 伝統工芸コラボ、キャンプ場コンサルティング、動画・SNSプロモーション、海外マーケティング。自然のもつ本来の価値を、届けたい人に届けます。">
    <meta property="og:type" content="website">
    <meta property="og:image" content="https://www.camjyo.com/assets/og-image.jpg">
    <meta property="og:url" content="https://www.camjyo.com/">
    <meta property="twitter:card" content="summary_large_image">
    <link rel="canonical" href="https://www.camjyo.com/">

    <!-- Favicon -->
    <link rel="icon" type="image/png" href="./assets/favicon.png">
    <link rel="apple-touch-icon" href="./assets/favicon.png">

    <!-- Fonts (reduced weights + non-blocking) -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Outfit:wght@400;600&display=swap">
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Outfit:wght@400;600&display=swap"
        rel="stylesheet" media="print" onload="this.media='all'">
    <noscript><link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Outfit:wght@400;600&display=swap">
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Outfit:wght@400;600&display=swap" rel="stylesheet" media="print" onload="this.media='all'">
    <noscript><link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Outfit:wght@400;600&display=swap" rel="stylesheet"></noscript></noscript>

    <!-- Preload hero image -->
    <link rel="preload" as="image" type="image/webp" href="/assets/hero-bg.webp">

    <!-- Styles -->
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/components.css">
    <link rel="stylesheet" href="./css/home.css">

    <!-- GSAP (deferred — non-blocking) -->
    <script defer src="https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/gsap.min.js"></script>
    <script defer src="https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/ScrollTrigger.min.js"></script>

    <!-- Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-BSWF4PM45S"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag() { dataLayer.push(arguments); }
        gtag('js', new Date());
        gtag('config', 'G-BSWF4PM45S');
    </script>

    <!-- 構造化データ: Organization -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Organization",
      "name": "キャンプ女子株式会社",
      "alternateName": ["Camjyo Inc.", "キャンジョ"],
      "url": "https://www.camjyo.com",
      "logo": "https://www.camjyo.com/assets/logos/camjyo-logo.webp",
      "description": "人と自然をつなぐプロデュース会社。お香×伝統工芸コラボ、キャンプ場コンサルティング、動画・SNSプロモーション、海外マーケティング。",
      "foundingDate": "2019-02",
      "founders": [
        {"@type": "Person", "name": "橋本華恋"},
        {"@type": "Person", "name": "柴垣道宏"}
      ],
      "address": {
        "@type": "PostalAddress",
        "streetAddress": "博多駅南3-15-30-511",
        "addressLocality": "福岡市博多区",
        "addressRegion": "福岡県",
        "postalCode": "812-0016",
        "addressCountry": "JP"
      },
      "sameAs": [
        "https://www.instagram.com/camjyo/",
        "https://www.youtube.com/@camjyo",
        "https://x.com/camjyo",
        "https://www.facebook.com/camjyo",
        "https://note.com/camjyo"
      ]
    }
    </script>
</head>

<body>
    <!-- Header -->
    <header class="site-header" id="site-header">
        <div class="header-inner">
            <a href="/" class="logo">
                <img src="/assets/logos/camjyo-logo.webp" alt="キャンジョ - キャンプ女子株式会社">
            </a>
            <nav class="main-nav" id="main-nav">
                <a href="#news" class="nav-link">最新情報</a>
                <a href="/service" class="nav-link">サービス一覧</a>
                <a href="/campconsul" class="nav-link">キャンプ場コンサル</a>
                <a href="/company" class="nav-link">会社概要</a>
                <a href="/magazine" class="nav-link nav-magazine">
                    <span class="mag-label">キャンジョ</span>MAGAZINE
                </a>
                <a href="/contact" class="nav-cta">
                    お問い合わせ
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
                </a>
            </nav>
            <button class="hamburger" id="hamburger" aria-label="メニュー">
                <span></span><span></span><span></span>
            </button>
        </div>
    </header>

    <!-- HERO — fwh style -->
    <section class="hero" id="hero">
        <div class="hero-bg"></div>
        <div class="hero-overlay"></div>
        <div class="hero-content">
            <div class="hero-text gs-reveal">
                <span class="hero-label">Connecting People with Nature</span>
                <h1 class="hero-title">
                    人と自然の、<br>
                    <span class="hero-title-accent">あいだに。</span>
                </h1>
                <p class="hero-subtitle">
                    キャンジョは、自然を愛する人と自然をつなぐプロデュース会社です。<br>
                    お香と伝統工芸のコラボレーション、キャンプ場づくり、<br>
                    動画・SNSでの地域プロモーション。
                </p>
                <div class="hero-cta-group">
                    <a href="/contact" class="hero-cta hero-cta--primary">お問い合わせ</a>
                    <a href="/service" class="hero-cta hero-cta--secondary">サービス一覧をみる</a>
                </div>
            </div>
            <div class="hero-cta-card gs-reveal">
                <h2 class="hero-cta-card__title">サービスに関するご相談</h2>
                <ul class="hero-cta-card__list">
                    <li>キャンプ場の立ち上げ・リニューアル</li>
                    <li>動画・SNSでの地域プロモーション</li>
                    <li>お香 × 伝統工芸のコラボレーション</li>
                    <li>海外マーケティング・インバウンド</li>
                    <li>起業・事業アイデアのサポート</li>
                </ul>
                <a href="/contact" class="btn btn--primary btn--large">お問い合わせ・ご相談をする →</a>
            </div>
        </div>
        <div class="hero-scroll-indicator">
            <span class="hero-scroll-indicator__text">SCROLL</span>
            <span class="hero-scroll-indicator__line"></span>
        </div>
    </section>

    <!-- LOGO SLIDER — パートナー企業ロゴ -->
    <section class="logo-section">
        <div class="logo-slider">
            <div class="logo-slider__track">
                <div class="logo-slider__item"><img src="/assets/logos/spotify.webp" alt="Spotify" loading="lazy"></div>
                <div class="logo-slider__item"><img src="/assets/logos/ecoflow.webp" alt="EcoFlow" loading="lazy"></div>
                <div class="logo-slider__item"><img src="/assets/logos/roxy.webp" alt="ROXY" loading="lazy"></div>
                <div class="logo-slider__item"><img src="/assets/logos/yamaha.webp" alt="YAMAHA" loading="lazy"></div>
                <div class="logo-slider__item"><img src="/assets/logos/fujifilm.webp" alt="FUJIFILM" loading="lazy"></div>
                <div class="logo-slider__item"><img src="/assets/logos/daihatsu.webp" alt="DAIHATSU" loading="lazy"></div>
                <div class="logo-slider__item"><img src="/assets/logos/panasonic.webp" alt="Panasonic" loading="lazy"></div>
                <div class="logo-slider__item"><img src="/assets/logos/nhk.webp" alt="NHK WORLD JAPAN" loading="lazy"></div>
                <div class="logo-slider__item"><img src="/assets/logos/sekisui.webp" alt="積水ハウス" loading="lazy"></div>
                <div class="logo-slider__item"><img src="/assets/logos/housefoods.webp" alt="ハウス食品" loading="lazy"></div>
                <!-- Duplicate for seamless loop -->
                <div class="logo-slider__item"><img src="/assets/logos/spotify.webp" alt="Spotify" loading="lazy"></div>
                <div class="logo-slider__item"><img src="/assets/logos/ecoflow.webp" alt="EcoFlow" loading="lazy"></div>
                <div class="logo-slider__item"><img src="/assets/logos/roxy.webp" alt="ROXY" loading="lazy"></div>
                <div class="logo-slider__item"><img src="/assets/logos/yamaha.webp" alt="YAMAHA" loading="lazy"></div>
                <div class="logo-slider__item"><img src="/assets/logos/fujifilm.webp" alt="FUJIFILM" loading="lazy"></div>
                <div class="logo-slider__item"><img src="/assets/logos/daihatsu.webp" alt="DAIHATSU" loading="lazy"></div>
                <div class="logo-slider__item"><img src="/assets/logos/panasonic.webp" alt="Panasonic" loading="lazy"></div>
                <div class="logo-slider__item"><img src="/assets/logos/nhk.webp" alt="NHK WORLD JAPAN" loading="lazy"></div>
                <div class="logo-slider__item"><img src="/assets/logos/sekisui.webp" alt="積水ハウス" loading="lazy"></div>
                <div class="logo-slider__item"><img src="/assets/logos/housefoods.webp" alt="ハウス食品" loading="lazy"></div>
            </div>
        </div>
        <div class="logo-slider logo-slider--reverse">
            <div class="logo-slider__track">
                <div class="logo-slider__item"><img src="/assets/logos/shimamura.webp" alt="しまむら" loading="lazy"></div>
                <div class="logo-slider__item"><img src="/assets/logos/sports-authority.webp" alt="スポーツオーソリティ" loading="lazy"></div>
                <div class="logo-slider__item"><img src="/assets/logos/tsutaya.webp" alt="蔦屋書店" loading="lazy"></div>
                <div class="logo-slider__item"><img src="/assets/logos/hotpepper.webp" alt="Hot Pepper Beauty" loading="lazy"></div>
                <div class="logo-slider__item"><img src="/assets/logos/jr-hakata.webp" alt="JR博多シティ" loading="lazy"></div>
                <div class="logo-slider__item"><img src="/assets/logos/amu-kokura.webp" alt="アミュプラザ小倉" loading="lazy"></div>
                <div class="logo-slider__item"><img src="/assets/logos/markis.webp" alt="MARK IS" loading="lazy"></div>
                <div class="logo-slider__item"><img src="/assets/logos/saga-airport.webp" alt="九州佐賀国際空港" loading="lazy"></div>
                <div class="logo-slider__item"><img src="/assets/logos/hankyu-ferry.webp" alt="阪急フェリー" loading="lazy"></div>
                <div class="logo-slider__item"><img src="/assets/logos/fukuoka-toyopet.webp" alt="福岡トヨペット" loading="lazy"></div>
                <!-- Duplicate -->
                <div class="logo-slider__item"><img src="/assets/logos/shimamura.webp" alt="しまむら" loading="lazy"></div>
                <div class="logo-slider__item"><img src="/assets/logos/sports-authority.webp" alt="スポーツオーソリティ" loading="lazy"></div>
                <div class="logo-slider__item"><img src="/assets/logos/tsutaya.webp" alt="蔦屋書店" loading="lazy"></div>
                <div class="logo-slider__item"><img src="/assets/logos/hotpepper.webp" alt="Hot Pepper Beauty" loading="lazy"></div>
                <div class="logo-slider__item"><img src="/assets/logos/jr-hakata.webp" alt="JR博多シティ" loading="lazy"></div>
                <div class="logo-slider__item"><img src="/assets/logos/amu-kokura.webp" alt="アミュプラザ小倉" loading="lazy"></div>
                <div class="logo-slider__item"><img src="/assets/logos/markis.webp" alt="MARK IS" loading="lazy"></div>
                <div class="logo-slider__item"><img src="/assets/logos/saga-airport.webp" alt="九州佐賀国際空港" loading="lazy"></div>
                <div class="logo-slider__item"><img src="/assets/logos/hankyu-ferry.webp" alt="阪急フェリー" loading="lazy"></div>
                <div class="logo-slider__item"><img src="/assets/logos/fukuoka-toyopet.webp" alt="福岡トヨペット" loading="lazy"></div>
            </div>
        </div>
    </section>

    <!-- SERVICES — fwh style: photo + service list -->
    <section class="services" id="services">
        <div class="container">
            <div class="services-intro gs-reveal">
                <div class="section-heading">
                    <span class="section-heading__en">SERVICE</span>
                    <span class="section-heading__ja">事業領域・提供サービス</span>
                </div>
                <p class="services-intro__desc">
                    お香・伝統工芸から、キャンプ場コンサルティング、動画・SNS × 海外マーケティングまで。<br>
                    自然のもつ本来の価値を引き出し、届けたい人に届けるサービスを提供しています。
                </p>
            </div>
            <div class="services-layout gs-reveal">
                <div class="services-photo">
                    <img src="/assets/service-nature-camp.png" alt="夕暮れの森の中のキャンプサイト" loading="lazy">
                    <img src="/assets/service-nature-aerial.png" alt="山間のキャンプ場の空撮" loading="lazy" style="margin-top: var(--space-md);">
                </div>
                <div class="services-list">
                    <a href="https://crystalinsence.com" target="_blank" class="service-item">
                        <span class="service-item__label">service 01</span>
                        <h3 class="service-item__title">お香 × 伝統工芸プロデュース</h3>
                        <p class="service-item__desc">自社ブランド「クリスタルインセンス」を中心に、有田焼・博多織など日本の伝統工芸とのコラボレーション。職人技と現代のアイデアで新しい価値を生み出し、海外市場にも展開中。</p>
                        <span class="service-item__arrow">詳細を見る →</span>
                    </a>
                    <a href="/campconsul" class="service-item">
                        <span class="service-item__label">service 02</span>
                        <h3 class="service-item__title">アウトドア施設コンサルティング</h3>
                        <p class="service-item__desc">キャンプ場の立ち上げ支援・プロモーションからWEB/SNSまで。新規オープン・リニューアル含め、全国100箇所以上のアウトドア施設をサポートした実績。</p>
                        <span class="service-item__arrow">詳細を見る →</span>
                    </a>
                    <a href="/contact" class="service-item">
                        <span class="service-item__label">service 03</span>
                        <h3 class="service-item__title">動画・SNS × 海外マーケティング</h3>
                        <p class="service-item__desc">動画制作・SNSを活用した地域プロモーション。台湾の動画チームと連携し、インフルエンサーとのコラボも推進。インバウンド施策にも対応。</p>
                        <span class="service-item__arrow">まずは無料相談 →</span>
                    </a>
                    <a href="/service" class="service-item">
                        <span class="service-item__label">service 04</span>
                        <h3 class="service-item__title">起業家・スタートアップ支援</h3>
                        <p class="service-item__desc">アイデア出しから即日プロトタイプまで。福岡市スタートアップ支援施設の外部相談員も担当。少人数でアイデアを即日カタチにするクリエイティブ体制。</p>
                        <span class="service-item__arrow">詳細を見る →</span>
                    </a>
                </div>
            </div>
            <div style="text-align:center; margin-top:var(--space-2xl);">
                <a href="/service" class="btn btn--arrow">サービス一覧を見る</a>
            </div>
        </div>
    </section>

    <!-- STATS -->
    <section class="stats-section" id="stats">
        <div class="container">
            <div class="stats-grid gs-reveal">
                <div class="stat-card">
                    <span class="stat-card__number" data-count="7">0<small>事業</small></span>
                    <span class="stat-card__label">多角的な<br>事業展開</span>
                </div>
                <div class="stat-card">
                    <span class="stat-card__number" data-count="100">0<small>+</small></span>
                    <span class="stat-card__label">キャンプ場<br>サポート実績</span>
                </div>
                <div class="stat-card">
                    <span class="stat-card__number" data-count="200">0<small>K+</small></span>
                    <span class="stat-card__label">SNS<br>総フォロワー</span>
                </div>
                <div class="stat-card">
                    <span class="stat-card__number">2018<small>〜</small></span>
                    <span class="stat-card__label">設立年 /<br>Instagram開始</span>
                </div>
            </div>
        </div>
    </section>

    <!-- NEWS -->
    <section class="news-section" id="news">
        <div class="container">
            <div class="news-header gs-reveal">
                <div class="section-heading" style="margin-bottom:0;">
                    <span class="section-heading__en">NEWS</span>
                    <span class="section-heading__ja">ニュースリリース</span>
                </div>
                <a href="/magazine" class="section-more">すべてのニュース →</a>
            </div>
            <div class="news-list gs-reveal">
                <a href="/posts/xossnight-entrepreneurship-ambassador" class="news-item">
                    <time class="news-item__date">2026.01.29</time>
                    <span class="news-item__cat news-item__cat--press">プレスリリース</span>
                    <span class="news-item__title">起業ではない、"気づいて動く力"を育てる——キャンプ女子・橋本華恋が熊本「XOSSNIGHT」に登壇</span>
                </a>
                <a href="/posts/crystal_insence_shibuya" class="news-item">
                    <time class="news-item__date">2025.12.22</time>
                    <span class="news-item__cat news-item__cat--product">クリスタルインセンス</span>
                    <span class="news-item__title">規格外品ロスを減らし、伝統工芸の価値を体験へ──MAGNET by SHIBUYA 109にてワークショップ開催</span>
                </a>
                <a href="/posts/ramentech-startupkyushu-2025-web-sns-line-campjyoshi" class="news-item">
                    <time class="news-item__date">2025.10.31</time>
                    <span class="news-item__cat news-item__cat--press">プレスリリース</span>
                    <span class="news-item__title">【制作実績】RAMEN TECH連携「STARTUP KYUSHU 2025」公式サイト・SNS・公式LINEを一体運用</span>
                </a>
                <a href="/magazine/post/degital_nomad2025" class="news-item">
                    <time class="news-item__date">2025.10.16</time>
                    <span class="news-item__cat news-item__cat--press">プレスリリース</span>
                    <span class="news-item__title">"旅するように働く"をテーマにした写真展『デジタルノマド展』、ソニーストア福岡天神で開催</span>
                </a>
                <a href="/posts/crystal-incense-fukuoka-furusato-sdgs" class="news-item">
                    <time class="news-item__date">2025.10.02</time>
                    <span class="news-item__cat news-item__cat--press">プレスリリース</span>
                    <span class="news-item__title">国産無添加お香文化を未来へつなぐ挑戦 ― 福岡発プロジェクト「香りの灯を守る」報告と次期展望</span>
                </a>
                <a href="/posts/entrepreneurship-ambassador-mext" class="news-item">
                    <time class="news-item__date">2025.09.11</time>
                    <span class="news-item__cat news-item__cat--press">プレスリリース</span>
                    <span class="news-item__title">代表・橋本華恋、文部科学省「アントレプレナーシップ推進大使」に任命</span>
                </a>
            </div>
        </div>
    </section>

    <!-- PARTNERS — コラボ実績 -->
    <section class="partners-section" id="partners">
        <div class="container">
            <div class="section-heading gs-reveal">
                <span class="section-heading__en">PARTNERS</span>
                <span class="section-heading__ja">コラボ実績</span>
            </div>
            <p class="partners-desc gs-reveal">自治体・企業様との実績多数。キャンプ場コンサルティング、イベント共催、プロモーション、SDGsコラボレーションなど。</p>
            <div class="cases-grid gs-reveal">
                <a href="/work/sony_202510" class="case-card">
                    <div class="case-card__logo"><img src="/assets/logos/sony-store.png" alt="Sony Store" loading="lazy"></div>
                    <div class="case-card__body">
                        <span class="case-card__company">Sony Store 福岡天神</span>
                        <h3 class="case-card__title">「デジタルノマド展」写真展 / フォトコンテスト共同開催</h3>
                        <span class="case-card__result">展示企画 → 来場者集客に貢献</span>
                    </div>
                </a>
                <a href="/work/sekisuihouse_202210" class="case-card">
                    <div class="case-card__logo"><img src="/assets/logos/sekisui.webp" alt="積水ハウス" loading="lazy"></div>
                    <div class="case-card__body">
                        <span class="case-card__company">積水ハウス</span>
                        <h3 class="case-card__title">「おうちキャンプ」セミナー企画・登壇</h3>
                        <span class="case-card__result">住宅展示イベント → 来場体験を強化</span>
                    </div>
                </a>
                <a href="/work/avail_202107" class="case-card">
                    <div class="case-card__logo"><img src="/assets/logos/shimamura.webp" alt="しまむら" loading="lazy"></div>
                    <div class="case-card__body">
                        <span class="case-card__company">アベイル（しまむらグループ）</span>
                        <h3 class="case-card__title">コラボアパレル＆キャンプグッズ共同開発 — 即完売の人気シリーズ</h3>
                        <span class="case-card__result">商品企画 → 即完売の大ヒット</span>
                    </div>
                </a>
                <a href="/work/yamaha_yurucam_202106" class="case-card">
                    <div class="case-card__logo"><img src="/assets/logos/roxy.webp" alt="YAMAHA" loading="lazy"></div>
                    <div class="case-card__body">
                        <span class="case-card__company">YAMAHA × ゆるキャン△</span>
                        <h3 class="case-card__title">「アウトドアミュージック」コラボイベント</h3>
                        <span class="case-card__result">イベント企画 → ファン体験を創出</span>
                    </div>
                </a>
                <a href="/work/ecoflow_202207" class="case-card">
                    <div class="case-card__logo"><img src="/assets/logos/ecoflow.webp" alt="EcoFlow" loading="lazy"></div>
                    <div class="case-card__body">
                        <span class="case-card__company">EcoFlow Japan</span>
                        <h3 class="case-card__title">「防災キャンプ」ワークショップ共同開催</h3>
                        <span class="case-card__result">社会貢献 → 防災意識啓発</span>
                    </div>
                </a>
                <a href="/work/toyota_202312" class="case-card">
                    <div class="case-card__logo"><img src="/assets/logos/fukuoka-toyopet.webp" alt="トヨタ" loading="lazy"></div>
                    <div class="case-card__body">
                        <span class="case-card__company">トヨタ / 福岡モビリティショー</span>
                        <h3 class="case-card__title">「H2モビリティパーク」エリアコーディネート</h3>
                        <span class="case-card__result">展示演出 → 水素社会の魅力を訴求</span>
                    </div>
                </a>
            </div>
            <div style="text-align:center;">
                <a href="/workcms" class="btn btn--arrow" style="max-width:400px;">すべてのコラボ実績を見る</a>
            </div>
        </div>
    </section>

    <!-- MAGAZINE Preview -->
    <section class="magazine-preview" id="magazine-preview">
        <div class="container">
            <div class="magazine-header gs-reveal">
                <div class="section-heading" style="margin-bottom:0;">
                    <span class="section-heading__en">MAGAZINE</span>
                    <span class="section-heading__ja">キャンジョマガジン</span>
                </div>
                <a href="/magazine" class="section-more">すべての記事を見る →</a>
            </div>
            <div class="magazine-grid gs-reveal">
                <a href="https://www.camjyo.com/magazine/post/326" target="_blank" class="magazine-card">
                    <div class="magazine-card__img">
                        <img src="/magazine/images/cms_covers/snowpeak.webp" alt="スノーピーク グラウンズ吉野ヶ里" loading="lazy">
                    </div>
                    <div class="magazine-card__body">
                        <span class="magazine-card__cat">最新情報</span>
                        <h3 class="magazine-card__title">【最速レポ】スノーピーク グラウンズ吉野ヶ里が佐賀に誕生！</h3>
                        <time class="magazine-card__date">2026.03</time>
                    </div>
                </a>
                <a href="/posts/xossnight-entrepreneurship-ambassador" target="_blank" class="magazine-card">
                    <div class="magazine-card__img">
                        <img src="/magazine/images/cms_covers/xossnight.webp" alt="橋本華恋 XOSS NIGHT 登壇" loading="lazy">
                    </div>
                    <div class="magazine-card__body">
                        <span class="magazine-card__cat">プレスリリース</span>
                        <h3 class="magazine-card__title">橋本華恋が熊本「XOSS NIGHT」に登壇</h3>
                        <time class="magazine-card__date">2026.01</time>
                    </div>
                </a>
                <a href="/posts/crystal_insence_shibuya" target="_blank" class="magazine-card">
                    <div class="magazine-card__img">
                        <img src="/magazine/images/cms_covers/crystal_shibuya.webp" alt="SHIBUYA109 伝統工芸ワークショップ" loading="lazy">
                    </div>
                    <div class="magazine-card__body">
                        <span class="magazine-card__cat">クリスタルインセンス</span>
                        <h3 class="magazine-card__title">SHIBUYA109にて伝統工芸ワークショップ開催</h3>
                        <time class="magazine-card__date">2025.12</time>
                    </div>
                </a>
                <a href="/posts/ramentech-startupkyushu-2025-web-sns-line-campjyoshi" target="_blank" class="magazine-card">
                    <div class="magazine-card__img">
                        <img src="/magazine/images/cms_covers/startup_kyushu.webp" alt="STARTUP KYUSHU 2025" loading="lazy">
                    </div>
                    <div class="magazine-card__body">
                        <span class="magazine-card__cat">プレスリリース</span>
                        <h3 class="magazine-card__title">「STARTUP KYUSHU 2025」Web・SNS・LINE構築</h3>
                        <time class="magazine-card__date">2025.10</time>
                    </div>
                </a>
            </div>
        </div>
    </section>

    <!-- SNS -->
    <section class="sns-section" id="sns">
        <div class="container">
            <div class="section-heading gs-reveal">
                <span class="section-heading__en">SOCIAL</span>
                <span class="section-heading__ja">ソーシャルメディア</span>
            </div>
            <div class="sns-hero gs-reveal">
                <div class="sns-hero__stat">
                    <span class="sns-hero__number" data-count="200">200<small>K+</small></span>
                    <span class="sns-hero__label">Total Followers</span>
                </div>
                <p class="sns-hero__desc">
                    SNSと広報のプロフェッショナル集団。<br>
                    Instagram・Threads・Xなど複数プラットフォームで<br>
                    合計20万人超のフォロワーを持つ発信力で、<br>
                    ブランドの魅力を届けます。
                </p>
            </div>
            <div class="sns-grid gs-reveal">
                <a href="https://www.instagram.com/camjyo/" target="_blank" class="sns-card sns-card--instagram">
                    <div class="sns-card__icon">📸</div>
                    <div class="sns-card__info">
                        <span class="sns-card__handle">@camjyo</span>
                        <span class="sns-card__name">キャンプ女子コミュニティ</span>
                        <span class="sns-card__followers">58,000+ followers</span>
                    </div>
                </a>
                <a href="https://www.threads.net/@crystal_insence" target="_blank" class="sns-card sns-card--threads">
                    <div class="sns-card__icon">🧵</div>
                    <div class="sns-card__info">
                        <span class="sns-card__handle">@crystal_insence</span>
                        <span class="sns-card__name">Threads</span>
                        <span class="sns-card__followers">41,000+ followers</span>
                    </div>
                </a>
                <a href="https://www.instagram.com/crystal_insence/" target="_blank" class="sns-card sns-card--instagram">
                    <div class="sns-card__icon">📸</div>
                    <div class="sns-card__info">
                        <span class="sns-card__handle">@crystal_insence</span>
                        <span class="sns-card__name">クリスタルインセンス</span>
                        <span class="sns-card__followers">13,000+ followers</span>
                    </div>
                </a>
                <a href="https://www.threads.net/@camjyo" target="_blank" class="sns-card sns-card--threads">
                    <div class="sns-card__icon">🧵</div>
                    <div class="sns-card__info">
                        <span class="sns-card__handle">@camjyo</span>
                        <span class="sns-card__name">Threads</span>
                        <span class="sns-card__followers">13,000+ followers</span>
                    </div>
                </a>
            </div>
        </div>
    </section>

    <!-- CTA — fwh CONTACT style -->
    <section class="cta-section" id="contact-cta">
        <div class="container">
            <div class="cta-inner gs-reveal">
                <span class="cta-title-en">CONTACT</span>
                <span class="cta-title-ja">お問い合わせ</span>
                <div class="cta-card">
                    <h2 class="cta-card__title">サービスに関するご相談</h2>
                    <ul class="cta-card__list">
                        <li>キャンプ場の立ち上げ・リニューアル</li>
                        <li>動画・SNSでの地域プロモーション</li>
                        <li>お香 × 伝統工芸のコラボレーション</li>
                        <li>海外マーケティング・インバウンド</li>
                    </ul>
                    <div class="cta-card__actions">
                        <a href="/contact" class="btn btn--primary btn--large">お問い合わせ・ご相談をする</a>
                        <a href="/service" class="btn btn--outline btn--large">サービス一覧をみる</a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer class="site-footer" id="site-footer">
        <div class="container">
            <div class="footer-grid">
                <div class="footer-brand">
                    <a href="/" class="footer-logo"><img src="/assets/logos/camjyo-logo-white.webp" alt="キャンジョ" loading="lazy"></a>
                    <p class="footer-company">キャンプ女子株式会社</p>
                    <p class="footer-tagline">人と自然の、あいだに。</p>
                </div>
                <div class="footer-links">
                    <div class="footer-col">
                        <h4>プロダクト</h4>
                        <a href="/service">クリスタルインセンス</a>
                        <a href="/service">伝統工芸コラボ</a>
                        <a href="/usedstore">ユーズドストア</a>
                    </div>
                    <div class="footer-col">
                        <h4>サービス</h4>
                        <a href="/campconsul">キャンプ場コンサル</a>
                        <a href="/service">動画・SNS制作</a>
                        <a href="/service">海外マーケティング</a>
                        <a href="/service">起業家サポート</a>
                    </div>
                    <div class="footer-col">
                        <h4>コンテンツ</h4>
                        <a href="/magazine">キャンジョMAGAZINE</a>
                        <a href="/camjyo_band">キャンジョバンド</a>
                        <a href="/letsgocamp">レッツゴーキャンプ</a>
                    </div>
                    <div class="footer-col">
                        <h4>会社情報</h4>
                        <a href="/company">会社概要</a>
                        <a href="/contact">お問い合わせ</a>
                        <a href="/hashimoto-karen">橋本華恋</a>
                        <a href="/shibagaki-doukou">柴垣道宏</a>
                        <a href="/trade">特定商取引法</a>
                        <a href="/policy">プライバシーポリシー</a>
                    </div>
                    <div class="footer-col">
                        <h4>グループサービス</h4>
                        <a href="https://crystalinsence.com/" target="_blank">クリスタルインセンス</a>
                        <a href="https://vantripjapan.jp/" target="_blank">VanTripJapan</a>
                        <a href="https://drive-japan-license.com/" target="_blank">JDLTC 免許翻訳</a>
                        <a href="/campconsul">キャンプパートナーズ</a>
                    </div>
                </div>
            </div>
            <div class="footer-sns" style="text-align:center;padding:var(--space-md) 0;display:flex;justify-content:center;gap:var(--space-md);">
                <a href="https://www.instagram.com/camjyo/" target="_blank" rel="noopener" aria-label="Instagram" style="color:var(--color-text-muted);transition:color .2s;"><svg width="22" height="22" fill="currentColor" viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"/></svg></a>
                <a href="https://x.com/camjyo" target="_blank" rel="noopener" aria-label="X" style="color:var(--color-text-muted);transition:color .2s;"><svg width="22" height="22" fill="currentColor" viewBox="0 0 24 24"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg></a>
                <a href="https://www.youtube.com/@camjyo" target="_blank" rel="noopener" aria-label="YouTube" style="color:var(--color-text-muted);transition:color .2s;"><svg width="22" height="22" fill="currentColor" viewBox="0 0 24 24"><path d="M23.498 6.186a3.016 3.016 0 00-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 00.502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 002.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 002.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg></a>
                <a href="https://www.facebook.com/camjyo" target="_blank" rel="noopener" aria-label="Facebook" style="color:var(--color-text-muted);transition:color .2s;"><svg width="22" height="22" fill="currentColor" viewBox="0 0 24 24"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg></a>
                <a href="https://note.com/camjyo" target="_blank" rel="noopener" aria-label="note" style="color:var(--color-text-muted);transition:color .2s;font-weight:700;font-size:14px;">note</a>
            </div>
            <p style="text-align:center;font-size:0.8rem;color:var(--color-text-muted);margin-bottom:var(--space-xs);">〒812-0016 福岡市博多区博多駅南3-15-30-511</p>
            <div class="footer-bottom">
                <p>&copy; 2026 キャンプ女子株式会社 All Rights Reserved.</p>
            </div>
        </div>
    </footer>

    <!-- Scripts (deferred) -->
    <script defer src="./js/main.js"></script>
</body>

</html>