/logo/social.webp` без themes/{theme}/ prefix.
// Также social card crawlers (FB/Twitter/Telegram) и Google search index содержат старые
// pre-cutover URLs. 301 → текущий theme's asset.
$legacyLogoRedirect = function ($file) {
    $template = strtolower(config('core.template') ?? 't21');
    return redirect("/themes/{$template}/logo/{$file}", 301);
};
Route::get('logo/{file}', $legacyLogoRedirect)
    ->where('file', '(social|og_image|twitter|favicon|logo|insthacker)\.(png|webp|jpg|jpeg|svg)');

// iOS Safari + iOS apps + Pinterest crawler автоматически запрашивают эти URLs независимо
// от <link rel="apple-touch-icon"> в HTML. 301 → theme's favicon.png (180×180+ ideally).
$appleTouchRedirect = function () {
    $template = strtolower(config('core.template') ?? 't21');
    return redirect("/themes/{$template}/logo/favicon.png", 301);
};
Route::get('apple-touch-icon{any}.png', $appleTouchRedirect)
    ->where('any', '(-precomposed|-[0-9]+x[0-9]+|-[0-9]+x[0-9]+-precomposed)?');

// Password managers (1Password, Bitwarden, iCloud Keychain) probe этот URL для passkey
// discovery (W3C draft). Без endpoint'а они fall back на password autofill — функционально
// не сломано, но 404 в логах. Возвращаем валидный пустой manifest.
Route::get('.well-known/passkey-endpoints', function () {
    return response()->json(
        ['enroll' => null, 'manage' => null],
        200,
        ['Cache-Control' => 'public, max-age=86400']
    );
});
/logo/social.webp` без themes/{theme}/ prefix.
// Также social card crawlers (FB/Twitter/Telegram) и Google search index содержат старые
// pre-cutover URLs. 301 → текущий theme's asset.
$legacyLogoRedirect = function ($file) {
    $template = strtolower(config('core.template') ?? 't21');
    return redirect("/themes/{$template}/logo/{$file}", 301);
};
Route::get('logo/{file}', $legacyLogoRedirect)
    ->where('file', '(social|og_image|twitter|favicon|logo|insthacker)\.(png|webp|jpg|jpeg|svg)');

// iOS Safari + iOS apps + Pinterest crawler автоматически запрашивают эти URLs независимо
// от <link rel="apple-touch-icon"> в HTML. 301 → theme's favicon.png (180×180+ ideally).
$appleTouchRedirect = function () {
    $template = strtolower(config('core.template') ?? 't21');
    return redirect("/themes/{$template}/logo/favicon.png", 301);
};
Route::get('apple-touch-icon{any}.png', $appleTouchRedirect)
    ->where('any', '(-precomposed|-[0-9]+x[0-9]+|-[0-9]+x[0-9]+-precomposed)?');

// Password managers (1Password, Bitwarden, iCloud Keychain) probe этот URL для passkey
// discovery (W3C draft). Без endpoint'а они fall back на password autofill — функционально
// не сломано, но 404 в логах. Возвращаем валидный пустой manifest.
Route::get('.well-known/passkey-endpoints', function () {
    return response()->json(
        ['enroll' => null, 'manage' => null],
        200,
        ['Cache-Control' => 'public, max-age=86400']
    );
});
/logo/social.webp` без themes/{theme}/ prefix.
// Также social card crawlers (FB/Twitter/Telegram) и Google search index содержат старые
// pre-cutover URLs. 301 → текущий theme's asset.
$legacyLogoRedirect = function ($file) {
    $template = strtolower(config('core.template') ?? 't21');
    return redirect("/themes/{$template}/logo/{$file}", 301);
};
Route::get('logo/{file}', $legacyLogoRedirect)
    ->where('file', '(social|og_image|twitter|favicon|logo|insthacker)\.(png|webp|jpg|jpeg|svg)');

// iOS Safari + iOS apps + Pinterest crawler автоматически запрашивают эти URLs независимо
// от <link rel="apple-touch-icon"> в HTML. 301 → theme's favicon.png (180×180+ ideally).
$appleTouchRedirect = function () {
    $template = strtolower(config('core.template') ?? 't21');
    return redirect("/themes/{$template}/logo/favicon.png", 301);
};
Route::get('apple-touch-icon{any}.png', $appleTouchRedirect)
    ->where('any', '(-precomposed|-[0-9]+x[0-9]+|-[0-9]+x[0-9]+-precomposed)?');

// Password managers (1Password, Bitwarden, iCloud Keychain) probe этот URL для passkey
// discovery (W3C draft). Без endpoint'а они fall back на password autofill — функционально
// не сломано, но 404 в логах. Возвращаем валидный пустой manifest.
Route::get('.well-known/passkey-endpoints', function () {
    return response()->json(
        ['enroll' => null, 'manage' => null],
        200,
        ['Cache-Control' => 'public, max-age=86400']
    );
});
/logo/social.webp` без themes/{theme}/ prefix.
// Также social card crawlers (FB/Twitter/Telegram) и Google search index содержат старые
// pre-cutover URLs. 301 → текущий theme's asset.
$legacyLogoRedirect = function ($file) {
    $template = strtolower(config('core.template') ?? 't21');
    return redirect("/themes/{$template}/logo/{$file}", 301);
};
Route::get('logo/{file}', $legacyLogoRedirect)
    ->where('file', '(social|og_image|twitter|favicon|logo|insthacker)\.(png|webp|jpg|jpeg|svg)');

// iOS Safari + iOS apps + Pinterest crawler автоматически запрашивают эти URLs независимо
// от <link rel="apple-touch-icon"> в HTML. 301 → theme's favicon.png (180×180+ ideally).
$appleTouchRedirect = function () {
    $template = strtolower(config('core.template') ?? 't21');
    return redirect("/themes/{$template}/logo/favicon.png", 301);
};
Route::get('apple-touch-icon{any}.png', $appleTouchRedirect)
    ->where('any', '(-precomposed|-[0-9]+x[0-9]+|-[0-9]+x[0-9]+-precomposed)?');

// Password managers (1Password, Bitwarden, iCloud Keychain) probe этот URL для passkey
// discovery (W3C draft). Без endpoint'а они fall back на password autofill — функционально
// не сломано, но 404 в логах. Возвращаем валидный пустой manifest.
Route::get('.well-known/passkey-endpoints', function () {
    return response()->json(
        ['enroll' => null, 'manage' => null],
        200,
        ['Cache-Control' => 'public, max-age=86400']
    );
});
/logo/social.webp` без themes/{theme}/ prefix.
// Также social card crawlers (FB/Twitter/Telegram) и Google search index содержат старые
// pre-cutover URLs. 301 → текущий theme's asset.
$legacyLogoRedirect = function ($file) {
    $template = strtolower(config('core.template') ?? 't21');
    return redirect("/themes/{$template}/logo/{$file}", 301);
};
Route::get('logo/{file}', $legacyLogoRedirect)
    ->where('file', '(social|og_image|twitter|favicon|logo|insthacker)\.(png|webp|jpg|jpeg|svg)');

// iOS Safari + iOS apps + Pinterest crawler автоматически запрашивают эти URLs независимо
// от <link rel="apple-touch-icon"> в HTML. 301 → theme's favicon.png (180×180+ ideally).
$appleTouchRedirect = function () {
    $template = strtolower(config('core.template') ?? 't21');
    return redirect("/themes/{$template}/logo/favicon.png", 301);
};
Route::get('apple-touch-icon{any}.png', $appleTouchRedirect)
    ->where('any', '(-precomposed|-[0-9]+x[0-9]+|-[0-9]+x[0-9]+-precomposed)?');

// Password managers (1Password, Bitwarden, iCloud Keychain) probe этот URL для passkey
// discovery (W3C draft). Без endpoint'а они fall back на password autofill — функционально
// не сломано, но 404 в логах. Возвращаем валидный пустой manifest.
Route::get('.well-known/passkey-endpoints', function () {
    return response()->json(
        ['enroll' => null, 'manage' => null],
        200,
        ['Cache-Control' => 'public, max-age=86400']
    );
});
/logo/social.webp` без themes/{theme}/ prefix.
// Также social card crawlers (FB/Twitter/Telegram) и Google search index содержат старые
// pre-cutover URLs. 301 → текущий theme's asset.
$legacyLogoRedirect = function ($file) {
    $template = strtolower(config('core.template') ?? 't21');
    return redirect("/themes/{$template}/logo/{$file}", 301);
};
Route::get('logo/{file}', $legacyLogoRedirect)
    ->where('file', '(social|og_image|twitter|favicon|logo|insthacker)\.(png|webp|jpg|jpeg|svg)');

// iOS Safari + iOS apps + Pinterest crawler автоматически запрашивают эти URLs независимо
// от <link rel="apple-touch-icon"> в HTML. 301 → theme's favicon.png (180×180+ ideally).
$appleTouchRedirect = function () {
    $template = strtolower(config('core.template') ?? 't21');
    return redirect("/themes/{$template}/logo/favicon.png", 301);
};
Route::get('apple-touch-icon{any}.png', $appleTouchRedirect)
    ->where('any', '(-precomposed|-[0-9]+x[0-9]+|-[0-9]+x[0-9]+-precomposed)?');

// Password managers (1Password, Bitwarden, iCloud Keychain) probe этот URL для passkey
// discovery (W3C draft). Без endpoint'а они fall back на password autofill — функционально
// не сломано, но 404 в логах. Возвращаем валидный пустой manifest.
Route::get('.well-known/passkey-endpoints', function () {
    return response()->json(
        ['enroll' => null, 'manage' => null],
        200,
        ['Cache-Control' => 'public, max-age=86400']
    );
});
/logo/social.webp` без themes/{theme}/ prefix.
// Также social card crawlers (FB/Twitter/Telegram) и Google search index содержат старые
// pre-cutover URLs. 301 → текущий theme's asset.
$legacyLogoRedirect = function ($file) {
    $template = strtolower(config('core.template') ?? 't21');
    return redirect("/themes/{$template}/logo/{$file}", 301);
};
Route::get('logo/{file}', $legacyLogoRedirect)
    ->where('file', '(social|og_image|twitter|favicon|logo|insthacker)\.(png|webp|jpg|jpeg|svg)');

// iOS Safari + iOS apps + Pinterest crawler автоматически запрашивают эти URLs независимо
// от <link rel="apple-touch-icon"> в HTML. 301 → theme's favicon.png (180×180+ ideally).
$appleTouchRedirect = function () {
    $template = strtolower(config('core.template') ?? 't21');
    return redirect("/themes/{$template}/logo/favicon.png", 301);
};
Route::get('apple-touch-icon{any}.png', $appleTouchRedirect)
    ->where('any', '(-precomposed|-[0-9]+x[0-9]+|-[0-9]+x[0-9]+-precomposed)?');

// Password managers (1Password, Bitwarden, iCloud Keychain) probe этот URL для passkey
// discovery (W3C draft). Без endpoint'а они fall back на password autofill — функционально
// не сломано, но 404 в логах. Возвращаем валидный пустой manifest.
Route::get('.well-known/passkey-endpoints', function () {
    return response()->json(
        ['enroll' => null, 'manage' => null],
        200,
        ['Cache-Control' => 'public, max-age=86400']
    );
});
/logo/social.webp` без themes/{theme}/ prefix.
// Также social card crawlers (FB/Twitter/Telegram) и Google search index содержат старые
// pre-cutover URLs. 301 → текущий theme's asset.
$legacyLogoRedirect = function ($file) {
    $template = strtolower(config('core.template') ?? 't21');
    return redirect("/themes/{$template}/logo/{$file}", 301);
};
Route::get('logo/{file}', $legacyLogoRedirect)
    ->where('file', '(social|og_image|twitter|favicon|logo|insthacker)\.(png|webp|jpg|jpeg|svg)');

// iOS Safari + iOS apps + Pinterest crawler автоматически запрашивают эти URLs независимо
// от <link rel="apple-touch-icon"> в HTML. 301 → theme's favicon.png (180×180+ ideally).
$appleTouchRedirect = function () {
    $template = strtolower(config('core.template') ?? 't21');
    return redirect("/themes/{$template}/logo/favicon.png", 301);
};
Route::get('apple-touch-icon{any}.png', $appleTouchRedirect)
    ->where('any', '(-precomposed|-[0-9]+x[0-9]+|-[0-9]+x[0-9]+-precomposed)?');

// Password managers (1Password, Bitwarden, iCloud Keychain) probe этот URL для passkey
// discovery (W3C draft). Без endpoint'а они fall back на password autofill — функционально
// не сломано, но 404 в логах. Возвращаем валидный пустой manifest.
Route::get('.well-known/passkey-endpoints', function () {
    return response()->json(
        ['enroll' => null, 'manage' => null],
        200,
        ['Cache-Control' => 'public, max-age=86400']
    );
});
/logo/social.webp` без themes/{theme}/ prefix.
// Также social card crawlers (FB/Twitter/Telegram) и Google search index содержат старые
// pre-cutover URLs. 301 → текущий theme's asset.
$legacyLogoRedirect = function ($file) {
    $template = strtolower(config('core.template') ?? 't21');
    return redirect("/themes/{$template}/logo/{$file}", 301);
};
Route::get('logo/{file}', $legacyLogoRedirect)
    ->where('file', '(social|og_image|twitter|favicon|logo|insthacker)\.(png|webp|jpg|jpeg|svg)');

// iOS Safari + iOS apps + Pinterest crawler автоматически запрашивают эти URLs независимо
// от <link rel="apple-touch-icon"> в HTML. 301 → theme's favicon.png (180×180+ ideally).
$appleTouchRedirect = function () {
    $template = strtolower(config('core.template') ?? 't21');
    return redirect("/themes/{$template}/logo/favicon.png", 301);
};
Route::get('apple-touch-icon{any}.png', $appleTouchRedirect)
    ->where('any', '(-precomposed|-[0-9]+x[0-9]+|-[0-9]+x[0-9]+-precomposed)?');

// Password managers (1Password, Bitwarden, iCloud Keychain) probe этот URL для passkey
// discovery (W3C draft). Без endpoint'а они fall back на password autofill — функционально
// не сломано, но 404 в логах. Возвращаем валидный пустой manifest.
Route::get('.well-known/passkey-endpoints', function () {
    return response()->json(
        ['enroll' => null, 'manage' => null],
        200,
        ['Cache-Control' => 'public, max-age=86400']
    );
});
/logo/social.webp` без themes/{theme}/ prefix.
// Также social card crawlers (FB/Twitter/Telegram) и Google search index содержат старые
// pre-cutover URLs. 301 → текущий theme's asset.
$legacyLogoRedirect = function ($file) {
    $template = strtolower(config('core.template') ?? 't21');
    return redirect("/themes/{$template}/logo/{$file}", 301);
};
Route::get('logo/{file}', $legacyLogoRedirect)
    ->where('file', '(social|og_image|twitter|favicon|logo|insthacker)\.(png|webp|jpg|jpeg|svg)');

// iOS Safari + iOS apps + Pinterest crawler автоматически запрашивают эти URLs независимо
// от <link rel="apple-touch-icon"> в HTML. 301 → theme's favicon.png (180×180+ ideally).
$appleTouchRedirect = function () {
    $template = strtolower(config('core.template') ?? 't21');
    return redirect("/themes/{$template}/logo/favicon.png", 301);
};
Route::get('apple-touch-icon{any}.png', $appleTouchRedirect)
    ->where('any', '(-precomposed|-[0-9]+x[0-9]+|-[0-9]+x[0-9]+-precomposed)?');

// Password managers (1Password, Bitwarden, iCloud Keychain) probe этот URL для passkey
// discovery (W3C draft). Без endpoint'а они fall back на password autofill — функционально
// не сломано, но 404 в логах. Возвращаем валидный пустой manifest.
Route::get('.well-known/passkey-endpoints', function () {
    return response()->json(
        ['enroll' => null, 'manage' => null],
        200,
        ['Cache-Control' => 'public, max-age=86400']
    );
});
/logo/social.webp` без themes/{theme}/ prefix.
// Также social card crawlers (FB/Twitter/Telegram) и Google search index содержат старые
// pre-cutover URLs. 301 → текущий theme's asset.
$legacyLogoRedirect = function ($file) {
    $template = strtolower(config('core.template') ?? 't21');
    return redirect("/themes/{$template}/logo/{$file}", 301);
};
Route::get('logo/{file}', $legacyLogoRedirect)
    ->where('file', '(social|og_image|twitter|favicon|logo|insthacker)\.(png|webp|jpg|jpeg|svg)');

// iOS Safari + iOS apps + Pinterest crawler автоматически запрашивают эти URLs независимо
// от <link rel="apple-touch-icon"> в HTML. 301 → theme's favicon.png (180×180+ ideally).
$appleTouchRedirect = function () {
    $template = strtolower(config('core.template') ?? 't21');
    return redirect("/themes/{$template}/logo/favicon.png", 301);
};
Route::get('apple-touch-icon{any}.png', $appleTouchRedirect)
    ->where('any', '(-precomposed|-[0-9]+x[0-9]+|-[0-9]+x[0-9]+-precomposed)?');

// Password managers (1Password, Bitwarden, iCloud Keychain) probe этот URL для passkey
// discovery (W3C draft). Без endpoint'а они fall back на password autofill — функционально
// не сломано, но 404 в логах. Возвращаем валидный пустой manifest.
Route::get('.well-known/passkey-endpoints', function () {
    return response()->json(
        ['enroll' => null, 'manage' => null],
        200,
        ['Cache-Control' => 'public, max-age=86400']
    );
});
/logo/social.webp` без themes/{theme}/ prefix.
// Также social card crawlers (FB/Twitter/Telegram) и Google search index содержат старые
// pre-cutover URLs. 301 → текущий theme's asset.
$legacyLogoRedirect = function ($file) {
    $template = strtolower(config('core.template') ?? 't21');
    return redirect("/themes/{$template}/logo/{$file}", 301);
};
Route::get('logo/{file}', $legacyLogoRedirect)
    ->where('file', '(social|og_image|twitter|favicon|logo|insthacker)\.(png|webp|jpg|jpeg|svg)');

// iOS Safari + iOS apps + Pinterest crawler автоматически запрашивают эти URLs независимо
// от <link rel="apple-touch-icon"> в HTML. 301 → theme's favicon.png (180×180+ ideally).
$appleTouchRedirect = function () {
    $template = strtolower(config('core.template') ?? 't21');
    return redirect("/themes/{$template}/logo/favicon.png", 301);
};
Route::get('apple-touch-icon{any}.png', $appleTouchRedirect)
    ->where('any', '(-precomposed|-[0-9]+x[0-9]+|-[0-9]+x[0-9]+-precomposed)?');

// Password managers (1Password, Bitwarden, iCloud Keychain) probe этот URL для passkey
// discovery (W3C draft). Без endpoint'а они fall back на password autofill — функционально
// не сломано, но 404 в логах. Возвращаем валидный пустой manifest.
Route::get('.well-known/passkey-endpoints', function () {
    return response()->json(
        ['enroll' => null, 'manage' => null],
        200,
        ['Cache-Control' => 'public, max-age=86400']
    );
});
/logo/social.webp` без themes/{theme}/ prefix.
// Также social card crawlers (FB/Twitter/Telegram) и Google search index содержат старые
// pre-cutover URLs. 301 → текущий theme's asset.
$legacyLogoRedirect = function ($file) {
    $template = strtolower(config('core.template') ?? 't21');
    return redirect("/themes/{$template}/logo/{$file}", 301);
};
Route::get('logo/{file}', $legacyLogoRedirect)
    ->where('file', '(social|og_image|twitter|favicon|logo|insthacker)\.(png|webp|jpg|jpeg|svg)');

// iOS Safari + iOS apps + Pinterest crawler автоматически запрашивают эти URLs независимо
// от <link rel="apple-touch-icon"> в HTML. 301 → theme's favicon.png (180×180+ ideally).
$appleTouchRedirect = function () {
    $template = strtolower(config('core.template') ?? 't21');
    return redirect("/themes/{$template}/logo/favicon.png", 301);
};
Route::get('apple-touch-icon{any}.png', $appleTouchRedirect)
    ->where('any', '(-precomposed|-[0-9]+x[0-9]+|-[0-9]+x[0-9]+-precomposed)?');

// Password managers (1Password, Bitwarden, iCloud Keychain) probe этот URL для passkey
// discovery (W3C draft). Без endpoint'а они fall back на password autofill — функционально
// не сломано, но 404 в логах. Возвращаем валидный пустой manifest.
Route::get('.well-known/passkey-endpoints', function () {
    return response()->json(
        ['enroll' => null, 'manage' => null],
        200,
        ['Cache-Control' => 'public, max-age=86400']
    );
});
/logo/social.webp` без themes/{theme}/ prefix.
// Также social card crawlers (FB/Twitter/Telegram) и Google search index содержат старые
// pre-cutover URLs. 301 → текущий theme's asset.
$legacyLogoRedirect = function ($file) {
    $template = strtolower(config('core.template') ?? 't21');
    return redirect("/themes/{$template}/logo/{$file}", 301);
};
Route::get('logo/{file}', $legacyLogoRedirect)
    ->where('file', '(social|og_image|twitter|favicon|logo|insthacker)\.(png|webp|jpg|jpeg|svg)');

// iOS Safari + iOS apps + Pinterest crawler автоматически запрашивают эти URLs независимо
// от <link rel="apple-touch-icon"> в HTML. 301 → theme's favicon.png (180×180+ ideally).
$appleTouchRedirect = function () {
    $template = strtolower(config('core.template') ?? 't21');
    return redirect("/themes/{$template}/logo/favicon.png", 301);
};
Route::get('apple-touch-icon{any}.png', $appleTouchRedirect)
    ->where('any', '(-precomposed|-[0-9]+x[0-9]+|-[0-9]+x[0-9]+-precomposed)?');

// Password managers (1Password, Bitwarden, iCloud Keychain) probe этот URL для passkey
// discovery (W3C draft). Без endpoint'а они fall back на password autofill — функционально
// не сломано, но 404 в логах. Возвращаем валидный пустой manifest.
Route::get('.well-known/passkey-endpoints', function () {
    return response()->json(
        ['enroll' => null, 'manage' => null],
        200,
        ['Cache-Control' => 'public, max-age=86400']
    );
});
/logo/social.webp` без themes/{theme}/ prefix.
// Также social card crawlers (FB/Twitter/Telegram) и Google search index содержат старые
// pre-cutover URLs. 301 → текущий theme's asset.
$legacyLogoRedirect = function ($file) {
    $template = strtolower(config('core.template') ?? 't21');
    return redirect("/themes/{$template}/logo/{$file}", 301);
};
Route::get('logo/{file}', $legacyLogoRedirect)
    ->where('file', '(social|og_image|twitter|favicon|logo|insthacker)\.(png|webp|jpg|jpeg|svg)');

// iOS Safari + iOS apps + Pinterest crawler автоматически запрашивают эти URLs независимо
// от <link rel="apple-touch-icon"> в HTML. 301 → theme's favicon.png (180×180+ ideally).
$appleTouchRedirect = function () {
    $template = strtolower(config('core.template') ?? 't21');
    return redirect("/themes/{$template}/logo/favicon.png", 301);
};
Route::get('apple-touch-icon{any}.png', $appleTouchRedirect)
    ->where('any', '(-precomposed|-[0-9]+x[0-9]+|-[0-9]+x[0-9]+-precomposed)?');

// Password managers (1Password, Bitwarden, iCloud Keychain) probe этот URL для passkey
// discovery (W3C draft). Без endpoint'а они fall back на password autofill — функционально
// не сломано, но 404 в логах. Возвращаем валидный пустой manifest.
Route::get('.well-known/passkey-endpoints', function () {
    return response()->json(
        ['enroll' => null, 'manage' => null],
        200,
        ['Cache-Control' => 'public, max-age=86400']
    );
});
/logo/social.webp` без themes/{theme}/ prefix.
// Также social card crawlers (FB/Twitter/Telegram) и Google search index содержат старые
// pre-cutover URLs. 301 → текущий theme's asset.
$legacyLogoRedirect = function ($file) {
    $template = strtolower(config('core.template') ?? 't21');
    return redirect("/themes/{$template}/logo/{$file}", 301);
};
Route::get('logo/{file}', $legacyLogoRedirect)
    ->where('file', '(social|og_image|twitter|favicon|logo|insthacker)\.(png|webp|jpg|jpeg|svg)');

// iOS Safari + iOS apps + Pinterest crawler автоматически запрашивают эти URLs независимо
// от <link rel="apple-touch-icon"> в HTML. 301 → theme's favicon.png (180×180+ ideally).
$appleTouchRedirect = function () {
    $template = strtolower(config('core.template') ?? 't21');
    return redirect("/themes/{$template}/logo/favicon.png", 301);
};
Route::get('apple-touch-icon{any}.png', $appleTouchRedirect)
    ->where('any', '(-precomposed|-[0-9]+x[0-9]+|-[0-9]+x[0-9]+-precomposed)?');

// Password managers (1Password, Bitwarden, iCloud Keychain) probe этот URL для passkey
// discovery (W3C draft). Без endpoint'а они fall back на password autofill — функционально
// не сломано, но 404 в логах. Возвращаем валидный пустой manifest.
Route::get('.well-known/passkey-endpoints', function () {
    return response()->json(
        ['enroll' => null, 'manage' => null],
        200,
        ['Cache-Control' => 'public, max-age=86400']
    );
});
/logo/social.webp` без themes/{theme}/ prefix.
// Также social card crawlers (FB/Twitter/Telegram) и Google search index содержат старые
// pre-cutover URLs. 301 → текущий theme's asset.
$legacyLogoRedirect = function ($file) {
    $template = strtolower(config('core.template') ?? 't21');
    return redirect("/themes/{$template}/logo/{$file}", 301);
};
Route::get('logo/{file}', $legacyLogoRedirect)
    ->where('file', '(social|og_image|twitter|favicon|logo|insthacker)\.(png|webp|jpg|jpeg|svg)');

// iOS Safari + iOS apps + Pinterest crawler автоматически запрашивают эти URLs независимо
// от <link rel="apple-touch-icon"> в HTML. 301 → theme's favicon.png (180×180+ ideally).
$appleTouchRedirect = function () {
    $template = strtolower(config('core.template') ?? 't21');
    return redirect("/themes/{$template}/logo/favicon.png", 301);
};
Route::get('apple-touch-icon{any}.png', $appleTouchRedirect)
    ->where('any', '(-precomposed|-[0-9]+x[0-9]+|-[0-9]+x[0-9]+-precomposed)?');

// Password managers (1Password, Bitwarden, iCloud Keychain) probe этот URL для passkey
// discovery (W3C draft). Без endpoint'а они fall back на password autofill — функционально
// не сломано, но 404 в логах. Возвращаем валидный пустой manifest.
Route::get('.well-known/passkey-endpoints', function () {
    return response()->json(
        ['enroll' => null, 'manage' => null],
        200,
        ['Cache-Control' => 'public, max-age=86400']
    );
});
/logo/social.webp` без themes/{theme}/ prefix.
// Также social card crawlers (FB/Twitter/Telegram) и Google search index содержат старые
// pre-cutover URLs. 301 → текущий theme's asset.
$legacyLogoRedirect = function ($file) {
    $template = strtolower(config('core.template') ?? 't21');
    return redirect("/themes/{$template}/logo/{$file}", 301);
};
Route::get('logo/{file}', $legacyLogoRedirect)
    ->where('file', '(social|og_image|twitter|favicon|logo|insthacker)\.(png|webp|jpg|jpeg|svg)');

// iOS Safari + iOS apps + Pinterest crawler автоматически запрашивают эти URLs независимо
// от <link rel="apple-touch-icon"> в HTML. 301 → theme's favicon.png (180×180+ ideally).
$appleTouchRedirect = function () {
    $template = strtolower(config('core.template') ?? 't21');
    return redirect("/themes/{$template}/logo/favicon.png", 301);
};
Route::get('apple-touch-icon{any}.png', $appleTouchRedirect)
    ->where('any', '(-precomposed|-[0-9]+x[0-9]+|-[0-9]+x[0-9]+-precomposed)?');

// Password managers (1Password, Bitwarden, iCloud Keychain) probe этот URL для passkey
// discovery (W3C draft). Без endpoint'а они fall back на password autofill — функционально
// не сломано, но 404 в логах. Возвращаем валидный пустой manifest.
Route::get('.well-known/passkey-endpoints', function () {
    return response()->json(
        ['enroll' => null, 'manage' => null],
        200,
        ['Cache-Control' => 'public, max-age=86400']
    );
});
/logo/social.webp` без themes/{theme}/ prefix.
// Также social card crawlers (FB/Twitter/Telegram) и Google search index содержат старые
// pre-cutover URLs. 301 → текущий theme's asset.
$legacyLogoRedirect = function ($file) {
    $template = strtolower(config('core.template') ?? 't21');
    return redirect("/themes/{$template}/logo/{$file}", 301);
};
Route::get('logo/{file}', $legacyLogoRedirect)
    ->where('file', '(social|og_image|twitter|favicon|logo|insthacker)\.(png|webp|jpg|jpeg|svg)');

// iOS Safari + iOS apps + Pinterest crawler автоматически запрашивают эти URLs независимо
// от <link rel="apple-touch-icon"> в HTML. 301 → theme's favicon.png (180×180+ ideally).
$appleTouchRedirect = function () {
    $template = strtolower(config('core.template') ?? 't21');
    return redirect("/themes/{$template}/logo/favicon.png", 301);
};
Route::get('apple-touch-icon{any}.png', $appleTouchRedirect)
    ->where('any', '(-precomposed|-[0-9]+x[0-9]+|-[0-9]+x[0-9]+-precomposed)?');

// Password managers (1Password, Bitwarden, iCloud Keychain) probe этот URL для passkey
// discovery (W3C draft). Без endpoint'а они fall back на password autofill — функционально
// не сломано, но 404 в логах. Возвращаем валидный пустой manifest.
Route::get('.well-known/passkey-endpoints', function () {
    return response()->json(
        ['enroll' => null, 'manage' => null],
        200,
        ['Cache-Control' => 'public, max-age=86400']
    );
});
/logo/social.webp` без themes/{theme}/ prefix.
// Также social card crawlers (FB/Twitter/Telegram) и Google search index содержат старые
// pre-cutover URLs. 301 → текущий theme's asset.
$legacyLogoRedirect = function ($file) {
    $template = strtolower(config('core.template') ?? 't21');
    return redirect("/themes/{$template}/logo/{$file}", 301);
};
Route::get('logo/{file}', $legacyLogoRedirect)
    ->where('file', '(social|og_image|twitter|favicon|logo|insthacker)\.(png|webp|jpg|jpeg|svg)');

// iOS Safari + iOS apps + Pinterest crawler автоматически запрашивают эти URLs независимо
// от <link rel="apple-touch-icon"> в HTML. 301 → theme's favicon.png (180×180+ ideally).
$appleTouchRedirect = function () {
    $template = strtolower(config('core.template') ?? 't21');
    return redirect("/themes/{$template}/logo/favicon.png", 301);
};
Route::get('apple-touch-icon{any}.png', $appleTouchRedirect)
    ->where('any', '(-precomposed|-[0-9]+x[0-9]+|-[0-9]+x[0-9]+-precomposed)?');

// Password managers (1Password, Bitwarden, iCloud Keychain) probe этот URL для passkey
// discovery (W3C draft). Без endpoint'а они fall back на password autofill — функционально
// не сломано, но 404 в логах. Возвращаем валидный пустой manifest.
Route::get('.well-known/passkey-endpoints', function () {
    return response()->json(
        ['enroll' => null, 'manage' => null],
        200,
        ['Cache-Control' => 'public, max-age=86400']
    );
});
/logo/social.webp` без themes/{theme}/ prefix.
// Также social card crawlers (FB/Twitter/Telegram) и Google search index содержат старые
// pre-cutover URLs. 301 → текущий theme's asset.
$legacyLogoRedirect = function ($file) {
    $template = strtolower(config('core.template') ?? 't21');
    return redirect("/themes/{$template}/logo/{$file}", 301);
};
Route::get('logo/{file}', $legacyLogoRedirect)
    ->where('file', '(social|og_image|twitter|favicon|logo|insthacker)\.(png|webp|jpg|jpeg|svg)');

// iOS Safari + iOS apps + Pinterest crawler автоматически запрашивают эти URLs независимо
// от <link rel="apple-touch-icon"> в HTML. 301 → theme's favicon.png (180×180+ ideally).
$appleTouchRedirect = function () {
    $template = strtolower(config('core.template') ?? 't21');
    return redirect("/themes/{$template}/logo/favicon.png", 301);
};
Route::get('apple-touch-icon{any}.png', $appleTouchRedirect)
    ->where('any', '(-precomposed|-[0-9]+x[0-9]+|-[0-9]+x[0-9]+-precomposed)?');

// Password managers (1Password, Bitwarden, iCloud Keychain) probe этот URL для passkey
// discovery (W3C draft). Без endpoint'а они fall back на password autofill — функционально
// не сломано, но 404 в логах. Возвращаем валидный пустой manifest.
Route::get('.well-known/passkey-endpoints', function () {
    return response()->json(
        ['enroll' => null, 'manage' => null],
        200,
        ['Cache-Control' => 'public, max-age=86400']
    );
});
<!DOCTYPE html>
<html class="blue" lang="ja" dir="ltr">
<head>
    <title>Instagramオンライントラッカー – アカウント活動を監視しユーザーセッションを追跡 | InstHacker</title>
<meta name="description" content="Instagramのオンライン活動を遠隔で追跡。ユーザーのオンライン状態を監視、メッセージ履歴の閲覧、通話記録へのアクセス、位置情報の追跡が可能。セッションデータをCSV形式でダウンロード。ソフトウェアのインストールは不要。">
<link rel="canonical" href="https://insthacker.com/ja/instagram-tsuiseki-tool">
<link rel="alternate" hreflang="ar" href="https://insthacker.com/ar/instagram-panel-amni">
<link rel="alternate" hreflang="en" href="https://insthacker.com/en/instagram-tracker">
<link rel="alternate" hreflang="ru" href="https://ru.insthacker.com/ru/otslezhivatel-instagram">
<link rel="alternate" hreflang="zh" href="https://insthacker.com/zh/instagram-gen-zong-gong-ju">
<link rel="alternate" hreflang="de" href="https://insthacker.com/de/instagram-tracker">
<link rel="alternate" hreflang="uk" href="https://insthacker.com/uk/instagram-panel-bezpeky">
<link rel="alternate" hreflang="es" href="https://insthacker.com/es/rastreador-instagram">
<link rel="alternate" hreflang="fr" href="https://insthacker.com/fr/suivi-compte-instagram">
<link rel="alternate" hreflang="hi" href="https://insthacker.com/hi/instagram-tracker-online">
<link rel="alternate" hreflang="id" href="https://insthacker.com/id/pelacak-instagram-online">
<link rel="alternate" hreflang="it" href="https://insthacker.com/it/tracciatore-instagram-online">
<link rel="alternate" hreflang="ja" href="https://insthacker.com/ja/instagram-tsuiseki-tool">
<link rel="alternate" hreflang="ko" href="https://insthacker.com/ko/instagram-chuje">
<link rel="alternate" hreflang="nl" href="https://insthacker.com/nl/instagram-tracker">
<link rel="alternate" hreflang="pl" href="https://insthacker.com/pl/sledz-instagram">
<link rel="alternate" hreflang="pt" href="https://insthacker.com/pt/rastreador-instagram">
<link rel="alternate" hreflang="sv" href="https://insthacker.com/sv/instagram-konto-sparare">
<link rel="alternate" hreflang="tr" href="https://insthacker.com/tr/instagram-hesap-takip">
<link rel="alternate" hreflang="vi" href="https://insthacker.com/vi/instagram-takip-araci">
<link rel="alternate" hreflang="th" href="https://insthacker.com/th/track-konto-instagram">
<meta name="robots" content="index, follow">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="color-scheme" content="light dark">
    <meta name="supported-color-schemes" content="light dark">
    <meta name="theme-color" content="#0E0E0F">
    <link rel="icon" type="image/svg+xml" href="https://insthacker.com/themes/t21/logo/favicon.svg">
    <meta name="csrf-token" content="4TSanQos3ZaEs79epWM5fBznjy2yOr4ttuXlUBRD">
    <meta property="og:title" content="Instagramオンライントラッカー – アカウント活動を監視しユーザーセッションを追跡">
<meta property="og:description" content="Instagramのオンライン活動を遠隔で追跡。ユーザーのオンライン状態を監視、メッセージ履歴の閲覧、通話記録へのアクセス、位置情報の追跡が可能。セッションデータをCSV形式でダウンロード。ソフトウェアのインストールは不要。">
<meta property="og:type" content="website">
<meta property="og:site_name" content="InstHacker">
<meta property="og:url" content="https://insthacker.com/ja/instagram-tsuiseki-tool">
<meta property="og:image" content="https://insthacker.com/themes/t21/logo/og_image.png">

    <meta name="twitter:title" content="Instagramオンライントラッカー – アカウント活動を監視しユーザーセッションを追跡">
<meta name="twitter:description" content="Instagramのオンライン活動を遠隔で追跡。ユーザーのオンライン状態を監視、メッセージ履歴の閲覧、通話記録へのアクセス、位置情報の追跡が可能。セッションデータをCSV形式でダウンロード。ソフトウェアのインストールは不要。">
<meta name="twitter:image" content="https://insthacker.com/themes/t21/logo/og_image.png">
<meta name="twitter:card" content="summary_large_image">
    <script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage","name":"Instagramオンライントラッカー – アカウント活動を監視しユーザーセッションを追跡","description":"Instagramのオンライン活動を遠隔で追跡。ユーザーのオンライン状態を監視、メッセージ履歴の閲覧、通話記録へのアクセス、位置情報の追跡が可能。セッションデータをCSV形式でダウンロード。ソフトウェアのインストールは不要。","url":"https://insthacker.com/ja/instagram-tsuiseki-tool","image":"https://insthacker.com/themes/t21/logo/og_image.png","mainEntity":{"@type":"Service","name":"Instagramアカウントのハッキング防止セキュリティ＆デバイス監視","description":"InstHackerは、侵害の兆候を特定し、数分でInstagramアカウントを強化するのに役立ちます。追加ソフトウェアをインストールせずに、サインイン活動をレビューし、プロフィールを保護し、アクセスを回復できます。","provider":{"@type":"Organization","name":"InstHacker","url":"https://insthacker.com"}},"inLanguage":"ja"}</script>
    
    <link rel="preload" as="style" href="https://insthacker.com/build/assets/app-CR8wCNbD.css" /><link rel="modulepreload" as="script" href="https://insthacker.com/build/assets/app-CJLROmS2.js" /><link rel="stylesheet" href="https://insthacker.com/build/assets/app-CR8wCNbD.css" data-navigate-track="reload" /><script type="module" src="https://insthacker.com/build/assets/app-CJLROmS2.js" data-navigate-track="reload"></script>    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    <script>let defaultScheme = 'light'</script>
    <link rel='stylesheet' href='https://insthacker.com/themes/t21/css/style.css' type='text/css' media='all' />
    <link rel='stylesheet' href='https://insthacker.com/themes/_include/css/flags/flags.css' type='text/css' media='all' />
    <link rel='stylesheet' href='https://insthacker.com/themes/_include/css/_include.css' type='text/css' media='all' />
    <link rel='stylesheet' href='https://insthacker.com/themes/_include/css/aos/aos.css' type='text/css' media='all' />
    <link rel='stylesheet' href='https://insthacker.com/themes/_include/css/ceramic/_ceramic.css' type='text/css' media='all' />
    <link rel='stylesheet' href='https://insthacker.com/themes/_include/css/ceramic/ceramic_add.css' type='text/css' media='all' />
    <link rel='stylesheet' href='https://insthacker.com/ja/css/ceramic.css' type='text/css' media='all' />
    <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style>
    <script src="https://insthacker.com/themes/system/js/darkMode.js"></script>
        <!-- Google tag (gtag.js) — GA4 -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-456PGJPRKY"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'G-456PGJPRKY');
    </script>
    <!-- /Google tag -->
            <style>

            .typing-indicator {

                will-change: transform;
                width: auto;
                border-radius: 50px;
                padding: 10px;
                display: table;
                margin: 0 auto;
                position: relative;
                -webkit-animation: 2s bulge infinite ease-out;
                animation: 2s bulge infinite ease-out;
            }


            .typing-indicator::before, .typing-indicator::after {
                content: '';
                position: absolute;
                bottom: -2px;
                left: -2px;
                height: 10px;
                width: 10px;
                border-radius: 50%;

            }

            .typing-indicator::after {
                height: 10px;
                width: 10px;
                left: -10px;
                bottom: -10px;
            }

            .typing-indicator span {
                height: 7px;
                width: 7px;
                float: left;
                margin: 0 1px;
                background-color: #9E9EA1;
                display: block;
                border-radius: 50%;
                opacity: 0.4;
            }


            .typing-indicator span:nth-of-type(1) {
                -webkit-animation: 1s blink infinite 0.3333s;
                animation: 1s blink infinite 0.3333s;
            }

            .typing-indicator span:nth-of-type(2) {
                -webkit-animation: 1s blink infinite 0.6666s;
                animation: 1s blink infinite 0.6666s;
            }

            .typing-indicator span:nth-of-type(3) {
                -webkit-animation: 1s blink infinite 0.9999s;
                animation: 1s blink infinite 0.9999s;
            }


            @-webkit-keyframes blink {
                50% {
                    opacity: 1;
                }
            }

            @keyframes blink {
                50% {
                    opacity: 1;
                }
            }

            @-webkit-keyframes bulge {
                50% {
                    -webkit-transform: scale(1.05);
                    transform: scale(1.05);
                }
            }

            @keyframes bulge {
                50% {
                    -webkit-transform: scale(1.05);
                    transform: scale(1.05);
                }
            }

        </style>
        </head>
<body class="body" data-theme="light">
<main x-data="{
    isPanelOpen: false,
    canEdit: false,
    togglePanel() {
        if (this.canEdit) this.isPanelOpen = !this.isPanelOpen
    }
}">

    
    
    <div >

                <header id="page-header"
        class="page-header site-header lg:border-b lg:border-slate-900/10 dark:border-slate-50/5  z-20"
        x-data="{ open: false }" @keydown.window.escape="open = false">

        <div x-show="open" class="lg:hidden" role="dialog" x-ref="dialog" aria-modal="true">
        <!-- Background backdrop, show/hide based on slide-over state. -->
        <div x-show="open" x-transition:enter="transition ease-out duration-300"
             x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100"
             x-transition:leave="transition-opacity ease-linear duration-300" x-transition:leave-start="opacity-100"
             x-transition:leave-end="opacity-0"

             class="fixed inset-0 bg-black bg-opacity-25"></div>
        <div @click.away="open = false" x-show="open" x-transition:enter="transition ease-in-out duration-300 transform"
             x-transition:enter-start="-translate-x-full" x-transition:enter-end="translate-x-0"
             x-transition:leave="transition ease-in-out duration-300 transform" x-transition:leave-start="translate-x-0"
             x-transition:leave-end="-translate-x-full" style="display: none"

             class="fixed inset-y-0 left-0 z-30 w-full overflow-y-auto px-4 py-6 sm:max-w-sm sm:ring-1 sm:ring-gray-900/10 max-w-sm bg-white/80 dark:bg-white/5 border backdrop-blur-2xl border-gray-50/5 rounded-b-lg">
            <div class="flex items-center justify-between">
                <a InstHacker href="https://insthacker.com/ja" class="ml-2 flex items-center text-gray-700 dark:text-white">


                    <svg version="1.0" xmlns="http://www.w3.org/2000/svg" class="sm:w-[135px] sm:h-[60px] w-[125px] h-[50px] ml-1" viewBox="20 10 290.000000 82.000000" preserveAspectRatio="xMidYMid meet">
                        <title>InstHacker</title>
                        <defs>
                            <linearGradient id="fillGradient" x1="0%" y1="0%" x2="0%" y2="100%">
                                <stop offset="0%" stop-color="#f09433" />
                                <stop offset="25%" stop-color="#e6683c" />
                                <stop offset="50%" stop-color="#dc2743" />
                                <stop offset="75%" stop-color="#cc2366" />
                                <stop offset="100%" stop-color="#bc1888" />
                            </linearGradient>
                        </defs>
                        <g class="text-slate-900 dark:text-white" transform="translate(0.000000,112.000000) scale(0.100000,-0.100000)" fill="currentColor" stroke="none">
                            <path d="M383 875 c-95 -81 -136 -239 -77 -298 22 -22 29 -24 45 -14 30 19 32 43 8 86 -16 29 -20 48 -15 73 6 35 54 118 68 118 12 0 9 -316 -3 -366 -19 -75 -85 -108 -129 -64 -26 26 -26 55 0 77 27 24 25 33 -8 33 -58 0 -100 -77 -71 -132 13 -25 67 -48 112 -48 77 0 156 62 176 138 6 21 12 126 14 235 l3 197 -41 0 c-33 0 -50 -7 -82 -35z" />
                            <path d="M1300 893 c-31 -12 -70 -45 -70 -60 0 -15 11 -15 81 2 32 8 39 -10 39 -102 0 -62 0 -63 -40 -88 -61 -38 -70 -80 -44 -198 6 -27 5 -28 -22 -25 -29 3 -29 4 -32 78 -2 41 -1 98 3 126 6 47 9 52 37 60 43 13 48 34 9 34 -28 0 -31 3 -31 33 0 42 -34 97 -60 97 -17 0 -20 -7 -20 -49 0 -62 -7 -81 -31 -81 -26 0 -24 -30 2 -37 20 -5 21 -11 17 -113 -2 -89 -6 -112 -22 -129 -11 -12 -22 -21 -26 -21 -4 0 -7 26 -6 58 0 45 -7 70 -33 121 -31 61 -34 82 -16 124 6 15 1 17 -37 17 -50 0 -68 -13 -68 -48 0 -41 -41 -166 -61 -188 -10 -11 -19 -33 -19 -47 0 -27 -24 -47 -38 -32 -4 3 -5 57 -4 119 4 127 -6 151 -65 162 -26 5 -36 1 -56 -20 -14 -15 -31 -47 -38 -71 -15 -52 -29 -41 -29 22 0 32 -5 46 -22 57 -14 10 -26 12 -32 6 -5 -5 -11 -69 -14 -142 -4 -126 -3 -134 18 -161 29 -36 39 -27 60 55 26 95 70 198 86 198 11 0 14 -23 14 -111 0 -109 0 -111 29 -140 32 -32 65 -37 98 -14 18 13 25 12 61 -5 56 -27 123 -26 182 4 48 24 48 24 76 5 22 -15 39 -18 71 -14 30 4 49 1 67 -10 14 -9 35 -15 48 -13 31 4 57 81 58 170 0 97 1 98 76 98 l64 0 0 -80 c0 -121 28 -170 95 -170 35 0 85 50 85 84 0 33 -4 33 -40 -6 -25 -28 -31 -31 -40 -18 -11 17 -13 96 -4 150 4 25 14 41 35 52 37 22 37 38 -1 38 l-30 0 2 93 c3 105 -6 127 -52 127 l-27 0 -7 -102 c-3 -56 -10 -106 -15 -111 -4 -4 -35 -7 -67 -5 l-59 3 -8 90 c-6 79 -11 93 -33 113 -24 21 -61 27 -94 15z m40 -358 c0 -65 -10 -81 -30 -46 -19 37 -6 111 20 111 6 0 10 -29 10 -65z m-351 -12 c7 -21 11 -54 9 -73 -3 -32 -6 -35 -32 -33 -16 1 -36 9 -45 18 -14 13 -13 21 4 72 10 32 20 62 23 66 7 14 28 -12 41 -50z" />
                            <path d="M2326 873 c-3 -3 -6 -90 -6 -192 0 -167 -2 -189 -20 -218 -33 -55 -102 -58 -133 -6 -36 63 -20 223 23 223 22 0 31 -22 24 -59 -7 -32 9 -43 44 -30 17 7 22 16 22 44 0 49 -13 71 -50 84 -101 35 -190 -83 -162 -214 10 -47 -4 -85 -32 -85 -21 0 -25 34 -19 145 7 116 -3 139 -54 134 -16 -2 -47 3 -70 10 -37 12 -45 12 -74 -5 -51 -30 -74 -85 -74 -175 0 -68 4 -80 28 -113 23 -29 35 -36 63 -36 29 0 38 5 52 31 9 17 25 41 34 53 17 21 17 21 18 -10 0 -71 74 -102 135 -57 29 21 29 21 55 1 42 -30 102 -34 149 -10 39 21 40 21 62 1 36 -31 49 -25 49 25 0 79 7 81 61 21 53 -57 93 -74 128 -55 25 13 28 40 5 40 -20 0 -100 57 -118 85 -13 20 -12 22 19 34 44 16 85 58 85 88 0 14 -13 38 -30 55 -34 34 -63 33 -112 -3 l-28 -20 0 71 c0 44 -6 82 -15 100 -16 31 -48 54 -59 43z m-400 -232 c10 -20 8 -36 -13 -95 -30 -86 -47 -111 -68 -103 -11 5 -15 21 -15 64 0 123 60 206 96 134z m562 -34 c3 -23 -2 -30 -30 -41 -41 -18 -50 -13 -37 22 22 58 61 70 67 19z" />
                            <path d="M2690 724 c-71 -24 -101 -75 -101 -171 0 -81 9 -108 50 -148 28 -26 39 -30 89 -29 38 0 66 6 85 18 26 18 29 18 47 1 36 -33 54 -16 61 55 3 36 12 77 19 92 l13 28 32 -20 c52 -32 119 -21 125 20 6 37 0 41 -26 21 -33 -26 -35 -26 -62 -1 -17 17 -20 25 -12 40 18 33 12 66 -14 78 -30 13 -56 -11 -56 -52 0 -33 -23 -31 -28 3 -4 24 -46 56 -62 46 -6 -4 -10 -50 -10 -115 0 -102 -2 -110 -26 -139 -50 -60 -128 -30 -136 52 -3 38 -2 39 42 54 54 17 90 54 90 92 0 47 -71 91 -120 75z m58 -60 c3 -24 -33 -74 -54 -74 -18 0 -18 33 2 71 17 34 47 36 52 3z" />
                        </g>
                    </svg>

                </a>
                <button @click="open = false" type="button"
                        class="-m-2.5 rounded-md p-2.5 text-gray-700 dark:text-white">
                    <span class="sr-only">Close menu</span>
                    <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
                         aria-hidden="true">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
                    </svg>
                </button>
            </div>
            <div class="mt-6 flow-root">
                <div class="-my-6 divide-y divide-gray-500/10">
                    <div class="space-y-2 py-6">
                        <div class="-mx-3">

                            <div class="mt-2 " id="disclosure-1">
                                <a href="https://insthacker.com/ja/instagram-messegi-hack"
                                   class="flex items-center rounded-lg py-1 pl-6 pr-3 text-base dark:font-medium font-semibold leading-7 text-gray-900 dark:hover:bg-zinc-800 dark:text-white dark:hover:text-gray-200 hover:bg-gray-50">


                                    Instagram: メッセージの盗み見 </a>

                                <a href="https://insthacker.com/ja/instagram-akaunto-fukugen"
                                   class="flex items-center rounded-lg py-1 pl-6 pr-3 text-base dark:font-medium font-semibold leading-7 text-gray-900 dark:hover:bg-zinc-800 dark:text-white dark:hover:text-gray-200 hover:bg-gray-50">

                                    Instagram: アカウント復元   </a>
                                <a href="https://insthacker.com/ja/instagram-tsuuwarireki"
                                   class="flex items-center rounded-lg py-1 pl-6 pr-3 text-base dark:font-medium font-semibold leading-7 text-gray-900 dark:hover:bg-zinc-800 dark:text-white dark:hover:text-gray-200 hover:bg-gray-50">


                                    Instagram通話履歴 </a>
                                <a href="https://insthacker.com/ja/instagram-basho-tsuiseki"
                                   class="flex items-center rounded-lg py-1 pl-6 pr-3 text-base dark:font-medium font-semibold leading-7 text-gray-900 dark:hover:bg-zinc-800 dark:text-white dark:hover:text-gray-200 hover:bg-gray-50">


                                    Instagram GPSトラッカー </a>
                                <a href="https://insthacker.com/ja/instagram-supai-android"
                                   class="flex items-center rounded-lg py-1 pl-6 pr-3 text-base dark:font-medium font-semibold leading-7 text-gray-900 dark:hover:bg-zinc-800 dark:text-white dark:hover:text-gray-200 hover:bg-gray-50">

                                    Android用Instagramスパイ </a>
                                <a href="https://insthacker.com/ja/instagram-supai-iphone"
                                   class="flex items-center rounded-lg py-1 pl-6 pr-3 text-base dark:font-medium font-semibold leading-7 text-gray-900 dark:hover:bg-zinc-800 dark:text-white dark:hover:text-gray-200 hover:bg-gray-50">


                                    Instagramスパイ iPhone用 </a>
                            </div>
                        </div>
                        <a href="https://insthacker.com/ja/ryoukin"
                           class="flex items-center rounded-lg py-1 pl-3 pr-3 text-base dark:font-medium font-semibold leading-7 text-gray-900 dark:hover:bg-zinc-800 dark:text-white dark:hover:text-gray-200 hover:bg-gray-50">料金</a>
                        <a href="https://insthacker.com/ja/rebyu"
                           class="flex items-center rounded-lg py-1 pl-3 pr-3 text-base dark:font-medium font-semibold leading-7 text-gray-900 dark:hover:bg-zinc-800 dark:text-white dark:hover:text-gray-200 hover:bg-gray-50">レビュー</a>
                        <a href="https://insthacker.com/ja/afirieito-puroguramu"
                           class="flex items-center rounded-lg py-1 pl-3 pr-3 text-base dark:font-medium font-semibold leading-7 text-gray-900 dark:hover:bg-zinc-800 dark:text-white dark:hover:text-gray-200 hover:bg-gray-50">
                            アフィリエイトプログラム </a>
                        <a href="https://insthacker.com/ja/manyuaru"
                           class="flex items-center rounded-lg py-1 pl-3 pr-3 text-base dark:font-medium font-semibold leading-7 text-gray-900 dark:hover:bg-zinc-800 dark:text-white dark:hover:text-gray-200 hover:bg-gray-50">
                            マニュアル </a>
                    </div>
                    <div class="py-6">
                        <a href="https://insthacker.com/ja/sapoto"
                           class="flex items-center rounded-lg py-1 pl-3 pr-3 text-base dark:font-medium font-semibold leading-7 text-gray-900 dark:hover:bg-zinc-800 dark:text-white dark:hover:text-gray-200 hover:bg-gray-50">24時間サポート</a>
                    </div>
                    <div class="mt-4 flex flex-row gap-4 px-4">
                                                                            <a
                                    class="inline-flex justify-center rounded-md shadow-outline-button-shadow py-3 px-3  text-base text-off-white dark:font-medium font-semibold outline-2 outline-offset-2    focus-visible:outline-2 focus-visible:outline focus-visible:outline-offset-2 transition-all ring-1 ring-inset  dark:ring-gray-500 outline-white text-gray-900 w-full dark:text-white ring-gray-500 hover:bg-gray-200 dark:hover:bg-zinc-800"
                                    target="_blank" href="https://insthacker.com/ja/roguIn"><span
                                        class="flex items-center gap-2">サインイン</span></a><a
                                    class="inline-flex justify-center bg-[#0171E3] rounded-md py-3 px-3 text-base dark:font-medium font-semibold outline-2 outline-offset-2 transition-colors focus-visible:outline-2 focus-visible:outline focus-visible:outline-offset-2 shadow-blue-button-shadow bg-blend-overlay bg-blue-button text-white  hover:bg-gradient-button-blue-hover active:bg-gradient-button-blue-active outline-brand w-full"
                                    href="https://insthacker.com/ja/touroku"><span class="flex items-center gap-2">サインアップ </span></a>
                        
                    </div>
                </div>
            </div>
        </div>
    </div>


    <nav id="page-nav" class="site-header__bottom-wrapper animated" itemscope itemtype="https://schema.org/SiteNavigationElement">
        <div class="animated_hidden will-change-opacity pointer-events-none absolute inset-0 backdrop-blur-md transition-opacity duration-500  opacity-100"></div>
        <div class="relative max-w-6xl mx-auto px-4 sm:px-6 lg:px-12">
            <div class="flex sm:h-16 h-14 items-center">


                <!-- Logo -->
                <div id="logoSection" class="flex relative z-10">
                    <a InstHacker href="https://insthacker.com/ja" class="flex items-center text-gray-700 dark:text-white">

                        
                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" class="sm:w-[135px] sm:h-[60px] w-[125px] h-[50px] ml-1" viewBox="20 10 290.000000 82.000000" preserveAspectRatio="xMidYMid meet">
                            <g class="text-slate-900 dark:text-white" transform="translate(0.000000,112.000000) scale(0.100000,-0.100000)" fill="currentColor" stroke="none">
                                <path d="M383 875 c-95 -81 -136 -239 -77 -298 22 -22 29 -24 45 -14 30 19 32 43 8 86 -16 29 -20 48 -15 73 6 35 54 118 68 118 12 0 9 -316 -3 -366 -19 -75 -85 -108 -129 -64 -26 26 -26 55 0 77 27 24 25 33 -8 33 -58 0 -100 -77 -71 -132 13 -25 67 -48 112 -48 77 0 156 62 176 138 6 21 12 126 14 235 l3 197 -41 0 c-33 0 -50 -7 -82 -35z" />
                                <path d="M1300 893 c-31 -12 -70 -45 -70 -60 0 -15 11 -15 81 2 32 8 39 -10 39 -102 0 -62 0 -63 -40 -88 -61 -38 -70 -80 -44 -198 6 -27 5 -28 -22 -25 -29 3 -29 4 -32 78 -2 41 -1 98 3 126 6 47 9 52 37 60 43 13 48 34 9 34 -28 0 -31 3 -31 33 0 42 -34 97 -60 97 -17 0 -20 -7 -20 -49 0 -62 -7 -81 -31 -81 -26 0 -24 -30 2 -37 20 -5 21 -11 17 -113 -2 -89 -6 -112 -22 -129 -11 -12 -22 -21 -26 -21 -4 0 -7 26 -6 58 0 45 -7 70 -33 121 -31 61 -34 82 -16 124 6 15 1 17 -37 17 -50 0 -68 -13 -68 -48 0 -41 -41 -166 -61 -188 -10 -11 -19 -33 -19 -47 0 -27 -24 -47 -38 -32 -4 3 -5 57 -4 119 4 127 -6 151 -65 162 -26 5 -36 1 -56 -20 -14 -15 -31 -47 -38 -71 -15 -52 -29 -41 -29 22 0 32 -5 46 -22 57 -14 10 -26 12 -32 6 -5 -5 -11 -69 -14 -142 -4 -126 -3 -134 18 -161 29 -36 39 -27 60 55 26 95 70 198 86 198 11 0 14 -23 14 -111 0 -109 0 -111 29 -140 32 -32 65 -37 98 -14 18 13 25 12 61 -5 56 -27 123 -26 182 4 48 24 48 24 76 5 22 -15 39 -18 71 -14 30 4 49 1 67 -10 14 -9 35 -15 48 -13 31 4 57 81 58 170 0 97 1 98 76 98 l64 0 0 -80 c0 -121 28 -170 95 -170 35 0 85 50 85 84 0 33 -4 33 -40 -6 -25 -28 -31 -31 -40 -18 -11 17 -13 96 -4 150 4 25 14 41 35 52 37 22 37 38 -1 38 l-30 0 2 93 c3 105 -6 127 -52 127 l-27 0 -7 -102 c-3 -56 -10 -106 -15 -111 -4 -4 -35 -7 -67 -5 l-59 3 -8 90 c-6 79 -11 93 -33 113 -24 21 -61 27 -94 15z m40 -358 c0 -65 -10 -81 -30 -46 -19 37 -6 111 20 111 6 0 10 -29 10 -65z m-351 -12 c7 -21 11 -54 9 -73 -3 -32 -6 -35 -32 -33 -16 1 -36 9 -45 18 -14 13 -13 21 4 72 10 32 20 62 23 66 7 14 28 -12 41 -50z" />
                                <path d="M2326 873 c-3 -3 -6 -90 -6 -192 0 -167 -2 -189 -20 -218 -33 -55 -102 -58 -133 -6 -36 63 -20 223 23 223 22 0 31 -22 24 -59 -7 -32 9 -43 44 -30 17 7 22 16 22 44 0 49 -13 71 -50 84 -101 35 -190 -83 -162 -214 10 -47 -4 -85 -32 -85 -21 0 -25 34 -19 145 7 116 -3 139 -54 134 -16 -2 -47 3 -70 10 -37 12 -45 12 -74 -5 -51 -30 -74 -85 -74 -175 0 -68 4 -80 28 -113 23 -29 35 -36 63 -36 29 0 38 5 52 31 9 17 25 41 34 53 17 21 17 21 18 -10 0 -71 74 -102 135 -57 29 21 29 21 55 1 42 -30 102 -34 149 -10 39 21 40 21 62 1 36 -31 49 -25 49 25 0 79 7 81 61 21 53 -57 93 -74 128 -55 25 13 28 40 5 40 -20 0 -100 57 -118 85 -13 20 -12 22 19 34 44 16 85 58 85 88 0 14 -13 38 -30 55 -34 34 -63 33 -112 -3 l-28 -20 0 71 c0 44 -6 82 -15 100 -16 31 -48 54 -59 43z m-400 -232 c10 -20 8 -36 -13 -95 -30 -86 -47 -111 -68 -103 -11 5 -15 21 -15 64 0 123 60 206 96 134z m562 -34 c3 -23 -2 -30 -30 -41 -41 -18 -50 -13 -37 22 22 58 61 70 67 19z" />
                                <path d="M2690 724 c-71 -24 -101 -75 -101 -171 0 -81 9 -108 50 -148 28 -26 39 -30 89 -29 38 0 66 6 85 18 26 18 29 18 47 1 36 -33 54 -16 61 55 3 36 12 77 19 92 l13 28 32 -20 c52 -32 119 -21 125 20 6 37 0 41 -26 21 -33 -26 -35 -26 -62 -1 -17 17 -20 25 -12 40 18 33 12 66 -14 78 -30 13 -56 -11 -56 -52 0 -33 -23 -31 -28 3 -4 24 -46 56 -62 46 -6 -4 -10 -50 -10 -115 0 -102 -2 -110 -26 -139 -50 -60 -128 -30 -136 52 -3 38 -2 39 42 54 54 17 90 54 90 92 0 47 -71 91 -120 75z m58 -60 c3 -24 -33 -74 -54 -74 -18 0 -18 33 2 71 17 34 47 36 52 3z" />
                            </g>
                        </svg>

                    </a>
                </div>

                <!-- Flyout menus -->


                <div class="  ml-auto flex items-center h-full sm:space-x-4 space-x-2 ">
                    <div class="relative rounded-lg mx-auto flex max-w-7xl items-center justify-between lg:p-4 p-1 z-2    "
                         aria-label="Global">


                        <div class="lg:ml-4 hidden  lg:flex lg:gap-x-8 px-2 sm:px-4 lg:px-0">


                            <div x-data="{ open: false }" @keydown.window.escape="open = false" @click.away="open = false" @mouseenter="open = true" @mouseleave="open = false" @click.away="open = false">
                                <button @click="open = !open" type="button"
                                        class="flex items-center text-base dark:font-medium font-semibold leading-6 nav-item_span relative text-gray-900
                                         dark:text-white hover:text-blue-500 dark:hover:text-blue-500">

                                    機能
                                    <span class="text-lg text-slate-500 dark:text-gray-500 ml-1">▾</span>
                                </button>
                                <div x-show="open" x-transition:enter="transition ease-out duration-200"
                                     x-transition:enter-start="opacity-0 translate-y-1"
                                     x-transition:enter-end="opacity-100 translate-y-0"
                                     x-transition:leave="transition ease-in duration-150"
                                     x-transition:leave-start="opacity-100 translate-y-0"
                                     x-transition:leave-end="opacity-0 translate-y-1"

                                     class="p-1 border backdrop-blur-2xl dark:border-slate-50/5  rounded-lg absolute left-1/2 z-30 mt-4 flex w-screen max-w-7xl -translate-x-1/2 content-mega-horizontal px-8 bg-white/80 dark:bg-white/5"
                                     style="display: none" x-ref="panel" @click.away="open = false">


                                    <div class=" grid max-w-7xl grid-cols-3 gap-x-4 px-6 py-5 lg:px-6 2xl:gap-x-4 text-slate-900 dark:text-white">

                                        <div class="text-slate-900 dark:text-white">
                                            <span class="text-gray-700 dark:text-gray-500 uppercase text-xs">機能</span>
                                            <div
                                                    class="  mt-5 group relative flex items-center gap-x-4 rounded-lg  text-sm leading-6  ">
                                                <div
                                                        class="flex h-11 w-auto flex-none items-center justify-center rounded-lg ">
                                                    <svg class="size-7 text-slate-900 dark:text-white" fill="currentColor" xmlns="http://www.w3.org/2000/svg" id="Outline" viewBox="0 0 24 24">
                                                        <path d="M24,11.247A12.012,12.012,0,1,0,12.017,24H19a5.005,5.005,0,0,0,5-5V11.247ZM22,19a3,3,0,0,1-3,3H12.017a10.041,10.041,0,0,1-7.476-3.343,9.917,9.917,0,0,1-2.476-7.814,10.043,10.043,0,0,1,8.656-8.761A10.564,10.564,0,0,1,12.021,2,9.921,9.921,0,0,1,18.4,4.3,10.041,10.041,0,0,1,22,11.342Z" />
                                                        <path d="M8,9h4a1,1,0,0,0,0-2H8A1,1,0,0,0,8,9Z" />
                                                        <path d="M16,11H8a1,1,0,0,0,0,2h8a1,1,0,0,0,0-2Z" />
                                                        <path d="M16,15H8a1,1,0,0,0,0,2h8a1,1,0,0,0,0-2Z" />
                                                    </svg>
                                                </div>
                                                <div class="flex-auto">
                                                    <a itemprop="url" href="https://insthacker.com/ja/instagram-messegi-hack"
                                                       class="text-base block font-semibold text-gray-900 dark:text-white  ">
                                                        <span itemprop="name">
Instagram: メッセージの盗み見 </span>
                                                        <span class="absolute inset-0"></span>
                                                    </a>
                                                    <p class="text-slate-700 dark:text-gray-400 text-sm/5">受信および送信メッセージの閲覧</p>
                                                </div>
                                            </div>
                                            <div
                                                    class="  mt-5 group relative flex items-center gap-x-4 rounded-lg  text-sm leading-6  ">
                                                <div
                                                        class="flex h-11 w-auto flex-none items-center justify-center rounded-lg ">
                                                    <svg xmlns="http://www.w3.org/2000/svg" class="size-7 text-slate-900 dark:text-white" fill="currentColor" data-name="Layer 1" viewBox="0 0 24 24">
                                                        <path d="m24,12c0,.552-.448,1-1,1h-.551c-.474,4.992-4.457,8.975-9.449,9.449v.551c0,.552-.448,1-1,1s-1-.448-1-1v-.551c-4.992-.474-8.975-4.457-9.449-9.449h-.551c-.552,0-1-.448-1-1s.448-1,1-1h.556c.264-2.786,1.615-5.349,3.813-7.141.428-.348,1.058-.286,1.407.143.349.428.285,1.058-.143,1.407-1.729,1.41-2.815,3.409-3.071,5.591h1.439c.552,0,1,.448,1,1s-.448,1-1,1h-1.436c.458,3.888,3.548,6.977,7.436,7.436v-1.436c0-.552.448-1,1-1s1,.448,1,1v1.436c3.888-.458,6.977-3.548,7.436-7.436h-1.436c-.552,0-1-.448-1-1s.448-1,1-1h1.439c-.256-2.182-1.342-4.18-3.071-5.591-.428-.349-.492-.979-.143-1.407.349-.429.98-.491,1.407-.143,2.198,1.792,3.549,4.354,3.813,7.141h.556c.552,0,1,.448,1,1Zm-7.205-4.275L13.456.876c-.326-.583-.891-.874-1.456-.876-.565.002-1.13.293-1.456.876l-3.339,6.849c-.706,1.256.535,2.725,1.812,2.145l2.983-1.355,2.983,1.355c1.277.58,2.518-.889,1.812-2.145Z" />
                                                    </svg>
                                                </div>
                                                <div class="flex-auto">
                                                    <a itemprop="url" href="https://insthacker.com/ja/instagram-basho-tsuiseki"
                                                       class="text-base block font-semibold text-gray-900 dark:text-white  ">
                                                        <span itemprop="name" class=""></span>
                                                        Instagram GPSトラッカー
                                                        <span class="absolute inset-0"></span>
                                                    </a>
                                                    <p class="text-slate-700 dark:text-gray-400 text-sm/5">リアルタイムGPS座標 </p>
                                                </div>
                                            </div>
                                            <div
                                                    class="  mt-5 group relative flex items-center gap-x-4 rounded-lg  text-sm leading-6  ">
                                                <div
                                                        class="flex h-11 w-auto flex-none items-center justify-center rounded-lg ">
                                                    <svg xmlns="http://www.w3.org/2000/svg" id="Bold" viewBox="0 0 24 24" class="size-7 text-slate-900 dark:text-white" fill="currentColor">
                                                        <path d="M12,0A12.034,12.034,0,0,0,4.04,3.04L2.707,1.707A1,1,0,0,0,1,2.414V7A1,1,0,0,0,2,8H6.586a1,1,0,0,0,.707-1.707L6.158,5.158A9,9,0,0,1,21,12.26,9,9,0,0,1,3.1,13.316,1.51,1.51,0,0,0,1.613,12h0A1.489,1.489,0,0,0,.115,13.663,12.018,12.018,0,0,0,12.474,23.991,12.114,12.114,0,0,0,23.991,12.474,12.013,12.013,0,0,0,12,0Z" />
                                                        <path d="M11.5,7h0A1.5,1.5,0,0,0,10,8.5v4.293a2,2,0,0,0,.586,1.414L12.379,16A1.5,1.5,0,0,0,14.5,13.879l-1.5-1.5V8.5A1.5,1.5,0,0,0,11.5,7Z" />
                                                    </svg>
                                                </div>
                                                <div class="flex-auto">
                                                    <a itemprop="url" href="https://insthacker.com/ja/instagram-akaunto-fukugen"
                                                       class="text-base block font-semibold text-gray-900 dark:text-white  ">

                                                        <span itemprop="name">
  Instagram: アカウント復元  </span>

                                                        <span class="absolute inset-0"></span>
                                                    </a>
                                                    <p class="text-slate-700 dark:text-gray-400 text-sm/5">
                                                        電話番号でInstagramアカウントを復元 </p>
                                                </div>
                                            </div>


                                        </div>

                                        <div class=" ">
                                            <div><span class="text-gray-400 uppercase text-xs">  </span>
                                                <div
                                                        class="  mt-11 group relative flex items-center gap-x-4 rounded-lg  text-sm leading-6  ">
                                                    <div
                                                            class="flex h-11 w-auto flex-none items-center justify-center rounded-lg ">
                                                        <svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 24 24" class="size-7 text-slate-900 dark:text-white" fill="currentColor">
                                                            <path d="M13,1a1,1,0,0,1,1-1A10.011,10.011,0,0,1,24,10a1,1,0,0,1-2,0,8.009,8.009,0,0,0-8-8A1,1,0,0,1,13,1Zm1,5a4,4,0,0,1,4,4,1,1,0,0,0,2,0,6.006,6.006,0,0,0-6-6,1,1,0,0,0,0,2Zm9.093,10.739a3.1,3.1,0,0,1,0,4.378l-.91,1.049c-8.19,7.841-28.12-12.084-20.4-20.3l1.15-1A3.081,3.081,0,0,1,7.26.906c.031.031,1.884,2.438,1.884,2.438a3.1,3.1,0,0,1-.007,4.282L7.979,9.082a12.781,12.781,0,0,0,6.931,6.945l1.465-1.165a3.1,3.1,0,0,1,4.281-.006S23.062,16.708,23.093,16.739Zm-1.376,1.454s-2.393-1.841-2.424-1.872a1.1,1.1,0,0,0-1.549,0c-.027.028-2.044,1.635-2.044,1.635a1,1,0,0,1-.979.152A15.009,15.009,0,0,1,5.9,9.3a1,1,0,0,1,.145-1S7.652,6.282,7.679,6.256a1.1,1.1,0,0,0,0-1.549c-.031-.03-1.872-2.425-1.872-2.425a1.1,1.1,0,0,0-1.51.039l-1.15,1C-2.495,10.105,14.776,26.418,20.721,20.8l.911-1.05A1.121,1.121,0,0,0,21.717,18.193Z" />
                                                        </svg>

                                                    </div>
                                                    <div class="flex-auto">
                                                        <a itemprop="url" href="https://insthacker.com/ja/instagram-tsuuwarireki"
                                                           class="text-base block font-semibold text-gray-900 dark:text-white  ">

                                                            <span itemprop="name">
Instagram通話履歴  </span>

                                                            <span class="absolute inset-0"></span>
                                                        </a>
                                                        <p class="text-slate-700 dark:text-gray-400 text-sm/5">
                                                            通話履歴監視アプリケーション </p>
                                                    </div>
                                                </div>
                                                <div
                                                        class="  mt-5 group relative flex items-center gap-x-4 rounded-lg  text-sm leading-6  ">
                                                    <div
                                                            class="flex h-11 w-auto flex-none items-center justify-center rounded-lg ">
                                                        <svg xmlns="http://www.w3.org/2000/svg" class="size-7 text-slate-900 dark:text-white" fill="currentColor" data-name="Layer 1" viewBox="0 0 24 24">
                                                            <path d="m16,0h-8C5.243,0,3,2.243,3,5v14c0,2.757,2.243,5,5,5h8c2.757,0,5-2.243,5-5V5c0-2.757-2.243-5-5-5Zm-8,2h8c1.654,0,3,1.346,3,3v11H5V5c0-1.654,1.346-3,3-3Zm8,20h-8c-1.654,0-3-1.346-3-3v-1h14v1c0,1.654-1.346,3-3,3Zm-2-2c0,.552-.447,1-1,1h-2c-.553,0-1-.448-1-1s.447-1,1-1h2c.553,0,1,.448,1,1Z" />
                                                        </svg>

                                                    </div>
                                                    <div class="flex-auto">
                                                        <a itemprop="url" href="https://insthacker.com/ja/instagram-supai-android"
                                                           class="text-base block font-semibold text-gray-900 dark:text-white  ">


                                                            <span itemprop="name">
Android用Instagramスパイ   </span>


                                                            <span class="absolute inset-0"></span>
                                                        </a>
                                                        <p class="text-slate-700 dark:text-gray-400 text-sm/5">Androidで電話番号からInstagramをハッキング </p>
                                                    </div>
                                                </div>
                                                <div
                                                        class="  mt-5 group relative flex items-center gap-x-4 rounded-lg  text-sm leading-6  ">
                                                    <div
                                                            class="flex h-11 w-auto flex-none items-center justify-center rounded-lg ">
                                                        <svg xmlns="http://www.w3.org/2000/svg" class="size-7 text-slate-900 dark:text-white" fill="currentColor" data-name="Layer 1" viewBox="0 0 24 24">
                                                            <path d="m18,0H6c-1.654,0-3,1.346-3,3v21h18V3c0-1.654-1.346-3-3-3Zm1,22H5V3c0-.551.449-1,1-1h12c.552,0,1,.449,1,1v19Zm-9-4h4v2h-4v-2Z" />
                                                        </svg>

                                                    </div>
                                                    <div class="flex-auto">
                                                        <a itemprop="url" href="https://insthacker.com/ja/instagram-supai-iphone"
                                                           class="text-base block font-semibold text-gray-900 dark:text-white  ">


                                                            <span itemprop="name">

 iPhone用Instagramスパイ   </span>


                                                            <span class="absolute inset-0"></span>
                                                        </a>
                                                        <p class="text-slate-700 dark:text-gray-400 text-sm/5">iPhoneでInstagramをオンラインでハッキング </p>
                                                    </div>
                                                </div>

                                            </div>


                                        </div>
                                        <div class=" ">
                                            <div>
                                                <span class="text-gray-700 dark:text-gray-500 uppercase text-xs"> 機能 </span>
                                                <div
                                                        class="  mt-5 group relative flex items-center gap-x-4 rounded-lg  text-sm leading-6  ">
                                                    <div
                                                            class="flex h-11 w-auto flex-none items-center justify-center rounded-lg ">
                                                        <svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="size-7 text-slate-900 dark:text-white" fill="currentColor" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve"><g>
                                                                <path d="M12,2.162c3.204,0,3.584,0.012,4.849,0.07c1.308,0.06,2.655,0.358,3.608,1.311c0.962,0.962,1.251,2.296,1.311,3.608   c0.058,1.265,0.07,1.645,0.07,4.849c0,3.204-0.012,3.584-0.07,4.849c-0.059,1.301-0.364,2.661-1.311,3.608   c-0.962,0.962-2.295,1.251-3.608,1.311c-1.265,0.058-1.645,0.07-4.849,0.07s-3.584-0.012-4.849-0.07   c-1.291-0.059-2.669-0.371-3.608-1.311c-0.957-0.957-1.251-2.304-1.311-3.608c-0.058-1.265-0.07-1.645-0.07-4.849   c0-3.204,0.012-3.584,0.07-4.849c0.059-1.296,0.367-2.664,1.311-3.608c0.96-0.96,2.299-1.251,3.608-1.311   C8.416,2.174,8.796,2.162,12,2.162 M12,0C8.741,0,8.332,0.014,7.052,0.072C5.197,0.157,3.355,0.673,2.014,2.014   C0.668,3.36,0.157,5.198,0.072,7.052C0.014,8.332,0,8.741,0,12c0,3.259,0.014,3.668,0.072,4.948c0.085,1.853,0.603,3.7,1.942,5.038   c1.345,1.345,3.186,1.857,5.038,1.942C8.332,23.986,8.741,24,12,24c3.259,0,3.668-0.014,4.948-0.072   c1.854-0.085,3.698-0.602,5.038-1.942c1.347-1.347,1.857-3.184,1.942-5.038C23.986,15.668,24,15.259,24,12   c0-3.259-0.014-3.668-0.072-4.948c-0.085-1.855-0.602-3.698-1.942-5.038c-1.343-1.343-3.189-1.858-5.038-1.942   C15.668,0.014,15.259,0,12,0z" />
                                                                <path d="M12,5.838c-3.403,0-6.162,2.759-6.162,6.162c0,3.403,2.759,6.162,6.162,6.162s6.162-2.759,6.162-6.162   C18.162,8.597,15.403,5.838,12,5.838z M12,16c-2.209,0-4-1.791-4-4s1.791-4,4-4s4,1.791,4,4S14.209,16,12,16z" />
                                                                <circle cx="18.406" cy="5.594" r="1.44" />
                                                            </g>
                                                        </svg>
                                                    </div>
                                                    <div class="flex-auto">
                                                        <a itemprop="url" href="https://insthacker.com/ja/instagram-messegi-hack/instagram-messegi-yomu-android"
                                                           class="text-base block font-semibold text-gray-900 dark:text-white  ">

                                                            <span itemprop="name">
AndroidでInstagramをハッキング</span>

                                                            <span class="absolute inset-0"></span>
                                                        </a>
                                                        <p class="text-slate-700 dark:text-gray-400 text-sm/5">
                                                            AndroidでInstagramのメッセージと通話にアクセス </p>
                                                    </div>
                                                </div>
                                                <div
                                                        class="  mt-5 group relative flex items-center gap-x-4 rounded-lg  text-sm leading-6  ">
                                                    <div
                                                            class="flex h-11 w-auto flex-none items-center justify-center rounded-lg ">
                                                        <svg xmlns="http://www.w3.org/2000/svg" class="size-7 text-slate-900 dark:text-white" fill="currentColor" data-name="Layer 1" viewBox="0 0 24 24">
                                                            <path d="M12.006,12.309c3.611-.021,5.555-1.971,5.622-5.671-.062-3.56-2.111-5.614-5.634-5.637-3.561,.022-5.622,2.17-5.622,5.637,0,3.571,2.062,5.651,5.634,5.672Zm-.012-9.309c2.437,.016,3.591,1.183,3.634,3.636-.047,2.559-1.133,3.657-3.622,3.672-2.495-.015-3.582-1.108-3.634-3.654,.05-2.511,1.171-3.639,3.622-3.654Z" />
                                                            <path d="M11.994,13.661c-5.328,.034-8.195,2.911-8.291,8.322-.01,.552,.43,1.008,.982,1.018,.516-.019,1.007-.43,1.018-.982,.076-4.311,2.08-6.331,6.291-6.357,4.168,.027,6.23,2.106,6.304,6.356,.01,.546,.456,.983,1,.983h.018c.552-.01,.992-.465,.983-1.017-.092-5.333-3.036-8.288-8.304-8.322Z" />
                                                        </svg>

                                                    </div>
                                                    <div class="flex-auto">
                                                        <a itemprop="url" href="https://insthacker.com/ja/instagram-akaunto-fukugen/instagram-fukugen-denwa-bangou-nashi"
                                                           class="text-base block font-semibold text-gray-900 dark:text-white  ">


                                                            <span itemprop="name">
iPhoneでInstagramアカウントを復元する  </span>


                                                            <span class="absolute inset-0"></span>
                                                        </a>
                                                        <p class="text-slate-700 dark:text-gray-400 text-sm/5">データとアカウントを取り戻す方法 </p>
                                                    </div>
                                                </div>
                                                <div
                                                        class="  mt-5 group relative flex items-center gap-x-4 rounded-lg  text-sm leading-6  ">
                                                    <div
                                                            class="flex h-11 w-auto flex-none items-center justify-center rounded-lg ">
                                                        <svg xmlns="http://www.w3.org/2000/svg" class="size-7 text-slate-900 dark:text-white" fill="currentColor" data-name="Layer 1" viewBox="0 0 24 24">
                                                            <path d="m21.406,19.469c-2.307,2.88-5.731,4.531-9.395,4.531s-7.099-1.651-9.406-4.531C-.862,15.142-.862,8.858,2.605,4.531,6.61-.467,13.804-1.475,18.982,2.238c.598.429.975,1.101,1.035,1.845.063.772-.215,1.529-.763,2.077l-4.426,4.426c-.188.188-.442.293-.707.293s-.52-.105-.707-.293c-.419-.42-.999-.628-1.589-.578-.599.052-1.125.358-1.479.863-.458.654-.458,1.604,0,2.258.354.505.879.812,1.479.863.594.052,1.17-.159,1.589-.578.39-.391,1.023-.391,1.414,0,.391.391.391,1.023,0,1.414-.837.838-1.996,1.258-3.176,1.157-1.181-.104-2.254-.726-2.943-1.708-.94-1.341-.94-3.214,0-4.555.689-.982,1.762-1.604,2.943-1.708.838-.068,1.669.121,2.379.539l1.445-1.445c-2.27-1.616-5.421-1.462-7.523.461.03.139.047.282.047.43,0,.983-.71,1.8-1.645,1.968-.759,2.118-.292,4.581,1.402,6.275.763.763,1.681,1.277,2.654,1.542.365-.477.941-.785,1.589-.785s1.223.308,1.588.785c.973-.265,1.892-.779,2.655-1.542,1.356-1.356,1.973-3.224,1.693-5.124-.081-.546.297-1.055.843-1.135.541-.087,1.054.297,1.135.844.368,2.494-.476,5.047-2.257,6.829-1.089,1.089-2.417,1.798-3.816,2.126-.305.715-1.014,1.216-1.841,1.216s-1.536-.501-1.841-1.216c-1.4-.329-2.727-1.037-3.816-2.126-2.258-2.258-2.881-5.541-1.87-8.366-.295-.349-.474-.799-.474-1.292,0-1.105.895-2,2-2,.211,0,.414.033.605.093,2.888-2.641,7.258-2.779,10.301-.413l.935-.935c.132-.132.199-.314.184-.5-.009-.113-.053-.271-.208-.382C13.502.77,7.505,1.613,4.166,5.781c-2.886,3.604-2.886,8.834,0,12.438,1.926,2.403,4.781,3.781,7.834,3.781s5.92-1.378,7.846-3.781c2.304-2.876,2.806-6.936,1.279-10.342-.226-.504,0-1.096.503-1.321.503-.227,1.095,0,1.322.503,1.831,4.084,1.225,8.955-1.543,12.41Z" />
                                                        </svg>

                                                    </div>
                                                    <div class="flex-auto">
                                                        <a itemprop="url" href="https://insthacker.com/ja/instagram-tsuiseki-tool/instagram-tsuiseki-apuri-osusume"
                                                           class="text-base block font-semibold text-gray-900 dark:text-white  ">


                                                            <span itemprop="name">

Instagram オンライントラッカー </span>


                                                            <span class="absolute inset-0"></span>
                                                        </a>
                                                        <p class="text-slate-700 dark:text-gray-400 text-sm/5">電話番号でInstagramの活動を追跡する。 </p>
                                                    </div>
                                                </div>

                                            </div>


                                        </div>

                                    </div>
                                </div>
                            </div>
                            <div x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false"
                                 @keydown.window.escape="open = false"
                                 @click.away="open = false">
                                <button @click="open = !open" type="button"
                                        class="flex items-center text-base dark:font-medium font-semibold leading-6 nav-item_span relative text-gray-900
                                         dark:text-white hover:text-blue-500 dark:hover:text-blue-500">

                                    仕組み
                                    <span class="text-lg text-slate-500 dark:text-gray-500 ml-1">▾</span>
                                </button>
                                <div x-show="open" x-transition:enter="transition ease-out duration-200"
                                     x-transition:enter-start="opacity-0 translate-y-1"
                                     x-transition:enter-end="opacity-100 translate-y-0"
                                     x-transition:leave="transition ease-in duration-150"
                                     x-transition:leave-start="opacity-100 translate-y-0"
                                     x-transition:leave-end="opacity-0 translate-y-1"

                                     class="p-1 border backdrop-blur-2xl dark:border-slate-50/5  rounded-lg absolute left-1/2 z-30 mt-4 flex w-screen max-w-7xl -translate-x-1/2 content-mega-horizontal px-8 bg-white/80 dark:bg-white/5"
                                     style="display: none" x-ref="panel" @click.away="open = false">


                                    <div class=" grid max-w-7xl grid-cols-3 gap-x-4 px-2 py-5 lg:px-2 2xl:gap-x-2">

                                        <div><span
                                                    class="text-gray-700 dark:text-gray-500 uppercase text-xs">コミュニティ</span>
                                            <div
                                                    class="  mt-5 group relative flex items-center gap-x-4 rounded-lg  text-sm leading-6  ">
                                                <div
                                                        class="flex h-11 w-11 flex-none items-center justify-center rounded-lg ">
                                                    <svg xmlns="http://www.w3.org/2000/svg" class="size-7 text-slate-900 dark:text-white" fill="currentColor" data-name="Layer 1" viewBox="0 0 24 24">
                                                        <path d="m17,10c-3.86,0-7,3.14-7,7s3.14,7,7,7,7-3.14,7-7-3.14-7-7-7Zm0,12c-2.757,0-5-2.243-5-5s2.243-5,5-5,5,2.243,5,5-2.243,5-5,5Zm1-4v2c0,.552-.448,1-1,1s-1-.448-1-1v-2c0-.552.448-1,1-1s1,.448,1,1Zm.5-3.5c0,.828-.672,1.5-1.5,1.5s-1.5-.672-1.5-1.5.672-1.5,1.5-1.5,1.5.672,1.5,1.5Zm-9.5,7.5h-5c-1.103,0-2-.897-2-2s.897-2,2-2h3c.552,0,1-.448,1-1s-.448-1-1-1h-1V2h9c1.654,0,3,1.346,3,3v2c0,.552.448,1,1,1s1-.448,1-1v-2c0-2.757-2.243-5-5-5H5C2.244,0,0,2.243,0,5v15C0,22.206,1.795,24,4,24h5c.552,0,1-.448,1-1s-.448-1-1-1ZM2,5c0-1.302.839-2.402,2-2.816v13.816c-.732,0-1.409.212-2,.556V5Z" />
                                                    </svg>
                                                </div>
                                                <div class="flex-auto">
                                                    <a itemprop="url" href="https://insthacker.com/ja/manyuaru"
                                                       class="text-base block font-semibold text-gray-900 dark:text-white  ">
                                                        <span itemprop="name">マニュアル</span>
                                                        <span class="absolute inset-0"></span>
                                                    </a>
                                                    <p class="text-slate-700 dark:text-gray-400 text-sm/5">ソフトウェアの動作メカニズム</p>
                                                </div>
                                            </div>
                                            <div
                                                    class="  mt-11 group relative flex items-center gap-x-4 rounded-lg  text-sm leading-6  ">
                                                <div
                                                        class="flex h-11 w-11 flex-none items-center justify-center rounded-lg ">
                                                    <svg xmlns="http://www.w3.org/2000/svg" class="size-7 text-slate-900 dark:text-white" fill="currentColor" data-name="Layer 1" viewBox="0 0 24 24">
                                                        <path d="m5,6c0-.553.448-1,1-1h3c.552,0,1,.447,1,1s-.448,1-1,1h-3c-.552,0-1-.447-1-1Zm6,3h-5c-.552,0-1,.447-1,1s.448,1,1,1h5c.552,0,1-.447,1-1s-.448-1-1-1Zm0,4h-5c-.552,0-1,.447-1,1s.448,1,1,1h5c.552,0,1-.447,1-1s-.448-1-1-1Zm12.939-8.343c-.144-.395-.52-.657-.939-.657h-3.001l-1.062-2.98c-.146-.391-.52-.651-.937-.651s-.792.26-.937.651l-1.062,2.98h-3.001c-.419,0-.794.262-.938.655-.145.394-.028.835.292,1.107l2.377,1.935-.941,3.016c-.127.405.015.846.354,1.101.177.133.388.2.6.2.194,0,.388-.056.556-.169l2.708-1.812,2.754,1.793c.355.231.819.213,1.156-.046.337-.259.473-.703.339-1.106l-.979-2.98,2.366-1.927c.321-.271.439-.713.295-1.108Zm-1.939,15.343v.5c0,1.93-1.57,3.5-3.5,3.5H3.499c-1.929,0-3.499-1.57-3.499-3.5V5C0,2.243,2.243,0,5,0h8c.552,0,1,.447,1,1s-.448,1-1,1H5c-1.654,0-3,1.346-3,3v15.5c0,.827.673,1.5,1.5,1.5s1.5-.673,1.5-1.5v-.5c0-1.654,1.346-3,3-3h9v-3c0-.553.448-1,1-1s1,.447,1,1v3c1.654,0,3,1.346,3,3Zm-2,0c0-.552-.449-1-1-1h-11c-.551,0-1,.448-1,1v.5c0,.536-.122,1.045-.338,1.5h11.838c.827,0,1.5-.673,1.5-1.5v-.5Z" />
                                                    </svg>

                                                </div>
                                                <div class="flex-auto">
                                                    <a href="https://insthacker.com/ja/kino"
                                                       class="text-base block font-semibold text-gray-900 dark:text-white  ">
                                                        機能
                                                        <span class="absolute inset-0"></span>
                                                    </a>
                                                    <p class="text-slate-700 dark:text-gray-400 text-sm/5">機能と組み込み機能を読む</p>
                                                </div>
                                            </div>


                                        </div>

                                        <div>
                                            <div
                                                    class="  mt-11 group relative flex items-center gap-x-4 rounded-lg  text-sm leading-6  ">
                                                <div
                                                        class="flex h-11 w-11 flex-none items-center justify-center rounded-lg ">
                                                    <svg xmlns="http://www.w3.org/2000/svg" class="size-7 text-slate-900 dark:text-white" fill="currentColor" data-name="Layer 1" viewBox="0 0 24 24">
                                                        <path d="m24,8c0,1.064-.256,2.205-.762,3.392-.162.38-.531.609-.92.609-.131,0-.264-.026-.392-.081-.509-.216-.745-.804-.528-1.312.399-.938.602-1.815.602-2.608,0-2.71-2.061-5-4.5-5-2.235,0-3.508.905-4.366,1.694l-3.824,3.549c-.353.354-.437.949-.163,1.33.179.249.442.399.739.423.295.027.581-.081.788-.29l4.173-3.995c.396-.381,1.031-.368,1.414.031.382.399.368,1.032-.031,1.414l-1.238,1.185,4.747,4.166c1.112.976,1.386,2.615.637,3.812-.461.736-1.214,1.231-2.065,1.356-.058.008-.115.015-.173.02-.004.515-.141,1.025-.422,1.475-.461.736-1.214,1.231-2.065,1.356-.185.026-.369.037-.553.028-.054.382-.184.754-.395,1.091-.461.736-1.204,1.387-2.492,1.387-.707,0-1.393-.255-1.931-.728l-3.104-2.784C3.901,16.56,0,12.161,0,8,0,4.14,2.916,1,6.5,1c.826,0,1.633.168,2.397.5.507.22.74.809.52,1.315-.22.506-.809.738-1.315.52-.512-.222-1.051-.334-1.603-.334-2.439,0-4.5,2.29-4.5,5,0,2.674,2.313,6.237,6.515,10.034l3.094,2.774c.197.173.47.253.74.214.274-.04.509-.195.66-.438.23-.369.116-.917-.261-1.247l-3.207-3.049c-.399-.38-.416-1.012-.037-1.413.38-.4,1.012-.417,1.413-.039l3.722,3.514c.179.156.456.238.722.196.274-.04.509-.196.66-.438.23-.369.116-.917-.261-1.248l-3.56-3.223c-.408-.369-.441-1-.073-1.409.367-.409.998-.445,1.409-.079l3.742,3.33c.2.176.474.258.743.216.274-.04.509-.196.66-.438.23-.369.116-.917-.261-1.248l-4.878-4.281-1.47,1.407c-.607.608-1.464.924-2.348.854-.878-.071-1.681-.526-2.201-1.249-.845-1.174-.674-2.867.398-3.939l3.855-3.578c1.042-.957,2.764-2.225,5.723-2.225,3.584,0,6.5,3.14,6.5,7Z" />
                                                    </svg>

                                                </div>
                                                <div class="flex-auto">
                                                    <a href="https://insthacker.com/ja/afirieito-puroguramu"
                                                       class="text-base block font-semibold text-gray-900 dark:text-white  ">
                                                        アフィリエイトプログラム
                                                        <span class="absolute inset-0"></span>
                                                    </a>
                                                    <p class="text-slate-700 dark:text-gray-400 text-sm/5">パートナーになるのは簡単です</p>
                                                </div>
                                            </div>
                                            <div
                                                    class="  mt-11 group relative flex items-center gap-x-4 rounded-lg  text-sm leading-6  ">
                                                <div
                                                        class="flex h-11 w-11 flex-none items-center justify-center rounded-lg ">
                                                    <svg xmlns="http://www.w3.org/2000/svg" class="size-7 text-slate-900 dark:text-white" fill="currentColor" data-name="Layer 1" viewBox="0 0 24 24">
                                                        <path d="m8.97,10.322c.072.197.013.419-.148.554l-1.183.964.489,1.49c.067.202,0,.424-.169.553-.169.129-.4.138-.578.023l-1.377-.897-1.354.906c-.084.056-.181.084-.278.084-.106,0-.211-.033-.3-.1-.17-.127-.241-.348-.177-.55l.47-1.508-1.189-.967c-.16-.136-.218-.357-.146-.553.072-.197.26-.328.469-.328h1.5l.531-1.49c.073-.196.26-.325.469-.325s.396.13.469.325l.531,1.49h1.5c.21,0,.398.131.47.329Zm5.53-.329h-1.5l-.531-1.49c-.073-.196-.26-.325-.469-.325s-.396.13-.469.325l-.531,1.49h-1.5c-.21,0-.397.131-.469.328-.073.197-.014.418.146.553l1.189.967-.47,1.508c-.063.202.007.423.177.55.089.066.194.1.3.1.097,0,.194-.028.278-.084l1.354-.906,1.377.897c.178.115.409.106.578-.023.168-.13.236-.352.169-.553l-.489-1.49,1.183-.964c.161-.135.22-.357.148-.554s-.26-.329-.47-.329Zm6,0h-1.5l-.531-1.49c-.073-.196-.26-.325-.469-.325s-.396.13-.469.325l-.531,1.49h-1.5c-.21,0-.397.131-.469.328-.073.197-.014.418.146.553l1.189.967-.47,1.508c-.063.202.007.423.177.55.089.066.194.1.3.1.097,0,.194-.028.278-.084l1.354-.906,1.377.897c.178.115.409.106.578-.023.168-.13.236-.352.169-.553l-.489-1.49,1.183-.964c.161-.135.22-.357.148-.554s-.26-.329-.47-.329Zm3.5-2.994v8c0,2.206-1.794,4-4,4h-2.852l-3.848,3.18c-.361.322-.824.484-1.292.484-.476,0-.955-.168-1.337-.507l-3.749-3.157h-2.923c-2.206,0-4-1.794-4-4V7C0,4.794,1.794,3,4,3h16c2.206,0,4,1.794,4,4Zm-2,0c0-1.103-.897-2-2-2H4c-1.103,0-2,.897-2,2v8c0,1.103.897,2,2,2h3.288c.235,0,.464.083.645.235l4.048,3.41,4.171-3.416c.179-.148.404-.229.637-.229h3.212c1.103,0,2-.897,2-2V7Z" />
                                                    </svg>
                                                </div>
                                                <div class="flex-auto">
                                                    <a href="https://insthacker.com/ja/rebyu"
                                                       class="text-base block font-semibold text-gray-900 dark:text-white  ">
                                                        ユーザーレビュー
                                                        <span class="absolute inset-0"></span>
                                                    </a>
                                                    <p class="text-slate-700 dark:text-gray-400 text-sm/5">ユーザーの要望とコメント</p>
                                                </div>
                                            </div>


                                        </div>

                                        <div>
                                            <div
                                                    class="  mt-11 group relative flex items-center gap-x-4 rounded-lg  text-sm leading-6  ">
                                                <div
                                                        class="flex h-11 w-11 flex-none items-center justify-center rounded-lg ">
                                                    <svg xmlns="http://www.w3.org/2000/svg" class="size-7 text-slate-900 dark:text-white" fill="currentColor" data-name="Layer 1" viewBox="0 0 24 24">
                                                        <path d="m22,14.537v-1.537c0-2.206-1.794-4-4-4s-4,1.794-4,4v1.537c-1.195.693-2,1.986-2,3.463v2c0,2.206,1.794,4,4,4h4c2.206,0,4-1.794,4-4v-2c0-1.477-.805-2.77-2-3.463Zm-6-1.537c0-1.103.897-2,2-2s2,.897,2,2v1h-4v-1Zm6,7c0,1.103-.897,2-2,2h-4c-1.103,0-2-.897-2-2v-2c0-1.103.897-2,2-2h4c1.103,0,2,.897,2,2v2Zm-2.5-1c0,.828-.672,1.5-1.5,1.5s-1.5-.672-1.5-1.5.672-1.5,1.5-1.5,1.5.672,1.5,1.5Zm-11.5-7c3.309,0,6-2.691,6-6S11.309,0,8,0,2,2.691,2,6s2.691,6,6,6Zm0-10c2.206,0,4,1.794,4,4s-1.794,4-4,4-4-1.794-4-4,1.794-4,4-4Zm1.99,13.211c-.078.547-.583.929-1.131.85-.284-.041-.574-.061-.859-.061-3.309,0-6,2.691-6,6v1c0,.552-.448,1-1,1s-1-.448-1-1v-1c0-4.411,3.589-8,8-8,.379,0,.763.027,1.141.081.547.078.927.584.85,1.131Z" />
                                                    </svg>

                                                </div>
                                                <div class="flex-auto">
                                                    <a itemprop="url" href="https://insthacker.com/ja/puraibashi-porishi"
                                                       class="text-base block font-semibold text-gray-900 dark:text-white  ">
                                                        <span itemprop="name">プライバシー</span>
                                                        <span class="absolute inset-0"></span>
                                                    </a>
                                                    <p class="text-slate-700 dark:text-gray-400 text-sm/5">情報の暗号化と保存 </p>
                                                </div>
                                            </div>
                                            <div
                                                    class="  mt-11 group relative flex items-center gap-x-4 rounded-lg  text-sm leading-6  ">
                                                <div
                                                        class="flex h-11 w-11 flex-none items-center justify-center rounded-lg ">
                                                    <svg class="size-7 text-slate-900 dark:text-white" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" data-name="Layer 1">
                                                        <path d="m19.535 3.122-1.656-1.658a4.968 4.968 0 0 0 -3.536-1.464h-6.343a5.006 5.006 0 0 0 -5 5v14a5.006 5.006 0 0 0 5 5h8a5.006 5.006 0 0 0 5-5v-12.343a4.968 4.968 0 0 0 -1.465-3.535zm-1.414 1.414a2.932 2.932 0 0 1 .379.464h-2.5v-2.5a3.1 3.1 0 0 1 .465.38zm.879 14.464a3 3 0 0 1 -3 3h-8a3 3 0 0 1 -3-3v-14a3 3 0 0 1 3-3h6v3a2 2 0 0 0 2 2h3zm-3-10a1 1 0 0 1 0 2h-8a1 1 0 0 1 0-2zm1 5a1 1 0 0 1 -1 1h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 1 1zm-.192 3.413a1 1 0 0 1 -.217 1.394 6.464 6.464 0 0 1 -3.456 1.193 3.252 3.252 0 0 1 -2-.7c-.328-.225-.453-.3-.7-.3a3.951 3.951 0 0 0 -1.832.794 1 1 0 0 1 -1.214-1.588 5.861 5.861 0 0 1 3.05-1.206 3.025 3.025 0 0 1 1.832.655 1.347 1.347 0 0 0 .864.345 4.586 4.586 0 0 0 2.277-.809 1 1 0 0 1 1.396.222z" />
                                                    </svg>
                                                </div>
                                                <div class="flex-auto">
                                                    <a itemprop="url" href="https://insthacker.com/ja/riyou-kiyaku"
                                                       class="text-base block font-semibold text-gray-900 dark:text-white  ">
                                                        <span itemprop="name">利用規約</span>
                                                        <span class="absolute inset-0"></span>
                                                    </a>
                                                    <p class="text-slate-700 dark:text-gray-400 text-sm/5">アクセスに適用される利用規約 </p>
                                                </div>
                                            </div>


                                        </div>
                                    </div>
                                </div>
                            </div>


                            <div>
                                <a itemprop="url" href="https://insthacker.com/ja/ryoukin"
                                   class="flex mt-0.5 items-center text-base dark:font-medium font-semibold leading-6 nav-item_span relative text-gray-900
                                         dark:text-white hover:text-blue-500 dark:hover:text-blue-500">
                                    <span itemprop="name">料金</span>

                                </a>

                            </div>
                            <div>
                                <a itemprop="url" href="https://insthacker.com/ja/yoku-aru-shitsumon"
                                   class="flex mt-0.5 items-center text-base dark:font-medium font-semibold leading-6 nav-item_span relative text-gray-900
                                         dark:text-white hover:text-blue-500 dark:hover:text-blue-500">
                                    <span itemprop="name">よくある質問</span>

                                </a>

                            </div>
                            <div @mouseenter="open = true" @mouseleave="open = false" x-data="{ open: false }"
                                 @keydown.window.escape="open = false"
                                 @click.away="open = false">
                                <button @click="open = !open" type="button"
                                        class="flex mt-0.3 text-base dark:font-medium font-semibold leading-6 nav-item_span relative text-gray-900
                                     items-center    dark:text-white hover:text-blue-500 dark:hover:text-blue-500">
                                    サポート
                                    <span class="text-lg text-slate-500 dark:text-gray-500 ml-1">▾</span>
                                </button>
                                <div x-show="open" x-transition:enter="transition ease-out duration-200"
                                     x-transition:enter-start="opacity-0 translate-y-1"
                                     x-transition:enter-end="opacity-100 translate-y-0"
                                     x-transition:leave="transition ease-in duration-150"
                                     x-transition:leave-start="opacity-100 translate-y-0"
                                     x-transition:leave-end="opacity-0 translate-y-1"

                                     class="p-1 absolute left-1/2 z-30 mt-5 flex w-screen max-w-max -translate-x-1/2 content-mega-horizontal"
                                     x-ref="panel" @click.away="open = false" style="display: none;">
                                    <div
                                            class="overflow-hidden w-96 max-w-4xl flex-auto p-1 border backdrop-blur-2xl dark:border-slate-50/5 rounded-lg absolute left-1/2 z-30  flex  content-mega-horizontal px-8 bg-white/80 dark:bg-white/5">


                                        <div
                                                class="relative grid grid-cols-1 gap-x-2 gap-y-2 sm:grid-cols-1  lg:grid-cols-1    ">
                                            <div
                                                    class="  mt-5 group relative flex items-center gap-x-4 rounded-lg  text-sm leading-6  ">
                                                <div
                                                        class="flex h-11 w-11 flex-none items-center justify-center rounded-lg ">
                                                    <svg xmlns="http://www.w3.org/2000/svg" class="size-7 text-slate-900 dark:text-white" fill="currentColor" data-name="Layer 1" viewBox="0 0 24 24">
                                                        <path d="M23,16.755c0-2.521-.967-3.892-2.279-4.629-.108-7.176-2.81-10.383-8.721-10.383S3.38,4.957,3.278,12.152c-1.256,.73-2.278,2.085-2.278,4.603,0,4.89,3.638,5.455,6.375,5.455,.431,0,.813-.276,.949-.686,1.02-3.075,1.02-6.464,0-9.539-.136-.409-.518-.686-.949-.686-.474,0-1.239,0-2.077,.148,.269-6.36,2.882-7.706,6.702-7.706s6.434,1.347,6.702,7.71c-.702-.119-1.416-.152-2.077-.152-.431,0-.813,.276-.949,.686-.881,2.657-1,5.547-.359,8.268-1.064,.018-2.083-.013-3.044-.091-.561-.041-1.033,.366-1.077,.917-.044,.55,.366,1.032,.916,1.077,.839,.067,1.718,.102,2.629,.102,.623,0,1.261-.016,1.911-.048,1.603,0,6.348-.03,6.348-5.455Zm-16.363,3.438c-2.669-.138-3.637-1.091-3.637-3.438s.968-3.3,3.637-3.438c.604,2.241,.604,4.634,0,6.875Zm10.726,0c-.604-2.241-.604-4.635,0-6.875,2.669,.138,3.637,1.091,3.637,3.438s-.968,3.3-3.637,3.438Z" />
                                                    </svg>

                                                </div>
                                                <div class="flex-auto">
                                                    <a href="https://insthacker.com/ja/sapoto"
                                                       class="text-base block dark:font-medium font-semibold text-gray-900 dark:text-white  ">
                                                        お問い合わせ
                                                        <span class="absolute inset-0"></span>
                                                    </a>
                                                    <p class="text-slate-700 dark:text-gray-400 text-sm/5">いつでもお手伝いし、お答えします </p>
                                                </div>
                                            </div>
                                            <div
                                                    class="mb-4  mt-5 group relative flex items-center gap-x-4 rounded-lg  text-sm leading-6  ">
                                                <div
                                                        class="flex h-11 w-11 flex-none items-center justify-center rounded-lg ">
                                                    <svg xmlns="http://www.w3.org/2000/svg" class="size-7 text-slate-900 dark:text-white" fill="currentColor" data-name="Layer 1" viewBox="0 0 24 24">
                                                        <path d="M12,16c.828,0,1.5,.672,1.5,1.5s-.672,1.5-1.5,1.5-1.5-.672-1.5-1.5,.672-1.5,1.5-1.5Zm1-2c0-.561,.408-1.225,.928-1.512,1.5-.827,2.307-2.523,2.009-4.222-.283-1.614-1.608-2.938-3.221-3.22-1.178-.205-2.379,.11-3.287,.873-.908,.763-1.429,1.879-1.429,3.064,0,.552,.448,1,1,1s1-.448,1-1c0-.592,.261-1.151,.715-1.533,.461-.388,1.049-.542,1.656-.435,.787,.138,1.458,.809,1.596,1.596,.153,.87-.241,1.704-1.004,2.125-1.156,.637-1.963,1.979-1.963,3.264,0,.553,.448,1,1,1s1-.447,1-1Zm11,5V5c0-2.757-2.243-5-5-5H5C2.243,0,0,2.243,0,5v14c0,2.757,2.243,5,5,5h14c2.757,0,5-2.243,5-5ZM19,2c1.654,0,3,1.346,3,3v14c0,1.654-1.346,3-3,3H5c-1.654,0-3-1.346-3-3V5c0-1.654,1.346-3,3-3h14Z" />
                                                    </svg>

                                                </div>
                                                <div class="flex-auto">
                                                    <a itemprop="url" href="https://insthacker.com/ja/yoku-aru-shitsumon"
                                                       class="text-base block dark:font-medium font-semibold text-gray-900 dark:text-white  ">
                                                        <span itemprop="name">よくあるご質問.</span>
                                                        <span class="absolute inset-0"></span>
                                                    </a>
                                                    <p class="text-slate-700 dark:text-gray-400 text-sm/5">よくある質問への回答 </p>
                                                </div>
                                            </div>

                                        </div>


                                    </div>
                                </div>
                            </div>


                        </div>

                    </div>
                    <!-- Cart -->
                    
                    <div class="hidden min-w-0 gap-4 items-center">
                        <input type="checkbox" id="switch" class="peer hidden"><label for="switch" data-btn-toggle-theme="" type="button" role="switch" aria-checked="false" class="relative inline-flex mr-5 h-5 w-8 items-center rounded-full switch-v1 outline-offset-2 transition bg-zinc-400/20"><span class="size-3.5 rounded-full transition switch-v1_1 translate-x-[3px]" aria-hidden="true"></span></label>
                    </div>
                    <button data-theme-toggle="" id="theme-toggle" title="Dark/Light Theme" type="button" class="relative  w-6 h-6 flex items-center text-slate-600 dark:text-gray-500 toggle-btn  rounded-lg text-sm lg:mr-0 mr-3">
                        <svg id="theme-toggle-light-icon" class="hidden w-5 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                            <path d="M11.3807 2.01886C9.91573 3.38768 9 5.3369 9 7.49999C9 11.6421 12.3579 15 16.5 15C18.6631 15 20.6123 14.0843 21.9811 12.6193C21.6613 17.8537 17.3149 22 12 22C6.47715 22 2 17.5228 2 12C2 6.68514 6.14629 2.33869 11.3807 2.01886Z"></path>
                        </svg>
                        <svg id="theme-toggle-dark-icon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                            <path d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" fill-rule="evenodd" clip-rule="evenodd"></path>
                        </svg>
                    </button>


                    <div class=" " x-data="{ open: false }" @keydown.window.escape="open = false"
                         @click.away="open = false">
                        <button @click="open = !open" type="button"
                                class="flex items-center text-base font-medium leading-6 nav-item_span relative text-text-sub-700 hover:text-blue-500 dark:hover:text-blue-500">
                            <span class="flex h-11 w-11 flex-none items-center justify-center "><img class=" Flag Flag--countryJP " src="https://insthacker.com/themes/t21/images/flags/flagIcons.svg" alt="ja" loading="lazy"><span class="text-lg text-slate-600 dark:text-zinc-400 ml-1">▾</span></span>

                        </button>
                        <div x-show="open" x-transition:enter="transition ease-out duration-200"
                             x-transition:enter-start="opacity-0 translate-y-1"
                             x-transition:enter-end="opacity-100 translate-y-0"
                             x-transition:leave="transition ease-in duration-150"
                             x-transition:leave-start="opacity-100 translate-y-0"
                             x-transition:leave-end="opacity-0 translate-y-1"

                             class="p-1 absolute lg:right-8 right-2 top-[calc(100%+8px)] w-full  z-30      content-mega-horizontal before:border-secondary-4 before:inside-border rounded-lg backdrop-blur-2xl  header-language-menu        overflow-hidden bg-white dark:bg-zinc-700 transition-all  max-w-4xl text-sm  "
                             x-ref="panel" @click.away="open = false" style="display: none;">

                            

                            <div class="grid grid-cols-2 sm:grid-cols-3 gap-0">
                                                                                                            <a href="https://insthacker.com/en/instagram-tracker"
                                           aria-label="Change language to English"
                                           class="flex w-full items-center rounded-lg px-4 py-3 text-left transition-all dark:hover:bg-zinc-600 hover:bg-slate-100">
                                            <span class="flag-icon relative inline-block after:inside-border">
                                                <img src="https://insthacker.com/themes/t21/images/flags/flagIcons.svg"
                                                     alt="en"
                                                     loading="lazy"
                                                     class="Flag Flag--countryUS">
                                            </span>
                                            <span class="px-2 text-gray-900 dark:text-white font-medium">English</span>
                                            <span class="flex-1 text-gray-700 dark:text-gray-400">en</span>
                                        </a>
                                                                                                                                                <a href="https://insthacker.com/ar/instagram-panel-amni"
                                           aria-label="Change language to العربية"
                                           class="flex w-full items-center rounded-lg px-4 py-3 text-left transition-all dark:hover:bg-zinc-600 hover:bg-slate-100">
                                            <span class="flag-icon relative inline-block after:inside-border">
                                                <img src="https://insthacker.com/themes/t21/images/flags/flagIcons.svg"
                                                     alt="ar"
                                                     loading="lazy"
                                                     class="Flag Flag--countrySA">
                                            </span>
                                            <span class="px-2 text-gray-900 dark:text-white font-medium">العربية</span>
                                            <span class="flex-1 text-gray-700 dark:text-gray-400">ar</span>
                                        </a>
                                                                                                                                                <a href="https://insthacker.com/de/instagram-tracker"
                                           aria-label="Change language to Deutsch"
                                           class="flex w-full items-center rounded-lg px-4 py-3 text-left transition-all dark:hover:bg-zinc-600 hover:bg-slate-100">
                                            <span class="flag-icon relative inline-block after:inside-border">
                                                <img src="https://insthacker.com/themes/t21/images/flags/flagIcons.svg"
                                                     alt="de"
                                                     loading="lazy"
                                                     class="Flag Flag--countryDE">
                                            </span>
                                            <span class="px-2 text-gray-900 dark:text-white font-medium">Deutsch</span>
                                            <span class="flex-1 text-gray-700 dark:text-gray-400">de</span>
                                        </a>
                                                                                                                                                <a href="https://insthacker.com/es/rastreador-instagram"
                                           aria-label="Change language to Español"
                                           class="flex w-full items-center rounded-lg px-4 py-3 text-left transition-all dark:hover:bg-zinc-600 hover:bg-slate-100">
                                            <span class="flag-icon relative inline-block after:inside-border">
                                                <img src="https://insthacker.com/themes/t21/images/flags/flagIcons.svg"
                                                     alt="es"
                                                     loading="lazy"
                                                     class="Flag Flag--countryES">
                                            </span>
                                            <span class="px-2 text-gray-900 dark:text-white font-medium">Español</span>
                                            <span class="flex-1 text-gray-700 dark:text-gray-400">es</span>
                                        </a>
                                                                                                                                                <a href="https://insthacker.com/fr/suivi-compte-instagram"
                                           aria-label="Change language to Français"
                                           class="flex w-full items-center rounded-lg px-4 py-3 text-left transition-all dark:hover:bg-zinc-600 hover:bg-slate-100">
                                            <span class="flag-icon relative inline-block after:inside-border">
                                                <img src="https://insthacker.com/themes/t21/images/flags/flagIcons.svg"
                                                     alt="fr"
                                                     loading="lazy"
                                                     class="Flag Flag--countryFR">
                                            </span>
                                            <span class="px-2 text-gray-900 dark:text-white font-medium">Français</span>
                                            <span class="flex-1 text-gray-700 dark:text-gray-400">fr</span>
                                        </a>
                                                                                                                                                <a href="https://insthacker.com/hi/instagram-tracker-online"
                                           aria-label="Change language to हिन्दी"
                                           class="flex w-full items-center rounded-lg px-4 py-3 text-left transition-all dark:hover:bg-zinc-600 hover:bg-slate-100">
                                            <span class="flag-icon relative inline-block after:inside-border">
                                                <img src="https://insthacker.com/themes/t21/images/flags/flagIcons.svg"
                                                     alt="hi"
                                                     loading="lazy"
                                                     class="Flag Flag--countryIN">
                                            </span>
                                            <span class="px-2 text-gray-900 dark:text-white font-medium">हिन्दी</span>
                                            <span class="flex-1 text-gray-700 dark:text-gray-400">hi</span>
                                        </a>
                                                                                                                                                <a href="https://insthacker.com/id/pelacak-instagram-online"
                                           aria-label="Change language to Bahasa Indonesia"
                                           class="flex w-full items-center rounded-lg px-4 py-3 text-left transition-all dark:hover:bg-zinc-600 hover:bg-slate-100">
                                            <span class="flag-icon relative inline-block after:inside-border">
                                                <img src="https://insthacker.com/themes/t21/images/flags/flagIcons.svg"
                                                     alt="id"
                                                     loading="lazy"
                                                     class="Flag Flag--countryID">
                                            </span>
                                            <span class="px-2 text-gray-900 dark:text-white font-medium">Bahasa Indonesia</span>
                                            <span class="flex-1 text-gray-700 dark:text-gray-400">id</span>
                                        </a>
                                                                                                                                                <a href="https://insthacker.com/it/tracciatore-instagram-online"
                                           aria-label="Change language to Italiano"
                                           class="flex w-full items-center rounded-lg px-4 py-3 text-left transition-all dark:hover:bg-zinc-600 hover:bg-slate-100">
                                            <span class="flag-icon relative inline-block after:inside-border">
                                                <img src="https://insthacker.com/themes/t21/images/flags/flagIcons.svg"
                                                     alt="it"
                                                     loading="lazy"
                                                     class="Flag Flag--countryIT">
                                            </span>
                                            <span class="px-2 text-gray-900 dark:text-white font-medium">Italiano</span>
                                            <span class="flex-1 text-gray-700 dark:text-gray-400">it</span>
                                        </a>
                                                                                                                                                                                                                    <a href="https://insthacker.com/ko/instagram-chuje"
                                           aria-label="Change language to 한국어"
                                           class="flex w-full items-center rounded-lg px-4 py-3 text-left transition-all dark:hover:bg-zinc-600 hover:bg-slate-100">
                                            <span class="flag-icon relative inline-block after:inside-border">
                                                <img src="https://insthacker.com/themes/t21/images/flags/flagIcons.svg"
                                                     alt="ko"
                                                     loading="lazy"
                                                     class="Flag Flag--countryKR">
                                            </span>
                                            <span class="px-2 text-gray-900 dark:text-white font-medium">한국어</span>
                                            <span class="flex-1 text-gray-700 dark:text-gray-400">ko</span>
                                        </a>
                                                                                                                                                <a href="https://insthacker.com/nl/instagram-tracker"
                                           aria-label="Change language to Nederlands"
                                           class="flex w-full items-center rounded-lg px-4 py-3 text-left transition-all dark:hover:bg-zinc-600 hover:bg-slate-100">
                                            <span class="flag-icon relative inline-block after:inside-border">
                                                <img src="https://insthacker.com/themes/t21/images/flags/flagIcons.svg"
                                                     alt="nl"
                                                     loading="lazy"
                                                     class="Flag Flag--countryNL">
                                            </span>
                                            <span class="px-2 text-gray-900 dark:text-white font-medium">Nederlands</span>
                                            <span class="flex-1 text-gray-700 dark:text-gray-400">nl</span>
                                        </a>
                                                                                                                                                <a href="https://insthacker.com/pl/sledz-instagram"
                                           aria-label="Change language to Polski"
                                           class="flex w-full items-center rounded-lg px-4 py-3 text-left transition-all dark:hover:bg-zinc-600 hover:bg-slate-100">
                                            <span class="flag-icon relative inline-block after:inside-border">
                                                <img src="https://insthacker.com/themes/t21/images/flags/flagIcons.svg"
                                                     alt="pl"
                                                     loading="lazy"
                                                     class="Flag Flag--countryPL">
                                            </span>
                                            <span class="px-2 text-gray-900 dark:text-white font-medium">Polski</span>
                                            <span class="flex-1 text-gray-700 dark:text-gray-400">pl</span>
                                        </a>
                                                                                                                                                <a href="https://insthacker.com/pt/rastreador-instagram"
                                           aria-label="Change language to Português (BR)"
                                           class="flex w-full items-center rounded-lg px-4 py-3 text-left transition-all dark:hover:bg-zinc-600 hover:bg-slate-100">
                                            <span class="flag-icon relative inline-block after:inside-border">
                                                <img src="https://insthacker.com/themes/t21/images/flags/flagIcons.svg"
                                                     alt="pt"
                                                     loading="lazy"
                                                     class="Flag Flag--countryPT">
                                            </span>
                                            <span class="px-2 text-gray-900 dark:text-white font-medium">Português (BR)</span>
                                            <span class="flex-1 text-gray-700 dark:text-gray-400">pt</span>
                                        </a>
                                                                                                                                                <a href="https://ru.insthacker.com/ru/otslezhivatel-instagram"
                                           aria-label="Change language to Русский"
                                           class="flex w-full items-center rounded-lg px-4 py-3 text-left transition-all dark:hover:bg-zinc-600 hover:bg-slate-100">
                                            <span class="flag-icon relative inline-block after:inside-border">
                                                <img src="https://insthacker.com/themes/t21/images/flags/flagIcons.svg"
                                                     alt="ru"
                                                     loading="lazy"
                                                     class="Flag Flag--countryRU">
                                            </span>
                                            <span class="px-2 text-gray-900 dark:text-white font-medium">Русский</span>
                                            <span class="flex-1 text-gray-700 dark:text-gray-400">ru</span>
                                        </a>
                                                                                                                                                <a href="https://insthacker.com/sv/instagram-konto-sparare"
                                           aria-label="Change language to Svenska"
                                           class="flex w-full items-center rounded-lg px-4 py-3 text-left transition-all dark:hover:bg-zinc-600 hover:bg-slate-100">
                                            <span class="flag-icon relative inline-block after:inside-border">
                                                <img src="https://insthacker.com/themes/t21/images/flags/flagIcons.svg"
                                                     alt="sv"
                                                     loading="lazy"
                                                     class="Flag Flag--countrySE">
                                            </span>
                                            <span class="px-2 text-gray-900 dark:text-white font-medium">Svenska</span>
                                            <span class="flex-1 text-gray-700 dark:text-gray-400">sv</span>
                                        </a>
                                                                                                                                                <a href="https://insthacker.com/th/track-konto-instagram"
                                           aria-label="Change language to ภาษาไทย"
                                           class="flex w-full items-center rounded-lg px-4 py-3 text-left transition-all dark:hover:bg-zinc-600 hover:bg-slate-100">
                                            <span class="flag-icon relative inline-block after:inside-border">
                                                <img src="https://insthacker.com/themes/t21/images/flags/flagIcons.svg"
                                                     alt="th"
                                                     loading="lazy"
                                                     class="Flag Flag--countryTH">
                                            </span>
                                            <span class="px-2 text-gray-900 dark:text-white font-medium">ภาษาไทย</span>
                                            <span class="flex-1 text-gray-700 dark:text-gray-400">th</span>
                                        </a>
                                                                                                                                                <a href="https://insthacker.com/tr/instagram-hesap-takip"
                                           aria-label="Change language to Türkçe"
                                           class="flex w-full items-center rounded-lg px-4 py-3 text-left transition-all dark:hover:bg-zinc-600 hover:bg-slate-100">
                                            <span class="flag-icon relative inline-block after:inside-border">
                                                <img src="https://insthacker.com/themes/t21/images/flags/flagIcons.svg"
                                                     alt="tr"
                                                     loading="lazy"
                                                     class="Flag Flag--countryTR">
                                            </span>
                                            <span class="px-2 text-gray-900 dark:text-white font-medium">Türkçe</span>
                                            <span class="flex-1 text-gray-700 dark:text-gray-400">tr</span>
                                        </a>
                                                                                                                                                <a href="https://insthacker.com/uk/instagram-panel-bezpeky"
                                           aria-label="Change language to Ukrainian"
                                           class="flex w-full items-center rounded-lg px-4 py-3 text-left transition-all dark:hover:bg-zinc-600 hover:bg-slate-100">
                                            <span class="flag-icon relative inline-block after:inside-border">
                                                <img src="https://insthacker.com/themes/t21/images/flags/flagIcons.svg"
                                                     alt="uk"
                                                     loading="lazy"
                                                     class="Flag Flag--countryUA">
                                            </span>
                                            <span class="px-2 text-gray-900 dark:text-white font-medium">Ukrainian</span>
                                            <span class="flex-1 text-gray-700 dark:text-gray-400">uk</span>
                                        </a>
                                                                                                                                                <a href="https://insthacker.com/vi/instagram-takip-araci"
                                           aria-label="Change language to Tiếng Việt"
                                           class="flex w-full items-center rounded-lg px-4 py-3 text-left transition-all dark:hover:bg-zinc-600 hover:bg-slate-100">
                                            <span class="flag-icon relative inline-block after:inside-border">
                                                <img src="https://insthacker.com/themes/t21/images/flags/flagIcons.svg"
                                                     alt="vi"
                                                     loading="lazy"
                                                     class="Flag Flag--countryVN">
                                            </span>
                                            <span class="px-2 text-gray-900 dark:text-white font-medium">Tiếng Việt</span>
                                            <span class="flex-1 text-gray-700 dark:text-gray-400">vi</span>
                                        </a>
                                                                                                                                                <a href="https://insthacker.com/zh/instagram-gen-zong-gong-ju"
                                           aria-label="Change language to 中文(简体)"
                                           class="flex w-full items-center rounded-lg px-4 py-3 text-left transition-all dark:hover:bg-zinc-600 hover:bg-slate-100">
                                            <span class="flag-icon relative inline-block after:inside-border">
                                                <img src="https://insthacker.com/themes/t21/images/flags/flagIcons.svg"
                                                     alt="zh"
                                                     loading="lazy"
                                                     class="Flag Flag--countryCN">
                                            </span>
                                            <span class="px-2 text-gray-900 dark:text-white font-medium">中文(简体)</span>
                                            <span class="flex-1 text-gray-700 dark:text-gray-400">zh</span>
                                        </a>
                                                                                                </div>


                        </div>
                    </div>
                    <div class="flex    ">
                                                     <a href="https://insthacker.com/ja/roguIn"
                               class=" CtaButton variant--Button shadow CtaButton--arrow HomepageHero__cta items-center text-sm  hidden lg:flex relative z-10">サインイン
                                <svg class="HoverArrow" width="10" height="10" viewBox="0 0 10 10" aria-hidden="true">
                                    <title>Arrow</title>
                                    <g fill-rule="evenodd">
                                        <path class="HoverArrow__linePath" d="M0 5h7"></path>
                                        <path class="HoverArrow__tipPath" d="M1 1l4 4-4 4"></path>
                                    </g>
                                </svg>
                            </a>
                            <a
                                    class="text-gray-900 dark:text-white ml-2 font-medium relative z-10   CtaButton--arrow HomepageHero__cta items-center text-sm  hidden lg:flex"
                                    href="https://insthacker.com/ja/touroku"><span class="flex items-center gap-2">登録 </span></a>
                                            </div>

                </div>
                <button type="button"
                        class="rounded-md z-10 text-gray-700 dark:text-white hover:text-white  dark:hover:text-white   hover:bg-blue-600 p-2   lg:hidden  ml-1"
                        @click="open = true">
                    <span class="sr-only">Open menu</span>
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
                        <path fill="currentColor"
                              d="M3 6a1 1 0 0 1 1-1h16a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1Zm0 6a1 1 0 0 1 1-1h16a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1Zm1 5a1 1 0 1 0 0 2h10a1 1 0 1 0 0-2H4Z"></path>
                    </svg>

                </button>

            </div>
        </div>
    </nav>
</header>



        <div class=" " >
                <div id="instagram_Online_Tracker" class="relative overflow-hidden">
        <header>
            <div class="bg-fon">
                <span></span>
                <span></span>
                <span></span>
                <span></span>
                <span></span>
            </div>
            <section>

                <div class="relative mx-auto max-w-6xl px-6 pb-24 pt-1 sm:pb-32 lg:flex lg:px-8 lg:py-0 lg:mt-10 mt-16 z-10">
                    <div data-aos="fade-up" class="mx-auto max-w-2xl lg:mx-4 lg:max-w-xl lg:flex-shrink-0 lg:pt-12">
                        <div data-aos="fade-in" data-aos-delay="200" class="mt-4 sm:mt-6 lg:mt-6  ">
                            <span class="inline-flex space-x-2"><span class="inline-flex space-x-2"><span class="rounded-full bg-white  dark:bg-white/10 backdrop-blur-2xl px-2 sm:px-3 py-1 sm:text-sm text-xs font-semibold leading-6 text-slate-700 dark:text-zinc-100">新着</span><span class="inline-flex truncate items-center space-x-2 sm:text-sm text-xs font-medium leading-6 dark:text-zinc-200 text-slate-700"><span>オンライン通知ツール </span></span></span>
                            </span></div>
                        <div class="w-full text-left mt-4 lg:pr-6">
                            <div class=" mx-auto lg:mx-0">
                                <h1 class="ai-gradient-text                           flex flex-wrap items-center text-slate-900 dark:text-white sm:text-3xl text-2xl dark:font-medium font-semibold  ">

                                    <span class="flex items-center"> Instagramオンライントラッカー 
                                         </span>
                                </h1>
                                <h2 class="sm:mt-4 mt-2 mb-3 text-slate-800 dark:text-white   sm:text-2xl  text-xl dark:font-medium font-semibold  ">
                                    他人のアカウント活動を非表示で監視
                                </h2>

                                <p class="mt-2 text-base font-minimum text-slate-600 dark:text-zinc-200 sm:mt-3 ">
                                    Instagram追跡用の電話番号を追加：
                                </p>
                            </div>
                            <div class="sm:mt-4 mt-2">


                                <div wire:snapshot="{&quot;data&quot;:{&quot;provider&quot;:&quot;instagram&quot;,&quot;inputTypes&quot;:null,&quot;defaultInput&quot;:null,&quot;colorHexPriority&quot;:null,&quot;colorRgbPriority&quot;:null,&quot;uid&quot;:null,&quot;inputType&quot;:&quot;username&quot;,&quot;country&quot;:&quot;US&quot;,&quot;buttonState&quot;:&quot;idle&quot;,&quot;isPhoneValid&quot;:false,&quot;providerConfig&quot;:[{&quot;driver&quot;:&quot;social&quot;,&quot;name&quot;:&quot;Instagram&quot;,&quot;slug&quot;:&quot;instagram&quot;,&quot;icon&quot;:&quot;\/themes\/system\/social\/instagram.svg&quot;,&quot;input_types&quot;:[[&quot;username&quot;,&quot;phone&quot;,&quot;link&quot;],{&quot;s&quot;:&quot;arr&quot;}]},{&quot;s&quot;:&quot;arr&quot;}],&quot;availableInputTypes&quot;:[[&quot;username&quot;,&quot;phone&quot;,&quot;link&quot;],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;6eSqanUX2JZAOnZrnhQa&quot;,&quot;name&quot;:&quot;yemulation::form-init&quot;,&quot;path&quot;:&quot;ja\/instagram-tsuiseki-tool&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;ja&quot;},&quot;checksum&quot;:&quot;1569a5802cdc49813160d45c81fad36bc894910c674c2500351c2587ccd4cd6c&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;phoneValidationChanged&quot;,&quot;animationComplete&quot;,&quot;doRedirect&quot;,&quot;setCountry&quot;],&quot;dispatches&quot;:[{&quot;name&quot;:&quot;provider-set&quot;,&quot;params&quot;:{&quot;name&quot;:&quot;instagram&quot;}}]}" wire:id="6eSqanUX2JZAOnZrnhQa" x-data="formInitComponent('idle')" class="w-full">


    <div class="mb-2  ">
        
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </div>


    <!--[if BLOCK]><![endif]-->        <div class="flex flex-wrap gap-x-2 gap-y-2 mb-3">
            <!--[if BLOCK]><![endif]-->                <div class="flex items-center">
                    <div class="flex items-center">
                        <input type="radio"
                               wire:click="setInputType('username')"
                               name="inputType-instagram"
                               id="inputType-instagram-username"
                               value="username"
                               checked                               class="radio" />
                        <label for="inputType-instagram-username"
                               class="text-sm leading-6 font-normal whitespace-nowrap text-slate-900 dark:text-white">
                            <!--[if BLOCK]><![endif]--> Username <!--[if ENDBLOCK]><![endif]-->                        </label>
                    </div>
                </div>
                            <div class="flex items-center">
                    <div class="flex items-center">
                        <input type="radio"
                               wire:click="setInputType('phone')"
                               name="inputType-instagram"
                               id="inputType-instagram-phone"
                               value="phone"
                                                              class="radio" />
                        <label for="inputType-instagram-phone"
                               class="text-sm leading-6 font-normal whitespace-nowrap text-slate-900 dark:text-white">
                            <!--[if BLOCK]><![endif]--> Phone <!--[if ENDBLOCK]><![endif]-->                        </label>
                    </div>
                </div>
                            <div class="flex items-center">
                    <div class="flex items-center">
                        <input type="radio"
                               wire:click="setInputType('link')"
                               name="inputType-instagram"
                               id="inputType-instagram-link"
                               value="link"
                                                              class="radio" />
                        <label for="inputType-instagram-link"
                               class="text-sm leading-6 font-normal whitespace-nowrap text-slate-900 dark:text-white">
                            <!--[if BLOCK]><![endif]--> Link <!--[if ENDBLOCK]><![endif]-->                        </label>
                    </div>
                </div>
            <!--[if ENDBLOCK]><![endif]-->        </div>
    <!--[if ENDBLOCK]><![endif]-->

    <form wire:submit="submit" class="grid lg:grid-cols-3 lg:gap-4 items-end">

        
        <div class="lg:col-span-2 col-span-1">
            <!--[if BLOCK]><![endif]-->                <div wire:key="input-username-instagram">
                    <div>
    <!--[if BLOCK]><![endif]-->        <div class="shadow-sm w-full">
            <input type="text"
                   wire:model="uid"
                   placeholder="@username"
                   autocomplete="username"
                   class="bg-white/80 focus:bg-white dark:bg-black dark:focus:bg-black/70 block focus:outline-none p-2.5 w-full z-20 text-gray-900 rounded-md border border-stroke-soft-200 dark:text-white placeholder:text-slate-400 dark:placeholder:text-gray-500 transition-colors" />
        </div>
    <!--[if ENDBLOCK]><![endif]--></div>                </div>
            <!--[if ENDBLOCK]><![endif]-->        </div>


        
        <button type="submit"
                x-bind:disabled="buttonState !== 'idle'"
                x-bind:class="{
    'opacity-75 cursor-not-allowed': buttonState !== 'idle',
    'bg-blue-600 hover:bg-blue-500': buttonState === 'idle',
    'bg-blue-700': buttonState === 'loading',
    'bg-blue-500': buttonState === 'success'
}"
                class="w-full lg:ml-2 lg:mt-0 mt-3 relative z-10 block rounded-md px-4 shadow py-3 text-sm font-medium text-white active:scale-95 transform transition-all items-center justify-center">

            
            <span x-show="buttonState === 'idle'" class="flex items-center justify-center">
        Launch
    </span>

            
            <span x-show="buttonState === 'loading'" x-cloak class="flex items-center justify-center">
        <svg class="h-5 w-5 animate-spin text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
            <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
            <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
        </svg>
    </span>

            
            <span x-show="buttonState === 'success'" x-cloak class="flex items-center justify-center">
        <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-white">
            <path d="M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z" stroke="currentColor" stroke-width="2"></path>
            <path d="M9 12L10.6828 13.6828V13.6828C10.858 13.858 11.142 13.858 11.3172 13.6828V13.6828L15 10" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
        </svg>
    </span>
        </button>
    </form>

    
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        
    <!--[if BLOCK]><![endif]-->                    <link rel="stylesheet" href="https://insthacker.com/themes/_include/vendor/tel-input/css/intlTelInput.css">
            <script src="https://insthacker.com/themes/_include/vendor/tel-input/js/intlTelInputWithUtils.js"></script>
            <script>
                (function () {
                    function initAllPhoneInputs() {
                        document.querySelectorAll('.phone-input-field').forEach(input => {
                            if (input.closest('.iti')) return;

                            if (typeof window.intlTelInput === 'undefined') {
                                setTimeout(initAllPhoneInputs, 100);
                                return;
                            }

                            const country = input.dataset.country || 'ru';

                            const iti = window.intlTelInput(input, {
                                separateDialCode: true,
                                nationalMode: false,
                                placeholderNumberType: "MOBILE",
                                initialCountry: country,
                                utilsScript: "/themes/_include/vendor/tel-input/js/utils.js"
                            });

                            input.itiInstance = iti;

                            const syncToLivewire = () => {
                                const value = input.value.trim();
                                let isValid = false;

                                if (!value) {
                                    input.classList.remove('iti__tel-input_border', 'iti__tel-input_border_red');
                                } else if (iti.isValidNumber()) {
                                    input.classList.add('iti__tel-input_border');
                                    input.classList.remove('iti__tel-input_border_red');
                                    isValid = true;
                                } else {
                                    input.classList.remove('iti__tel-input_border');
                                    input.classList.add('iti__tel-input_border_red');
                                }

                                const wireEl = input.closest('[wire\\:id]');
                                if (wireEl) {
                                    const component = Livewire.find(wireEl.getAttribute('wire:id'));
                                    if (component) {
                                        component.set('uid', iti.getNumber(), false);
                                        component.set('isPhoneValid', isValid, false);
                                    }
                                }
                            };

                            input.addEventListener('countrychange', () => {
                                const countryCode = iti.getSelectedCountryData().iso2;
                                const wireEl = input.closest('[wire\\:id]');
                                if (wireEl) {
                                    const component = Livewire.find(wireEl.getAttribute('wire:id'));
                                    if (component) {
                                        component.set('country', countryCode.toUpperCase(), false);
                                    }
                                }
                                syncToLivewire();
                            });

                            input.addEventListener('input', syncToLivewire);
                            input.addEventListener('change', syncToLivewire);
                            input.addEventListener('blur', syncToLivewire);
                        });
                    }

                    window.initAllPhoneInputs = initAllPhoneInputs;

                    document.addEventListener('DOMContentLoaded', initAllPhoneInputs);

                    document.addEventListener('livewire:init', () => {
                        Livewire.hook('morph.updated', () => {
                            setTimeout(initAllPhoneInputs, 50);
                        });

                        Livewire.hook('commit', ({succeed}) => {
                            succeed(() => {
                                setTimeout(initAllPhoneInputs, 50);
                            });
                        });
                    });
                })();
            </script>
            <!--[if ENDBLOCK]><![endif]--></div>


                            </div>

                            <p class="sm:mt-8 mt-3 lg:text-base text-sm font-minimum text-slate-700 dark:text-zinc-200">
                                追加ソフトウェアのダウンロードやインストールなしで、非表示のアカウント情報にアクセスできます。 </p>

                            <footer class=" ">
                                <ul class="sm:grid hidden sm:gap-y-[6px] gap-y-[4px] text-slate-700 dark:text-zinc-200 mt-3 lg:text-base text-sm">
                                    <li class="flex">
                                        <svg width="23" height="23" class="flex-shrink-0" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                                            <title>check</title>
                                            <g fill="none" fill-rule="evenodd">
                                                <path d="M10 0C4.5 0 0 4.5 0 10s4.5 10 10 10 10-4.5 10-10S15.5 0 10 0z" fill-opacity="0" fill="#0171E3" />
                                                <path d="M15.205 5.333L8.6 11.741l-1.702-1.696c-.8-.66-2.002.094-1.401 1.037l2.102 3.11c.3.376 1.1.847 1.902 0 .3-.378 5.595-6.87 5.595-6.87.7-.848-.3-1.508-1-.943l1.11-1.046z" fill="#0171E3" />
                                            </g>
                                        </svg>
                                        メッセージ履歴の閲覧と編集
                                    </li>
                                    <li class="flex">
                                        <svg width="23" height="23" class="flex-shrink-0" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                                            <title>check</title>
                                            <g fill="none" fill-rule="evenodd">
                                                <path d="M10 0C4.5 0 0 4.5 0 10s4.5 10 10 10 10-4.5 10-10S15.5 0 10 0z" fill-opacity="0" fill="#0171E3" />
                                                <path d="M15.205 5.333L8.6 11.741l-1.702-1.696c-.8-.66-2.002.094-1.401 1.037l2.102 3.11c.3.376 1.1.847 1.902 0 .3-.378 5.595-6.87 5.595-6.87.7-.848-.3-1.508-1-.943l1.11-1.046z" fill="#0171E3" />
                                            </g>
                                        </svg>
                                        完全な通話履歴を取得し、今後の通話を盗聴
                                    </li>
                                    <li class="flex">
                                        <svg width="23" height="23" class="flex-shrink-0" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                                            <title>check</title>
                                            <g fill="none" fill-rule="evenodd">
                                                <path d="M10 0C4.5 0 0 4.5 0 10s4.5 10 10 10 10-4.5 10-10S15.5 0 10 0z" fill-opacity="0" fill="#0171E3" />
                                                <path d="M15.205 5.333L8.6 11.741l-1.702-1.696c-.8-.66-2.002.094-1.401 1.037l2.102 3.11c.3.376 1.1.847 1.902 0 .3-.378 5.595-6.87 5.595-6.87.7-.848-.3-1.508-1-.943l1.11-1.046z" fill="#0171E3" />
                                            </g>
                                        </svg>
                                        認証コードを傍受しアカウントにログイン
                                    </li>

                                    <li class="flex">
                                        <svg width="23" height="23" class="flex-shrink-0" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                                            <title>check</title>
                                            <g fill="none" fill-rule="evenodd">
                                                <path d="M10 0C4.5 0 0 4.5 0 10s4.5 10 10 10 10-4.5 10-10S15.5 0 10 0z" fill-opacity="0" fill="#0171E3" />
                                                <path d="M15.205 5.333L8.6 11.741l-1.702-1.696c-.8-.66-2.002.094-1.401 1.037l2.102 3.11c.3.376 1.1.847 1.902 0 .3-.378 5.595-6.87 5.595-6.87.7-.848-.3-1.508-1-.943l1.11-1.046z" fill="#0171E3" />
                                            </g>
                                        </svg>
                                         ユーザーの地理的位置情報とジオタグ収集
                                    </li>
                                    <li class="flex">
                                        <svg width="23" height="23" class="flex-shrink-0" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                                            <title>check</title>
                                            <g fill="none" fill-rule="evenodd">
                                                <path d="M10 0C4.5 0 0 4.5 0 10s4.5 10 10 10 10-4.5 10-10S15.5 0 10 0z" fill-opacity="0" fill="#0171E3" />
                                                <path d="M15.205 5.333L8.6 11.741l-1.702-1.696c-.8-.66-2.002.094-1.401 1.037l2.102 3.11c.3.376 1.1.847 1.902 0 .3-.378 5.595-6.87 5.595-6.87.7-.848-.3-1.508-1-.943l1.11-1.046z" fill="#0171E3" />
                                            </g>
                                        </svg>
                                        他アカウントの履歴からファイルをダウンロード
                                    </li>
                                </ul>


                            </footer>
                        </div>

                    </div>
                    <div class="relative lg:mt-10">
                        <div class="fastGraphic js-hero-graphic" id="home-phone">
                            <div id="phone-wrapper" class="absolute top-[70px] z-[15] left-[20px]">

                                <div id="mini-heart1" class="absolute left-[10px] top-[50%] w-[20px] h-auto -z-10 ">
                                    <svg class="mini-hearts" version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="101.25px" height="85.25px" viewBox="0 0 101.25 85.25" enable-background="new 0 0 101.25 85.25" xml:space="preserve"><path fill="#ed4956" d="M50.537,12.625C38.519-2.719,0.927-7.526,1.08,27.748 c0.155,35.744,49.469,56.01,49.469,56.01S99.856,63.477,100,27.733C100.141-7.542,62.551-2.723,50.537,12.625z"></path></svg>
                                </div>
                                <div id="mini-heart2" class="absolute left-[10px] top-[50%] animate-miniheartx2 w-[20px] h-auto -z-10 ">
                                    <svg class="mini-hearts" version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="101.25px" height="85.25px" viewBox="0 0 101.25 85.25" enable-background="new 0 0 101.25 85.25" xml:space="preserve"><path fill="#ed4956" d="M50.537,12.625C38.519-2.719,0.927-7.526,1.08,27.748 c0.155,35.744,49.469,56.01,49.469,56.01S99.856,63.477,100,27.733C100.141-7.542,62.551-2.723,50.537,12.625z"></path></svg>
                                </div>
                                <div id="mini-heart3" class="absolute right-[10px] top-[20%] animate-miniheartx3 w-[20px] h-auto -z-10 ">
                                    <svg class="mini-hearts" version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="101.25px" height="85.25px" viewBox="0 0 101.25 85.25" enable-background="new 0 0 101.25 85.25" xml:space="preserve"><path fill="#ed4956" d="M50.537,12.625C38.519-2.719,0.927-7.526,1.08,27.748 c0.155,35.744,49.469,56.01,49.469,56.01S99.856,63.477,100,27.733C100.141-7.542,62.551-2.723,50.537,12.625z"></path></svg>
                                </div>
                                <div id="mini-heart4" class="absolute left-[30px] top-[80%] animate-miniheartx5 w-[20px] h-auto -z-10 ">
                                    <svg class="mini-hearts" version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="101.25px" height="85.25px" viewBox="0 0 101.25 85.25" enable-background="new 0 0 101.25 85.25" xml:space="preserve"><path fill="#ed4956" d="M50.537,12.625C38.519-2.719,0.927-7.526,1.08,27.748 c0.155,35.744,49.469,56.01,49.469,56.01S99.856,63.477,100,27.733C100.141-7.542,62.551-2.723,50.537,12.625z"></path></svg>
                                </div>
                                <div id="mini-heart5" class="absolute right-[20px] top-[70%] animate-miniheartx5 w-[20px] h-auto -z-10 ">
                                    <svg class="mini-hearts" version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="101.25px" height="85.25px" viewBox="0 0 101.25 85.25" enable-background="new 0 0 101.25 85.25" xml:space="preserve"><path fill="#ed4956" d="M50.537,12.625C38.519-2.719,0.927-7.526,1.08,27.748 c0.155,35.744,49.469,56.01,49.469,56.01S99.856,63.477,100,27.733C100.141-7.542,62.551-2.723,50.537,12.625z"></path></svg>
                                </div>
                                <div id="mini-heart6" class="absolute left-[20px] top-[90%] animate-miniheartx7 w-[20px] h-auto -z-10 ">
                                    <svg class="mini-hearts" version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="101.25px" height="85.25px" viewBox="0 0 101.25 85.25" enable-background="new 0 0 101.25 85.25" xml:space="preserve"><path fill="#ed4956" d="M50.537,12.625C38.519-2.719,0.927-7.526,1.08,27.748 c0.155,35.744,49.469,56.01,49.469,56.01S99.856,63.477,100,27.733C100.141-7.542,62.551-2.723,50.537,12.625z"></path></svg>
                                </div>
                                <div id="mini-heart7" class="absolute left-[20px] top-[50%] animate-miniheartx7 w-[20px] h-auto -z-10 ">
                                    <svg class="mini-hearts" version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="101.25px" height="85.25px" viewBox="0 0 101.25 85.25" enable-background="new 0 0 101.25 85.25" xml:space="preserve"><path fill="#ed4956" d="M50.537,12.625C38.519-2.719,0.927-7.526,1.08,27.748 c0.155,35.744,49.469,56.01,49.469,56.01S99.856,63.477,100,27.733C100.141-7.542,62.551-2.723,50.537,12.625z"></path></svg>
                                </div>
                                <div id="mini-heart8" class="absolute left-[10px] top-[30%] animate-miniheartx8 w-[20px] h-auto -z-10 ">
                                    <svg version="1.1" class="mini-hearts" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="101.25px" height="85.25px" viewBox="0 0 101.25 85.25" enable-background="new 0 0 101.25 85.25" xml:space="preserve"><path fill="#ed4956" d="M50.537,12.625C38.519-2.719,0.927-7.526,1.08,27.748 c0.155,35.744,49.469,56.01,49.469,56.01S99.856,63.477,100,27.733C100.141-7.542,62.551-2.723,50.537,12.625z"></path></svg>
                                </div>

                                <figure class="sm:mt-10 mt-20  PhoneGraphic PhoneGraphic--scaleLarge">

                                    <div class="CheckoutPhoneGraphic bg-white dark:bg-[#010101]">

                                        <img class="rounded-[32px]" src="https://insthacker.com/themes/t21/images/banners/Hacking-Instagram-with-online-spy.webp " data-auto-scheme="true" data-src-light="https://insthacker.com/themes/t21/images/banners/Hacking-Instagram-with-online-spy.webp" data-src-dark="https://insthacker.com/themes/t21/images/banners/Hacking-Instagram-with-online-spy_dark.webp" alt="Instagramオンライントラッカー | InstHacker" loading="lazy" height="100%" width="100%"> 


                                    </div>

                                </figure>


                            </div>
                        </div>

                        <div class="relative   lg:absolute top-[0px] left-[93px] sm:left-[113px] mx-auto mt-6 flex max-w-2xl sm:mt-4 lg:ml-10 lg:mr-0 lg:mt-0 0 lg:max-w-none bg-white/30 dark:bg-white/10  z-10 lg:flex-none 2xl:ml-0   p-2  rounded-2xl  ">
                            <div class="  inset-[-1px]  w-[calc(100%+2px)]  rounded-2xl  bg-white dark:bg-white/5 backdrop-blur-[20px] ">
                                <div class="HomepageDashboardGraphic   ">
                                    <div class="relative block   lg:mt-0" aria-hidden="true">
                                        <div class="relative   rounded-lg border border-white/5 dark:bg-[#131316] bg-slate-100 p-2   backdrop-blur-[3px]">


                                            <div class="relative z-10 h-[557px] w-[514px] overflow-hidden rounded-lg ">
                                                <!-- nav -->
                                                <nav class="border-b border-slate-100 dark:border-zinc-600 sm:px-1 px-4 py-2 bg-white dark:bg-black">
                                                    <div class="flex flex-wrap items-center justify-between md:justify-around">
                                                        <!-- logo -->
                                                        <svg version="1.1" class="h-8 w-auto text-slate-900 dark:text-white" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 122.88 34.86" style="enable-background:new 0 0 122.88 34.86" xml:space="preserve">  <g>
                                                                <path fill="currentColor" d="M6.32,0.12C3.81,1.17,1.04,4.15,0.17,7.88c-1.11,4.73,3.5,6.73,3.87,6.07c0.44-0.77-0.83-1.03-1.09-3.49 C2.62,7.3,4.1,3.76,5.95,2.21c0.34-0.29,0.33,0.11,0.33,0.86c0,1.33-0.07,13.26-0.07,15.75c0,3.37-0.14,4.43-0.39,5.49 c-0.25,1.07-0.66,1.79-0.35,2.06c0.34,0.31,1.82-0.43,2.67-1.62c1.02-1.43,1.38-3.14,1.44-5c0.08-2.24,0.07-5.8,0.08-7.83 c0-1.86,0.03-7.31-0.03-10.59C9.61,0.52,7.38-0.32,6.32,0.12L6.32,0.12L6.32,0.12z M95.63,15.89c-0.08,1.75-0.47,3.12-0.95,4.09 c-0.93,1.87-2.87,2.45-3.69-0.24c-0.45-1.46-0.47-3.91-0.15-5.96c0.33-2.08,1.24-3.66,2.76-3.51 C95.1,10.41,95.79,12.33,95.63,15.89L95.63,15.89L95.63,15.89z M70.46,26.76c-0.02,2.91-0.48,5.46-1.46,6.2 c-1.39,1.05-3.27,0.26-2.88-1.86c0.34-1.88,1.97-3.8,4.34-6.14C70.46,24.96,70.47,25.49,70.46,26.76L70.46,26.76L70.46,26.76z M70.08,15.88c-0.08,1.6-0.5,3.2-0.95,4.1c-0.93,1.87-2.88,2.45-3.69-0.24c-0.55-1.84-0.42-4.22-0.15-5.72 c0.35-1.95,1.21-3.75,2.76-3.75C69.55,10.27,70.29,11.92,70.08,15.88L70.08,15.88L70.08,15.88z M55.5,15.85 c-0.09,1.69-0.42,3.1-0.95,4.13c-0.96,1.86-2.85,2.45-3.69-0.24c-0.6-1.93-0.4-4.57-0.15-6c0.37-2.12,1.3-3.61,2.76-3.47 C54.96,10.42,55.69,12.33,55.5,15.85L55.5,15.85L55.5,15.85z M122.32,17.82c-0.37,0-0.53,0.38-0.67,1.01 c-0.48,2.2-0.98,2.7-1.63,2.7c-0.72,0-1.37-1.09-1.54-3.27c-0.13-1.72-0.11-4.87,0.06-8.02c0.03-0.65-0.14-1.28-1.88-1.91 c-0.75-0.27-1.83-0.67-2.37,0.63c-1.52,3.68-2.12,6.6-2.26,7.78c-0.01,0.06-0.08,0.07-0.1-0.07c-0.09-0.95-0.29-2.68-0.31-6.3 c0-0.71-0.15-1.31-0.94-1.8c-0.51-0.32-2.04-0.89-2.6-0.21c-0.48,0.55-1.04,2.03-1.61,3.79c-0.47,1.43-0.8,2.39-0.8,2.39 s0.01-3.85,0.01-5.31c0-0.55-0.38-0.73-0.49-0.77c-0.51-0.15-1.52-0.4-1.95-0.4c-0.53,0-0.66,0.3-0.66,0.73 c0,0.06-0.08,5.07-0.08,8.58c0,0.15,0,0.32,0,0.5c-0.29,1.61-1.24,3.8-2.28,3.8c-1.03,0-1.52-0.92-1.52-5.09 c0-2.44,0.07-3.5,0.11-5.26c0.02-1.02,0.06-1.8,0.06-1.97c-0.01-0.54-0.95-0.82-1.38-0.92c-0.44-0.1-0.82-0.14-1.12-0.12 c-0.42,0.02-0.72,0.3-0.72,0.68c0,0.2,0,0.59,0,0.59c-0.54-0.85-1.42-1.45-2-1.62c-1.56-0.47-3.2-0.05-4.43,1.67 c-0.98,1.37-1.57,2.92-1.8,5.15c-0.17,1.63-0.11,3.28,0.19,4.68c-0.36,1.58-1.04,2.22-1.78,2.22c-1.08,0-1.86-1.76-1.77-4.79 c0.06-2,0.46-3.4,0.9-5.43c0.19-0.86,0.03-1.32-0.34-1.75c-0.35-0.4-1.09-0.6-2.16-0.35c-0.76,0.18-1.85,0.37-2.84,0.52 c0,0,0.06-0.24,0.11-0.66c0.26-2.21-2.15-2.03-2.91-1.33c-0.46,0.42-0.77,0.92-0.89,1.81c-0.19,1.42,0.97,2.09,0.97,2.09 c-0.38,1.74-1.31,4.01-2.27,5.65c-0.51,0.88-0.91,1.53-1.42,2.23c0-0.26,0-0.52,0-0.77c-0.01-3.66,0.04-6.53,0.06-7.57 c0.02-1.02,0.06-1.78,0.06-1.95c-0.01-0.4-0.24-0.55-0.72-0.74c-0.43-0.17-0.93-0.28-1.45-0.32C70.5,8.24,70.1,8.59,70.11,9 c0,0.08,0,0.56,0,0.56c-0.54-0.85-1.42-1.45-2-1.62c-1.56-0.46-3.2-0.05-4.43,1.67c-0.98,1.37-1.62,3.29-1.8,5.13 c-0.17,1.72-0.14,3.17,0.09,4.4c-0.25,1.23-0.96,2.52-1.77,2.52c-1.03,0-1.62-0.92-1.62-5.09c0-2.44,0.07-3.5,0.11-5.26 c0.02-1.02,0.06-1.8,0.06-1.97c-0.01-0.54-0.95-0.82-1.38-0.92c-0.46-0.11-0.85-0.14-1.15-0.12c-0.4,0.03-0.68,0.39-0.68,0.65v0.62 c-0.54-0.85-1.42-1.45-2-1.62c-1.56-0.46-3.19-0.05-4.43,1.67c-0.81,1.12-1.46,2.36-1.8,5.11c-0.1,0.79-0.14,1.54-0.13,2.23 c-0.32,1.97-1.75,4.25-2.91,4.25c-0.68,0-1.33-1.32-1.33-4.14c0-3.76,0.23-9.1,0.27-9.62c0,0,1.47-0.02,1.76-0.03 c0.73-0.01,1.4,0.01,2.38-0.04c0.49-0.02,0.96-1.79,0.46-2c-0.23-0.1-1.85-0.19-2.5-0.2c-0.54-0.01-2.05-0.12-2.05-0.12 s0.14-3.55,0.17-3.92c0.03-0.31-0.38-0.47-0.61-0.57c-0.56-0.24-1.07-0.35-1.67-0.48c-0.83-0.17-1.2,0-1.27,0.69 c-0.11,1.06-0.17,4.16-0.17,4.16c-0.61,0-2.68-0.12-3.28-0.12c-0.56,0-1.17,2.42-0.39,2.45c0.9,0.03,2.46,0.06,3.49,0.1 c0,0-0.05,5.44-0.05,7.11c0,0.18,0,0.35,0,0.52c-0.57,2.97-2.58,4.57-2.58,4.57c0.43-1.96-0.45-3.44-2.04-4.69 c-0.58-0.46-1.74-1.33-3.03-2.29c0,0,0.75-0.74,1.41-2.22c0.47-1.05,0.49-2.25-0.66-2.52c-1.9-0.44-3.48,0.96-3.94,2.45 c-0.36,1.16-0.17,2.02,0.54,2.91c0.05,0.06,0.11,0.13,0.17,0.2c-0.43,0.83-1.02,1.94-1.52,2.81c-1.39,2.4-2.44,4.3-3.23,4.3 c-0.63,0-0.63-1.93-0.63-3.74c0-1.56,0.11-3.9,0.21-6.32c0.03-0.8-0.37-1.26-1.04-1.67c-0.41-0.25-1.28-0.75-1.78-0.75 c-0.76,0-2.93,0.1-4.99,6.06c-0.26,0.75-0.77,2.12-0.77,2.12l0.04-7.16c0-0.17-0.09-0.33-0.29-0.44c-0.35-0.19-1.27-0.57-2.1-0.57 c-0.39,0-0.59,0.18-0.59,0.55L12.57,19.8c0,0.85,0.02,1.84,0.11,2.28c0.08,0.43,0.22,0.79,0.39,1s0.36,0.37,0.68,0.44 c0.3,0.06,1.93,0.27,2.02-0.35c0.1-0.75,0.11-1.56,0.96-4.58c1.33-4.7,3.08-6.99,3.89-7.8c0.14-0.14,0.31-0.15,0.3,0.08 c-0.04,1.03-0.16,3.6-0.24,5.79c-0.22,5.85,0.84,6.94,2.36,6.94c1.16,0,2.8-1.16,4.56-4.08c1.1-1.82,2.16-3.61,2.93-4.9 c0.53,0.49,1.13,1.02,1.73,1.59c1.39,1.32,1.85,2.57,1.54,3.76c-0.23,0.91-1.1,1.84-2.65,0.93c-0.45-0.27-0.65-0.47-1.1-0.77 c-0.24-0.16-0.62-0.21-0.84-0.04c-0.58,0.44-0.91,1-1.1,1.68c-0.18,0.67,0.49,1.03,1.18,1.34c0.6,0.27,1.89,0.51,2.71,0.54 c3.2,0.11,5.77-1.55,7.56-5.81c0.32,3.68,1.68,5.77,4.05,5.77c1.58,0,3.17-2.04,3.86-4.05c0.2,0.82,0.49,1.53,0.87,2.13 c1.82,2.89,5.36,2.27,7.13-0.19c0.55-0.76,0.63-1.03,0.63-1.03c0.26,2.31,2.12,3.12,3.19,3.12c1.2,0,2.43-0.56,3.29-2.51 c0.1,0.21,0.21,0.41,0.33,0.6c1.82,2.89,5.36,2.26,7.13-0.19c0.08-0.11,0.16-0.22,0.22-0.31l0.05,1.52c0,0-1.01,0.93-1.63,1.5 c-2.74,2.51-4.82,4.42-4.97,6.63c-0.2,2.83,2.1,3.88,3.83,4.02c1.84,0.15,3.42-0.87,4.39-2.3c0.85-1.25,1.41-3.95,1.37-6.62 c-0.02-1.07-0.04-2.42-0.06-3.88c0.96-1.12,2.04-2.53,3.04-4.18c1.09-1.8,2.25-4.22,2.85-6.1c0,0,1.01,0.01,2.09-0.06 c0.35-0.02,0.45,0.05,0.38,0.3c-0.08,0.31-1.36,5.27-0.19,8.58c0.8,2.26,2.62,2.99,3.69,2.99c1.26,0,2.46-0.95,3.11-2.36 c0.08,0.16,0.16,0.31,0.25,0.45c1.82,2.89,5.34,2.26,7.13-0.19c0.4-0.55,0.63-1.03,0.63-1.03c0.38,2.4,2.25,3.14,3.31,3.14 c1.11,0,2.17-0.46,3.02-2.48c0.04,0.89,0.09,1.62,0.18,1.85c0.05,0.14,0.37,0.32,0.6,0.4c1.02,0.38,2.05,0.2,2.44,0.12 c0.27-0.05,0.47-0.27,0.5-0.82c0.07-1.45,0.03-3.88,0.47-5.68c0.74-3.03,1.42-4.21,1.75-4.79c0.18-0.33,0.39-0.38,0.4-0.04 c0.02,0.7,0.05,2.75,0.33,5.5c0.21,2.03,0.49,3.22,0.7,3.6c0.61,1.08,1.37,1.13,1.99,1.13c0.39,0,1.21-0.11,1.14-0.8 c-0.04-0.34,0.03-2.41,0.75-5.4c0.47-1.95,1.26-3.71,1.55-4.35c0.11-0.24,0.15-0.05,0.15-0.01c-0.06,1.34-0.19,5.73,0.35,8.13 c0.74,3.25,2.89,3.62,3.63,3.62c1.59,0,2.9-1.21,3.34-4.41C122.95,18.42,122.79,17.82,122.32,17.82L122.32,17.82L122.32,17.82z M122.32,17.82L122.32,17.82L122.32,17.82L122.32,17.82z" />
                                                            </g></svg>

                                                        <!-- search-->
                                                        <div class="relative hidden sm:block text-slate-400">
                                                            <input class="search-bar max-w-xs py-2  text-xs rounded bg-slate-50 dark:bg-zinc-700 px-4
            text-center outline-none  " type="search" placeholder="Search">
                                                            <i class="fa fa-search absolute top-0 left-0 ml-12 mt-1"></i>
                                                        </div>


                                                    </div>
                                                </nav>

                                                <main class="bg-gray-100 dark:bg-zinc-900 bg-opacity-25">

                                                    <div class="text-slate-900 dark:text-white mb-8">

                                                        <header class="flex flex-wrap items-center p-4 md:py-8">

                                                            <div class="md:w-3/12 md:ml-16">
                                                                <!-- profile image -->
                                                                <img class="w-20 h-20 md:w-40 md:h-40 object-cover rounded-full
                     border-2 border-pink-600 p-1" src="https://insthacker.com/themes/t21/images/photo-1502791451862-7bd8c1df43a7.jpg" alt="profile">
                                                            </div>

                                                            <!-- profile meta -->
                                                            <div class="w-8/12 md:w-7/12 ml-4">
                                                                <div class="md:flex md:flex-wrap md:items-center mb-4">
                                                                    <h2 class="text-lg inline-block font-medium md:mr-2 mb-2 sm:mb-0">
                                                                        mrtravlerrr_
                                                                    </h2>

                                                                    <!-- badge -->
                                                                    <span class="inline-block fas fa-certificate fa-lg text-blue-500
                               relative mr-6 text-xl transform -translate-y-2" aria-hidden="true">
            <i class="fas fa-check text-white text-xs absolute inset-x-0
                               ml-1 mt-px"></i>
          </span>

                                                                    <!-- follow button -->
                                                                    <span class="bg-[#4399E1] px-2 py-1
                        text-white font-semibold text-xs rounded   text-center
                        sm:inline-block block">Follow</span>
                                                                </div>

                                                                <!-- post, following, followers list for medium screens -->
                                                                <ul class="hidden md:flex text-base space-x-8 mb-4">
                                                                    <li class="text-sm">
                                                                        <span class="font-semibold text-base">136</span>
                                                                        投稿
                                                                    </li>

                                                                    <li class="text-sm">
                                                                        <span class="font-semibold text-base">40.5k</span>
                                                                        フォロワー
                                                                    </li>
                                                                    <li class="text-sm">
                                                                        <span class="font-semibold text-base">302</span>
                                                                        フォロー中
                                                                    </li>
                                                                </ul>

                                                                <!-- user meta form medium screens -->
                                                                <div class="hidden md:block">
                                                                    <h4 class="font-semibold">Mr Travlerrr...</h4>
                                                                    <span class="text-base">旅行、自然、音楽</span>
                                                                    <p class="text-sm">ロレム・イプサム・ドロル・シット・アメット・コンセクタート</p>
                                                                </div>

                                                            </div>

                                                            <!-- user meta form small screens -->
                                                            <div class="md:hidden text-sm my-2">
                                                                <h3 class="font-semibold">Mr Travlerrr...</h3>
                                                                <span>ロレム・イプサム・ドロル・シット・アメット・コンセクタート</span>
                                                                <p>t21:index.57396</p>
                                                            </div>

                                                        </header>

                                                        <!-- posts -->
                                                        <div class="px-px md:px-3">

                                                            <!-- user following for mobile only -->
                                                            <ul class="flex md:hidden justify-around space-x-8 border-t  border-slate-100 dark:border-zinc-600
                text-center p-2 text-gray-600 leading-snug text-sm">
                                                                <li>
                                                                    <span class="font-semibold text-gray-800 dark:text-zinc-200 block">136</span>
                                                                    投稿
                                                                </li>

                                                                <li>
                                                                    <span class="font-semibold text-gray-800 dark:text-zinc-200">40.5k</span>
                                                                    フォロワー
                                                                </li>
                                                                <li>
                                                                    <span class="font-semibold text-gray-800 dark:text-zinc-200">302</span>
                                                                    フォロー中
                                                                </li>
                                                            </ul>

                                                            <!-- insta freatures -->

                                                            <!-- flexbox grid -->
                                                            <div class="flex flex-wrap -mx-px md:-mx-3">

                                                                <!-- column -->
                                                                <div class="w-1/3 p-px md:px-3">
                                                                    <!-- post 1-->

                                                                    <article class="post bg-gray-100 text-white relative pb-full md:mb-6">
                                                                        <!-- post image-->
                                                                        <img class="w-full h-full absolute left-0 top-0 object-cover" src="https://insthacker.com/themes/t21/images/photo-1502791451862-7bd8c1df43a7.jpg " alt="image">

                                                                        <i class="fas fa-square absolute right-0 top-0 m-1"></i>
                                                                        <!-- overlay-->
                                                                        <div class="overlay bg-gray-800 bg-opacity-25 w-full h-full absolute
                                left-0 top-0 hidden">
                                                                            <div class="flex justify-center items-center
                                    space-x-4 h-full">
                  <span class="p-2">
                    <i class="fas fa-heart"></i>
                    412K
                  </span>

                                                                                <span class="p-2">
                    <i class="fas fa-comment"></i>
                    2,909
                  </span>
                                                                            </div>
                                                                        </div>

                                                                    </article>

                                                                </div>

                                                                <div class="w-1/3 p-px md:px-3">

                                                                    <!-- post 2 -->
                                                                    <article class="post bg-gray-100 text-white relative pb-full md:mb-6">
                                                                        <img class="w-full h-full absolute left-0 top-0 object-cover" src="https://insthacker.com/themes/t21/images/photo-1498409570040-05bf6d3dd5b5.jpg   " alt="image">

                                                                        <!-- overlay-->
                                                                        <div class="overlay bg-gray-800 bg-opacity-25 w-full h-full absolute
                                left-0 top-0 hidden">
                                                                            <div class="flex justify-center items-center
                                    space-x-4 h-full">
                  <span class="p-2">
                    <i class="fas fa-heart"></i>
                    412K
                  </span>

                                                                                <span class="p-2">
                    <i class="fas fa-comment"></i>
                    1,993
                  </span>
                                                                            </div>
                                                                        </div>

                                                                    </article>

                                                                </div>

                                                                <div class="w-1/3 p-px md:px-3">

                                                                    <article class="post bg-gray-100 text-white relative pb-full  md:mb-6">
                                                                        <img class="w-full h-full absolute left-0 top-0 object-cover" src="https://insthacker.com/themes/t21/images/photo-1476514525535-07fb3b4ae5f1.jpg " alt="image">
                                                                        <!-- overlay-->
                                                                        <div class="overlay bg-gray-800 bg-opacity-25 w-full h-full absolute
                                left-0 top-0 hidden">
                                                                            <div class="flex justify-center items-center
                                    space-x-4 h-full">
                  <span class="p-2">
                    <i class="fas fa-heart"></i>
                    112K
                  </span>

                                                                                <span class="p-2">
                    <i class="fas fa-comment"></i>
                    2,090
                  </span>
                                                                            </div>
                                                                        </div>
                                                                    </article>

                                                                </div>

                                                                <div class="w-1/3 p-px md:px-3">

                                                                    <article class="post bg-gray-100 text-white relative pb-full md:mb-6">
                                                                        <img class="w-full h-full absolute left-0 top-0 object-cover" src="https://insthacker.com/themes/t21/images/photo-1533105079780-92b9be482077.jpg " alt="image">

                                                                        <i class="fas fa-video absolute right-0 top-0 m-1"></i>

                                                                        <!-- overlay-->
                                                                        <div class="overlay bg-gray-800 bg-opacity-25 w-full h-full absolute
                                left-0 top-0 hidden">
                                                                            <div class="flex justify-center items-center
                                    space-x-4 h-full">
                  <span class="p-2">
                    <i class="fas fa-heart"></i>
                    841K
                  </span>

                                                                                <span class="p-2">
                    <i class="fas fa-comment"></i>
                    909
                  </span>
                                                                            </div>
                                                                        </div>

                                                                    </article>

                                                                </div>

                                                                <div class="w-1/3 p-px md:px-3">

                                                                    <article class="post bg-gray-100 text-white relative pb-full md:mb-6">
                                                                        <img class="w-full h-full absolute left-0 top-0 object-cover" src="https://insthacker.com/themes/t21/images/photo-1475688621402-4257c812d6db.jpg " alt="image">
                                                                        <!-- overlay-->
                                                                        <div class="overlay bg-gray-800 bg-opacity-25 w-full h-full absolute
                                left-0 top-0 hidden">
                                                                            <div class="flex justify-center items-center
                                    space-x-4 h-full">
                  <span class="p-2">
                    <i class="fas fa-heart"></i>
                    120K
                  </span>

                                                                                <span class="p-2">
                    <i class="fas fa-comment"></i>
                    3,909
                  </span>
                                                                            </div>
                                                                        </div>

                                                                    </article>

                                                                </div>
                                                                <div class="w-1/3 p-px md:px-3">

                                                                    <article class="post bg-gray-100 text-white relative pb-full  md:mb-6">
                                                                        <img class="w-full h-full absolute left-0 top-0 object-cover" src="https://insthacker.com/themes/t21/images/photo-1476514525535-07fb3b4ae5f1.jpg " alt="image">
                                                                        <!-- overlay-->
                                                                        <div class="overlay bg-gray-800 bg-opacity-25 w-full h-full absolute
                                left-0 top-0 hidden">
                                                                            <div class="flex justify-center items-center
                                    space-x-4 h-full">
                  <span class="p-2">
                    <i class="fas fa-heart"></i>
                    112K
                  </span>

                                                                                <span class="p-2">
                    <i class="fas fa-comment"></i>
                    2,090
                  </span>
                                                                            </div>
                                                                        </div>
                                                                    </article>

                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </main>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>


            </section>


        </header>
        <div class="mx-auto max-w-7xl py-4 lg:py-32  px-6 sm:px-6 lg:px-8 relative z-10">
            <!--$-->
            <div class="grid grid-cols-1 gap-y-8 md:grid-cols-3">
                <article data-aos="fade-up" class="flex flex-col gap-3 text-center  ">
                    <h3 class="text-base font-semibold text-gray-700 dark:text-gray-500">
                        10万人以上のアクティブユーザー
                    </h3>
                    <div class="font-mono text-3xl font-semibold text-gray-900 dark:text-white ">
                        <div aria-hidden="true" class="text-[30px] stats-container flex justify-center space-x-3 overflow-hidden rounded px-2 leading-none text-gray-900 dark:text-white">
                            <div class="h-[45px] relative w-[7px] font-mono">
                                <span class="absolute inset-0 flex items-center justify-center">
                                <span class=" " id="numberDisplay">169484</span>  0 </span>
                            </div>

                        </div>
                    </div>
                </article>
                <article data-aos="fade-up" class="flex flex-col gap-3 text-center  ">
                    <h3 class="text-base font-semibold text-gray-700 dark:text-gray-500 ">
                        99.9%の精度
                    </h3>
                    <div class="font-mono text-3xl font-semibold text-white" aria-label="$ 317,185,265">
                        <div aria-hidden="true" class="text-[30px] stats-container flex justify-center space-x-3 overflow-hidden rounded px-2 leading-none text-gray-900 dark:text-white">
                            <div class="h-[45px] relative w-[7px] font-mono">
                                <span class="absolute inset-0 flex items-center justify-center transform-none">4</span>
                            </div>
                            <div class="h-[45px] relative w-[7px] font-mono">
                                <span class="absolute inset-0 flex items-center justify-center transform-none">7</span>
                            </div>
                            <div class="h-[45px] relative w-[7px] font-mono !ml-1  translate-y-[9px]">,
                            </div>
                            <div class="h-[45px] relative w-[7px] font-mono">
                                <span class="absolute inset-0 flex items-center justify-center transform-none">2</span>
                            </div>
                            <div class="h-[45px] relative w-[7px] font-mono">
                                <span class="absolute inset-0 flex items-center justify-center transform-none">1</span>
                            </div>
                            <div class="h-[45px] relative w-[7px] font-mono">
                                <span class="absolute inset-0 flex items-center justify-center transform-none">0</span>
                            </div>
                            <div class="h-[45px] relative w-[7px] font-mono">
                                <span class="absolute inset-0 flex items-center justify-center transform-none">0</span>
                            </div>
                        </div>
                    </div>
                </article>
                <article data-aos="fade-up" class="flex flex-col gap-3 text-center  ">
                    <h3 class="text-base font-semibold text-gray-700 dark:text-gray-500">
                        195カ国対応
                    </h3>
                    <div class="font-mono text-3xl font-semibold text-white" aria-label=" 5,763,846">
                        <div aria-hidden="true" class="text-[30px] stats-container flex justify-center space-x-3 overflow-hidden rounded px-2 leading-none text-gray-900 dark:text-white">
                            <div class="h-[45px] relative w-[7px] font-mono">
                                <span class="absolute inset-0 flex items-center justify-center transform-none">8</span>
                            </div>
                            <div class="h-[45px]  relative w-[7px] font-mono">
                                <span class="absolute inset-0 flex items-center justify-center transform-none">6</span>
                            </div>
                            <div class="h-[45px] relative w-[7px] font-mono !ml-1   translate-y-[9px]">,
                            </div>
                            <div class="h-[45px] relative w-[7px] font-mono">
                                <span class="absolute inset-0 flex items-center justify-center transform-none">9</span>
                            </div>
                            <div class="h-[45px] relative w-[7px] font-mono">
                                <span class="absolute inset-0 flex items-center justify-center transform-none">1</span>
                            </div>
                            <div class="h-[45px] relative w-[7px] font-mono">
                                <span class="absolute inset-0 flex items-center justify-center transform-none">0</span>
                            </div>
                            <div class="h-[45px] relative w-[7px] font-mono">
                                <span class="absolute inset-0 flex items-center justify-center transform-none">4</span>
                            </div>
                        </div>
                    </div>
                </article>
            </div>
        </div>


        <section>
            <div class="relative w-full h-full overflow-hidden">
                <div class="absolute w-full h-full overflow-visible">
                    <div class=" relative h-full max-h-none w-full top-0 left-0 origin-[100%_0] skew-y-0 overflow-hidden ">
                        <div class=" absolute h-full w-full max-w-full md:max-w-[calc(100vw-0px)] top-0 left-0 px-4 pointer-events-none " aria-hidden="true">
                            <div class="grid lg:grid-cols-4 sm:grid-cols-2 grid-cols-1 grid-rows-1 relative max-w-[1080px] h-full mx-auto">
                                <div class="  w-[1px] bg-[linear-gradient(180deg,rgba(66,71,112,0.5),rgba(66,71,112,0.5)_50%,transparent_0,transparent)] opacity-20 dark:opacity-60  [background-size:1px_8px]"></div>
                                <div class="sm:block hidden w-[1px] bg-[linear-gradient(180deg,rgba(66,71,112,0.5),rgba(66,71,112,0.5)_50%,transparent_0,transparent)] opacity-20 dark:opacity-60  [background-size:1px_8px]"></div>
                                <div class="  w-[1px] bg-[linear-gradient(180deg,rgba(66,71,112,0.5),rgba(66,71,112,0.5)_50%,transparent_0,transparent)] opacity-20 dark:opacity-60  [background-size:1px_8px]"></div>
                                <div class="sm:block hidden w-[1px] bg-[linear-gradient(180deg,rgba(66,71,112,0.5),rgba(66,71,112,0.5)_50%,transparent_0,transparent)] opacity-20 dark:opacity-60  [background-size:1px_8px]"></div>
                                <div class="absolute top-0 right-0 h-full bg-[rgba(66,71,112,0.06)] w-[1px] bg-[linear-gradient(180deg,rgba(66,71,112,0.5),rgba(66,71,112,0.5)_50%,transparent_0,transparent)] opacity-20 dark:opacity-60  [background-size:1px_8px]"></div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="lg:mt-0 mt-20 mb-10 relative  mx-auto sm:flex sm:flex-col items-center max-w-6xl lg:px-10">


                    <p class="text-[#0171E3] text-sm sm:text-base uppercase font-bold sm:text-center text-left tracking-[0.045em] px-8 " data-aos="fade-up">
                        アプリケーション機能
                    </p>
                    <h2 class="mt-6 pb-2 text-gray-900 dark:text-white inline-block font-semibold tracking-tight px-8 sm:text-center text-left text-3xl sm:text-3xl" data-aos="fade-up">
                        オンラインで最高のInstagramトラッキングアプリ
                    </h2>
                    <p class="mt-4 lg:text-base text-base text-slate-700 dark:text-zinc-200   sm:text-center text-left max-w-[780px]  px-8  " data-aos="fade-up">
                        InstHackerはハッキングされたInstagramユーザー番号をすべて追跡し、結果データをCSV形式で表示します。表にはプロフィールを閲覧したユーザーの電話番号、時間、セッション時間が表示されます。
                    </p>
                </div>
                <div class="relative z-10 flex justify-center">
                    <div class="w-full max-w-[1080px] mx-4">
                        <div class=" ">

                            <div class="
  grid lg:grid-cols-4 sm:grid-cols-2 grid-cols-1 gap-y-8 items-start " data-columns="1,1,1,1">
                                <section data-aos="fade-up" data-aos-delay="50" class=" grid gap-y-2 tracking-[0.2px] ">
                                    <header class="relative px-[16px] pr-[32px] max-w-[810px] grid gap-y-2">
                                        <div class="min-h-[40px] flex items-end mb-2">

                                            <svg viewBox="0 -26 512 512" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="w-[40px] h-[40px] text-slate-900 dark:text-white">
                                                <path d="m256 100c-5.519531 0-10 4.480469-10 10s4.480469 10 10 10 10-4.480469 10-10-4.480469-10-10-10zm0 0"></path>
                                                <path d="m90 280c5.519531 0 10-4.480469 10-10s-4.480469-10-10-10-10 4.480469-10 10 4.480469 10 10 10zm0 0"></path>
                                                <path d="m336 0c-90.027344 0-163.917969 62.070312-169.632812 140.253906-85.738282 4.300782-166.367188 66.125-166.367188 149.746094 0 34.945312 13.828125 68.804688 39 95.632812 4.980469 20.53125-1.066406 42.292969-16.070312 57.296876-2.859376 2.859374-3.714844 7.160156-2.167969 10.898437 1.546875 3.734375 5.191406 6.171875 9.238281 6.171875 28.519531 0 56.003906-11.183594 76.425781-30.890625 19.894531 6.78125 45.851563 10.890625 69.574219 10.890625 90.015625 0 163.898438-62.054688 169.628906-140.222656 20.9375-.929688 42.714844-4.796875 59.945313-10.667969 20.421875 19.707031 47.90625 30.890625 76.425781 30.890625 4.046875 0 7.691406-2.4375 9.238281-6.171875 1.546875-3.738281.691407-8.039063-2.167969-10.898437-15.003906-15.003907-21.050781-36.765626-16.070312-57.296876 25.171875-26.828124 39-60.6875 39-95.632812 0-86.886719-86.839844-150-176-150zm-160 420c-23.601562 0-50.496094-4.632812-68.511719-11.800781-3.859375-1.539063-8.269531-.527344-11.078125 2.539062-12.074218 13.199219-27.773437 22.402344-44.878906 26.632813 9.425781-18.058594 11.832031-39.347656 6.097656-59.519532-.453125-1.589843-1.292968-3.042968-2.445312-4.226562-22.6875-23.367188-35.183594-53.066406-35.183594-83.625 0-70.46875 71.4375-130 156-130 79.851562 0 150 55.527344 150 130 0 71.683594-67.289062 130-150 130zm280.816406-186.375c-1.152344 1.1875-1.992187 2.640625-2.445312 4.226562-5.734375 20.171876-3.328125 41.460938 6.097656 59.519532-17.105469-4.226563-32.804688-13.433594-44.878906-26.632813-2.808594-3.0625-7.21875-4.078125-11.078125-2.539062-15.613281 6.210937-37.886719 10.511719-58.914063 11.550781-2.921875-37.816406-21.785156-73.359375-54.035156-99.75h130.4375c5.523438 0 10-4.476562 10-10s-4.476562-10-10-10h-161.160156c-22.699219-11.554688-48.1875-18.292969-74.421875-19.707031 5.746093-67.164063 70.640625-120.292969 149.582031-120.292969 84.5625 0 156 59.53125 156 130 0 30.558594-12.496094 60.257812-35.183594 83.625zm0 0"></path>
                                                <path d="m256 260h-126c-5.523438 0-10 4.476562-10 10s4.476562 10 10 10h126c5.523438 0 10-4.476562 10-10s-4.476562-10-10-10zm0 0"></path>
                                                <path d="m256 320h-166c-5.523438 0-10 4.476562-10 10s4.476562 10 10 10h166c5.523438 0 10-4.476562 10-10s-4.476562-10-10-10zm0 0"></path>
                                                <path d="m422 100h-126c-5.523438 0-10 4.476562-10 10s4.476562 10 10 10h126c5.523438 0 10-4.476562 10-10s-4.476562-10-10-10zm0 0"></path>
                                            </svg>
                                        </div>
                                        <h3 class="
            relative tracking-[0.2px] before:content-[''] before:absolute before:top-[calc(0.5px+1.6*15px/2-15px/2)] before:left-[-16px] before:w-[1px] before:h-[15px] before:bg-[#0171E3] before:block
text-slate-900 dark:text-white text-base font-semibold
          "> メッセージ追跡 </h3></header>
                                    <div class=" px-[16px] pr-[32px] text-slate-700 dark:text-zinc-200 text-sm">
                                        アーカイブにはハッキングされたInstagramアカウントの通信記録が完全なデータベースとして含まれます。テキストメッセージ、音声録音、動画メッセージを含み、ユーザーの通信記録に完全アクセスを提供します。
                                    </div>
                                </section>
                                <section data-aos="fade-up" data-aos-delay="50" class=" grid gap-y-2 tracking-[0.2px] ">
                                    <header class="relative px-[16px] pr-[32px] max-w-[810px] grid gap-y-2">
                                        <div class="min-h-[40px] flex items-end mb-2">
                                            <svg class="w-[40px] h-[40px] text-slate-900 dark:text-white" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M12 4L12 20" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                                <path d="M8 9L8 15" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                                <path d="M20 10L20 14" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                                <path d="M4 10L4 14" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                                <path d="M16 7L16 17" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                            </svg>
                                        </div>
                                        <h3 class="
            relative tracking-[0.2px] before:content-[''] before:absolute before:top-[calc(0.5px+1.6*15px/2-15px/2)] before:left-[-16px] before:w-[1px] before:h-[15px] before:bg-[#0171E3] before:block
text-slate-900 dark:text-white text-base font-semibold
          ">
                                            音声メッセージ
                                        </h3></header>
                                    <div class=" px-[16px] pr-[32px] text-slate-700 dark:text-zinc-200 text-sm">
                                        再生速度調整機能付き音声メッセージ再生ツールを内蔵。MP3オーディオファイルをデバイスに直接ダウンロード可能。
                                    </div>
                                </section>
                                <section data-aos="fade-up" data-aos-delay="50" class="
    grid gap-y-2 tracking-[0.2px] ">
                                    <header class="relative px-[16px] pr-[32px] max-w-[810px] grid gap-y-2">
                                        <div class="min-h-[40px] flex items-end mb-2">
                                            <svg fill="currentColor" class="w-[40px] h-[40px] text-slate-900 dark:text-white" viewBox="0 0 32 32" id="icon" xmlns="http://www.w3.org/2000/svg">
                                                <defs></defs>
                                                <title>send--alt</title>
                                                <path d="M27.71,4.29a1,1,0,0,0-1.05-.23l-22,8a1,1,0,0,0,0,1.87l9.6,3.84,3.84,9.6A1,1,0,0,0,19,28h0a1,1,0,0,0,.92-.66l8-22A1,1,0,0,0,27.71,4.29ZM19,24.2l-2.79-7L21,12.41,19.59,11l-4.83,4.83L7.8,13,25.33,6.67Z" />
                                                <rect id="_Transparent_Rectangle_" data-name="&lt;Transparent Rectangle&gt;" fill="none" width="32" height="32" />
                                            </svg>
                                        </div>


                                        <h3 class="
            relative tracking-[0.2px] before:content-[''] before:absolute before:top-[calc(0.5px+1.6*15px/2-15px/2)] before:left-[-16px] before:w-[1px] before:h-[15px] before:bg-[#0171E3] before:block
text-slate-900 dark:text-white text-base font-semibold
          ">
                                            転送メッセージの追跡
                                        </h3></header>
                                    <div class=" px-[16px] pr-[32px] text-slate-700 dark:text-zinc-200 text-sm">
                                        この機能は、1人以上の受信者に転送されたすべてのメッセージを追跡し、プライバシー設定によってこの情報の表示が制限されている場合でも、元の送信者の詳細を表示する機能を備えています。
                                    </div>
                                </section>
                                <section data-aos="fade-up" data-aos-delay="50" class="
    grid gap-y-2 tracking-[0.2px]  ">
                                    <header class="relative px-[16px] pr-[32px] max-w-[810px] grid gap-y-2">
                                        <div class="min-h-[40px] flex items-end mb-2">
                                            <svg class="w-[40px] h-[40px] text-slate-900 dark:text-white" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M8 12L11 15L16 10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                                <path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 13.8214 2.48697 15.5291 3.33782 17L2.5 21.5L7 20.6622C8.47087 21.513 10.1786 22 12 22Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" />
                                            </svg>
                                        </div>
                                        <h3 class="
            relative tracking-[0.2px] before:content-[''] before:absolute before:top-[calc(0.5px+1.6*15px/2-15px/2)] before:left-[-16px] before:w-[1px] before:h-[15px] before:bg-[#0171E3] before:block
text-slate-900 dark:text-white text-base font-semibold
          ">
                                            保存済みメッセージへのアクセス
                                        </h3></header>
                                    <div class=" px-[16px] pr-[32px] text-slate-700 dark:text-zinc-200 text-sm">
                                        お気に入りに追加された全メッセージへの完全アクセス。保存済みファイルを単一のZIPアーカイブにまとめてダウンロード可能。保存・利用が容易。

                                    </div>
                                </section>
                            </div>
                            <div class="lg:mt-12 mt-10
  grid lg:grid-cols-4 sm:grid-cols-2 grid-cols-1 gap-y-8 items-start " data-columns="1,1,1,1">
                                <section data-aos="fade-up" data-aos-delay="50" class=" grid gap-y-2 tracking-[0.2px] ">
                                    <header class="relative px-[16px] pr-[32px] max-w-[810px] grid gap-y-2">
                                        <div class="min-h-[40px] flex items-end mb-2">

                                            <svg fill="currentColor" class="w-[40px] h-[40px] text-slate-900 dark:text-white" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg">
                                                <title>video-camera</title>
                                                <path d="M30.395 6.362c-0.112-0.071-0.248-0.113-0.395-0.113-0.122 0-0.238 0.030-0.34 0.082l0.004-0.002-6.938 3.468c-0.106-1.426-1.287-2.543-2.729-2.548h-15.996c-1.518 0.002-2.748 1.232-2.75 2.75v12.001c0.002 1.518 1.232 2.748 2.75 2.75h15.996c1.443-0.005 2.623-1.122 2.729-2.538l0.001-0.009 6.939 3.468c0.097 0.050 0.211 0.080 0.333 0.080 0.001 0 0.002 0 0.003 0h-0c0.001 0 0.001 0 0.002 0 0.413 0 0.748-0.335 0.748-0.748 0-0.001 0-0.001 0-0.002v0-18c-0-0.268-0.141-0.503-0.352-0.636l-0.003-0.002zM21.246 22c-0.001 0.69-0.56 1.249-1.25 1.25h-15.996c-0.69-0.001-1.249-0.56-1.25-1.25v-12.001c0.001-0.69 0.56-1.249 1.25-1.25h15.996c0.69 0.001 1.249 0.56 1.25 1.25v12.001zM29.25 23.787l-6.504-3.25v-9.073l6.504-3.251z"></path>
                                            </svg>
                                        </div>
                                        <h3 class="
            relative tracking-[0.2px] before:content-[''] before:absolute before:top-[calc(0.5px+1.6*15px/2-15px/2)] before:left-[-16px] before:w-[1px] before:h-[15px] before:bg-[#0171E3] before:block
text-slate-900 dark:text-white text-base font-semibold
          "> 動画メッセージの閲覧

                                        </h3></header>
                                    <div class=" px-[16px] pr-[32px] text-slate-700 dark:text-zinc-200 text-sm">
                                        アプリケーション内で直接ビデオメッセージを再生するツール。MP4形式の動画をローカルデバイスにダウンロードし、後で視聴することをサポートします。
                                    </div>
                                </section>
                                <section data-aos="fade-up" data-aos-delay="50" class=" grid gap-y-2 tracking-[0.2px] ">
                                    <header class="relative px-[16px] pr-[32px] max-w-[810px] grid gap-y-2">
                                        <div class="min-h-[40px] flex items-end mb-2">
                                            <svg fill="currentColor" class="w-[40px] h-[40px] text-slate-900 dark:text-white" viewBox="0 0 24 24" id="chat-alert" xmlns="http://www.w3.org/2000/svg">
                                                <path id="primary" d="M18.81,16.23,20,21l-4.95-2.48A9.87,9.87,0,0,1,12,19c-5,0-9-3.58-9-8s4-8,9-8,9,3.58,9,8A7.5,7.5,0,0,1,18.81,16.23ZM12,7v3" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5;"></path>
                                                <line id="primary-upstroke" x1="11.95" y1="14.5" x2="12.05" y2="14.5" style="fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.95;"></line>
                                            </svg>
                                        </div>
                                        <h3 class="
            relative tracking-[0.2px] before:content-[''] before:absolute before:top-[calc(0.5px+1.6*15px/2-15px/2)] before:left-[-16px] before:w-[1px] before:h-[15px] before:bg-[#0171E3] before:block
text-slate-900 dark:text-white text-base font-semibold
          ">
                                            秘密チャット
                                        </h3></header>
                                    <div class=" px-[16px] pr-[32px] text-slate-700 dark:text-zinc-200 text-sm">
                                        アカウントのプライバシー設定に関係なく、秘密チャットの内容に完全にアクセスできます。アプリケーションは、ユーザーがこれまでに作成したすべての秘密チャットに関する情報を提供します。
                                    </div>
                                </section>
                                <section data-aos="fade-up" data-aos-delay="50" class="
    grid gap-y-2 tracking-[0.2px] ">
                                    <header class="relative px-[16px] pr-[32px] max-w-[810px] grid gap-y-2">
                                        <div class="min-h-[40px] flex items-end mb-2">
                                            <svg class="w-[40px] h-[40px] text-slate-900 dark:text-white" viewBox="0 -0.5 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M5.5 11.1455C5.49956 8.21437 7.56975 5.69108 10.4445 5.11883C13.3193 4.54659 16.198 6.08477 17.32 8.79267C18.4421 11.5006 17.495 14.624 15.058 16.2528C12.621 17.8815 9.37287 17.562 7.3 15.4895C6.14763 14.3376 5.50014 12.775 5.5 11.1455Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                                <path d="M15.989 15.4905L19.5 19.0015" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                            </svg>
                                        </div>


                                        <h3 class="
            relative tracking-[0.2px] before:content-[''] before:absolute before:top-[calc(0.5px+1.6*15px/2-15px/2)] before:left-[-16px] before:w-[1px] before:h-[15px] before:bg-[#0171E3] before:block
text-slate-900 dark:text-white text-base font-semibold
          ">
                                            チャット検索


                                        </h3></header>
                                    <div class=" px-[16px] pr-[32px] text-slate-700 dark:text-zinc-200 text-sm">
                                        キーワード、ユーザー名、チャット名によるフィルタリング機能を備えた高度なメッセージ検索。コンテンツタイプによるソート機能と、ハッキングされたユーザーの検索履歴へのアクセスが可能。
                                    </div>
                                </section>
                                <section data-aos="fade-up" data-aos-delay="50" class="
    grid gap-y-2 tracking-[0.2px]  ">
                                    <header class="relative px-[16px] pr-[32px] max-w-[810px] grid gap-y-2">
                                        <div class="min-h-[40px] flex items-end mb-2">
                                            <svg class="w-[40px] h-[40px] text-slate-900 dark:text-white" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M5.88468 17C7.32466 19.1128 9.75033 20.5 12.5 20.5C16.9183 20.5 20.5 16.9183 20.5 12.5C20.5 8.08172 16.9183 4.5 12.5 4.5C8.08172 4.5 4.5 8.08172 4.5 12.5V13.5M12.5 8V12.5L15.5 15.5" stroke="currentColor" stroke-width="1.2" />
                                                <path d="M7 11L4.5 13.5L2 11" stroke="currentColor" stroke-width="1.2" />
                                            </svg>
                                        </div>
                                        <h3 class="
            relative tracking-[0.2px] before:content-[''] before:absolute before:top-[calc(0.5px+1.6*15px/2-15px/2)] before:left-[-16px] before:w-[1px] before:h-[15px] before:bg-[#0171E3] before:block
text-slate-900 dark:text-white text-base font-semibold
          ">
                                            削除済みメッセージの復元


                                        </h3></header>
                                    <div class=" px-[16px] pr-[32px] text-slate-700 dark:text-zinc-200 text-sm">
                                        ソフトウェアは、削除から90日以内の削除済みメッセージとチャットを復元可能。復元データを閲覧し、デバイスに保存できます。
                                    </div>
                                </section>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="lg:mt-[80px] mt-[80px]">
            <div class="relative w-full h-full lg:overflow-visible overflow-hidden lg:pb-[80px] pb-[80px]">
                <div class="absolute w-full h-full overflow-visible">
                    <div class=" relative h-full max-h-none w-full top-0 left-0 origin-[100%_0] skew-y-0 overflow-hidden ">
                        <div class=" absolute h-full w-full max-w-full md:max-w-[calc(100vw-0px)] top-0 left-0 px-4 pointer-events-none " aria-hidden="true">
                            <div class="grid lg:grid-cols-4 sm:grid-cols-2 grid-cols-1 grid-rows-1 relative max-w-[1080px] h-full mx-auto">
                                <div class="w-[1px] bg-[linear-gradient(180deg,rgba(66,71,112,0.5),rgba(66,71,112,0.5)_50%,transparent_0,transparent)] opacity-15 dark:opacity-60  [background-size:1px_8px]"></div>
                                <div class="sm:block hidden w-[1px] bg-[linear-gradient(180deg,rgba(66,71,112,0.5),rgba(66,71,112,0.5)_50%,transparent_0,transparent)] opacity-20 dark:opacity-60  [background-size:1px_8px]"></div>
                                <div class="  w-[1px] bg-[linear-gradient(180deg,rgba(66,71,112,0.5),rgba(66,71,112,0.5)_50%,transparent_0,transparent)] opacity-20 dark:opacity-60  [background-size:1px_8px]"></div>
                                <div class="sm:block hidden w-[1px] bg-[linear-gradient(180deg,rgba(66,71,112,0.5),rgba(66,71,112,0.5)_50%,transparent_0,transparent)] opacity-20 dark:opacity-60  [background-size:1px_8px]"></div>
                                <div class="absolute top-0 right-0 h-full bg-[rgba(66,71,112,0.06)] w-[1px] bg-[linear-gradient(180deg,rgba(66,71,112,0.5),rgba(66,71,112,0.5)_50%,transparent_0,transparent)] opacity-20 dark:opacity-60  [background-size:1px_8px]"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="relative z-10 flex justify-center">
                    <div class="w-full max-w-[1080px] mx-4">

                        <section class="  mb-8 grid row-gap-6">


                            <header>

                                <h2 class="text-[#0171E3] text-base uppercase font-bold sm:text-left px-[16px] pr-[32px] text-left tracking-[0.045em]    ">
                                    仕組み </h2>


                            </header>


                        </section>


                        <div class="w-full">
                            <div class="flex flex-row  px-0 pb-[10px] -mb-[10px] ">
                                <div class="mr-0 ml-0 min-w-full px-[16px] pr-[32px] snap-align-end">
                                    <div class=" ">
                                        <div class="grid grid-cols-1 lg:grid-cols-2 gap-y-[32px] items-start" data-columns="2,2">
                                            <section class="grid gap-y-[24px]">


                                                <header class=" ">


                                                    <h2 class="relative mt-2 pb-2 text-gray-900 dark:text-white inline-block font-semibold   text-left text-3xl sm:text-3xl  tracking-[0.2px]    before:content-[''] before:absolute before:top-[calc(0.5px+1.6*15px/2-15px/2)] before:left-[-16px] before:w-[1px] before:h-[15px] before:bg-[#0171E3] before:block">
                                                        Instagramのネットワーク活動を追跡するアプリ
                                                    </h2>


                                                </header>


                                            </section>
                                            <section class="mt-[8px] mb-0  lg:pl-[23px] pr-[32px]">
                                                <div class=" ">
                                                    <p class=" lg:text-base text-base text-slate-700 dark:text-zinc-200 text-left   ">
                                                        削除されたInstagramメッセージは端末からは消去されますが、クラウドバックアップには保存されたままです。InstHackerはこのクラウドストレージにアクセスし、削除された会話を復元するとともに、アカウントの全活動を監視します。 </p>
                                                </div>


                                            </section>
                                        </div>

                                        <div class="grid grid-cols-1 lg:grid-cols-2 gap-y-8 items-start lg:mt-10 mt-10" data-columns="2,2">
                                            <div class="grid gap-y-6">
                                                <section class="grid gap-y-6">


                                                    <header>


                                                        <h3 class=" relative tracking-[0.2px] before:content-[''] before:absolute before:top-[calc(0.5px+1.6*15px/2-15px/2)] before:left-[-16px] before:w-[1px] before:h-[15px] before:bg-[#0171E3] before:block text-slate-900 dark:text-white text-base font-semibold ">
                                                            SMSメッセージの傍受
                                                        </h3>


                                                    </header>


                                                    <div>
                                                        <p class="lg:text-base text-base text-slate-700 dark:text-zinc-200 text-left">
                                                            対象アカウントに関連付けられた送受信SMSを監視します。傍受したメッセージの即時通知を受け取り、ダッシュボードに全文が表示されます。 </p>
                                                    </div>


                                                </section>


                                                <section class="grid gap-y-6">


                                                    <header>


                                                        <h3 class="relative tracking-[0.2px] before:content-[''] before:absolute before:top-[calc(0.5px+1.6*15px/2-15px/2)] before:left-[-16px] before:w-[1px] before:h-[15px] before:bg-[#0171E3] before:block text-slate-900 dark:text-white text-base font-semibold">

                                                            ボイスメッセージへのアクセス


                                                        </h3>


                                                    </header>


                                                    <div>
                                                        <p class="lg:text-base text-base text-slate-700 dark:text-zinc-200 text-left">


                                                            InstHackerによるアカウント認証が完了すると、プライベートチャットやグループチャットの全テキストメッセージ・音声メッセージをオンラインで閲覧可能になり、デバイスへのダウンロードも可能です。ハッキング対象ユーザーが送信または受信した新着メッセージは追跡され、即座にユーザーのダッシュボードに表示されます。
                                                        </p>
                                                    </div>


                                                </section>


                                                <section class="grid gap-y-6">


                                                    <header>


                                                        <h3 class=" relative tracking-[0.2px] before:content-[''] before:absolute before:top-[calc(0.5px+1.6*15px/2-15px/2)] before:left-[-16px] before:w-[1px] before:h-[15px] before:bg-[#0171E3] before:block text-slate-900 dark:text-white text-base font-semibold ">
                                                            iOSとAndroidでInstagramを追跡
                                                        </h3>


                                                    </header>


                                                    <div>
                                                        <p class=" lg:text-base text-base text-slate-700 dark:text-zinc-200 text-left   ">
                                                            InstHackerはソフトウェアインストール不要で全デバイスに対応。Androidのルート権限やiOSのiCloud認証情報は不要です。ブラウザからウェブインターフェースを利用するだけです。
                                                        </p>
                                                    </div>


                                                </section>
                                            </div>

                                            <div class=" ">
                                                <section class=" ">
                                                    <div class="relative h-full lg:text-base text-base text-slate-700 dark:text-zinc-200 text-left lg:pl-[23px] lg:pr-[32px] pr-[0px]">
                                                        <div
                                                                class="sm:relative mx-auto mt-16 flex max-w-2xl sm:mt-24 lg:ml-10 lg:mr-0 lg:mt-8 0 lg:max-w-none lg:flex-none 2xl:ml-0   p-2 shadow-screen-shadow   rounded-2xl ">


                                                            <div>

                                                                <div
                                                                        class="flex  inset-[-1px]  w-[calc(100%+2px)]    ">
                                                                    <div class="  ">
                                                                        <figure class="absolute top-[-20px] z-[15] sm:right-2 PhoneGraphic PhoneGraphic--scaleLarge  ">

                                                                            <div class="CheckoutPhoneGraphic bg-white dark:bg-[#010101]">

                                                                                <img class="rounded-[32px]" src="https://insthacker.com/themes/t21/images/banners/read_message_in_instagram.webp" data-auto-scheme="true" data-src-light="https://insthacker.com/themes/t21/images/banners/read_message_in_instagram.webp" data-src-dark="https://insthacker.com/themes/t21/images/banners/read_message_in_instagram.webp" alt="Read chats and messages on instagram  | Wahacker" loading="lazy" height="100%" width="100%">


                                                                            </div>

                                                                        </figure>

                                                                        <div
                                                                                class="  w-full h-fill max-w-md mx-auto    px-4 sm:px-8 py-10  ">

                                                                            <div class="w-full  ">
                                                                                <div class="flex flex-column items-start text-sm flex-col">
                                                                                    <div class="Phone">

                                                                                        <ul class="List">
                                                                                            <li class="Item Item--left">
                                                                                                <div class="Avatar">
                                                                                                    <img src="https://insthacker.com/themes/t21/images/3522573.jpg " class="Avatar-image">
                                                                                                </div>
                                                                                                <div class="Messages">
                                                                                                    <div class="Message">
                                                                                                        <div class="Message-inner bg-white dark:bg-gray-700 text-slate-900 dark:text-white font-normal">
                                                                                                            最高のInstagramオンライントラッカーとは？
                                                                                                        </div>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </li>
                                                                                            <li class="Item Item--right">
                                                                                                <div class="Messages">
                                                                                                    <div class="Message">
                                                                                                        <div class="Message-inner">
                                                                                                            InstHackerは完全なアクティビティ監視を提供します——オンライン状態、メッセージ履歴、音声メッセージ、セッション時間を追跡。全データはCSV形式でエクスポート可能で分析が容易です。
                                                                                                        </div>
                                                                                                    </div>
                                                                                                    <div class="Message">
                                                                                                        <div class="Message-inner">
                                                                                                            Instagramの最終ログイン状態をオンラインで追跡できますか？
                                                                                                        </div>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </li>
                                                                                            <li class="Item Item--left">
                                                                                                <div class="Avatar">
                                                                                                    <img src="https://insthacker.com/themes/t21/images/3522573.jpg" class="Avatar-image">
                                                                                                </div>
                                                                                                <div class="Messages">
                                                                                                    <div class="Message">
                                                                                                        <div class="Message-inner bg-white dark:bg-gray-700 text-slate-900 dark:text-white font-normal">
                                                                                                            はい。システムは対象ユーザーがオンラインになったタイミングを監視し、タイムスタンプと継続時間を含む全てのセッションを記録します。
                                                                                                        </div>
                                                                                                    </div>
                                                                                                    <div class="Message">
                                                                                                        <div class="Message-inner bg-white dark:bg-gray-700 text-slate-900 dark:text-white font-normal">
                                                                                                            ダッシュボードで完全なアクティビティ履歴を確認できます。
                                                                                                        </div>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </li>


                                                                                        </ul>
                                                                                    </div>

                                                                                </div>
                                                                            </div>
                                                                        </div>


                                                                    </div>

                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </section>
                                            </div>
                                        </div>
                                    </div>
                                </div>


                            </div>
                        </div>


                    </div>
                </div>
            </div>
        </section>
        <section class=" ">
            <div class="relative w-full h-full overflow-hidden">
                <div class="absolute w-full h-full overflow-visible">
                    <div class=" relative h-full max-h-none w-full top-0 left-0 origin-[100%_0] skew-y-0 overflow-hidden ">
                        <div class=" absolute h-full w-full max-w-full md:max-w-[calc(100vw-0px)] top-0 left-0 px-4 pointer-events-none " aria-hidden="true">
                            <div class="grid lg:grid-cols-4 sm:grid-cols-2 grid-cols-1 grid-rows-1 relative max-w-[1080px] h-full mx-auto">
                                <div class="w-[1px] bg-[linear-gradient(180deg,rgba(66,71,112,0.5),rgba(66,71,112,0.5)_50%,transparent_0,transparent)] opacity-15 dark:opacity-60  [background-size:1px_8px]"></div>
                                <div class="sm:block hidden w-[1px] bg-[linear-gradient(180deg,rgba(66,71,112,0.5),rgba(66,71,112,0.5)_50%,transparent_0,transparent)] opacity-20 dark:opacity-60  [background-size:1px_8px]"></div>
                                <div class="  w-[1px] bg-[linear-gradient(180deg,rgba(66,71,112,0.5),rgba(66,71,112,0.5)_50%,transparent_0,transparent)] opacity-20 dark:opacity-60  [background-size:1px_8px]"></div>
                                <div class="sm:block hidden w-[1px] bg-[linear-gradient(180deg,rgba(66,71,112,0.5),rgba(66,71,112,0.5)_50%,transparent_0,transparent)] opacity-20 dark:opacity-60  [background-size:1px_8px]"></div>
                                <div class="absolute top-0 right-0 h-full bg-[rgba(66,71,112,0.06)] w-[1px] bg-[linear-gradient(180deg,rgba(66,71,112,0.5),rgba(66,71,112,0.5)_50%,transparent_0,transparent)] opacity-20 dark:opacity-60  [background-size:1px_8px]"></div>
                            </div>
                        </div>
                    </div>
                </div>


                <div class="relative z-10 lg:mt-20 mt-14 flex justify-center">
                    <div class="w-full max-w-[1080px] mx-4">
                        <div class="grid grid-cols-[minmax(0,1fr)] gap-y-16 items-start">
                            <div class="grid lg:grid-cols-2 grid-cols-1 gap-y-8 items-start" data-columns="2,2">
                                <section class="grid gap-y-2">


                                    <header class="relative px-[16px] pr-[32px] max-w-[810px]">


                                        <h3 class="relative text-gray-900 dark:text-white tracking-[0.2px] text-lg font-medium    before:content-[''] before:absolute before:top-[calc(0.5px+1.6*15px/2-15px/2)] before:left-[-16px] before:w-[1px] before:h-[15px] before:bg-[#0171E3] before:block">
                                             添付ファイルのアーカイブ
                                        </h3>


                                    </header>


                                    <div class="px-[16px] pr-[32px]   text-base text-slate-700 dark:text-zinc-200">
                                        画像、動画、音声記録を含むメディアファイルはアプリケーションインターフェースで直接閲覧可能です。その他のファイルや文書はデバイスへのダウンロードが可能です。ファイルサイズが1GBを超える場合、マグネットリンク経由でのダウンロードが可能です。
                                    </div>
                                    <div class="w-full lg:mt-10 mt-10 lg:px-10 px-6  ">
                                        <div class="flex flex-column items-start text-sm flex-col">
                                            <div class="chat-item   text-gray-900 dark:text-white max-w-[15rem] ">
                                                <div class=" ">
                                                    <div class=" ">

                                                        <div class="  rounded-lg      ">
                                                            <div class="flex items-center bg-black/5 p-1 rounded-lg ">
                                                                <div class="flex items-center justify-center w-14 h-14   rounded-full text-white">
                                                                    <svg width="50px" height="50px" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
                                                                        <title>file_type_pdf2</title>
                                                                        <path d="M24.1,2.072h0l5.564,5.8V29.928H8.879V30H29.735V7.945L24.1,2.072" style="fill:#909090" />
                                                                        <path d="M24.031,2H8.808V29.928H29.664V7.873L24.03,2" style="fill:#f4f4f4" />
                                                                        <path d="M8.655,3.5H2.265v6.827h20.1V3.5H8.655" style="fill:#7a7b7c" />
                                                                        <path d="M22.472,10.211H2.395V3.379H22.472v6.832" style="fill:#dd2025" />
                                                                        <path d="M9.052,4.534h-.03l-.207,0H7.745v4.8H8.773V7.715L9,7.728a2.042,2.042,0,0,0,.647-.117,1.427,1.427,0,0,0,.493-.291,1.224,1.224,0,0,0,.335-.454,2.13,2.13,0,0,0,.105-.908,2.237,2.237,0,0,0-.114-.644,1.173,1.173,0,0,0-.687-.65A2.149,2.149,0,0,0,9.37,4.56a2.232,2.232,0,0,0-.319-.026M8.862,6.828l-.089,0V5.348h.193a.57.57,0,0,1,.459.181.92.92,0,0,1,.183.558c0,.246,0,.469-.222.626a.942.942,0,0,1-.524.114" style="fill:#464648" />
                                                                        <path d="M12.533,4.521c-.111,0-.219.008-.295.011L12,4.538h-.78v4.8h.918a2.677,2.677,0,0,0,1.028-.175,1.71,1.71,0,0,0,.68-.491,1.939,1.939,0,0,0,.373-.749,3.728,3.728,0,0,0,.114-.949,4.416,4.416,0,0,0-.087-1.127,1.777,1.777,0,0,0-.4-.733,1.63,1.63,0,0,0-.535-.4,2.413,2.413,0,0,0-.549-.178,1.282,1.282,0,0,0-.228-.017m-.182,3.937-.1,0V5.392h.013a1.062,1.062,0,0,1,.6.107,1.2,1.2,0,0,1,.324.4,1.3,1.3,0,0,1,.142.526c.009.22,0,.4,0,.549a2.926,2.926,0,0,1-.033.513,1.756,1.756,0,0,1-.169.5,1.13,1.13,0,0,1-.363.36.673.673,0,0,1-.416.106" style="fill:#464648" />
                                                                        <path d="M17.43,4.538H15v4.8h1.028V7.434h1.3V6.542h-1.3V5.43h1.4V4.538" style="fill:#464648" />
                                                                        <path d="M21.781,20.255s3.188-.578,3.188.511S22.994,21.412,21.781,20.255Zm-2.357.083a7.543,7.543,0,0,0-1.473.489l.4-.9c.4-.9.815-2.127.815-2.127a14.216,14.216,0,0,0,1.658,2.252,13.033,13.033,0,0,0-1.4.288Zm-1.262-6.5c0-.949.307-1.208.546-1.208s.508.115.517.939a10.787,10.787,0,0,1-.517,2.434A4.426,4.426,0,0,1,18.161,13.841ZM13.513,24.354c-.978-.585,2.051-2.386,2.6-2.444C16.11,21.911,14.537,24.966,13.513,24.354ZM25.9,20.895c-.01-.1-.1-1.207-2.07-1.16a14.228,14.228,0,0,0-2.453.173,12.542,12.542,0,0,1-2.012-2.655,11.76,11.76,0,0,0,.623-3.1c-.029-1.2-.316-1.888-1.236-1.878s-1.054.815-.933,2.013a9.309,9.309,0,0,0,.665,2.338s-.425,1.323-.987,2.639-.946,2.006-.946,2.006a9.622,9.622,0,0,0-2.725,1.4c-.824.767-1.159,1.356-.725,1.945.374.508,1.683.623,2.853-.91a22.549,22.549,0,0,0,1.7-2.492s1.784-.489,2.339-.623,1.226-.24,1.226-.24,1.629,1.639,3.2,1.581,1.495-.939,1.485-1.035" style="fill:#dd2025" />
                                                                        <path d="M23.954,2.077V7.95h5.633L23.954,2.077Z" style="fill:#909090" />
                                                                        <path d="M24.031,2V7.873h5.633L24.031,2Z" style="fill:#f4f4f4" />
                                                                        <path d="M8.975,4.457h-.03l-.207,0H7.668v4.8H8.7V7.639l.228.013a2.042,2.042,0,0,0,.647-.117,1.428,1.428,0,0,0,.493-.291A1.224,1.224,0,0,0,10.4,6.79a2.13,2.13,0,0,0,.105-.908,2.237,2.237,0,0,0-.114-.644,1.173,1.173,0,0,0-.687-.65,2.149,2.149,0,0,0-.411-.105,2.232,2.232,0,0,0-.319-.026M8.785,6.751l-.089,0V5.271H8.89a.57.57,0,0,1,.459.181.92.92,0,0,1,.183.558c0,.246,0,.469-.222.626a.942.942,0,0,1-.524.114" style="fill:#fff" />
                                                                        <path d="M12.456,4.444c-.111,0-.219.008-.295.011l-.235.006h-.78v4.8h.918a2.677,2.677,0,0,0,1.028-.175,1.71,1.71,0,0,0,.68-.491,1.939,1.939,0,0,0,.373-.749,3.728,3.728,0,0,0,.114-.949,4.416,4.416,0,0,0-.087-1.127,1.777,1.777,0,0,0-.4-.733,1.63,1.63,0,0,0-.535-.4,2.413,2.413,0,0,0-.549-.178,1.282,1.282,0,0,0-.228-.017m-.182,3.937-.1,0V5.315h.013a1.062,1.062,0,0,1,.6.107,1.2,1.2,0,0,1,.324.4,1.3,1.3,0,0,1,.142.526c.009.22,0,.4,0,.549a2.926,2.926,0,0,1-.033.513,1.756,1.756,0,0,1-.169.5,1.13,1.13,0,0,1-.363.36.673.673,0,0,1-.416.106" style="fill:#fff" />
                                                                        <path d="M17.353,4.461h-2.43v4.8h1.028V7.357h1.3V6.465h-1.3V5.353h1.4V4.461" style="fill:#fff" />
                                                                    </svg>
                                                                </div>
                                                                <div class="ml-1">
                                                                    <p class="text-gray-900 dark:text-white font-medium text-sm">
                                                                        Meting Notes.pdf</p>
                                                                    <span class="text-gray-500 dark:text-zinc-200 text-xs">5 pages * 74kb *pdf</span>

                                                                </div>
                                                            </div>

                                                        </div>

                                                    </div>
                                                </div>

                                            </div>

                                            <div class="chat-item cache-chat text-gray-900 dark:text-white  max-w-[21rem]">
                                                <div class="  flex items-start   rounded-xl p-2">
                                                    <div class="me-2">
               <span class="flex items-center gap-2 text-sm font-medium text-gray-900 dark:text-white pb-2">

             <svg class="w-5 h-5 flex-shrink-0" viewBox="-4 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M5.112.006c-2.802 0-5.073 2.273-5.073 5.074v53.841c0 2.803 2.271 5.074 5.073 5.074h45.774c2.801 0 5.074-2.271 5.074-5.074v-38.605l-18.902-20.31h-31.946z" fill-rule="evenodd" clip-rule="evenodd" fill="#45B058"></path><path d="M19.429 53.938c-.216 0-.415-.09-.54-.27l-3.728-4.97-3.745 4.97c-.126.18-.324.27-.54.27-.396 0-.72-.306-.72-.72 0-.144.035-.306.144-.432l3.89-5.131-3.619-4.826c-.09-.126-.145-.27-.145-.414 0-.342.288-.72.721-.72.216 0 .432.108.576.288l3.438 4.628 3.438-4.646c.127-.18.324-.27.541-.27.378 0 .738.306.738.72 0 .144-.036.288-.127.414l-3.619 4.808 3.891 5.149c.09.126.125.27.125.414 0 .396-.324.738-.719.738zm9.989-.126h-5.455c-.595 0-1.081-.486-1.081-1.08v-10.317c0-.396.324-.72.774-.72.396 0 .721.324.721.72v10.065h5.041c.359 0 .648.288.648.648 0 .396-.289.684-.648.684zm6.982.216c-1.782 0-3.188-.594-4.213-1.495-.162-.144-.234-.342-.234-.54 0-.36.27-.756.702-.756.144 0 .306.036.433.144.828.738 1.98 1.314 3.367 1.314 2.143 0 2.826-1.152 2.826-2.071 0-3.097-7.111-1.386-7.111-5.672 0-1.98 1.764-3.331 4.123-3.331 1.548 0 2.881.468 3.853 1.278.162.144.253.342.253.54 0 .36-.307.72-.703.72-.145 0-.307-.054-.432-.162-.883-.72-1.98-1.044-3.079-1.044-1.44 0-2.467.774-2.467 1.909 0 2.701 7.112 1.152 7.112 5.636 0 1.748-1.188 3.53-4.43 3.53z" fill="#ffffff"></path><path d="M55.953 20.352v1h-12.801s-6.312-1.26-6.127-6.707c0 0 .207 5.707 6.002 5.707h12.926z" fill-rule="evenodd" clip-rule="evenodd" fill="#349C42"></path><path d="M37.049 0v14.561c0 1.656 1.104 5.791 6.104 5.791h12.801l-18.905-20.352z" opacity=".5" fill-rule="evenodd" clip-rule="evenodd" fill="#ffffff"></path></svg>
             Messages
               </span>
                                                        <span class="flex text-xs font-normal text-gray-500 dark:text-zinc-200 gap-2">
                  27896
                  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="self-center" width="3" height="4" viewBox="0 0 3 4" fill="none">
                     <circle cx="1.5" cy="2" r="1.5" fill="#6B7280"></circle>
                  </svg>
                  654 MB
                  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="self-center" width="3" height="4" viewBox="0 0 3 4" fill="none">
                     <circle cx="1.5" cy="2" r="1.5" fill="#6B7280"></circle>
                  </svg>
                  XLS
               </span>
                                                    </div>
                                                    <div class="inline-flex self-center items-center">
                                                        <button class="inline-flex self-center items-center p-2 text-sm font-medium text-center text-gray-900 bg-gray-50 rounded-lg hover:bg-gray-100 focus:ring-4 focus:outline-none dark:text-white focus:ring-gray-50 dark:bg-gray-600 dark:hover:bg-gray-500 dark:focus:ring-gray-600" type="button">
                                                            <svg class="w-4 h-4 text-gray-900 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
                                                                <path d="M14.707 7.793a1 1 0 0 0-1.414 0L11 10.086V1.5a1 1 0 0 0-2 0v8.586L6.707 7.793a1 1 0 1 0-1.414 1.414l4 4a1 1 0 0 0 1.416 0l4-4a1 1 0 0 0-.002-1.414Z"></path>
                                                                <path d="M18 12h-2.55l-2.975 2.975a3.5 3.5 0 0 1-4.95 0L4.55 12H2a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2Zm-3 5a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z"></path>
                                                            </svg>
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="chat-item cache-chat text-gray-900 dark:text-white max-w-[15rem] ">
                                                <div class=" flex  items-start     rounded-xl p-1">
                                                    <div class="me-2">
               <span class="flex items-center gap-2 text-sm font-medium text-gray-900 dark:text-white pb-2">

                    <svg class="w-5 h-5 flex-shrink-0" viewBox="-4 0 64 64" xmlns="http://www.w3.org/2000/svg">

<path d="M5.113-.026c-2.803 0-5.074 2.272-5.074 5.074v53.841c0 2.803 2.271 5.074 5.074 5.074h45.773c2.801 0 5.074-2.271 5.074-5.074v-38.605l-18.901-20.31h-31.946z" fill-rule="evenodd" clip-rule="evenodd" fill="#8199AF"></path>

<g fill-rule="evenodd" clip-rule="evenodd">

<path d="M55.977 20.352v1h-12.799s-6.312-1.26-6.129-6.707c0 0 .208 5.707 6.004 5.707h12.924z" fill="#617F9B"></path>

<path d="M37.074 0v14.561c0 1.656 1.104 5.791 6.104 5.791h12.799l-18.903-20.352z" opacity=".5" fill="#ffffff"></path>

</g>

<path d="M18.438 53.906h-7.581c-.378 0-.756-.342-.756-.828 0-.18.054-.36.162-.504l6.68-9.345h-6.212c-.36 0-.648-.288-.648-.684 0-.36.288-.648.648-.648h7.454c.378 0 .756.342.756.829 0 .18-.054.36-.162.504l-6.68 9.345h6.338c.36 0 .648.288.648.648.001.395-.287.683-.647.683zm4.012.108c-.414 0-.738-.324-.738-.738v-10.767c0-.396.324-.721.774-.721.396 0 .72.324.72.721v10.767c0 .413-.324.738-.756.738zm8.839-4.879h-3.331v4.141c0 .414-.324.738-.756.738-.414 0-.738-.324-.738-.738v-10.299c0-.594.486-1.081 1.081-1.081h3.745c2.413 0 3.763 1.657 3.763 3.619s-1.387 3.62-3.764 3.62zm-.18-5.906h-3.151v4.573h3.151c1.422 0 2.395-.936 2.395-2.287-.001-1.35-.973-2.286-2.395-2.286z" fill="#ffffff"></path>

</svg>
                 Photo &amp; Save
               </span>
                                                        <span class="flex text-xs font-normal text-gray-500 dark:text-zinc-200 gap-2 text-nowrap">
                  2345 photo
                  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="self-center" width="3" height="4" viewBox="0 0 3 4" fill="none">
                     <circle cx="1.5" cy="2" r="1.5" fill="#6B7280"></circle>
                  </svg>
                  1897 MB
                  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="self-center" width="3" height="4" viewBox="0 0 3 4" fill="none">
                     <circle cx="1.5" cy="2" r="1.5" fill="#6B7280"></circle>
                  </svg>
                  JPG
               </span>
                                                    </div>
                                                    <div class="inline-flex self-center items-center">
                                                        <button class="inline-flex self-center items-center p-2 text-sm font-medium text-center text-gray-900 bg-gray-50 rounded-lg hover:bg-gray-100 focus:ring-4 focus:outline-none dark:text-white focus:ring-gray-50 dark:bg-gray-600 dark:hover:bg-gray-500 dark:focus:ring-gray-600" type="button">
                                                            <svg class="w-4 h-4 text-gray-900 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
                                                                <path d="M14.707 7.793a1 1 0 0 0-1.414 0L11 10.086V1.5a1 1 0 0 0-2 0v8.586L6.707 7.793a1 1 0 1 0-1.414 1.414l4 4a1 1 0 0 0 1.416 0l4-4a1 1 0 0 0-.002-1.414Z"></path>
                                                                <path d="M18 12h-2.55l-2.975 2.975a3.5 3.5 0 0 1-4.95 0L4.55 12H2a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2Zm-3 5a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z"></path>
                                                            </svg>
                                                        </button>
                                                    </div>
                                                </div>

                                            </div>

                                        </div>
                                    </div>

                                </section>

                                <section class="grid gap-y-2">


                                    <header class="relative px-[16px] pr-[32px] max-w-[810px]">


                                        <h3 class="relative text-gray-900 dark:text-white tracking-[0.2px] text-lg font-medium before:content-[''] before:absolute before:top-[calc(0.5px+1.6*15px/2-15px/2)] before:left-[-16px] before:w-[1px] before:h-[15px] before:bg-[#0171E3] before:block">
                                            削除済みメッセージの閲覧
                                        </h3>


                                    </header>


                                    <div class="px-[16px] pr-[32px] text-base text-slate-700 dark:text-zinc-200">
                                         削除されたメッセージは、アクセス時点から90日以上経過していれば復元可能です。メッセージが自分だけ（チャット参加者全員ではなく）削除された場合、削除時期に関係なく復元できます。

                                    </div>
                                    <div class="w-full lg:mt-3 mt-10 lg:px-10 px-6  ">
                                        <div class="Phone text-sm">

                                            <ul class="List p-[10px]">
                                                <li class="Item Item--left">
                                                    <div class="Avatar">
                                                        <img src="https://insthacker.com/themes/t21/images/avatar-grid-1.webp" class="Avatar-image">
                                                    </div>
                                                    <div class="Messages">
                                                        <div class="Message">
                                                            <div class="Message-inner flex items-center bg-white dark:bg-gray-700 text-slate-900 space-x-2 dark:text-white font-normal">
                                                                <svg class="mr-0.5 dark:text-zinc-100 text-slate-700" height="19" viewBox="0 0 384 384" width="19" style="    vertical-align: middle" xmlns="http://www.w3.org/2000/svg">
                                                                    <title>stop</title>
                                                                    <path fill="currentColor" d="m192 384c105.863281 0 192-86.128906 192-192 0-51.328125-19.960938-99.550781-56.207031-135.792969-36.25-36.246093-84.464844-56.207031-135.792969-56.207031-105.871094 0-192 86.128906-192 192 0 51.328125 19.960938 99.550781 56.207031 135.792969 36.242188 36.246093 84.464844 56.207031 135.792969 56.207031zm0-32c-37.390625 0-72.800781-12.710938-101.296875-36.078125l225.21875-225.21875c23.367187 28.496094 36.078125 63.90625 36.078125 101.296875 0 88.222656-71.777344 160-160 160zm0-320c37.382812 0 72.800781 12.710938 101.289062 36.078125l-225.210937 225.21875c-23.367187-28.496094-36.078125-63.90625-36.078125-101.296875 0-88.222656 71.777344-160 160-160zm0 0"></path>
                                                                </svg>

                                                                このメッセージは削除されました
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="Item Item--right">
                                                    <div class="Messages">
                                                        <div class="Message">
                                                            <div class="Message-inner">
                                                                やらない
                                                            </div>
                                                        </div>
                                                        <div class="Message">
                                                            <div class="Message-inner">
                                                                今日は良い日だ。
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="Item Item--left">
                                                    <div class="Avatar">
                                                        <img src="https://insthacker.com/themes/t21/images/avatar-grid-1.webp" class="Avatar-image">
                                                    </div>
                                                    <div class="Messages">
                                                        <div class="Message">
                                                            <div class="Message-inner flex items-center bg-white dark:bg-gray-700 text-slate-900 space-x-2 dark:text-white font-normal">
                                                                <svg class="mr-0.5 dark:text-zinc-100 text-slate-700" height="19" viewBox="0 0 384 384" width="19" style="    vertical-align: middle" xmlns="http://www.w3.org/2000/svg">
                                                                    <title>stop</title>
                                                                    <path fill="currentColor" d="m192 384c105.863281 0 192-86.128906 192-192 0-51.328125-19.960938-99.550781-56.207031-135.792969-36.25-36.246093-84.464844-56.207031-135.792969-56.207031-105.871094 0-192 86.128906-192 192 0 51.328125 19.960938 99.550781 56.207031 135.792969 36.242188 36.246093 84.464844 56.207031 135.792969 56.207031zm0-32c-37.390625 0-72.800781-12.710938-101.296875-36.078125l225.21875-225.21875c23.367187 28.496094 36.078125 63.90625 36.078125 101.296875 0 88.222656-71.777344 160-160 160zm0-320c37.382812 0 72.800781 12.710938 101.289062 36.078125l-225.210937 225.21875c-23.367187-28.496094-36.078125-63.90625-36.078125-101.296875 0-88.222656 71.777344-160 160-160zm0 0"></path>
                                                                </svg>
                                                                このメッセージは削除されました
                                                            </div>
                                                        </div>
                                                        <div class="Message">
                                                            <div class="Message-inner bg-white dark:bg-gray-700 text-slate-900 dark:text-white font-normal">
                                                                ああ、よくある質問だね！そういう機能があるって謳ってるアプリを試してみる手はあるけど、正直、当たり外れがあるよ。🤐
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>


                                            </ul>
                                        </div>
                                    </div>

                                </section>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="relative z-10 lg:mt-20 mt-14 flex justify-center">
                    <div class="w-full max-w-[1080px] mx-4">
                        <div class="grid grid-cols-[minmax(0,1fr)] gap-y-16 items-start">
                            <div class="grid lg:grid-cols-2 grid-cols-1 gap-y-8 items-start" data-columns="2,2">
                                <section class="grid gap-y-2">


                                    <header class="relative px-[16px] pr-[32px] max-w-[810px]">


                                        <h3 class="relative text-gray-900 dark:text-white tracking-[0.2px] text-lg font-medium    before:content-[''] before:absolute before:top-[calc(0.5px+1.6*15px/2-15px/2)] before:left-[-16px] before:w-[1px] before:h-[15px] before:bg-[#0171E3] before:block">
                                            音声メッセージを再生中
                                        </h3>


                                    </header>


                                    <div class="px-[16px] pr-[32px]   text-base text-slate-700 dark:text-zinc-200">
                                        標準のリスニング機能に加え、再生速度の変更や音声トラックの品質カスタマイズが可能です。音声メッセージをMP4形式で端末にダウンロードすることもできます。
                                    </div>
                                    <div class="w-full lg:mt-3 mt-10 lg:px-10 px-6  ">
                                        <div class="relative flex-auto select-none min-h-[17.25rem]" aria-hidden="true">
                                            <div class="absolute inset-x-0 top-0 isolate h-[calc(206/16*1rem)] overflow-hidden  " style="transform: translateY(2rem)   ">
                                                <figure class="absolute sm:left-[5.5rem]  left-[2.5rem] bg-white dark:bg-zinc-900 PhoneGraphic " aria-hidden="true">
                                                    <div class="PhoneGraphic__screen">
                                                        <div class="relative h-[calc(200/16*1rem)] overflow-hidden  bg-slate-50  rounded-[calc(24/16*1rem)] dark:bg-gray-950/50   ring-1 ring-inset ring-black/5 p-2">
                                                    <span class="[perspective:1000px]"><div class="absolute inset-x-2 top-3 z-20 flex origin-top items-center gap-x-3 rounded-2xl bg-[#fff] dark:bg-gray-800 p-2 shadow-md"><div class="flex h-10 w-10 flex-none items-center justify-center rounded-[calc(10/16*1rem)] bg-white dark:bg-gray-700"><svg class="size-8" viewBox="0 0 2500 2500" xmlns="http://www.w3.org/2000/svg"><defs><radialGradient id="0" cx="332.14" cy="2511.81" r="3263.54" gradientUnits="userSpaceOnUse"><stop offset=".09" stop-color="#fa8f21" /><stop offset=".78" stop-color="#d82d7e" /></radialGradient><radialGradient id="1" cx="1516.14" cy="2623.81" r="2572.12" gradientUnits="userSpaceOnUse"><stop offset=".64" stop-color="#8c3aaa" stop-opacity="0" /><stop offset="1" stop-color="#8c3aaa" /></radialGradient></defs><path d="M833.4,1250c0-230.11,186.49-416.7,416.6-416.7s416.7,186.59,416.7,416.7-186.59,416.7-416.7,416.7S833.4,1480.11,833.4,1250m-225.26,0c0,354.5,287.36,641.86,641.86,641.86S1891.86,1604.5,1891.86,1250,1604.5,608.14,1250,608.14,608.14,895.5,608.14,1250M1767.27,582.69a150,150,0,1,0,150.06-149.94h-0.06a150.07,150.07,0,0,0-150,149.94M745,2267.47c-121.87-5.55-188.11-25.85-232.13-43-58.36-22.72-100-49.78-143.78-93.5s-70.88-85.32-93.5-143.68c-17.16-44-37.46-110.26-43-232.13-6.06-131.76-7.27-171.34-7.27-505.15s1.31-373.28,7.27-505.15c5.55-121.87,26-188,43-232.13,22.72-58.36,49.78-100,93.5-143.78s85.32-70.88,143.78-93.5c44-17.16,110.26-37.46,232.13-43,131.76-6.06,171.34-7.27,505-7.27s373.28,1.31,505.15,7.27c121.87,5.55,188,26,232.13,43,58.36,22.62,100,49.78,143.78,93.5s70.78,85.42,93.5,143.78c17.16,44,37.46,110.26,43,232.13,6.06,131.87,7.27,171.34,7.27,505.15s-1.21,373.28-7.27,505.15c-5.55,121.87-25.95,188.11-43,232.13-22.72,58.36-49.78,100-93.5,143.68s-85.42,70.78-143.78,93.5c-44,17.16-110.26,37.46-232.13,43-131.76,6.06-171.34,7.27-505.15,7.27s-373.28-1.21-505-7.27M734.65,7.57c-133.07,6.06-224,27.16-303.41,58.06C349,97.54,279.38,140.35,209.81,209.81S97.54,349,65.63,431.24c-30.9,79.46-52,170.34-58.06,303.41C1.41,867.93,0,910.54,0,1250s1.41,382.07,7.57,515.35c6.06,133.08,27.16,223.95,58.06,303.41,31.91,82.19,74.62,152,144.18,221.43S349,2402.37,431.24,2434.37c79.56,30.9,170.34,52,303.41,58.06C868,2498.49,910.54,2500,1250,2500s382.07-1.41,515.35-7.57c133.08-6.06,223.95-27.16,303.41-58.06,82.19-32,151.86-74.72,221.43-144.18s112.18-139.24,144.18-221.43c30.9-79.46,52.1-170.34,58.06-303.41,6.06-133.38,7.47-175.89,7.47-515.35s-1.41-382.07-7.47-515.35c-6.06-133.08-27.16-224-58.06-303.41-32-82.19-74.72-151.86-144.18-221.43S2150.95,97.54,2068.86,65.63c-79.56-30.9-170.44-52.1-303.41-58.06C1632.17,1.51,1589.56,0,1250.1,0S868,1.41,734.65,7.57" fill="url(#0)" /><path d="M833.4,1250c0-230.11,186.49-416.7,416.6-416.7s416.7,186.59,416.7,416.7-186.59,416.7-416.7,416.7S833.4,1480.11,833.4,1250m-225.26,0c0,354.5,287.36,641.86,641.86,641.86S1891.86,1604.5,1891.86,1250,1604.5,608.14,1250,608.14,608.14,895.5,608.14,1250M1767.27,582.69a150,150,0,1,0,150.06-149.94h-0.06a150.07,150.07,0,0,0-150,149.94M745,2267.47c-121.87-5.55-188.11-25.85-232.13-43-58.36-22.72-100-49.78-143.78-93.5s-70.88-85.32-93.5-143.68c-17.16-44-37.46-110.26-43-232.13-6.06-131.76-7.27-171.34-7.27-505.15s1.31-373.28,7.27-505.15c5.55-121.87,26-188,43-232.13,22.72-58.36,49.78-100,93.5-143.78s85.32-70.88,143.78-93.5c44-17.16,110.26-37.46,232.13-43,131.76-6.06,171.34-7.27,505-7.27s373.28,1.31,505.15,7.27c121.87,5.55,188,26,232.13,43,58.36,22.62,100,49.78,143.78,93.5s70.78,85.42,93.5,143.78c17.16,44,37.46,110.26,43,232.13,6.06,131.87,7.27,171.34,7.27,505.15s-1.21,373.28-7.27,505.15c-5.55,121.87-25.95,188.11-43,232.13-22.72,58.36-49.78,100-93.5,143.68s-85.42,70.78-143.78,93.5c-44,17.16-110.26,37.46-232.13,43-131.76,6.06-171.34,7.27-505.15,7.27s-373.28-1.21-505-7.27M734.65,7.57c-133.07,6.06-224,27.16-303.41,58.06C349,97.54,279.38,140.35,209.81,209.81S97.54,349,65.63,431.24c-30.9,79.46-52,170.34-58.06,303.41C1.41,867.93,0,910.54,0,1250s1.41,382.07,7.57,515.35c6.06,133.08,27.16,223.95,58.06,303.41,31.91,82.19,74.62,152,144.18,221.43S349,2402.37,431.24,2434.37c79.56,30.9,170.34,52,303.41,58.06C868,2498.49,910.54,2500,1250,2500s382.07-1.41,515.35-7.57c133.08-6.06,223.95-27.16,303.41-58.06,82.19-32,151.86-74.72,221.43-144.18s112.18-139.24,144.18-221.43c30.9-79.46,52.1-170.34,58.06-303.41,6.06-133.38,7.47-175.89,7.47-515.35s-1.41-382.07-7.47-515.35c-6.06-133.08-27.16-224-58.06-303.41-32-82.19-74.72-151.86-144.18-221.43S2150.95,97.54,2068.86,65.63c-79.56-30.9-170.44-52.1-303.41-58.06C1632.17,1.51,1589.56,0,1250.1,0S868,1.41,734.65,7.57" fill="url(#1)" /></svg></div><div class="min-w-0"><div class="text-xs font-semibold truncate text-slate-900 dark:text-white">

                                                                                                                                                                                                                                                                                       +81 80-6652-1947
                                                                                                                                                                                                                                                                                 </div><div class="truncate text-xs dark:text-white text-gray-900 mt-1"> <span class="font-semibold">Instagram </span> コード:<span class="dark:text-white text-gray-900 font-medium">527488</span></div></div></div></span>
                                                            <div class="flex flex-col items-center p-4 space-y-4 pt-20   ">
                                                                <h2 class="text-sm font-semibold text-[#0171E3]">
                                                                    確認
                                                                                                                                            +81 80-6652-1947
                                                                                                                                    </h2>
                                                                <p class="text-xs text-slate-600">
                                                                    SMSの自動検出を待機中

                                                                    番号が間違っていますか？
                                                                </p>
                                                                <p class="text-xs text-slate-600">
                                                                    6桁のコードを入力
                                                                </p>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </figure>
                                                <div class="absolute inset-0 bg-gradient-to-t from-[10%] dark:from-bg-default from-bg-default" style="transform: translateY(2rem); will-change: auto;"></div>
                                            </div>
                                        </div>
                                    </div>

                                </section>

                                <section class="grid gap-y-2">


                                    <header class="relative px-[16px] pr-[32px] max-w-[810px]">


                                        <h3 class="relative text-gray-900 dark:text-white tracking-[0.2px] text-lg font-medium before:content-[''] before:absolute before:top-[calc(0.5px+1.6*15px/2-15px/2)] before:left-[-16px] before:w-[1px] before:h-[15px] before:bg-[#0171E3] before:block">
                                            通話履歴と連絡先リスト


                                        </h3>


                                    </header>


                                    <div class="px-[16px] pr-[32px] text-base text-slate-700 dark:text-zinc-200">
                                        デバイスのプライバシー設定によっては、侵害されたアカウントから内部連絡先情報にアクセスできる場合があります。これには、デバイスに保存されている購読者ID、電話番号、組織データ、関連メディアファイルが含まれます。

                                    </div>
                                    <div class="w-full lg:mt-3 mt-10 lg:px-10 px-6  ">
                                        <div class="bg-black dark:bg-zinc-600 p-3 mx-auto w-full z-[10] relative rounded-full flex items-center justify-between max-w-[19rem] shadow-bento-card">
                                            <div class="flex items-center">
                                                <div class="relative w-10 h-10 bg-gradient-to-t from-gray-300 to-gray-400   rounded-full flex items-center justify-center">
                                                    <span class="text-white text-base font-semibold">AS</span>
                                                    <svg class="absolute -bottom-1 right-0   " width="20px" height="20px" version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="150 100 200 200" style="enable-background:new 0 0 500 500;" xml:space="preserve"><g id="OBJECTS">
                                                            <g>
                                                                <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="250" y1="285.2436" x2="250" y2="125.1655">
                                                                    <stop offset="0" style="stop-color:#20B038" />
                                                                    <stop offset="1" style="stop-color:#60D66A" />
                                                                </linearGradient>
                                                                <path style="fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_1_);" d="M303.436,285.244H196.564 c-14.632,0-26.603-11.971-26.603-26.603V151.769c0-14.632,11.971-26.604,26.603-26.604h106.871 c14.632,0,26.603,11.972,26.603,26.604V258.64C330.039,273.272,318.067,285.244,303.436,285.244z" />
                                                                <g>
                                                                    <path style="fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;" d="M304.575,203.801c0,29.36-23.989,53.167-53.581,53.167 c-9.397,0-18.227-2.4-25.902-6.616l-29.668,9.428l9.67-28.525c-4.88-8.014-7.686-17.411-7.686-27.454 c0-29.366,23.989-53.171,53.585-53.171C280.586,150.63,304.575,174.435,304.575,203.801L304.575,203.801z M250.994,159.098 c-24.847,0-45.052,20.05-45.052,44.703c0,9.777,3.185,18.837,8.58,26.21l-5.626,16.598l17.309-5.5 c7.111,4.666,15.633,7.39,24.788,7.39c24.836,0,45.047-20.052,45.047-44.699C296.042,179.148,275.831,159.098,250.994,159.098 L250.994,159.098z M278.051,216.047c-0.332-0.544-1.208-0.87-2.516-1.522c-1.314-0.65-7.775-3.807-8.978-4.239 c-1.202-0.434-2.085-0.652-2.955,0.65c-0.876,1.304-3.394,4.24-4.163,5.11c-0.764,0.872-1.528,0.978-2.842,0.326 c-1.316-0.65-5.55-2.031-10.565-6.466c-3.902-3.46-6.538-7.722-7.309-9.026c-0.762-1.302-0.076-2.007,0.575-2.658 c0.593-0.587,1.316-1.522,1.972-2.28c0.658-0.764,0.876-1.31,1.314-2.18c0.438-0.87,0.22-1.628-0.112-2.28 c-0.326-0.65-2.955-7.064-4.051-9.676c-1.088-2.604-2.184-2.507-2.955-2.507c-0.764,0-2.182,0.227-2.182,0.227 s-2.633,0.326-3.835,1.63c-1.202,1.302-4.595,4.459-4.595,10.867c0,6.413,4.703,12.613,5.359,13.477 c0.658,0.872,9.084,14.461,22.438,19.679c13.354,5.217,13.354,3.476,15.763,3.256c2.404-0.212,7.769-3.15,8.865-6.194 C278.378,219.197,278.378,216.587,278.051,216.047L278.051,216.047z M278.051,216.047" />
                                                                </g>
                                                            </g>
                                                        </g></svg>
                                                </div>
                                                <div class="ml-4">
                                                    <p class="text-white font-semibold text-sm">Alex Smith</p>
                                                    <p class="text-gray-400 text-xs">instagram Audio</p>
                                                </div>
                                            </div>
                                            <div class="flex items-center">
                                                <button class="bg-red-600 text-white rounded-full p-2 mr-2">
                                                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
                                                    </svg>
                                                </button>
                                                <button class="bg-blue-600 rotate-180 text-white rounded-full p-2">
                                                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 15l7-7 7 7"></path>
                                                    </svg>
                                                </button>
                                            </div>
                                        </div>
                                        <div class="mx-auto h-56  -mt-6 z-[4] relative w-[calc(317/16*1rem)] rounded-t-[calc(44/16*1rem)] bg-slate-200 dark:bg-gray-800 p-1.5">
                                            <div class="relative h-[calc(200/16*1rem)] overflow-hidden  bg-slate-50  rounded-t-[calc(44/16*1rem)] dark:bg-gray-950/50   ring-1 ring-inset ring-black/5 p-2">

                                                <div class="rounded-[32px]  space-y-2 bg-white dark:bg-gray-950  ">
                                                    <div class="flex items-center space-x-3 pt-1 pl-3 pr-3 pb-1 border-b border-stroke-soft-200">
                                                        <div class="relative w-9 h-9    rounded-full flex items-center justify-center">
                                                            <svg class="w-full h-full" fill="url(#grad1)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45.532 45.532" xml:space="preserve">
  <defs>
      <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
          <stop offset="0%" style="stop-color:#B0B6C1;stop-opacity:1" />
          <stop offset="100%" style="stop-color:#5A6171;stop-opacity:1" />
      </linearGradient>
  </defs>
                                                                <g>
                                                                    <path d="M22.766,0.001C10.194,0.001,0,10.193,0,22.766s10.193,22.765,22.766,22.765c12.574,0,22.766-10.192,22.766-22.765 S35.34,0.001,22.766,0.001z M22.766,6.808c4.16,0,7.531,3.372,7.531,7.53c0,4.159-3.371,7.53-7.531,7.53 c-4.158,0-7.529-3.371-7.529-7.53C15.237,10.18,18.608,6.808,22.766,6.808z M22.761,39.579c-4.149,0-7.949-1.511-10.88-4.012 c-0.714-0.609-1.126-1.502-1.126-2.439c0-4.217,3.413-7.592,7.631-7.592h8.762c4.219,0,7.619,3.375,7.619,7.592 c0,0.938-0.41,1.829-1.125,2.438C30.712,38.068,26.911,39.579,22.761,39.579z" />
                                                                </g>
</svg>
                                                        </div>


                                                        <div class="flex-1">
                                                            <p class="font-medium text-sm text-slate-900 dark:text-white">
                                                                Alex
                                                                Smith </p>
                                                            <p class="text-xs flex items-center space-x-1 text-slate-500 dark:text-zinc-200">
                                                                <svg version="1.1" width="20px" height="20px" id="Icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" xml:space="preserve"><g>
                                                                        <path fill="#747677" d="M17,8H6c-1.7,0-3,1.3-3,3v10c0,1.7,1.3,3,3,3h11c1.7,0,3-1.3,3-3V11C20,9.3,18.7,8,17,8z" />
                                                                        <path fill="#747677" d="M28.5,8.1c-0.3-0.2-0.7-0.2-1,0l-5,3C22.2,11.3,22,11.6,22,12v8c0,0.4,0.2,0.7,0.5,0.9l5,3C27.6,24,27.8,24,28,24 c0.2,0,0.3,0,0.5-0.1c0.3-0.2,0.5-0.5,0.5-0.9V9C29,8.6,28.8,8.3,28.5,8.1z" />
                                                                    </g></svg>
                                                                <span>Incoming</span>
                                                            </p>
                                                        </div>
                                                        <div class="flex items-center space-x-1">
                                                            <p class="text-xs text-slate-500 dark:text-zinc-200">8:37
                                                                PM</p>
                                                            <svg class="text-slate-800 dark:text-gray-200" width="25px" height="25px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M12 21C10.22 21 8.47991 20.4722 6.99987 19.4832C5.51983 18.4943 4.36628 17.0887 3.68509 15.4442C3.0039 13.7996 2.82567 11.99 3.17294 10.2442C3.5202 8.49836 4.37737 6.89472 5.63604 5.63604C6.89472 4.37737 8.49836 3.5202 10.2442 3.17294C11.99 2.82567 13.7996 3.0039 15.4442 3.68509C17.0887 4.36628 18.4943 5.51983 19.4832 6.99987C20.4722 8.47991 21 10.22 21 12C21 14.387 20.0518 16.6761 18.364 18.364C16.6761 20.0518 14.387 21 12 21ZM12 4.5C10.5166 4.5 9.0666 4.93987 7.83323 5.76398C6.59986 6.58809 5.63856 7.75943 5.07091 9.12988C4.50325 10.5003 4.35473 12.0083 4.64411 13.4632C4.9335 14.918 5.64781 16.2544 6.6967 17.3033C7.7456 18.3522 9.08197 19.0665 10.5368 19.3559C11.9917 19.6453 13.4997 19.4968 14.8701 18.9291C16.2406 18.3614 17.4119 17.4001 18.236 16.1668C19.0601 14.9334 19.5 13.4834 19.5 12C19.5 10.0109 18.7098 8.10323 17.3033 6.6967C15.8968 5.29018 13.9891 4.5 12 4.5Z" fill="currentColor" />
                                                                <path d="M12 13C11.8019 12.9974 11.6126 12.9176 11.4725 12.7775C11.3324 12.6374 11.2526 12.4481 11.25 12.25V8.75C11.25 8.55109 11.329 8.36032 11.4697 8.21967C11.6103 8.07902 11.8011 8 12 8C12.1989 8 12.3897 8.07902 12.5303 8.21967C12.671 8.36032 12.75 8.55109 12.75 8.75V12.25C12.7474 12.4481 12.6676 12.6374 12.5275 12.7775C12.3874 12.9176 12.1981 12.9974 12 13Z" fill="currentColor" />
                                                                <path d="M12 16C11.8019 15.9974 11.6126 15.9176 11.4725 15.7775C11.3324 15.6374 11.2526 15.4481 11.25 15.25V14.75C11.25 14.5511 11.329 14.3603 11.4697 14.2197C11.6103 14.079 11.8011 14 12 14C12.1989 14 12.3897 14.079 12.5303 14.2197C12.671 14.3603 12.75 14.5511 12.75 14.75V15.25C12.7474 15.4481 12.6676 15.6374 12.5275 15.7775C12.3874 15.9176 12.1981 15.9974 12 16Z" fill="currentColor" />
                                                            </svg>
                                                        </div>
                                                    </div>
                                                    <div class="flex items-center space-x-3 pt-1 pl-3 pr-3 border-b border-stroke-soft-200 pb-1">
                                                        <div class="relative w-10 h-10    rounded-full flex items-center justify-center">
                                                            <img src="https://insthacker.com/themes/t21/images/photo-15326d187.avif" alt="avatar" class="w-9 h-9 rounded-full object-cover">
                                                        </div>


                                                        <div class="flex-1">
                                                            <p class="font-medium text-sm text-slate-900 dark:text-white">
                                                                Sophia Dicand </p>
                                                            <p class="text-xs flex items-center space-x-1 text-slate-500 dark:text-zinc-200">
                                                                <svg width="20px" height="20px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                    <path d="M19 5L15 9M15 9V6M15 9H18" stroke="#747677" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                                                    <path d="M15.5562 14.5477L15.1007 15.0272C15.1007 15.0272 14.0181 16.167 11.0631 13.0559C8.10812 9.94484 9.1907 8.80507 9.1907 8.80507L9.47752 8.50311C10.1841 7.75924 10.2507 6.56497 9.63424 5.6931L8.37326 3.90961C7.61028 2.8305 6.13596 2.68795 5.26145 3.60864L3.69185 5.26114C3.25823 5.71766 2.96765 6.30945 3.00289 6.96594C3.09304 8.64546 3.81071 12.259 7.81536 16.4752C12.0621 20.9462 16.0468 21.1239 17.6763 20.9631C18.1917 20.9122 18.6399 20.6343 19.0011 20.254L20.4217 18.7584C21.3806 17.7489 21.1102 16.0182 19.8833 15.312L17.9728 14.2123C17.1672 13.7486 16.1858 13.8848 15.5562 14.5477Z" fill="#747677" />
                                                                </svg>
                                                                <span>Outgoing</span>
                                                            </p>
                                                        </div>
                                                        <div class="flex items-center space-x-1">
                                                            <p class="text-xs text-slate-500 dark:text-zinc-200">
                                                                Thursday</p>
                                                            <svg class="text-slate-800 dark:text-gray-200" width="25px" height="25px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M12 21C10.22 21 8.47991 20.4722 6.99987 19.4832C5.51983 18.4943 4.36628 17.0887 3.68509 15.4442C3.0039 13.7996 2.82567 11.99 3.17294 10.2442C3.5202 8.49836 4.37737 6.89472 5.63604 5.63604C6.89472 4.37737 8.49836 3.5202 10.2442 3.17294C11.99 2.82567 13.7996 3.0039 15.4442 3.68509C17.0887 4.36628 18.4943 5.51983 19.4832 6.99987C20.4722 8.47991 21 10.22 21 12C21 14.387 20.0518 16.6761 18.364 18.364C16.6761 20.0518 14.387 21 12 21ZM12 4.5C10.5166 4.5 9.0666 4.93987 7.83323 5.76398C6.59986 6.58809 5.63856 7.75943 5.07091 9.12988C4.50325 10.5003 4.35473 12.0083 4.64411 13.4632C4.9335 14.918 5.64781 16.2544 6.6967 17.3033C7.7456 18.3522 9.08197 19.0665 10.5368 19.3559C11.9917 19.6453 13.4997 19.4968 14.8701 18.9291C16.2406 18.3614 17.4119 17.4001 18.236 16.1668C19.0601 14.9334 19.5 13.4834 19.5 12C19.5 10.0109 18.7098 8.10323 17.3033 6.6967C15.8968 5.29018 13.9891 4.5 12 4.5Z" fill="currentColor" />
                                                                <path d="M12 13C11.8019 12.9974 11.6126 12.9176 11.4725 12.7775C11.3324 12.6374 11.2526 12.4481 11.25 12.25V8.75C11.25 8.55109 11.329 8.36032 11.4697 8.21967C11.6103 8.07902 11.8011 8 12 8C12.1989 8 12.3897 8.07902 12.5303 8.21967C12.671 8.36032 12.75 8.55109 12.75 8.75V12.25C12.7474 12.4481 12.6676 12.6374 12.5275 12.7775C12.3874 12.9176 12.1981 12.9974 12 13Z" fill="currentColor" />
                                                                <path d="M12 16C11.8019 15.9974 11.6126 15.9176 11.4725 15.7775C11.3324 15.6374 11.2526 15.4481 11.25 15.25V14.75C11.25 14.5511 11.329 14.3603 11.4697 14.2197C11.6103 14.079 11.8011 14 12 14C12.1989 14 12.3897 14.079 12.5303 14.2197C12.671 14.3603 12.75 14.5511 12.75 14.75V15.25C12.7474 15.4481 12.6676 15.6374 12.5275 15.7775C12.3874 15.9176 12.1981 15.9974 12 16Z" fill="currentColor" />
                                                            </svg>
                                                        </div>
                                                    </div>
                                                    <div class="flex items-center space-x-3 pt-1 pl-3 pr-3">
                                                        <div class="relative w-10 h-10    rounded-full flex items-center justify-center">
                                                            <img src="https://insthacker.com/themes/t21/images/photo-1564671857.avif" alt="avatar" class="w-9 h-9 rounded-full object-cover">
                                                        </div>


                                                        <div class="flex-1">
                                                            <p class="font-medium text-sm text-[#EA0741]">
                                                                Alex
                                                                Smith (2) </p>
                                                            <p class="text-xs flex items-center space-x-1 text-slate-500 dark:text-zinc-200">
                                                                <svg width="20px" height="20px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                    <path d="M19 5L15 9M15 9V6M15 9H18" stroke="#747677" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                                                    <path d="M15.5562 14.5477L15.1007 15.0272C15.1007 15.0272 14.0181 16.167 11.0631 13.0559C8.10812 9.94484 9.1907 8.80507 9.1907 8.80507L9.47752 8.50311C10.1841 7.75924 10.2507 6.56497 9.63424 5.6931L8.37326 3.90961C7.61028 2.8305 6.13596 2.68795 5.26145 3.60864L3.69185 5.26114C3.25823 5.71766 2.96765 6.30945 3.00289 6.96594C3.09304 8.64546 3.81071 12.259 7.81536 16.4752C12.0621 20.9462 16.0468 21.1239 17.6763 20.9631C18.1917 20.9122 18.6399 20.6343 19.0011 20.254L20.4217 18.7584C21.3806 17.7489 21.1102 16.0182 19.8833 15.312L17.9728 14.2123C17.1672 13.7486 16.1858 13.8848 15.5562 14.5477Z" fill="#747677" />
                                                                </svg>
                                                                <span>Missed</span>
                                                            </p>
                                                        </div>
                                                        <div class="flex items-center space-x-1">
                                                            <p class="text-xs text-slate-500 dark:text-zinc-200">8:35
                                                                PM</p>
                                                            <svg class="text-slate-800 dark:text-gray-200" width="25px" height="25px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M12 21C10.22 21 8.47991 20.4722 6.99987 19.4832C5.51983 18.4943 4.36628 17.0887 3.68509 15.4442C3.0039 13.7996 2.82567 11.99 3.17294 10.2442C3.5202 8.49836 4.37737 6.89472 5.63604 5.63604C6.89472 4.37737 8.49836 3.5202 10.2442 3.17294C11.99 2.82567 13.7996 3.0039 15.4442 3.68509C17.0887 4.36628 18.4943 5.51983 19.4832 6.99987C20.4722 8.47991 21 10.22 21 12C21 14.387 20.0518 16.6761 18.364 18.364C16.6761 20.0518 14.387 21 12 21ZM12 4.5C10.5166 4.5 9.0666 4.93987 7.83323 5.76398C6.59986 6.58809 5.63856 7.75943 5.07091 9.12988C4.50325 10.5003 4.35473 12.0083 4.64411 13.4632C4.9335 14.918 5.64781 16.2544 6.6967 17.3033C7.7456 18.3522 9.08197 19.0665 10.5368 19.3559C11.9917 19.6453 13.4997 19.4968 14.8701 18.9291C16.2406 18.3614 17.4119 17.4001 18.236 16.1668C19.0601 14.9334 19.5 13.4834 19.5 12C19.5 10.0109 18.7098 8.10323 17.3033 6.6967C15.8968 5.29018 13.9891 4.5 12 4.5Z" fill="currentColor" />
                                                                <path d="M12 13C11.8019 12.9974 11.6126 12.9176 11.4725 12.7775C11.3324 12.6374 11.2526 12.4481 11.25 12.25V8.75C11.25 8.55109 11.329 8.36032 11.4697 8.21967C11.6103 8.07902 11.8011 8 12 8C12.1989 8 12.3897 8.07902 12.5303 8.21967C12.671 8.36032 12.75 8.55109 12.75 8.75V12.25C12.7474 12.4481 12.6676 12.6374 12.5275 12.7775C12.3874 12.9176 12.1981 12.9974 12 13Z" fill="currentColor" />
                                                                <path d="M12 16C11.8019 15.9974 11.6126 15.9176 11.4725 15.7775C11.3324 15.6374 11.2526 15.4481 11.25 15.25V14.75C11.25 14.5511 11.329 14.3603 11.4697 14.2197C11.6103 14.079 11.8011 14 12 14C12.1989 14 12.3897 14.079 12.5303 14.2197C12.671 14.3603 12.75 14.5511 12.75 14.75V15.25C12.7474 15.4481 12.6676 15.6374 12.5275 15.7775C12.3874 15.9176 12.1981 15.9974 12 16Z" fill="currentColor" />
                                                            </svg>
                                                        </div>
                                                    </div>
                                                    <div class="flex items-center space-x-3 pt-1 pl-3 pr-3 border-b border-stroke-soft-200 pb-1">
                                                        <div class="relative w-10 h-10    rounded-full flex items-center justify-center">
                                                            <img src="https://insthacker.com/themes/t21/images/photo-1564671857.avif" alt="avatar" class="w-9 h-9 rounded-full object-cover">
                                                        </div>


                                                        <div class="flex-1">
                                                            <p class="font-medium text-sm text-slate-900 dark:text-white">
                                                                Alex
                                                                Smith </p>
                                                            <p class="text-xs flex items-center space-x-1 text-slate-500 dark:text-zinc-200">
                                                                <svg width="20px" height="20px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                    <path d="M19 5L15 9M15 9V6M15 9H18" stroke="#747677" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                                                    <path d="M15.5562 14.5477L15.1007 15.0272C15.1007 15.0272 14.0181 16.167 11.0631 13.0559C8.10812 9.94484 9.1907 8.80507 9.1907 8.80507L9.47752 8.50311C10.1841 7.75924 10.2507 6.56497 9.63424 5.6931L8.37326 3.90961C7.61028 2.8305 6.13596 2.68795 5.26145 3.60864L3.69185 5.26114C3.25823 5.71766 2.96765 6.30945 3.00289 6.96594C3.09304 8.64546 3.81071 12.259 7.81536 16.4752C12.0621 20.9462 16.0468 21.1239 17.6763 20.9631C18.1917 20.9122 18.6399 20.6343 19.0011 20.254L20.4217 18.7584C21.3806 17.7489 21.1102 16.0182 19.8833 15.312L17.9728 14.2123C17.1672 13.7486 16.1858 13.8848 15.5562 14.5477Z" fill="#747677" />
                                                                </svg>
                                                                <span>Outgoing</span>
                                                            </p>
                                                        </div>
                                                        <div class="flex items-center space-x-1">
                                                            <p class="text-xs text-slate-500 dark:text-zinc-200">
                                                                Thursday</p>
                                                            <svg class="text-slate-800 dark:text-gray-200" width="25px" height="25px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M12 21C10.22 21 8.47991 20.4722 6.99987 19.4832C5.51983 18.4943 4.36628 17.0887 3.68509 15.4442C3.0039 13.7996 2.82567 11.99 3.17294 10.2442C3.5202 8.49836 4.37737 6.89472 5.63604 5.63604C6.89472 4.37737 8.49836 3.5202 10.2442 3.17294C11.99 2.82567 13.7996 3.0039 15.4442 3.68509C17.0887 4.36628 18.4943 5.51983 19.4832 6.99987C20.4722 8.47991 21 10.22 21 12C21 14.387 20.0518 16.6761 18.364 18.364C16.6761 20.0518 14.387 21 12 21ZM12 4.5C10.5166 4.5 9.0666 4.93987 7.83323 5.76398C6.59986 6.58809 5.63856 7.75943 5.07091 9.12988C4.50325 10.5003 4.35473 12.0083 4.64411 13.4632C4.9335 14.918 5.64781 16.2544 6.6967 17.3033C7.7456 18.3522 9.08197 19.0665 10.5368 19.3559C11.9917 19.6453 13.4997 19.4968 14.8701 18.9291C16.2406 18.3614 17.4119 17.4001 18.236 16.1668C19.0601 14.9334 19.5 13.4834 19.5 12C19.5 10.0109 18.7098 8.10323 17.3033 6.6967C15.8968 5.29018 13.9891 4.5 12 4.5Z" fill="currentColor" />
                                                                <path d="M12 13C11.8019 12.9974 11.6126 12.9176 11.4725 12.7775C11.3324 12.6374 11.2526 12.4481 11.25 12.25V8.75C11.25 8.55109 11.329 8.36032 11.4697 8.21967C11.6103 8.07902 11.8011 8 12 8C12.1989 8 12.3897 8.07902 12.5303 8.21967C12.671 8.36032 12.75 8.55109 12.75 8.75V12.25C12.7474 12.4481 12.6676 12.6374 12.5275 12.7775C12.3874 12.9176 12.1981 12.9974 12 13Z" fill="currentColor" />
                                                                <path d="M12 16C11.8019 15.9974 11.6126 15.9176 11.4725 15.7775C11.3324 15.6374 11.2526 15.4481 11.25 15.25V14.75C11.25 14.5511 11.329 14.3603 11.4697 14.2197C11.6103 14.079 11.8011 14 12 14C12.1989 14 12.3897 14.079 12.5303 14.2197C12.671 14.3603 12.75 14.5511 12.75 14.75V15.25C12.7474 15.4481 12.6676 15.6374 12.5275 15.7775C12.3874 15.9176 12.1981 15.9974 12 16Z" fill="currentColor" />
                                                            </svg>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="absolute z-[11] inset-0 bg-gradient-to-t from-bg-default  "></div>
                                        </div>


                                    </div>

                                </section>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="relative z-10 lg:mt-20 mt-14 flex justify-center">
                    <div class="w-full max-w-[1080px] mx-4">
                        <div class="grid grid-cols-[minmax(0,1fr)] gap-y-16 items-start">
                            <div class="grid lg:grid-cols-2 grid-cols-1 gap-y-8 items-start" data-columns="2,2">
                                <section class="grid gap-y-2">


                                    <header class="relative px-[16px] pr-[32px] max-w-[810px]">


                                        <h3 class="relative text-gray-900 dark:text-white tracking-[0.2px] text-lg font-medium    before:content-[''] before:absolute before:top-[calc(0.5px+1.6*15px/2-15px/2)] before:left-[-16px] before:w-[1px] before:h-[15px] before:bg-[#0171E3] before:block">
                                            住所と移動経路
                                        </h3>


                                    </header>


                                    <div class="px-[16px] pr-[32px]   text-base text-slate-700 dark:text-zinc-200">
                                        訪問した場所や移動経路を含む詳細な移動履歴に完全にアクセスできます。当社のアプリは継続的な追跡を提供し、例外なくすべての動きを記録できます。
                                    </div>
                                    <div class="  lg:mt-10 mt-10   ">
                                        <figure class="BillingLifecycleAnimation max-w-[27rem] BillingLifecycleAnimation--animating">
                                            <div class="BillingLifecycleAnimation__masked ">
                                                <div class="BillingLifecycleAnimation__container">
                                                    <div class="BillingLifecycleCard BillingLifecycleCard--inactive z-[2]"
                                                    >
                                                        <div class="BillingLifecycleCard__card">
                                                            <div class="BillingLifecycleCard__iconContainer">

                                                                <svg class="BillingLifecycleCard__icon" width="24" height="26"
                                                                     xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 26">
                                                                    <g fill="none" fill-rule="evenodd">
                                                                        <path d="M-4-3h32v32H-4z"></path>
                                                                        <path fill="var(--knockoutColor)"
                                                                              d="M12 15.77c6.53 0 10.24 2.1 12 5.22C20.99 24.07 16.73 26 12 26s-8.99-1.93-12-5c1.76-3.13 5.47-5.23 12-5.23zM12 0c3.45 0 6.23 2.41 6.23 6.34 0 3.92-2.79 6.34-6.22 6.34-3.44 0-6.23-2.41-6.23-6.34C5.78 2.42 8.58 0 12.01 0z"></path>
                                                                    </g>
                                                                </svg>


                                                            </div>
                                                            <div class="BillingLifecycleCard__body">

                                                                                                                                    <div class="flex items-center">
                                                                        <img src="https://insthacker.com/themes/t21/images/flags/jp.svg" alt="jp" class="flag_geo">
                                                                        <div class="BillingLifecycleCard__label text-gray-900 dark:text-white font-medium text-sm">
                                                                            <span>Tokyo, Shibuya, 10-15</span>
                                                                        </div>
                                                                    </div>
                                                                                                                                <div
                                                                        class="BillingLifecycleCard_data text-gray-500 dark:text-gray-500 text-sm"></div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="
    BillingLifecycleCard
    BillingLifecycleCard--inactive
  ">
                                                        <div class="BillingLifecycleCard__card">
                                                            <div class="BillingLifecycleCard__iconContainer">

                                                                <img class="size-12" alt='' src="https://insthacker.com/themes/t21/images/myprofile.webp">


                                                            </div>
                                                            <div class="BillingLifecycleCard__body">
                                                                                                                                    <div class="flex items-center">
                                                                        <img src="https://insthacker.com/themes/t21/images/flags/jp.svg" alt="jp" class="flag_geo">
                                                                        <div class="BillingLifecycleCard__label text-gray-900 dark:text-white font-medium text-sm">
                                                                            <span>Tokyo, Shinjuku, 4-2-6</span>
                                                                        </div>
                                                                    </div>
                                                                                                                                <div
                                                                        class="BillingLifecycleCard_data text-gray-500 dark:text-gray-500 text-sm">
                                                                    10分前。
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="
    BillingLifecycleCard
    BillingLifecycleCard--inactive
  ">
                                                        <div class="BillingLifecycleCard__card">
                                                            <div class="BillingLifecycleCard__iconContainer">

                                                                <img class="size-12" alt='' src="https://insthacker.com/themes/t21/images/myprofile.webp">


                                                            </div>
                                                            <div class="BillingLifecycleCard__body">
                                                                                                                                    <div class="flex items-center">
                                                                        <img src="https://insthacker.com/themes/t21/images/flags/jp.svg" alt="jp" class="flag_geo">
                                                                        <div class="BillingLifecycleCard__label text-gray-900 dark:text-white font-medium text-sm">
                                                                            <span>Tokyo, Shibuya, 10-15</span>
                                                                        </div>
                                                                    </div>
                                                                                                                                <div
                                                                        class="BillingLifecycleCard_data text-gray-500 dark:text-gray-500 text-sm">
                                                                    15分前。
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="BillingLifecycleCard BillingLifecycleCard--active"
                                                         style="z-index: 8;">
                                                        <div class="BillingLifecycleCard__card">
                                                            <div class="BillingLifecycleCard__iconContainer">


                                                                <img class="size-12" alt='' src="https://insthacker.com/themes/t21/images/myprofile.webp">
                                                            </div>
                                                            <div class="BillingLifecycleCard__body">
                                                                                                                                    <div class="flex items-center">
                                                                        <img src="https://insthacker.com/themes/t21/images/flags/jp.svg" alt="jp" class="flag_geo">
                                                                        <div class="BillingLifecycleCard__label text-gray-900 dark:text-white font-medium text-sm">
                                                                            <span>Tokyo, Marunouchi, 1-9-1</span>
                                                                        </div>
                                                                    </div>
                                                                                                                                <div class="BillingLifecycleCard_data items-center mt-2">
                                                                    <svg width="15" height="15" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                                                                        <g fill="none" fill-rule="evenodd">
                                                                            <path d="M10 0C4.5 0 0 4.5 0 10s4.5 10 10 10 10-4.5 10-10S15.5 0 10 0z" fill-opacity=".685" fill="#3ecf8e"></path>
                                                                            <path d="M15.205 5.333L8.6 11.741l-1.702-1.696c-.8-.66-2.002.094-1.401 1.037l2.102 3.11c.3.376 1.1.847 1.902 0 .3-.378 5.595-6.87 5.595-6.87.7-.848-.3-1.508-1-.943l1.11-1.046z" fill="#fff"></path>
                                                                        </g>
                                                                    </svg>
                                                                    <span class="text-slate-500 dark:text-gray-500 ml-2 text-xs"> 5 分前。</span>
                                                                </div>

                                                            </div>

                                                        </div>
                                                    </div>


                                                </div>
                                            </div>
                                        </figure>
                                    </div>

                                </section>

                                <section class="grid gap-y-2">


                                    <header class="relative px-[16px] pr-[32px] max-w-[810px]">


                                        <h3 class="relative text-gray-900 dark:text-white tracking-[0.2px] text-lg font-medium before:content-[''] before:absolute before:top-[calc(0.5px+1.6*15px/2-15px/2)] before:left-[-16px] before:w-[1px] before:h-[15px] before:bg-[#0171E3] before:block">
                                            GPSトラッカー Instagram
                                        </h3>


                                    </header>


                                    <div class="px-[16px] pr-[32px] text-base text-slate-700 dark:text-zinc-200">
                                        セッションが有効になると、WaTracker では Instagram を通じて、あらゆるユーザーの現在地や移動をリアルタイムで追跡できます。

                                    </div>
                                    <div class="  lg:mt-3 mt-10   ">
                                        <div class="w-full lg:mt-10 mt-10 lg:px-10 px-6  ">

                                            <div class="lg:mx-auto h-[16rem]  -mt-6 z-[4] relative w-[calc(277/16*1rem)] rounded-t-[calc(44/16*1rem)] bg-slate-200 dark:bg-gray-800 p-1.5">
                                                <div class="relative h-[calc(240/16*1rem)] overflow-hidden  bg-slate-50  rounded-t-[calc(44/16*1rem)] dark:bg-gray-950/50   ring-1 ring-inset ring-black/5  ">

                                                    <div class="relative flex h-full flex-col items-center justify-center">
                                                        <img class="rounded-[32px]" src="https://insthacker.com/themes/t21/images/banners/Instagram_GPS_tracker.webp " data-auto-scheme="true" data-src-light="https://insthacker.com/themes/t21/images/banners/Instagram_GPS_tracker.webp" data-src-dark="https://insthacker.com/themes/t21/images/banners/Instagram_GPS_tracker.webp" alt="Instagram位置情報トラッカー | InstHacker" loading="lazy" height="100%" width="100%">
                                                        <div class="icon_parent top-16 left-[6rem]">
                                                            <svg width="28px" height="52px" viewBox="0 0 48 72">
                                                                <path d="M24,0 C11.406,0 0,10.209 0,22.806 C0,35.4 10.407,50.436 24,72 C37.593,50.436 48,35.4 48,22.806 C48,10.209 36.597,0 24,0 L24,0 Z M24,33 C19.029,33 15,28.971 15,24 C15,19.029 19.029,15 24,15 C28.971,15 33,19.029 33,24 C33,28.971 28.971,33 24,33 L24,33 Z"></path>
                                                            </svg>
                                                            <div class="shadow"></div>
                                                        </div>

                                                    </div>
                                                </div>
                                                <div class="absolute z-[11] inset-0 bg-gradient-to-t from-bg-default  "></div>
                                            </div>


                                        </div>
                                    </div>

                                </section>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class=" ">
            <div class="relative w-full h-full overflow-hidden">
                <div class="absolute w-full h-full overflow-visible">
                    <div class=" relative h-full max-h-none w-full top-0 left-0 origin-[100%_0] skew-y-0 overflow-hidden ">
                        <div class=" absolute h-full w-full max-w-full md:max-w-[calc(100vw-0px)] top-0 left-0 px-4 pointer-events-none " aria-hidden="true">
                            <div class="grid lg:grid-cols-4 sm:grid-cols-2 grid-cols-1 grid-rows-1 relative max-w-[1080px] h-full mx-auto">
                                <div class="w-[1px] bg-[linear-gradient(180deg,rgba(66,71,112,0.5),rgba(66,71,112,0.5)_50%,transparent_0,transparent)] opacity-15 dark:opacity-60  [background-size:1px_8px]"></div>
                                <div class="sm:block hidden w-[1px] bg-[linear-gradient(180deg,rgba(66,71,112,0.5),rgba(66,71,112,0.5)_50%,transparent_0,transparent)] opacity-20 dark:opacity-60  [background-size:1px_8px]"></div>
                                <div class="  w-[1px] bg-[linear-gradient(180deg,rgba(66,71,112,0.5),rgba(66,71,112,0.5)_50%,transparent_0,transparent)] opacity-20 dark:opacity-60  [background-size:1px_8px]"></div>
                                <div class="sm:block hidden w-[1px] bg-[linear-gradient(180deg,rgba(66,71,112,0.5),rgba(66,71,112,0.5)_50%,transparent_0,transparent)] opacity-20 dark:opacity-60  [background-size:1px_8px]"></div>
                                <div class="absolute top-0 right-0 h-full bg-[rgba(66,71,112,0.06)] w-[1px] bg-[linear-gradient(180deg,rgba(66,71,112,0.5),rgba(66,71,112,0.5)_50%,transparent_0,transparent)] opacity-20 dark:opacity-60  [background-size:1px_8px]"></div>
                            </div>
                        </div>
                    </div>
                </div>


                <div class="relative z-10 lg:mt-20 mt-14 flex justify-center">
                    <div class="w-full max-w-[1080px] mx-4">
                        <div class="grid grid-cols-[minmax(0,1fr)] gap-y-16 items-start">
                            <div class="grid lg:grid-cols-2 grid-cols-1 gap-y-8 items-start" data-columns="2,2">
                                <section class="grid gap-y-2">


                                    <header class="relative px-[16px] pr-[32px] max-w-[810px]">


                                        <h3 class="relative text-gray-900 dark:text-white tracking-[0.2px] text-xl font-medium  flex items-center  before:content-[''] before:absolute before:top-[calc(0.5px+1.6*15px/2-15px/2)] before:left-[-16px] before:w-[1px] before:h-[15px] before:bg-[#0171E3] before:block">
                                            <svg class="mr-2 text-slate-600 dark:text-zinc-200" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="30px" height="30px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve"><title>
                                                    Android</title>
                                                <g id="b75708d097f2188dff6617b0f00f7c43">
                                                    <path display="inline" d="M120.606,169h270.788v220.663c0,13.109-10.628,23.737-23.721,23.737h-27.123v67.203 c0,17.066-13.612,30.897-30.415,30.897c-16.846,0-30.438-13.831-30.438-30.897v-67.203h-47.371v67.203 c0,17.066-13.639,30.897-30.441,30.897c-16.799,0-30.437-13.831-30.437-30.897v-67.203h-27.099 c-13.096,0-23.744-10.628-23.744-23.737V169z M67.541,167.199c-16.974,0-30.723,13.963-30.723,31.2v121.937 c0,17.217,13.749,31.204,30.723,31.204c16.977,0,30.723-13.987,30.723-31.204V198.399 C98.264,181.162,84.518,167.199,67.541,167.199z M391.395,146.764H120.606c3.342-38.578,28.367-71.776,64.392-90.998 l-25.746-37.804c-3.472-5.098-2.162-12.054,2.946-15.525c5.102-3.471,12.044-2.151,15.533,2.943l28.061,41.232 c15.558-5.38,32.446-8.469,50.208-8.469c17.783,0,34.672,3.089,50.229,8.476L334.29,5.395c3.446-5.108,10.41-6.428,15.512-2.957 c5.108,3.471,6.418,10.427,2.946,15.525l-25.725,37.804C363.047,74.977,388.055,108.175,391.395,146.764z M213.865,94.345 c0-8.273-6.699-14.983-14.969-14.983c-8.291,0-14.99,6.71-14.99,14.983c0,8.269,6.721,14.976,14.99,14.976 S213.865,102.614,213.865,94.345z M329.992,94.345c0-8.273-6.722-14.983-14.99-14.983c-8.291,0-14.97,6.71-14.97,14.983 c0,8.269,6.679,14.976,14.97,14.976C323.271,109.321,329.992,102.614,329.992,94.345z M444.48,167.156 c-16.956,0-30.744,13.984-30.744,31.222v121.98c0,17.238,13.788,31.226,30.744,31.226c16.978,0,30.701-13.987,30.701-31.226 v-121.98C475.182,181.14,461.458,167.156,444.48,167.156z"></path>
                                                </g></svg>
                                            Android 
                                        </h3>


                                    </header>


                                    <div class="px-[16px] pr-[32px]   text-base text-slate-700 dark:text-zinc-200">
                                        AndroidでInstagramユーザーの活動を追跡する方法：ログイン/ログアウト時刻データの取得  
                                    </div>
                                    <a href="https://insthacker.com/ja/instagram-tsuiseki-tool/instagram-akaunto-tokumei-tsuiseki" class="ml-4 font-semibold flex   variant--Button CtaButton--arrow HomepageHero__cta items-center text-[#0171E3] text-sm     z-10 ">続きを読む
                                        <svg class="HoverArrow" width="10" height="10" viewBox="0 0 10 10" aria-hidden="true">
                                            <title>Arrow</title>
                                            <g fill-rule="evenodd">
                                                <path class="HoverArrow__linePath" d="M0 5h7"></path>
                                                <path class="HoverArrow__tipPath" d="M1 1l4 4-4 4"></path>
                                            </g>
                                        </svg>
                                    </a>


                                </section>

                                <section class="grid gap-y-2">


                                    <header class="relative px-[16px] pr-[32px] max-w-[810px]">

                                        <h3 class="relative text-gray-900 dark:text-white tracking-[0.2px] text-xl font-medium  flex items-center  before:content-[''] before:absolute before:top-[calc(0.5px+1.6*15px/2-15px/2)] before:left-[-16px] before:w-[1px] before:h-[15px] before:bg-[#0171E3] before:block">
                                            <svg class="mr-2 text-slate-600 dark:text-zinc-200" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="30px" height="30px" viewBox="0 0 512 512" xml:space="preserve"><title>
                                                    iphone</title>
                                                <g>
                                                    <path d="M248.644,123.476c-5.45-29.71,8.598-60.285,25.516-80.89 c18.645-22.735,50.642-40.17,77.986-42.086c4.619,31.149-8.093,61.498-24.826,82.965 C309.37,106.527,278.508,124.411,248.644,123.476z M409.034,231.131c8.461-23.606,25.223-44.845,51.227-59.175 c-26.278-32.792-63.173-51.83-97.99-51.83c-46.065,0-65.542,21.947-97.538,21.947c-32.96,0-57.965-21.947-97.866-21.947 c-39.127,0-80.776,23.848-107.19,64.577c-9.712,15.055-16.291,33.758-19.879,54.59c-9.956,58.439,4.916,134.557,49.279,202.144 c21.57,32.796,50.321,69.737,87.881,70.059c33.459,0.327,42.951-21.392,88.246-21.616c45.362-0.258,53.959,21.841,87.372,21.522 c37.571-0.317,67.906-41.199,89.476-73.991c15.359-23.532,21.167-35.418,33.11-62.023 C414.435,352.487,389.459,285.571,409.034,231.131z"></path>
                                                </g></svg>
                                            iPhone  
                                        </h3>


                                    </header>


                                    <div class="px-[16px] pr-[32px] text-base text-slate-700 dark:text-zinc-200">
                                        iPhone用Instagramオンライントラッカー。ユーザーのオンライン状態を特定し、活動を分析します。  

                                    </div>
                                    <a href="https://insthacker.com/ja/instagram-tsuiseki-tool/instagram-akaunto-tokumei-tsuiseki" class="ml-4 font-semibold flex   variant--Button CtaButton--arrow HomepageHero__cta items-center text-[#0171E3] text-sm     z-10 ">続きを読む
                                        <svg class="HoverArrow" width="10" height="10" viewBox="0 0 10 10" aria-hidden="true">
                                            <title>Arrow</title>
                                            <g fill-rule="evenodd">
                                                <path class="HoverArrow__linePath" d="M0 5h7"></path>
                                                <path class="HoverArrow__tipPath" d="M1 1l4 4-4 4"></path>
                                            </g>
                                        </svg>
                                    </a>

                                </section>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="relative z-10 lg:mt-20 mt-14 flex justify-center">
                    <div class="w-full max-w-[1080px] mx-4">
                        <div class="grid grid-cols-[minmax(0,1fr)] gap-y-16 items-start">
                            <div class="grid lg:grid-cols-2 grid-cols-1 gap-y-8 items-start" data-columns="2,2">
                                <section class="grid gap-y-2">


                                    <header class="relative px-[16px] pr-[32px] max-w-[810px]">

                                        <h3 class="relative text-gray-900 dark:text-white tracking-[0.2px] text-xl font-medium  flex items-center  before:content-[''] before:absolute before:top-[calc(0.5px+1.6*15px/2-15px/2)] before:left-[-16px] before:w-[1px] before:h-[15px] before:bg-[#0171E3] before:block">
                                            <svg class="mr-2 text-slate-600 dark:text-zinc-200" width="30px" height="30px" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
                                                <title>computer-solid</title>
                                                <g>
                                                    <g id="icons_Q2">
                                                        <path fill="currentColor" d="M41,6H7A2,2,0,0,0,5,8V32a2,2,0,0,0,2,2H41a2,2,0,0,0,2-2V8a2,2,0,0,0-2-2Z" />
                                                        <path fill="currentColor " d="M44,42H4a2,2,0,0,1,0-4H44a2,2,0,0,1,0,4Z" />
                                                    </g>
                                                </g>
                                            </svg>
                                            コンピューター
                                        </h3>


                                    </header>


                                    <div class="px-[16px] pr-[32px]   text-base text-slate-700 dark:text-zinc-200">
                                        PCからInstagramユーザーのステータスを監視。ウェブベースのツールでオンライン活動を追跡。  
                                    </div>

                                    <a href="https://insthacker.com/ja/instagram-tsuiseki-tool/instagram-purofiru-tsuiseki-muryou" class="ml-4 font-semibold flex   variant--Button CtaButton--arrow HomepageHero__cta items-center text-[#0171E3] text-sm     z-10 ">続きを読む
                                        <svg class="HoverArrow" width="10" height="10" viewBox="0 0 10 10" aria-hidden="true">
                                            <title>Arrow</title>
                                            <g fill-rule="evenodd">
                                                <path class="HoverArrow__linePath" d="M0 5h7"></path>
                                                <path class="HoverArrow__tipPath" d="M1 1l4 4-4 4"></path>
                                            </g>
                                        </svg>
                                    </a>
                                </section>

                                <section class="grid gap-y-2">


                                    <header class="relative px-[16px] pr-[32px] max-w-[810px]">

                                        <h3 class="relative text-gray-900 dark:text-white tracking-[0.2px] text-xl font-medium  flex items-center  before:content-[''] before:absolute before:top-[calc(0.5px+1.6*15px/2-15px/2)] before:left-[-16px] before:w-[1px] before:h-[15px] before:bg-[#0171E3] before:block">
                                            <svg class="mr-2 text-slate-600 dark:text-zinc-200" width="30px" height="30px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M2.00589 4.54166C1.905 3.11236 3.11531 2 4.54522 2H7.60606C8.34006 2 9.00207 2.44226 9.28438 3.1212L10.5643 6.19946C10.8761 6.94932 10.6548 7.81544 10.0218 8.32292L9.22394 8.96254C8.86788 9.24798 8.74683 9.74018 8.95794 10.1448C10.0429 12.2241 11.6464 13.9888 13.5964 15.2667C14.008 15.5364 14.5517 15.4291 14.8588 15.0445L15.6902 14.003C16.1966 13.3687 17.0609 13.147 17.8092 13.4594L20.8811 14.742C21.5587 15.0249 22 15.6883 22 16.4238V19.5C22 20.9329 20.8489 22.0955 19.4226 21.9941C10.3021 21.3452 2.65247 13.7017 2.00589 4.54166Z" fill="currentColor" />
                                            </svg>
                                            電話番号 
                                        </h3>


                                    </header>


                                    <div class="px-[16px] pr-[32px] text-base text-slate-700 dark:text-zinc-200">
                                        電話番号でInstagramの活動を追跡。ユーザーのオンライン時間やメッセンジャー利用頻度を確認。 

                                    </div>

                                    <a href="https://insthacker.com/ja/instagram-tsuiseki-tool/instagram-tsuiseki-apuri-osusume" class="ml-4 font-semibold flex   variant--Button CtaButton--arrow HomepageHero__cta items-center text-[#0171E3] text-sm     z-10 ">続きを読む
                                        <svg class="HoverArrow" width="10" height="10" viewBox="0 0 10 10" aria-hidden="true">
                                            <title>Arrow</title>
                                            <g fill-rule="evenodd">
                                                <path class="HoverArrow__linePath" d="M0 5h7"></path>
                                                <path class="HoverArrow__tipPath" d="M1 1l4 4-4 4"></path>
                                            </g>
                                        </svg>
                                    </a>
                                </section>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </section>
        <section class="lg:mt-[80px] mt-[80px]">
            <div class="relative w-full h-full lg:overflow-visible overflow-hidden lg:pb-[80px] pb-[80px]">
                <div class="absolute w-full h-full overflow-visible">
                    <div class=" relative h-full max-h-none w-full top-0 left-0 origin-[100%_0] skew-y-0 overflow-hidden ">
                        <div class=" absolute h-full w-full max-w-full md:max-w-[calc(100vw-0px)] top-0 left-0 px-4 pointer-events-none " aria-hidden="true">
                            <div class="grid lg:grid-cols-4 sm:grid-cols-2 grid-cols-1 grid-rows-1 relative max-w-[1080px] h-full mx-auto">
                                <div class="w-[1px] bg-[linear-gradient(180deg,rgba(66,71,112,0.5),rgba(66,71,112,0.5)_50%,transparent_0,transparent)] opacity-15 dark:opacity-60  [background-size:1px_8px]"></div>
                                <div class="sm:block hidden w-[1px] bg-[linear-gradient(180deg,rgba(66,71,112,0.5),rgba(66,71,112,0.5)_50%,transparent_0,transparent)] opacity-20 dark:opacity-60  [background-size:1px_8px]"></div>
                                <div class="  w-[1px] bg-[linear-gradient(180deg,rgba(66,71,112,0.5),rgba(66,71,112,0.5)_50%,transparent_0,transparent)] opacity-20 dark:opacity-60  [background-size:1px_8px]"></div>
                                <div class="sm:block hidden w-[1px] bg-[linear-gradient(180deg,rgba(66,71,112,0.5),rgba(66,71,112,0.5)_50%,transparent_0,transparent)] opacity-20 dark:opacity-60  [background-size:1px_8px]"></div>
                                <div class="absolute top-0 right-0 h-full bg-[rgba(66,71,112,0.06)] w-[1px] bg-[linear-gradient(180deg,rgba(66,71,112,0.5),rgba(66,71,112,0.5)_50%,transparent_0,transparent)] opacity-20 dark:opacity-60  [background-size:1px_8px]"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="relative z-10 flex justify-center">
                    <div class="w-full max-w-[1080px] mx-4">

                        <section class="  mb-8 grid row-gap-6">


                            <header>

                                <h2 class="text-[#0171E3] text-base uppercase font-bold sm:text-left px-[16px] pr-[32px] text-left tracking-[0.045em]    ">
                                    4つの簡単なステップで始めましょう</h2>


                            </header>


                        </section>


                        <div class="w-full">
                            <div class="flex flex-row  px-0 pb-[10px] -mb-[10px] ">
                                <div class="mr-0 ml-0 min-w-full   snap-align-end">
                                    <div class=" ">
                                        <div class="grid grid-cols-1 lg:grid-cols-2 gap-y-[32px] items-start px-[16px] pr-[32px]" data-columns="2,2">
                                            <section class="grid gap-y-[24px]">


                                                <header class=" ">


                                                    <h2 class="relative mt-2 pb-2 text-gray-900 dark:text-white inline-block font-semibold   text-left text-3xl sm:text-3xl  tracking-[0.2px]    before:content-[''] before:absolute before:top-[calc(0.5px+1.6*15px/2-15px/2)] before:left-[-16px] before:w-[1px] before:h-[15px] before:bg-[#0171E3] before:block">
                                                        携帯電話用Instagramオンライントラッカーの使用方法
                                                    </h2>


                                                </header>


                                            </section>

                                        </div>

                                        <div class="lg:mt-10 mt-10
  grid lg:grid-cols-4 sm:grid-cols-2 grid-cols-1 gap-y-8 items-start " data-columns="1,1,1,1">
                                            <section data-aos="fade-up" data-aos-delay="50" class="grid gap-y-2 tracking-[0.2px]  ">
                                                <header class="relative px-[16px] pr-[32px] max-w-[810px] grid gap-y-2">
                                                    <div class="min-h-[40px] flex items-end mb-2">

                                                        <svg fill="#0171E3" width="40px" height="40px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg">
                                                            <title>number</title>
                                                            <path d="M16 3c-7.18 0-13 5.82-13 13s5.82 13 13 13 13-5.82 13-13-5.82-13-13-13zM16 27c-6.075 0-11-4.925-11-11s4.925-11 11-11 11 4.925 11 11-4.925 11-11 11zM14.828 12.709c-0.589 0.458-1.134 0.77-1.635 0.934v1.742c0.953-0.314 1.781-0.799 2.484-1.455v7.111h2.047v-10h-1.686c-0.218 0.612-0.622 1.209-1.21 1.668z"></path>
                                                        </svg>
                                                    </div>
                                                    <h3 class="
            relative tracking-[0.2px] before:content-[''] before:absolute before:top-[calc(0.5px+1.6*15px/2-15px/2)] before:left-[-16px] before:w-[1px] before:h-[15px] before:bg-[#0171E3] before:block
text-slate-900 dark:text-white text-base font-semibold
          "> 電話番号を入力 </h3></header>
                                                <div class=" px-[16px] pr-[32px] text-slate-700 dark:text-zinc-200 text-sm">
                                                    Instagramリモートアクセスを開始するには、国際形式の電話番号またはユーザー名を入力し、「開始」を押してセッションを開始します。
                                                </div>
                                            </section>
                                            <section data-aos="fade-up" data-aos-delay="50" class="grid gap-y-2 tracking-[0.2px]  ">
                                                <header class="relative px-[16px] pr-[32px] max-w-[810px] grid gap-y-2">
                                                    <div class="min-h-[40px] flex items-end mb-2">
                                                        <svg fill="#0171E3" width="40px" height="40px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg">
                                                            <title>number2</title>
                                                            <path d="M16 3c-7.18 0-13 5.82-13 13s5.82 13 13 13 13-5.82 13-13-5.82-13-13-13zM16 27c-6.075 0-11-4.925-11-11s4.925-11 11-11 11 4.925 11 11-4.925 11-11 11zM17.564 17.777c0.607-0.556 1.027-0.982 1.26-1.278 0.351-0.447 0.607-0.875 0.77-1.282 0.161-0.408 0.242-0.838 0.242-1.289 0-0.793-0.283-1.457-0.848-1.99s-1.342-0.8-2.331-0.8c-0.902 0-1.654 0.23-2.256 0.69s-0.96 1.218-1.073 2.275l1.914 0.191c0.036-0.56 0.173-0.96 0.41-1.201s0.555-0.361 0.956-0.361c0.405 0 0.723 0.115 0.952 0.345 0.23 0.23 0.346 0.56 0.346 0.988 0 0.387-0.133 0.779-0.396 1.176-0.195 0.287-0.727 0.834-1.592 1.64-1.076 0.998-1.796 1.799-2.16 2.403s-0.584 1.242-0.656 1.917h6.734v-1.781h-3.819c0.101-0.173 0.231-0.351 0.394-0.534 0.16-0.183 0.545-0.552 1.153-1.109z"></path>
                                                        </svg>
                                                    </div>
                                                    <h3 class="
            relative tracking-[0.2px] before:content-[''] before:absolute before:top-[calc(0.5px+1.6*15px/2-15px/2)] before:left-[-16px] before:w-[1px] before:h-[15px] before:bg-[#0171E3] before:block
text-slate-900 dark:text-white text-base font-semibold
          ">
                                                        お待ちください
                                                    </h3></header>
                                                <div class=" px-[16px] pr-[32px] text-slate-700 dark:text-zinc-200 text-sm">
                                                    アルゴリズムが完了するまでお待ちください。これにより、ページへのアクセス権を付与するコードを含むシステムメッセージを傍受するリクエストが生成されます。
                                                </div>
                                            </section>
                                            <section data-aos="fade-up" data-aos-delay="50" class="grid gap-y-2 tracking-[0.2px]  ">
                                                <header class="relative px-[16px] pr-[32px] max-w-[810px] grid gap-y-2">
                                                    <div class="min-h-[40px] flex items-end mb-2">
                                                        <svg fill="#0171E3" width="40px" height="40px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg">
                                                            <title>number2</title>
                                                            <path d="M16 3c-7.18 0-13 5.82-13 13s5.82 13 13 13 13-5.82 13-13-5.82-13-13-13zM16 27c-6.075 0-11-4.925-11-11s4.925-11 11-11 11 4.925 11 11-4.925 11-11 11zM17.248 15.219c0.963-0.525 1.443-1.228 1.443-2.108 0-0.621-0.234-1.177-0.705-1.67-0.571-0.602-1.33-0.903-2.275-0.903-0.553 0-1.052 0.104-1.497 0.311s-0.792 0.493-1.042 0.855c-0.248 0.362-0.435 0.847-0.559 1.454l1.773 0.302c0.051-0.439 0.193-0.772 0.426-1.001s0.516-0.343 0.845-0.343c0.334 0 0.603 0.101 0.804 0.301 0.201 0.201 0.302 0.471 0.302 0.809 0 0.398-0.138 0.716-0.413 0.957-0.273 0.24-0.673 0.353-1.195 0.339l-0.213 1.565c0.344-0.096 0.638-0.144 0.885-0.144 0.374 0 0.691 0.141 0.952 0.423s0.391 0.665 0.391 1.147c0 0.509-0.136 0.914-0.407 1.214s-0.607 0.45-1.004 0.45c-0.37 0-0.686-0.125-0.945-0.375-0.261-0.25-0.42-0.612-0.479-1.086l-1.859 0.226c0.096 0.843 0.442 1.525 1.040 2.047s1.35 0.782 2.258 0.782c0.957 0 1.758-0.309 2.401-0.929s0.965-1.368 0.965-2.247c0-0.605-0.172-1.122-0.515-1.55-0.346-0.427-0.804-0.703-1.377-0.826z"></path>
                                                        </svg>
                                                    </div>


                                                    <h3 class="
            relative tracking-[0.2px] before:content-[''] before:absolute before:top-[calc(0.5px+1.6*15px/2-15px/2)] before:left-[-16px] before:w-[1px] before:h-[15px] before:bg-[#0171E3] before:block
text-slate-900 dark:text-white text-base font-semibold
          ">
                                                        結果を取得
                                                    </h3></header>
                                                <div class=" px-[16px] pr-[32px] text-slate-700 dark:text-zinc-200 text-sm">
                                                    その後、お客様は新しいデバイスでプロファイルを認証できるようになり、侵害されたアカウントのログインデータ（ユーザー名とパスワード）が利用可能になります。
                                                </div>
                                            </section>
                                            <section data-aos="fade-up" data-aos-delay="50" class="grid gap-y-2 tracking-[0.2px]  ">
                                                <header class="relative px-[16px] pr-[32px] max-w-[810px] grid gap-y-2">
                                                    <div class="min-h-[40px] flex items-end mb-2">
                                                        <svg fill="#0171E3" width="40px" height="40px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg">
                                                            <title>number4</title>
                                                            <path d="M16 3c-7.18 0-13 5.82-13 13s5.82 13 13 13 13-5.82 13-13-5.82-13-13-13zM16 27c-6.075 0-11-4.925-11-11s4.925-11 11-11 11 4.925 11 11-4.925 11-11 11zM18.176 11.337h-1.613l-4.354 6.374v1.674h4.109v2.015h1.858v-2.016h1.243v-1.68h-1.243v-6.367zM16.317 17.705h-2.309l2.309-3.434v3.434z"></path>
                                                        </svg>
                                                    </div>
                                                    <h3 class="
            relative tracking-[0.2px] before:content-[''] before:absolute before:top-[calc(0.5px+1.6*15px/2-15px/2)] before:left-[-16px] before:w-[1px] before:h-[15px] before:bg-[#0171E3] before:block
text-slate-900 dark:text-white text-base font-semibold
          ">
                                                        アカウントを作成
                                                    </h3></header>
                                                <div class=" px-[16px] pr-[32px] text-slate-700 dark:text-zinc-200 text-sm">
                                                     簡単なプロセスでサインアップするだけで、すぐにコントロールパネルにログインし、プログラムのすべての機能の使用を開始できます。
                                                </div>
                                            </section>
                                        </div>
                                    </div>
                                </div>


                            </div>
                        </div>


                    </div>
                </div>
            </div>
        </section>

        <section class="  relative  ">
            
            <div class="absolute w-full h-full overflow-visible">
                <div class=" relative h-full max-h-none w-full top-0 left-0 origin-[100%_0] skew-y-0 overflow-hidden ">
                    <div class=" absolute h-full w-full max-w-full md:max-w-[calc(100vw-0px)] top-0 left-0 px-4 pointer-events-none " aria-hidden="true">
                        <div class="grid lg:grid-cols-4 sm:grid-cols-2 grid-cols-1 grid-rows-1 relative max-w-[1080px] h-full mx-auto">
                            <div class="w-[1px] bg-[linear-gradient(180deg,rgba(66,71,112,0.5),rgba(66,71,112,0.5)_50%,transparent_0,transparent)] opacity-15 dark:opacity-60  [background-size:1px_8px]"></div>
                            <div class="sm:block hidden w-[1px] bg-[linear-gradient(180deg,rgba(66,71,112,0.5),rgba(66,71,112,0.5)_50%,transparent_0,transparent)] opacity-20 dark:opacity-60  [background-size:1px_8px]"></div>
                            <div class="  w-[1px] bg-[linear-gradient(180deg,rgba(66,71,112,0.5),rgba(66,71,112,0.5)_50%,transparent_0,transparent)] opacity-20 dark:opacity-60  [background-size:1px_8px]"></div>
                            <div class="sm:block hidden w-[1px] bg-[linear-gradient(180deg,rgba(66,71,112,0.5),rgba(66,71,112,0.5)_50%,transparent_0,transparent)] opacity-20 dark:opacity-60  [background-size:1px_8px]"></div>
                            <div class="absolute top-0 right-0 h-full bg-[rgba(66,71,112,0.06)] w-[1px] bg-[linear-gradient(180deg,rgba(66,71,112,0.5),rgba(66,71,112,0.5)_50%,transparent_0,transparent)] opacity-20 dark:opacity-60  [background-size:1px_8px]"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="mt-20 relative z-10">
                <div class=" ">
                                            <h4 class="lg:text-4xl lg:px-0 px-8 text-4xl font-bold text-left lg:text-center sm:whitespace-nowrap   ">
                            <span class="text-gray-900 dark:text-white">プランを選択してください。 </span><span class="text-neutral-600 dark:text-zinc-200">ニーズにぴったり。</span>
                        </h4>
                    
                    <p class="text-gray-900 px-8 dark:text-white lg:text-xl mt-5 text-left lg:text-center   ">便利な料金プランを選択して、デバイスの追跡を開始しましょう</p>
                </div>
                <div class="max-w-6xl mx-auto px-4">
                    <section class="">
    <div class="mx-auto max-w-6xl w-full px-4  mt-10 md:px-0  md:flex md:flex-col items-center  ">
        <div class="relative w-full  grid grid-cols-2 md:px-4 items-start gap-8 md:grid-cols-3">
            <section
                    class="col-span-2 flex flex-col   border-t  border-t-slate-300 dark:border-t-zinc-700 lg:p-8 p-4 md:col-auto">
                <h3 class="text-sm font-medium text-blue-600">無料</h3>
                <p class="mt-2 text-xl font-semibold tracking-[-0.015em] dark:text-white text-gray-900">すべてのプランに含まれます</p>
                <p class="order-last mt-8 text-sm font-medium dark:text-white text-gray-900">アフィリエイトプログラム </p>
                <ul role="list"
                    class="space-y-2 text-sm/5 text-gray-700 dark:text-gray-200 [--icon-color:theme(colors.gray.400)] order-last mt-4">
                    <li class="flex">
                        <svg viewBox="0 0 16 16" fill="none" aria-hidden="true" class="mr-2 mt-0.5 h-4 w-4 flex-none">
                            <path class="stroke-[--icon-color,theme(colors.gray.400)]" stroke-linecap="round"
                                  stroke-linejoin="round" stroke-width="1.25" d="m4 9 3 3 5-8"></path>
                        </svg>
                        <div>
                            1台のデバイス
                        </div>
                    </li>
                    <li class="flex">
                        <svg viewBox="0 0 16 16" fill="none" aria-hidden="true" class="mr-2 mt-0.5 h-4 w-4 flex-none">
                            <path class="stroke-[--icon-color,theme(colors.gray.400)]" stroke-linecap="round"
                                  stroke-linejoin="round" stroke-width="1.25" d="m4 9 3 3 5-8"></path>
                        </svg>
                        <div>
                            現在位置
                        </div>
                    </li>
                    <li class="flex">
                        <svg viewBox="0 0 16 16" fill="none" aria-hidden="true" class="mr-2 mt-0.5 h-4 w-4 flex-none">
                            <path class="stroke-[--icon-color,theme(colors.gray.400)]" stroke-linecap="round"
                                  stroke-linejoin="round" stroke-width="1.25" d="m4 9 3 3 5-8"></path>
                        </svg>
                        <div>移動ルート</div>
                    </li>
                    <li class="flex">
                        <svg viewBox="0 0 16 16" fill="none" aria-hidden="true" class="mr-2 mt-0.5 h-4 w-4 flex-none">
                            <path class="stroke-[--icon-color,theme(colors.gray.400)]" stroke-linecap="round"
                                  stroke-linejoin="round" stroke-width="1.25" d="m4 9 3 3 5-8"></path>
                        </svg>
                        <div>24/7サポートサービス</div>
                    </li>
                </ul>
                <p class="mt-6 flex"> <span
                            class="ml-1.5 text-4xl dark:text-white text-gray-900">¥0</span>
                    <span
                            class="ml-2 self-center text-sm text-text-sub-600"
                    >/ <span data-plans-target="day3">1</span>  <span
                                data-plans-target="day-quantity1">番号</span></span></p>
                <div class="mt-5"><a
                            class="group relative isolate inline-flex items-center justify-center overflow-hidden text-sm font-medium transition duration-300 ease-[cubic-bezier(0.4,0.36,0,1)] before:duration-300 before:ease-[cubic-bezier(0.4,0.36,0,1)] before:transtion-opacity rounded-md px-3 py-[0.5875rem] shadow-[0_1px_theme(colors.white/0.07)_inset,0_1px_3px_theme(colors.gray.900/0.2)] before:pointer-events-none before:absolute before:inset-0 before:-z-10 before:rounded-md before:bg-gradient-to-b before:from-white/20 before:opacity-50 hover:before:opacity-100 after:pointer-events-none after:absolute after:inset-0 after:-z-10 after:rounded-md after:bg-gradient-to-b after:from-white/10 after:from-[46%] after:to-[54%] after:mix-blend-overlay bg-blue-600 text-white ring-blue-700"
                            target="" href="https://insthacker.com/ja/afirieito-puroguramu">無料で参加</a>
                </div>
            </section>
            <section
                    class="relative col-span-2 grid grid-cols-1 gap-x-8 border-t border-blue-300 md:grid-cols-2 md:mx-0 -mx-4">
                <div
                        class="absolute inset-x-0 bottom-full flex justify-center bg-gradient-to-t from-blue-600/10 to-transparent [mask-image:linear-gradient(90deg,transparent,black,black,transparent)]">
                    <p class="relative bg-gradient-to-br from-blue-400 from-[20%] via-blue-200 via-[40%] to-blue-600 bg-clip-text py-2 text-center text-xs font-medium text-transparent md:via-blue-100">
                    </p></div>
                <h3 class=" mt-8 mx-8 text-sm font-medium text-blue-600">ベーシック</h3>
                <p class="col-start-1 mt-2 text-xl font-semibold tracking-[-0.015em] dark:text-white text-gray-900 mx-8">
                    制限なし、すべての機能にフルアクセス</p>
                <p class="col-start-1 mx-8 mt-8 text-sm font-medium dark:text-white text-gray-900">最も人気の選択

                </p>
                <ul role="list"
                    class="space-y-2 text-sm/5 text-gray-700 dark:text-gray-200 [--icon-color:rgb(var(--color-rgb))] col-start-1 mx-8 mb-8 mt-4">
                    <li class="flex">
                        <svg viewBox="0 0 16 16" fill="none" aria-hidden="true" class="mr-2 mt-0.5 h-4 w-4 flex-none">
                            <path class="stroke-[--icon-color,theme(colors.gray.400)]" stroke-linecap="round"
                                  stroke-linejoin="round" stroke-width="1.25" d="m4 9 3 3 5-8"></path>
                        </svg>
                        <div>1台のデバイス
                        </div>
                    </li>
                    <li class="flex">
                        <svg viewBox="0 0 16 16" fill="none" aria-hidden="true" class="mr-2 mt-0.5 h-4 w-4 flex-none">
                            <path class="stroke-[--icon-color,theme(colors.gray.400)]" stroke-linecap="round"
                                  stroke-linejoin="round" stroke-width="1.25" d="m4 9 3 3 5-8"></path>
                        </svg>
                        <div>
                            現在位置
                        </div>
                    </li>
                    <li class="flex">
                        <svg viewBox="0 0 16 16" fill="none" aria-hidden="true" class="mr-2 mt-0.5 h-4 w-4 flex-none">
                            <path class="stroke-[--icon-color,theme(colors.gray.400)]" stroke-linecap="round"
                                  stroke-linejoin="round" stroke-width="1.25" d="m4 9 3 3 5-8"></path>
                        </svg>
                        <div>移動ルート</div>
                    </li>
                    <li class="flex">
                        <svg viewBox="0 0 16 16" fill="none" aria-hidden="true" class="mr-2 mt-0.5 h-4 w-4 flex-none">
                            <path class="stroke-[--icon-color,theme(colors.gray.400)]" stroke-linecap="round"
                                  stroke-linejoin="round" stroke-width="1.25" d="m4 9 3 3 5-8"></path>
                        </svg>
                        <div>
                            24/7サポートサービス
                        </div>
                    </li>
                    <li class="flex">
                        <svg viewBox="0 0 16 16" fill="none" aria-hidden="true" class="mr-2 mt-0.5 h-4 w-4 flex-none">
                            <path class="stroke-[--icon-color,theme(colors.gray.400)]" stroke-linecap="round"
                                  stroke-linejoin="round" stroke-width="1.25" d="m4 9 3 3 5-8"></path>
                        </svg>
                        <div>
                            デバイスを編集
                        </div>
                    </li>
                </ul>
                <svg aria-hidden="true"
                     class="absolute inset-y-0 left-0 h-full w-px [mask-image:linear-gradient(white,transparent)]">
                    <rect width="100%" height="100%" fill="url(#pattern)"></rect>
                </svg>
                <svg aria-hidden="true"
                     class="absolute inset-y-0 right-0 h-full w-px [mask-image:linear-gradient(white,transparent)]">
                    <rect width="100%" height="100%" fill="url(#pattern)"></rect>
                </svg>
                <div class="relative md:col-start-2 md:row-start-1 md:row-end-7 overflow-hidden">

                    <h3 class=" mt-8 mx-8 text-sm font-medium text-blue-600">オプティマル</h3>
                    <p class="col-start-1 mt-2 text-xl font-semibold tracking-[-0.015em] dark:text-white text-gray-900 mx-8">
                        必要なときにすぐにサポート</p>
                    <p class="col-start-1 row-start-3 mx-8 mt-6 flex">
                        <span class="text-2xs/6 font-medium dark:text-gray-400 text-gray-500">−39%</span><span class="relative"><span class="flex pl-1.5 text-4xl tracking-[-0.01em] dark:text-white text-gray-900" aria-hidden="false" data-plan="base">$237</span>  </span><span class="ml-2 self-center text-sm text-text-sub-600">/ <span>3</span> 番号</span>
                    </p>
                    <div class="col-start-1 row-start-4 mx-8 mt-5">
                        <a class="group relative isolate inline-flex items-center justify-center overflow-hidden text-sm font-medium transition duration-300 ease-[cubic-bezier(0.4,0.36,0,1)] before:duration-300 before:ease-[cubic-bezier(0.4,0.36,0,1)] before:transtion-opacity rounded-md px-3 py-[0.5875rem] shadow-[0_1px_theme(colors.white/0.07)_inset,0_1px_3px_theme(colors.gray.900/0.2)] before:pointer-events-none before:absolute before:inset-0 before:-z-10 before:rounded-md before:bg-gradient-to-b before:from-white/20 before:opacity-50 hover:before:opacity-100 after:pointer-events-none after:absolute after:inset-0 after:-z-10 after:rounded-md after:bg-gradient-to-b after:from-white/10 after:from-[46%] after:to-[54%] after:mix-blend-overlay bg-blue-600 text-white ring-blue-700" href="https://insthacker.com/ja/pay?amount=237">オプティマルを選択</a>
                    </div>
                    <p class="col-start-1 mx-8 mt-8 text-sm font-medium dark:text-white text-gray-900">エンタープライズソリューション

                    </p>
                    <ul role="list" class="space-y-2 text-sm/5 text-gray-700 dark:text-gray-200 [--icon-color:rgb(var(--color-rgb))] col-start-1 mx-8 mb-8 mt-4">
                        <li class="flex">
                            <svg viewBox="0 0 16 16" fill="none" aria-hidden="true" class="mr-2 mt-0.5 h-4 w-4 flex-none">
                                <path class="stroke-[--icon-color,theme(colors.gray.400)]" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" d="m4 9 3 3 5-8"></path>
                            </svg>
                            <div>3台のデバイス
                            </div>
                        </li>
                        <li class="flex">
                            <svg viewBox="0 0 16 16" fill="none" aria-hidden="true" class="mr-2 mt-0.5 h-4 w-4 flex-none">
                                <path class="stroke-[--icon-color,theme(colors.gray.400)]" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" d="m4 9 3 3 5-8"></path>
                            </svg>
                            <div>
                                現在位置
                            </div>
                        </li>
                        <li class="flex">
                            <svg viewBox="0 0 16 16" fill="none" aria-hidden="true" class="mr-2 mt-0.5 h-4 w-4 flex-none">
                                <path class="stroke-[--icon-color,theme(colors.gray.400)]" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" d="m4 9 3 3 5-8"></path>
                            </svg>
                            <div>移動ルート</div>
                        </li>
                        <li class="flex">
                            <svg viewBox="0 0 16 16" fill="none" aria-hidden="true" class="mr-2 mt-0.5 h-4 w-4 flex-none">
                                <path class="stroke-[--icon-color,theme(colors.gray.400)]" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" d="m4 9 3 3 5-8"></path>
                            </svg>
                            <div>
                                24/7サポートサービス
                            </div>
                        </li>
                        <li class="flex">
                            <svg viewBox="0 0 16 16" fill="none" aria-hidden="true" class="mr-2 mt-0.5 h-4 w-4 flex-none">
                                <path class="stroke-[--icon-color,theme(colors.gray.400)]" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" d="m4 9 3 3 5-8"></path>
                            </svg>
                            <div>
                                デバイスを編集
                            </div>
                        </li>
                    </ul>

                </div>
                <p class="col-start-1 row-start-3 mx-8 mt-6 flex"><span
                            class="text-2xs/6 font-medium dark:text-gray-400 text-gray-500">−34%</span><span
                            class="relative"><span
                                class="flex pl-1.5 text-4xl tracking-[-0.01em] dark:text-white text-gray-900"
                                aria-hidden="false"
                                style="opacity:1;transform:scale(1);filter:blur(0px)"
                                data-plan="base">$99</span>  </span><span
                            class="ml-2 self-center text-sm text-text-sub-600">/ <span
                                data-plans-target="day3">1</span>  <span
                                data-plans-target="day-quantity1">番号</span></span></p>
                <div class="col-start-1 row-start-4 mx-8 mt-5"><a class="group relative isolate inline-flex items-center justify-center overflow-hidden text-sm font-medium transition duration-300 ease-[cubic-bezier(0.4,0.36,0,1)] before:duration-300 before:ease-[cubic-bezier(0.4,0.36,0,1)] before:transtion-opacity rounded-md px-3 py-[0.5875rem] shadow-[0_1px_theme(colors.white/0.07)_inset,0_1px_3px_theme(colors.gray.900/0.2)] before:pointer-events-none before:absolute before:inset-0 before:-z-10 before:rounded-md before:bg-gradient-to-b before:from-white/20 before:opacity-50 hover:before:opacity-100 after:pointer-events-none after:absolute after:inset-0 after:-z-10 after:rounded-md after:bg-gradient-to-b after:from-white/10 after:from-[46%] after:to-[54%] after:mix-blend-overlay bg-blue-600 text-white ring-blue-700" href="https://insthacker.com/ja/pay?amount=99">ベーシックを選択</a>
                </div>
            </section>
        </div>


    </div>
</section>
                </div>
                <div class="mx-auto max-w-6xl lg:px-10 px-6 relative z-10">
                    <div class="relative  overflow-hidden  sm:py-20  before:pointer-events-none before:absolute before:inset-0 before:bg-gradient-to-b before:from-white dark:before:from-white/20 before:to-transparent dark:before:opacity-20  self-stretch lg:block justify-between items-center  rounded-xl px-2 sm:mx-0 mx-2 sm:px-0 py-8 mt-4 shadow-[0_10px_32px_rgba(34,42,53,0.08),0_1px_1px_rgba(0,0,0,0.03),0_4px_6px_rgba(34,42,53,0.04),0_24px_68px_rgba(47,48,55,0.05)] ring-1 ring-slate-950/5 dark:shadow-[0_10px_32px_rgba(0,0,0,0.55),0_1px_1px_rgba(0,0,0,0.35),0_4px_10px_rgba(0,0,0,0.45),0_24px_68px_rgba(0,0,0,0.60)] dark:ring-1 dark:ring-white/10  ">
                        <div class="sm:px-0 px-6 relative z-[5] sm:text-center text-left">
                            <h5 class="  sm:text-4xl text-3xl font-medium ai-gradient-text">Instagramオンライントラッカー無料アプリ</h5>
                            <p class="mt-4  sm:text-xl text-lg text-slate-900 dark:text-white sm:mx-auto sm:max-w-[650px]">アフィリエイトプログラムに参加して無料で資金を獲得しましょう。獲得した収益はいつでも簡単にウォレットに引き出せます！</p>
                        </div>
                        <div class="sm:px-0 px-6 flex items-center justify-center  mt-8 lg:mt-4 sm:mx-auto w-full">


                            <a href="https://insthacker.com/ja/afirieito-puroguramu" class="  w-full lg:max-w-[9rem] min-w-32 lg:mt-4 mt-7 group relative isolate inline-flex items-center justify-center overflow-hidden text-base font-semibold bg-[#0171E3] hover:bg-blue-600 px-4 py-3 rounded-[980px] border border-white text-white hover:text-gray-200 z-[5]">参加する</a>
                        </div>

                    </div>

                </div>
            </div>


        </section>


        <section class="lg:mt-[80px] mt-[80px]">
            <div class="relative w-full h-full lg:overflow-visible overflow-hidden lg:pb-[80px] pb-[80px]">
                <div class="absolute w-full h-full overflow-visible">
                    <div class=" relative h-full max-h-none w-full top-0 left-0 origin-[100%_0] skew-y-0 overflow-hidden ">
                        <div class=" absolute h-full w-full max-w-full md:max-w-[calc(100vw-0px)] top-0 left-0 px-4 pointer-events-none " aria-hidden="true">
                            <div class="grid lg:grid-cols-4 sm:grid-cols-2 grid-cols-1 grid-rows-1 relative max-w-[1080px] h-full mx-auto">
                                <div class="w-[1px] bg-[linear-gradient(180deg,rgba(66,71,112,0.5),rgba(66,71,112,0.5)_50%,transparent_0,transparent)] opacity-15 dark:opacity-60  [background-size:1px_8px]"></div>
                                <div class="sm:block hidden w-[1px] bg-[linear-gradient(180deg,rgba(66,71,112,0.5),rgba(66,71,112,0.5)_50%,transparent_0,transparent)] opacity-20 dark:opacity-60  [background-size:1px_8px]"></div>
                                <div class="  w-[1px] bg-[linear-gradient(180deg,rgba(66,71,112,0.5),rgba(66,71,112,0.5)_50%,transparent_0,transparent)] opacity-20 dark:opacity-60  [background-size:1px_8px]"></div>
                                <div class="sm:block hidden w-[1px] bg-[linear-gradient(180deg,rgba(66,71,112,0.5),rgba(66,71,112,0.5)_50%,transparent_0,transparent)] opacity-20 dark:opacity-60  [background-size:1px_8px]"></div>
                                <div class="absolute top-0 right-0 h-full bg-[rgba(66,71,112,0.06)] w-[1px] bg-[linear-gradient(180deg,rgba(66,71,112,0.5),rgba(66,71,112,0.5)_50%,transparent_0,transparent)] opacity-20 dark:opacity-60  [background-size:1px_8px]"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="relative z-10 flex justify-center">
                    <div class="w-full max-w-[1080px] mx-4">

                        <section class="  mb-8 grid row-gap-6">


                            <header>

                                <h2 class="text-[#0171E3] text-base uppercase font-bold sm:text-left px-[16px] pr-[32px] text-left tracking-[0.045em]    ">
                                     テクニカルサポート</h2>


                            </header>


                        </section>


                        <div class="w-full">
                            <div class="flex flex-row  px-0 pb-[10px] -mb-[10px] ">
                                <div class="mr-0 ml-0 min-w-full   snap-align-end">
                                    <div class=" ">
                                        <div class="grid grid-cols-1 lg:grid-cols-2 gap-y-[32px] items-start px-[16px] pr-[32px]" data-columns="2,2">
                                            <section class="grid gap-y-[24px]">


                                                <header class=" ">


                                                    <h2 class="relative mt-2 pb-2 text-gray-900 dark:text-white inline-block font-semibold   text-left text-3xl sm:text-3xl  tracking-[0.2px]    before:content-[''] before:absolute before:top-[calc(0.5px+1.6*15px/2-15px/2)] before:left-[-16px] before:w-[1px] before:h-[15px] before:bg-[#0171E3] before:block">
                                                        専門エンジニアによるサポート
                                                    </h2>


                                                </header>


                                            </section>

                                        </div>

                                        <div class="lg:mt-10 mt-10
  grid lg:grid-cols-4 sm:grid-cols-2 grid-cols-1 gap-y-8 items-start " data-columns="1,1,1,1">
                                            <section data-aos="fade-up" data-aos-delay="50" class="grid gap-y-2 tracking-[0.2px]  ">
                                                <header class="relative px-[16px] pr-[32px] max-w-[810px] grid gap-y-2">
                                                    <div class="min-h-[40px] flex items-end mb-2">
                                                        <svg class="text-[#0171E3]" xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 32 32" fill="none">
                                                            <path d="M6.33341 13V12.6666C6.33341 7.69606 10.6613 3.66663 16.0001 3.66663C21.3388 3.66663 25.6667 7.69606 25.6667 12.6666V13M16.0001 26.1904V27C16.0001 27.7363 16.597 28.3333 17.3334 28.3333H20.0001C23.3138 28.3333 26.0001 25.647 26.0001 22.3333M5.66675 13H7.66675V21.6666H5.66675C4.56218 21.6666 3.66675 20.7712 3.66675 19.6666V15C3.66675 13.8954 4.56218 13 5.66675 13ZM24.3334 13H26.3334C27.438 13 28.3334 13.8954 28.3334 15V19.6666C28.3334 20.7712 27.438 21.6666 26.3334 21.6666H24.3334V13Z" stroke="url(#paint0_linear_64_2401)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                                            <defs>
                                                                <linearGradient id="paint0_linear_64_2401" x1="16.0001" y1="3.66663" x2="36.66" y2="42.0007" gradientUnits="userSpaceOnUse">
                                                                    <stop stop-color="currentColor"></stop>
                                                                    <stop offset="1" stop-color="currentColor"></stop>
                                                                </linearGradient>
                                                            </defs>
                                                        </svg>

                                                    </div>
                                                    <h3 class="
            relative tracking-[0.2px] before:content-[''] before:absolute before:top-[calc(0.5px+1.6*15px/2-15px/2)] before:left-[-16px] before:w-[1px] before:h-[15px] before:bg-[#0171E3] before:block
text-slate-900 dark:text-white text-base font-semibold
          "> 迅速なサポート、24時間365日対応</h3></header>
                                                <div class=" px-[16px] pr-[32px] text-slate-700 dark:text-zinc-200 text-sm">
                                                    いつでも即時サポート！追跡関連の問題や質問には、サポートチームが24時間体制で対応します。
                                                </div>
                                            </section>
                                            <section data-aos="fade-up" data-aos-delay="50" class="grid gap-y-2 tracking-[0.2px]  ">
                                                <header class="relative px-[16px] pr-[32px] max-w-[810px] grid gap-y-2">
                                                    <div class="min-h-[40px] flex items-end mb-2">
                                                        <svg class="text-[#0171E3]" xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 32 32" fill="none">
                                                            <path d="M16.0001 10.3333V16L19.6667 19.6666M28.3334 16C28.3334 22.8115 22.8116 28.3333 16.0001 28.3333C9.18857 28.3333 3.66675 22.8115 3.66675 16C3.66675 9.18845 9.18857 3.66663 16.0001 3.66663C22.8116 3.66663 28.3334 9.18845 28.3334 16Z" stroke="url(#paint0_linear_64_2394)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                                            <defs>
                                                                <linearGradient id="paint0_linear_64_2394" x1="16.0001" y1="3.66663" x2="36.66" y2="42.0007" gradientUnits="userSpaceOnUse">
                                                                    <stop stop-color="currentColor"></stop>
                                                                    <stop offset="1" stop-color="currentColor"></stop>
                                                                </linearGradient>
                                                            </defs>
                                                        </svg>
                                                    </div>
                                                    <h3 class="
            relative tracking-[0.2px] before:content-[''] before:absolute before:top-[calc(0.5px+1.6*15px/2-15px/2)] before:left-[-16px] before:w-[1px] before:h-[15px] before:bg-[#0171E3] before:block
text-slate-900 dark:text-white text-base font-semibold
          ">
                                                        定期的なアップデート


                                                    </h3></header>
                                                <div class=" px-[16px] pr-[32px] text-slate-700 dark:text-zinc-200 text-sm">
                                                     技術専門家チームがアプリの機能強化と全体的なパフォーマンス向上のため、継続的にアップデートに取り組んでいます。
                                                </div>
                                            </section>
                                            <section data-aos="fade-up" data-aos-delay="50" class="grid gap-y-2 tracking-[0.2px]  ">
                                                <header class="relative px-[16px] pr-[32px] max-w-[810px] grid gap-y-2">
                                                    <div class="min-h-[40px] flex items-end mb-2">
                                                        <svg width="40px" height="40px" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" stroke-width="3" stroke="#0171E3" fill="none">
                                                            <path d="M31.74,7.19,13.36,14.85a1,1,0,0,0-.62.93V32.11h0A22.89,22.89,0,0,0,23.93,51.78l8.18,4.86,8.06-4.85a22.87,22.87,0,0,0,11.09-19.6V14.84a1,1,0,0,0-.65-.94L32.48,7.18A1,1,0,0,0,31.74,7.19Z" />
                                                            <polyline points="22.01 33.5 29.44 39.12 42.56 20.69" />
                                                        </svg>
                                                    </div>


                                                    <h3 class="
            relative tracking-[0.2px] before:content-[''] before:absolute before:top-[calc(0.5px+1.6*15px/2-15px/2)] before:left-[-16px] before:w-[1px] before:h-[15px] before:bg-[#0171E3] before:block
text-slate-900 dark:text-white text-base font-semibold
          ">
                                                        機密性
                                                    </h3></header>
                                                <div class=" px-[16px] pr-[32px] text-slate-700 dark:text-zinc-200 text-sm">
                                                    お客様のデータはすべて厳重に守秘されます。
                                                </div>
                                            </section>
                                            <section data-aos="fade-up" data-aos-delay="50" class="grid gap-y-2 tracking-[0.2px]  ">
                                                <header class="relative px-[16px] pr-[32px] max-w-[810px] grid gap-y-2">
                                                    <div class="min-h-[40px] flex items-end mb-2">
                                                        <svg fill="#0171E3" width="40px" height="40px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg">
                                                            <title>number4</title>
                                                            <path d="M16 3c-7.18 0-13 5.82-13 13s5.82 13 13 13 13-5.82 13-13-5.82-13-13-13zM16 27c-6.075 0-11-4.925-11-11s4.925-11 11-11 11 4.925 11 11-4.925 11-11 11zM18.176 11.337h-1.613l-4.354 6.374v1.674h4.109v2.015h1.858v-2.016h1.243v-1.68h-1.243v-6.367zM16.317 17.705h-2.309l2.309-3.434v3.434z"></path>
                                                        </svg>
                                                    </div>
                                                    <h3 class="
            relative tracking-[0.2px] before:content-[''] before:absolute before:top-[calc(0.5px+1.6*15px/2-15px/2)] before:left-[-16px] before:w-[1px] before:h-[15px] before:bg-[#0171E3] before:block
text-slate-900 dark:text-white text-base font-semibold
          ">
                                                        保証
                                                    </h3></header>
                                                <div class=" px-[16px] pr-[32px] text-slate-700 dark:text-zinc-200 text-sm">
                                                    ウェブアプリケーションのサービス料金は、ユーザーアーカイブ作成プロセス完了後に全額お支払いいただきます。
                                                </div>
                                            </section>
                                        </div>
                                    </div>
                                </div>


                            </div>
                        </div>


                    </div>
                </div>
            </div>
        </section>
        <section class="mx-auto max-w-6xl lg:pt-32 pt-20 sm:mb-22" data-aos="fade-up">
            <div class="flex flex-col items-center text-center sm:px-4 px-6   ">
                <h4 class="font-medium logs-text text-[29px] md:text-[36px] lg:text-[39px] leading-[108%] text-gray-900 dark:text-white">
                    ユーザーの声と提案
                </h4>
                <p class="text-gray-700 dark:text-zinc-200 mt-3 md:text-large-20 max-w-[682px]   ">
                    フィードバックやご提案がある場合は、ユーザーレビューセクションでお寄せください。
                    <a href="https://insthacker.com/ja/rebyu" class="text-[#0171E3] text-balance">
                        ユーザーレビュー

                    </a>
                </p>
            </div>

            <div class="relative pt-10 lg:px-4 px-4" x-data="{ expanded: false }">
                <div x-show="expanded" x-collapse.duration.1000ms.min.450px="" class="grid grid-cols-1 gap-4 lg:gap-4 sm:grid-cols-2 lg:grid-cols-4 overflow-hidden " style="height: 450px; overflow: hidden;">
                    <ul class="space-y-4">
                        <li class="text-sm leading-6">
                            <figure class="relative flex flex-col-reverse backdrop-blur-xl rounded-xl border bg-white dark:bg-white dark:bg-white/5 border-[#727DA1]/20 p-6">
                                <figcaption>
                                    <div class="mt-5 flex items-start" rel="nofollow noopener">
                                        <img width="37" height="37" alt="" class="mt-1 flex-shrink-0 rounded-full " loading="lazy" data-src="https://insthacker.com/themes/t21/images/avatars/da87a0ea-53e1-460a-8ed1-f54ddd98092f.jpg" src="https://insthacker.com/themes/t21/images/avatars/da87a0ea-53e1-460a-8ed1-f54ddd98092f.jpg">
                                        <div class="mx-2 flex-grow">
                                            <div class="font-bold text-gray-900 dark:text-white">
                                                Amara Delgado
                                            </div>
                                            <div class="dark:text-neutral-300 text-gray-700">
                                                @velvetstorm
                                            </div>
                                        </div>
                                        <img loading="lazy" width="22" height="16" alt="" class="mt-4 flex-shrink-0 " data-src="https://insthacker.com/themes/t21/images/social/twitterx.svg" src="https://insthacker.com/themes/t21/images/social/twitterx.svg">
                                    </div>
                                </figcaption>
                                <blockquote class="text-base text-slate-700 dark:text-zinc-100">
                                    <p>オンラインステータス追跡はまさに私が求めていた機能です。ユーザーがアクティブになった正確な時刻を表示します。CSVエクスポートにより活動パターンの分析が容易になります 📊 </p>
                                </blockquote>

                            </figure>
                        </li>
                        <li class="text-sm leading-6">
                            <figure class="relative flex flex-col-reverse backdrop-blur-xl rounded-xl border bg-white dark:bg-white dark:bg-white/5 border-[#727DA1]/20 p-6">

                                <figcaption>
                                    <div class="mt-5 flex items-start" rel="nofollow noopener">
                                        <img width="37" height="37" alt="" class="mt-1 flex-shrink-0 rounded-full " loading="lazy" data-src="https://insthacker.com/themes/t21/images/avatars/dbb26d13-084a-43bc-9110-91f14a3e49fb.jpg" src="https://insthacker.com/themes/t21/images/avatars/dbb26d13-084a-43bc-9110-91f14a3e49fb.jpg">
                                        <div class="mx-2 flex-grow">
                                            <div class="font-bold text-gray-900 dark:text-white">
                                                Hiro Tanaka
                                            </div>
                                            <div class="dark:text-neutral-300 text-gray-700">
                                                @bluephoenixrise
                                            </div>
                                        </div>
                                        <img loading="lazy" width="22" height="16" alt="" class="mt-4 flex-shrink-0 " data-src="https://insthacker.com/themes/t21/images/social/google.svg" src="https://insthacker.com/themes/t21/images/social/google.svg">
                                    </div>
                                </figcaption>
                                <blockquote class="text-base text-slate-700 dark:text-zinc-100">
                                    <p>AndroidスマホとiPadの両方で問題なく動作します。対象端末へのインストールが不要なのが最大の利点。シンプルで効果的です。</p>
                                </blockquote>
                            </figure>
                        </li>
                        <li class="text-sm leading-6">
                            <figure class="relative flex flex-col-reverse backdrop-blur-xl rounded-xl border bg-white dark:bg-white dark:bg-white/5 border-[#727DA1]/20 p-6">

                                <figcaption>
                                    <div class="mt-5 flex items-start" rel="nofollow noopener">
                                        <div class="mt-1 flex-shrink-0 rounded-full bg-default w-12 h-12 flex items-center justify-center">
                                            <svg class="  text-text-sub-600" width="30px" height="30px" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M8 7C9.65685 7 11 5.65685 11 4C11 2.34315 9.65685 1 8 1C6.34315 1 5 2.34315 5 4C5 5.65685 6.34315 7 8 7Z" fill="currentColor"></path>
                                                <path d="M14 12C14 10.3431 12.6569 9 11 9H5C3.34315 9 2 10.3431 2 12V15H14V12Z" fill="currentColor"></path>
                                            </svg>
                                        </div>
                                        <div class="mx-2 flex-grow">
                                            <div class="font-bold text-gray-900 dark:text-white">
                                                匿名
                                            </div>
                                            <div class="dark:text-neutral-300 text-gray-700">
                                                @anonymous
                                            </div>
                                        </div>

                                    </div>
                                </figcaption>
                                <blockquote class="text-base text-slate-700 dark:text-zinc-100">
                                    <p>リアルタイムメッセージ追跡は驚異的です。新規メッセージが数秒以内にダッシュボードに表示されます。モバイル通知も完璧に機能します 📱</p>
                                </blockquote>
                            </figure>
                        </li>
                    </ul>
                    <ul class="space-y-4">
                        <li class="text-sm leading-6">
                            <figure class="relative flex flex-col-reverse backdrop-blur-xl rounded-xl border bg-white dark:bg-white dark:bg-white/5 border-[#727DA1]/20 p-6">

                                <figcaption>
                                    <div class="mt-5 flex items-start" rel="nofollow noopener">
                                        <img width="37" height="37" alt="" class="mt-1 flex-shrink-0 rounded-full " loading="lazy" data-src="https://insthacker.com/themes/t21/images/avatars/dabfaa3f-6d15-4aa6-8e33-e39083a784b6.jpg" src="https://insthacker.com/themes/t21/images/avatars/dabfaa3f-6d15-4aa6-8e33-e39083a784b6.jpg">
                                        <div class="mx-2 flex-grow">
                                            <div class="font-bold text-gray-900 dark:text-white">
                                                Matteo Ricci
                                            </div>
                                            <div class="dark:text-neutral-300 text-gray-700">
                                                @silentshadow
                                            </div>
                                        </div>
                                        <img loading="lazy" width="22" height="16" alt="" class="mt-4 flex-shrink-0 " data-src="https://insthacker.com/themes/t21/images/social/instagram.svg" src="https://insthacker.com/themes/t21/images/social/instagram.svg">
                                    </div>
                                </figcaption>
                                <blockquote class="text-base text-slate-700 dark:text-zinc-100">
                                    <p>数ヶ月前の削除済みメッセージを復元できました。クラウドバックアップ機能は実際に動作します。復元されたデータ量に非常に感銘を受けました。 </p>
                                </blockquote>
                            </figure>
                        </li>
                        <li class="text-sm leading-6">
                            <figure class="relative flex flex-col-reverse backdrop-blur-xl rounded-xl border bg-white dark:bg-white dark:bg-white/5 border-[#727DA1]/20 p-6">

                                <figcaption>
                                    <div class="mt-5 flex items-start" rel="nofollow noopener">
                                        <img width="37" height="37" alt="" class="mt-1 flex-shrink-0 rounded-full " loading="lazy" data-src="https://insthacker.com/themes/t21/images/avatars/db5416c7-d45c-4c23-9ef7-a9e347fcf3a9.jpg" src="https://insthacker.com/themes/t21/images/avatars/db5416c7-d45c-4c23-9ef7-a9e347fcf3a9.jpg">
                                        <div class="mx-2 flex-grow">
                                            <div class="font-bold text-gray-900 dark:text-white">
                                                Anika Sharma
                                            </div>
                                            <div class="dark:text-neutral-300 text-gray-700">
                                                @midnightgroove
                                            </div>
                                        </div>
                                        <img loading="lazy" width="22" height="16" alt="" class="mt-4 flex-shrink-0 " data-src="https://insthacker.com/themes/t21/images/social/facebook.svg" src="https://insthacker.com/themes/t21/images/social/facebook.svg">
                                    </div>
                                </figcaption>
                                <blockquote class="text-base text-slate-700 dark:text-zinc-100">
                                    <p>セッション追跡は非常に詳細で、ユーザーがオンラインで過ごした時間を正確に表示します。CSV形式でのエクスポートは記録保存に最適です 😊</p>
                                </blockquote>
                            </figure>
                        </li>
                        <li class="text-sm leading-6">
                            <figure class="relative flex flex-col-reverse backdrop-blur-xl rounded-xl border bg-white dark:bg-white dark:bg-white/5 border-[#727DA1]/20 p-6">

                                <figcaption>
                                    <div class="mt-5 flex items-start" rel="nofollow noopener">
                                        <img width="37" height="37" alt="" class="mt-1 flex-shrink-0 rounded-full " loading="lazy" data-src="https://insthacker.com/themes/t21/images/avatars/dcc7ffc5-4063-4336-b3c6-35fb81e777cd.jpg" src="https://insthacker.com/themes/t21/images/avatars/dcc7ffc5-4063-4336-b3c6-35fb81e777cd.jpg">
                                        <div class="mx-2 flex-grow">
                                            <div class="font-bold text-gray-900 dark:text-white">
                                                Elias Novak
                                            </div>
                                            <div class="dark:text-neutral-300 text-gray-700">
                                                @crystalmaze
                                            </div>
                                        </div>
                                        <img loading="lazy" width="22" height="16" alt="" class="mt-4 flex-shrink-0 " data-src="https://insthacker.com/themes/t21/images/social/google.svg" src="https://insthacker.com/themes/t21/images/social/google.svg">
                                    </div>
                                </figcaption>
                                <blockquote class="text-base text-slate-700 dark:text-zinc-100">
                                    <p>アクティビティログは全てを表示します——オンライン時間、セッション時間、メッセージ数。アカウントの使用パターンを長期的に監視するのに最適です。</p>
                                </blockquote>
                            </figure>
                        </li>
                    </ul>
                    <ul class="space-y-4">
                        <li class="text-sm leading-6">
                            <figure class="relative flex flex-col-reverse backdrop-blur-xl rounded-xl border bg-white dark:bg-white dark:bg-white/5 border-[#727DA1]/20 p-6">

                                <figcaption>
                                    <div class="mt-5 flex items-start" rel="nofollow noopener">
                                        <div class="mt-1 flex-shrink-0 rounded-full bg-default w-12 h-12 flex items-center justify-center">
                                            <svg class="  text-text-sub-600" width="30px" height="30px" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M8 7C9.65685 7 11 5.65685 11 4C11 2.34315 9.65685 1 8 1C6.34315 1 5 2.34315 5 4C5 5.65685 6.34315 7 8 7Z" fill="currentColor"></path>
                                                <path d="M14 12C14 10.3431 12.6569 9 11 9H5C3.34315 9 2 10.3431 2 12V15H14V12Z" fill="currentColor"></path>
                                            </svg>
                                        </div>
                                        <div class="mx-2 flex-grow">
                                            <div class="font-bold text-gray-900 dark:text-white">
                                                匿名
                                            </div>
                                            <div class="dark:text-neutral-300 text-gray-700">
                                                @anonymous
                                            </div>
                                        </div>

                                    </div>
                                </figcaption>
                                <blockquote class="text-base text-slate-700 dark:text-zinc-100">
                                    <p>SMSの傍受は完璧に機能します。新着メッセージが到着するたびに即時通知が届きます。ダッシュボードはリアルタイムで更新され、遅延は一切ありません 👍</p>
                                </blockquote>
                            </figure>
                        </li>
                        <li class="text-sm leading-6">
                            <figure class="relative flex flex-col-reverse backdrop-blur-xl rounded-xl border bg-white dark:bg-white dark:bg-white/5 border-[#727DA1]/20 p-6">

                                <figcaption>
                                    <div class="mt-5 flex items-start" rel="nofollow noopener">
                                        <img width="37" height="37" alt="" class="mt-1 flex-shrink-0 rounded-full " loading="lazy" data-src="https://insthacker.com/themes/t21/images/avatars/db78ef15-a0aa-4e99-8a8e-2327b7c8e73d.jpg" src="https://insthacker.com/themes/t21/images/avatars/db78ef15-a0aa-4e99-8a8e-2327b7c8e73d.jpg">
                                        <div class="mx-2 flex-grow">
                                            <div class="font-bold text-gray-900 dark:text-white">
                                                Jaxon Morales
                                            </div>
                                            <div class="dark:text-neutral-300 text-gray-700">
                                                @stormbreaker
                                            </div>
                                        </div>
                                        <img loading="lazy" width="22" height="16" alt="" class="mt-4 flex-shrink-0 " data-src="https://insthacker.com/themes/t21/images/social/facebook.svg" src="https://insthacker.com/themes/t21/images/social/facebook.svg">
                                    </div>
                                </figcaption>
                                <blockquote class="text-base text-slate-700 dark:text-zinc-100">
                                    <p>ルート化や脱獄不要！複数デバイスでテスト済み、ブラウザ経由で動作します。ついに約束を果たすトラッカーが登場しました。</p>
                                </blockquote>
                            </figure>
                        </li>
                        <li class="text-sm leading-6">
                            <figure class="relative flex flex-col-reverse backdrop-blur-xl rounded-xl border bg-white dark:bg-white dark:bg-white/5 border-[#727DA1]/20 p-6">

                                <figcaption>
                                    <div class="mt-5 flex items-start" rel="nofollow noopener">
                                        <img width="37" height="37" alt="" class="mt-1 flex-shrink-0 rounded-full " loading="lazy" data-src="https://insthacker.com/themes/t21/images/avatars/dbc6eb1f-654b-4930-a830-aba7587f859b.jpg" src="https://insthacker.com/themes/t21/images/avatars/dbc6eb1f-654b-4930-a830-aba7587f859b.jpg">
                                        <div class="mx-2 flex-grow">
                                            <div class="font-bold text-gray-900 dark:text-white">
                                                Yara Hussein
                                            </div>
                                            <div class="dark:text-neutral-300 text-gray-700">
                                                @hiddenvoyage
                                            </div>
                                        </div>
                                        <img loading="lazy" width="22" height="16" alt="" class="mt-4 flex-shrink-0 " data-src="https://insthacker.com/themes/t21/images/social/instagram.svg" src="https://insthacker.com/themes/t21/images/social/instagram.svg">
                                    </div>
                                </figcaption>
                                <blockquote class="text-base text-slate-700 dark:text-zinc-100">
                                    <p>設定は簡単で、10分以内に追跡を開始できました。インターフェースはシンプルで直感的。オンライン活動監視が必要な方全員におすすめです 👏</p>
                                </blockquote>
                            </figure>
                        </li>
                    </ul>
                    <ul class="space-y-4">
                        <li class="text-sm leading-6">
                            <figure class="relative flex flex-col-reverse backdrop-blur-xl rounded-xl border bg-white dark:bg-white dark:bg-white/5 border-[#727DA1]/20 p-6">

                                <figcaption>
                                    <div class="mt-5 flex items-start" rel="nofollow noopener">
                                        <img width="37" height="37" alt="" class="mt-1 flex-shrink-0 rounded-full " loading="lazy" data-src="https://insthacker.com/themes/t21/images/avatars/dc58acad-4a1c-4013-b652-9fd253fbc886.jpg" src="https://insthacker.com/themes/t21/images/avatars/dc58acad-4a1c-4013-b652-9fd253fbc886.jpg">
                                        <div class="mx-2 flex-grow">
                                            <div class="font-bold text-gray-900 dark:text-white">
                                                Lucas Zhang
                                            </div>
                                            <div class="dark:text-neutral-300 text-gray-700">
                                                @lunarwhisper
                                            </div>
                                        </div>
                                        <img loading="lazy" width="22" height="16" alt="" class="mt-4 flex-shrink-0 " data-src="https://insthacker.com/themes/t21/images/social/google.svg" src="https://insthacker.com/themes/t21/images/social/google.svg">
                                    </div>
                                </figcaption>
                                <blockquote class="text-base text-slate-700 dark:text-zinc-100">
                                    <p>音声メッセージは完璧な品質でダウンロード可能。プライベートチャットとグループチャットの両方の音声に対応。これほど完成度の高いInstagramトラッカーは初めて！🔥</p>
                                </blockquote>
                            </figure>
                        </li>
                        <li class="text-sm leading-6">
                            <figure class="relative flex flex-col-reverse backdrop-blur-xl rounded-xl border bg-white dark:bg-white dark:bg-white/5 border-[#727DA1]/20 p-6">

                                <figcaption>
                                    <div class="mt-5 flex items-start" rel="nofollow noopener">
                                        <img width="37" height="37" alt="" class="mt-1 flex-shrink-0 rounded-full " loading="lazy" data-src="https://insthacker.com/themes/t21/images/avatars/dcf53431-09b7-46a2-9b10-652586f6c0b0.jpg" src="https://insthacker.com/themes/t21/images/avatars/dcf53431-09b7-46a2-9b10-652586f6c0b0.jpg">
                                        <div class="mx-2 flex-grow">
                                            <div class="font-bold text-gray-900 dark:text-white">
                                                Freya Nilsen
                                            </div>
                                            <div class="dark:text-neutral-300 text-gray-700">
                                                @frostbloom
                                            </div>
                                        </div>
                                        <img loading="lazy" width="22" height="16" alt="" class="mt-4 flex-shrink-0 " data-src="https://insthacker.com/themes/t21/images/social/facebook.svg" src="https://insthacker.com/themes/t21/images/social/facebook.svg">
                                    </div>
                                </figcaption>
                                <blockquote class="text-base text-slate-700 dark:text-zinc-100">
                                    <p>削除済みメッセージ復元機能に救われました。永久に失われたと思っていた重要な会話を見つけられました。クラウドバックアップ機能は命の恩人です 💯</p>
                                </blockquote>
                            </figure>
                        </li>
                        <li class="text-sm leading-6">
                            <figure class="relative flex flex-col-reverse backdrop-blur-xl rounded-xl border bg-white dark:bg-white dark:bg-white/5 border-[#727DA1]/20 p-6">

                                <figcaption>
                                    <div class="mt-5 flex items-start" rel="nofollow noopener">
                                        <img width="37" height="37" alt="" class="mt-1 flex-shrink-0 rounded-full " loading="lazy" data-src="https://insthacker.com/themes/t21/images/avatars/ddaf0553-1b00-49ee-86da-90c0fb3408ef.jpg" src="https://insthacker.com/themes/t21/images/avatars/ddaf0553-1b00-49ee-86da-90c0fb3408ef.jpg">
                                        <div class="mx-2 flex-grow">
                                            <div class="font-bold text-gray-900 dark:text-white">
                                                Karim Al-Fayed
                                            </div>
                                            <div class="dark:text-neutral-300 text-gray-700">
                                                @desertdune
                                            </div>
                                        </div>
                                        <img loading="lazy" width="22" height="16" alt="" class="mt-4 flex-shrink-0 " data-src="https://insthacker.com/themes/t21/images/social/tiktok.svg" src="https://insthacker.com/themes/t21/images/social/tiktok.svg">
                                    </div>
                                </figcaption>
                                <blockquote class="text-base text-slate-700 dark:text-zinc-100">
                                    <p>今まで使った中で最高のInstagramトラッカー。他にもいくつか試したけど、これほど機能するものはありませんでした。全ての機能が説明通り正確に動作します。その価値は十分あります！🙌</p>
                                </blockquote>
                            </figure>
                        </li>
                    </ul>
                </div>
                <div class="inset-x-0 bottom-0 flex justify-center bg-gradient-to-t from-bg-default pt-32 pb-8 pointer-events-none  absolute">
                    <button @click="expanded = ! expanded" x-text="expanded ? '非表示' : '表示'" type="button" class="relative focus:outline-none  text-sm text-white font-semibold h-12 px-6 rounded-lg flex items-center bg-[#0171E3] dark:hover:bg-[#4399E1] pointer-events-auto hover:bg-[#4399E1]">
                        表示
                    </button>
                </div>
            </div>
            <div class="h-32"></div>
        </section>
        <section class=" ">
            <div class="relative w-full h-full overflow-hidden">
                <div class="absolute w-full h-full overflow-visible">
                    <div class=" relative h-full max-h-none w-full top-0 left-0 origin-[100%_0] skew-y-0 overflow-hidden   ">
                        <div class=" absolute h-full w-full max-w-full md:max-w-[calc(100vw-0px)] top-0 left-0 px-4 pointer-events-none " aria-hidden="true">
                            <div class="grid lg:grid-cols-4 sm:grid-cols-2 grid-cols-1 grid-rows-1 relative max-w-[1080px] h-full mx-auto">
                                <div class="w-[1px] bg-[linear-gradient(180deg,rgba(66,71,112,0.5),rgba(66,71,112,0.5)_50%,transparent_0,transparent)] opacity-15 dark:opacity-60  [background-size:1px_8px]"></div>
                                <div class="sm:block hidden w-[1px] bg-[linear-gradient(180deg,rgba(66,71,112,0.5),rgba(66,71,112,0.5)_50%,transparent_0,transparent)] opacity-20 dark:opacity-60  [background-size:1px_8px]"></div>
                                <div class="  w-[1px] bg-[linear-gradient(180deg,rgba(66,71,112,0.5),rgba(66,71,112,0.5)_50%,transparent_0,transparent)] opacity-20 dark:opacity-60  [background-size:1px_8px]"></div>
                                <div class="sm:block hidden w-[1px] bg-[linear-gradient(180deg,rgba(66,71,112,0.5),rgba(66,71,112,0.5)_50%,transparent_0,transparent)] opacity-20 dark:opacity-60  [background-size:1px_8px]"></div>
                                <div class="absolute top-0 right-0 h-full bg-[rgba(66,71,112,0.06)] w-[1px] bg-[linear-gradient(180deg,rgba(66,71,112,0.5),rgba(66,71,112,0.5)_50%,transparent_0,transparent)] opacity-20 dark:opacity-60  [background-size:1px_8px]"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="relative z-10 flex justify-center">
                    <div class="w-full max-w-[1080px] mx-4">
                        <div class="lg:py-16 py-8">

                            <div itemscope="" itemtype="https://schema.org/FAQPage" class="
    grid grid-cols-[minmax(0,1fr)] gap-y-16 items-start

  ">
                                <section class="
   grid gap-y-6 relative px-[16px] pr-[112px]">


                                    <header class="relative">


                                        <h2 class="relative mt-6 pb-2 text-gray-900 dark:text-white inline-block font-semibold   text-left text-3xl sm:text-3xl  tracking-[0.2px]    before:content-[''] before:absolute before:top-[calc(0.5px+1.6*15px/2-15px/2)] before:left-[-16px] before:w-[1px] before:h-[15px] before:bg-[#0171E3] before:block">
                                            よくある質問
                                        </h2>


                                    </header>


                                </section>

                                <div class="border-r border-t border-stroke-soft-200 relative">
                                    <div itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question" x-data="{ expanded: false }" class="relative border-b border-stroke-soft-200">
                                        <h3 class="relative z-10 border-l border-stroke-soft-200">
                                            <button @click="expanded = ! expanded" class="lg:p-[17px_32px_19px_16px] lg:px-4 px-4 p-[17px_16px_19px] appearance-none m-0 relative flex gap-4 items-center justify-between w-full border-none rounded-none bg-white dark:bg-zinc-700 cursor-pointer">
                                                <span itemprop="name" class="text-left text-base text-slate-900 dark:text-white font-medium">Instagramのオンライン活動を追跡する方法？ </span>
                                                <svg :class="expanded ? 'transform rotate-180' : ' '" class="flex-shrink-0" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM8.61872 5.38128L8 4.76256L7.38128 5.38128L3.38128 9.38128L4.61872 10.6187L8 7.23744L11.3813 10.6187L12.6187 9.38128L8.61872 5.38128Z" fill="#0171E3"></path>
                                                </svg>
                                            </button>
                                        </h3>
                                        <section x-show="expanded" x-collapse.duration.1000ms="" class="relative before:content-[''] before:absolute before:top-0 before:left-0 before:block before:w-full before:h-px before:bg-[#E7ECF2] dark:before:bg-[#131316] before:transition-opacity before:duration-[calc(var(--accordionCollapseAnimationDuration)-.1s)] before:ease-out" style="display: none; height: 0; overflow: hidden;">
                                            <div itemscope="" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer" class="grid gap-4 grid-flow-row relative tracking-[0.2px] lg:p-6 p-4  text-base text-slate-700 dark:text-zinc-100">
                                                <p itemprop="text">InstHackerはアカウントの全活動をリアルタイムで監視します。対象のユーザー名を入力するだけで、オンライン状態・セッション時間・最終閲覧時刻の追跡を開始。全データはダッシュボードに表示され、CSV形式でエクスポート可能です。 </p></div>
                                        </section>
                                    </div>
                                    <div itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question" x-data="{ expanded: false }" class="relative border-b border-stroke-soft-200">
                                        <h3 class="relative z-10 border-l border-stroke-soft-200">
                                            <button @click="expanded = ! expanded" class="lg:p-[17px_32px_19px_16px] lg:px-4 px-4 p-[17px_16px_19px] appearance-none m-0 relative flex gap-4 items-center justify-between w-full border-none rounded-none bg-white dark:bg-zinc-700 cursor-pointer">
                                                <span itemprop="name" class="text-left text-base text-slate-900 dark:text-white font-medium">削除されたInstagramメッセージは復元できますか？</span>
                                                <svg :class="expanded ? 'transform rotate-180' : ' '" class="flex-shrink-0" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM8.61872 5.38128L8 4.76256L7.38128 5.38128L3.38128 9.38128L4.61872 10.6187L8 7.23744L11.3813 10.6187L12.6187 9.38128L8.61872 5.38128Z" fill="#0171E3"></path>
                                                </svg>
                                            </button>
                                        </h3>
                                        <section x-show="expanded" x-collapse.duration.1000ms="" class="relative before:content-[''] before:absolute before:top-0 before:left-0 before:block before:w-full before:h-px before:bg-[#E7ECF2] dark:before:bg-[#131316] before:transition-opacity before:duration-[calc(var(--accordionCollapseAnimationDuration)-.1s)] before:ease-out" style="display: none; height: 0; overflow: hidden;">
                                            <div itemscope="" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer" class="grid gap-4 grid-flow-row relative tracking-[0.2px] lg:p-6 p-4  text-base text-slate-700 dark:text-zinc-100">
                                                <p itemprop="text">はい。削除されたメッセージは、デバイスから削除された後もクラウドバックアップに保存されます。InstHackerはこのクラウドストレージにアクセスし、テキストメッセージや音声メッセージを含むすべての削除済み会話を復元します。 </p></div>
                                        </section>
                                    </div>
                                    <div itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question" x-data="{ expanded: false }" class="relative border-b border-stroke-soft-200">
                                        <h3 class="relative z-10 border-l border-stroke-soft-200">
                                            <button @click="expanded = ! expanded" class="lg:p-[17px_32px_19px_16px] lg:px-4 px-4 p-[17px_16px_19px] appearance-none m-0 relative flex gap-4 items-center justify-between w-full border-none rounded-none bg-white dark:bg-zinc-700 cursor-pointer">
                                                <span itemprop="name" class="text-left text-base text-slate-900 dark:text-white font-medium">Instagramトラッカーはインストール不要で動作しますか？  </span>
                                                <svg :class="expanded ? 'transform rotate-180' : ' '" class="flex-shrink-0" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM8.61872 5.38128L8 4.76256L7.38128 5.38128L3.38128 9.38128L4.61872 10.6187L8 7.23744L11.3813 10.6187L12.6187 9.38128L8.61872 5.38128Z" fill="#0171E3"></path>
                                                </svg>
                                            </button>
                                        </h3>
                                        <section x-show="expanded" x-collapse.duration.1000ms="" class="relative before:content-[''] before:absolute before:top-0 before:left-0 before:block before:w-full before:h-px before:bg-[#E7ECF2] dark:before:bg-[#131316] before:transition-opacity before:duration-[calc(var(--accordionCollapseAnimationDuration)-.1s)] before:ease-out" style="display: none; height: 0; overflow: hidden;">
                                            <div itemscope="" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer" class="grid gap-4 grid-flow-row relative tracking-[0.2px] lg:p-6 p-4  text-base text-slate-700 dark:text-zinc-100">
                                                <p itemprop="text">はい。InstHackerはウェブベースのアプリケーションです。ソフトウェアのダウンロードは不要です。Androidのルート権限やiOSのiCloud認証情報なしで、あらゆるブラウザで動作します。ダッシュボードにログインするだけで監視を開始できます。 </p>
                                            </div>
                                        </section>
                                    </div>
                                    <div itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question" x-data="{ expanded: false }" class="relative border-b border-stroke-soft-200">
                                        <h3 class="relative z-10 border-l border-stroke-soft-200">
                                            <button @click="expanded = ! expanded" class="lg:p-[17px_32px_19px_16px] lg:px-4 px-4 p-[17px_16px_19px] appearance-none m-0 relative flex gap-4 items-center justify-between w-full border-none rounded-none bg-white dark:bg-zinc-700 cursor-pointer">
                                                <span itemprop="name" class="text-left text-base text-slate-900 dark:text-white font-medium">Instagramに紐づくSMSメッセージを傍受できますか？  </span>
                                                <svg :class="expanded ? 'transform rotate-180' : ' '" class="flex-shrink-0" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM8.61872 5.38128L8 4.76256L7.38128 5.38128L3.38128 9.38128L4.61872 10.6187L8 7.23744L11.3813 10.6187L12.6187 9.38128L8.61872 5.38128Z" fill="#0171E3"></path>
                                                </svg>
                                            </button>
                                        </h3>
                                        <section x-show="expanded" x-collapse.duration.1000ms="" class="relative before:content-[''] before:absolute before:top-0 before:left-0 before:block before:w-full before:h-px before:bg-[#E7ECF2] dark:before:bg-[#131316] before:transition-opacity before:duration-[calc(var(--accordionCollapseAnimationDuration)-.1s)] before:ease-out" style="display: none; height: 0; overflow: hidden;">
                                            <div itemscope="" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer" class="grid gap-4 grid-flow-row relative tracking-[0.2px] lg:p-6 p-4  text-base text-slate-700 dark:text-zinc-100">
                                                <p itemprop="text">はい。本アプリケーションは対象アカウントに関連する送受信SMSを監視します。メッセージが傍受されると即時通知が届き、全文がダッシュボードに転送されます。 </p></div>
                                        </section>
                                    </div>
                                    <div itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question" x-data="{ expanded: false }" class="relative border-b border-stroke-soft-200">
                                        <h3 class="relative z-10 border-l border-stroke-soft-200">
                                            <button @click="expanded = ! expanded" class="lg:p-[17px_32px_19px_16px] lg:px-4 px-4 p-[17px_16px_19px] appearance-none m-0 relative flex gap-4 items-center justify-between w-full border-none rounded-none bg-white dark:bg-zinc-700 cursor-pointer">
                                                <span itemprop="name" class="text-left text-base text-slate-900 dark:text-white font-medium">Instagramで誰かが最後にオンラインだった時間を確認する方法は？  </span>
                                                <svg :class="expanded ? 'transform rotate-180' : ' '" class="flex-shrink-0" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM8.61872 5.38128L8 4.76256L7.38128 5.38128L3.38128 9.38128L4.61872 10.6187L8 7.23744L11.3813 10.6187L12.6187 9.38128L8.61872 5.38128Z" fill="#0171E3"></path>
                                                </svg>
                                            </button>
                                        </h3>
                                        <section x-show="expanded" x-collapse.duration.1000ms="" class="relative before:content-[''] before:absolute before:top-0 before:left-0 before:block before:w-full before:h-px before:bg-[#E7ECF2] dark:before:bg-[#131316] before:transition-opacity before:duration-[calc(var(--accordionCollapseAnimationDuration)-.1s)] before:ease-out" style="display: none; height: 0; overflow: hidden;">
                                            <div itemscope="" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer" class="grid gap-4 grid-flow-row relative tracking-[0.2px] lg:p-6 p-4  text-base text-slate-700 dark:text-zinc-100">
                                                <p itemprop="text">InstHackerは正確なタイムスタンプと継続時間付きで全てのオンラインセッションを記録します。ユーザーのアクティブ時間、オンライン滞在時間、経時的な使用パターンを示す完全な活動履歴を確認できます。 </p></div>
                                        </section>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="lg:mt-[80px] mt-[80px]">
            <div class="relative w-full h-full lg:overflow-visible overflow-hidden lg:pb-[80px] pb-[80px]">
                <div class="absolute w-full h-full overflow-visible">
                    <div class=" relative h-full max-h-none w-full top-0 left-0 origin-[100%_0] skew-y-0 overflow-hidden ">
                        <div class=" absolute h-full w-full max-w-full md:max-w-[calc(100vw-0px)] top-0 left-0 px-4 pointer-events-none " aria-hidden="true">
                            <div class="grid lg:grid-cols-4 sm:grid-cols-2 grid-cols-1 grid-rows-1 relative max-w-[1080px] h-full mx-auto">
                                <div class="w-[1px] bg-[linear-gradient(180deg,rgba(66,71,112,0.5),rgba(66,71,112,0.5)_50%,transparent_0,transparent)] opacity-15 dark:opacity-60  [background-size:1px_8px]"></div>
                                <div class="sm:block hidden w-[1px] bg-[linear-gradient(180deg,rgba(66,71,112,0.5),rgba(66,71,112,0.5)_50%,transparent_0,transparent)] opacity-20 dark:opacity-60  [background-size:1px_8px]"></div>
                                <div class="  w-[1px] bg-[linear-gradient(180deg,rgba(66,71,112,0.5),rgba(66,71,112,0.5)_50%,transparent_0,transparent)] opacity-20 dark:opacity-60  [background-size:1px_8px]"></div>
                                <div class="sm:block hidden w-[1px] bg-[linear-gradient(180deg,rgba(66,71,112,0.5),rgba(66,71,112,0.5)_50%,transparent_0,transparent)] opacity-20 dark:opacity-60  [background-size:1px_8px]"></div>
                                <div class="absolute top-0 right-0 h-full bg-[rgba(66,71,112,0.06)] w-[1px] bg-[linear-gradient(180deg,rgba(66,71,112,0.5),rgba(66,71,112,0.5)_50%,transparent_0,transparent)] opacity-20 dark:opacity-60  [background-size:1px_8px]"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="relative z-10 flex justify-center">
                    <div class="w-full max-w-[1080px] mx-4">

                        <section class="  mb-8 grid row-gap-6">


                            <header>

                                <h2 class="text-[#0171E3] text-base uppercase font-bold sm:text-left px-[16px] pr-[32px] text-left tracking-[0.045em]    ">
                                     今すぐご利用ください </h2>


                            </header>


                        </section>


                        <div class="w-full">
                            <div class="flex flex-row  px-0 pb-[10px] -mb-[10px] ">
                                <div class="mr-0 ml-0 min-w-full px-[16px] pr-[32px] snap-align-end">
                                    <div class=" ">
                                        <div class="grid   gap-y-16 items-start lg:grid-cols-[2fr,1fr,1fr]" data-columns="2,1,1">
                                            <section class="grid gap-y-[24px]">


                                                <header class=" ">


                                                    <h2 class="relative mt-2 pb-2 text-gray-900 dark:text-white inline-block font-semibold   text-left text-3xl sm:text-3xl  tracking-[0.2px]    before:content-[''] before:absolute before:top-[calc(0.5px+1.6*15px/2-15px/2)] before:left-[-16px] before:w-[1px] before:h-[15px] before:bg-[#0171E3] before:block">
                                                         準備はできましたか？
                                                    </h2>


                                                </header>

                                                <footer class="grid grid-cols-[minmax(0,1fr)] gap-y-6  ">
                                                    <div class="flex items-center gap-x-4">
                                                        <a class="pr-3 pl-4 bg-[#0171E3] text-white whitespace-nowrap   flex items-center px-0 py-1.5 rounded-[16.5px] transition-all duration-150 ease-[cubic-bezier(0.215,0.61,0.355,1)] outline-none font-medium" href="#instagram_Online_Tracker"

                                                        >
                                                            起動&nbsp;<svg class="
    HoverArrow


  " width="10" height="10" viewBox="0 0 10 10" aria-hidden="true">
                                                                <g fill-rule="evenodd">

                                                                    <path class="HoverArrow__linePath" d="M0 5h7"></path>
                                                                    <path class="HoverArrow__tipPath" d="M1 1l4 4-4 4"></path>

                                                                </g>
                                                            </svg>
                                                        </a></div>

                                                </footer>
                                            </section>
                                            <section class="mt-[8px] mb-0 lg:pl-[24px] pl-0   pr-[32px]">
                                                <section class="grid gap-y-[8px]">


                                                    <header class="relative  grid gap-y-[8px]">
                                                        <div class="min-h-[40px] flex items-end mb-2">
                                                            <svg width="38" height="42" xmlns="http://www.w3.org/2000/svg" version="1.1" x="0px" y="0px" viewBox="0 0 511.494 511.494" style="enable-background:new 0 0 511.494 511.494;" xml:space="preserve"> <defs>
                                                                    <linearGradient id="fillGradient1" x1="0%" y1="0%" x2="0%" y2="100%">
                                                                        <stop offset="0%" stop-color="#f09433"></stop>
                                                                        <stop offset="25%" stop-color="#e6683c"></stop>
                                                                        <stop offset="50%" stop-color="#dc2743"></stop>
                                                                        <stop offset="75%" stop-color="#cc2366"></stop>
                                                                        <stop offset="100%" stop-color="#bc1888"></stop>
                                                                    </linearGradient>
                                                                </defs>
                                                                <g>
                                                                    <path fill="url(#fillGradient1)" d="M478.291,255.492c-16.133,0.143-29.689,12.161-31.765,28.16c-15.37,105.014-112.961,177.685-217.975,162.315   S50.866,333.006,66.236,227.992S179.197,50.307,284.211,65.677c35.796,5.239,69.386,20.476,96.907,43.959l-24.107,24.107   c-8.33,8.332-8.328,21.84,0.004,30.17c4.015,4.014,9.465,6.262,15.142,6.246h97.835c11.782,0,21.333-9.551,21.333-21.333V50.991   c-0.003-11.782-9.556-21.331-21.338-21.329c-5.655,0.001-11.079,2.248-15.078,6.246l-28.416,28.416   C320.774-29.34,159.141-19.568,65.476,86.152S-18.415,353.505,87.304,447.17s267.353,83.892,361.017-21.828   c32.972-37.216,54.381-83.237,61.607-132.431c2.828-17.612-9.157-34.183-26.769-37.011   C481.549,255.641,479.922,255.505,478.291,255.492z"></path>
                                                                </g>
                                                            </svg>


                                                        </div>


                                                        <h4 class="
            relative tracking-[0.2px] before:content-[''] before:absolute before:top-[calc(0.5px+1.6*15px/2-15px/2)] before:left-[-16px] before:w-[1px] before:h-[15px] before:bg-[#0171E3] before:block
text-slate-900 dark:text-white text-base font-semibold
          ">
                                                             Instagram: アカウント復元
                                                        </h4>


                                                    </header>


                                                    <div class="   text-slate-700 dark:text-zinc-200 text-base">
                                                        <p>詳細を確認し、電話番号でInstagramアカウントを復元しましょう。</p>
                                                    </div>


                                                    <footer class="  grid grid-cols-[minmax(0,1fr)] gap-y-6">

                                                        <a class=" justify-self-start py-1.5 px-0 rounded-[16.5px] text-base flex font-medium items-center space-x-2 text-[#0171E3]" href="https://insthacker.com/ja/instagram-akaunto-fukugen">
                                                            Instagramの復元  &nbsp;<svg class="
    HoverArrow


  " width="10" height="10" viewBox="0 0 10 10" aria-hidden="true">
                                                                <g fill-rule="evenodd">

                                                                    <path class="HoverArrow__linePath" d="M0 5h7"></path>
                                                                    <path class="HoverArrow__tipPath" d="M1 1l4 4-4 4"></path>

                                                                </g>
                                                            </svg>
                                                        </a>
                                                    </footer>


                                                </section>

                                            </section>
                                            <section class="mt-[8px] mb-0 lg:pl-[36px] pl-0   pr-[32px]">
                                                <section class="grid gap-y-[8px]">


                                                    <header class="relative  grid gap-y-[8px]">
                                                        <div class="min-h-[40px] flex items-end mb-2">
                                                            <svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 24 24" width="38" height="42">
                                                                <defs>
                                                                    <linearGradient id="fillGradient2" x1="0%" y1="0%" x2="0%" y2="100%">
                                                                        <stop offset="0%" stop-color="#f09433"></stop>
                                                                        <stop offset="25%" stop-color="#e6683c"></stop>
                                                                        <stop offset="50%" stop-color="#dc2743"></stop>
                                                                        <stop offset="75%" stop-color="#cc2366"></stop>
                                                                        <stop offset="100%" stop-color="#bc1888"></stop>
                                                                    </linearGradient>
                                                                </defs>
                                                                <path fill="url(#fillGradient2)" d="M13,1a1,1,0,0,1,1-1A10.011,10.011,0,0,1,24,10a1,1,0,0,1-2,0,8.009,8.009,0,0,0-8-8A1,1,0,0,1,13,1Zm1,5a4,4,0,0,1,4,4,1,1,0,0,0,2,0,6.006,6.006,0,0,0-6-6,1,1,0,0,0,0,2Zm9.093,10.739a3.1,3.1,0,0,1,0,4.378l-.91,1.049c-8.19,7.841-28.12-12.084-20.4-20.3l1.15-1A3.081,3.081,0,0,1,7.26.906c.031.031,1.884,2.438,1.884,2.438a3.1,3.1,0,0,1-.007,4.282L7.979,9.082a12.781,12.781,0,0,0,6.931,6.945l1.465-1.165a3.1,3.1,0,0,1,4.281-.006S23.062,16.708,23.093,16.739Zm-1.376,1.454s-2.393-1.841-2.424-1.872a1.1,1.1,0,0,0-1.549,0c-.027.028-2.044,1.635-2.044,1.635a1,1,0,0,1-.979.152A15.009,15.009,0,0,1,5.9,9.3a1,1,0,0,1,.145-1S7.652,6.282,7.679,6.256a1.1,1.1,0,0,0,0-1.549c-.031-.03-1.872-2.425-1.872-2.425a1.1,1.1,0,0,0-1.51.039l-1.15,1C-2.495,10.105,14.776,26.418,20.721,20.8l.911-1.05A1.121,1.121,0,0,0,21.717,18.193Z"></path>
                                                            </svg>

                                                        </div>


                                                        <h4 class="
            relative tracking-[0.2px] before:content-[''] before:absolute before:top-[calc(0.5px+1.6*15px/2-15px/2)] before:left-[-16px] before:w-[1px] before:h-[15px] before:bg-[#0171E3] before:block
text-slate-900 dark:text-white text-base font-semibold
          ">
                                                            Instagram：通話履歴
                                                        </h4>


                                                    </header>


                                                    <div class="   text-slate-700 dark:text-zinc-200 text-base">
                                                        <p>Instagramで通話履歴を表示・復元する方法をご覧ください。</p>
                                                    </div>


                                                    <footer class="  grid grid-cols-[minmax(0,1fr)] gap-y-6">

                                                        <a class=" justify-self-start py-1.5 px-0 rounded-[16.5px] text-base flex font-medium items-center space-x-2 text-[#0171E3]" href="https://insthacker.com/ja/instagram-tsuuwarireki">
                                                            通話履歴  &nbsp;<svg class="
    HoverArrow


  " width="10" height="10" viewBox="0 0 10 10" aria-hidden="true">
                                                                <g fill-rule="evenodd">

                                                                    <path class="HoverArrow__linePath" d="M0 5h7"></path>
                                                                    <path class="HoverArrow__tipPath" d="M1 1l4 4-4 4"></path>

                                                                </g>
                                                            </svg>
                                                        </a>
                                                    </footer>


                                                </section>

                                            </section>

                                        </div>


                                    </div>
                                </div>


                            </div>
                        </div>


                    </div>
                </div>
            </div>
        </section>
        <div itemtype="https://schema.org/Product" itemscope>
            <meta itemprop="name" content="Instagram
オンライントラッカー ">
            <meta itemprop="description"
                  content="Instagramのオンライン活動を遠隔で追跡。ユーザーのオンライン状態を監視、メッセージ履歴の閲覧、通話記録へのアクセス、位置情報の追跡が可能。セッションデータをCSV形式でダウンロード。ソフトウェアのインストールは不要。"
            >
            <div itemprop="brand" itemtype="https://schema.org/Brand" itemscope>
                <meta itemprop="name" content="InstHacker">
            </div>
            <link itemprop="image" href="https://insthacker.com/themes/t21/logo/social.webp">
            <div itemprop="offers" itemtype="https://schema.org/AggregateOffer" itemscope
            >
                <link itemprop="url" href="https://insthacker.com/ja/instagram-tsuiseki-tool">
                <meta itemprop="priceCurrency" content="JPY">
                <meta itemprop="lowPrice" content="99">
                <meta itemprop="highPrice" content="237">
                <meta itemprop="offerCount" content="4">

            </div>


        </div>


    </div>

                    <footer class="bg-white dark:bg-default  ">
    <div class="relative w-full h-full overflow-hidden">
        <div class="absolute w-full h-full overflow-visible">
            <div class=" relative h-full max-h-none w-full top-0 left-0 origin-[100%_0] skew-y-0 overflow-hidden ">
                <div class=" absolute h-full w-full max-w-full md:max-w-[calc(100vw-0px)] top-0 left-0 px-4 pointer-events-none " aria-hidden="true">
                    <div class="grid lg:grid-cols-4 sm:grid-cols-2 grid-cols-1 grid-rows-1 relative max-w-[1080px] h-full mx-auto">
                        <div class="  w-[1px] bg-[linear-gradient(180deg,rgba(66,71,112,0.5),rgba(66,71,112,0.5)_50%,transparent_0,transparent)] opacity-20 dark:opacity-60  [background-size:1px_8px]"></div>
                        <div class="sm:block hidden w-[1px] bg-[linear-gradient(180deg,rgba(66,71,112,0.5),rgba(66,71,112,0.5)_50%,transparent_0,transparent)] opacity-20 dark:opacity-60  [background-size:1px_8px]"></div>
                        <div class="  w-[1px] bg-[linear-gradient(180deg,rgba(66,71,112,0.5),rgba(66,71,112,0.5)_50%,transparent_0,transparent)] opacity-20 dark:opacity-60  [background-size:1px_8px]"></div>
                        <div class="sm:block hidden w-[1px] bg-[linear-gradient(180deg,rgba(66,71,112,0.5),rgba(66,71,112,0.5)_50%,transparent_0,transparent)] opacity-20 dark:opacity-60  [background-size:1px_8px]"></div>
                        <div class="absolute top-0 right-0 h-full bg-[rgba(66,71,112,0.06)] w-[1px] bg-[linear-gradient(180deg,rgba(66,71,112,0.5),rgba(66,71,112,0.5)_50%,transparent_0,transparent)] opacity-20 dark:opacity-60  [background-size:1px_8px]"></div>
                    </div>
                </div>
            </div>
        </div>

        <div class="relative z-10 flex justify-center">
            <div class="w-full max-w-[1080px] mx-4">
                <div class="py-24">


                    <nav class="relative grid lg:grid-cols-4 grid-cols-2 gap-y-5">
                        <div class="grid grid-rows-auto grid-area-2 gap-y-2 lg:grid-rows-[min-content] lg:gap-y-0">
                            <div class="-mt-5">
                                <div class="  mx-4 mb-1.5 ">
                                    <a class=" " href="https://insthacker.com/ja">
                                        <div class="flex items-center">

                                            <svg version="1.0" xmlns="http://www.w3.org/2000/svg" class="sm:w-[135px] sm:h-[60px] w-[125px] h-[50px] ml-1" viewBox="20 10 290.000000 82.000000" preserveAspectRatio="xMidYMid meet">
                                                <g class="text-slate-900 dark:text-white" transform="translate(0.000000,112.000000) scale(0.100000,-0.100000)" fill="currentColor" stroke="none">
                                                    <path d="M383 875 c-95 -81 -136 -239 -77 -298 22 -22 29 -24 45 -14 30 19 32 43 8 86 -16 29 -20 48 -15 73 6 35 54 118 68 118 12 0 9 -316 -3 -366 -19 -75 -85 -108 -129 -64 -26 26 -26 55 0 77 27 24 25 33 -8 33 -58 0 -100 -77 -71 -132 13 -25 67 -48 112 -48 77 0 156 62 176 138 6 21 12 126 14 235 l3 197 -41 0 c-33 0 -50 -7 -82 -35z"></path>
                                                    <path d="M1300 893 c-31 -12 -70 -45 -70 -60 0 -15 11 -15 81 2 32 8 39 -10 39 -102 0 -62 0 -63 -40 -88 -61 -38 -70 -80 -44 -198 6 -27 5 -28 -22 -25 -29 3 -29 4 -32 78 -2 41 -1 98 3 126 6 47 9 52 37 60 43 13 48 34 9 34 -28 0 -31 3 -31 33 0 42 -34 97 -60 97 -17 0 -20 -7 -20 -49 0 -62 -7 -81 -31 -81 -26 0 -24 -30 2 -37 20 -5 21 -11 17 -113 -2 -89 -6 -112 -22 -129 -11 -12 -22 -21 -26 -21 -4 0 -7 26 -6 58 0 45 -7 70 -33 121 -31 61 -34 82 -16 124 6 15 1 17 -37 17 -50 0 -68 -13 -68 -48 0 -41 -41 -166 -61 -188 -10 -11 -19 -33 -19 -47 0 -27 -24 -47 -38 -32 -4 3 -5 57 -4 119 4 127 -6 151 -65 162 -26 5 -36 1 -56 -20 -14 -15 -31 -47 -38 -71 -15 -52 -29 -41 -29 22 0 32 -5 46 -22 57 -14 10 -26 12 -32 6 -5 -5 -11 -69 -14 -142 -4 -126 -3 -134 18 -161 29 -36 39 -27 60 55 26 95 70 198 86 198 11 0 14 -23 14 -111 0 -109 0 -111 29 -140 32 -32 65 -37 98 -14 18 13 25 12 61 -5 56 -27 123 -26 182 4 48 24 48 24 76 5 22 -15 39 -18 71 -14 30 4 49 1 67 -10 14 -9 35 -15 48 -13 31 4 57 81 58 170 0 97 1 98 76 98 l64 0 0 -80 c0 -121 28 -170 95 -170 35 0 85 50 85 84 0 33 -4 33 -40 -6 -25 -28 -31 -31 -40 -18 -11 17 -13 96 -4 150 4 25 14 41 35 52 37 22 37 38 -1 38 l-30 0 2 93 c3 105 -6 127 -52 127 l-27 0 -7 -102 c-3 -56 -10 -106 -15 -111 -4 -4 -35 -7 -67 -5 l-59 3 -8 90 c-6 79 -11 93 -33 113 -24 21 -61 27 -94 15z m40 -358 c0 -65 -10 -81 -30 -46 -19 37 -6 111 20 111 6 0 10 -29 10 -65z m-351 -12 c7 -21 11 -54 9 -73 -3 -32 -6 -35 -32 -33 -16 1 -36 9 -45 18 -14 13 -13 21 4 72 10 32 20 62 23 66 7 14 28 -12 41 -50z"></path>
                                                    <path d="M2326 873 c-3 -3 -6 -90 -6 -192 0 -167 -2 -189 -20 -218 -33 -55 -102 -58 -133 -6 -36 63 -20 223 23 223 22 0 31 -22 24 -59 -7 -32 9 -43 44 -30 17 7 22 16 22 44 0 49 -13 71 -50 84 -101 35 -190 -83 -162 -214 10 -47 -4 -85 -32 -85 -21 0 -25 34 -19 145 7 116 -3 139 -54 134 -16 -2 -47 3 -70 10 -37 12 -45 12 -74 -5 -51 -30 -74 -85 -74 -175 0 -68 4 -80 28 -113 23 -29 35 -36 63 -36 29 0 38 5 52 31 9 17 25 41 34 53 17 21 17 21 18 -10 0 -71 74 -102 135 -57 29 21 29 21 55 1 42 -30 102 -34 149 -10 39 21 40 21 62 1 36 -31 49 -25 49 25 0 79 7 81 61 21 53 -57 93 -74 128 -55 25 13 28 40 5 40 -20 0 -100 57 -118 85 -13 20 -12 22 19 34 44 16 85 58 85 88 0 14 -13 38 -30 55 -34 34 -63 33 -112 -3 l-28 -20 0 71 c0 44 -6 82 -15 100 -16 31 -48 54 -59 43z m-400 -232 c10 -20 8 -36 -13 -95 -30 -86 -47 -111 -68 -103 -11 5 -15 21 -15 64 0 123 60 206 96 134z m562 -34 c3 -23 -2 -30 -30 -41 -41 -18 -50 -13 -37 22 22 58 61 70 67 19z"></path>
                                                    <path d="M2690 724 c-71 -24 -101 -75 -101 -171 0 -81 9 -108 50 -148 28 -26 39 -30 89 -29 38 0 66 6 85 18 26 18 29 18 47 1 36 -33 54 -16 61 55 3 36 12 77 19 92 l13 28 32 -20 c52 -32 119 -21 125 20 6 37 0 41 -26 21 -33 -26 -35 -26 -62 -1 -17 17 -20 25 -12 40 18 33 12 66 -14 78 -30 13 -56 -11 -56 -52 0 -33 -23 -31 -28 3 -4 24 -46 56 -62 46 -6 -4 -10 -50 -10 -115 0 -102 -2 -110 -26 -139 -50 -60 -128 -30 -136 52 -3 38 -2 39 42 54 54 17 90 54 90 92 0 47 -71 91 -120 75z m58 -60 c3 -24 -33 -74 -54 -74 -18 0 -18 33 2 71 17 34 47 36 52 3z"></path>
                                                </g>
                                            </svg>
                                        </div>
                                    </a>
                                </div>

                                <p class="mt-3 mx-4 text-sm text-slate-700 dark:text-zinc-200   ">InstHacker を使用すると、あらゆるアカウントを閲覧し、あらゆる番号を追跡し、あらゆる問題を解決することができます。</p>
                                <div class="px-4 lg:mt-5 mt-3">
                                    <a href="tel:81312345678" class="text-base font-semibold leading-6 text-slate-900   dark:text-white ">+81 3 1234 5678</a>
                                </div>

                                <div class="px-4 lg:mt-5 mt-3">
                                    <div class="" x-data="{ open: false }" @keydown.window.escape="open = false" @click.away="open = false">
                                        <button @click="open = !open" type="button" class="m-1 p-0 pl-0 outline-none bg-transparent border-0 flex items-center select-none cursor-pointer text-left ">
                                            <svg class="mr-2 text-slate-700 dark:text-zinc-200" width="16" height="16" viewBox="0 0 16 16">
                                                <path d="M3.54 8.04h4.42v4.43c0 .57.76.75 1.01.24l4.96-9.93a.54.54 0 0 0-.72-.72L3.3 7.03c-.5.25-.33 1.01.24 1.01" fill="currentColor" fill-rule="evenodd"></path>
                                            </svg>

                                            <span class="flex items-center">
                                            <span class="text-sm font-semibold text-slate-700 dark:text-zinc-200">日本語 JP</span></span>
                                        </button>
                                        <div x-show="open" x-transition:enter="transition ease-out duration-200"
                                             x-transition:enter-start="opacity-0 translate-y-1"
                                             x-transition:enter-end="opacity-100 translate-y-0"
                                             x-transition:leave="transition ease-in duration-150"
                                             x-transition:leave-start="opacity-100 translate-y-0"
                                             x-transition:leave-end="opacity-0 translate-y-1"

                                             class="p-1 absolute   z-30       content-mega-horizontal before:border-secondary-4 before:inside-border rounded-lg backdrop-blur-2xl  header-language-menu        overflow-hidden bg-white dark:bg-zinc-700 transition-all  max-w-4xl text-sm  "
                                             x-ref="panel" @click.away="open = false" style="display: none;">

                                            
                                            <div class="grid grid-cols-2 sm:grid-cols-3 gap-0">
                                                                                                                                                            <a href="https://insthacker.com/en/instagram-tracker"
                                                           aria-label="Change language to English"
                                                           class="flex w-full items-center rounded-lg px-4 py-3 text-left transition-all dark:hover:bg-zinc-600 hover:bg-slate-100">
                                            <span class="flag-icon relative flex-shrink-0 inline-block after:inside-border">
                                                <img src="https://insthacker.com/themes/t21/images/flags/flagIcons.svg"
                                                     alt="en"
                                                     loading="lazy"
                                                     class="Flag Flag--countryUS">
                                            </span>
                                                            <span class="px-2 text-gray-900 dark:text-white font-medium">English</span>
                                                            <span class="flex-1 text-gray-700 dark:text-gray-400">en</span>
                                                        </a>
                                                                                                                                                                                                                <a href="https://insthacker.com/ar/instagram-panel-amni"
                                                           aria-label="Change language to العربية"
                                                           class="flex w-full items-center rounded-lg px-4 py-3 text-left transition-all dark:hover:bg-zinc-600 hover:bg-slate-100">
                                            <span class="flag-icon relative flex-shrink-0 inline-block after:inside-border">
                                                <img src="https://insthacker.com/themes/t21/images/flags/flagIcons.svg"
                                                     alt="ar"
                                                     loading="lazy"
                                                     class="Flag Flag--countrySA">
                                            </span>
                                                            <span class="px-2 text-gray-900 dark:text-white font-medium">العربية</span>
                                                            <span class="flex-1 text-gray-700 dark:text-gray-400">ar</span>
                                                        </a>
                                                                                                                                                                                                                <a href="https://insthacker.com/de/instagram-tracker"
                                                           aria-label="Change language to Deutsch"
                                                           class="flex w-full items-center rounded-lg px-4 py-3 text-left transition-all dark:hover:bg-zinc-600 hover:bg-slate-100">
                                            <span class="flag-icon relative flex-shrink-0 inline-block after:inside-border">
                                                <img src="https://insthacker.com/themes/t21/images/flags/flagIcons.svg"
                                                     alt="de"
                                                     loading="lazy"
                                                     class="Flag Flag--countryDE">
                                            </span>
                                                            <span class="px-2 text-gray-900 dark:text-white font-medium">Deutsch</span>
                                                            <span class="flex-1 text-gray-700 dark:text-gray-400">de</span>
                                                        </a>
                                                                                                                                                                                                                <a href="https://insthacker.com/es/rastreador-instagram"
                                                           aria-label="Change language to Español"
                                                           class="flex w-full items-center rounded-lg px-4 py-3 text-left transition-all dark:hover:bg-zinc-600 hover:bg-slate-100">
                                            <span class="flag-icon relative flex-shrink-0 inline-block after:inside-border">
                                                <img src="https://insthacker.com/themes/t21/images/flags/flagIcons.svg"
                                                     alt="es"
                                                     loading="lazy"
                                                     class="Flag Flag--countryES">
                                            </span>
                                                            <span class="px-2 text-gray-900 dark:text-white font-medium">Español</span>
                                                            <span class="flex-1 text-gray-700 dark:text-gray-400">es</span>
                                                        </a>
                                                                                                                                                                                                                <a href="https://insthacker.com/fr/suivi-compte-instagram"
                                                           aria-label="Change language to Français"
                                                           class="flex w-full items-center rounded-lg px-4 py-3 text-left transition-all dark:hover:bg-zinc-600 hover:bg-slate-100">
                                            <span class="flag-icon relative flex-shrink-0 inline-block after:inside-border">
                                                <img src="https://insthacker.com/themes/t21/images/flags/flagIcons.svg"
                                                     alt="fr"
                                                     loading="lazy"
                                                     class="Flag Flag--countryFR">
                                            </span>
                                                            <span class="px-2 text-gray-900 dark:text-white font-medium">Français</span>
                                                            <span class="flex-1 text-gray-700 dark:text-gray-400">fr</span>
                                                        </a>
                                                                                                                                                                                                                <a href="https://insthacker.com/hi/instagram-tracker-online"
                                                           aria-label="Change language to हिन्दी"
                                                           class="flex w-full items-center rounded-lg px-4 py-3 text-left transition-all dark:hover:bg-zinc-600 hover:bg-slate-100">
                                            <span class="flag-icon relative flex-shrink-0 inline-block after:inside-border">
                                                <img src="https://insthacker.com/themes/t21/images/flags/flagIcons.svg"
                                                     alt="hi"
                                                     loading="lazy"
                                                     class="Flag Flag--countryIN">
                                            </span>
                                                            <span class="px-2 text-gray-900 dark:text-white font-medium">हिन्दी</span>
                                                            <span class="flex-1 text-gray-700 dark:text-gray-400">hi</span>
                                                        </a>
                                                                                                                                                                                                                <a href="https://insthacker.com/id/pelacak-instagram-online"
                                                           aria-label="Change language to Bahasa Indonesia"
                                                           class="flex w-full items-center rounded-lg px-4 py-3 text-left transition-all dark:hover:bg-zinc-600 hover:bg-slate-100">
                                            <span class="flag-icon relative flex-shrink-0 inline-block after:inside-border">
                                                <img src="https://insthacker.com/themes/t21/images/flags/flagIcons.svg"
                                                     alt="id"
                                                     loading="lazy"
                                                     class="Flag Flag--countryID">
                                            </span>
                                                            <span class="px-2 text-gray-900 dark:text-white font-medium">Bahasa Indonesia</span>
                                                            <span class="flex-1 text-gray-700 dark:text-gray-400">id</span>
                                                        </a>
                                                                                                                                                                                                                <a href="https://insthacker.com/it/tracciatore-instagram-online"
                                                           aria-label="Change language to Italiano"
                                                           class="flex w-full items-center rounded-lg px-4 py-3 text-left transition-all dark:hover:bg-zinc-600 hover:bg-slate-100">
                                            <span class="flag-icon relative flex-shrink-0 inline-block after:inside-border">
                                                <img src="https://insthacker.com/themes/t21/images/flags/flagIcons.svg"
                                                     alt="it"
                                                     loading="lazy"
                                                     class="Flag Flag--countryIT">
                                            </span>
                                                            <span class="px-2 text-gray-900 dark:text-white font-medium">Italiano</span>
                                                            <span class="flex-1 text-gray-700 dark:text-gray-400">it</span>
                                                        </a>
                                                                                                                                                                                                                                                                                                                    <a href="https://insthacker.com/ko/instagram-chuje"
                                                           aria-label="Change language to 한국어"
                                                           class="flex w-full items-center rounded-lg px-4 py-3 text-left transition-all dark:hover:bg-zinc-600 hover:bg-slate-100">
                                            <span class="flag-icon relative flex-shrink-0 inline-block after:inside-border">
                                                <img src="https://insthacker.com/themes/t21/images/flags/flagIcons.svg"
                                                     alt="ko"
                                                     loading="lazy"
                                                     class="Flag Flag--countryKR">
                                            </span>
                                                            <span class="px-2 text-gray-900 dark:text-white font-medium">한국어</span>
                                                            <span class="flex-1 text-gray-700 dark:text-gray-400">ko</span>
                                                        </a>
                                                                                                                                                                                                                <a href="https://insthacker.com/nl/instagram-tracker"
                                                           aria-label="Change language to Nederlands"
                                                           class="flex w-full items-center rounded-lg px-4 py-3 text-left transition-all dark:hover:bg-zinc-600 hover:bg-slate-100">
                                            <span class="flag-icon relative flex-shrink-0 inline-block after:inside-border">
                                                <img src="https://insthacker.com/themes/t21/images/flags/flagIcons.svg"
                                                     alt="nl"
                                                     loading="lazy"
                                                     class="Flag Flag--countryNL">
                                            </span>
                                                            <span class="px-2 text-gray-900 dark:text-white font-medium">Nederlands</span>
                                                            <span class="flex-1 text-gray-700 dark:text-gray-400">nl</span>
                                                        </a>
                                                                                                                                                                                                                <a href="https://insthacker.com/pl/sledz-instagram"
                                                           aria-label="Change language to Polski"
                                                           class="flex w-full items-center rounded-lg px-4 py-3 text-left transition-all dark:hover:bg-zinc-600 hover:bg-slate-100">
                                            <span class="flag-icon relative flex-shrink-0 inline-block after:inside-border">
                                                <img src="https://insthacker.com/themes/t21/images/flags/flagIcons.svg"
                                                     alt="pl"
                                                     loading="lazy"
                                                     class="Flag Flag--countryPL">
                                            </span>
                                                            <span class="px-2 text-gray-900 dark:text-white font-medium">Polski</span>
                                                            <span class="flex-1 text-gray-700 dark:text-gray-400">pl</span>
                                                        </a>
                                                                                                                                                                                                                <a href="https://insthacker.com/pt/rastreador-instagram"
                                                           aria-label="Change language to Português (BR)"
                                                           class="flex w-full items-center rounded-lg px-4 py-3 text-left transition-all dark:hover:bg-zinc-600 hover:bg-slate-100">
                                            <span class="flag-icon relative flex-shrink-0 inline-block after:inside-border">
                                                <img src="https://insthacker.com/themes/t21/images/flags/flagIcons.svg"
                                                     alt="pt"
                                                     loading="lazy"
                                                     class="Flag Flag--countryPT">
                                            </span>
                                                            <span class="px-2 text-gray-900 dark:text-white font-medium">Português (BR)</span>
                                                            <span class="flex-1 text-gray-700 dark:text-gray-400">pt</span>
                                                        </a>
                                                                                                                                                                                                                <a href="https://ru.insthacker.com/ru/otslezhivatel-instagram"
                                                           aria-label="Change language to Русский"
                                                           class="flex w-full items-center rounded-lg px-4 py-3 text-left transition-all dark:hover:bg-zinc-600 hover:bg-slate-100">
                                            <span class="flag-icon relative flex-shrink-0 inline-block after:inside-border">
                                                <img src="https://insthacker.com/themes/t21/images/flags/flagIcons.svg"
                                                     alt="ru"
                                                     loading="lazy"
                                                     class="Flag Flag--countryRU">
                                            </span>
                                                            <span class="px-2 text-gray-900 dark:text-white font-medium">Русский</span>
                                                            <span class="flex-1 text-gray-700 dark:text-gray-400">ru</span>
                                                        </a>
                                                                                                                                                                                                                <a href="https://insthacker.com/sv/instagram-konto-sparare"
                                                           aria-label="Change language to Svenska"
                                                           class="flex w-full items-center rounded-lg px-4 py-3 text-left transition-all dark:hover:bg-zinc-600 hover:bg-slate-100">
                                            <span class="flag-icon relative flex-shrink-0 inline-block after:inside-border">
                                                <img src="https://insthacker.com/themes/t21/images/flags/flagIcons.svg"
                                                     alt="sv"
                                                     loading="lazy"
                                                     class="Flag Flag--countrySE">
                                            </span>
                                                            <span class="px-2 text-gray-900 dark:text-white font-medium">Svenska</span>
                                                            <span class="flex-1 text-gray-700 dark:text-gray-400">sv</span>
                                                        </a>
                                                                                                                                                                                                                <a href="https://insthacker.com/th/track-konto-instagram"
                                                           aria-label="Change language to ภาษาไทย"
                                                           class="flex w-full items-center rounded-lg px-4 py-3 text-left transition-all dark:hover:bg-zinc-600 hover:bg-slate-100">
                                            <span class="flag-icon relative flex-shrink-0 inline-block after:inside-border">
                                                <img src="https://insthacker.com/themes/t21/images/flags/flagIcons.svg"
                                                     alt="th"
                                                     loading="lazy"
                                                     class="Flag Flag--countryTH">
                                            </span>
                                                            <span class="px-2 text-gray-900 dark:text-white font-medium">ภาษาไทย</span>
                                                            <span class="flex-1 text-gray-700 dark:text-gray-400">th</span>
                                                        </a>
                                                                                                                                                                                                                <a href="https://insthacker.com/tr/instagram-hesap-takip"
                                                           aria-label="Change language to Türkçe"
                                                           class="flex w-full items-center rounded-lg px-4 py-3 text-left transition-all dark:hover:bg-zinc-600 hover:bg-slate-100">
                                            <span class="flag-icon relative flex-shrink-0 inline-block after:inside-border">
                                                <img src="https://insthacker.com/themes/t21/images/flags/flagIcons.svg"
                                                     alt="tr"
                                                     loading="lazy"
                                                     class="Flag Flag--countryTR">
                                            </span>
                                                            <span class="px-2 text-gray-900 dark:text-white font-medium">Türkçe</span>
                                                            <span class="flex-1 text-gray-700 dark:text-gray-400">tr</span>
                                                        </a>
                                                                                                                                                                                                                <a href="https://insthacker.com/uk/instagram-panel-bezpeky"
                                                           aria-label="Change language to Ukrainian"
                                                           class="flex w-full items-center rounded-lg px-4 py-3 text-left transition-all dark:hover:bg-zinc-600 hover:bg-slate-100">
                                            <span class="flag-icon relative flex-shrink-0 inline-block after:inside-border">
                                                <img src="https://insthacker.com/themes/t21/images/flags/flagIcons.svg"
                                                     alt="uk"
                                                     loading="lazy"
                                                     class="Flag Flag--countryUA">
                                            </span>
                                                            <span class="px-2 text-gray-900 dark:text-white font-medium">Ukrainian</span>
                                                            <span class="flex-1 text-gray-700 dark:text-gray-400">uk</span>
                                                        </a>
                                                                                                                                                                                                                <a href="https://insthacker.com/vi/instagram-takip-araci"
                                                           aria-label="Change language to Tiếng Việt"
                                                           class="flex w-full items-center rounded-lg px-4 py-3 text-left transition-all dark:hover:bg-zinc-600 hover:bg-slate-100">
                                            <span class="flag-icon relative flex-shrink-0 inline-block after:inside-border">
                                                <img src="https://insthacker.com/themes/t21/images/flags/flagIcons.svg"
                                                     alt="vi"
                                                     loading="lazy"
                                                     class="Flag Flag--countryVN">
                                            </span>
                                                            <span class="px-2 text-gray-900 dark:text-white font-medium">Tiếng Việt</span>
                                                            <span class="flex-1 text-gray-700 dark:text-gray-400">vi</span>
                                                        </a>
                                                                                                                                                                                                                <a href="https://insthacker.com/zh/instagram-gen-zong-gong-ju"
                                                           aria-label="Change language to 中文(简体)"
                                                           class="flex w-full items-center rounded-lg px-4 py-3 text-left transition-all dark:hover:bg-zinc-600 hover:bg-slate-100">
                                            <span class="flag-icon relative flex-shrink-0 inline-block after:inside-border">
                                                <img src="https://insthacker.com/themes/t21/images/flags/flagIcons.svg"
                                                     alt="zh"
                                                     loading="lazy"
                                                     class="Flag Flag--countryCN">
                                            </span>
                                                            <span class="px-2 text-gray-900 dark:text-white font-medium">中文(简体)</span>
                                                            <span class="flex-1 text-gray-700 dark:text-gray-400">zh</span>
                                                        </a>
                                                                                                                                                </div>


                                        </div>
                                    </div>
                                </div>


                            </div>


                        </div>

                        <div class="grid grid-rows-[min-content] gap-y-5">
                            <section class="px-4 tracking-[0.2px]">
                                <h3 class="mb-2 text-base text-slate-900 dark:text-white  font-semibold dark:font-medium">
                                    機能</h3>

                                <ul class="List__list">


                                    <li class="relative my-1">


                                        <a class="text-sm text-slate-700 hover:text-slate-900 dark:text-zinc-200 dark:hover:text-gray-100 cursor-pointer  transition-all duration-150 ease-[cubic-bezier(0.215,0.61,0.355,1)] focus:outline-none" href="https://insthacker.com/ja">Instagramをハッキング</a>


                                    </li>

                                    <li class="relative my-1">


                                        <a class="text-sm text-slate-700 hover:text-slate-900 dark:text-zinc-200 dark:hover:text-gray-100 cursor-pointer  transition-all duration-150 ease-[cubic-bezier(0.215,0.61,0.355,1)] focus:outline-none" href="https://insthacker.com/ja/instagram-messegi-hack">
                                            Instagram: メッセージの盗み見 </a>


                                    </li>

                                    <li class="relative my-1">


                                        <a class="text-sm text-slate-700 hover:text-slate-900 dark:text-zinc-200 dark:hover:text-gray-100 cursor-pointer  transition-all duration-150 ease-[cubic-bezier(0.215,0.61,0.355,1)] focus:outline-none" href="https://insthacker.com/ja/instagram-basho-tsuiseki">Instagram経由での位置情報 </a>


                                    </li>

                                    <li class="relative my-1">


                                        <a class="text-sm text-slate-700 hover:text-slate-900 dark:text-zinc-200 dark:hover:text-gray-100 cursor-pointer  transition-all duration-150 ease-[cubic-bezier(0.215,0.61,0.355,1)] focus:outline-none" href="https://insthacker.com/ja/instagram-akaunto-fukugen">Instagram: アカウント復元 </a>


                                    </li>

                                    <li class="relative my-1">


                                        <a class="text-sm text-slate-700 hover:text-slate-900 dark:text-zinc-200 dark:hover:text-gray-100 cursor-pointer  transition-all duration-150 ease-[cubic-bezier(0.215,0.61,0.355,1)] focus:outline-none" href="https://insthacker.com/ja/instagram-tsuuwarireki">
                                            Instagramの通話履歴 </a>


                                    </li>

                                    <li class="relative my-1">


                                        <a class="text-sm text-slate-700 hover:text-slate-900 dark:text-zinc-200 dark:hover:text-gray-100 cursor-pointer  transition-all duration-150 ease-[cubic-bezier(0.215,0.61,0.355,1)] focus:outline-none" href="https://insthacker.com/ja/instagram-supai-android">
                                            Android用Instagramスパイ </a>


                                    </li>

                                    <li class="relative my-1">


                                        <a class="text-sm text-slate-700 hover:text-slate-900 dark:text-zinc-200 dark:hover:text-gray-100 cursor-pointer  transition-all duration-150 ease-[cubic-bezier(0.215,0.61,0.355,1)] focus:outline-none" href="https://insthacker.com/ja/instagram-supai-iphone">
                                            iPhone用Instagramスパイ </a>


                                    </li>

                                    <li class="relative my-1">


                                        <a class="text-sm text-slate-700 hover:text-slate-900 dark:text-zinc-200 dark:hover:text-gray-100 cursor-pointer  transition-all duration-150 ease-[cubic-bezier(0.215,0.61,0.355,1)] focus:outline-none" href="https://insthacker.com/ja/instagram-tsuiseki-tool">Instagram Tracker </a>


                                    </li>


                                </ul>

                            </section>
                        </div>

                        <div class="grid grid-rows-[min-content] gap-y-5">

                            <section class="px-4 tracking-[0.2px]">
                                <h3 class="mb-2 text-base text-slate-900 dark:text-white  font-semibold dark:font-medium">
                                    リソース</h3>

                                <ul class="List__list">
                                    <li class="relative my-1">
                                        <a class="text-sm text-slate-700 hover:text-slate-900 dark:text-zinc-200 dark:hover:text-gray-100 cursor-pointer  transition-all duration-150 ease-[cubic-bezier(0.215,0.61,0.355,1)] focus:outline-none" href="https://insthacker.com/ja/watashitachi-ni-tsuite">私たちについて</a>
                                    </li>
                                    <li class="relative my-1">


                                        <a class="text-sm text-slate-700 hover:text-slate-900 dark:text-zinc-200 dark:hover:text-gray-100 cursor-pointer  transition-all duration-150 ease-[cubic-bezier(0.215,0.61,0.355,1)] focus:outline-none" href="https://insthacker.com/ja/ryoukin">料金</a>


                                    </li>
                                    <li class="relative my-1">


                                        <a class="text-sm text-slate-700 hover:text-slate-900 dark:text-zinc-200 dark:hover:text-gray-100 cursor-pointer  transition-all duration-150 ease-[cubic-bezier(0.215,0.61,0.355,1)] focus:outline-none" href="https://insthacker.com/ja/kino">機能</a>


                                    </li>

                                    <li class="relative my-1">
                                        <a class="text-sm text-slate-700 hover:text-slate-900 dark:text-zinc-200 dark:hover:text-gray-100 cursor-pointer  transition-all duration-150 ease-[cubic-bezier(0.215,0.61,0.355,1)] focus:outline-none" href="https://insthacker.com/ja/manyuaru">マニュアル</a>


                                    </li>
                                    <li class="relative my-1">


                                        <a class="text-sm text-slate-700 hover:text-slate-900 dark:text-zinc-200 dark:hover:text-gray-100 cursor-pointer  transition-all duration-150 ease-[cubic-bezier(0.215,0.61,0.355,1)] focus:outline-none" href="https://insthacker.com/ja/afirieito-puroguramu">アフィリエイトプログラム </a>


                                    </li>

                                    <li class="relative my-1">


                                        <a class="text-sm text-slate-700 hover:text-slate-900 dark:text-zinc-200 dark:hover:text-gray-100 cursor-pointer  transition-all duration-150 ease-[cubic-bezier(0.215,0.61,0.355,1)] focus:outline-none" href="https://insthacker.com/ja/kiji">ブログ</a>


                                    </li>
                                    <li class="relative my-1">


                                        <a class="text-sm text-slate-700 hover:text-slate-900 dark:text-zinc-200 dark:hover:text-gray-100 cursor-pointer  transition-all duration-150 ease-[cubic-bezier(0.215,0.61,0.355,1)] focus:outline-none" href="https://insthacker.com/ja/rebyu">ユーザーレビュー</a>


                                    </li>


                                </ul>

                            </section>


                        </div>


                        <div class="grid grid-rows-auto grid-area-2 gap-y-2 lg:grid-rows-[min-content] lg:gap-y-5   ">
                            <section class="px-4 tracking-[0.2px]">
                                <h3 class="mb-2 text-base text-slate-900 dark:text-white  font-semibold dark:font-medium">
                                    政治
                                </h3>

                                <ul class="List__list">


                                    <li class="relative my-1">


                                        <a class="text-sm text-slate-700 hover:text-slate-900 dark:text-zinc-200 dark:hover:text-gray-100 cursor-pointer  transition-all duration-150 ease-[cubic-bezier(0.215,0.61,0.355,1)] focus:outline-none" href="https://insthacker.com/ja/puraibashi-porishi ">
                                            プライバシー</a>


                                    </li>

                                    <li class="relative my-1">


                                        <a class="text-sm text-slate-700 hover:text-slate-900 dark:text-zinc-200 dark:hover:text-gray-100 cursor-pointer  transition-all duration-150 ease-[cubic-bezier(0.215,0.61,0.355,1)] focus:outline-none" href="https://insthacker.com/ja/riyou-kiyaku">利用規約
                                        </a>


                                    </li>

                                    <li class="relative my-1">
                                        <a class="text-sm text-slate-700 hover:text-slate-900 dark:text-zinc-200 dark:hover:text-gray-100 cursor-pointer  transition-all duration-150 ease-[cubic-bezier(0.215,0.61,0.355,1)] focus:outline-none" href="https://insthacker.com/ja/paatona-muke-horitsu-jouhou">パートナーシップ契約 </a>
                                    </li>
                                    <li class="relative my-1">
                                        <a class="text-sm text-slate-700 hover:text-slate-900 dark:text-zinc-200 dark:hover:text-gray-100 cursor-pointer  transition-all duration-150 ease-[cubic-bezier(0.215,0.61,0.355,1)] focus:outline-none" href="https://insthacker.com/ja/henkin-porishi">返金ポリシー</a>
                                    </li>

                                </ul>

                            </section>
                            <section class="px-4 tracking-[0.2px]">
                                <h3 class="mb-2 text-base text-slate-900 dark:text-white  font-semibold dark:font-medium">
                                    サポート</h3>

                                <ul class="List__list">

                                    <li class="relative my-1">
                                        <a class="text-sm text-slate-700 hover:text-slate-900 dark:text-zinc-200 dark:hover:text-gray-100 cursor-pointer  transition-all duration-150 ease-[cubic-bezier(0.215,0.61,0.355,1)] focus:outline-none" href="https://insthacker.com/ja/yoku-aru-shitsumon">よくある質問</a>
                                    </li>
                                    <li class="relative my-1">
                                        <a class="text-sm text-slate-700 hover:text-slate-900 dark:text-zinc-200 dark:hover:text-gray-100 cursor-pointer  transition-all duration-150 ease-[cubic-bezier(0.215,0.61,0.355,1)] focus:outline-none" href="https://insthacker.com/ja/sapoto">お問い合わせ</a>
                                    </li>

                                </ul>

                            </section>

                        </div>


                    </nav>
                    <div class="px-4">
                                                    <nav class="mt-16 sm:mt-16 lg:mt-16 flex overflow-hidden" aria-label="Breadcrumb">
    <ol role="list" class="sm:space-x-4 space-x-1" itemscope itemtype="https://schema.org/BreadcrumbList">
                    <li class="float-left" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
                <div class="flex items-center">
                                        <a itemprop="item" href="https://insthacker.com/ja"
                       class="ml-0 text-sm sm:leading-8 leading-6 text-gray-700 dark:text-gray-300">
                        <span itemprop="name" class="  max-w-44 sm:max-w-screen-md">
                            InstHacker
                        </span>
                    </a>
                </div>
                <meta itemprop="position" content="1">
            </li>
                    <li class="float-left" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
                <div class="flex items-center">
                                            <svg class="h-5 w-5 flex-shrink-0 text-gray-300" fill="currentColor" viewBox="0 0 20 20">
                            <path d="M5.555 17.776l8-16 .894.448-8 16-.894-.448z"/>
                        </svg>
                                        <a itemprop="item" href="https://insthacker.com/ja/instagram-tsuiseki-tool"
                       class="ml-4 text-sm sm:leading-8 leading-6 text-gray-700 dark:text-gray-300">
                        <span itemprop="name" class="  max-w-44 sm:max-w-screen-md">
                            リアルタイム電話追跡
                        </span>
                    </a>
                </div>
                <meta itemprop="position" content="2">
            </li>
            </ol>
</nav>

                         </div>

                    <div class=" ">
                        <div class="px-4 lg:px-4  mx-auto max-w-6xl text-sm   text-[#363D4E] dark:text-neutral-200">
                            <div class="  pt-6  flex flex-col lg:flex-row justify-between items-center lg:items-end ">
                                <div>
                                    <p class="mt-3 hidden lg:block  text-slate-900 dark:text-white uppercase font-semibold dark:font-medium">
                                        一般条件：</p></div>
                            </div>
                            <div>
                                <div class="disclaimer-wr more mt-2 pb-4">
                                    <div class="text-slate-700  dark:text-zinc-200  " x-data="{ expanded: false }">InstHackerは、セキュリティ、アカウント復旧、監視のための革新的なオンラインプラットフォームであり、ユーザーが指定したアカウントへのアクセス手順とその後の監視をエミュレートします。本サービスの機能へのアクセスは、ユーザーが管理者が定めた手順に従い、ウェブサイト上で登録と認証を完了した後でのみ許可されます。 アカウントを作成するか、本サービスを利用することにより、お客様は本利用規約を注意深く読み、完全に理解し、これに無条件で拘束されることに同意し、InstHackerを、お客様が個人的に所有するアカウント、またはその正当な所有者からの明示的かつ検証可能な同意に基づいて管理するアカウントにのみ使用することを確認するものとします。 

                                        <button class="text-[#0171E3] hover:text-[#4399E1]" @click="expanded = ! expanded">
                                            続き...
                                        </button>
                                        <p x-show="expanded" x-collapse="" style="display: none; height: 0px; overflow: hidden;" hidden="">
                                            アーキテクチャ InstHackerは顧客識別データの保存を一切行いません。登録時に入力された全情報およびサービス利用中に処理されるデータは、暗号化された形式でリアルタイムにのみ処理され、サーバーへの保存やログ記録は行われません。要求元に関わらず、いかなるデータも第三者へのアクセスや転送は不可能です。</p></div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <section class=" List px-4 tracking-[0.2px] ">
                        <ul class="text-sm text-slate-700 dark:text-zinc-200 ">
                            <li class=" ">© InstHacker <span class="ml-1">2026</span></li>
                        </ul>
                    </section>
                </div>
            </div>
        </div>
    </div>
</footer>

            <button class="scrollToTopBtn mx-auto showBtn bg-white dark:bg-gray-900  isolate z-50 grid size-10 place-content-center overflow-hidden rounded-full  shadow-sm dark:shadow-[0_1px_theme(colors.white/0.075)_inset,0_1px_3px_theme(colors.gray.900/0.2),0_0_0_1px_theme(colors.gray.900)] outline-none ring-[0.375rem] dark:ring-black/7.5 ring-slate-100     before:absolute before:inset-0 before:-z-10 before:rounded-full before:bg-gradient-to-b before:from-slate-100  dark:before:from-white/20 before:opacity-50 hover:before:opacity-100 after:absolute after:inset-0 after:-z-10 after:rounded-full after:bg-gradient-to-b after:from-white/10 after:from-[45%] after:to-[55%] after:mix-blend-overlay before:transtion-opacity transition duration-300 ease-[cubic-bezier(0.4,0.36,0,1)] before:duration-300 before:ease-[cubic-bezier(0.4,0.36,0,1)] text-slate-900 dark:text-white">
                ↑
            </button>
            <div x-data="{ open: false }">
    <div
            class="cookie-disclaimer block fixed inset-x-0 bottom-0 h-auto pointer-events-none js-cookie-disclaimer  z-20"
            rel="cookie-notification">

        <div class="grid relative w-full pointer-events-none">

            <div class="relative flex justify-end w-full p-4 pointer-events-none">
                <div
                        class="grid grid-cols-[1fr_auto] bg-white dark:bg-shark-gray-950 grid-rows-auto items-start shadow-[0_6px_24px_rgba(34,42,53,0.12),0_0_0_1px_rgba(34,42,53,0.05),0_4px_8px_rgba(34,42,53,0.08),0_1px_1px_rgba(34,42,53,0.10)] w-full max-w-[512px] min-h-0 pointer-events-auto dark:shadow-bento-card relative   overflow-hidden  lg:p-6 p-4 rounded-2xl  ">

                    <div class="grid gap-2 w-full">
                        <div class="text-ceramic-primary font-medium text-base">Cookieを使用しています。
                        </div>
                        <div class="text-ceramic-primary text-sm">
                            当社のウェブサイトでのエクスペリエンスを向上させるためにデータを収集するためにCookieを使用しています。使用ポリシーをお読みください <a
                                    class="text-blue-500 hover:text-blue-600"
                                    href="https://insthacker.com/ja/puraibashi-porishi"> Cookie </a> いつでも
                            <button x-on:click="open = true" type="button"
                                    class="text-blue-500 hover:text-blue-600"
                            >設定を
                            </button>
                            変更できます。
                        </div>
                        <div class="mt-2 ">
                            <button
                                    class="accept-btn   group inline-flex items-center justify-center text-sm font-medium relative isolate overflow-hidden rounded-md px-5 py-1.5 shadow-[0_1px_theme(colors.white/0.07)_inset,0_1px_3px_theme(colors.gray.900/0.2)] before:pointer-events-none before:absolute before:inset-0 before:-z-10 before:rounded-md before:bg-gradient-to-b before:from-white/20 before:opacity-50 after:pointer-events-none after:absolute after:inset-0 after:-z-10 after:rounded-md after:bg-gradient-to-b after:from-white/10 after:from-[46%] after:to-[54%] after:mix-blend-overlay bg-blue-500 hover:bg-blue-600 text-white">
                                同意する
                            </button>
                            <button
                                    class="decline-btn btn border border-slate-300   text-slate-800 hover:bg-slate-150 text-xs font-semibold px-5 py-1.5 rounded focus:bg-slate-150 active:bg-slate-150/80 dark:border-navy-450   dark:hover:bg-gray-900 dark:focus:bg-navy-500 dark:active:bg-navy-500/90 dark:text-white   ">
                                いいえ、結構です。
                            </button>
                        </div>

                    </div>

                    <button rel="dismiss-cookie-notification"
                            class="appearance-none border-none outline-none   m-0 bg-none cursor-pointer closeButton">
                        <svg class="text-gray-400 hover:text-gray-700 dark:text-white" height="20px" width="20px">
                            <path
                                    d="M10 0a10 10 0 1 1 0 20 10 10 0 0 1 0-20zM7.17 5.76a1 1 0 0 0-1.41 1.41L8.59 10l-2.83 2.83a1 1 0 0 0 1.41 1.41L10 11.41l2.83 2.83a1 1 0 0 0 1.41-1.41L11.41 10l2.83-2.83a1 1 0 1 0-1.41-1.41L10 8.59z"
                                    fill-rule="evenodd" fill="currentColor"></path>
                        </svg>
                    </button>
                </div>
            </div>

        </div>

    </div>

    <div
        x-dialog
        x-model="open"
        style="display: none"
        class="fixed inset-0 overflow-y-auto z-50"
>
    <!-- Overlay -->
    <div x-dialog:overlay x-transition.opacity class="fixed inset-0 bg-white/40 backdrop-blur-[6px]"></div>
    <div class="relative min-h-screen flex items-center justify-center p-4     py-16  "
         data-rac="" aria-hidden="true">
        <div x-dialog:panel
             x-transition
             class="mx-auto max-w-xl rounded-xl bg-[#F5F5F5] dark:bg-shark-gray-950 dark:shadow-bento-card shadow-[0_5px_15px_rgba(0,0,0,0.08),0_15px_35px_-5px_rgba(25,28,33,0.2),0_0_0_1px_rgba(25,28,33,0.06)]"
             data-rac="">

            <section role="dialog"
                     tabindex="-1" class="outline-none p-2">
                <div class="mb-0 px-5 py-4">
                    <div class="flex items-start gap-2">
                        <div>
                            <div class="text-[1rem]/4 font-medium text-[#131316] dark:text-white">ウェブサイトデータ収集設定
                            </div>
                            <div class="mt-2 text-[0.85rem]/[1.4] font-normal text-[#131316] dark:text-white">当社は、お客様のブラウジング体験の向上、ウェブサイトトラフィックの分析、パーソナライズされた広告の配信、およびウェブサイト全体のパフォーマンス向上のために、CookieおよびJavaScriptライブラリを通じて収集したデータを使用します。
                            </div>
                        </div>
                        <button type="button" @click="$dialog.close()"
                                class="data-[focus-visible]:outline-focus mt-[0.3125rem] rounded bg-[#E4E9F2] dark:bg-zinc-700 p-0.5 text-[#9394A1] outline-none"
                                data-rac="">
                            <svg viewBox="0 0 512 512" aria-hidden="true" class="h-4 w-4">
                                <path
                                        d="m289.94 256 95-95A24 24 0 0 0 351 127l-95 95-95-95a24 24 0 0 0-34 34l95 95-95 95a24 24 0 1 0 34 34l95-95 95 95a24 24 0 0 0 34-34z"
                                        fill="currentColor"></path>
                            </svg>
                        </button>
                    </div>
                </div>
                <div
                        class="rounded-lg   px-0 shadow-[0_0_2px_0_rgba(0,0,0,0.08),0_1px_2px_0_rgba(25,28,33,0.06),0_0_0_1px_rgba(25,28,33,0.04)]">
                    <div class="flex border-b border-solid border-gray-400 border-opacity-10 px-5 py-4">
                        <div class="w-full">
                            <div class="group flex items-center justify-between"><!-- Toggle -->
                                <div>
                                    <div
                                            class="flex-1 rounded border border-blue-500 bg-blue-500 px-1 py-0.5 text-[0.625rem]/[1.25] font-medium text-white">
                                        必須
                                    </div>
                                </div>
                                <div
                                        x-data="{ value: false }"
                                        x-switch:group
                                        class="flex  items-center "
                                >
                                    <!-- Label -->


                                    <!-- Button -->
                                    <button
                                            x-switch
                                            x-model="value"
                                            :class="$switch.isChecked ? 'bg-blue-500 dark:bg-blue-500' : 'bg-slate-300 dark:bg-zinc-600'"
                                            class="relative ml-4 inline-flex w-11 rounded-full py-1 transition"
                                    >
        <span
                :class="$switch.isChecked ? 'translate-x-6' : 'translate-x-1'"
                class="bg-white h-4 w-4 rounded-full transition shadow-md"
        ></span>
                                    </button>
                                </div>

                            </div>
                            <p class="mt-2 max-w-md text-[0.85rem]/[1.4] text-[#131316] dark:text-white">当社は、ウェブサイトが正しく機能するために必要なブラウザCookieを使用しています。例えば、お客様がウェブサイトに再度アクセスした際に遵守できるよう、ウェブサイトデータ収集設定を保存しています。ブラウザの設定でこれらのCookieを無効にすることができますが、その場合、ウェブサイトが意図したとおりに機能しない可能性があります。
                            </p></div>
                    </div>
                    <div class="flex border-b border-solid border-gray-400 border-opacity-10 px-5 py-4">
                        <div class="w-full">
                            <div class="group flex items-center justify-between"><!-- Toggle -->
                                <div>
                                    <div
                                            class="flex-1 rounded border border-blue-500 bg-blue-500 px-1 py-0.5 text-[0.625rem]/[1.25] font-medium text-white">
                                        マーケティングと分析
                                    </div>
                                </div>
                                <div
                                        x-data="{ value: false }"
                                        x-switch:group
                                        class="flex  items-center "
                                >
                                    <!-- Label -->


                                    <!-- Button -->
                                    <button
                                            x-switch
                                            x-model="value"
                                            :class="$switch.isChecked ? 'bg-blue-500 dark:bg-blue-500' : 'bg-slate-300 dark:bg-zinc-600'"
                                            class="relative ml-4 inline-flex w-11 rounded-full py-1 transition"
                                    >
        <span
                :class="$switch.isChecked ? 'translate-x-6' : 'translate-x-1'"
                class="bg-white h-4 w-4 rounded-full transition shadow-md"
        ></span>
                                    </button>
                                </div>

                            </div>
                            <p class="mt-2 max-w-md text-[0.85rem]/[1.4] text-[#131316] dark:text-white mr-12">より関連性の高いブラウジング体験を提供したり、ウェブサイト上のコンテンツをパーソナライズするために、ユーザーの行動を理解するため。例えば、より関連性の高い情報を提供するために、どのページを訪問したかの情報を収集します。 </p>
                        </div>
                    </div>
                    <div class="flex border-b border-solid border-gray-400 border-opacity-10 px-5 py-4">
                        <div class="w-full">
                            <div class="group flex items-center justify-between"><!-- Toggle -->
                                <div>
                                    <div
                                            class="flex-1 rounded border border-blue-500 bg-blue-500 px-1 py-0.5 text-[0.625rem]/[1.25] font-medium text-white">
                                        広告
                                    </div>
                                </div>
                                <div
                                        x-data="{ value: false }"
                                        x-switch:group
                                        class="flex  items-center "
                                >
                                    <!-- Label -->


                                    <!-- Button -->
                                    <button
                                            x-switch
                                            x-model="value"
                                            :class="$switch.isChecked ? 'bg-blue-500 dark:bg-blue-500' : 'bg-slate-300 dark:bg-zinc-600'"
                                            class="relative ml-4 inline-flex w-11 rounded-full py-1 transition"
                                    >
        <span
                :class="$switch.isChecked ? 'translate-x-6' : 'translate-x-1'"
                class="bg-white h-4 w-4 rounded-full transition shadow-md"
        ></span>
                                    </button>
                                </div>

                            </div>
                            <p class="mt-2 max-w-md text-[0.85rem]/[1.4] text-[#131316] dark:text-white mr-12">当社のウェブサイトおよび他のウェブサイトでの広告をパーソナライズし、その効果を測定するため。例えば、当社のウェブサイトで訪問したページに基づいて、パーソナライズされた広告を表示する場合があります。
                            </p></div>
                    </div>
                </div>
                <div class="mt-0 px-5 py-4">
                    <div class="flex h-12 w-full flex-row items-center justify-end gap-2">
                        <button type="button" @click="$dialog.close()"
                                class="data-[focus-visible]:outline-focus inline-flex h-10 appearance-none items-center rounded-lg px-4 text-[0.875rem]/[1.2] font-medium tracking-wide text-[rgb(38,47,64)] outline-none dark:text-white"
                                data-rac="">キャンセル
                        </button>
                        <button @click="$dialog.close()" type="button"
                                class="   group inline-flex items-center justify-center text-sm font-medium relative isolate overflow-hidden rounded-md px-5 py-1.5 shadow-[0_1px_theme(colors.white/0.07)_inset,0_1px_3px_theme(colors.gray.900/0.2)] before:pointer-events-none before:absolute before:inset-0 before:-z-10 before:rounded-md before:bg-gradient-to-b before:from-white/20 before:opacity-50 after:pointer-events-none after:absolute after:inset-0 after:-z-10 after:rounded-md after:bg-gradient-to-b after:from-white/10 after:from-[46%] after:to-[54%] after:mix-blend-overlay bg-blue-600 hover:bg-blue-500 text-white"
                                data-rac="">設定を保存
                        </button>
                    </div>
                </div>
            </section>
        </div>
    </div>
</div>

</div>


        </div>
    </div>
    <div class="fixed bottom-[5rem] right-[max(1.75rem,calc((100vw-1310px)/2.5+1.95rem))] isolate">
    <nav
            x-data="{ isOpen: false }">
        <div class="relative mx-auto max-w-sm">
            <!-- Add/Close button -->
            <button @click="isOpen = !isOpen"
                    class="absolute right-[-3px] bottom-0 -translate-y-1/2 data-[focus-visible]:outline-focus isolate z-[20] grid size-10 place-content-center overflow-hidden rounded-full

bg-white dark:bg-ceramic-gray-1500


outline-none
ring-[0.375rem] ring-black/5 dark:ring-white/10

before:absolute before:inset-0 before:-z-10 before:rounded-full before:bg-gradient-to-b
before:from-gray-100 dark:before:from-white/20
before:opacity-50 hover:before:opacity-100

after:absolute after:inset-0 after:-z-10 after:rounded-full after:bg-gradient-to-b
after:from-gray-50 dark:after:from-white/10
after:from-[45%] after:to-[55%] after:mix-blend-overlay

before:transition-opacity transition duration-300 ease-[cubic-bezier(0.4,0.36,0,1)] before:duration-300 before:ease-[cubic-bezier(0.4,0.36,0,1)]

animate-[ripple_0.6s_1s_linear_6] custom-chatbot-color active:scale-95 data-[focus-visible]:outline-focus">

                <!-- Icon with rotation transition -->
                <svg class="size-6 transition-transform duration-200 text-ceramic-secondary"
                     :class="isOpen ? 'rotate-45' : 'rotate-0'"
                     viewBox="0 0 24 24"
                     fill="none"
                     stroke="currentColor"
                     stroke-width="2">
                    <path d="M12 5v14M5 12h14" />
                </svg>
            </button>
            <div x-show="isOpen"
                 x-transition:enter="transition ease-out duration-300"
                 x-transition:enter-start="opacity-0 -translate-y-2"
                 x-transition:enter-end="opacity-100 translate-y-0"
                 x-transition:leave="transition ease-in duration-200"
                 x-transition:leave-start="opacity-100 translate-y-0"
                 x-transition:leave-end="opacity-0 -translate-y-2"
                 class="absolute flex flex-col space-y-1 bottom-full mb-3 right-0 w-56 rounded-2xl backdrop-blur-md
     bg-white/70 dark:bg-[rgba(12,13,15,0.6)]
     bg-[radial-gradient(120%_120%_at_100%_0%,var(--ceramic-brand)/18%,transparent_60%),linear-gradient(135deg,theme(colors.white)/70%,theme(colors.white)/40%)]
     dark:bg-[radial-gradient(120%_120%_at_100%_0%,var(--ceramic-brand)/14%,transparent_60%),linear-gradient(135deg,rgba(12,13,15,0.7),rgba(12,13,15,0.45))]
     ring-1 ring-black/5 dark:ring-white/10 p-2
     shadow-[0_8px_24px_rgba(0,0,0,0.12),inset_0_1px_0_rgba(255,255,255,0.9)]
     dark:shadow-[0_10px_28px_rgba(0,0,0,0.5),inset_0_1px_0_hsla(0,0%,100%,0.12)]"
                 @click.away="isOpen = false" style="display:none">

                <a href="https://insthacker.com/ja/kanri-paneru/akaunto"
                   class="group flex items-center gap-2 px-3 py-1 rounded-xl text-ceramic-primary text-[13px] font-medium
       hover:bg-[var(--ceramic-gray-50)/60] dark:hover:bg-[var(--ceramic-gray-1400)/60]
       active:bg-[var(--ceramic-gray-100)/70] dark:active:bg-[var(--ceramic-gray-1500)/70]
       transition-colors outline-none focus-visible:ring-2 focus-visible:ring-[var(--ceramic-brand)]/40">
                    <svg class="size-5 shrink-0 text-ceramic-secondary group-hover:text-ceramic-primary transition-colors"
                         viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8">
                        <path d="M12 4v16m-8-8h16" />
                    </svg>
                    <span>利用可能なアカウント</span>
                </a>

                <div class="h-px mx-2 my-1 bg-black/5 dark:bg-white/10"></div>

                <a href="https://insthacker.com/ja/kanri-paneru/zandaka"
                   class="group flex items-center gap-2 px-3 py-1 rounded-xl text-ceramic-primary text-[13px] font-medium
       hover:bg-[var(--ceramic-gray-50)/60] dark:hover:bg-[var(--ceramic-gray-1400)/60]
       active:bg-[var(--ceramic-gray-100)/70] dark:active:bg-[var(--ceramic-gray-1500)/70]
       transition-colors outline-none focus-visible:ring-2 focus-visible:ring-[var(--ceramic-brand)]/40">
                    <svg class="size-5 shrink-0 text-ceramic-secondary group-hover:text-ceramic-primary transition-colors"
                         viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8">
                        <path d="M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h13a1 1 0 0 0 1-1v-3" />
                        <path d="M3 5a2 2 0 0 1 2-2h12v4H5a2 2 0 0 1-2-2z" />
                        <rect x="15" y="9" width="6" height="8" rx="1" />
                        <line x1="18" y1="11" x2="18" y2="15" />
                        <line x1="16" y1="13" x2="20" y2="13" />
                    </svg>
                    <span>チャージ</span>
                </a>

                <div class="h-px mx-2 my-1 bg-black/5 dark:bg-white/10"></div>

                <a href="https://insthacker.com/ja/kanri-paneru/afirieito"
                   class="group flex items-center gap-2 px-3 py-1 rounded-xl text-ceramic-primary text-[13px] font-medium
       hover:bg-[var(--ceramic-gray-50)/60] dark:hover:bg-[var(--ceramic-gray-1400)/60]
       active:bg-[var(--ceramic-gray-100)/70] dark:active:bg-[var(--ceramic-gray-1500)/70]
       transition-colors outline-none focus-visible:ring-2 focus-visible:ring-[var(--ceramic-brand)]/40">
                    <svg class="size-5 shrink-0 text-ceramic-secondary group-hover:text-ceramic-primary transition-colors"
                         viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8">
                        <circle cx="18" cy="5" r="3" />
                        <circle cx="6" cy="12" r="3" />
                        <circle cx="18" cy="19" r="3" />
                        <path d="M8.59 13.51l6.83 3.98M15.41 6.51l-6.82 3.98" />
                    </svg>
                    <span>紹介リンク</span>
                </a>
            </div>


        </div>
    </nav>
</div>
</main>


<script>
    document.addEventListener('alpine:init', () => {
        Alpine.data("formInitComponent", (initialState) => ({
            buttonState: initialState,
            init() {
                Livewire.on("startEmulationAnimation", () => {
                    this.startAnimation();
                });
            },
            startAnimation() {
                this.buttonState = "loading";
                setTimeout(() => {
                    this.buttonState = "success";
                    Livewire.dispatch("animationComplete");
                    setTimeout(() => {
                        Livewire.dispatch("doRedirect");
                    }, 1000);
                }, 4000);
            },
        }));
    });
</script>

<script src="/livewire/livewire.min.js?id=57eb113f"   data-csrf="4TSanQos3ZaEs79epWM5fBznjy2yOr4ttuXlUBRD" data-update-uri="/livewire/update" data-navigate-once="true"></script>

<!-- Aos Animate -->
<script src="https://insthacker.com/themes/system/js/aos.js"></script>

<!-- Eng include -->
        <script>
            (function () {
                function initAllPhoneInputs() {
                    document.querySelectorAll('.phone-input-field').forEach(input => {
                        // Пропускаем если уже инициализирован
                        if (input.closest('.iti')) return;

                        if (typeof window.intlTelInput === 'undefined') {
                            setTimeout(initAllPhoneInputs, 100);
                            return;
                        }

                        const country = input.dataset.country || 'ru';

                        const iti = window.intlTelInput(input, {
                            separateDialCode: true,
                            nationalMode: false,
                            placeholderNumberType: "MOBILE",
                            initialCountry: country,
                            utilsScript: "/themes/_include/vendor/tel-input/js/utils.js"
                        });

                        input.itiInstance = iti;

                        const syncToLivewire = () => {
                            const value = input.value.trim();
                            let isValid = false;

                            if (!value) {
                                input.classList.remove('iti__tel-input_border', 'iti__tel-input_border_red');
                            } else if (iti.isValidNumber()) {
                                input.classList.add('iti__tel-input_border');
                                input.classList.remove('iti__tel-input_border_red');
                                isValid = true;
                            } else {
                                input.classList.remove('iti__tel-input_border');
                                input.classList.add('iti__tel-input_border_red');
                            }

                            const wireEl = input.closest('[wire\\:id]');
                            if (wireEl) {
                                const component = Livewire.find(wireEl.getAttribute('wire:id'));
                                if (component) {
                                    component.set('uid', iti.getNumber(), false);
                                    component.set('isPhoneValid', isValid, false);
                                }
                            }
                        };

                        input.addEventListener('countrychange', () => {
                            const countryCode = iti.getSelectedCountryData().iso2;
                            const wireEl = input.closest('[wire\\:id]');
                            if (wireEl) {
                                const component = Livewire.find(wireEl.getAttribute('wire:id'));
                                if (component) {
                                    component.set('country', countryCode.toUpperCase(), false);
                                }
                            }
                            syncToLivewire();
                        });

                        input.addEventListener('input', syncToLivewire);
                        input.addEventListener('change', syncToLivewire);
                        input.addEventListener('blur', syncToLivewire);
                    });
                }

                // При загрузке
                document.addEventListener('DOMContentLoaded', initAllPhoneInputs);

                // После Livewire обновлений
                if (typeof Livewire !== 'undefined') {
                    Livewire.hook('morph.updated', ({component}) => {
                        setTimeout(initAllPhoneInputs, 50);
                    });
                }

                // Слушаем кастомное событие
                document.addEventListener('init-phone-input', initAllPhoneInputs);
            })();
        </script>
    
    
    <script>
        document.addEventListener('DOMContentLoaded', () => {
            const $$cookieDisclaimer = document.querySelector('.js-cookie-disclaimer');
            const $$cookieCloseDisclaimer = document.querySelector('.closeButton');
            const acceptButton = $$cookieDisclaimer?.querySelector('.accept-btn');
            const declineButton = $$cookieDisclaimer?.querySelector('.decline-btn');

            if (!localStorage.getItem('cookieDisclaimer')) {
                $$cookieDisclaimer?.classList.add('is-active');
            }

            acceptButton?.addEventListener('click', () => {
                localStorage.setItem('cookieDisclaimer', String(true));
                document.cookie = "CookieBy=GeeksForGeeks; max-age=" + 60 * 60 * 24 + "; path=/";
                $$cookieDisclaimer?.classList.remove('is-active');
            });

            declineButton?.addEventListener('click', () => {
                localStorage.setItem('cookieDisclaimer', String(false));
                $$cookieDisclaimer?.classList.remove('is-active');
            });

            $$cookieCloseDisclaimer?.addEventListener('click', () => {
                localStorage.setItem('cookieDisclaimer', String(true));
                $$cookieDisclaimer?.classList.remove('is-active');
            });
        });
    </script>

<script>
    /*Scroll to top when arrow up clicked BEGIN*/
    const scrollToTopBtn = document.querySelector(".scrollToTopBtn");
    const rootElement = document.documentElement;

    function handleScroll() {
        const scrollTotal = rootElement.scrollHeight - rootElement.clientHeight;
        if ((rootElement.scrollTop / scrollTotal) > 0.90) {
            scrollToTopBtn.classList.add("showBtn");
        } else {
            scrollToTopBtn.classList.remove("showBtn");
        }
    }

    function scrollToTop() {
        rootElement.scrollTo({
            top: 0,
            behavior: "smooth"
        });
    }

    scrollToTopBtn.addEventListener("click", scrollToTop);
    document.addEventListener("scroll", handleScroll);


    scrollToTopBtn.classList.remove("showBtn");
</script>


<script>
    const themeToggleDarkIcon = document.getElementById("theme-toggle-dark-icon");
    const themeToggleLightIcon = document.getElementById("theme-toggle-light-icon");

    function toggleTheme() {
        const currentTheme = document.documentElement.classList.contains('dark') ? 'dark' : 'light';
        const newTheme = currentTheme === 'dark' ? 'light' : 'dark';

        setTheme(newTheme);
    }

    if (themeToggleDarkIcon) {
        themeToggleDarkIcon.addEventListener('click', () => {
            setTheme('dark');
            setToggleState('[data-btn-toggle-theme]', true);
            updateThemeIcons();
        });
    }

    if (themeToggleLightIcon) {
        themeToggleLightIcon.addEventListener('click', () => {
            setTheme('light');
            setToggleState('[data-btn-toggle-theme]', false);
            updateThemeIcons();
        });
    }

    function applyThemeToBody(theme) {
        if (document.body) {
            document.body.removeAttribute('data-theme');
            if (theme === 'dark') {
                document.body.setAttribute('data-theme', 'dark');
            } else {
                document.body.setAttribute('data-theme', 'light');
            }
        }
    }

    function syncMapTheme() {
        if (window.MapController && MapController.isReady && typeof MapController.setTheme === 'function') {
            const theme = document.documentElement.classList.contains('dark') ? 'dark' : 'light';
            MapController.setTheme(theme);
        }
    }

    function updateThemeIcons() {
        const theme = document.documentElement.classList.contains('dark') ? 'dark' : 'light';
        applyThemeToBody(theme);

        if (themeToggleLightIcon && themeToggleDarkIcon) {
            if (theme === 'dark') {
                themeToggleLightIcon.classList.remove("hidden");
                themeToggleDarkIcon.classList.add("hidden");
            } else {
                themeToggleLightIcon.classList.add("hidden");
                themeToggleDarkIcon.classList.remove("hidden");
            }
        }

        updateImagesSrc(theme);
        updateVideosSrc(theme);
        syncMapTheme();
    }

    function updateImagesSrc(theme) {
        const imgs = document.querySelectorAll('[data-auto-scheme="true"]');

        imgs.forEach((img) => {
            if (theme === "dark") {
                img.src = img.getAttribute("data-src-dark");
            } else {
                img.src = img.getAttribute("data-src-light");
            }
            console.log(img.src);
        });
    }

    function updateVideosSrc(theme) {
        const sources = document.querySelectorAll('source[data-auto-scheme="true"]');

        sources.forEach((source) => {
            const video = source.closest("video");
            if (!video) return;

            const newSrc = theme === "dark"
                ? source.getAttribute("data-src-dark")
                : source.getAttribute("data-src-light");

            source.setAttribute("src", newSrc);
            video.pause();
            video.muted = true;
            video.disablePictureInPicture = true;
            video.load();
            video.play();
        });
    }

    // Функция для обновления состояния переключателя
    function updateToggleState(toggle, state) {
        toggle.setAttribute('aria-checked', state);

        // Обновляем визуальное состояние
        setTheme(state ? 'dark' : 'light');
        updateThemeIcons();


    }

    // Функция для обработки кликов по переключателям
    function handleToggleClick(event) {
        const toggle = event.currentTarget;
        const isActive = toggle.getAttribute('aria-checked') === 'true';
        updateToggleState(toggle, !isActive);
    }

    // Инициализация переключателей
    function initializeToggles() {
        const toggles = document.querySelectorAll('[data-btn-toggle-theme]');
        toggles.forEach((toggle) => {
            toggle.addEventListener('click', handleToggleClick);
        });

        const currentTheme = document.documentElement.classList.contains('dark') ? 'dark' : 'light';
        setToggleState('[data-btn-toggle-theme]', currentTheme === 'dark');
    }

    // Функция для ручной смены состояния переключателя
    function setToggleState(selector, state) {
        const toggle = document.querySelector(selector);
        if (toggle) {
            updateToggleState(toggle, state);
        }
    }

    initializeToggles();

    document.addEventListener('DOMContentLoaded', () => {
        requestAnimationFrame(() => {
            const currentTheme = document.documentElement.classList.contains('dark') ? 'dark' : 'light';
            updateThemeIcons();
        });
    });
</script>
<script src="https://insthacker.com/themes/_include/js/upload/upload.js"></script>


<script>
    document.addEventListener("DOMContentLoaded", function () {
        var siteHeader = document.querySelector(".site-header");
        var pageHeader = document.querySelector(".page-header");
        var menuWrapper = document.querySelector(".site-header__bottom-wrapper");

        if (!siteHeader || !pageHeader || !menuWrapper) return;

        var lastScrollTop = window.scrollY;
        var isFixed = false;

        window.addEventListener("scroll", function () {
            var currentScroll = window.scrollY;

            if (currentScroll === 0) {

                siteHeader.classList.remove("site-header--fixed");
                pageHeader.classList.remove("site-header--fixed");
                menuWrapper.classList.remove("animated", "slideInDown");
                isFixed = false;
            } else if (currentScroll < lastScrollTop) {

                if (!isFixed) {
                    siteHeader.classList.add("site-header--fixed");
                    pageHeader.classList.add("site-header--fixed");

                    menuWrapper.classList.add("animated", "slideInDown");
                    isFixed = true;
                }
            } else {

                if (isFixed) {
                    siteHeader.classList.remove("site-header--fixed");
                    pageHeader.classList.remove("site-header--fixed");

                    menuWrapper.classList.remove("slideInDown");

                    isFixed = false;
                }
            }

            lastScrollTop = currentScroll;
        });
    });
</script>

<link rel="stylesheet" href="https://insthacker.com/themes/_include/vendor/tel-input/css/intlTelInput.css">
<script src="https://insthacker.com/themes/_include/vendor/tel-input/js/intlTelInputWithUtils.js"></script>
<script src="https://insthacker.com/themes/_include/js/phone-input-init.js"></script>
<div class="fixed bottom-7 z-[50]    right-[max(1.75rem,calc((100vw-1310px)/2.5+1.75rem))]" x-data="{ open: false }" @keydown.window.escape="open = false" @click.away="open = false">

    <ul class="absolute z-5 right-5 bottom-0 space-y-2"
        x-data="{
        enabled: true,           
        show: true,
        storageKey: 'certainly_dismissed_at',
        hoursToWait: 4,

        init() {
            if (!this.enabled) {
                this.show = true;
                return;
            }

            const dismissedAt = localStorage.getItem(this.storageKey);
            if (dismissedAt) {
                const hoursPassed = (Date.now() - parseInt(dismissedAt)) / (1000 * 60 * 60);
                this.show = hoursPassed >= this.hoursToWait;
            }
        },

        dismiss() {
            if (this.enabled) {
                localStorage.setItem(this.storageKey, Date.now().toString());
            }
            this.show = false;
        }
    }"
        x-show="show"
        x-transition:leave="transition ease-in duration-200"
        x-transition:leave-start="opacity-100 translate-y-0"
        x-transition:leave-end="opacity-0 translate-y-2" style="display:none">

        <li class="flex items-center justify-end">
            <button @click="dismiss()"
                    class="absolute z-[1] right-[-12px] top-[-4px]
                       size-[25px] rounded-md cursor-pointer
                       flex items-center justify-center
                       text-[11px] font-medium
                       bg-white text-[var(--ceramic-gray-900)]
                       dark:bg-[rgba(12,13,15,0.85)] dark:text-[var(--ceramic-gray-200)]
                       shadow-sm backdrop-blur-sm
                       hover:text-[var(--ceramic-brand)]
                       hover:shadow-[0_6px_10px_rgba(0,0,0,0.28)]
                       active:scale-95 transition-all duration-200
                       ring-1 ring-black/5 dark:ring-white/10">
                <svg width="10" height="10" viewBox="0 0 16 16" fill="none">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M2.13496 1.36706C1.92598 1.15808 1.58715 1.15808 1.37817 1.36706C1.16919 1.57604 1.16919 1.91487 1.37817 2.12385L7.24311 7.98879L1.37817 13.8537C1.16919 14.0627 1.16919 14.4015 1.37817 14.6105C1.58715 14.8195 1.92598 14.8195 2.13496 14.6105L7.9999 8.74558L13.8645 14.6102C14.0735 14.8192 14.4124 14.8192 14.6213 14.6102C14.8303 14.4012 14.8303 14.0624 14.6213 13.8534L8.75669 7.98879L14.6213 2.12414C14.8303 1.91516 14.8303 1.57634 14.6213 1.36735C14.4124 1.15837 14.0735 1.15837 13.8645 1.36735L7.9999 7.232L2.13496 1.36706Z" fill="currentColor"></path>
                </svg>
            </button>
        </li>
        <li class="certainly-message">
            <div class="px-3 py-1.5 rounded-xl text-ceramic-primary text-[13px] font-medium
                    bg-white/60 dark:bg-[rgba(12,13,15,0.55)] backdrop-blur-md
                    ring-1 ring-black/5 dark:ring-white/10 text-nowrap
                    shadow-[0_2px_6px_rgba(0,0,0,0.1),inset_0_1px_1px_rgba(255,255,255,0.6)]
                    dark:shadow-[0_3px_10px_rgba(0,0,0,0.5),inset_0_1px_1px_hsla(0,0%,100%,0.1)]">
                Do you still have questions?
            </div>
        </li>
        <li class="certainly-message">
            <div class="px-3 py-1.5 rounded-xl text-ceramic-primary text-[13px] font-medium
                    bg-white/60 dark:bg-[rgba(12,13,15,0.55)] backdrop-blur-md
                    ring-1 ring-black/5 dark:ring-white/10 text-nowrap
                    shadow-[0_2px_6px_rgba(0,0,0,0.1),inset_0_1px_1px_rgba(255,255,255,0.6)]
                    dark:shadow-[0_3px_10px_rgba(0,0,0,0.5),inset_0_1px_1px_hsla(0,0%,100%,0.1)]">
                Let me hear them! 😊
            </div>
        </li>
    </ul>

    
    <div class="badge w-[19px] h-[19px] bg-[rgba(var(--badge-color),1)] text-white absolute top-[0px] left-[22px] text-[12px] rounded-full inline-flex items-center justify-center font-sans animate-[shake_0.82s_cubic-bezier(0.36,0.07,0.19,0.97)_both] transform translate-z-0 z-[100] bg-red-500">
        <span class="relative font-bold text-white text-[12px] font-sans">1</span></div>


    <button @click="open = !open" class="relative data-[focus-visible]:outline-focus
isolate z-50 grid size-10 place-content-center
overflow-hidden rounded-full outline-none
transition duration-300 ease-[cubic-bezier(0.4,0.36,0,1)]
active:scale-95

bg-white
dark:bg-[rgba(12,13,15,0.65)]

text-[var(--ceramic-gray-900)]
dark:text-white

ring-[0.375rem] ring-black/5
dark:ring-white/10


bg-[radial-gradient(120%_120%_at_100%_0%,var(--ceramic-brand)/20%,transparent_60%),linear-gradient(135deg,var(--ceramic-brand)/16%,transparent_70%)]
dark:bg-[radial-gradient(120%_120%_at_100%_0%,var(--ceramic-brand)/14%,transparent_55%),linear-gradient(135deg,var(--ceramic-brand)/12%,transparent_70%)]

before:absolute before:inset-0 before:-z-10 before:rounded-full
before:bg-gradient-to-b before:from-white/40 before:opacity-60
hover:before:opacity-100
dark:before:bg-gradient-to-b dark:before:from-white/10

after:absolute after:inset-0 after:-z-10 after:rounded-full
after:bg-gradient-to-b after:from-white/10 after:from-[45%] after:to-[55%]
after:mix-blend-overlay
dark:after:bg-gradient-to-b dark:after:from-white/5

animate-[ripple_0.6s_1s_linear_6]
custom-chatbot-color" data-rac="" type="button" tabindex="0" aria-expanded="false">
        <span class="sr-only">サポート</span>
        <svg viewBox="0 0 18 18" fill="none" aria-hidden="true" class="size-[1.125rem]">
            <ellipse cx="9" cy="9" fill="currentColor" rx="2.812" ry="2.813"></ellipse>
            <path fill="currentColor" d="M14.067 15.659c.24.24.216.635-.066.824A8.957 8.957 0 0 1 9 18a8.957 8.957 0 0 1-5.002-1.517.533.533 0 0 1-.066-.824l2.055-2.055a.608.608 0 0 1 .708-.096A5.04 5.04 0 0 0 9 14.062c.83 0 1.614-.2 2.305-.554a.608.608 0 0 1 .708.096l2.055 2.055Z"></path>
            <path fill="var(--ceramic-brand)" d="M14.002 1.517a.533.533 0 0 1 .066.824l-2.055 2.055a.608.608 0 0 1-.708.096 5.062 5.062 0 0 0-6.814 6.814c.12.233.09.521-.095.707l-2.055 2.055a.534.534 0 0 1-.824-.066A9 9 0 0 1 14.002 1.517Z" opacity=".5"></path>
        </svg>
    </button>
    <div x-show="open" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 translate-y-1" class="p-1 absolute right-2 bottom-[calc(100%+8px)] z-30 content-mega-horizontal before:border-secondary-4 before:inside-border rounded-lg backdrop-blur-2xl header-language-menu overflow-hidden bg-[radial-gradient(120%_140%_at_80%_120%,rgba(0,0,0,0.06)_0%,transparent_70%),linear-gradient(145deg,#ffffff_100%,#f5f6f7_10%,#ececee_100%)] dark:bg-[radial-gradient(120%_140%_at_80%_120%,rgba(0,0,0,0.3)_0%,transparent_70%),linear-gradient(145deg,#1a1b1f_0%,#151618_40%,#101112_100%)] transition-all w-64 max-w-4xl text-sm" x-ref="panel" @click.away="open = false" style="display:none">

        <section role="dialog" tabindex="-1" class="outline-none p-6">
            <h2 slot="title" class="text-sm font-semibold text-slate-900 dark:text-white">
                ヘルプが必要ですか？
            </h2>
            <p class="mt-0.5 text-sm text-slate-900 dark:text-white">
                ご質問やサポートが必要な場合は、サポートチームがお手伝いします。
            </p>
            <ul class="mt-4 grid gap-y-1">


                <li>
                    <a class="relative flex gap-x-3 text-sm  font-medium text-slate-900 dark:text-white after:absolute after:-inset-1" href="https://insthacker.com/ja/sapoto">
                        <svg viewBox="0 0 20 20" fill="none" aria-hidden="true" class="mt-0.5 size-5 flex-none">
                            <path class="stroke-current" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" d="M10 15.25c3.452 0 6.25-2.574 6.25-5.75S13.452 3.75 10 3.75 3.75 6.324 3.75 9.5c0 1.108.34 2.143.931 3.021.225.334.287.762.091 1.113A16.91 16.91 0 0 1 3.75 15.25c.873 0 2.06-.119 3.223-.442.233-.065.48-.05.707.033.718.264 1.5.409 2.32.409Z"></path>
                        </svg>
                        サポートに連絡</a>
                </li>

            </ul>
        </section>
    </div>
</div>

</body>
</html>