{"id":11,"date":"2026-01-30T18:09:31","date_gmt":"2026-01-30T09:09:31","guid":{"rendered":"http:\/\/arvo-co.com\/?page_id=11"},"modified":"2026-02-01T22:49:28","modified_gmt":"2026-02-01T13:49:28","slug":"top%e3%83%9a%e3%83%bc%e3%82%b8","status":"publish","type":"page","link":"https:\/\/arvo-co.com\/?page_id=11","title":{"rendered":"TOP\u30da\u30fc\u30b8"},"content":{"rendered":"<p><!-- \u5916\u90e8\u30e9\u30a4\u30d6\u30e9\u30ea\uff1aURL\u3092\u30af\u30ea\u30fc\u30f3\u306a\u5f62\u5f0f\u306b\u4fee\u6b63\u6e08\u307f -->\n<link href=\"[https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600&#038;family=Noto+Sans+JP:wght@300;400;700&#038;display=swap](https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600&#038;family=Noto+Sans+JP:wght@300;400;700&#038;display=swap)\" rel=\"stylesheet\">\n<script src=\"[https:\/\/cdn.tailwindcss.com](https:\/\/cdn.tailwindcss.com)\"><\/script><br \/>\n<script src=\"[https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/three.js\/r128\/three.min.js](https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/three.js\/r128\/three.min.js)\"><\/script><\/p>\n<p><script>\nwindow.tailwind.config = {\n  theme: {\n    extend: {\n      colors: { brand: '#87cbd1' },\n      fontFamily: {\n        montserrat: ['Montserrat', 'sans-serif'],\n        sans: ['Noto Sans JP', 'sans-serif'],\n      },\n    }\n  }\n}\n<\/script><\/p>\n<div class=\"arvo-custom-site\">\n<div id=\"bg-canvas\"><\/div>\n<p>    <!-- Navigation --><\/p>\n<nav class=\"fixed top-6 w-full z-50 px-6\">\n<div class=\"max-w-7xl mx-auto glass rounded-full px-8 py-4 flex justify-between items-center shadow-lg\">\n<div class=\"logo-text text-2xl\">ARVO.<\/div>\n<div class=\"hidden md:flex space-x-12\">\n                <a href=\"#services\" class=\"nav-link\">Services<\/a><br \/>\n                <a href=\"#about\" class=\"nav-link\">About<\/a><br \/>\n                <a href=\"#contact\" class=\"nav-link\">Contact<\/a>\n            <\/div>\n<div class=\"md:hidden text-brand\">\n                <svg xmlns=\"[http:\/\/www.w3.org\/2000\/svg](http:\/\/www.w3.org\/2000\/svg)\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h16m-7 6h7\" \/>\n                <\/svg>\n            <\/div>\n<\/p><\/div>\n<\/nav>\n<p>    <!-- Hero --><\/p>\n<section class=\"min-h-screen flex items-center justify-center px-6\">\n<div class=\"max-w-4xl text-center fade-in-up\">\n<h1 class=\"text-6xl md:text-8xl font-bold mb-8 tracking-tighter leading-none\">\n                Connecting <span class=\"text-brand\">Global<\/span> Potential.<br \/>\n            <\/h1>\n<p class=\"text-xl md:text-2xl text-gray-500 mb-12 leading-relaxed\">\n                ARVO.\u306f\u3001\u56fd\u5883\u3092\u8d8a\u3048\u305fEC\u5c55\u958b\u304b\u3089<br class=\"hidden md:block\"><br \/>\n                \u6b21\u4e16\u4ee3\u306ePR\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3092\u63d0\u4f9b\u3059\u308b\u30af\u30ea\u30a8\u30a4\u30c6\u30a3\u30d6\u30d5\u30a1\u30fc\u30e0\u3067\u3059\u3002\n            <\/p>\n<div class=\"flex flex-col md:flex-row justify-center gap-6\">\n                <a href=\"#services\" class=\"btn bg-white border border-brand text-brand px-12 py-5 rounded-full font-bold\">Services<\/a><br \/>\n                <a href=\"#contact\" class=\"btn bg-brand text-white px-12 py-5 rounded-full font-bold shadow-lg\">Contact Us<\/a>\n            <\/div>\n<\/p><\/div>\n<\/section>\n<p>    <!-- Services --><\/p>\n<section id=\"services\" class=\"py-32 px-6 max-w-7xl mx-auto\">\n<div class=\"mb-20 text-center fade-in-up\">\n<h2 class=\"text-4xl font-bold mb-4\">Our Services<\/h2>\n<div class=\"w-20 h-1 bg-brand mx-auto rounded-full\"><\/div>\n<\/p><\/div>\n<div class=\"bento-grid\">\n<div class=\"md:col-span-2 md:row-span-2 glass rounded-[3rem] overflow-hidden fade-in-up flex flex-col group\">\n<div class=\"h-80 overflow-hidden\">\n                    <img decoding=\"async\" src=\"[https:\/\/images.unsplash.com\/photo-1513519245088-0e12902e5a38?auto=format&#038;fit=crop&#038;q=80&#038;w=1000](https:\/\/images.unsplash.com\/photo-1513519245088-0e12902e5a38?auto=format&#038;fit=crop&#038;q=80&#038;w=1000)\" class=\"transition-transform duration-700 group-hover:scale-105\">\n                <\/div>\n<div class=\"p-10\">\n                    <span class=\"text-brand font-bold text-xs uppercase tracking-widest\">Import &#038; Export<\/span><\/p>\n<h3 class=\"text-3xl font-bold mt-3 mb-4\">\u8f38\u51fa\u5165\u30fb\u30cd\u30c3\u30c8\u8ca9\u58f2\u4e8b\u696d<\/h3>\n<p class=\"text-gray-500 leading-relaxed text-lg\">\u4e16\u754c\u4e2d\u306e\u9ad8\u54c1\u8cea\u306a\u751f\u6d3b\u96d1\u8ca8\u3092\u53b3\u9078\u3002\u30df\u30cb\u30de\u30eb\u3067\u8c4a\u304b\u306a\u30e9\u30a4\u30d5\u30b9\u30bf\u30a4\u30eb\u3092\u63d0\u6848\u3059\u308b\u30d7\u30ed\u30c0\u30af\u30c8\u6d41\u901a\u3092\u652f\u63f4\u3057\u307e\u3059\u3002<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"md:col-span-2 glass rounded-[3rem] p-10 fade-in-up flex items-center justify-between\">\n<div class=\"flex-1\">\n                    <span class=\"text-brand font-bold text-xs uppercase tracking-widest\">PR Casting<\/span><\/p>\n<h3 class=\"text-2xl font-bold mt-2\">\u30ad\u30e3\u30b9\u30c6\u30a3\u30f3\u30b0\u4e8b\u696d<\/h3>\n<p class=\"text-gray-500 mt-2\">\u30d6\u30e9\u30f3\u30c9\u306b\u6700\u9069\u306a\u30a4\u30f3\u30d5\u30eb\u30a8\u30f3\u30b5\u30fc\u3092\u9078\u5b9a\u3057\u3001\u78ba\u304b\u306a\u5171\u611f\u3092\u5275\u51fa\u3057\u307e\u3059\u3002<\/p>\n<\/p><\/div>\n<div class=\"w-32 h-32 ml-6 hidden sm:block flex-shrink-0\">\n                    <img decoding=\"async\" src=\"[https:\/\/images.unsplash.com\/photo-1522335789203-aabd1fc54bc9?auto=format&#038;fit=crop&#038;q=80&#038;w=400](https:\/\/images.unsplash.com\/photo-1522335789203-aabd1fc54bc9?auto=format&#038;fit=crop&#038;q=80&#038;w=400)\" class=\"rounded-3xl shadow-lg\">\n                <\/div>\n<\/p><\/div>\n<div class=\"glass rounded-[3rem] p-10 fade-in-up\">\n<h3 class=\"text-xl font-bold mb-3\">\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u652f\u63f4<\/h3>\n<p class=\"text-sm text-gray-500\">\u30c7\u30fc\u30bf\u306b\u57fa\u3065\u3044\u305fSNS\u6226\u7565\u3067\u8a8d\u77e5\u62e1\u5927\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002<\/p>\n<\/p><\/div>\n<div class=\"glass rounded-[3rem] p-10 fade-in-up\">\n<h3 class=\"text-xl font-bold mb-3\">\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0<\/h3>\n<p class=\"text-sm text-gray-500\">\u6226\u7565\u7b56\u5b9a\u304b\u3089\u904b\u7528\u307e\u3067\u3001\u6700\u77ed\u8ddd\u96e2\u3067\u306e\u6210\u679c\u3092\u652f\u63f4\u3057\u307e\u3059\u3002<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>    <!-- About --><\/p>\n<section id=\"about\" class=\"py-32 px-6 max-w-5xl mx-auto\">\n<div class=\"glass rounded-[4rem] overflow-hidden flex flex-col md:flex-row fade-in-up\">\n<div class=\"md:w-1\/2 p-16\">\n<h2 class=\"text-5xl font-bold mb-10\">About<\/h2>\n<div class=\"space-y-8\">\n<div>\n<p class=\"text-xs text-brand font-bold mb-1\">Company<\/p>\n<p class=\"text-xl font-bold\">\u5408\u540c\u4f1a\u793eARVO.<\/p>\n<\/div>\n<div>\n<p class=\"text-xs text-brand font-bold mb-1\">Location<\/p>\n<p class=\"text-lg text-gray-600\">\u6771\u4eac\u90fd\u6e0b\u8c37\u533a\u9053\u7384\u57421\u4e01\u76ee10\u756a8\u53f7<br \/>\u6e0b\u8c37\u9053\u7384\u5742\u6771\u6025\u30d3\u30eb2F\u2212C<\/p>\n<\/div>\n<div>\n<p class=\"text-xs text-brand font-bold mb-1\">Representative<\/p>\n<p class=\"text-xl font-bold\">\u4e09\u7559 \u6b63\u5b50<\/p>\n<\/div><\/div>\n<\/p><\/div>\n<div class=\"md:w-1\/2 bg-white\/20 p-16 flex flex-col justify-center border-l border-white\/10\">\n<ul class=\"space-y-4 text-lg font-medium\">\n<li>\u25cf \u5546\u54c1\u4f01\u753b\u30fb\u8f38\u51fa\u5165\u30fbEC\u4e8b\u696d<\/li>\n<li>\u25cf \u30ad\u30e3\u30b9\u30c6\u30a3\u30f3\u30b0\u30fb\u30de\u30cd\u30b8\u30e1\u30f3\u30c8\u4e8b\u696d<\/li>\n<li>\u25cf \u5e83\u544a\u30fbPR\u652f\u63f4<\/li>\n<li>\u25cf \u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0\u4e8b\u696d<\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<\/section>\n<p>    <!-- Contact --><\/p>\n<section id=\"contact\" class=\"py-32 px-6\">\n<div class=\"max-w-3xl mx-auto fade-in-up text-center\">\n<h2 class=\"text-5xl font-bold mb-12\">Contact<\/h2>\n<form class=\"space-y-6\" onsubmit=\"return false;\">\n<div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 text-left\">\n                    <input type=\"text\" placeholder=\"\u6c0f\u540d *\" required class=\"w-full px-8 py-5 glass rounded-2xl border-none outline-none focus:ring-2 focus:ring-brand\"><br \/>\n                    <input type=\"text\" placeholder=\"\u4f1a\u793e\u540d *\" required class=\"w-full px-8 py-5 glass rounded-2xl border-none outline-none focus:ring-2 focus:ring-brand\">\n                <\/div>\n<p>                <textarea rows=\"6\" placeholder=\"\u304a\u554f\u3044\u5408\u308f\u305b\u5185\u5bb9 *\" required class=\"w-full px-8 py-5 glass rounded-3xl border-none outline-none focus:ring-2 focus:ring-brand text-left\"><\/textarea><\/p>\n<div class=\"pt-8\">\n                    <button type=\"submit\" class=\"btn bg-brand text-white px-20 py-6 rounded-full font-bold shadow-2xl text-xl cursor-pointer border-none\">Send Message<\/button>\n                <\/div>\n<\/p><\/form>\n<\/p><\/div>\n<\/section>\n<footer class=\"py-16 text-center text-gray-400\">\n<div class=\"logo-text text-2xl mb-4\">ARVO.<\/div>\n<p class=\"text-xs opacity-50\">\u00a9 2024 ARVO. All rights reserved.<\/p>\n<\/footer>\n<\/div>\n<p><script>\n(function() {\n    let scene, camera, renderer, circles = [];\n    const container = document.getElementById('bg-canvas');\n    function init() {\n        if(!container) return;\n        scene = new THREE.Scene();\n        camera = new THREE.PerspectiveCamera(75, window.innerWidth \/ window.innerHeight, 0.1, 1000);\n        camera.position.z = 5;\n        renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true });\n        renderer.setSize(window.innerWidth, window.innerHeight);\n        renderer.setPixelRatio(window.devicePixelRatio);\n        container.appendChild(renderer.domElement);\n        const geo = new THREE.CircleGeometry(1.5, 32);\n        for(let i=0; i<6; i++) {\n            const mat = new THREE.MeshBasicMaterial({ color: 0x87cbd1, transparent: true, opacity: 0.12 });\n            const mesh = new THREE.Mesh(geo, mat);\n            mesh.position.set((Math.random()-0.5)*12, (Math.random()-0.5)*12, (Math.random()-0.5)*4);\n            mesh.userData = { sx: (Math.random()-0.5)*0.005, sy: (Math.random()-0.5)*0.005 };\n            scene.add(mesh);\n            circles.push(mesh);\n        }\n        window.addEventListener('resize', () => {\n            camera.aspect = window.innerWidth \/ window.innerHeight;\n            camera.updateProjectionMatrix();\n            renderer.setSize(window.innerWidth, window.innerHeight);\n        });\n        animate();\n    }\n    function animate() {\n        requestAnimationFrame(animate);\n        circles.forEach(c => {\n            c.position.x += c.userData.sx; c.position.y += c.userData.sy;\n            if (Math.abs(c.position.x) > 8) c.userData.sx *= -1;\n            if (Math.abs(c.position.y) > 8) c.userData.sy *= -1;\n        });\n        renderer.render(scene, camera);\n    }\n    init();\n    const obs = new IntersectionObserver((es) => {\n        es.forEach(e => { if(e.isIntersecting) e.target.classList.add('visible'); });\n    }, { threshold: 0.15 });\n    document.querySelectorAll('.fade-in-up').forEach(el => obs.observe(el));\n})();\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>ARVO. Services About Contact Connecting Global Potential. ARVO.\u306f\u3001\u56fd\u5883\u3092\u8d8a\u3048\u305fEC\u5c55\u958b\u304b\u3089 \u6b21\u4e16\u4ee3\u306ePR\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3092\u63d0\u4f9b\u3059\u308b\u30af\u30ea\u30a8\u30a4\u30c6\u30a3\u30d6\u30d5\u30a1\u30fc\u30e0\u3067\u3059\u3002 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"arvo-new","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arvo-co.com\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arvo-co.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arvo-co.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arvo-co.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arvo-co.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":8,"href":"https:\/\/arvo-co.com\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":34,"href":"https:\/\/arvo-co.com\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/34"}],"wp:attachment":[{"href":"https:\/\/arvo-co.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}