{"id":6,"date":"2026-06-11T19:33:47","date_gmt":"2026-06-11T10:33:47","guid":{"rendered":"https:\/\/phasenext-tech.com\/?page_id=6"},"modified":"2026-06-11T20:36:06","modified_gmt":"2026-06-11T11:36:06","slug":"home","status":"publish","type":"page","link":"https:\/\/phasenext-tech.com\/","title":{"rendered":"HOME"},"content":{"rendered":"\n<meta charset=\"UTF-8\">\n  <!-- \u691c\u7d22\u30a8\u30f3\u30b8\u30f3\u5b8c\u5168\u7acb\u3061\u5165\u308a\u7981\u6b62\uff08\u8ee2\u8077\u30a8\u30b4\u30b5\u9632\u885b\u306e\u7b2c\u4e8c\u306e\u9244\u58c1\u30b7\u30fc\u30eb\u30c9\uff09 -->\n  <meta name=\"robots\" content=\"noindex,nofollow,noarchive\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>PHASE NEXT - Technology Office<\/title>\n  \n  <!-- Tailwind CSS & FontAwesome Icons -->\n  <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n  \n  <script>\n    tailwind.config = {\n      theme: {\n        extend: {\n          colors: {\n            brand: {\n              bg: '#020617',     \/* \u6df1\u6df5\u306e\u5b87\u5b99\u306e\u3088\u3046\u306a\u6f06\u9ed2\uff08slate-950\u76f8\u5f53\uff09 *\/\n              surface: '#0f172a',\/* \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u7528\u306e\u30c7\u30a3\u30fc\u30d7\u30d6\u30eb\u30fc\uff08slate-900\u76f8\u5f53\uff09 *\/\n              border: '#1e293b', \/* \u5883\u754c\u7528\u306e\u30c0\u30fc\u30af\u30b0\u30ec\u30fc\uff08slate-800\u76f8\u5f53\uff09 *\/\n              accent: '#FE347E', \/* \u5dee\u3057\u8272\uff1a\u30cd\u30aa\u30f3\u30de\u30bc\u30f3\u30bf\/\u30d4\u30f3\u30af #FE347E *\/\n              neon: '#AFFF14'    \/* \u30e1\u30a4\u30f3\u30c6\u30fc\u30de\uff1a\u5727\u5012\u7684\u306a\u5b58\u5728\u611f\u3092\u653e\u3064\u30e9\u30a4\u30e0\u30cd\u30aa\u30f3 #AFFF14 *\/\n            }\n          }\n        }\n      }\n    }\n  <\/script>\n  <style>\n    \/* Zino\u30e9\u30a4\u30af\u306a\u6975\u4e0a\u6ed1\u3089\u304b\u30c8\u30e9\u30f3\u30b8\u30b7\u30e7\u30f3 \uff06 \u30cd\u30aa\u30f3\u767a\u5149\u30a8\u30d5\u30a7\u30af\u30c8 *\/\n    body {\n      background-color: #020617;\n      color: #f8fafc;\n      font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;\n    }\n    .neon-border-glow {\n      box-shadow: 0 0 15px rgba(254, 52, 126, 0.05);\n      transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n    .neon-border-glow:hover {\n      box-shadow: 0 0 25px rgba(254, 52, 126, 0.25);\n      border-color: #FE347E;\n    }\n    .text-glow {\n      text-shadow: 0 0 12px rgba(254, 52, 126, 0.5); \/* \u30de\u30bc\u30f3\u30bf\u767a\u5149 *\/\n    }\n    .text-glow-neon {\n      text-shadow: 0 0 12px rgba(175, 255, 20, 0.5); \/* \u30e9\u30a4\u30e0\u767a\u5149 *\/\n    }\n    .text-glow-white {\n      text-shadow: 0 0 10px rgba(255, 255, 255, 0.35); \/* \u767d\u306e\u4e0a\u54c1\u306a\u5fae\u767a\u5149\u3092\u8ffd\u52a0 *\/\n    }\n  <\/style>\n\n\n\n  <!-- ==========================================\n       1. HERO SECTION (Zino-inspired Minimal view)\n       ========================================== -->\n  <section class=\"relative min-h-screen flex flex-col justify-between p-6 sm:p-12 overflow-hidden\">\n    <!-- \u30c6\u30c3\u30af\u30b0\u30ea\u30c3\u30c9\u80cc\u666f\uff08\u3046\u3063\u3059\u3089\u3068\u6d6e\u304b\u3076\u30c7\u30b8\u30bf\u30eb\u611f\uff09 -->\n    <div class=\"absolute inset-0 bg-[linear-gradient(to_right,#1e293b_1px,transparent_1px),linear-gradient(to_bottom,#1e293b_1px,transparent_1px)] bg-[size:4rem_4rem] [mask-image:radial-gradient(ellipse_60%_50%_at_50%_50%,#000_70%,transparent_100%)] opacity-20 pointer-events-none\"><\/div>\n\n    <!-- \u30d8\u30c3\u30c0\u30fc\uff08\u6975\u5c0f\u30e1\u30cb\u30e5\u30fc\uff1aZino\u30b9\u30bf\u30a4\u30eb\uff09 -->\n    <header class=\"relative z-10 w-full flex justify-between items-center\">\n      <div class=\"flex items-center space-x-2\">\n        <span class=\"text-xl font-black tracking-widest text-white\">\n          <span class=\"text-white text-glow-white\">PHASE<\/span><span class=\"text-brand-neon text-glow-neon\">NEXT<\/span>\n        <\/span>\n      <\/div>\n      <nav class=\"hidden md:flex space-x-8 text-xs font-mono tracking-widest text-slate-400\">\n        <a href=\"#about\" class=\"hover:text-white transition-colors duration-300\">&gt; ABOUT<\/a>\n        <a href=\"#services\" class=\"hover:text-white transition-colors duration-300\">&gt; SERVICES<\/a>\n        <a href=\"#assets\" class=\"hover:text-white transition-colors duration-300\">&gt; ASSETS<\/a>\n        <a href=\"#company\" class=\"hover:text-white transition-colors duration-300\">&gt; OVERVIEW<\/a>\n      <\/nav>\n      <div>\n        <!-- \u3010\u7d71\u4e00\u30cf\u30c3\u30af\u3011\u53f3\u4e0aGET IN TOUCH\u30dc\u30bf\u30f3\u306e\u30e9\u30a4\u30e0\u30cd\u30aa\u30f3\u5316 \uff06 \u30db\u30d0\u30fc\u6642\u6f06\u9ed2\u53cd\u8ee2\uff08text-brand-bg\uff09 -->\n        <a href=\"#contact\" class=\"px-4 py-2 rounded-full border border-brand-neon\/40 text-brand-neon text-xs font-mono tracking-wider hover:bg-brand-neon hover:text-brand-bg hover:font-bold hover:border-brand-neon transition-all duration-300\">GET IN TOUCH<\/a>\n      <\/div>\n    <\/header>\n\n    <!-- \u30e1\u30a4\u30f3\u30d3\u30b8\u30e5\u30a2\u30eb\uff08\u4e2d\u592e\u306b\u6d6e\u304b\u3076\u52d5\u7684\u30ed\u30b4\uff1aZino\u3078\u306e\u656c\u610f\uff09 -->\n    <div class=\"relative z-10 my-auto flex flex-col items-center justify-center text-center\">\n      <div class=\"w-48 h-48 sm:w-64 sm:h-64 mb-6 relative group cursor-pointer\">\n        <!-- \u80cc\u5f8c\u306e\u30cd\u30aa\u30f3\u30aa\u30fc\u30e9 -->\n        <div class=\"absolute inset-0 rounded-full bg-gradient-to-r from-brand-accent to-brand-neon opacity-10 blur-3xl group-hover:opacity-25 transition-opacity duration-1000\"><\/div>\n        <svg class=\"w-full h-full relative z-10\" viewBox=\"0 0 200 200\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <!-- \u5916\u5186\uff08\u52d5\u7684\u63cf\u753b\uff09 -->\n          <circle cx=\"100\" cy=\"100\" r=\"80\" stroke=\"#1e293b\" stroke-width=\"2\"><\/circle>\n          <circle cx=\"100\" cy=\"100\" r=\"80\" stroke=\"url(#gradient)\" stroke-width=\"4\" stroke-linecap=\"round\" class=\"animate-svg-circle\"><\/circle>\n          \n          <!-- P & N \u3092\u7d44\u307f\u5408\u308f\u305b\u305f\u6975\u4e0a\u30df\u30cb\u30de\u30eb\u62bd\u8c61\u5e7e\u4f55\u5b66\u30ed\u30b4 -->\n          <!-- P\u306f\u6975\u9650\u306e\u6d17\u7df4\u3092\u653e\u3064\u300c\u767d (#FFFFFF)\u300d\u3067\u30b7\u30e3\u30fc\u30d7\u306b\u63cf\u753b -->\n          <path d=\"M70 140V60H110C126.569 60 140 73.4315 140 90C140 106.569 126.569 120 110 120H70\" stroke=\"#FFFFFF\" stroke-width=\"6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"animate-svg-path-p\"><\/path>\n          <!-- N\u306f\u30e1\u30a4\u30f3\u306e\u30e9\u30a4\u30e0\u30cd\u30aa\u30f3 (#AFFF14) \u3067\u92ed\u304f\u30af\u30ed\u30b9\u63cf\u753b -->\n          <path d=\"M100 140L140 60M140 60H110\" stroke=\"#AFFF14\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"animate-svg-path-n\"><\/path>\n          \n          <defs>\n            <!-- \u5916\u5186\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u306e\u59cb\u70b9\u3082\u767d\u306b\u5408\u308f\u305b\u308b\u3053\u3068\u3067\u5b8c\u74a7\u306a\u8abf\u548c\u3092\u5b9f\u73fe -->\n            <linearGradient id=\"gradient\" x1=\"100\" y1=\"20\" x2=\"100\" y2=\"180\" gradientUnits=\"userSpaceOnUse\">\n              <stop stop-color=\"#FFFFFF\"><\/stop>\n              <stop offset=\"1\" stop-color=\"#AFFF14\"><\/stop>\n            <\/linearGradient>\n          <\/defs>\n        <\/svg>\n      <\/div>\n      \n      <h1 class=\"text-4xl sm:text-6xl font-black tracking-widest text-white uppercase mt-4 animate-text-fade\">\n        <span class=\"text-white text-glow-white\">PHASE<\/span> <span class=\"text-brand-neon text-glow-neon\">NEXT<\/span>\n      <\/h1>\n      <p class=\"text-xs sm:text-sm font-mono tracking-widest text-brand-neon uppercase mt-4 opacity-0 animate-subtext-fade text-glow-neon\">\n        &gt; Technology Office: Operational Excellence &amp; Marketing Hack\n      <\/p>\n    <\/div>\n\n    <!-- \u30d5\u30c3\u30bf\u30fc\uff08\u6700\u4e0b\u90e8\u3078\u306e\u6ed1\u3089\u304b\u306a\u8a98\u5c0e\uff09 -->\n    <div class=\"relative z-10 w-full flex justify-between items-center text-slate-500 text-[10px] font-mono tracking-widest\">\n      <div>\u00a9 2026 PHASE NEXT. ALL RIGHTS RESERVED.<\/div>\n      <!-- \u3010\u7d71\u4e00\u30cf\u30c3\u30af\u3011\u30b9\u30af\u30ed\u30fc\u30eb\u8a98\u5c0e\u306e\u300c\u77e2\u5370\u300d\u30a2\u30a4\u30b3\u30f3\u306e\u8272\u3082\u30e9\u30a4\u30e0\u30cd\u30aa\u30f3\uff08text-brand-neon\uff09\u306b\u5b8c\u5168\u30b7\u30f3\u30af\u30ed -->\n      <div class=\"flex items-center space-x-2 animate-bounce\">\n        <span>SCROLL TO DISCOVER<\/span>\n        <i class=\"fa-solid fa-arrow-down text-brand-neon\" aria-hidden=\"true\"><\/i>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==========================================\n       2. ABOUT SECTION (\u7b49\u8eab\u5927\u306e\u30a2\u30bb\u30c3\u30c8\u30a2\u30d4\u30fc\u30eb)\n       ========================================== -->\n  <section id=\"about\" class=\"py-24 px-6 sm:px-12 max-w-6xl mx-auto\">\n    <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 items-center\">\n      <div class=\"lg:col-span-5\">\n        <span class=\"text-xs font-mono text-brand-accent tracking-widest uppercase block mb-2\">\/\/ IDENTITY<\/span>\n        <h2 class=\"text-3xl sm:text-4xl font-extrabold tracking-tight text-white\">\n          \u7269\u7406\u3068\u30c7\u30b8\u30bf\u30eb\u3092<br>\u76f4\u7d50\u3057\u3001\u5229\u76ca\u3092\u30cf\u30c3\u30af\u3059\u308b\u3002\n        <\/h2>\n        <div class=\"w-12 h-1 bg-gradient-to-r from-brand-accent to-brand-neon mt-6\"><\/div>\n      <\/div>\n      <div class=\"lg:col-span-7 space-y-6 text-slate-300 text-sm leading-relaxed\">\n        <p>\n          \u300c\u305f\u3060\u7dba\u9e97\u306aWeb\u30b5\u30a4\u30c8\u3092\u4f5c\u308b\u3060\u3051\u300d\u300c\u5b9f\u52d9\u7d4c\u9a13\u306e\u306a\u3044\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0\u300d\u306e\u6642\u4ee3\u306f\u7d42\u308f\u308a\u307e\u3057\u305f\u3002\u5b9f\u793e\u4f1a\u306b\u304a\u3044\u3066\u3001\u4f01\u696d\u306e\u5f37\u307f\u306f\u5e38\u306b**\u300c\u73fe\u5834\u300d**\u306b\u3042\u308a\u307e\u3059\u3002\n        <\/p>\n        <p>\n          PHASE NEXT\u306f\u3001\u30de\u30b1\u30ad\u30e3\u30f3\u3067\u5fb9\u5e95\u7684\u306b\u53e9\u304d\u8fbc\u3093\u3060**\u300cWeb\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u30fb\u30d5\u30a1\u30cd\u30eb\u8a2d\u8a08\u529b\u300d**\u3068\u3001\u88fd\u9020\u73fe\u5834\u306e\u751f\u7523\u6027\u3092\u6975\u9650\u307e\u3067\u9ad8\u3081\u308b**\u300cIE\uff08\u751f\u7523\u5de5\u5b66\uff09\u30d7\u30ed\u30bb\u30b9\u6539\u5584\u529b\u300d**\u3001\u5927\u624b\u306e\u8a2d\u8a08\u3092\u652f\u3048\u308b**\u300c2D-CAD\u8a2d\u8a08\u529b\u300d**\u3001\u3042\u308b\u3044\u306f\u6620\u50cf\u5236\u4f5c\u3068\u3044\u3063\u305f**\u300c\u5b9f\u52d9\u30a2\u30bb\u30c3\u30c8\u300d**\u3092\u878d\u5408\u3002\n        <\/p>\n        <p>\n          \u5927\u962a\u306e\u5e97\u8217\u7d4c\u55b6\u3001\u533b\u7642\u30fb\u798f\u7949\u306e\u73fe\u5834\u3001\u5efa\u8a2d\u696d\u754c\u3078\u3001\u6ce5\u81ed\u304f\u4e26\u8d70\u3059\u308b\u6700\u7cbe\u92ed\u306e\u6280\u8853\u30aa\u30d5\u30a3\u30b9\u3068\u3057\u3066\u7a3c\u50cd\u3057\u307e\u3059\u3002\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==========================================\n       3. SERVICES SECTION (\u5b8c\u5168\u30d5\u30a1\u30af\u30c8\u30d9\u30fc\u30b9\u306e\u5f37\u307f)\n       ========================================== -->\n  <section id=\"services\" class=\"py-24 bg-brand-surface\/50 border-y border-brand-border\/60\">\n    <div class=\"max-w-6xl mx-auto px-6 sm:px-12\">\n      <div class=\"text-center mb-16\">\n        <span class=\"text-xs font-mono text-brand-neon tracking-widest uppercase block mb-2\">\/\/ CAPABILITIES<\/span>\n        <h2 class=\"text-3xl sm:text-4xl font-extrabold text-white\">\u63d0\u4f9b\u30b5\u30fc\u30d3\u30b9\u30fb\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3<\/h2>\n      <\/div>\n\n      <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n        <!-- \u30b5\u30fc\u30d3\u30b91: Web\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\uff06\u6620\u50cf\u5236\u4f5c -->\n        <div class=\"p-8 bg-brand-surface border border-brand-border rounded-2xl neon-border-glow relative group overflow-hidden\">\n          <div class=\"absolute top-0 right-0 p-4 text-brand-accent\/10 group-hover:text-brand-accent\/30 transition-colors duration-300\">\n            <i class=\"fa-solid fa-chart-line text-5xl\" aria-hidden=\"true\"><\/i>\n          <\/div>\n          <h3 class=\"text-xl font-bold text-white mb-4\">Web Marketing &amp; Video<\/h3>\n          <p class=\"text-slate-400 text-xs leading-relaxed mb-6\">\n            \u30de\u30b1\u30ad\u30e3\u30f3\u306e\u53b3\u683c\u306a\u30de\u30fc\u30b1\u7406\u8ad6\uff083C\/STP\/4P\uff09\u3092\u99c6\u4f7f\u3057\u305fLP\u8a2d\u8a08\u3001SNS\u30d5\u30a1\u30cd\u30eb\u69cb\u7bc9\u3002\u3055\u3089\u306biPhone 17 Pro \u00d7 DJI Mic 2\u306e\u6a5f\u6750\u30a2\u30bb\u30c3\u30c8\u3092\u30d5\u30eb\u6d3b\u7528\u3057\u3001\u77ed\u5c3a\u306e\u81ea\u793ePR\u3084\u55b6\u696d\u6d3b\u52d5\u3092\u6d3b\u6027\u5316\u3055\u305b\u308b\u9ad8\u54c1\u8cea\u52d5\u753b\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u5236\u4f5c\u3057\u307e\u3059\u3002\n          <\/p>\n          <ul class=\"text-slate-300 text-xs space-y-2 font-mono\">\n            <li><i class=\"fa-solid fa-circle-check text-brand-neon mr-2\" aria-hidden=\"true\"><\/i>LP\u8a2d\u8a08 \uff06 \u5e83\u544a\u30d5\u30a1\u30cd\u30eb\u8a2d\u8a08<\/li>\n            <li><i class=\"fa-solid fa-circle-check text-brand-neon mr-2\" aria-hidden=\"true\"><\/i>iPhone 17 Pro\/FCPX \u6620\u50cf\u7de8\u96c6<\/li>\n            <li><i class=\"fa-solid fa-circle-check text-brand-neon mr-2\" aria-hidden=\"true\"><\/i>\u9ad8\u5bc6\u5ea6\u97f3\u97ff\u53ce\u9332\uff08DJI Mic 2\uff09<\/li>\n          <\/ul>\n        <\/div>\n\n        <!-- \u30b5\u30fc\u30d3\u30b92: \u5b9f\u52d9\u30d7\u30ed\u30bb\u30b9\u6539\u5584\uff08IE\uff09 -->\n        <div class=\"p-8 bg-brand-surface border border-brand-border rounded-2xl neon-border-glow relative group overflow-hidden\">\n          <div class=\"absolute top-0 right-0 p-4 text-brand-neon\/10 group-hover:text-brand-neon\/30 transition-colors duration-300\">\n            <i class=\"fa-solid fa-sliders text-5xl\" aria-hidden=\"true\"><\/i>\n          <\/div>\n          <h3 class=\"text-xl font-bold text-white mb-4\">Process Excellence (IE)<\/h3>\n          <p class=\"text-slate-400 text-xs leading-relaxed mb-6\">\n            \u5857\u88c5\u30fb\u88fd\u9020\u73fe\u5834\u7b49\u306b\u304a\u3051\u308bIE\uff08\u751f\u7523\u5de5\u5b66\uff09\u624b\u6cd5\u3092\u8ee2\u7528\u3057\u305f\u3001\u73fe\u5834\u306e\u30d7\u30ed\u30bb\u30b9\u6700\u9069\u5316\u3002\u5fb9\u5e95\u3057\u305f\u30e0\u30c0\u6392\u9664\u3068\u6a19\u6e96\u5316\u3001IT\u30c4\u30fc\u30eb\u306e\u6d3b\u7528\u306b\u3088\u308a\u3001\u73fe\u5834\u306e\u4e8b\u52d9\u6b8b\u696d\u6642\u9593\u306e\u524a\u6e1b\u3084\u3001\u4f5c\u696d\u52b9\u738720%\u5411\u4e0a\u306e\u5b9f\u7e3e\u306b\u88cf\u6253\u3061\u3055\u308c\u305f\u6539\u5584\u7b56\u3092\u63d0\u6848\u3057\u307e\u3059\u3002\n          <\/p>\n          <ul class=\"text-slate-300 text-xs space-y-2 font-mono\">\n            <li><i class=\"fa-solid fa-circle-check text-brand-neon mr-2\" aria-hidden=\"true\"><\/i>\u696d\u52d9\u30d7\u30ed\u30bb\u30b9\uff08BPR\uff09\u306e\u898b\u3048\u308b\u5316<\/li>\n            <li><i class=\"fa-solid fa-circle-check text-brand-neon mr-2\" aria-hidden=\"true\"><\/i>\u4f5c\u696d\u6e2c\u5b9a \uff06 \u30e2\u30fc\u30b7\u30e7\u30f3\u5206\u6790<\/li>\n            <li><i class=\"fa-solid fa-circle-check text-brand-neon mr-2\" aria-hidden=\"true\"><\/i>\u6b8b\u696d20%\u524a\u6e1b\u30d7\u30ed\u30bb\u30b9\u8a2d\u8a08<\/li>\n          <\/ul>\n        <\/div>\n\n        <!-- \u30b5\u30fc\u30d3\u30b93: \u6280\u8853\u8a2d\u8a08\u652f\u63f4\uff082D-CAD\uff09 -->\n        <div class=\"p-8 bg-brand-surface border border-brand-border rounded-2xl neon-border-glow relative group overflow-hidden\">\n          <div class=\"absolute top-0 right-0 p-4 text-brand-accent\/10 group-hover:text-brand-accent\/30 transition-colors duration-300\">\n            <i class=\"fa-solid fa-compass-drafting text-5xl\" aria-hidden=\"true\"><\/i>\n          <\/div>\n          <h3 class=\"text-xl font-bold text-white mb-4\">CAD Draft Design<\/h3>\n          <p class=\"text-slate-400 text-xs leading-relaxed mb-6\">\n            AutoCAD\u3092\u4f7f\u7528\u3057\u305f\u3001\u9ad8\u7cbe\u5ea6\u306a\u5916\u69cb\u56f3\u3001\u5404\u7a2e 2D \u56f3\u9762\u3001\u5de5\u4e8b\u7528\u56f3\u9762\u306e\u88fd\u56f3\u4ee3\u884c\u304a\u3088\u3073\u8a2d\u8a08\u652f\u63f4\u3002\u73fe\u5834\u3067\u767a\u751f\u3059\u308b\u56f3\u9762\u4fee\u6b63\u306e\u624b\u9593\u3092\u5b8c\u5168\u81ea\u52d5\u5316\u30fb\u8fc5\u901f\u5316\u3057\u3001\u30d7\u30e9\u30f3\u30cb\u30f3\u30b0\u62c5\u5f53\u8005\u306e\u30b3\u30a2\u696d\u52d9\uff08\u55b6\u696d\u30fb\u65bd\u5de5\u7ba1\u7406\uff09\u3078\u306e\u96c6\u4e2d\u3092\u652f\u63f4\u3057\u307e\u3059\u3002\n          <\/p>\n          <ul class=\"text-slate-300 text-xs space-y-2 font-mono\">\n            <li><i class=\"fa-solid fa-circle-check text-brand-neon mr-2\" aria-hidden=\"true\"><\/i>AutoCAD 2D\u88fd\u56f3\u652f\u63f4<\/li>\n            <li><i class=\"fa-solid fa-circle-check text-brand-neon mr-2\" aria-hidden=\"true\"><\/i>\u5916\u69cb\u30fb\u30a8\u30af\u30b9\u30c6\u30ea\u30a2\u56f3\u9762\u4f5c\u6210<\/li>\n            <li><i class=\"fa-solid fa-circle-check text-brand-neon mr-2\" aria-hidden=\"true\"><\/i>\u56f3\u9762\u30c7\u30fc\u30bf\uff08DXF\/DWG\uff09\u5909\u63db<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==========================================\n       4. ASSETS SECTION (\u5b9f\u7269\u6a5f\u6750\u30fb\u30c4\u30fc\u30eb\u306e\u53ef\u8996\u5316)\n       ========================================== -->\n  <section id=\"assets\" class=\"py-24 max-w-6xl mx-auto px-6 sm:px-12\">\n    <div class=\"text-center mb-16\">\n      <span class=\"text-xs font-mono text-brand-accent tracking-widest uppercase block mb-2\">\/\/ PHYSICAL ASSETS<\/span>\n      <h2 class=\"text-3xl sm:text-4xl font-extrabold text-white\">\u4fdd\u6709\u6280\u8853 \uff06 \u30cf\u30fc\u30c9\u30a6\u30a7\u30a2\u30a2\u30bb\u30c3\u30c8<\/h2>\n    <\/div>\n\n    <div class=\"grid grid-cols-2 md:grid-cols-4 gap-6\">\n      <div class=\"p-6 bg-brand-surface border border-brand-border rounded-xl text-center group hover:border-brand-accent transition-colors duration-300\">\n        <i class=\"fa-brands fa-apple text-3xl text-brand-accent mb-3\" aria-hidden=\"true\"><\/i>\n        <h4 class=\"text-sm font-bold text-white\">Apple Asset<\/h4>\n        <p class=\"text-[10px] text-slate-400 font-mono mt-1\">MacBook Air M3 \/ Final Cut Pro X<\/p>\n      <\/div>\n      <div class=\"p-6 bg-brand-surface border border-brand-border rounded-xl text-center group hover:border-brand-neon transition-colors duration-300\">\n        <i class=\"fa-solid fa-mobile-screen text-3xl text-brand-neon mb-3\" aria-hidden=\"true\"><\/i>\n        <h4 class=\"text-sm font-bold text-white\">Capture Asset<\/h4>\n        <p class=\"text-[10px] text-slate-400 font-mono mt-1\">iPhone 17 Pro 4K ProRES<\/p>\n      <\/div>\n      <div class=\"p-6 bg-brand-surface border border-brand-border rounded-xl text-center group hover:border-brand-accent transition-colors duration-300\">\n        <i class=\"fa-solid fa-microphone-lines text-3xl text-brand-accent mb-3\" aria-hidden=\"true\"><\/i>\n        <h4 class=\"text-sm font-bold text-white\">Audio Asset<\/h4>\n        <p class=\"text-[10px] text-slate-400 font-mono mt-1\">DJI Mic 2 32bit Float<\/p>\n      <\/div>\n      <div class=\"p-6 bg-brand-surface border border-brand-border rounded-xl text-center group hover:border-brand-neon transition-colors duration-300\">\n        <i class=\"fa-solid fa-code text-3xl text-brand-neon mb-3\" aria-hidden=\"true\"><\/i>\n        <h4 class=\"text-sm font-bold text-white\">Software<\/h4>\n        <p class=\"text-[10px] text-slate-400 font-mono mt-1\">AutoCAD \/ VS Code \/ Python<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==========================================\n       5. COMPANY OVERVIEW (\u304a\u5805\u3044\u884c\u653f\u30fbB2B\u7528)\n       ========================================== -->\n  <section id=\"company\" class=\"py-24 bg-brand-surface\/30 border-t border-brand-border\">\n    <div class=\"max-w-4xl mx-auto px-6 sm:px-12\">\n      <div class=\"text-center mb-16\">\n        <span class=\"text-xs font-mono text-brand-accent tracking-widest uppercase block mb-2\">\/\/ OVERVIEW<\/span>\n        <h2 class=\"text-3xl sm:text-4xl font-extrabold text-white\">\u4e8b\u52d9\u6240\u6982\u8981<\/h2>\n      <\/div>\n\n      <div class=\"bg-brand-surface border border-brand-border rounded-2xl overflow-hidden shadow-xl\">\n        <div class=\"divide-y divide-brand-border text-sm\">\n          <div class=\"grid grid-cols-3 p-6\">\n            <div class=\"text-slate-400 font-bold\">\u5c4b\u53f7<\/div>\n            <div class=\"col-span-2 text-white font-mono\">PHASE NEXT\uff08\u30d5\u30a7\u30fc\u30ba\u30cd\u30af\u30b9\u30c8\uff09<\/div>\n          <\/div>\n          <div class=\"grid grid-cols-3 p-6\">\n            <div class=\"text-slate-400 font-bold\">\u958b\u696d\u5e74\u6708\u65e5<\/div>\n            <div class=\"col-span-2 text-white font-mono\">2026\u5e746\u670812\u65e5<\/div>\n          <\/div>\n          <div class=\"grid grid-cols-3 p-6\">\n            <div class=\"text-slate-400 font-bold\">\u4ee3\u8868\u8005<\/div>\n            <div class=\"col-span-2 text-white flex items-center\">\n              <!-- \u4ee3\u8868\u8005\u540d\u306e\u753b\u50cf\u5316\u306b\u3088\u308b\u9244\u58c1\u30a8\u30b4\u30b5\u9632\u885b\u30cf\u30c3\u30af -->\n              <!-- TODO: WP\u306e\u30e1\u30c7\u30a3\u30a2\u306b\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3057\u305f ceo_name.png \u306eURL\u3092\u4ee5\u4e0b\u306esrc\u306b\u5165\u308c\u3066\u306a\uff01 -->\n              <img decoding=\"async\" src=\"\" alt=\"\u4ee3\u8868 \u7551\u4e95\u6c38\u5149\" class=\"h-6 filter brightness-100 placeholder-ceo-image\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='block';\">\n              <!-- \u30d5\u30a9\u30fc\u30eb\u30d0\u30c3\u30af\uff08\u753b\u50cf\u304c\u8aad\u307f\u8fbc\u3081\u306a\u3044\u3001\u307e\u305f\u306f\u8a2d\u5b9a\u524d\u306e\u5834\u5408\u306f\u3001\u304a\u5805\u3044\u8868\u8a18\u306e\u30d7\u30ec\u30fc\u30b9\u30db\u30eb\u30c0\u30fc\u3092\u81ea\u52d5\u8868\u793a\uff09 -->\n              <span class=\"hidden font-mono text-xs text-brand-neon\">Technology General Manager: H.N.<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"grid grid-cols-3 p-6\">\n            <div class=\"text-slate-400 font-bold\">\u6240\u5728\u5730<\/div>\n            <div class=\"col-span-2 text-slate-300\">\n              \u5927\u962a\u5e9c\u5927\u962a\u5e02<br>\n              <span class=\"text-xs text-slate-500 font-mono\">(\u203b\u4e8b\u696d\u5b9f\u52d9\u304a\u3088\u3073\u304a\u53d6\u5f15\u306e\u5fc5\u8981\u6027\u306b\u5fdc\u3058\u3066\u3001\u9045\u6ede\u306a\u304f\u500b\u5225\u958b\u793a\u3044\u305f\u3057\u307e\u3059)<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"grid grid-cols-3 p-6\">\n            <div class=\"text-slate-400 font-bold\">\u4e8b\u696d\u5185\u5bb9<\/div>\n            <div class=\"col-span-2 text-slate-300 space-y-1\">\n              <p>\u30fbWeb\u30b7\u30b9\u30c6\u30e0 \/ \u30e9\u30f3\u30c7\u30a3\u30f3\u30b0\u30da\u30fc\u30b8\uff08LP\uff09\u306e\u4f01\u753b\u30fb\u69cb\u7bc9\u4ee3\u884c<\/p>\n              <p>\u30fb\u5e83\u5831\u7528\u77ed\u5c3a\u52d5\u753b\u30b3\u30f3\u30c6\u30f3\u30c4\uff08\u6620\u50cf\u30fb\u97f3\u97ff\uff09\u306e\u4f01\u753b\u30fb\u7de8\u96c6<\/p>\n              <p>\u30fbAutoCAD\u3092\u7528\u3044\u305f\u5916\u69cb\u30fb\u30a8\u30af\u30b9\u30c6\u30ea\u30a2\u306e2D\u8a2d\u8a08\u652f\u63f4<\/p>\n              <p>\u30fbIE\u624b\u6cd5\u306b\u57fa\u3065\u304f\u696d\u52d9\u30d7\u30ed\u30bb\u30b9 analysis \u304a\u3088\u3073\u6b8b\u696d\u524a\u6e1b\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==========================================\n       6. CONTACT SECTION (\u304a\u554f\u3044\u5408\u308f\u305b)\n       ========================================== -->\n  <section id=\"contact\" class=\"py-24 max-w-4xl mx-auto px-6 sm:px-12\">\n    <div class=\"text-center mb-12\">\n      <span class=\"text-xs font-mono text-brand-neon tracking-widest uppercase block mb-2\">\/\/ CONNECT<\/span>\n      <h2 class=\"text-3xl sm:text-4xl font-extrabold text-white\">\u304a\u554f\u3044\u5408\u308f\u305b\u30fb\u7121\u6599\u3054\u76f8\u8ac7<\/h2>\n      <p class=\"text-xs text-slate-400 mt-4 max-w-md mx-auto leading-relaxed\">\n        \u5404\u696d\u754c\u306e\u5b9f\u52d9\u6848\u4ef6\u3001\u56f3\u9762\u88fd\u56f3\u4ee3\u884c\u3001\u307e\u305f\u306fIE\u6539\u5584\u306e\u3054\u76f8\u8ac7\u306a\u3069\u3001\u4f55\u3067\u3082\u304a\u6c17\u8efd\u306b\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044\u3002\n      <\/p>\n    <\/div>\n\n    <!-- \u304a\u554f\u3044\u5408\u308f\u305b\u30d5\u30a9\u30fc\u30e0 -->\n    <div class=\"bg-brand-surface border border-brand-border rounded-2xl p-8 sm:p-12 relative overflow-hidden\">\n      <!-- Anvil Form Connector Target -->\n      <!-- \u3053\u306e\u30d5\u30a9\u30fc\u30e0\u306f\u304a\u524d\u306eAnvil\uff08Python\uff09\u5074\u306e\u30c8\u30ea\u30ac\u30fc\u3068\u76f4\u63a5\u9023\u643a\u53ef\u80fd\u3084 -->\n      <form class=\"space-y-6\" onsubmit=\"event.preventDefault(); alert('\u304a\u554f\u3044\u5408\u308f\u305b\u3042\u308a\u304c\u3068\u3046\u3054\u3056\u3044\u307e\u3057\u305f\uff01(\u3053\u308c\u306f\u30e2\u30c3\u30af\u30a2\u30c3\u30d7\u9001\u4fe1\u3067\u3059\u3002\u304a\u524d\u3001Anvil\u3068\u306e\u9023\u643a\u6642\u306b\u3053\u306e\u30a4\u30d9\u30f3\u30c8\u3092Anvil of Python\u30c8\u30ea\u30ac\u30fc\u306b\u63a5\u7d9a\u305b\u3088\uff01)');\">\n        <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-6\">\n          <div>\n            <label class=\"block text-xs font-mono text-slate-400 uppercase tracking-widest mb-2\" for=\"name\">\u8cb4\u793e\u540d \/ \u304a\u540d\u524d<\/label>\n            <input class=\"w-full bg-brand-bg border border-brand-border rounded-xl px-4 py-3 text-sm text-white focus:outline-none focus:border-brand-neon transition-colors duration-300\" id=\"name\" type=\"text\" placeholder=\"\u4f8b\uff1a\u7551\u4e95\u6280\u8853\u4e8b\u52d9\u6240\" required=\"\">\n          <\/div>\n          <div>\n            <label class=\"block text-xs font-mono text-slate-400 uppercase tracking-widest mb-2\" for=\"email\">\u3054\u9023\u7d61\u5148\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9<\/label>\n            <input class=\"w-full bg-brand-bg border border-brand-border rounded-xl px-4 py-3 text-sm text-white focus:outline-none focus:border-brand-neon transition-colors duration-300\" id=\"email\" type=\"email\" placeholder=\"example@example.com\" required=\"\">\n          <\/div>\n        <\/div>\n        <div>\n          <label class=\"block text-xs font-mono text-slate-400 uppercase tracking-widest mb-2\" for=\"message\">\u3054\u76f8\u8ac7\u5185\u5bb9<\/label>\n          <textarea class=\"w-full bg-brand-bg border border-brand-border rounded-xl px-4 py-3 text-sm text-white focus:outline-none focus:border-brand-neon transition-colors duration-300 h-32\" id=\"message\" placeholder=\"\u5177\u4f53\u7684\u306a\u3054\u76f8\u8ac7\u5185\u5bb9\u3001\u6848\u4ef6\u6982\u8981\u3001\u307e\u305f\u306f\u898b\u7a4d\u4f9d\u983c\u306a\u3069\u3092\u304a\u66f8\u304d\u304f\u3060\u3055\u3044\u3002\" required=\"\"><\/textarea>\n        <\/div>\n        \n        <div class=\"text-center pt-4\">\n          <button type=\"submit\" class=\"w-full sm:w-auto px-12 py-4 bg-gradient-to-r from-brand-accent to-brand-neon text-black font-bold text-sm tracking-widest rounded-xl hover:opacity-90 active:scale-95 transition-all duration-300 shadow-lg\">\n            SEND MESSAGE &gt;\n          <\/button>\n        <\/div>\n      <\/form>\n    <\/div>\n  <\/section>\n\n  <!-- ==========================================\n       SVG LOGO ANIMATION TIMING ENGINE (\u6975\u9650\u9ad8\u901f1.2\u79d2\u30c1\u30e5\u30fc\u30cb\u30f3\u30b0\u7248)\n       ========================================== -->\n  <style>\n    .animate-svg-circle {\n      stroke-dasharray: 502;\n      stroke-dashoffset: 502;\n      animation: drawCircle 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n    }\n    .animate-svg-path-p {\n      stroke-dasharray: 400;\n      stroke-dashoffset: 400;\n      animation: drawPath 1.0s ease-in-out 0.2s forwards;\n    }\n    .animate-svg-path-n {\n      stroke-dasharray: 200;\n      stroke-dashoffset: 200;\n      animation: drawPath 0.8s ease-in-out 0.6s forwards;\n    }\n    .animate-text-fade {\n      opacity: 0;\n      transform: translateY(15px);\n      animation: textFadeIn 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.9s forwards;\n    }\n    .animate-subtext-fade {\n      animation: textFadeIn 0.8s cubic-bezier(0.16, 1, 0.3, 1) 1.2s forwards;\n    }\n    @keyframes drawCircle { to { stroke-dashoffset: 0; } }\n    @keyframes drawPath { to { stroke-dashoffset: 0; } }\n    @keyframes textFadeIn { to { opacity: 1; transform: translateY(0); } }\n\n\n\n\n <\/style>\n","protected":false},"excerpt":{"rendered":"<p>PHASE NEXT - Technology Office PHASENEXT &gt; ABOUT &gt; SERVICES &gt; ASSETS &gt; OVERVIEW GET IN TOUCH PHASE [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"landing-page","meta":{"sns_share_botton_hide":"","vkExUnit_sns_title":"","_vk_print_noindex":"","sitemap_hide":"","vkExUnit_sitemap":"","_veu_custom_css":"","veu_display_promotion_alert":"","_exclude_from_list_pages":"","vkexunit_cta_each_option":"","vkExUnit_childPageIndex":"","vkExUnit_pageList_ancestor":"","vkExUnit_contact_enable":"","_lightning_design_setting":{"layout":"col-one-no-subsection","site_body_padding":"true"},"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"veu_head_title_object":{"title":"","add_site_title":""},"_links":{"self":[{"href":"https:\/\/phasenext-tech.com\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/phasenext-tech.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/phasenext-tech.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/phasenext-tech.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/phasenext-tech.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":8,"href":"https:\/\/phasenext-tech.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":28,"href":"https:\/\/phasenext-tech.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/28"}],"wp:attachment":[{"href":"https:\/\/phasenext-tech.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}