{"id":18,"date":"2025-11-26T01:23:33","date_gmt":"2025-11-25T16:23:33","guid":{"rendered":"https:\/\/ztalent.co.jp\/?page_id=18"},"modified":"2026-02-19T18:46:21","modified_gmt":"2026-02-19T09:46:21","slug":"%e3%83%88%e3%83%83%e3%83%97%e3%83%9a%e3%83%bc%e3%82%b8","status":"publish","type":"page","link":"https:\/\/ztalent.co.jp\/","title":{"rendered":"\u30c8\u30c3\u30d7\u30da\u30fc\u30b8"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"18\" class=\"elementor elementor-18\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d0935f2 e-flex e-con-boxed e-con e-parent\" data-id=\"d0935f2\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-35c3234 e-flex e-con-boxed e-con e-parent\" data-id=\"35c3234\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c3dcc9 elementor-widget elementor-widget-html\" data-id=\"3c3dcc9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"ja\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u682a\u5f0f\u4f1a\u793eZ\u30bf\u30ec\u30f3\u30c8<\/title>\n    <!-- Tailwind CSS (\u30c7\u30b6\u30a4\u30f3\u7528) -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <!-- \u30d5\u30a9\u30f3\u30c8\u8a2d\u5b9a -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n    <style>\n        body { font-family: 'Noto Sans JP', sans-serif; }\n        html { scroll-behavior: smooth; }\n        \/* \u30e2\u30d0\u30a4\u30eb\u30e1\u30cb\u30e5\u30fc\u306e\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 *\/\n        .mobile-menu {\n            transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;\n            opacity: 0;\n            pointer-events: none;\n            transform: translateY(-10px);\n        }\n        .mobile-menu.open {\n            opacity: 1;\n            pointer-events: auto;\n            transform: translateY(0);\n        }\n    <\/style>\n<\/head>\n<body class=\"bg-white text-slate-800\">\n\n    <!-- =========================================\n         HEADER\n         \u4fee\u6b63\u70b9: \u304a\u554f\u3044\u5408\u308f\u305b\u306e\u30ea\u30f3\u30af\u5148\u3092\u5909\u66f4\n         ========================================= -->\n    <header id=\"main-header\" class=\"fixed top-0 left-0 w-full z-50 transition-all duration-300 bg-white\/90 backdrop-blur-md py-5\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"flex justify-between items-center\">\n                <!-- Logo -->\n                <a href=\"#\" class=\"flex items-center gap-2 group text-slate-900 no-underline\">\n                    <div class=\"w-10 h-10 bg-blue-900 rounded-sm flex items-center justify-center text-white font-bold text-xl shadow-sm group-hover:bg-blue-800 transition\">\n                        Z\n                    <\/div>\n                    <div class=\"flex flex-col\">\n                        <span class=\"font-bold text-xl tracking-tight leading-none text-slate-900\">Z\u30bf\u30ec\u30f3\u30c8<\/span>\n                        <span class=\"text-[10px] tracking-widest text-slate-500 font-medium\">Inc.<\/span>\n                    <\/div>\n                <\/a>\n\n                <!-- Desktop Nav -->\n                <nav class=\"hidden md:flex items-center gap-8\">\n                    <a href=\"https:\/\/ztalent.co.jp\/?page_id=34\" class=\"text-sm font-medium text-slate-600 hover:text-blue-900 transition relative group no-underline\">About<\/a>\n                    <a href=\"#service\" class=\"text-sm font-medium text-slate-600 hover:text-blue-900 transition relative group no-underline\">Service<\/a>\n                    <a href=\"#recruit\" class=\"text-sm font-medium text-slate-600 hover:text-blue-900 transition relative group no-underline\">Recruit<\/a>\n                    <a href=\"#media\" class=\"text-sm font-medium text-slate-600 hover:text-blue-900 transition relative group no-underline\">Media<\/a>\n                    <!-- \u4fee\u6b63: \u304a\u554f\u3044\u5408\u308f\u305b\u30ea\u30f3\u30af\u3092\u5909\u66f4 -->\n                    <a href=\"https:\/\/ztalent.co.jp\/?page_id=39\" class=\"bg-blue-900 text-white px-5 py-2.5 rounded-full text-sm font-bold hover:bg-blue-800 transition shadow-sm hover:shadow-md no-underline\">\u304a\u554f\u3044\u5408\u308f\u305b<\/a>\n                <\/nav>\n\n                <!-- Mobile Menu Button -->\n                <button id=\"menu-btn\" class=\"md:hidden p-2 text-slate-600\">\n                    <!-- Menu Icon -->\n                    <svg id=\"icon-menu\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"4\" x2=\"20\" y1=\"12\" y2=\"12\"\/><line x1=\"4\" x2=\"20\" y1=\"6\" y2=\"6\"\/><line x1=\"4\" x2=\"20\" y1=\"18\" y2=\"18\"\/><\/svg>\n                    <!-- Close Icon (Hidden by default) -->\n                    <svg id=\"icon-close\" class=\"hidden\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 6 6 18\"\/><path d=\"m6 6 12 12\"\/><\/svg>\n                <\/button>\n            <\/div>\n        <\/div>\n\n        <!-- Mobile Nav Overlay -->\n        <div id=\"mobile-menu\" class=\"mobile-menu md:hidden absolute top-full left-0 w-full bg-white border-t border-gray-100 shadow-xl py-4 px-4 flex flex-col gap-4\">\n            <a href=\"https:\/\/ztalent.co.jp\/?page_id=34\" class=\"block text-lg font-medium text-slate-800 py-2 border-b border-gray-50 no-underline\">About<\/a>\n            <a href=\"#service\" class=\"block text-lg font-medium text-slate-800 py-2 border-b border-gray-50 no-underline\">Service<\/a>\n            <a href=\"#recruit\" class=\"block text-lg font-medium text-slate-800 py-2 border-b border-gray-50 no-underline\">Recruit<\/a>\n            <a href=\"#media\" class=\"block text-lg font-medium text-slate-800 py-2 border-b border-gray-50 no-underline\">Media<\/a>\n            <!-- \u4fee\u6b63: \u30e2\u30d0\u30a4\u30eb\u30e1\u30cb\u30e5\u30fc\u306eContact\u30ea\u30f3\u30af\u3092\u5909\u66f4 -->\n            <a href=\"https:\/\/ztalent.co.jp\/?page_id=39\" class=\"block text-lg font-medium text-slate-800 py-2 border-b border-gray-50 no-underline\">Contact<\/a>\n        <\/div>\n    <\/header>\n\n    <!-- =========================================\n         HERO SECTION\n         ========================================= -->\n    <section class=\"relative pt-32 pb-20 md:pt-48 md:pb-32 overflow-hidden bg-slate-50\">\n        <!-- Background Decorative Elements -->\n        <div class=\"absolute top-0 right-0 w-2\/3 h-full bg-gradient-to-bl from-blue-50 to-transparent pointer-events-none\"><\/div>\n        <div class=\"absolute bottom-0 left-0 w-1\/3 h-1\/2 bg-gradient-to-tr from-slate-100 to-transparent pointer-events-none\"><\/div>\n\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n            <div class=\"max-w-4xl\">\n                <h1 class=\"text-4xl md:text-6xl font-bold text-slate-900 leading-tight mb-8\">\n                    \u6311\u6226\u3057\u305f\u304420\u4ee3\u306b\u3001<br \/>\n                    <span class=\"text-blue-900\">\u30d9\u30b9\u30c8\u306a\u30d5\u30a3\u30fc\u30eb\u30c9\u3092<\/span>\n                <\/h1>\n                <p class=\"text-lg md:text-xl text-slate-600 mb-10 leading-relaxed max-w-2xl\">\n                    Z\u30bf\u30ec\u30f3\u30c8\u306f\u3001\u55b6\u696d\u30fb\u4eba\u6750\u9818\u57df\u306e\u30d7\u30ed\u30d5\u30a7\u30c3\u30b7\u30e7\u30ca\u30eb\u3068\u3057\u3066\u3001<br class=\"hidden md:block\"\/>\n                    \u4f01\u696d\u306e\u6210\u9577\u3068\u500b\u4eba\u306e\u30ad\u30e3\u30ea\u30a2\u3092\u6700\u5927\u5316\u3059\u308b\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002\n                <\/p>\n                <div class=\"flex flex-col sm:flex-row gap-4\">\n                    <a href=\"#service\" class=\"inline-flex items-center justify-center bg-blue-900 text-white px-8 py-4 rounded-lg font-bold hover:bg-blue-800 transition shadow-lg hover:shadow-xl transform hover:-translate-y-0.5 no-underline\">\n                        \u4e8b\u696d\u5185\u5bb9\u3092\u898b\u308b\n                    <\/a>\n                    <a href=\"#media\" class=\"inline-flex items-center justify-center bg-white text-slate-700 border border-gray-200 px-8 py-4 rounded-lg font-bold hover:bg-gray-50 transition shadow-sm hover:shadow-md no-underline\">\n                        \u30e1\u30c7\u30a3\u30a2\u30fb\u914d\u4fe1\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- =========================================\n         SERVICES\n         ========================================= -->\n    <section id=\"service\" class=\"py-20 bg-white\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"text-center mb-16\">\n                <h2 class=\"text-3xl font-bold text-slate-900 mb-4\">Our Services<\/h2>\n                <p class=\"text-slate-500\">\u79c1\u305f\u3061\u304c\u63d0\u4f9b\u3059\u308b2\u3064\u306e\u4e3b\u529b\u4e8b\u696d<\/p>\n            <\/div>\n\n            <div class=\"grid md:grid-cols-2 gap-8 max-w-5xl mx-auto\">\n                <!-- Service 1: \u30c8\u30c3\u30d1\u30ba -->\n                <div class=\"p-8 bg-slate-50 rounded-2xl border border-gray-100 hover:shadow-lg transition duration-300 group flex flex-col\">\n                    <div class=\"flex items-center gap-4 mb-6\">\n                        <div class=\"bg-white w-16 h-16 rounded-xl flex items-center justify-center shadow-sm group-hover:scale-110 transition-transform duration-300\">\n                            <!-- Briefcase Icon -->\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-blue-900\"><path d=\"M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"\/><rect width=\"20\" height=\"14\" x=\"2\" y=\"6\" rx=\"2\"\/><\/svg>\n                        <\/div>\n                        <div>\n                            <h3 class=\"text-2xl font-bold text-slate-900\">\u30c8\u30c3\u30d1\u30ba<\/h3>\n                            <p class=\"text-sm font-bold text-blue-900\">\u6c7a\u88c1\u8005\u30a2\u30dd\u7372\u5f97\u4ee3\u884c<\/p>\n                        <\/div>\n                    <\/div>\n                    <p class=\"text-slate-600 leading-relaxed mb-6\">\n                        \u5927\u624b\u4f01\u696d\u3084\u5e74\u55465\u5104\u5186\u4ee5\u4e0a\u306e\u512a\u826f\u4f01\u696d\u3092\u30bf\u30fc\u30b2\u30c3\u30c8\u3068\u3057\u305f\u3001\u6c7a\u88c1\u8005\u30a2\u30dd\u7372\u5f97\u5c02\u9580\u306e\u55b6\u696d\u4ee3\u884c\u30b5\u30fc\u30d3\u30b9\u3067\u3059\u3002\u300c\u624b\u7d19\uff08CXO\u30ec\u30bf\u30fc\uff09\u300d\u3068\u300c\u96fb\u8a71\u300d\u3092\u52b9\u679c\u7684\u306b\u7d44\u307f\u5408\u308f\u305b\u305f\u72ec\u81ea\u306e\u30a2\u30d7\u30ed\u30fc\u30c1\u3067\u3001\u901a\u5e38\u306e\u30a2\u30dd\u7372\u5f97\u304c\u56f0\u96e3\u306a\u30bf\u30fc\u30b2\u30c3\u30c8\u4f01\u696d\u306e\u6249\u3092\u958b\u304d\u307e\u3059\u3002\n                    <\/p>\n                    <ul class=\"mt-auto space-y-2 text-sm text-slate-700 bg-white p-4 rounded-lg border border-gray-100 list-none pl-0\">\n                        <li class=\"flex items-start gap-2\">\n                            <span class=\"text-blue-900 font-bold\">\u2713<\/span> \u624b\u7d19\u00d7\u96fb\u8a71\u306e\u30cf\u30a4\u30d6\u30ea\u30c3\u30c9\u55b6\u696d\n                        <\/li>\n                        <li class=\"flex items-start gap-2\">\n                            <span class=\"text-blue-900 font-bold\">\u2713<\/span> \u5927\u624b\u30fb\u9ad8\u5e74\u5546\u4f01\u696d\u306e\u6c7a\u88c1\u8005\u306b\u76f4\u7d50\n                        <\/li>\n                        <li class=\"flex items-start gap-2\">\n                            <span class=\"text-blue-900 font-bold\">\u2713<\/span> \u8cea\u306e\u9ad8\u3044\u5546\u8ac7\u6a5f\u4f1a\u306e\u5275\u51fa\n                        <\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Service 2: \u63a1\u7528\u4ee3\u884c -->\n                <div class=\"p-8 bg-slate-50 rounded-2xl border border-gray-100 hover:shadow-lg transition duration-300 group flex flex-col\">\n                    <div class=\"flex items-center gap-4 mb-6\">\n                        <div class=\"bg-white w-16 h-16 rounded-xl flex items-center justify-center shadow-sm group-hover:scale-110 transition-transform duration-300\">\n                            <!-- Users Icon -->\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-blue-900\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n                        <\/div>\n                        <div>\n                            <h3 class=\"text-2xl font-bold text-slate-900\">20\u4ee3\u55b6\u696d\u30de\u30f3\u63a1\u7528\u4ee3\u884c<\/h3>\n                            <p class=\"text-sm font-bold text-blue-900\">Wantedly\u904b\u7528\u30fb\u30b9\u30ab\u30a6\u30c8\u4ee3\u884c<\/p>\n                        <\/div>\n                    <\/div>\n                    <p class=\"text-slate-600 leading-relaxed mb-6\">\n                        \u82e5\u624b\u30cf\u30a4\u30ec\u30a4\u30e4\u30fc\u5c64\u306b\u7279\u5316\u3057\u305f\u63a1\u7528\u652f\u63f4\u30b5\u30fc\u30d3\u30b9\u3067\u3059\u3002Wantedly\u306e\u904b\u7528\u4ee3\u884c\u3092\u4e2d\u5fc3\u306b\u3001\u30bf\u30fc\u30b2\u30c3\u30c8\u9078\u5b9a\u304b\u3089\u30b9\u30ab\u30a6\u30c8\u9001\u4fe1\u3001\u3055\u3089\u306b\u306f\u571f\u65e5\u795d\u65e5\u3092\u542b\u3081\u305f\u30ab\u30b8\u30e5\u30a2\u30eb\u9762\u8ac7\u306e\u5b9f\u65bd\u307e\u3067\u3092\u30ef\u30f3\u30b9\u30c8\u30c3\u30d7\u3067\u4ee3\u884c\u3002\u63a1\u7528\u62c5\u5f53\u8005\u306e\u5de5\u6570\u3092\u524a\u6e1b\u3057\u3064\u3064\u3001\u512a\u79c0\u306a\u4eba\u6750\u306e\u78ba\u4fdd\u3092\u5b9f\u73fe\u3057\u307e\u3059\u3002\n                    <\/p>\n                    <ul class=\"mt-auto space-y-2 text-sm text-slate-700 bg-white p-4 rounded-lg border border-gray-100 list-none pl-0\">\n                        <li class=\"flex items-start gap-2\">\n                            <span class=\"text-blue-900 font-bold\">\u2713<\/span> \u571f\u65e5\u5bfe\u5fdc\u53ef\u80fd\u306a\u30ab\u30b8\u30e5\u30a2\u30eb\u9762\u8ac7\n                        <\/li>\n                        <li class=\"flex items-start gap-2\">\n                            <span class=\"text-blue-900 font-bold\">\u2713<\/span> Wantedly\u30b9\u30ab\u30a6\u30c8\u30fb\u904b\u7528\u5b8c\u5168\u4ee3\u884c\n                        <\/li>\n                        <li class=\"flex items-start gap-2\">\n                            <span class=\"text-blue-900 font-bold\">\u2713<\/span> 20\u4ee3\u82e5\u624b\u55b6\u696d\u8077\u306b\u7279\u5316\u3057\u305f\u30ce\u30a6\u30cf\u30a6\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- =========================================\n         MEDIA SECTION\n         ========================================= -->\n    <section id=\"media\" class=\"py-20 bg-slate-50 border-y border-gray-200\">\n        <div class=\"max-w-6xl mx-auto px-4 sm:px-6 lg:px-8\">\n            \n            <!-- Header -->\n            <div class=\"flex flex-col md:flex-row md:items-end justify-between mb-10 gap-4\">\n                <div>\n                    <h2 class=\"text-3xl font-bold text-slate-900 mb-2 flex items-center gap-3\">\n                        <span class=\"w-1.5 h-8 bg-blue-900 rounded-full block\"><\/span>\n                        Media & Contents\n                    <\/h2>\n                    <p class=\"text-slate-600 pl-4\">\u55b6\u696d\u30fb\u4eba\u6750\u9818\u57df\u306e\u77e5\u898b\u3092\u304a\u5c4a\u3051\u3059\u308b\u97f3\u58f0\u30fb\u52d5\u753b\u30b3\u30f3\u30c6\u30f3\u30c4<\/p>\n                <\/div>\n                <a href=\"#\" class=\"text-blue-900 font-bold hover:underline flex items-center gap-1 pl-4 md:pl-0 group no-underline\">\n                    \u3059\u3079\u3066\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u898b\u308b \n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"group-hover:translate-x-1 transition-transform\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg>\n                <\/a>\n            <\/div>\n\n            <!-- Grid Layout -->\n            <div class=\"grid grid-cols-1 md:grid-cols-12 gap-8\">\n                \n                <!-- Podcast Area (Main: 8\/12 cols) -->\n                <div class=\"md:col-span-8 flex flex-col gap-4\">\n                    <div class=\"w-full bg-white rounded-2xl shadow-sm border border-gray-200 overflow-hidden hover:shadow-md transition-shadow duration-300\">\n                        <!-- Spotify Embed Wrapper -->\n                        <div class=\"relative w-full\" style=\"padding-bottom: 56.25%;\">\n                            <iframe \n                                style=\"border-radius: 12px; position: absolute; top: 0; left: 0; width: 100%; height: 100%;\" \n                                src=\"https:\/\/open.spotify.com\/embed\/episode\/677jz2acu7keFkuLpNGOmI\/video?utm_source=generator\" \n                                frameBorder=\"0\" \n                                allowfullscreen \n                                allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\" \n                                loading=\"lazy\"\n                                title=\"Spotify Podcast\"\n                                class=\"bg-slate-900\">\n                            <\/iframe>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"flex justify-end\">\n                        <a href=\"https:\/\/open.spotify.com\/episode\/4WaEAZG0VMMig9tzlSCKYx?si=hwE_sQ55TEO0FwoAaYYqpw\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center gap-2 text-sm font-bold text-slate-700 bg-white border border-gray-200 px-4 py-2 rounded-lg hover:bg-gray-50 transition hover:text-green-600 no-underline\">\n                            <img decoding=\"async\" src=\"https:\/\/storage.googleapis.com\/pr-newsroom-wp\/1\/2018\/11\/Spotify_Logo_CMYK_Green.png\" alt=\"Spotify\" class=\"h-5 w-auto\" \/>\n                            <span>\u3067\u958b\u304f<\/span>\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"\/><polyline points=\"15 3 21 3 21 9\"\/><line x1=\"10\" x2=\"21\" y1=\"14\" y2=\"3\"\/><\/svg>\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n                <!-- YouTube Area (Side: 4\/12 cols) -->\n                <div class=\"md:col-span-4 flex flex-col h-full\">\n                    <div class=\"bg-white rounded-xl border border-gray-200 shadow-sm overflow-hidden flex flex-col h-full hover:shadow-md transition-shadow duration-300\">\n                        <div class=\"bg-slate-100 px-4 py-3 border-b border-gray-100 flex items-center justify-between\">\n                            <div class=\"flex items-center gap-2\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-red-600\"><path d=\"m22 8-6 4 6 4V8Z\"\/><rect width=\"14\" height=\"12\" x=\"2\" y=\"6\" rx=\"2\" ry=\"2\"\/><\/svg>\n                                <span class=\"font-bold text-xs text-slate-600 tracking-wider\">YOUTUBE<\/span>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"aspect-video w-full bg-black\">\n                            <iframe \n                                width=\"100%\" \n                                height=\"100%\" \n                                src=\"https:\/\/www.youtube.com\/embed\/U3LJPGDHYtA\" \n                                title=\"YouTube video player\" \n                                frameBorder=\"0\" \n                                allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" \n                                referrerPolicy=\"strict-origin-when-cross-origin\" \n                                allowFullScreen>\n                            <\/iframe>\n                        <\/div>\n                        \n                        <div class=\"p-5 flex flex-col flex-1\">\n                            <h3 class=\"font-bold text-slate-900 text-sm mb-3 line-clamp-2 leading-relaxed\">\n                                \u3010\u5931\u604bJK\u306b\u713c\u8089\u5962\u308b\u3011\u8857\u3067\u58f0\u304b\u3051\u3066\u307f\u305f\u3089\u6700\u8fd1\u306e\u5973\u5b50\u9ad8\u6821\u751f\u306e\u604b\u611b\u4e8b\u60c5\u304c\u30e4\u30d0\u3059\u304e\u305f\n                            <\/h3>\n                            <div class=\"mt-auto pt-4 border-t border-gray-100\">\n                                <a href=\"https:\/\/youtu.be\/U3LJPGDHYtA\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-xs text-red-600 font-bold hover:underline flex items-center gap-1 no-underline\">\n                                    YouTube\u3067\u898b\u308b \n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- =========================================\n         RECRUIT \/ CTA\n         ========================================= -->\n    <section id=\"recruit\" class=\"py-20 bg-blue-900 text-white text-center\">\n        <div class=\"max-w-4xl mx-auto px-4\">\n            <h2 class=\"text-3xl md:text-4xl font-bold mb-6\">Join Our Team<\/h2>\n            <p class=\"text-blue-100 mb-10 text-lg\">\n                Z\u30bf\u30ec\u30f3\u30c8\u3067\u306f\u3001\u5171\u306b\u6311\u6226\u3057\u3001\u6210\u9577\u3067\u304d\u308b\u4ef2\u9593\u3092\u52df\u96c6\u3057\u3066\u3044\u307e\u3059\u3002<br \/>\n                \u3042\u306a\u305f\u306e\u7d4c\u9a13\u3068\u60c5\u71b1\u3092\u3001\u3053\u3053\u3067\u6d3b\u304b\u3057\u3066\u307f\u307e\u305b\u3093\u304b\uff1f\n            <\/p>\n            <a href=\"#\" class=\"inline-block bg-white text-blue-900 px-8 py-4 rounded-lg font-bold hover:bg-blue-50 transition shadow-lg no-underline\">\n                \u63a1\u7528\u60c5\u5831\u3092\u898b\u308b\n            <\/a>\n        <\/div>\n    <\/section>\n\n    <!-- =========================================\n         FOOTER\n         ========================================= -->\n    <footer class=\"bg-slate-900 text-slate-400 py-12 text-sm\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"grid md:grid-cols-4 gap-8 mb-12\">\n                <div class=\"col-span-1 md:col-span-1\">\n                    <div class=\"flex items-center gap-2 mb-4 text-white\">\n                        <div class=\"w-8 h-8 bg-white\/10 rounded-sm flex items-center justify-center font-bold\">Z<\/div>\n                        <span class=\"font-bold text-lg\">Z\u30bf\u30ec\u30f3\u30c8 Inc.<\/span>\n                    <\/div>\n                    <p class=\"leading-relaxed text-xs\">\n                        \u3012150-0000<br \/>\n                        \u6771\u4eac\u90fd\u6e0b\u8c37\u533a...<br \/>\n                        info@ztalent.co.jp\n                    <\/p>\n                <\/div>\n                \n                <div>\n                    <h4 class=\"text-white font-bold mb-4\">Service<\/h4>\n                    <ul class=\"space-y-2 list-none pl-0\">\n                        <li><a href=\"#\" class=\"hover:text-white transition no-underline\">Sales Consulting<\/a><\/li>\n                        <li><a href=\"#\" class=\"hover:text-white transition no-underline\">HR Solution<\/a><\/li>\n                        <li><a href=\"#\" class=\"hover:text-white transition no-underline\">Media Production<\/a><\/li>\n                    <\/ul>\n                <\/div>\n\n                <div>\n                    <h4 class=\"text-white font-bold mb-4\">Company<\/h4>\n                    <ul class=\"space-y-2 list-none pl-0\">\n                        <li><a href=\"https:\/\/ztalent.co.jp\/?page_id=34\" class=\"hover:text-white transition no-underline\">About Us<\/a><\/li>\n                        <li><a href=\"#\" class=\"hover:text-white transition no-underline\">Member<\/a><\/li>\n                        <li><a href=\"#\" class=\"hover:text-white transition no-underline\">Recruit<\/a><\/li>\n                    <\/ul>\n                <\/div>\n\n                <div>\n                    <h4 class=\"text-white font-bold mb-4\">Follow Us<\/h4>\n                    <div class=\"flex gap-4\">\n                        <a href=\"#\" class=\"hover:text-white transition\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"\/><polyline points=\"15 3 21 3 21 9\"\/><line x1=\"10\" x2=\"21\" y1=\"14\" y2=\"3\"\/><\/svg>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"border-t border-slate-800 pt-8 flex flex-col md:flex-row justify-between items-center gap-4\">\n                <p>\u00a9 2024 Z\u30bf\u30ec\u30f3\u30c8 Inc. All rights reserved.<\/p>\n                <div class=\"flex gap-6\">\n                    <a href=\"#\" class=\"hover:text-white transition no-underline\">Privacy Policy<\/a>\n                    <a href=\"#\" class=\"hover:text-white transition no-underline\">Terms of Service<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <!-- JavaScript Interactions -->\n    <script>\n        \/\/ Header Scroll Effect\n        const header = document.getElementById('main-header');\n        window.addEventListener('scroll', () => {\n            if (window.scrollY > 20) {\n                header.classList.add('bg-white', 'shadow-md', 'py-3');\n                header.classList.remove('bg-white\/90', 'backdrop-blur-md', 'py-5');\n            } else {\n                header.classList.remove('bg-white', 'shadow-md', 'py-3');\n                header.classList.add('bg-white\/90', 'backdrop-blur-md', 'py-5');\n            }\n        });\n\n        \/\/ Mobile Menu Toggle\n        const menuBtn = document.getElementById('menu-btn');\n        const mobileMenu = document.getElementById('mobile-menu');\n        const iconMenu = document.getElementById('icon-menu');\n        const iconClose = document.getElementById('icon-close');\n        let isMenuOpen = false;\n\n        menuBtn.addEventListener('click', () => {\n            isMenuOpen = !isMenuOpen;\n            if (isMenuOpen) {\n                mobileMenu.classList.add('open');\n                iconMenu.classList.add('hidden');\n                iconClose.classList.remove('hidden');\n            } else {\n                mobileMenu.classList.remove('open');\n                iconMenu.classList.remove('hidden');\n                iconClose.classList.add('hidden');\n            }\n        });\n\n        \/\/ Close menu when link is clicked\n        const menuLinks = mobileMenu.querySelectorAll('a');\n        menuLinks.forEach(link => {\n            link.addEventListener('click', () => {\n                isMenuOpen = false;\n                mobileMenu.classList.remove('open');\n                iconMenu.classList.remove('hidden');\n                iconClose.classList.add('hidden');\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u682a\u5f0f\u4f1a\u793eZ\u30bf\u30ec\u30f3\u30c8 Z Z\u30bf\u30ec\u30f3\u30c8 Inc. About Service Recruit Media \u304a\u554f\u3044\u5408\u308f\u305b About Service Recruit Media Contact \u6311\u6226\u3057\u305f\u304420\u4ee3\u306b\u3001 \u30d9\u30b9\u30c8\u306a\u30d5 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_theme","meta":{"footnotes":""},"class_list":["post-18","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u30c8\u30c3\u30d7\u30da\u30fc\u30b8 -<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ztalent.co.jp\/\" \/>\n<meta property=\"og:locale\" content=\"ja_JP\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u30c8\u30c3\u30d7\u30da\u30fc\u30b8 -\" \/>\n<meta property=\"og:description\" content=\"\u682a\u5f0f\u4f1a\u793eZ\u30bf\u30ec\u30f3\u30c8 Z Z\u30bf\u30ec\u30f3\u30c8 Inc. About Service Recruit Media \u304a\u554f\u3044\u5408\u308f\u305b About Service Recruit Media Contact \u6311\u6226\u3057\u305f\u304420\u4ee3\u306b\u3001 \u30d9\u30b9\u30c8\u306a\u30d5 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ztalent.co.jp\/\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/100028242997442\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-19T09:46:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/storage.googleapis.com\/pr-newsroom-wp\/1\/2018\/11\/Spotify_Logo_CMYK_Green.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u63a8\u5b9a\u8aad\u307f\u53d6\u308a\u6642\u9593\" \/>\n\t<meta name=\"twitter:data1\" content=\"7\u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ztalent.co.jp\/\",\"url\":\"https:\/\/ztalent.co.jp\/\",\"name\":\"\u30c8\u30c3\u30d7\u30da\u30fc\u30b8 -\",\"isPartOf\":{\"@id\":\"https:\/\/ztalent.co.jp\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/ztalent.co.jp\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/ztalent.co.jp\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/storage.googleapis.com\/pr-newsroom-wp\/1\/2018\/11\/Spotify_Logo_CMYK_Green.png\",\"datePublished\":\"2025-11-25T16:23:33+00:00\",\"dateModified\":\"2026-02-19T09:46:21+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ztalent.co.jp\/#breadcrumb\"},\"inLanguage\":\"ja\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ztalent.co.jp\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ja\",\"@id\":\"https:\/\/ztalent.co.jp\/#primaryimage\",\"url\":\"https:\/\/storage.googleapis.com\/pr-newsroom-wp\/1\/2018\/11\/Spotify_Logo_CMYK_Green.png\",\"contentUrl\":\"https:\/\/storage.googleapis.com\/pr-newsroom-wp\/1\/2018\/11\/Spotify_Logo_CMYK_Green.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ztalent.co.jp\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u30db\u30fc\u30e0\",\"item\":\"https:\/\/ztalent.co.jp\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u30c8\u30c3\u30d7\u30da\u30fc\u30b8\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ztalent.co.jp\/#website\",\"url\":\"https:\/\/ztalent.co.jp\/\",\"name\":\"ztalent.co.jp\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ztalent.co.jp\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ja\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u30c8\u30c3\u30d7\u30da\u30fc\u30b8 -","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ztalent.co.jp\/","og_locale":"ja_JP","og_type":"article","og_title":"\u30c8\u30c3\u30d7\u30da\u30fc\u30b8 -","og_description":"\u682a\u5f0f\u4f1a\u793eZ\u30bf\u30ec\u30f3\u30c8 Z Z\u30bf\u30ec\u30f3\u30c8 Inc. About Service Recruit Media \u304a\u554f\u3044\u5408\u308f\u305b About Service Recruit Media Contact \u6311\u6226\u3057\u305f\u304420\u4ee3\u306b\u3001 \u30d9\u30b9\u30c8\u306a\u30d5 [&hellip;]","og_url":"https:\/\/ztalent.co.jp\/","article_publisher":"https:\/\/www.facebook.com\/100028242997442\/","article_modified_time":"2026-02-19T09:46:21+00:00","og_image":[{"url":"https:\/\/storage.googleapis.com\/pr-newsroom-wp\/1\/2018\/11\/Spotify_Logo_CMYK_Green.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"\u63a8\u5b9a\u8aad\u307f\u53d6\u308a\u6642\u9593":"7\u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ztalent.co.jp\/","url":"https:\/\/ztalent.co.jp\/","name":"\u30c8\u30c3\u30d7\u30da\u30fc\u30b8 -","isPartOf":{"@id":"https:\/\/ztalent.co.jp\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ztalent.co.jp\/#primaryimage"},"image":{"@id":"https:\/\/ztalent.co.jp\/#primaryimage"},"thumbnailUrl":"https:\/\/storage.googleapis.com\/pr-newsroom-wp\/1\/2018\/11\/Spotify_Logo_CMYK_Green.png","datePublished":"2025-11-25T16:23:33+00:00","dateModified":"2026-02-19T09:46:21+00:00","breadcrumb":{"@id":"https:\/\/ztalent.co.jp\/#breadcrumb"},"inLanguage":"ja","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ztalent.co.jp\/"]}]},{"@type":"ImageObject","inLanguage":"ja","@id":"https:\/\/ztalent.co.jp\/#primaryimage","url":"https:\/\/storage.googleapis.com\/pr-newsroom-wp\/1\/2018\/11\/Spotify_Logo_CMYK_Green.png","contentUrl":"https:\/\/storage.googleapis.com\/pr-newsroom-wp\/1\/2018\/11\/Spotify_Logo_CMYK_Green.png"},{"@type":"BreadcrumbList","@id":"https:\/\/ztalent.co.jp\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u30db\u30fc\u30e0","item":"https:\/\/ztalent.co.jp\/"},{"@type":"ListItem","position":2,"name":"\u30c8\u30c3\u30d7\u30da\u30fc\u30b8"}]},{"@type":"WebSite","@id":"https:\/\/ztalent.co.jp\/#website","url":"https:\/\/ztalent.co.jp\/","name":"ztalent.co.jp","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ztalent.co.jp\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ja"}]}},"_links":{"self":[{"href":"https:\/\/ztalent.co.jp\/index.php?rest_route=\/wp\/v2\/pages\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ztalent.co.jp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ztalent.co.jp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ztalent.co.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ztalent.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=18"}],"version-history":[{"count":52,"href":"https:\/\/ztalent.co.jp\/index.php?rest_route=\/wp\/v2\/pages\/18\/revisions"}],"predecessor-version":[{"id":113,"href":"https:\/\/ztalent.co.jp\/index.php?rest_route=\/wp\/v2\/pages\/18\/revisions\/113"}],"wp:attachment":[{"href":"https:\/\/ztalent.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}