{"id":238,"date":"2022-10-25T10:40:30","date_gmt":"2022-10-25T10:40:30","guid":{"rendered":"https:\/\/ottocast.vip\/?page_id=238"},"modified":"2026-08-09T08:23:57","modified_gmt":"2026-08-09T08:23:57","slug":"home-page","status":"publish","type":"page","link":"https:\/\/ottocast.vip\/ja\/","title":{"rendered":"\u30db\u30fc\u30e0\u30da\u30fc\u30b8"},"content":{"rendered":"
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\r\n\r\n\r\n \r\n \r\n Ottocast After-Sales Support<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/font-awesome@4.7.0\/css\/font-awesome.min.css\" rel=\"stylesheet\">\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n primary: '#4aa3a1',\r\n secondary: '#3d8c8a',\r\n accent: '#f5f5f5',\r\n dark: '#333333',\r\n light: '#ffffff'\r\n },\r\n fontFamily: {\r\n sans: ['Inter', 'system-ui', 'sans-serif'],\r\n },\r\n }\r\n }\r\n }\r\n <\/script>\r\n <style type=\"text\/tailwindcss\">\r\n @layer utilities {\r\n .content-auto {\r\n content-visibility: auto;\r\n }\r\n .product-card-hover {\r\n @apply transition-all duration-300 hover:shadow-xl hover:-translate-y-1;\r\n }\r\n \/* elementor\u5bb9\u5668\u5bbd\u5ea6100%\u6837\u5f0f *\/\r\n .elementor-section.elementor-section-boxed>.elementor-container {\r\n width: 100% !important;\r\n max-width: 100% !important;\r\n }\r\n .btn-primary {\r\n @apply bg-primary hover:bg-secondary text-white font-medium py-2 px-6 rounded-md transition-all duration-300 ease-in-out;\r\n }\r\n .btn-outline {\r\n @apply border-2 border-primary text-primary hover:bg-primary hover:text-white font-medium py-2 px-6 rounded-md transition-all duration-300 ease-in-out;\r\n }\r\n .btn-outline-white {\r\n @apply border-2 border-white text-white hover:bg-white hover:text-primary font-medium py-2 px-6 rounded-md transition-all duration-300 ease-in-out;\r\n }\r\n .section-padding {\r\n @apply py-12 md:py-20;\r\n }\r\n .card-shadow {\r\n @apply shadow-md rounded-xl overflow-hidden;\r\n }\r\n\r\n .announcement-ticker {\r\n animation: announcement-scroll 22s linear infinite;\r\n }\r\n .announcement-ticker:hover {\r\n animation-play-state: paused;\r\n }\r\n @keyframes announcement-scroll {\r\n 0% { transform: translateX(100%); }\r\n 100% { transform: translateX(-100%); }\r\n }\r\n\r\n }\r\n <\/style>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<\/head>\r\n<body class=\"font-sans text-dark bg-gray-50\">\r\n\r\n <!-- Announcement Bar -->\r\n <div class=\"bg-dark text-white relative z-[60]\">\r\n <div class=\"container mx-auto px-4 py-2 flex items-center gap-4\">\r\n <div class=\"flex items-center shrink-0\">\r\n <span class=\"inline-flex items-center bg-primary px-3 py-1 rounded-full text-xs font-semibold mr-3\">\r\n <i class=\"fa fa-bullhorn mr-1\"><\/i> \u304a\u77e5\u3089\u305b\r\n <\/span>\r\n <\/div>\r\n\r\n <div class=\"overflow-hidden flex-1 whitespace-nowrap\">\r\n <div class=\"announcement-ticker inline-block text-sm text-white\/90\">\r\n P3 Pro firmware update is now available   \u2022  \r\n Community forum is under maintenance   \u2022  \r\n Ottocast AI support is available 24\/7\r\n <\/div>\r\n <\/div>\r\n\r\n <button id=\"openAnnouncementPanel\" class=\"shrink-0 text-xs font-semibold text-white border border-white\/40 rounded-full px-3 py-1 hover:bg-white hover:text-dark transition\">\r\n \u8a73\u3057\u304f\u306f\u3053\u3061\u3089\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Announcement Slide Panel -->\r\n <div id=\"announcementPanel\" class=\"fixed inset-0 z-[100] hidden\">\r\n <div id=\"announcementOverlay\" class=\"absolute inset-0 bg-black\/40\"><\/div>\r\n <div class=\"absolute right-0 top-0 h-full w-full max-w-md bg-white shadow-2xl p-6 overflow-y-auto\">\r\n <div class=\"flex items-center justify-between mb-6\">\r\n <div>\r\n <h2 class=\"text-2xl font-bold text-dark\">Announcement Center<\/h2>\r\n <p class=\"text-dark\/60 text-sm mt-1\">Latest Ottocast support updates<\/p>\r\n <\/div>\r\n <button id=\"closeAnnouncementPanel\" class=\"w-10 h-10 rounded-full bg-gray-100 hover:bg-gray-200 transition\">\r\n <i class=\"fa fa-times text-dark\"><\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"space-y-4\">\r\n <div class=\"border-l-4 border-primary bg-primary\/5 p-4 rounded-r-lg\">\r\n <div class=\"flex justify-between items-center mb-2\">\r\n <span class=\"text-xs font-semibold text-primary bg-primary\/10 px-2 py-1 rounded-full\">Firmware<\/span>\r\n <span class=\"text-xs text-dark\/50\">May 2026<\/span>\r\n <\/div>\r\n <h3 class=\"font-semibold text-dark mb-2\">Regarding the modifications in CA520 latest version 260522, please be informed as follows:<\/h3>\r\n \r\n <!-- Fixed HTML structure for the list -->\r\n <ul class=\"text-sm text-dark\/70 space-y-1.5 list-none\">\r\n <li>1. Support for camera model 8800.<\/li>\r\n <li>2. Optimized the issue of TX disconnecting intermittently (low probability).<\/li>\r\n <li>3. Optimized the issue where the TX disconnect light keeps flashing but fails to reconnect (low probability).<\/li>\r\n <li>4. Optimized the issue where TX light does not flash and RX does not display camera view (low probability).<\/li>\r\n <li>5. Fixed the issue on LZY-QT76 where after pressing the car's home button to return to the head unit interface, it cannot come back.<\/li>\r\n <li>6. Optimized the issue on Mercedes-Benz original buttons where music pauses correctly but cannot resume playback when pressed again.<\/li>\r\n <li>7. Optimized the issue on Volkswagen 869 where there is no sound for a second incoming call while in the FM interface.<\/li>\r\n <li>8. Optimized the issue where reconnecting after disconnection does not restore the previous split-screen or picture-in-picture state.<\/li>\r\n <li>9. Optimized the issue where switching the camera view in CarPlay may flash one frame of the CarPlay UI (low probability).<\/li>\r\n <li>10. Optimized the issue where the overlay function bar is positioned too low on irregular head units.<\/li>\r\n <li>11. Optimized the reconnection logic.<\/li>\r\n <li>12. Optimized the low-probability freeze issue of the camera view.<\/li>\r\n <li>13. Optimized issues listed in the bug list.<\/li>\r\n <li>14. Modified knob-related issues.<\/li>\r\n <li>15. Improved the upgrade process and added SN-based upgrade.<\/li>\r\n <li>16. Fixed the issue where the screen freezes when switching between split-screen and picture-in-picture modes.<\/li>\r\n <li>17. Optimized the issue where the TX fails to connect with low probability after long-term simulated repeated plugging\/unplugging of the receiver.<\/li>\r\n <li>18. Optimized icon overlapping and improved the issue of overly small icons on low-resolution head units.<\/li>\r\n <li>19. Optimized UI stability.<\/li>\r\n <li>20. Fixed the issue where opening the phone's camera app while the camera is in full screen automatically switches to the CarPlay interface.<\/li>\r\n <li>21. Optimized the issue where TX enters recovery mode for upgrade, fails again, and then pairs with RX with low probability.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"border-l-4 border-yellow-500 bg-yellow-50 p-4 rounded-r-lg\">\r\n <div class=\"flex justify-between items-center mb-2\">\r\n <span class=\"text-xs font-semibold text-yellow-700 bg-yellow-100 px-2 py-1 rounded-full\">Maintenance<\/span>\r\n <span class=\"text-xs text-dark\/50\">May 2026<\/span>\r\n <\/div>\r\n <h3 class=\"font-semibold text-dark mb-1\">Forum Maintenance Notice<\/h3>\r\n <p class=\"text-sm text-dark\/70\">The community forum is being upgraded. Please use email support or AI chat during maintenance.<\/p>\r\n <\/div>\r\n\r\n <div class=\"border-l-4 border-green-500 bg-green-50 p-4 rounded-r-lg\">\r\n <div class=\"flex justify-between items-center mb-2\">\r\n <span class=\"text-xs font-semibold text-green-700 bg-green-100 px-2 py-1 rounded-full\">Support<\/span>\r\n <span class=\"text-xs text-dark\/50\">May 2026<\/span>\r\n <\/div>\r\n <h3 class=\"font-semibold text-dark mb-1\">AI Support Available<\/h3>\r\n <p class=\"text-sm text-dark\/70\">Ottocast AI assistant can help with setup, troubleshooting, and firmware guidance anytime.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"#contact\" class=\"btn-primary inline-flex items-center justify-center w-full mt-6\">\r\n <i class=\"fa fa-headphones mr-2\"><\/i>\u30b5\u30dd\u30fc\u30c8\u3078\u306e\u304a\u554f\u3044\u5408\u308f\u305b\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Header Navigation -->\r\n <header class=\"bg-light shadow-sm sticky top-0 z-50\">\r\n <div class=\"container mx-auto px-4 py-4 flex flex-col md:flex-row justify-between items-center\">\r\n <div class=\"flex items-center mb-4 md:mb-0\">\r\n <span class=\"text-primary text-3xl font-bold\">Ottocast<\/span>\r\n <span class=\"ml-2 text-dark\/70 font-medium\">\u30a2\u30d5\u30bf\u30fc\u30b5\u30dd\u30fc\u30c8<\/span>\r\n <\/div>\r\n \r\n <nav class=\"flex flex-wrap justify-center gap-6\">\r\n <a href=\"#products\" class=\"text-dark hover:text-primary transition-colors duration-300\">\u88fd\u54c1<\/a>\r\n <a href=\"#resources\" class=\"text-dark hover:text-primary transition-colors duration-300\">\u30b5\u30dd\u30fc\u30c8\u60c5\u5831<\/a>\r\n <a href=\"#contact\" class=\"text-dark hover:text-primary transition-colors duration-300\">\u304a\u554f\u3044\u5408\u308f\u305b<\/a>\r\n <a href=\"#faq\" class=\"text-dark hover:text-primary transition-colors duration-300\">\u3088\u304f\u3042\u308b\u8cea\u554f<\/a>\r\n <\/nav>\r\n <\/div>\r\n <\/header>\r\n\r\n <!-- Hero Section -->\r\n <section class=\"bg-gradient-to-r from-primary\/90 to-secondary text-light py-16 md:py-24\">\r\n <div class=\"container mx-auto px-4 text-center\">\r\n <h1 class=\"text-3xl md:text-5xl font-bold mb-6\">\u4fe1\u983c\u3067\u304d\u308bOttocast\u30b5\u30dd\u30fc\u30c8\u30cf\u30d6<\/h1>\r\n <p class=\"text-lg md:text-xl mb-8 max-w-3xl mx-auto opacity-90\">\r\n Ottocast\u30c7\u30d0\u30a4\u30b9\u306e\u30d5\u30a1\u30fc\u30e0\u30a6\u30a7\u30a2\u306e\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u3084\u30c8\u30e9\u30d6\u30eb\u30b7\u30e5\u30fc\u30c6\u30a3\u30f3\u30b0\u306b\u95a2\u3059\u308b\u60c5\u5831\u3092\u3054\u78ba\u8a8d\u3044\u305f\u3060\u3051\u307e\u3059\u3002\r\n <\/p>\r\n <div class=\"flex flex-col sm:flex-row justify-center gap-4\">\r\n <a href=\"#products\" class=\"btn-primary\">\r\n <i class=\"fa fa-search mr-2\"><\/i>\u88fd\u54c1\u3092\u63a2\u3059\r\n <\/a>\r\n <a href=\"#contact\" class=\"btn-outline-white bg-transparent\">\r\n <i class=\"fa fa-headphones mr-2\"><\/i>\u30b5\u30dd\u30fc\u30c8\u3092\u53d7\u3051\u308b\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Product Grid Section (Redesigned) -->\r\n <section id=\"products\" class=\"section-padding bg-light\">\r\n <div class=\"container mx-auto px-4\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold mb-4 text-dark\">\u88fd\u54c1\u30e9\u30a4\u30f3\u30ca\u30c3\u30d7<\/h2>\r\n <p class=\"text-dark\/70 max-w-2xl mx-auto text-lg\">\r\n \u304a\u4f7f\u3044\u306eOttocast\u30c7\u30d0\u30a4\u30b9\u3092\u9078\u629e\u3057\u3066\u3001\u30d5\u30a1\u30fc\u30e0\u30a6\u30a7\u30a2\u306e\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u3092\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\u3002\r\n <\/p>\r\n <\/div>\r\n \r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6\">\r\n \r\n <!-- \u65b0\u589e\u7684\u4ea7\u54c1: Cabin Care -->\r\n <a href=\"https:\/\/ottocast.vip\/ja\/cabin-care\/\" class=\"group block bg-white card-shadow product-card-hover border border-gray-100\">\r\n <div class=\"aspect-square bg-white flex items-center justify-center p-6 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/ottocast.vip\/wp-content\/uploads\/2025\/12\/12120000-1.png\" \r\n alt=\"Cabin Care\" loading=\"lazy\"\r\n class=\"w-full h-full object-contain transition-transform duration-500 group-hover:scale-110\" data-recalc-dims=\"1\">\r\n <\/div>\r\n <div class=\"p-5 text-center border-t border-gray-50 bg-gray-50\/50\">\r\n <h3 class=\"font-semibold text-dark text-lg mb-3\">Cabin Care<\/h3>\r\n <span class=\"inline-block px-4 py-1.5 bg-primary\/10 text-primary text-xs font-bold uppercase tracking-wider rounded-full\">\u30d5\u30a1\u30fc\u30e0\u30a6\u30a7\u30a2\u3068\u30b5\u30dd\u30fc\u30c8<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- Product Card: Ottosafe Cam -->\r\n <a href=\"https:\/\/ottocast.vip\/ja\/ottosafe-cam\/\" class=\"group block bg-white card-shadow product-card-hover border border-gray-100\">\r\n <div class=\"aspect-square bg-white flex items-center justify-center p-6 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/ottocast.vip\/wp-content\/uploads\/2026\/08\/422770000.png\" \r\n alt=\"Ottosafe Cam\" loading=\"lazy\"\r\n class=\"w-full h-full object-contain transition-transform duration-500 group-hover:scale-110\" data-recalc-dims=\"1\">\r\n <\/div>\r\n <div class=\"p-5 text-center border-t border-gray-50 bg-gray-50\/50\">\r\n <h3 class=\"font-semibold text-dark text-lg mb-3\">Ottosafe Cam<\/h3>\r\n <span class=\"inline-block px-4 py-1.5 bg-primary\/10 text-primary text-xs font-bold uppercase tracking-wider rounded-full\">\u30d5\u30a1\u30fc\u30e0\u30a6\u30a7\u30a2\u3068\u30b5\u30dd\u30fc\u30c8<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- Product Card: P3Pro -->\r\n <a href=\"https:\/\/ottocast.vip\/ja\/elementor-3256\/\" class=\"group block bg-white card-shadow product-card-hover border border-gray-100\">\r\n <div class=\"aspect-square bg-white flex items-center justify-center p-6 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/ottocast.vip\/wp-content\/uploads\/2026\/05\/e737da8fc1b6e221f3878051e4de8e6f-scaled.png\" \r\n alt=\"P3Pro\" loading=\"lazy\"\r\n class=\"w-full h-full object-contain transition-transform duration-500 group-hover:scale-110\" data-recalc-dims=\"1\">\r\n <\/div>\r\n <div class=\"p-5 text-center border-t border-gray-50 bg-gray-50\/50\">\r\n <h3 class=\"font-semibold text-dark text-lg mb-3\">P3Pro<\/h3>\r\n <span class=\"inline-block px-4 py-1.5 bg-primary\/10 text-primary text-xs font-bold uppercase tracking-wider rounded-full\">\u30d5\u30a1\u30fc\u30e0\u30a6\u30a7\u30a2\u3068\u30b5\u30dd\u30fc\u30c8<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- Product Card: E2 -->\r\n <a href=\"https:\/\/ottocast.vip\/ja\/e2-firmware\/\" class=\"group block bg-white card-shadow product-card-hover border border-gray-100\">\r\n <div class=\"aspect-square bg-white flex items-center justify-center p-6 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/ottocast.vip\/wp-content\/uploads\/2025\/10\/\u767d\u5e9560000.png?fit=1024%2C1024&ssl=1\" \r\n alt=\"E2\" loading=\"lazy\"\r\n class=\"w-full h-full object-contain transition-transform duration-500 group-hover:scale-110\">\r\n <\/div>\r\n <div class=\"p-5 text-center border-t border-gray-50 bg-gray-50\/50\">\r\n <h3 class=\"font-semibold text-dark text-lg mb-3\">E2<\/h3>\r\n <span class=\"inline-block px-4 py-1.5 bg-primary\/10 text-primary text-xs font-bold uppercase tracking-wider rounded-full\">\u30d5\u30a1\u30fc\u30e0\u30a6\u30a7\u30a2\u3068\u30b5\u30dd\u30fc\u30c8<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- Product Card: Play2Video Ultra -->\r\n <a href=\"https:\/\/ottocast.vip\/ja\/elementor-3168\/\" class=\"group block bg-white card-shadow product-card-hover border border-gray-100\">\r\n <div class=\"aspect-square bg-white flex items-center justify-center p-6 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/ottocast.vip\/wp-content\/uploads\/2025\/12\/\u672a\u6807\u9898-1.png\" \r\n alt=\"Play2Video Ultra\" loading=\"lazy\"\r\n class=\"w-full h-full object-contain transition-transform duration-500 group-hover:scale-110\" data-recalc-dims=\"1\">\r\n <\/div>\r\n <div class=\"p-5 text-center border-t border-gray-50 bg-gray-50\/50\">\r\n <h3 class=\"font-semibold text-dark text-lg mb-3\">Play2Video Ultra<\/h3>\r\n <span class=\"inline-block px-4 py-1.5 bg-primary\/10 text-primary text-xs font-bold uppercase tracking-wider rounded-full\">\u30d5\u30a1\u30fc\u30e0\u30a6\u30a7\u30a2\u3068\u30b5\u30dd\u30fc\u30c8<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- Product Card: P3 SE -->\r\n <a href=\"https:\/\/ottocast.vip\/ja\/elementor-3183\/\" class=\"group block bg-white card-shadow product-card-hover border border-gray-100\">\r\n <div class=\"aspect-square bg-white flex items-center justify-center p-6 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/ottocast.vip\/wp-content\/uploads\/2025\/12\/CA481-\u7ad6\u72483-scaled.jpg?fit=1024%2C1024&ssl=1\" \r\n alt=\"P3 SE\" loading=\"lazy\"\r\n class=\"w-full h-full object-contain transition-transform duration-500 group-hover:scale-110\">\r\n <\/div>\r\n <div class=\"p-5 text-center border-t border-gray-50 bg-gray-50\/50\">\r\n <h3 class=\"font-semibold text-dark text-lg mb-3\">P3 SE<\/h3>\r\n <span class=\"inline-block px-4 py-1.5 bg-primary\/10 text-primary text-xs font-bold uppercase tracking-wider rounded-full\">\u30d5\u30a1\u30fc\u30e0\u30a6\u30a7\u30a2\u3068\u30b5\u30dd\u30fc\u30c8<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- Product Card: P3 -->\r\n <a href=\"https:\/\/ottocast.vip\/ja\/?page_id=1296\" class=\"group block bg-white card-shadow product-card-hover border border-gray-100\">\r\n <div class=\"aspect-square bg-white flex items-center justify-center p-6 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/ottocast.vip\/wp-content\/uploads\/2025\/05\/\u753b\u677f-1.jpg?fit=1500%2C1500&ssl=1\" \r\n alt=\"P3\" loading=\"lazy\"\r\n class=\"w-full h-full object-contain transition-transform duration-500 group-hover:scale-110\">\r\n <\/div>\r\n <div class=\"p-5 text-center border-t border-gray-50 bg-gray-50\/50\">\r\n <h3 class=\"font-semibold text-dark text-lg mb-3\">P3<\/h3>\r\n <span class=\"inline-block px-4 py-1.5 bg-primary\/10 text-primary text-xs font-bold uppercase tracking-wider rounded-full\">\u30d5\u30a1\u30fc\u30e0\u30a6\u30a7\u30a2\u3068\u30b5\u30dd\u30fc\u30c8<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- Product Card: Nano AI -->\r\n <a href=\"https:\/\/ottocast.vip\/ja\/ottocast-nano-center\/\" class=\"group block bg-white card-shadow product-card-hover border border-gray-100\">\r\n <div class=\"aspect-square bg-white flex items-center justify-center p-6 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/ottocast.vip\/wp-content\/uploads\/2025\/05\/\u753b\u677f-4.jpg?fit=1024%2C1024&ssl=1\" \r\n alt=\"Nano AI\" loading=\"lazy\"\r\n class=\"w-full h-full object-contain transition-transform duration-500 group-hover:scale-110\">\r\n <\/div>\r\n <div class=\"p-5 text-center border-t border-gray-50 bg-gray-50\/50\">\r\n <h3 class=\"font-semibold text-dark text-lg mb-3\">Nano AI<\/h3>\r\n <span class=\"inline-block px-4 py-1.5 bg-primary\/10 text-primary text-xs font-bold uppercase tracking-wider rounded-full\">\u30d5\u30a1\u30fc\u30e0\u30a6\u30a7\u30a2\u3068\u30b5\u30dd\u30fc\u30c8<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- Product Card: Mirror Touch -->\r\n <a href=\"https:\/\/ottocast.vip\/ja\/mirror-touch-upgrade\/\" class=\"group block bg-white card-shadow product-card-hover border border-gray-100\">\r\n <div class=\"aspect-square bg-white flex items-center justify-center p-6 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/ottocast.vip\/wp-content\/uploads\/2025\/05\/\u753b\u677f-26.jpg?fit=751%2C751&ssl=1\" \r\n alt=\"Mirror Touch\" loading=\"lazy\"\r\n class=\"w-full h-full object-contain transition-transform duration-500 group-hover:scale-110\">\r\n <\/div>\r\n <div class=\"p-5 text-center border-t border-gray-50 bg-gray-50\/50\">\r\n <h3 class=\"font-semibold text-dark text-lg mb-3\">\u30df\u30e9\u30fc\u30bf\u30c3\u30c1<\/h3>\r\n <span class=\"inline-block px-4 py-1.5 bg-primary\/10 text-primary text-xs font-bold uppercase tracking-wider rounded-full\">\u30d5\u30a1\u30fc\u30e0\u30a6\u30a7\u30a2\u3068\u30b5\u30dd\u30fc\u30c8<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- Product Card: Mini -->\r\n <a href=\"https:\/\/ottocast.vip\/ja\/mini-Fimware\/\" class=\"group block bg-white card-shadow product-card-hover border border-gray-100\">\r\n <div class=\"aspect-square bg-white flex items-center justify-center p-6 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/ottocast.vip\/wp-content\/uploads\/2025\/05\/\u68d2\u68d2\u7cd60000.png?fit=1024%2C1024&ssl=1\" \r\n alt=\"Mini\" loading=\"lazy\"\r\n class=\"w-full h-full object-contain transition-transform duration-500 group-hover:scale-110\">\r\n <\/div>\r\n <div class=\"p-5 text-center border-t border-gray-50 bg-gray-50\/50\">\r\n <h3 class=\"font-semibold text-dark text-lg mb-3\">Mini<\/h3>\r\n <span class=\"inline-block px-4 py-1.5 bg-primary\/10 text-primary text-xs font-bold uppercase tracking-wider rounded-full\">\u30d5\u30a1\u30fc\u30e0\u30a6\u30a7\u30a2\u3068\u30b5\u30dd\u30fc\u30c8<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- Product Card: P3 Lite -->\r\n <a href=\"https:\/\/ottocast.vip\/ja\/p3-lite-center\/\" class=\"group block bg-white card-shadow product-card-hover border border-gray-100\">\r\n <div class=\"aspect-square bg-white flex items-center justify-center p-6 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/ottocast.vip\/wp-content\/uploads\/2025\/05\/\u753b\u677f-1-1.jpg?fit=800%2C800&ssl=1\" \r\n alt=\"P3 Lite\" loading=\"lazy\"\r\n class=\"w-full h-full object-contain transition-transform duration-500 group-hover:scale-110\">\r\n <\/div>\r\n <div class=\"p-5 text-center border-t border-gray-50 bg-gray-50\/50\">\r\n <h3 class=\"font-semibold text-dark text-lg mb-3\">P3 Lite<\/h3>\r\n <span class=\"inline-block px-4 py-1.5 bg-primary\/10 text-primary text-xs font-bold uppercase tracking-wider rounded-full\">\u30d5\u30a1\u30fc\u30e0\u30a6\u30a7\u30a2\u3068\u30b5\u30dd\u30fc\u30c8<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- Product Card: Car TV mate -->\r\n <a href=\"https:\/\/ottocast.vip\/ja\/car-tv-mate-center\/\" class=\"group block bg-white card-shadow product-card-hover border border-gray-100\">\r\n <div class=\"aspect-square bg-white flex items-center justify-center p-6 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/ottocast.vip\/wp-content\/uploads\/2025\/05\/Car-Tv-Mate-Pro-\u7b2c4\u4e16\u4ee3-\uff09\u30e6\u30cb\u30d0\u30fc\u30b5\u30eb-HDMI_yythkg-5.jpg?fit=1024%2C1024&ssl=1\" \r\n alt=\"Car TV mate\" loading=\"lazy\"\r\n class=\"w-full h-full object-contain transition-transform duration-500 group-hover:scale-110\">\r\n <\/div>\r\n <div class=\"p-5 text-center border-t border-gray-50 bg-gray-50\/50\">\r\n <h3 class=\"font-semibold text-dark text-lg mb-3\">Car TV mate<\/h3>\r\n <span class=\"inline-block px-4 py-1.5 bg-primary\/10 text-primary text-xs font-bold uppercase tracking-wider rounded-full\">\u30d5\u30a1\u30fc\u30e0\u30a6\u30a7\u30a2\u3068\u30b5\u30dd\u30fc\u30c8<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- Product Card: Car TV mate Pro -->\r\n <a href=\"https:\/\/ottocast.vip\/ja\/car-tv-mate-prowith-carplay-center\/\" class=\"group block bg-white card-shadow product-card-hover border border-gray-100\">\r\n <div class=\"aspect-square bg-white flex items-center justify-center p-6 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/ottocast.vip\/wp-content\/uploads\/2025\/05\/Car-Tv-Mate-Pro-\u7b2c4\u4e16\u4ee3-\uff09\u30e6\u30cb\u30d0\u30fc\u30b5\u30eb-HDMI_yythkg-5.jpg?fit=1024%2C1024&ssl=1\" \r\n alt=\"Car TV mate Pro\" loading=\"lazy\"\r\n class=\"w-full h-full object-contain transition-transform duration-500 group-hover:scale-110\">\r\n <\/div>\r\n <div class=\"p-5 text-center border-t border-gray-50 bg-gray-50\/50\">\r\n <h3 class=\"font-semibold text-dark text-lg mb-3\">Car TV mate Pro<\/h3>\r\n <span class=\"inline-block px-4 py-1.5 bg-primary\/10 text-primary text-xs font-bold uppercase tracking-wider rounded-full\">\u30d5\u30a1\u30fc\u30e0\u30a6\u30a7\u30a2\u3068\u30b5\u30dd\u30fc\u30c8<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- Product Card: Car TV mate Max -->\r\n <a href=\"https:\/\/ottocast.vip\/ja\/car-tv-mate-pro-with-carplayandroid-auto-center\/\" class=\"group block bg-white card-shadow product-card-hover border border-gray-100\">\r\n <div class=\"aspect-square bg-white flex items-center justify-center p-6 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/ottocast.vip\/wp-content\/uploads\/2025\/05\/Car-Tv-Mate-Pro-\u7b2c4\u4e16\u4ee3-\uff09\u30e6\u30cb\u30d0\u30fc\u30b5\u30eb-HDMI_yythkg-5.jpg?fit=1024%2C1024&ssl=1\" \r\n alt=\"Car TV mate Max\" loading=\"lazy\"\r\n class=\"w-full h-full object-contain transition-transform duration-500 group-hover:scale-110\">\r\n <\/div>\r\n <div class=\"p-5 text-center border-t border-gray-50 bg-gray-50\/50\">\r\n <h3 class=\"font-semibold text-dark text-lg mb-3\">Car TV mate Max<\/h3>\r\n <span class=\"inline-block px-4 py-1.5 bg-primary\/10 text-primary text-xs font-bold uppercase tracking-wider rounded-full\">\u30d5\u30a1\u30fc\u30e0\u30a6\u30a7\u30a2\u3068\u30b5\u30dd\u30fc\u30c8<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- Product Card: I3 -->\r\n <a href=\"https:\/\/ottocast.vip\/ja\/ottocast-i3without-hdmi-center\/\" class=\"group block bg-white card-shadow product-card-hover border border-gray-100\">\r\n <div class=\"aspect-square bg-white flex items-center justify-center p-6 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/ottocast.vip\/wp-content\/uploads\/2025\/05\/1.jpg?fit=1024%2C1024&ssl=1\" \r\n alt=\"I3\" loading=\"lazy\"\r\n class=\"w-full h-full object-contain transition-transform duration-500 group-hover:scale-110\">\r\n <\/div>\r\n <div class=\"p-5 text-center border-t border-gray-50 bg-gray-50\/50\">\r\n <h3 class=\"font-semibold text-dark text-lg mb-3\">I3<\/h3>\r\n <span class=\"inline-block px-4 py-1.5 bg-primary\/10 text-primary text-xs font-bold uppercase tracking-wider rounded-full\">\u30d5\u30a1\u30fc\u30e0\u30a6\u30a7\u30a2\u3068\u30b5\u30dd\u30fc\u30c8<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- Product Card: U2 Air -->\r\n <a href=\"https:\/\/ottocast.vip\/ja\/u2-air-center\/\" class=\"group block bg-white card-shadow product-card-hover border border-gray-100\">\r\n <div class=\"aspect-square bg-white flex items-center justify-center p-6 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/ottocast.vip\/wp-content\/uploads\/2025\/05\/76-1.jpg?fit=1024%2C1024&ssl=1\" \r\n alt=\"U2 Air\" loading=\"lazy\"\r\n class=\"w-full h-full object-contain transition-transform duration-500 group-hover:scale-110\">\r\n <\/div>\r\n <div class=\"p-5 text-center border-t border-gray-50 bg-gray-50\/50\">\r\n <h3 class=\"font-semibold text-dark text-lg mb-3\">U2 Air<\/h3>\r\n <span class=\"inline-block px-4 py-1.5 bg-primary\/10 text-primary text-xs font-bold uppercase tracking-wider rounded-full\">\u30d5\u30a1\u30fc\u30e0\u30a6\u30a7\u30a2\u3068\u30b5\u30dd\u30fc\u30c8<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- Product Card: A2 Air -->\r\n <a href=\"https:\/\/ottocast.vip\/ja\/a2air-center\/\" class=\"group block bg-white card-shadow product-card-hover border border-gray-100\">\r\n <div class=\"aspect-square bg-white flex items-center justify-center p-6 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/ottocast.vip\/wp-content\/uploads\/2025\/05\/2.jpg?fit=1024%2C1024&ssl=1\" \r\n alt=\"A2 Air\" loading=\"lazy\"\r\n class=\"w-full h-full object-contain transition-transform duration-500 group-hover:scale-110\">\r\n <\/div>\r\n <div class=\"p-5 text-center border-t border-gray-50 bg-gray-50\/50\">\r\n <h3 class=\"font-semibold text-dark text-lg mb-3\">A2 Air<\/h3>\r\n <span class=\"inline-block px-4 py-1.5 bg-primary\/10 text-primary text-xs font-bold uppercase tracking-wider rounded-full\">\u30d5\u30a1\u30fc\u30e0\u30a6\u30a7\u30a2\u3068\u30b5\u30dd\u30fc\u30c8<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- Product Card: PICASOU 2 -->\r\n <a href=\"https:\/\/ottocast.vip\/ja\/picasou-2-center\/\" class=\"group block bg-white card-shadow product-card-hover border border-gray-100\">\r\n <div class=\"aspect-square bg-white flex items-center justify-center p-6 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/ottocast.vip\/wp-content\/uploads\/2025\/05\/PCS40\u4e3b\u56fe.png?fit=1024%2C1024&ssl=1\" \r\n alt=\"PICASOU 2\" loading=\"lazy\"\r\n class=\"w-full h-full object-contain transition-transform duration-500 group-hover:scale-110\">\r\n <\/div>\r\n <div class=\"p-5 text-center border-t border-gray-50 bg-gray-50\/50\">\r\n <h3 class=\"font-semibold text-dark text-lg mb-3\">PICASOU 2<\/h3>\r\n <span class=\"inline-block px-4 py-1.5 bg-primary\/10 text-primary text-xs font-bold uppercase tracking-wider rounded-full\">\u30d5\u30a1\u30fc\u30e0\u30a6\u30a7\u30a2\u3068\u30b5\u30dd\u30fc\u30c8<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <!-- Product Card: Play2Video Pro -->\r\n <a href=\"https:\/\/ottocast.vip\/ja\/ca400-center\/\" class=\"group block bg-white card-shadow product-card-hover border border-gray-100\">\r\n <div class=\"aspect-square bg-white flex items-center justify-center p-6 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/ottocast.vip\/wp-content\/uploads\/2025\/06\/\u4ef0\u89c620015.png?fit=1024%2C1024&ssl=1\" \r\n alt=\"Play2Video Pro\" loading=\"lazy\"\r\n class=\"w-full h-full object-contain transition-transform duration-500 group-hover:scale-110\">\r\n <\/div>\r\n <div class=\"p-5 text-center border-t border-gray-50 bg-gray-50\/50\">\r\n <h3 class=\"font-semibold text-dark text-lg mb-3\">Play2Video Pro<\/h3>\r\n <span class=\"inline-block px-4 py-1.5 bg-primary\/10 text-primary text-xs font-bold uppercase tracking-wider rounded-full\">\u30d5\u30a1\u30fc\u30e0\u30a6\u30a7\u30a2\u3068\u30b5\u30dd\u30fc\u30c8<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Support Resources Section -->\r\n <section id=\"resources\" class=\"section-padding bg-accent\">\r\n <div class=\"container mx-auto px-4\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold mb-4 text-dark\">\u30b5\u30dd\u30fc\u30c8\u60c5\u5831<\/h2>\r\n <p class=\"text-dark\/70 max-w-2xl mx-auto text-lg\">\r\n \u30d5\u30a1\u30fc\u30e0\u30a6\u30a7\u30a2\u306e\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3084\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u30b5\u30dd\u30fc\u30c8\u3092\u5229\u7528\u3057\u3066\u3001Ottocast\u88fd\u54c1\u306e\u6a5f\u80fd\u3092\u6700\u5927\u9650\u306b\u6d3b\u7528\u3057\u307e\u3057\u3087\u3046\u3002\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\r\n <div class=\"bg-white p-8 card-shadow product-card-hover border border-gray-100 text-center\">\r\n <div class=\"text-primary text-5xl mb-6\">\r\n <i class=\"fa fa-comments-o\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-semibold mb-3\">\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u30d5\u30a9\u30fc\u30e9\u30e0<\/h3>\r\n <p class=\"text-dark\/70 mb-6 h-12\">\r\n \u4ed6\u306eOttocast\u30e6\u30fc\u30b6\u30fc\u3068\u4ea4\u6d41\u3057\u3001\u30d2\u30f3\u30c8\u3092\u5171\u6709\u3057\u305f\u308a\u3001\u3088\u304f\u3042\u308b\u554f\u984c\u306e\u89e3\u6c7a\u7b56\u3092\u898b\u3064\u3051\u305f\u308a\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\r\n <\/p>\r\n <a href=\"https:\/\/ottocast.vip\/ja\/the-forum-is-being-maintained-and-upgraded-please-stay-tuned\/\" class=\"inline-flex items-center text-primary font-medium hover:underline transition-colors duration-300\">\r\n \u30d5\u30a9\u30fc\u30e9\u30e0\u3092\u898b\u308b <i class=\"fa fa-arrow-right ml-2\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mt-12 bg-primary\/10 rounded-2xl p-8 md:p-12 border border-primary\/20\">\r\n <div class=\"flex flex-col md:flex-row items-center justify-between gap-6\">\r\n <div class=\"md:w-2\/3 text-center md:text-left\">\r\n <h3 class=\"text-2xl md:text-3xl font-bold mb-3 text-dark\">\u500b\u5225\u30b5\u30dd\u30fc\u30c8\u3092\u3054\u5e0c\u671b\u3067\u3059\u304b\uff1f<\/h3>\r\n <p class=\"text-dark\/70 text-lg\">\r\n \u5f53\u793e\u306eAI\u30b5\u30dd\u30fc\u30c8\u30a2\u30b7\u30b9\u30bf\u30f3\u30c8\u304c\u3001\u30c8\u30e9\u30d6\u30eb\u30b7\u30e5\u30fc\u30c6\u30a3\u30f3\u30b0\u3084\u8a2d\u5b9a\u306b\u95a2\u3059\u308b\u3054\u8cea\u554f\u306a\u3069\u3092\u3044\u3064\u3067\u3082\u30b5\u30dd\u30fc\u30c8\u3044\u305f\u3057\u307e\u3059\u3002\r\n <\/p>\r\n <\/div>\r\n <div class=\"md:w-1\/3 text-center md:text-right\">\r\n <a href=\"https:\/\/chat.ottocastter.com\/ui\/chat\/779025f026f674c2?lang=%25E4%25B8%25AD%25E6%2596%2587\" class=\"btn-primary text-lg inline-flex items-center px-8 py-3\">\r\n <i class=\"fa fa-robot mr-2\"><\/i>Chat with AI\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- FAQ Section -->\r\n <section id=\"faq\" class=\"section-padding bg-light\">\r\n <div class=\"container mx-auto px-4\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold mb-4 text-dark\">\u3088\u304f\u3042\u308b\u3054\u8cea\u554f\uff08FAQ\uff09<\/h2>\r\n <p class=\"text-dark\/70 max-w-2xl mx-auto text-lg\">\r\n Ottocast\u88fd\u54c1\u3001\u30d5\u30a1\u30fc\u30e0\u30a6\u30a7\u30a2\u306e\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u3001\u30c8\u30e9\u30d6\u30eb\u30b7\u30e5\u30fc\u30c6\u30a3\u30f3\u30b0\u306b\u95a2\u3059\u308b\u3088\u304f\u3042\u308b\u3054\u8cea\u554f\u3078\u306e\u56de\u7b54\u3092\u3054\u89a7\u3044\u305f\u3060\u3051\u307e\u3059\u3002\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"max-w-3xl mx-auto\">\r\n <div class=\"space-y-6\">\r\n <div class=\"bg-white p-6 md:p-8 rounded-xl card-shadow border border-gray-100\">\r\n <h3 class=\"text-lg md:text-xl font-semibold mb-3 text-dark flex items-start\">\r\n <i class=\"fa fa-question-circle text-primary mt-1 mr-3\"><\/i>\r\n Ottocast\u30c7\u30d0\u30a4\u30b9\u306e\u30d5\u30a1\u30fc\u30e0\u30a6\u30a7\u30a2\u3092\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u3059\u308b\u306b\u306f\u3069\u3046\u3059\u308c\u3070\u3088\u3044\u3067\u3059\u304b\uff1f\r\n <\/h3>\r\n <p class=\"text-dark\/70 pl-8 leading-relaxed\">\r\n \u30d5\u30a1\u30fc\u30e0\u30a6\u30a7\u30a2\u306e\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u306f\u3001\u5404\u88fd\u54c1\u306e\u5c02\u7528\u30da\u30fc\u30b8\u304b\u3089\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3067\u304d\u307e\u3059\u3002\u4ed8\u5c5e\u306e\u624b\u9806\u306b\u5f93\u3063\u3066\u30c7\u30d0\u30a4\u30b9\u3092\u30d1\u30bd\u30b3\u30f3\u306b\u63a5\u7d9a\u3057\u3001\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u306e\u524d\u306b\u3001\u5fc5\u305a\u91cd\u8981\u306a\u30c7\u30fc\u30bf\u306e\u30d0\u30c3\u30af\u30a2\u30c3\u30d7\u3092\u884c\u3063\u3066\u304f\u3060\u3055\u3044\u3002\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"bg-white p-6 md:p-8 rounded-xl card-shadow border border-gray-100\">\r\n <h3 class=\"text-lg md:text-xl font-semibold mb-3 text-dark flex items-start\">\r\n <i class=\"fa fa-question-circle text-primary mt-1 mr-3\"><\/i>\r\n Ottocast\u88fd\u54c1\u306f\u3069\u306e\u30c7\u30d0\u30a4\u30b9\u3068\u4e92\u63db\u6027\u304c\u3042\u308a\u307e\u3059\u304b\uff1f\r\n <\/h3>\r\n <p class=\"text-dark\/70 pl-8 leading-relaxed\">\r\n Ottocast\u88fd\u54c1\u306f\u3001Android Auto\u307e\u305f\u306fApple CarPlay\u3092\u642d\u8f09\u3057\u305f\u307b\u3068\u3093\u3069\u306e\u8eca\u4e21\u3068\u4e92\u63db\u6027\u304c\u3042\u308a\u307e\u3059\u3002\u8a73\u7d30\u306a\u4e92\u63db\u6027\u60c5\u5831\u3084\u8981\u4ef6\u306b\u3064\u3044\u3066\u306f\u3001\u5404\u88fd\u54c1\u30da\u30fc\u30b8\u3092\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\u3002\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Contact Section -->\r\n <section id=\"contact\" class=\"section-padding bg-gradient-to-r from-primary\/95 to-secondary text-light\">\r\n <div class=\"container mx-auto px-4\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold mb-4\">\u30b5\u30dd\u30fc\u30c8\u3078\u306e\u304a\u554f\u3044\u5408\u308f\u305b<\/h2>\r\n <p class=\"opacity-90 max-w-2xl mx-auto text-lg\">\r\n \u3054\u8cea\u554f\u3084\u30b5\u30dd\u30fc\u30c8\u304c\u5fc5\u8981\u3067\u3059\u304b\uff1f\u5f53\u793e\u306e\u30b5\u30dd\u30fc\u30c8\u30c1\u30fc\u30e0\u304c\u554f\u984c\u89e3\u6c7a\u306e\u304a\u624b\u4f1d\u3044\u3092\u3044\u305f\u3057\u307e\u3059\u3002\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"max-w-4xl mx-auto\">\r\n <div class=\"bg-white\/10 p-8 md:p-10 rounded-2xl backdrop-blur-sm border border-white\/20 shadow-2xl\">\r\n <h3 class=\"text-2xl font-semibold mb-8 text-center border-b border-white\/20 pb-4\">\u30b5\u30dd\u30fc\u30c8\u30aa\u30d7\u30b7\u30e7\u30f3<\/h3>\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 text-center\">\r\n <div class=\"p-4\">\r\n <div class=\"bg-white\/20 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4\">\r\n <i class=\"fa fa-envelope-o text-2xl\"><\/i>\r\n <\/div>\r\n <h4 class=\"font-medium text-lg mb-2\">E\u30e1\u30fc\u30eb\u30b5\u30dd\u30fc\u30c8<\/h4>\r\n <p class=\"opacity-80 mb-4 text-sm h-10\">\u901a\u5e38\u300124\u301c48\u6642\u9593\u4ee5\u5185\u306b\u30b5\u30dd\u30fc\u30c8\u30c1\u30fc\u30e0\u3088\u308a\u3054\u8fd4\u4fe1\u3044\u305f\u3057\u307e\u3059\u3002<\/p>\r\n <a href=\"mailto:support@ottocast.com\" class=\"text-white font-medium hover:text-white\/70 transition-colors duration-300\">support@ottocast.com<\/a>\r\n <\/div>\r\n\r\n <div class=\"p-4 border-t md:border-t-0 md:border-l md:border-r border-white\/20\">\r\n <div class=\"bg-white\/20 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4\">\r\n <i class=\"fa fa-comments-o text-2xl\"><\/i>\r\n <\/div>\r\n <h4 class=\"font-medium text-lg mb-2\">Live \u30c1\u30e3\u30c3\u30c8<\/h4>\r\n <p class=\"opacity-80 mb-4 text-sm h-10\">\u3044\u3064\u3067\u3082\u3059\u3050\u306b\u3042\u306a\u305f\u3092\u52a9\u3051\u3089\u308c\u307e\u3059<\/p>\r\n <a href=\"https:\/\/chat.ottocastter.com\/ui\/chat\/779025f026f674c2?lang=%25E4%25B8%25AD%25E6%2596%2587\" class=\"btn-outline-white inline-block text-sm py-1.5 px-4\">\r\n \u30c1\u30e3\u30c3\u30c8\u3092\u958b\u59cb\u3059\u308b\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"p-4 border-t md:border-t-0 border-white\/20\">\r\n <div class=\"bg-white\/20 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4\">\r\n <i class=\"fa fa-gift text-2xl\"><\/i>\r\n <\/div>\r\n <h4 class=\"font-medium text-lg mb-2\">\u7121\u6599\u30c8\u30e9\u30a4\u30a2\u30eb<\/h4>\r\n <p class=\"opacity-80 mb-4 text-sm h-10\">Ottocast\u306e\u88fd\u54c1\u3092\u76f4\u63a5\u304a\u8a66\u3057\u306b\u306a\u308b\u3053\u3068\u306b\u3054\u8208\u5473\u306f\u3042\u308a\u307e\u3059\u304b\uff1f<\/p>\r\n <a href=\"https:\/\/ottocast.vip\/ja\/free-trial\/\" class=\"inline-flex items-center text-white font-medium hover:text-white\/70 transition-colors duration-300\">\r\n \u8a73\u7d30\u306f\u3053\u3061\u3089 <i class=\"fa fa-arrow-right ml-2\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Back to Top Button -->\r\n <button id=\"backToTop\" class=\"fixed bottom-8 right-8 bg-primary text-white w-12 h-12 rounded-full flex items-center justify-center shadow-lg opacity-0 invisible transition-all duration-300 hover:bg-secondary hover:-translate-y-1 ease-in-out z-50\">\r\n <i class=\"fa fa-arrow-up\"><\/i>\r\n <\/button>\r\n\r\n <script>\r\n \/\/ Announcement Panel\r\n const openAnnouncementPanel = document.getElementById('openAnnouncementPanel');\r\n const closeAnnouncementPanel = document.getElementById('closeAnnouncementPanel');\r\n const announcementPanel = document.getElementById('announcementPanel');\r\n const announcementOverlay = document.getElementById('announcementOverlay');\r\n\r\n function toggleAnnouncementPanel(show) {\r\n if (!announcementPanel) return;\r\n announcementPanel.classList.toggle('hidden', !show);\r\n if (show) {\r\n document.body.style.overflow = 'hidden'; \/\/ \u9632\u6b62\u80cc\u666f\u6eda\u52a8\r\n } else {\r\n document.body.style.overflow = '';\r\n }\r\n }\r\n\r\n if(openAnnouncementPanel){\r\n openAnnouncementPanel.addEventListener('click', () => toggleAnnouncementPanel(true));\r\n }\r\n if(closeAnnouncementPanel){\r\n closeAnnouncementPanel.addEventListener('click', () => toggleAnnouncementPanel(false));\r\n }\r\n if(announcementOverlay){\r\n announcementOverlay.addEventListener('click', () => toggleAnnouncementPanel(false));\r\n }\r\n\r\n\r\n \/\/ Back to Top Button\r\n const backToTopButton = document.getElementById('backToTop');\r\n \r\n window.addEventListener('scroll', () => {\r\n if (window.pageYOffset > 400) {\r\n backToTopButton.classList.remove('opacity-0', 'invisible');\r\n backToTopButton.classList.add('opacity-100', 'visible');\r\n } else {\r\n backToTopButton.classList.remove('opacity-100', 'visible');\r\n backToTopButton.classList.add('opacity-0', 'invisible');\r\n }\r\n });\r\n \r\n backToTopButton.addEventListener('click', () => {\r\n window.scrollTo({\r\n top: 0,\r\n behavior: 'smooth'\r\n });\r\n });\r\n\r\n \/\/ Smooth Scrolling for Internal Links\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n anchor.addEventListener('click', function (e) {\r\n const targetId = this.getAttribute('href');\r\n if (targetId === '#') return;\r\n \r\n const targetElement = document.querySelector(targetId);\r\n if (targetElement) {\r\n e.preventDefault();\r\n targetElement.scrollIntoView({\r\n behavior: 'smooth'\r\n });\r\n }\r\n });\r\n });\r\n\r\n \/\/ Image Loading Optimization (Lazy Load handling)\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const lazyImages = document.querySelectorAll('img[loading=\"lazy\"]');\r\n \r\n if ('IntersectionObserver' in window) {\r\n const imageObserver = new IntersectionObserver((entries, observer) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n const image = entry.target;\r\n image.classList.add('opacity-100');\r\n image.classList.remove('opacity-0');\r\n imageObserver.unobserve(image);\r\n }\r\n });\r\n }, { rootMargin: '50px 0px' });\r\n \r\n lazyImages.forEach(image => {\r\n \/\/ Set initial state for fade-in effect\r\n image.classList.add('opacity-0', 'transition-opacity', 'duration-700');\r\n imageObserver.observe(image);\r\n \r\n \/\/ Fallback if image is already loaded from cache\r\n if(image.complete) {\r\n image.classList.add('opacity-100');\r\n image.classList.remove('opacity-0');\r\n }\r\n });\r\n } else {\r\n \/\/ Fallback for older browsers\r\n lazyImages.forEach(image => {\r\n image.classList.remove('opacity-0');\r\n });\r\n }\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Ottocast After-Sales Support NOTICE P3 Pro firmware update is now available   \u2022   Community forum is under maintenance   \u2022   Ottocast AI […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-238","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"ottocast","author_link":"https:\/\/ottocast.vip\/ja\/author\/ottocast\/"},"uagb_comment_info":0,"uagb_excerpt":"Ottocast After-Sales Support NOTICE P3 Pro firmware update is now available   \u2022   Community forum is under maintenance   \u2022   Ottocast AI […]","_links":{"self":[{"href":"https:\/\/ottocast.vip\/ja\/wp-json\/wp\/v2\/pages\/238","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ottocast.vip\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ottocast.vip\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ottocast.vip\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ottocast.vip\/ja\/wp-json\/wp\/v2\/comments?post=238"}],"version-history":[{"count":389,"href":"https:\/\/ottocast.vip\/ja\/wp-json\/wp\/v2\/pages\/238\/revisions"}],"predecessor-version":[{"id":3470,"href":"https:\/\/ottocast.vip\/ja\/wp-json\/wp\/v2\/pages\/238\/revisions\/3470"}],"wp:attachment":[{"href":"https:\/\/ottocast.vip\/ja\/wp-json\/wp\/v2\/media?parent=238"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}