\u682a\u5f0f\u4f1a\u793eORI | \u80b2\u5150\u306f\u30ad\u30e3\u30ea\u30a2<\/title>\n<meta name=\"description\" content=\"\u682a\u5f0f\u4f1a\u793eORI\u306f\u3001\u5728\u5b85\u30ef\u30fc\u30ab\u30fc\u306e\u30d7\u30ed\u30d5\u30a7\u30c3\u30b7\u30e7\u30ca\u30eb\u96c6\u56e3\u3002\u30de\u30de\u305f\u3061\u304c\u4f01\u696d\u306e\u30d0\u30c3\u30af\u30aa\u30d5\u30a3\u30b9\u3092\u56de\u3057\u3001\u793e\u4f1a\u3092\u52d5\u304b\u3057\u3066\u3044\u307e\u3059\u3002\">\n<link rel=\"icon\" type=\"image\/jpeg\" href=\"images\/ori-logo.jpg\">\n<link rel=\"apple-touch-icon\" href=\"images\/ori-logo.jpg\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@400;500;700;900&family=Space+Grotesk:wght@400;500;700&family=JetBrains+Mono:wght@400;600&display=swap\" rel=\"stylesheet\">\n<style>\n \/* ========================================\n WordPress \u30c6\u30fc\u30de\u4e0a\u66f8\u304d\uff08\u5168\u5e45\u8868\u793a\u306b\u3059\u308b\uff09\n ======================================== *\/\n \/* WordPress\u306e\u30bf\u30a4\u30c8\u30eb\u30fb\u30d8\u30c3\u30c0\u30fc\u30fb\u30b5\u30a4\u30c9\u30d0\u30fc\u3092\u975e\u8868\u793a *\/\n .site-header, .entry-header, .page-title, .entry-title,\n .wp-block-post-title, .site-title, .site-description,\n header.wp-block-template-part, footer.wp-block-template-part,\n .wp-site-blocks > header, .wp-site-blocks > footer,\n .breadcrumbs, .site-branding, .site-navigation:not(nav) {\n display: none !important;\n }\n\n \/* \u30b3\u30f3\u30c6\u30ca\u5236\u9650\u3092\u7121\u52b9\u5316\u3057\u3066\u5168\u5e45\u306b\u3059\u308b *\/\n body, main, article, .entry-content, .post-content,\n .wp-block-post-content, .wp-block-group, .site-main,\n .site-content, .content-area, #content, #main, #primary,\n .wp-site-blocks, .is-layout-constrained, .is-layout-flow,\n .wp-block-post, .wp-container-core-group-is-layout {\n max-width: 100% !important;\n width: 100% !important;\n padding: 0 !important;\n margin: 0 !important;\n }\n .entry-content > *, .wp-block-post-content > * {\n max-width: none !important;\n }\n\n \/* \u7ba1\u7406\u30d0\u30fc\u304c\u3042\u308b\u5834\u5408\u306f\u5c11\u3057\u305a\u3089\u3059 *\/\n body.admin-bar nav { top: 32px !important; }\n\n \/* ========================================\n ORI \u30b5\u30a4\u30c8\u672c\u4f53\u30b9\u30bf\u30a4\u30eb\n ======================================== *\/\n :root {\n --white: #FFFFFF;\n --bg: #FAFAFA;\n --ink: #0A0A0A;\n --ink-2: #222;\n --gray: #666;\n --gray-2: #E5E5E5;\n --gray-3: #F0F0F0;\n --accent: #FF3B30;\n --accent-dark: #D4291F;\n }\n * { margin: 0; padding: 0; box-sizing: border-box; }\n html { scroll-behavior: smooth; }\n body {\n font-family: 'Noto Sans JP', sans-serif;\n background: var(--white);\n color: var(--ink);\n font-weight: 400;\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n }\n .display { font-family: 'Space Grotesk', sans-serif; font-weight: 700; letter-spacing: -0.03em; }\n .mono { font-family: 'JetBrains Mono', monospace; }\n\n \/* ---------- Nav ---------- *\/\n nav {\n position: fixed; top: 0; left: 0; right: 0;\n padding: 20px 48px;\n display: flex; justify-content: space-between; align-items: center;\n z-index: 100;\n background: rgba(255, 255, 255, 0.92);\n backdrop-filter: blur(20px);\n border-bottom: 1px solid var(--gray-2);\n }\n .logo {\n font-family: 'Space Grotesk', sans-serif;\n font-size: 22px; font-weight: 700; color: var(--ink);\n letter-spacing: 0.08em;\n display: flex; align-items: center; gap: 10px;\n text-decoration: none;\n }\n .logo img {\n height: 36px; width: auto;\n display: block;\n }\n .nav-right { display: flex; gap: 28px; align-items: center; }\n .nav-links { display: flex; gap: 28px; }\n .nav-links a {\n color: var(--ink); text-decoration: none;\n font-size: 13px; letter-spacing: 0.05em; font-weight: 500;\n transition: color .3s;\n }\n .nav-links a:hover { color: var(--accent); }\n .nav-cta {\n padding: 10px 22px;\n background: var(--ink);\n color: var(--white);\n text-decoration: none;\n font-size: 12px; letter-spacing: 0.1em; font-weight: 600;\n transition: background .2s;\n }\n .nav-cta:hover { background: var(--accent); }\n\n \/* ---------- Hero ---------- *\/\n .hero {\n min-height: 100vh;\n padding: 140px 48px 100px;\n position: relative;\n display: grid;\n grid-template-columns: 1.3fr 1fr;\n gap: 60px;\n align-items: center;\n background: var(--white);\n }\n .hero-content { z-index: 2; }\n .hero-badge {\n display: inline-flex; align-items: center; gap: 10px;\n padding: 8px 16px;\n background: var(--ink);\n color: var(--white);\n font-family: 'JetBrains Mono', monospace;\n font-size: 11px; letter-spacing: 0.2em;\n margin-bottom: 32px;\n }\n .hero-badge .dot {\n width: 8px; height: 8px; border-radius: 50%;\n background: var(--accent);\n animation: pulse 1.5s infinite;\n }\n @keyframes pulse { 0%,100% { opacity: 1; } 50% { opacity: 0.4; } }\n .hero h1 {\n font-family: 'Noto Sans JP', sans-serif;\n font-weight: 900;\n font-size: clamp(52px, 8vw, 116px);\n line-height: 0.95;\n letter-spacing: -0.04em;\n margin-bottom: 32px;\n color: var(--ink);\n white-space: nowrap;\n }\n @media (max-width: 1100px) {\n .hero h1 { white-space: normal; }\n }\n .hero h1 .accent {\n color: var(--accent);\n display: inline-block;\n position: relative;\n }\n .hero h1 .accent::after {\n content: '';\n position: absolute;\n bottom: 0.12em; left: 0; right: 0;\n height: 14px;\n background: var(--accent);\n opacity: 0.2;\n z-index: -1;\n }\n .hero h1 .en-sub {\n font-family: 'Space Grotesk', sans-serif;\n font-weight: 700;\n display: block;\n font-size: 0.35em;\n letter-spacing: -0.02em;\n margin-top: 12px;\n color: var(--gray);\n }\n .hero-lead {\n font-size: 16px;\n line-height: 2;\n color: var(--ink-2);\n max-width: 560px;\n margin-bottom: 48px;\n }\n .hero-lead strong { color: var(--accent); font-weight: 700; }\n .hero-actions { display: flex; gap: 16px; flex-wrap: wrap; }\n .btn-primary, .btn-secondary {\n padding: 20px 36px;\n font-size: 13px; letter-spacing: 0.1em; font-weight: 700;\n text-decoration: none;\n display: inline-flex; align-items: center; gap: 12px;\n transition: all .3s;\n }\n .btn-primary { background: var(--accent); color: var(--white); }\n .btn-primary:hover { background: var(--accent-dark); transform: translateY(-2px); }\n .btn-secondary {\n background: transparent; color: var(--ink);\n border: 2px solid var(--ink);\n }\n .btn-secondary:hover { background: var(--ink); color: var(--white); }\n .btn-primary .arrow, .btn-secondary .arrow { transition: transform .3s; font-size: 16px; }\n .btn-primary:hover .arrow, .btn-secondary:hover .arrow { transform: translateX(4px); }\n\n .hero-visual {\n position: relative;\n aspect-ratio: 4\/5;\n max-height: 600px;\n }\n .hero-card {\n position: absolute;\n padding: 32px;\n display: flex; flex-direction: column; justify-content: space-between;\n color: var(--white);\n }\n .hero-card-1 {\n top: 0; right: 0;\n width: 65%; height: 60%;\n background: var(--accent);\n }\n .hero-card-2 {\n bottom: 0; left: 0;\n width: 65%; height: 55%;\n background: var(--ink);\n z-index: 2;\n }\n .hero-card-tag {\n font-family: 'JetBrains Mono', monospace;\n font-size: 11px; letter-spacing: 0.25em;\n opacity: 0.7;\n margin-bottom: 12px;\n }\n .hero-card h4 {\n font-family: 'Noto Sans JP', sans-serif;\n font-weight: 900;\n font-size: 30px; line-height: 1.2;\n letter-spacing: -0.02em;\n }\n .hero-card .stat {\n font-family: 'Space Grotesk', sans-serif;\n font-weight: 700;\n font-size: 76px;\n line-height: 0.9;\n letter-spacing: -0.05em;\n margin-bottom: 8px;\n }\n .hero-card .stat-label {\n font-family: 'JetBrains Mono', monospace;\n font-size: 11px; letter-spacing: 0.25em;\n opacity: 0.7;\n }\n .hero-stamp {\n position: absolute;\n top: 35%; right: 10%;\n z-index: 3;\n width: 130px; height: 130px;\n border-radius: 50%;\n background: var(--white);\n color: var(--ink);\n border: 3px solid var(--ink);\n display: flex; align-items: center; justify-content: center;\n font-family: 'Space Grotesk', sans-serif;\n font-weight: 700;\n font-size: 16px;\n text-align: center;\n line-height: 1.2;\n transform: rotate(-8deg);\n }\n\n \/* ---------- Marquee ---------- *\/\n .marquee {\n padding: 20px 0;\n background: var(--ink);\n color: var(--white);\n overflow: hidden;\n white-space: nowrap;\n }\n .marquee-track {\n display: inline-block;\n animation: scroll 30s linear infinite;\n font-family: 'Space Grotesk', sans-serif;\n font-weight: 700;\n font-size: 22px;\n letter-spacing: 0.05em;\n }\n .marquee-track span { margin: 0 32px; }\n .marquee-track span::before { content: '\u25cf'; margin-right: 32px; color: var(--accent); font-size: 12px; vertical-align: middle; }\n @keyframes scroll {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* ---------- Sections common ---------- *\/\n section { padding: 120px 48px; position: relative; }\n .container { max-width: 1280px; margin: 0 auto; }\n .section-label {\n display: inline-flex; align-items: center; gap: 12px;\n font-family: 'JetBrains Mono', monospace;\n font-size: 12px; letter-spacing: 0.3em;\n color: var(--accent);\n margin-bottom: 16px;\n text-transform: uppercase;\n }\n .section-label::before {\n content: ''; display: block; width: 32px; height: 2px; background: var(--accent);\n }\n .section-title {\n font-family: 'Noto Sans JP', sans-serif;\n font-weight: 900;\n font-size: clamp(36px, 5.5vw, 72px);\n line-height: 1.15;\n letter-spacing: -0.03em;\n margin-bottom: 24px;\n color: var(--ink);\n }\n .section-title .accent { color: var(--accent); }\n .section-title .en {\n font-family: 'Space Grotesk', sans-serif;\n font-weight: 700;\n letter-spacing: -0.03em;\n }\n .section-sub {\n font-size: 15px; color: var(--gray); max-width: 640px;\n margin-bottom: 64px;\n line-height: 2;\n }\n\n \/* ---------- About: 3 Meanings ---------- *\/\n .about { background: var(--white); }\n .about-title {\n font-family: 'Space Grotesk', sans-serif;\n font-weight: 700;\n font-size: clamp(48px, 7vw, 96px);\n line-height: 1;\n letter-spacing: -0.04em;\n margin-bottom: 16px;\n color: var(--ink);\n }\n .about-title .accent { color: var(--accent); }\n .about-sub {\n font-family: 'Noto Sans JP', sans-serif;\n font-weight: 900;\n font-size: 28px;\n margin-bottom: 64px;\n letter-spacing: -0.02em;\n }\n .meanings {\n display: grid; grid-template-columns: repeat(3, 1fr);\n gap: 0;\n margin-bottom: 48px;\n border-top: 2px solid var(--ink);\n border-left: 2px solid var(--ink);\n }\n .meaning {\n padding: 40px 32px;\n background: var(--white);\n border-right: 2px solid var(--ink);\n border-bottom: 2px solid var(--ink);\n transition: all .3s;\n }\n .meaning:hover { background: var(--accent); color: var(--white); }\n .meaning:hover .m-word, .meaning:hover .m-lang { color: var(--white); }\n .m-word {\n font-family: 'Space Grotesk', sans-serif;\n font-weight: 700;\n font-size: 56px;\n color: var(--accent);\n margin-bottom: 12px;\n line-height: 1;\n letter-spacing: -0.03em;\n transition: color .3s;\n }\n .m-lang {\n font-family: 'JetBrains Mono', monospace;\n font-size: 11px; letter-spacing: 0.25em;\n color: var(--gray);\n margin-bottom: 24px;\n transition: color .3s;\n }\n .meaning h4 {\n font-family: 'Noto Sans JP', sans-serif;\n font-weight: 900;\n font-size: 22px;\n line-height: 1.4;\n letter-spacing: -0.01em;\n }\n .about-close {\n font-family: 'Noto Sans JP', sans-serif;\n font-weight: 900;\n font-size: clamp(32px, 4vw, 48px);\n text-align: center;\n padding-top: 48px;\n border-top: 2px solid var(--ink);\n letter-spacing: -0.02em;\n }\n .about-close .accent { color: var(--accent); }\n\n \/* ---------- Two Doors ---------- *\/\n .doors { background: var(--bg); }\n .doors-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }\n .door {\n padding: 56px 44px;\n position: relative;\n overflow: hidden;\n text-decoration: none;\n transition: transform .4s;\n aspect-ratio: 4\/5;\n display: flex; flex-direction: column; justify-content: space-between;\n }\n .door:hover { transform: translateY(-8px); }\n .door-a { background: var(--ink); color: var(--white); }\n .door-b { background: var(--accent); color: var(--white); }\n .door-num {\n font-family: 'JetBrains Mono', monospace;\n font-size: 12px; letter-spacing: 0.25em;\n opacity: 0.8;\n }\n .door h3 {\n font-family: 'Noto Sans JP', sans-serif;\n font-weight: 900;\n font-size: 44px; line-height: 1.2;\n margin: 24px 0 20px;\n letter-spacing: -0.02em;\n }\n .door-a h3 .accent { color: var(--accent); }\n .door p { font-size: 14px; line-height: 2; max-width: 340px; opacity: 0.9; margin-bottom: 32px; }\n .door-cta {\n display: inline-flex; align-items: center; gap: 12px;\n font-family: 'JetBrains Mono', monospace;\n font-size: 12px; letter-spacing: 0.2em; font-weight: 600;\n padding-top: 24px;\n border-top: 1px solid currentColor;\n width: 100%;\n text-transform: uppercase;\n }\n .door-cta .arrow-btn {\n width: 40px; height: 40px;\n background: var(--white); color: var(--ink);\n display: flex; align-items: center; justify-content: center;\n margin-left: auto;\n transition: transform .3s;\n font-size: 18px;\n }\n .door:hover .door-cta .arrow-btn { transform: translateX(6px); }\n .door-deco {\n position: absolute;\n top: 32px; right: 32px;\n font-family: 'Space Grotesk', sans-serif;\n font-weight: 700;\n font-size: 140px; line-height: 1;\n opacity: 0.12;\n pointer-events: none;\n }\n\n \/* ---------- MVV ---------- *\/\n .mvv-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }\n .mvv-card {\n padding: 40px 32px;\n background: var(--white);\n border: 2px solid var(--ink);\n transition: all .3s;\n }\n .mvv-card:hover {\n background: var(--accent);\n color: var(--white);\n transform: translateY(-4px);\n }\n .mvv-card:hover .mvv-tag,\n .mvv-card:hover h3,\n .mvv-card:hover p { color: var(--white); }\n .mvv-tag {\n font-family: 'JetBrains Mono', monospace;\n font-size: 12px; letter-spacing: 0.2em;\n color: var(--accent);\n margin-bottom: 24px;\n text-transform: uppercase;\n transition: color .3s;\n }\n .mvv-card h3 {\n font-family: 'Noto Sans JP', sans-serif;\n font-weight: 900;\n font-size: 22px; line-height: 1.5;\n margin-bottom: 20px;\n letter-spacing: -0.01em;\n color: var(--ink);\n transition: color .3s;\n }\n .mvv-card p { font-size: 14px; line-height: 2; color: var(--gray); transition: color .3s; }\n\n \/* ---------- Service ---------- *\/\n .service { background: var(--bg); }\n .service-list {\n border-top: 2px solid var(--ink);\n }\n .service-row {\n display: grid;\n grid-template-columns: 100px 1.5fr 2fr auto;\n gap: 40px;\n align-items: center;\n padding: 32px 24px;\n border-bottom: 2px solid var(--ink);\n background: var(--white);\n transition: all .3s;\n text-decoration: none;\n color: var(--ink);\n }\n .service-row:hover {\n background: var(--accent);\n color: var(--white);\n padding-left: 40px;\n }\n .service-row:hover .service-num,\n .service-row:hover .service-desc,\n .service-row:hover .service-tags .tag {\n color: var(--white);\n }\n .service-row:hover .service-tags .tag {\n border-color: var(--white);\n }\n .service-row:hover .service-arrow {\n background: var(--white);\n color: var(--accent);\n transform: translateX(6px);\n }\n .service-num {\n font-family: 'Space Grotesk', sans-serif;\n font-weight: 700;\n font-size: 64px;\n color: var(--accent);\n line-height: 1;\n letter-spacing: -0.05em;\n transition: color .3s;\n }\n .service-name {\n display: flex; align-items: baseline; gap: 12px;\n flex-wrap: wrap;\n }\n .service-name h3 {\n font-family: 'Noto Sans JP', sans-serif;\n font-weight: 900;\n font-size: 28px;\n letter-spacing: -0.02em;\n line-height: 1.3;\n }\n .service-name .badge {\n display: inline-block;\n font-family: 'JetBrains Mono', monospace;\n font-size: 10px;\n letter-spacing: 0.2em;\n background: var(--accent);\n color: var(--white);\n padding: 3px 8px;\n vertical-align: middle;\n }\n .service-row:hover .service-name .badge {\n background: var(--white);\n color: var(--accent);\n }\n .service-desc {\n font-size: 14px; line-height: 1.9;\n color: var(--gray);\n transition: color .3s;\n }\n .service-tags {\n display: flex; flex-wrap: wrap; gap: 6px;\n margin-top: 8px;\n }\n .service-tags .tag {\n display: inline-block;\n font-family: 'JetBrains Mono', monospace;\n font-size: 10px;\n letter-spacing: 0.15em;\n color: var(--gray);\n padding: 3px 8px;\n border: 1px solid var(--gray-2);\n transition: all .3s;\n }\n .service-arrow {\n width: 48px; height: 48px;\n border-radius: 50%;\n background: var(--ink);\n color: var(--white);\n display: flex; align-items: center; justify-content: center;\n font-size: 20px;\n transition: all .3s;\n flex-shrink: 0;\n }\n\n \/* ---------- AI x ORI ---------- *\/\n .ai {\n background: var(--white);\n padding: 140px 48px;\n position: relative;\n overflow: hidden;\n }\n .ai::before {\n content: '';\n position: absolute;\n top: 10%; right: -100px;\n width: 400px; height: 400px;\n border-radius: 50%;\n background: var(--accent);\n opacity: 0.05;\n filter: blur(60px);\n pointer-events: none;\n }\n .ai-wrap {\n max-width: 1280px; margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr 1.1fr;\n gap: 80px;\n align-items: center;\n position: relative; z-index: 1;\n }\n .ai-title {\n font-family: 'Space Grotesk', sans-serif;\n font-weight: 700;\n font-size: clamp(60px, 9vw, 140px);\n line-height: 0.9;\n letter-spacing: -0.05em;\n color: var(--ink);\n margin: 16px 0 32px;\n }\n .ai-title .cross {\n color: var(--accent);\n display: inline-block;\n margin: 0 4px;\n }\n .ai-sub {\n font-family: 'Noto Sans JP', sans-serif;\n font-weight: 900;\n font-size: 32px;\n letter-spacing: -0.02em;\n line-height: 1.4;\n margin-bottom: 32px;\n color: var(--ink);\n }\n .ai-sub .accent { color: var(--accent); }\n .ai-lead {\n font-size: 15px; line-height: 2.1;\n color: var(--ink-2);\n max-width: 480px;\n }\n .ai-features {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 12px;\n }\n .ai-feature {\n padding: 28px 24px;\n background: var(--ink);\n color: var(--white);\n position: relative;\n transition: all .3s;\n }\n .ai-feature:hover {\n background: var(--accent);\n transform: translateY(-4px);\n }\n .ai-feature.wide {\n grid-column: span 2;\n }\n .ai-feature .fnum {\n font-family: 'JetBrains Mono', monospace;\n font-size: 11px; letter-spacing: 0.3em;\n color: var(--accent);\n margin-bottom: 12px;\n display: block;\n transition: color .3s;\n }\n .ai-feature:hover .fnum { color: var(--white); }\n .ai-feature h4 {\n font-family: 'Noto Sans JP', sans-serif;\n font-weight: 900;\n font-size: 20px;\n line-height: 1.4;\n letter-spacing: -0.01em;\n margin-bottom: 10px;\n }\n .ai-feature p {\n font-size: 12px;\n line-height: 1.8;\n color: rgba(255,255,255,0.7);\n transition: color .3s;\n }\n .ai-feature:hover p { color: rgba(255,255,255,0.9); }\n .cases { background: var(--white); }\n .cases-grid {\n display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;\n }\n .case-card {\n padding: 32px 28px;\n background: var(--white);\n border: 2px solid var(--ink);\n display: flex; flex-direction: column;\n transition: all .3s;\n }\n .case-card:hover { transform: translateY(-4px); box-shadow: 8px 8px 0 var(--accent); }\n .case-industry {\n display: inline-flex; align-items: center; gap: 8px;\n padding: 6px 12px;\n background: var(--ink); color: var(--white);\n font-family: 'JetBrains Mono', monospace;\n font-size: 10px; letter-spacing: 0.2em;\n width: fit-content;\n margin-bottom: 20px;\n }\n .case-card h3 {\n font-family: 'Noto Sans JP', sans-serif;\n font-weight: 900;\n font-size: 22px;\n line-height: 1.4;\n letter-spacing: -0.01em;\n margin-bottom: 20px;\n }\n .case-tags {\n display: flex; flex-wrap: wrap; gap: 8px;\n margin-bottom: 24px;\n }\n .case-tag {\n padding: 4px 10px;\n background: var(--bg);\n font-family: 'JetBrains Mono', monospace;\n font-size: 11px;\n color: var(--ink-2);\n letter-spacing: 0.05em;\n }\n .case-tag.hi { background: var(--accent); color: var(--white); }\n .case-skill {\n padding-top: 20px;\n border-top: 1px solid var(--gray-2);\n font-size: 13px;\n color: var(--ink-2);\n line-height: 1.8;\n margin-top: auto;\n }\n .case-skill .lbl {\n font-family: 'JetBrains Mono', monospace;\n font-size: 10px; letter-spacing: 0.2em;\n color: var(--accent);\n display: block;\n margin-bottom: 6px;\n }\n\n \/* ---------- Geography ---------- *\/\n .geo {\n background: var(--ink);\n color: var(--white);\n padding: 120px 48px;\n position: relative;\n overflow: hidden;\n }\n .geo .section-label { color: var(--accent); }\n .geo .section-label::before { background: var(--accent); }\n .geo-title {\n font-family: 'Noto Sans JP', sans-serif;\n font-weight: 900;\n font-size: clamp(36px, 5vw, 64px);\n line-height: 1.2;\n letter-spacing: -0.03em;\n margin-bottom: 32px;\n color: var(--white);\n }\n .geo-title .accent { color: var(--accent); }\n .geo-lead {\n font-size: 16px;\n line-height: 2;\n color: rgba(255,255,255,0.8);\n max-width: 600px;\n margin-bottom: 60px;\n }\n .geo-map {\n max-width: 900px; margin: 0 auto;\n position: relative;\n padding: 40px 0;\n }\n .geo-map svg {\n width: 100%; height: auto;\n }\n .geo-pin {\n position: absolute;\n display: flex; flex-direction: column; align-items: center;\n gap: 6px;\n transform: translate(-50%, -100%);\n }\n .geo-pin .dot-outer {\n width: 16px; height: 16px; border-radius: 50%;\n background: var(--accent);\n box-shadow: 0 0 0 6px rgba(255,59,48,0.25), 0 0 20px var(--accent);\n animation: pulse-pin 2s infinite;\n }\n @keyframes pulse-pin {\n 0%,100% { box-shadow: 0 0 0 6px rgba(255,59,48,0.25), 0 0 20px var(--accent); }\n 50% { box-shadow: 0 0 0 12px rgba(255,59,48,0.05), 0 0 30px var(--accent); }\n }\n .geo-pin .label {\n font-family: 'JetBrains Mono', monospace;\n font-size: 11px; letter-spacing: 0.2em;\n background: var(--white);\n color: var(--ink);\n padding: 4px 10px;\n white-space: nowrap;\n font-weight: 600;\n }\n\n \/* ---------- Steps \/ Flow ---------- *\/\n .steps { background: var(--white); }\n .steps-list {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 0;\n position: relative;\n }\n .step {\n padding: 32px 24px;\n text-align: center;\n position: relative;\n border-right: 2px solid var(--ink);\n }\n .step:last-child { border-right: none; }\n .step-num {\n font-family: 'Space Grotesk', sans-serif;\n font-weight: 700;\n font-size: 60px;\n color: var(--accent);\n line-height: 1;\n letter-spacing: -0.05em;\n margin-bottom: 20px;\n }\n .step h4 {\n font-family: 'Noto Sans JP', sans-serif;\n font-weight: 900;\n font-size: 18px;\n margin-bottom: 12px;\n letter-spacing: -0.01em;\n }\n .step p {\n font-size: 12px;\n line-height: 1.8;\n color: var(--gray);\n }\n .step-tag {\n display: inline-block;\n font-family: 'JetBrains Mono', monospace;\n font-size: 10px; letter-spacing: 0.2em;\n color: var(--accent);\n margin-bottom: 12px;\n }\n\n \/* ---------- OS ---------- *\/\n .os {\n background: var(--ink); color: var(--white);\n padding: 140px 48px;\n position: relative; overflow: hidden;\n }\n .os::before {\n content: '';\n position: absolute;\n top: -100px; right: -100px;\n width: 500px; height: 500px;\n border-radius: 50%;\n background: var(--accent);\n opacity: 0.15;\n filter: blur(80px);\n }\n .os-wrap {\n max-width: 1280px; margin: 0 auto;\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 80px; align-items: center;\n position: relative; z-index: 1;\n }\n .os .section-label { color: var(--accent); }\n .os .section-label::before { background: var(--accent); }\n .os-name {\n font-family: 'Space Grotesk', sans-serif;\n font-weight: 700;\n font-size: clamp(120px, 15vw, 200px);\n line-height: 0.9;\n letter-spacing: -0.06em;\n color: var(--white);\n margin: 24px 0 24px;\n }\n .os-name .accent { color: var(--accent); }\n .os-tag {\n font-family: 'Noto Sans JP', sans-serif;\n font-weight: 900;\n font-size: 32px;\n color: var(--white);\n margin-bottom: 32px;\n letter-spacing: -0.02em;\n }\n .os-tag .accent { color: var(--accent); }\n .os-lead {\n font-size: 15px; line-height: 2.2; color: #AAA;\n max-width: 480px;\n margin-bottom: 32px;\n }\n .os-sub {\n font-family: 'JetBrains Mono', monospace;\n font-size: 12px; letter-spacing: 0.25em;\n color: var(--accent);\n text-transform: uppercase;\n padding-top: 20px;\n border-top: 1px solid #333;\n max-width: 480px;\n }\n .os-mock {\n aspect-ratio: 4\/3;\n background: #1A1A1A;\n border: 1px solid #333;\n padding: 24px;\n position: relative;\n overflow: hidden;\n }\n .os-mock-bar {\n display: flex; align-items: center; gap: 8px;\n padding-bottom: 14px;\n border-bottom: 1px solid #333;\n margin-bottom: 20px;\n }\n .os-mock-bar .dot-s { width: 10px; height: 10px; border-radius: 50%; background: #333; }\n .os-mock-bar .dot-s:first-child { background: var(--accent); }\n .os-mock-bar .url {\n margin-left: 12px;\n font-family: 'JetBrains Mono', monospace;\n font-size: 11px; color: #666;\n letter-spacing: 0.1em;\n }\n .os-mock-grid {\n display: grid; grid-template-columns: 1fr 2.2fr;\n gap: 12px; height: calc(100% - 60px);\n }\n .os-mock-side { display: flex; flex-direction: column; gap: 8px; }\n .os-mock-side .item {\n padding: 10px 12px;\n font-family: 'JetBrains Mono', monospace;\n font-size: 10px; letter-spacing: 0.1em;\n color: #666;\n border-left: 2px solid transparent;\n background: rgba(255,255,255,0.03);\n }\n .os-mock-side .item.active {\n background: rgba(255, 59, 48, 0.15);\n border-left-color: var(--accent);\n color: var(--accent);\n }\n .os-mock-main { display: flex; flex-direction: column; gap: 8px; }\n .os-mock-main .row {\n height: 32px;\n background: rgba(255,255,255,0.02);\n display: flex; align-items: center;\n padding: 0 12px; gap: 12px;\n }\n .os-mock-main .row .col { height: 6px; background: #333; }\n .os-mock-main .row .col-1 { width: 25%; }\n .os-mock-main .row .col-2 { width: 20%; background: var(--accent); }\n .os-mock-main .row .col-3 { width: 15%; }\n .os-mock-main .row .col-4 { width: 25%; }\n .os-mock-watermark {\n position: absolute;\n top: 50%; left: 50%;\n transform: translate(-50%, -50%) rotate(-8deg);\n font-family: 'Space Grotesk', sans-serif;\n font-weight: 700;\n font-size: 32px;\n color: var(--accent);\n opacity: 0.25;\n letter-spacing: 0.05em;\n pointer-events: none; white-space: nowrap;\n }\n\n \/* ---------- CEO ---------- *\/\n .ceo { background: var(--white); }\n .ceo-wrap {\n display: grid; grid-template-columns: 1fr 1.5fr;\n gap: 80px; max-width: 1200px; margin: 0 auto;\n align-items: center;\n }\n .ceo-portrait {\n aspect-ratio: 3\/4;\n background: var(--gray-3);\n position: relative;\n overflow: hidden;\n border: 2px solid var(--ink);\n }\n .ceo-portrait img {\n width: 100%; height: 100%;\n object-fit: cover;\n display: block;\n }\n .ceo-portrait .placeholder {\n position: absolute; inset: 0;\n display: flex; align-items: center; justify-content: center;\n flex-direction: column;\n gap: 8px;\n background: var(--gray-3);\n color: var(--gray);\n font-family: 'JetBrains Mono', monospace;\n font-size: 11px;\n letter-spacing: 0.2em;\n text-align: center;\n }\n .ceo-portrait .placeholder::before {\n content: '';\n width: 60px; height: 60px;\n border: 2px dashed var(--gray);\n border-radius: 50%;\n display: block;\n margin-bottom: 8px;\n }\n .ceo-portrait::after {\n content: 'KAORI YAHAGI';\n position: absolute; bottom: -32px; left: 0;\n font-family: 'JetBrains Mono', monospace;\n font-size: 11px; letter-spacing: 0.25em;\n color: var(--ink);\n }\n .ceo-text h2 {\n font-family: 'Noto Sans JP', sans-serif;\n font-weight: 900;\n font-size: 44px;\n line-height: 1.35;\n margin-bottom: 32px;\n letter-spacing: -0.02em;\n color: var(--ink);\n }\n .ceo-text .accent { color: var(--accent); }\n .ceo-text p {\n font-size: 15px; line-height: 2.1;\n color: var(--ink-2);\n margin-bottom: 20px;\n }\n .ceo-text .sig-block {\n margin-top: 40px; padding-top: 24px;\n border-top: 2px solid var(--ink);\n }\n .sig-name { font-size: 18px; font-weight: 700; color: var(--ink); }\n .sig-title { font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: 0.2em; color: var(--gray); margin-top: 4px; }\n\n \/* ---------- About\/Company Info ---------- *\/\n .company { background: var(--bg); }\n .company-wrap { max-width: 900px; margin: 0 auto; }\n .company-table {\n width: 100%;\n border-top: 2px solid var(--ink);\n }\n .company-table tr {\n border-bottom: 1px solid var(--gray-2);\n }\n .company-table th, .company-table td {\n padding: 22px 16px;\n text-align: left;\n vertical-align: top;\n font-size: 14px;\n line-height: 1.9;\n }\n .company-table th {\n width: 200px;\n font-family: 'JetBrains Mono', monospace;\n font-size: 11px; letter-spacing: 0.2em;\n color: var(--accent);\n text-transform: uppercase;\n font-weight: 600;\n }\n .company-table td { color: var(--ink); font-weight: 500; }\n\n \/* ---------- SNS ---------- *\/\n .sns { background: var(--white); }\n .sns-grid {\n display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px;\n }\n .sns-card {\n padding: 32px 24px;\n background: var(--white);\n border: 2px solid var(--ink);\n text-decoration: none;\n color: var(--ink);\n transition: all .3s;\n display: flex; flex-direction: column;\n }\n .sns-card:hover { background: var(--accent); color: var(--white); transform: translateY(-4px); }\n .sns-card:hover .sns-desc { color: var(--white); }\n .sns-card:hover .sns-more { border-color: var(--white); }\n .sns-name {\n font-family: 'Noto Sans JP', sans-serif;\n font-weight: 900;\n font-size: 20px;\n margin-bottom: 8px;\n }\n .sns-handle {\n font-family: 'JetBrains Mono', monospace;\n font-size: 12px; letter-spacing: 0.1em;\n color: var(--gray);\n margin-bottom: 20px;\n }\n .sns-card:hover .sns-handle { color: rgba(255,255,255,0.8); }\n .sns-desc {\n font-size: 13px; line-height: 1.8;\n color: var(--gray);\n margin-bottom: auto;\n padding-bottom: 24px;\n }\n .sns-more {\n padding-top: 16px;\n border-top: 1px solid var(--gray-2);\n font-family: 'JetBrains Mono', monospace;\n font-size: 11px; letter-spacing: 0.25em;\n font-weight: 600;\n display: flex; justify-content: space-between;\n }\n\n \/* ---------- Contact ---------- *\/\n .contact {\n background: var(--accent);\n color: var(--white);\n text-align: center;\n padding: 140px 48px;\n }\n .contact h2 {\n font-family: 'Noto Sans JP', sans-serif;\n font-weight: 900;\n font-size: clamp(48px, 7vw, 96px);\n line-height: 1.15;\n margin-bottom: 32px;\n letter-spacing: -0.04em;\n }\n .contact-info {\n display: flex; justify-content: center; gap: 40px;\n margin-bottom: 48px;\n font-family: 'JetBrains Mono', monospace;\n font-size: 13px; letter-spacing: 0.15em;\n flex-wrap: wrap;\n }\n .contact-info a { color: var(--white); text-decoration: underline; }\n .contact-btns { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }\n .contact-btns a {\n padding: 22px 44px;\n background: var(--ink);\n color: var(--white);\n text-decoration: none;\n font-size: 14px; letter-spacing: 0.1em; font-weight: 700;\n transition: transform .2s;\n }\n .contact-btns a:hover { transform: translateY(-3px); }\n .contact-btns a.outlined {\n background: transparent;\n color: var(--white);\n border: 2px solid var(--white);\n }\n .contact-btns a.outlined:hover { background: var(--white); color: var(--accent); }\n\n \/* ---------- Footer ---------- *\/\n footer {\n background: var(--ink);\n color: var(--white);\n padding: 64px 48px 32px;\n }\n .foot-wrap {\n max-width: 1280px; margin: 0 auto;\n display: grid; grid-template-columns: 2fr 1fr 1fr 1fr;\n gap: 48px; padding-bottom: 40px;\n border-bottom: 1px solid #333;\n }\n .foot-brand .flogo {\n font-family: 'Space Grotesk', sans-serif;\n font-weight: 700;\n font-size: 28px; letter-spacing: 0.05em;\n margin-bottom: 12px;\n color: var(--white);\n display: flex; align-items: center; gap: 12px;\n }\n .foot-brand .flogo img {\n height: 40px; width: auto;\n background: var(--white);\n padding: 4px;\n border-radius: 4px;\n }\n .foot-brand .ftag {\n color: var(--accent);\n font-family: 'JetBrains Mono', monospace;\n font-size: 12px; letter-spacing: 0.25em;\n margin-bottom: 16px;\n }\n .foot-brand p { font-size: 12px; color: #999; line-height: 2; max-width: 320px; }\n .foot-col h4 {\n font-family: 'JetBrains Mono', monospace;\n font-size: 11px; letter-spacing: 0.3em;\n color: var(--accent); margin-bottom: 20px;\n text-transform: uppercase;\n }\n .foot-col a {\n display: block; color: var(--white); text-decoration: none;\n font-size: 13px; opacity: 0.7; margin-bottom: 12px;\n transition: color .3s, opacity .3s;\n }\n .foot-col a:hover { color: var(--accent); opacity: 1; }\n .foot-bottom {\n max-width: 1280px; margin: 0 auto;\n padding-top: 24px;\n display: flex; justify-content: space-between; align-items: center;\n font-family: 'JetBrains Mono', monospace;\n font-size: 11px; letter-spacing: 0.2em; color: #666;\n flex-wrap: wrap; gap: 12px;\n }\n\n @media (max-width: 900px) {\n nav { padding: 16px 20px; }\n .nav-links { display: none; }\n .hero, section { padding: 80px 20px; }\n .hero { padding-top: 100px; grid-template-columns: 1fr; }\n .hero-visual { display: none; }\n .doors-grid, .mvv-grid, .os-wrap, .ceo-wrap, .cases-grid, .ai-wrap { grid-template-columns: 1fr; gap: 40px; }\n .ai-features { grid-template-columns: 1fr; }\n .ai-feature.wide { grid-column: span 1; }\n .service-grid, .meanings { grid-template-columns: 1fr; }\n .service-row {\n grid-template-columns: 60px 1fr auto;\n gap: 16px;\n padding: 24px 16px;\n }\n .service-row .service-desc-wrap {\n grid-column: 1 \/ -1;\n }\n .service-num { font-size: 42px; }\n .service-name h3 { font-size: 20px; }\n .sns-grid { grid-template-columns: 1fr 1fr; }\n .door h3, .ceo-text h2 { font-size: 32px; }\n .os-name { font-size: 100px; }\n .os-tag { font-size: 22px; }\n .marquee-track { font-size: 16px; }\n .steps-list { grid-template-columns: 1fr; }\n .step { border-right: none; border-bottom: 2px solid var(--ink); }\n .step:last-child { border-bottom: none; }\n .company-table th { width: 130px; font-size: 10px; }\n .foot-wrap { grid-template-columns: 1fr 1fr; gap: 32px; }\n .foot-bottom { flex-direction: column; text-align: center; }\n }\n<\/style>\n<\/head>\n<body>\n\n<nav>\n <a href=\"#\" class=\"logo\">\n <img decoding=\"async\" src=\"images\/ori-logo.jpg\" alt=\"ORI Logo\">\n <span>ORI<\/span>\n <\/a>\n <div class=\"nav-right\">\n <div class=\"nav-links\">\n <a href=\"#about\">ORI\u3068\u306f<\/a>\n <a href=\"#mvv\">\u7406\u5ff5<\/a>\n <a href=\"#service\">\u4e8b\u696d<\/a>\n <a href=\"#cases\">\u52df\u96c6\u4e8b\u4f8b<\/a>\n <a href=\"#os\">ori.<\/a>\n <\/div>\n <a href=\"#contact\" class=\"nav-cta\">\u304a\u554f\u3044\u5408\u308f\u305b<\/a>\n <\/div>\n<\/nav>\n\n\n<section class=\"hero\">\n <div class=\"hero-content\">\n <div class=\"hero-badge\">\n <span class=\"dot\"><\/span>\n <span>NOW HIRING \u00b7 WORKING MAMAS<\/span>\n <\/div>\n <h1>\n \u80b2\u5150\u306f<br><span class=\"accent\">\u30ad\u30e3\u30ea\u30a2<\/span>\n <span class=\"en-sub\">MAMA IS CAREER.<\/span>\n <\/h1>\n <p class=\"hero-lead\">\n \u682a\u5f0f\u4f1a\u793eORI\u306f <strong>\u5728\u5b85\u30ef\u30fc\u30ab\u30fc\u306e\u30d7\u30ed\u30d5\u30a7\u30c3\u30b7\u30e7\u30ca\u30eb\u96c6\u56e3<\/strong><br>\n \u30de\u30de\u305f\u3061\u304c\u4f01\u696d\u306e\u30d0\u30c3\u30af\u30aa\u30d5\u30a3\u30b9\u3092\u56de\u3057 \u793e\u4f1a\u3092\u52d5\u304b\u3057\u3066\u3044\u307e\u3059<br>\n \u5b50\u80b2\u3066\u306e\u96a3\u3067 \u672c\u6c17\u3067\u50cd\u304f\u5834\u6240\u3067\u3059\n <\/p>\n <div class=\"hero-actions\">\n <a href=\"#contact\" class=\"btn-primary\">\n <span>\u4f01\u696d\u306e\u65b9\u306f\u3053\u3061\u3089<\/span>\n <span class=\"arrow\">\u2192<\/span>\n <\/a>\n <a href=\"#contact\" class=\"btn-secondary\">\n <span>\u30de\u30de\u3068\u3057\u3066\u5fdc\u52df<\/span>\n <span class=\"arrow\">\u2192<\/span>\n <\/a>\n <\/div>\n <\/div>\n <div class=\"hero-visual\">\n <div class=\"hero-card hero-card-1\">\n <div>\n <div class=\"hero-card-tag\">\u2014 01 \/ FOR COMPANIES<\/div>\n <h4>\u4f01\u696d\u306e<br>\u30d0\u30c3\u30af\u30e4\u30fc\u30c9\u3092<br>\u4e38\u3054\u3068<\/h4>\n <\/div>\n <\/div>\n <div class=\"hero-card hero-card-2\">\n <div>\n <div class=\"hero-card-tag\">\u2014 02 \/ FOR MAMAS<\/div>\n <div class=\"stat\">100%<\/div>\n <div class=\"stat-label\">REMOTE \/ WORKING MAMAS<\/div>\n <\/div>\n <\/div>\n <div class=\"hero-stamp\">MAMA<br>IS<br>CAREER<\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"marquee\">\n <div class=\"marquee-track\">\n <span>MAMA IS CAREER<\/span>\n <span>REMOTE FIRST<\/span>\n <span>BACK OFFICE PROS<\/span>\n <span>WEAVING WORK & LIFE<\/span>\n <span>MAMA IS CAREER<\/span>\n <span>REMOTE FIRST<\/span>\n <span>BACK OFFICE PROS<\/span>\n <span>WEAVING WORK & LIFE<\/span>\n <\/div>\n<\/div>\n\n\n<section class=\"about\" id=\"about\">\n <div class=\"container\">\n <div class=\"section-label\">\u2014 ABOUT ORI<\/div>\n <h2 class=\"about-title\"><span class=\"accent\">3 MEANINGS.<\/span> 1 NAME.<\/h2>\n <div class=\"about-sub\">ORI\u306b\u306f\u4e09\u3064\u306e\u610f\u5473\u304c\u3042\u308b<\/div>\n <div class=\"meanings\">\n <div class=\"meaning\">\n <div class=\"m-word\">\u7e54\u308a<\/div>\n <div class=\"m-lang\">JAPANESE \/ WEAVE<\/div>\n <h4>\u7d44\u7e54\u3092\u7de8\u3080<\/h4>\n <\/div>\n <div class=\"meaning\">\n <div class=\"m-word\">olive<\/div>\n <div class=\"m-lang\">PLANT \/ OLIVE<\/div>\n <h4>\u307f\u3093\u306a\u3067\u5b9f\u3089\u305b\u308b<\/h4>\n <\/div>\n <div class=\"meaning\">\n <div class=\"m-word\">oli<\/div>\n <div class=\"m-lang\">HAWAIIAN \/ JOY<\/div>\n <h4>\u30cf\u30ef\u30a4\u8a9e\u3067\u559c\u3073<\/h4>\n <\/div>\n <\/div>\n <div class=\"about-close\">\u5168\u90e8 <span class=\"accent\">ORI<\/span><\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"doors\" id=\"service\">\n <div class=\"container\">\n <div class=\"section-label\">02 \/ SERVICE<\/div>\n <h2 class=\"section-title\">2\u3064\u306e<span class=\"accent\">\u6249<\/span><\/h2>\n <p class=\"section-sub\">\u4f01\u696d\u306e\u65b9\u3082 \u3053\u308c\u304b\u3089\u50cd\u304d\u305f\u3044\u30de\u30de\u3082 \u3069\u3061\u3089\u306e\u5165\u53e3\u304b\u3089\u3082ORI\u3078<\/p>\n <div class=\"doors-grid\">\n <a class=\"door door-a\" href=\"#contact\">\n <div>\n <div class=\"door-num\">\u2014 01 \/ FOR COMPANIES<\/div>\n <h3>\u30d0\u30c3\u30af\u30e4\u30fc\u30c9\u3092<br><span class=\"accent\">\u4e38\u3054\u3068<\/span>\u4efb\u305b\u308b<\/h3>\n <p>\u7d4c\u7406\u30fb\u7dcf\u52d9\u30fb\u4eba\u4e8b\u30fb\u30c7\u30fc\u30bf\u5165\u529b\u30fb\u52e4\u6020\u7ba1\u7406\u307e\u3067\u3002\u30d0\u30e9\u30d0\u30e9\u306b\u4f9d\u983c\u3057\u3066\u3044\u305f\u696d\u52d9\u30921\u3064\u306e\u30c1\u30fc\u30e0\u306b\u3002\u696d\u7a2e\u3092\u8d85\u3048\u305f\u904b\u7528\u7d4c\u9a13\u3067\u3001\u5fa1\u793e\u306e\u7ba1\u7406\u30b3\u30b9\u30c8\u3092\u8efd\u304f\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"door-cta\">\n <span>\u5c0e\u5165\u76f8\u8ac7<\/span>\n <span class=\"arrow-btn\">\u2192<\/span>\n <\/div>\n <div class=\"door-deco\">A<\/div>\n <\/a>\n <a class=\"door door-b\" href=\"#contact\">\n <div>\n <div class=\"door-num\">\u2014 02 \/ FOR MAMAS<\/div>\n <h3>\u80b2\u5150\u306e\u3068\u306a\u308a\u306b<br>\u4ed5\u4e8b\u3092\u7f6e\u304f<\/h3>\n <p>\u5b50\u3069\u3082\u306e\u96a3\u3067\u793e\u4f1a\u3068\u3064\u306a\u304c\u308a\u7d9a\u3051\u308b\u50cd\u304d\u65b9\u3092\u3002\u300c\u80b2\u5150\u306f\u30ad\u30e3\u30ea\u30a2\u300d\u3068\u3044\u3046\u601d\u60f3\u3067\u3001\u30de\u30de\u305f\u3061\u306e\u30b9\u30ad\u30eb\u3068\u6642\u9593\u3092\u672c\u6c17\u3067\u4fa1\u5024\u306b\u5909\u3048\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"door-cta\">\n <span>\u30de\u30de\u3068\u3057\u3066\u5fdc\u52df<\/span>\n <span class=\"arrow-btn\">\u2192<\/span>\n <\/div>\n <div class=\"door-deco\">B<\/div>\n <\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"mvv\">\n <div class=\"container\">\n <div class=\"section-label\">03 \/ OUR VALUES<\/div>\n <h2 class=\"section-title\">\u79c1\u305f\u3061\u304c<br>\u5927\u5207\u306b\u3057\u3066\u3044\u308b\u3053\u3068<\/h2>\n <div class=\"mvv-grid\">\n <div class=\"mvv-card\">\n <div class=\"mvv-tag\">\/ Mission<\/div>\n <h3>\u5b50\u80b2\u3066\u3068\u4ed5\u4e8b\u306e\u4e21\u7acb\u3092<br>\u3042\u305f\u308a\u307e\u3048\u306b<\/h3>\n <p>\u5b50\u80b2\u3066\u4e2d\u3067\u3082\u30ad\u30e3\u30ea\u30a2\u3092\u8ae6\u3081\u306a\u304f\u3066\u3044\u3044\u3002\u5b8c\u5168\u5728\u5b85\u306e\u50cd\u304d\u65b9\u3067\u3001\u3059\u3079\u3066\u306e\u30de\u30de\u306b\u300c\u50cd\u304f\u9078\u629e\u80a2\u300d\u3092\u5c4a\u3051\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"mvv-card\">\n <div class=\"mvv-tag\">\/ Vision<\/div>\n <h3>\u30de\u30de\u306e\u529b\u3067<br>\u793e\u4f1a\u3092\u52d5\u304b\u3059<\/h3>\n <p>\u30d0\u30c3\u30af\u30aa\u30d5\u30a3\u30b9\u306e\u30d7\u30ed\u96c6\u56e3\u3068\u3057\u3066\u3001\u4f01\u696d\u306eDX\u63a8\u9032\u3068\u696d\u52d9\u52b9\u7387\u5316\u306b\u8ca2\u732e\u3002\u30de\u30de\u305f\u3061\u306e\u7d4c\u9a13\u304c\u65e5\u672c\u306e\u30d3\u30b8\u30cd\u30b9\u3092\u652f\u3048\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"mvv-card\">\n <div class=\"mvv-tag\">\/ Value<\/div>\n <h3>\u601d\u3044\u3084\u308a\u3068<br>\u30d7\u30ed\u610f\u8b58\u306e\u4e21\u7acb<\/h3>\n <p>\u5bb6\u5ead\u3092\u5927\u5207\u306b\u3057\u306a\u304c\u3089\u3001\u4ed5\u4e8b\u306b\u306f\u771f\u646f\u306b\u3002\u52a9\u3051\u5408\u3044\u30fb\u611f\u8b1d\u30fb\u6210\u9577\u610f\u6b32\u3092\u8ef8\u306b\u3001\u4fe1\u983c\u3055\u308c\u308b\u30d1\u30fc\u30c8\u30ca\u30fc\u3067\u3042\u308a\u7d9a\u3051\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"service\">\n <div class=\"container\">\n <div class=\"section-label\">04 \/ WHAT WE DO<\/div>\n <h2 class=\"section-title\">\u4e8b\u696d\u5185\u5bb9<\/h2>\n <p class=\"section-sub\">\u4f01\u696d\u306e\u30d0\u30c3\u30af\u30aa\u30d5\u30a3\u30b9\u696d\u52d9\u3092 \u5728\u5b85\u306e\u30d7\u30ed\u30d5\u30a7\u30c3\u30b7\u30e7\u30ca\u30eb\u30c1\u30fc\u30e0\u304c\u30b5\u30dd\u30fc\u30c8<\/p>\n <div class=\"service-list\">\n <a class=\"service-row\" href=\"#contact\">\n <div class=\"service-num\">01<\/div>\n <div>\n <div class=\"service-name\">\n <h3>\u7d4c\u7406\u4ee3\u884c<\/h3>\n <\/div>\n <div class=\"service-tags\">\n <span class=\"tag\">\u8a18\u5e33\u4ee3\u884c<\/span>\n <span class=\"tag\">\u8acb\u6c42\u66f8\u767a\u884c<\/span>\n <span class=\"tag\">\u58f2\u639b\u8cb7\u639b\u7ba1\u7406<\/span>\n <span class=\"tag\">\u6708\u6b21\u6c7a\u7b97\u88dc\u52a9<\/span>\n <\/div>\n <\/div>\n <div class=\"service-desc\">\u8a18\u5e33\u4ee3\u884c\u30fb\u8acb\u6c42\u66f8\u767a\u884c\u30fb\u58f2\u639b\u8cb7\u639b\u7ba1\u7406\u30fb\u6708\u6b21\u6c7a\u7b97\u88dc\u52a9\u307e\u3067\u3001\u7d4c\u7406\u696d\u52d9\u5168\u822c\u3092\u30b5\u30dd\u30fc\u30c8\u3002<\/div>\n <div class=\"service-arrow\">\u2192<\/div>\n <\/a>\n\n <a class=\"service-row\" href=\"#contact\">\n <div class=\"service-num\">02<\/div>\n <div>\n <div class=\"service-name\">\n <h3>\u7dcf\u52d9\u30fb\u4eba\u4e8b\u4ee3\u884c<\/h3>\n <\/div>\n <div class=\"service-tags\">\n <span class=\"tag\">\u793e\u52b4\u58eb\u9023\u643a<\/span>\n <span class=\"tag\">\u52e4\u6020\u7ba1\u7406<\/span>\n <span class=\"tag\">\u5099\u54c1\u7ba1\u7406<\/span>\n <span class=\"tag\">\u63a1\u7528\u4e8b\u52d9<\/span>\n <\/div>\n <\/div>\n <div class=\"service-desc\">\u793e\u4f1a\u4fdd\u967a\u624b\u7d9a\u304d\u306f\u793e\u52b4\u58eb\u3068\u9023\u643a\u3002\u52e4\u6020\u7ba1\u7406\u30fb\u5099\u54c1\u7ba1\u7406\u30fb\u63a1\u7528\u4e8b\u52d9\u306a\u3069\u3001\u7169\u96d1\u306a\u696d\u52d9\u3092\u304a\u4efb\u305b\u304f\u3060\u3055\u3044\u3002<\/div>\n <div class=\"service-arrow\">\u2192<\/div>\n <\/a>\n\n <a class=\"service-row\" href=\"#contact\">\n <div class=\"service-num\">03<\/div>\n <div>\n <div class=\"service-name\">\n <h3>\u30c7\u30fc\u30bf\u5165\u529b<\/h3>\n <\/div>\n <div class=\"service-tags\">\n <span class=\"tag\">\u5927\u91cf\u30c7\u30fc\u30bf\u5165\u529b<\/span>\n <span class=\"tag\">\u30af\u30ec\u30f3\u30b8\u30f3\u30b0<\/span>\n <span class=\"tag\">\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u5909\u63db<\/span>\n <\/div>\n <\/div>\n <div class=\"service-desc\">\u5927\u91cf\u30c7\u30fc\u30bf\u306e\u5165\u529b\u30fb\u6574\u7406\u30fb\u30af\u30ec\u30f3\u30b8\u30f3\u30b0\u3092\u6b63\u78ba\u304b\u3064\u30b9\u30d4\u30fc\u30c7\u30a3\u30fc\u306b\u3002\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u5909\u63db\u3082\u5bfe\u5fdc\u3002<\/div>\n <div class=\"service-arrow\">\u2192<\/div>\n <\/a>\n\n <a class=\"service-row\" href=\"#contact\">\n <div class=\"service-num\">04<\/div>\n <div>\n <div class=\"service-name\">\n <h3>\u52e4\u6020\u7ba1\u7406\uff0b\u30a2\u30d7\u30ea\u958b\u767a<\/h3>\n <span class=\"badge\">NEW<\/span>\n <\/div>\n <div class=\"service-tags\">\n <span class=\"tag\">\u7d19\u30bf\u30a4\u30e0\u30ab\u30fc\u30c9<\/span>\n <span class=\"tag\">\u30a2\u30d7\u30ea\u958b\u767a\u30bb\u30c3\u30c8<\/span>\n <span class=\"tag\">DX\u652f\u63f4<\/span>\n <\/div>\n <\/div>\n <div class=\"service-desc\">\u7d19\u30d9\u30fc\u30b9\u306e\u30bf\u30a4\u30e0\u30ab\u30fc\u30c9\u7ba1\u7406\u3092\u4ee3\u884c\u3002\u3054\u5e0c\u671b\u306b\u5fdc\u3058\u3066\u3001\u5c02\u7528\u306e\u52e4\u6020\u30a2\u30d7\u30ea\u3082\u30bb\u30c3\u30c8\u3067\u958b\u767a\u30fb\u63d0\u4f9b\u3057\u307e\u3059\u3002<\/div>\n <div class=\"service-arrow\">\u2192<\/div>\n <\/a>\n\n <a class=\"service-row\" href=\"#contact\">\n <div class=\"service-num\">05<\/div>\n <div>\n <div class=\"service-name\">\n <h3>\u696d\u52d9\u6539\u5584\u30b3\u30f3\u30b5\u30eb<\/h3>\n <\/div>\n <div class=\"service-tags\">\n <span class=\"tag\">\u696d\u52d9\u30d5\u30ed\u30fc\u898b\u76f4\u3057<\/span>\n <span class=\"tag\">DX\u30c4\u30fc\u30eb\u5c0e\u5165<\/span>\n <span class=\"tag\">\u30de\u30cb\u30e5\u30a2\u30eb\u6574\u5099<\/span>\n <\/div>\n <\/div>\n <div class=\"service-desc\">\u696d\u52d9\u30d5\u30ed\u30fc\u306e\u898b\u76f4\u3057\u30fbDX\u30c4\u30fc\u30eb\u5c0e\u5165\u652f\u63f4\u30fb\u30de\u30cb\u30e5\u30a2\u30eb\u6574\u5099\u3002\u52b9\u7387\u5316\u3092\u3054\u63d0\u6848\u3057\u307e\u3059\u3002<\/div>\n <div class=\"service-arrow\">\u2192<\/div>\n <\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"ai\">\n <div class=\"ai-wrap\">\n <div>\n <div class=\"section-label\">06 \/ AI \u00d7 ORI<\/div>\n <h2 class=\"ai-title\">AI<span class=\"cross\">\u00d7<\/span>ORI.<\/h2>\n <p class=\"ai-sub\">\u79c1\u305f\u3061\u306f<span class=\"accent\">AI\u3092\u4f7f\u3044\u3053\u306a\u3059<\/span><br>\u30d0\u30c3\u30af\u30aa\u30d5\u30a3\u30b9\u96c6\u56e3<\/p>\n <p class=\"ai-lead\">\n ChatGPT\u30fbClaude\u30fb\u81ea\u4f5cGAS\u2014\u2014<br>\n AI\u3092\u65e5\u5e38\u306e\u30aa\u30da\u30ec\u30fc\u30b7\u30e7\u30f3\u306b\u7d44\u307f\u8fbc\u307f<br>\n \u300c\u30de\u30de\u00d7AI\u300d\u3067 \u5c11\u4eba\u6570\u3067\u3082\u5927\u304d\u306a\u4ed5\u4e8b\u3092\u56de\u3057\u307e\u3059<br>\n <br>\n \u5358\u306a\u308b\u4ee3\u884c\u3067\u306f\u306a\u304f \u696d\u52d9\u305d\u306e\u3082\u306e\u3092<br>\n \u8efd\u304f\u30fb\u901f\u304f\u30fb\u5f37\u304f\u3057\u3066\u3044\u304f \u305d\u308c\u304cORI\u306e\u3084\u308a\u65b9\u3067\u3059\n <\/p>\n <\/div>\n <div class=\"ai-features\">\n <div class=\"ai-feature\">\n <span class=\"fnum\">\u2014 01<\/span>\n <h4>AI\u3067\u4e0b\u66f8\u304d<br>\u4eba\u304c\u4ed5\u4e0a\u3052<\/h4>\n <p>\u8acb\u6c42\u66f8\u30c9\u30e9\u30d5\u30c8\u30fb\u8b70\u4e8b\u9332\u30fb\u30e1\u30fc\u30eb\u6587\u9762\u3002AI\u304c\u4e0b\u66f8\u304d\u3001\u30de\u30de\u304c\u6700\u7d42\u78ba\u8a8d\u3002\u54c1\u8cea\u306f\u843d\u3068\u3055\u305a\u3001\u901f\u5ea6\u3060\u3051\u4e0a\u304c\u308b\u3002<\/p>\n <\/div>\n <div class=\"ai-feature\">\n <span class=\"fnum\">\u2014 02<\/span>\n <h4>GAS\u3067<br>\u81ea\u52d5\u5316\u3092\u7a4d\u3080<\/h4>\n <p>Google Apps Script\u3067\u65e5\u3005\u306e\u624b\u4f5c\u696d\u3092\u4ed5\u7d44\u307f\u5316\u3002\u4f7f\u3044\u6368\u3066\u3058\u3083\u306a\u3044\u3001\u7d9a\u304f\u81ea\u52d5\u5316\u3092\u4f5c\u308a\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"ai-feature wide\">\n <span class=\"fnum\">\u2014 03<\/span>\n <h4>AI\u30c4\u30fc\u30eb\u9078\u5b9a\uff06\u5c0e\u5165\u652f\u63f4<\/h4>\n <p>\u300cAI\u4f7f\u3044\u305f\u3044\u3051\u3069\u3001\u4f55\u304b\u3089\u59cb\u3081\u308c\u3070\uff1f\u300d\u2014\u2014\u696d\u52d9\u5185\u5bb9\u306b\u5408\u308f\u305b\u3066\u3001\u9069\u5207\u306a\u30c4\u30fc\u30eb\u9078\u5b9a\u304b\u3089\u793e\u5185\u5b9a\u7740\u307e\u3067\u4f34\u8d70\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"cases\" id=\"cases\">\n <div class=\"container\">\n <div class=\"section-label\">07 \/ RECENT JOBS<\/div>\n <h2 class=\"section-title\">\u5b9f\u969b\u306e<br><span class=\"accent\">\u52df\u96c6\u4e8b\u4f8b<\/span><\/h2>\n <p class=\"section-sub\">\u6700\u8fd1\u3054\u76f8\u8ac7\u30fb\u52df\u96c6\u306e\u3042\u3063\u305f\u304a\u4ed5\u4e8b\u306e\u4e00\u4f8b\u3067\u3059 \u203b\u63b2\u8f09\u4e2d\u306e\u696d\u52d9\u304c\u73fe\u5728\u52df\u96c6\u4e2d\u3068\u306f\u9650\u308a\u307e\u305b\u3093<\/p>\n <div class=\"cases-grid\">\n <div class=\"case-card\">\n <span class=\"case-industry\">\ud83d\udc1f SEAFOOD \/ \u696d\u754c\u7279\u5316<\/span>\n <h3>\u6c34\u7523\u5378<br>\u30d0\u30c3\u30af\u30aa\u30d5\u30a3\u30b9\u696d\u52d9<\/h3>\n <div class=\"case-tags\">\n <span class=\"case-tag\">#8\u540d\u30c1\u30fc\u30e0<\/span>\n <span class=\"case-tag\">#1\u65e57\u6642\u9593\u7a3c\u50cd<\/span>\n <span class=\"case-tag hi\">#\u696d\u754c\u7279\u5316<\/span>\n <\/div>\n <div class=\"case-skill\">\n <span class=\"lbl\">\u25bc \u696d\u52d9\u5185\u5bb9<\/span>\n \u7d0d\u54c1\u8acb\u6c42\u66f8\u767a\u884c \/ \u7a0e\u7406\u58eb\u9023\u643a<br>\n <br>\n <span class=\"lbl\">\u25bc \u6d3b\u304b\u305b\u308b\u7d4c\u9a13<\/span>\n \u7c3f\u8a18\u77e5\u8b58\u3001\u57fa\u672c\u7684\u306aPC\u30b9\u30ad\u30eb\n <\/div>\n <\/div>\n\n <div class=\"case-card\">\n <span class=\"case-industry\">\ud83d\udcbc IT \/ BEAUTY \/ GYM<\/span>\n <h3>\u7d4c\u7406\u4ee3\u884c<br>\uff08\u8907\u6570\u696d\u754c\u6a2a\u65ad\uff09<\/h3>\n <div class=\"case-tags\">\n <span class=\"case-tag\">#\u8907\u6570\u30c1\u30fc\u30e0<\/span>\n <span class=\"case-tag\">#\u6708\u6b21\u696d\u52d9<\/span>\n <span class=\"case-tag\">#\u6a2a\u65ad\u7d4c\u9a13<\/span>\n <\/div>\n <div class=\"case-skill\">\n <span class=\"lbl\">\u25bc \u696d\u52d9\u5185\u5bb9<\/span>\n \u8a18\u5e33 \/ \u7d66\u4e0e\u8a08\u7b97 \/ \u9818\u53ce\u66f8\u51e6\u7406<br>\n <br>\n <span class=\"lbl\">\u25bc \u6d3b\u304b\u305b\u308b\u7d4c\u9a13<\/span>\n \u7c3f\u8a18\u3001PC\u30b9\u30ad\u30eb\u3001\u7d4c\u7406\u5b9f\u52d9\u7d4c\u9a13\n <\/div>\n <\/div>\n\n <div class=\"case-card\">\n <span class=\"case-industry\">\ud83c\udf10 GLOBAL \/ \u30b9\u30dd\u30c3\u30c8<\/span>\n <h3>\u30b9\u30dd\u30c3\u30c8\u901a\u8a33<br>\uff08\u65e5\u53f0\u9023\u643a\uff09<\/h3>\n <div class=\"case-tags\">\n <span class=\"case-tag\">#\u30b9\u30dd\u30c3\u30c8<\/span>\n <span class=\"case-tag\">#\u65e5\u672c\u301c\u53f0\u6e7e<\/span>\n <span class=\"case-tag hi\">#\u8a9e\u5b66<\/span>\n <\/div>\n <div class=\"case-skill\">\n <span class=\"lbl\">\u25bc \u696d\u52d9\u5185\u5bb9<\/span>\n \u65e5\u672c\u301c\u53f0\u6e7e\u30c1\u30fc\u30e0\u9593\u306e\u30b9\u30dd\u30c3\u30c8\u901a\u8a33<br>\n <br>\n <span class=\"lbl\">\u25bc \u6d3b\u304b\u305b\u308b\u7d4c\u9a13<\/span>\n \u65e5\u4e2d\u30d0\u30a4\u30ea\u30f3\u30ac\u30eb\u3001\u30d3\u30b8\u30cd\u30b9\u901a\u8a33\u7d4c\u9a13\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"geo\">\n <div class=\"container\">\n <div class=\"section-label\">08 \/ OUR TEAM<\/div>\n <h2 class=\"geo-title\">\u79cb\u7530\u304b\u3089\u9e7f\u5150\u5cf6<br>\u305d\u3057\u3066<span class=\"accent\">\u53f0\u6e7e<\/span>\u307e\u3067<\/h2>\n <p class=\"geo-lead\">\n ORI\u306e\u30c1\u30fc\u30e0\u306f \u65e5\u672c\u5168\u56fd\u3068\u6d77\u5916\u306b\u4f4f\u3080\u30de\u30de\u305f\u3061\u3067\u69cb\u6210\u3055\u308c\u3066\u3044\u307e\u3059<br>\n \u6771\u4eac\u30fb\u57fc\u7389\u30fb\u5343\u8449\u30fb\u795e\u5948\u5ddd\u3068\u3044\u3063\u305f\u9996\u90fd\u570f\u3092\u306f\u3058\u3081<br>\n \u79cb\u7530\u30fb\u9e7f\u5150\u5cf6 \u305d\u3057\u3066\u53f0\u6e7e\u307e\u3067<br>\n \u50cd\u304f\u5834\u6240\u306f\u554f\u3044\u307e\u305b\u3093 \u5730\u56f3\u3092\u3072\u3089\u3044\u305f\u5834\u6240\u3059\u3079\u3066\u304c \u79c1\u305f\u3061\u306e\u8077\u5834\u3067\u3059\n <\/p>\n <div class=\"geo-map\">\n <svg viewBox=\"0 0 800 500\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"opacity: 0.6;\">\n \n <g fill=\"none\" stroke=\"rgba(255,255,255,0.25)\" stroke-width=\"1.5\">\n \n <path d=\"M 540 90 Q 560 80 590 85 Q 620 90 630 110 Q 640 130 620 145 Q 595 155 570 148 Q 545 140 540 120 Z\"\/>\n \n <path d=\"M 400 200 Q 430 190 470 195 Q 510 200 545 210 Q 570 225 555 245 Q 530 255 490 250 Q 445 245 405 235 Q 380 225 400 200 Z\"\/>\n \n <path d=\"M 500 165 Q 520 170 535 190 Q 545 210 530 220 Q 510 215 495 200 Q 490 180 500 165 Z\"\/>\n \n <path d=\"M 340 250 Q 380 245 400 255 Q 405 275 385 285 Q 360 285 340 275 Q 325 265 340 250 Z\"\/>\n \n <path d=\"M 275 290 Q 305 285 320 305 Q 330 330 315 350 Q 295 360 275 350 Q 260 335 265 315 Q 265 300 275 290 Z\"\/>\n \n <path d=\"M 180 400 Q 195 395 205 410 Q 200 425 185 425 Q 170 415 180 400 Z\"\/>\n \n <path d=\"M 100 340 Q 115 335 130 355 Q 140 380 130 405 Q 115 425 100 415 Q 85 395 90 370 Q 90 350 100 340 Z\"\/>\n <\/g>\n <text x=\"620\" y=\"180\" fill=\"rgba(255,255,255,0.3)\" font-size=\"11\" font-family=\"JetBrains Mono\">JAPAN<\/text>\n <text x=\"80\" y=\"450\" fill=\"rgba(255,255,255,0.3)\" font-size=\"11\" font-family=\"JetBrains Mono\">TAIWAN<\/text>\n <\/svg>\n\n \n <div class=\"geo-pin\" style=\"top: 42%; left: 66%;\">\n <div class=\"label\">\u79cb\u7530 \u00b7 AKITA<\/div>\n <div class=\"dot-outer\"><\/div>\n <\/div>\n <div class=\"geo-pin\" style=\"top: 58%; left: 62%;\">\n <div class=\"label\">\u9996\u90fd\u570f \u00b7 TOKYO AREA<\/div>\n <div class=\"dot-outer\"><\/div>\n <\/div>\n <div class=\"geo-pin\" style=\"top: 75%; left: 39%;\">\n <div class=\"label\">\u9e7f\u5150\u5cf6 \u00b7 KAGOSHIMA<\/div>\n <div class=\"dot-outer\"><\/div>\n <\/div>\n <div class=\"geo-pin\" style=\"top: 85%; left: 15%;\">\n <div class=\"label\">\u53f0\u6e7e \u00b7 TAIWAN<\/div>\n <div class=\"dot-outer\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"steps\">\n <div class=\"container\">\n <div class=\"section-label\">09 \/ HOW TO JOIN<\/div>\n <h2 class=\"section-title\">\u5fdc\u52df\u304b\u3089\u672c\u63a1\u7528\u307e\u3067<\/h2>\n <p class=\"section-sub\">5\u3064\u306e\u30b9\u30c6\u30c3\u30d7\u3067 ORI\u306e\u4ef2\u9593\u3068\u3057\u3066\u50cd\u304d\u59cb\u3081\u3089\u308c\u307e\u3059 \u4e01\u5be7\u306b \u304a\u4e92\u3044\u3092\u77e5\u308b\u6642\u9593\u3092\u5927\u5207\u306b\u3057\u3066\u3044\u307e\u3059<\/p>\n <div class=\"steps-list\">\n <div class=\"step\">\n <div class=\"step-num\">01<\/div>\n <div class=\"step-tag\">STEP 01<\/div>\n <h4>\u5fdc\u52df<\/h4>\n <p>\u6c42\u4eba\u3092\u898b\u3066 \u8208\u5473\u304c\u3042\u308c\u3070\u30a8\u30f3\u30c8\u30ea\u30fc \u307e\u305a\u306f\u304a\u6c17\u8efd\u306b<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-num\">02<\/div>\n <div class=\"step-tag\">STEP 02<\/div>\n <h4>\u4e00\u6b21\u9078\u8003\u30c6\u30b9\u30c8<\/h4>\n <p>\u30b9\u30ad\u30eb\u30fb\u9069\u6027\u3092\u78ba\u8a8d\u3059\u308b\u30c6\u30b9\u30c8\u3092\u53d7\u3051\u3066\u3044\u305f\u3060\u304d\u307e\u3059<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-num\">03<\/div>\n <div class=\"step-tag\">STEP 03<\/div>\n <h4>\u30aa\u30f3\u30e9\u30a4\u30f3\u9762\u63a5<\/h4>\n <p>\u9854\u5408\u308f\u305b\u3068 \u50cd\u304d\u65b9\u30fb\u5e0c\u671b\u6761\u4ef6\u306e\u76f8\u8ac7\u3092\u884c\u3044\u307e\u3059<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-num\">04<\/div>\n <div class=\"step-tag\">STEP 04<\/div>\n <h4>\u8a66\u7528\u671f\u9593 3\u30f6\u6708<\/h4>\n <p>\u5b9f\u969b\u306e\u696d\u52d9\u3067\u304a\u4e92\u3044\u3092\u77e5\u308a \u30d5\u30a3\u30c3\u30c8\u3092\u78ba\u8a8d\u3057\u307e\u3059<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-num\">05<\/div>\n <div class=\"step-tag\">STEP 05<\/div>\n <h4>\u672c\u63a1\u7528<\/h4>\n <p>\u30c1\u30fc\u30e0\u306e\u4e00\u54e1\u3068\u3057\u3066 \u672c\u683c\u7684\u306b\u6d3b\u8e8d\u3057\u3066\u3044\u305f\u3060\u304d\u307e\u3059<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"os\" id=\"os\">\n <div class=\"os-wrap\">\n <div>\n <div class=\"section-label\">10 \/ IN DEVELOPMENT<\/div>\n <div class=\"os-name\">ori<span class=\"accent\">.<\/span><\/div>\n <p class=\"os-tag\">\u696d\u52d9\u3092<span class=\"accent\">\u7e54\u308b<\/span><\/p>\n <p class=\"os-lead\">\n \u30d0\u30c3\u30af\u30aa\u30d5\u30a3\u30b9\u306f\u3001\u3072\u3068\u3064\u306e\u30a2\u30d7\u30ea\u3067\u306f\u8db3\u308a\u307e\u305b\u3093\u3002<br>\n \u30de\u30de\u306e\u50cd\u304d\u65b9\u3082\u3001\u3072\u3068\u3064\u306e\u6642\u9593\u5272\u3067\u306f\u8db3\u308a\u307e\u305b\u3093\u3002<br>\n \u3060\u304b\u3089\u79c1\u305f\u3061\u306f\u3001\u81ea\u5206\u305f\u3061\u306e\u30c1\u30fc\u30e0\u3092\u52d5\u304b\u3059\u305f\u3081\u306e\u4ed5\u7d44\u307f\u3092\u3001\u81ea\u5206\u305f\u3061\u3067\u8a2d\u8a08\u3057\u3066\u3044\u307e\u3059\u3002\n <\/p>\n <p class=\"os-sub\">\u2014 More details, coming soon.<\/p>\n <\/div>\n <div class=\"os-mock\">\n <div class=\"os-mock-bar\">\n <span class=\"dot-s\"><\/span><span class=\"dot-s\"><\/span><span class=\"dot-s\"><\/span>\n <span class=\"url\">ori. \/ dashboard<\/span>\n <\/div>\n <div class=\"os-mock-grid\">\n <div class=\"os-mock-side\">\n <div class=\"item\">CLIENTS<\/div>\n <div class=\"item active\">TASKS<\/div>\n <div class=\"item\">TEAM<\/div>\n <div class=\"item\">REPORTS<\/div>\n <\/div>\n <div class=\"os-mock-main\">\n <div class=\"row\"><div class=\"col col-1\"><\/div><div class=\"col col-2\"><\/div><div class=\"col col-3\"><\/div><div class=\"col col-4\"><\/div><\/div>\n <div class=\"row\"><div class=\"col col-1\"><\/div><div class=\"col col-2\"><\/div><div class=\"col col-3\"><\/div><div class=\"col col-4\"><\/div><\/div>\n <div class=\"row\"><div class=\"col col-1\"><\/div><div class=\"col col-2\"><\/div><div class=\"col col-3\"><\/div><div class=\"col col-4\"><\/div><\/div>\n <div class=\"row\"><div class=\"col col-1\"><\/div><div class=\"col col-2\"><\/div><div class=\"col col-3\"><\/div><div class=\"col col-4\"><\/div><\/div>\n <div class=\"row\"><div class=\"col col-1\"><\/div><div class=\"col col-2\"><\/div><div class=\"col col-3\"><\/div><div class=\"col col-4\"><\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"os-mock-watermark\">UNDER CONSTRUCTION<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"ceo\">\n <div class=\"ceo-wrap\">\n <div class=\"ceo-portrait\">\n \n \n <div class=\"placeholder\">\n <span>PHOTO<br>KAORI YAHAGI<\/span>\n <\/div>\n <\/div>\n <div class=\"ceo-text\">\n <div class=\"section-label\">11 \/ CEO MESSAGE<\/div>\n <h2>\u7e54\u308a\u5408\u308f\u305b\u3066<br><span class=\"accent\">\u7f8e\u3057\u304f\u5f37\u3044<\/span>\u7d44\u7e54\u3092<\/h2>\n <p>\u79c1\u81ea\u8eab\u3001\u5b50\u80b2\u3066\u3068\u30ad\u30e3\u30ea\u30a2\u306e\u9593\u3067\u60a9\u3093\u3060\u7d4c\u9a13\u304c\u3042\u308a\u307e\u3059\u3002\u300c\u5b50\u3069\u3082\u304c\u3044\u308b\u304b\u3089\u300d\u3068\u3044\u3046\u7406\u7531\u3067\u3001\u3084\u308a\u305f\u3044\u4ed5\u4e8b\u3092\u8ae6\u3081\u306a\u3051\u308c\u3070\u306a\u3089\u306a\u3044\u793e\u4f1a\u306b\u7591\u554f\u3092\u611f\u3058\u3001\u682a\u5f0f\u4f1a\u793eORI\u3092\u8a2d\u7acb\u3057\u307e\u3057\u305f\u3002<\/p>\n <p>\u5728\u5b85\u3067\u3001\u81ea\u5206\u306e\u30da\u30fc\u30b9\u3067\u3001\u3067\u3082\u30d7\u30ed\u3068\u3057\u3066\u8a87\u308a\u3092\u6301\u3063\u3066\u50cd\u3051\u308b\u2014\u2014\u305d\u3093\u306a\u74b0\u5883\u3092\u3064\u304f\u308b\u3053\u3068\u304c\u79c1\u305f\u3061\u306e\u4f7f\u547d\u3067\u3059\u3002<\/p>\n <p>ORI\u306b\u306f\u300c\u7e54\u308a\u300d\u300c\u30aa\u30ea\u30fc\u30d6\u300d\u300coli\uff08\u30cf\u30ef\u30a4\u8a9e\u3067\u559c\u3073\uff09\u300d\u306e\u610f\u5473\u3092\u91cd\u306d\u3066\u3044\u307e\u3059\u3002\u4e00\u4eba\u3072\u3068\u308a\u306e\u500b\u6027\u3084\u7d4c\u9a13\u3092\u7e54\u308a\u5408\u308f\u305b\u3001\u307f\u3093\u306a\u3067\u5b9f\u3092\u3064\u3051\u3001\u559c\u3073\u3068\u3068\u3082\u306b\u50cd\u304f\u3002\u305d\u3093\u306a\u7d44\u7e54\u3092\u3064\u304f\u308a\u305f\u3044\u3002<\/p>\n <div class=\"sig-block\">\n <div class=\"sig-name\">\u77e2\u8429 \u9999\u7e54<\/div>\n <div class=\"sig-title\">REPRESENTATIVE DIRECTOR \/ ORI INC.<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"company\">\n <div class=\"container\">\n <div class=\"section-label\">12 \/ COMPANY<\/div>\n <h2 class=\"section-title\">\u4f1a\u793e\u6982\u8981<\/h2>\n <div class=\"company-wrap\">\n <table class=\"company-table\">\n <tr><th>company name<\/th><td>\u682a\u5f0f\u4f1a\u793eORI<\/td><\/tr>\n <tr><th>founded<\/th><td>2024\u5e743\u67086\u65e5<\/td><\/tr>\n <tr><th>ceo<\/th><td>\u4ee3\u8868\u53d6\u7de0\u5f79 \u77e2\u8429 \u9999\u7e54<\/td><\/tr>\n <tr><th>location<\/th><td>\u6771\u4eac\u90fd\u6c5f\u6238\u5ddd\u533a<\/td><\/tr>\n <tr><th>business<\/th><td>\u30d0\u30c3\u30af\u30aa\u30d5\u30a3\u30b9\u696d\u52d9\u30a2\u30a6\u30c8\u30bd\u30fc\u30b7\u30f3\u30b0<br>\u7d4c\u7406\u30fb\u7dcf\u52d9\u30fb\u4eba\u4e8b\u4ee3\u884c \/ \u30c7\u30fc\u30bf\u5165\u529b \/ \u52e4\u6020\u7ba1\u7406\uff0b\u30a2\u30d7\u30ea\u958b\u767a \/ \u696d\u52d9\u6539\u5584\u30b3\u30f3\u30b5\u30eb<\/td><\/tr>\n <tr><th>employees<\/th><td>11\u540d\uff08\u79cb\u7530\u30fb\u9996\u90fd\u570f\u301c\u9e7f\u5150\u5cf6\u3001\u53f0\u6e7e\u306b\u5728\u4f4f\uff09<\/td><\/tr>\n <tr><th>contact<\/th><td><a href=\"https:\/\/lin.ee\/RcAU7rYR\" target=\"_blank\" rel=\"noopener\" style=\"color: var(--accent); text-decoration: none; font-weight: 700; border-bottom: 1px solid var(--accent);\">LINE\u516c\u5f0f\u30a2\u30ab\u30a6\u30f3\u30c8 \u2192<\/a><\/td><\/tr>\n <\/table>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"sns\">\n <div class=\"container\">\n <div class=\"section-label\">13 \/ FOLLOW US<\/div>\n <h2 class=\"section-title\">\u6700\u65b0\u60c5\u5831\u3092<br>\u304a\u5c4a\u3051\u3057\u3066\u3044\u307e\u3059<\/h2>\n <p class=\"section-sub\">\u5404SNS\u3067\u63a1\u7528\u60c5\u5831\u3084\u6d3b\u52d5\u306e\u69d8\u5b50\u3092\u767a\u4fe1\u4e2d\u3067\u3059<\/p>\n <div class=\"sns-grid\">\n <a href=\"https:\/\/x.com\/ORI2024202463\" target=\"_blank\" rel=\"noopener\" class=\"sns-card\">\n <div class=\"sns-name\">X (Twitter)<\/div>\n <div class=\"sns-handle\">@ORI2024202463<\/div>\n <div class=\"sns-desc\">\u304a\u77e5\u3089\u305b\u3084\u30cb\u30e5\u30fc\u30b9\u30ea\u30ea\u30fc\u30b9\u3092\u914d\u4fe1<\/div>\n <div class=\"sns-more\"><span>FOLLOW<\/span><span>\u2192<\/span><\/div>\n <\/a>\n <a href=\"https:\/\/www.instagram.com\/kaori_ori36\/\" target=\"_blank\" rel=\"noopener\" class=\"sns-card\">\n <div class=\"sns-name\">Instagram<\/div>\n <div class=\"sns-handle\">@kaori_ori36<\/div>\n <div class=\"sns-desc\">\u50cd\u304f\u30de\u30de\u306e\u65e5\u5e38\u3084 \u30a4\u30d9\u30f3\u30c8\u306e\u69d8\u5b50<\/div>\n <div class=\"sns-more\"><span>FOLLOW<\/span><span>\u2192<\/span><\/div>\n <\/a>\n <a href=\"https:\/\/www.threads.com\/@kaori_ori36\" target=\"_blank\" rel=\"noopener\" class=\"sns-card\">\n <div class=\"sns-name\">Threads<\/div>\n <div class=\"sns-handle\">@kaori_ori36<\/div>\n <div class=\"sns-desc\">\u63a1\u7528\u60c5\u5831\u3084 \u304a\u4ed5\u4e8b\u306e\u88cf\u5074\u3092\u30ea\u30a2\u30eb\u306b<\/div>\n <div class=\"sns-more\"><span>FOLLOW<\/span><span>\u2192<\/span><\/div>\n <\/a>\n <a href=\"https:\/\/lin.ee\/RcAU7rYR\" target=\"_blank\" rel=\"noopener\" class=\"sns-card\">\n <div class=\"sns-name\">LINE\u516c\u5f0f<\/div>\n <div class=\"sns-handle\">\u682a\u5f0f\u4f1a\u793eORI<\/div>\n <div class=\"sns-desc\">\u304a\u554f\u3044\u5408\u308f\u305b\u3084 \u500b\u5225\u76f8\u8ac7\u306fLINE\u3067<\/div>\n <div class=\"sns-more\"><span>ADD FRIEND<\/span><span>\u2192<\/span><\/div>\n <\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"contact\" id=\"contact\">\n <h2>\u4f01\u696d\u306e\u65b9\u3082<br>\u30de\u30de\u306e\u65b9\u3082<\/h2>\n <div class=\"contact-info\">\n <span>\ud83d\udcac LINE\u516c\u5f0f\u3067\u304a\u6c17\u8efd\u306b<\/span>\n <span>\ud83d\udd52 \u5e73\u65e5 10:00 \u2013 17:00<\/span>\n <\/div>\n <div class=\"contact-btns\">\n <a href=\"https:\/\/lin.ee\/RcAU7rYR\" target=\"_blank\" rel=\"noopener\">LINE\u3067\u76f8\u8ac7\u3059\u308b \u2192<\/a>\n <a href=\"https:\/\/lin.ee\/RcAU7rYR\" target=\"_blank\" rel=\"noopener\" class=\"outlined\">LINE\u3067\u5fdc\u52df\u3059\u308b \u2192<\/a>\n <\/div>\n<\/section>\n\n<footer>\n <div class=\"foot-wrap\">\n <div class=\"foot-brand\">\n <div class=\"flogo\">\n <img decoding=\"async\" src=\"images\/ori-logo.jpg\" alt=\"ORI Logo\">\n <span>ORI<\/span>\n <\/div>\n <div class=\"ftag\">MAMA IS CAREER<\/div>\n <p>\u682a\u5f0f\u4f1a\u793eORI \/ \u5728\u5b85\u30ef\u30fc\u30ab\u30fc\u306e\u30d7\u30ed\u30d5\u30a7\u30c3\u30b7\u30e7\u30ca\u30eb\u96c6\u56e3\u3002\u30de\u30de\u305f\u3061\u304c\u4f01\u696d\u306e\u30d0\u30c3\u30af\u30aa\u30d5\u30a3\u30b9\u3092\u56de\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"foot-col\">\n <h4>Service<\/h4>\n <a href=\"#service\">\u7d4c\u7406\u4ee3\u884c<\/a>\n <a href=\"#service\">\u7dcf\u52d9\u30fb\u4eba\u4e8b\u4ee3\u884c<\/a>\n <a href=\"#service\">\u30c7\u30fc\u30bf\u5165\u529b<\/a>\n <a href=\"#service\">\u52e4\u6020\u7ba1\u7406\uff0b\u30a2\u30d7\u30ea<\/a>\n <\/div>\n <div class=\"foot-col\">\n <h4>Company<\/h4>\n <a href=\"#about\">ORI\u3068\u306f<\/a>\n <a href=\"#mvv\">\u7406\u5ff5<\/a>\n <a href=\"#os\">ori.<\/a>\n <a href=\"#contact\">\u304a\u554f\u3044\u5408\u308f\u305b<\/a>\n <\/div>\n <div class=\"foot-col\">\n <h4>Follow<\/h4>\n <a href=\"https:\/\/x.com\/ORI2024202463\" target=\"_blank\" rel=\"noopener\">X \/ @ORI2024202463<\/a>\n <a href=\"https:\/\/www.instagram.com\/kaori_ori36\/\" target=\"_blank\" rel=\"noopener\">Instagram<\/a>\n <a href=\"https:\/\/www.threads.com\/@kaori_ori36\" target=\"_blank\" rel=\"noopener\">Threads<\/a>\n <a href=\"https:\/\/lin.ee\/RcAU7rYR\" target=\"_blank\" rel=\"noopener\">LINE\u516c\u5f0f<\/a>\n <\/div>\n <\/div>\n <div class=\"foot-bottom\">\n <span>\u00a9 2024\u20132026 \u682a\u5f0f\u4f1a\u793eORI<\/span>\n <span>MAMA IS CAREER<\/span>\n <\/div>\n<\/footer>\n\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u682a\u5f0f\u4f1a\u793eORI | \u80b2\u5150\u306f\u30ad\u30e3\u30ea\u30a2 ORI ORI\u3068\u306f \u7406\u5ff5 \u4e8b\u696d \u52df\u96c6\u4e8b\u4f8b ori. \u304a\u554f\u3044\u5408\u308f\u305b NOW HIRING \u00b7 WORKING MAMAS \u80b2\u5150\u306f\u30ad\u30e3\u30ea\u30a2 MAMA IS CAREER. \u682a\u5f0f\u4f1a\u793eORI\u306f […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-27","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/orika0306.com\/index.php?rest_route=\/wp\/v2\/pages\/27","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/orika0306.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/orika0306.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/orika0306.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/orika0306.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=27"}],"version-history":[{"count":11,"href":"https:\/\/orika0306.com\/index.php?rest_route=\/wp\/v2\/pages\/27\/revisions"}],"predecessor-version":[{"id":44,"href":"https:\/\/orika0306.com\/index.php?rest_route=\/wp\/v2\/pages\/27\/revisions\/44"}],"wp:attachment":[{"href":"https:\/\/orika0306.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":27,"date":"2026-02-06T02:58:07","date_gmt":"2026-02-05T17:58:07","guid":{"rendered":"https:\/\/orika0306.com\/?page_id=27"},"modified":"2026-07-25T18:59:36","modified_gmt":"2026-07-25T09:59:36","slug":"27-2","status":"publish","type":"page","link":"https:\/\/orika0306.com\/","title":{"rendered":""},"content":{"rendered":"\n\n\n\n\n\n\u682a\u5f0f\u4f1a\u793eORI | \u80b2\u5150\u306f\u30ad\u30e3\u30ea\u30a2<\/title>\n<meta name=\"description\" content=\"\u682a\u5f0f\u4f1a\u793eORI\u306f\u3001\u5728\u5b85\u30ef\u30fc\u30ab\u30fc\u306e\u30d7\u30ed\u30d5\u30a7\u30c3\u30b7\u30e7\u30ca\u30eb\u96c6\u56e3\u3002\u30de\u30de\u305f\u3061\u304c\u4f01\u696d\u306e\u30d0\u30c3\u30af\u30aa\u30d5\u30a3\u30b9\u3092\u56de\u3057\u3001\u793e\u4f1a\u3092\u52d5\u304b\u3057\u3066\u3044\u307e\u3059\u3002\">\n<link rel=\"icon\" type=\"image\/jpeg\" href=\"images\/ori-logo.jpg\">\n<link rel=\"apple-touch-icon\" href=\"images\/ori-logo.jpg\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@400;500;700;900&family=Space+Grotesk:wght@400;500;700&family=JetBrains+Mono:wght@400;600&display=swap\" rel=\"stylesheet\">\n<style>\n \/* ========================================\n WordPress \u30c6\u30fc\u30de\u4e0a\u66f8\u304d\uff08\u5168\u5e45\u8868\u793a\u306b\u3059\u308b\uff09\n ======================================== *\/\n \/* WordPress\u306e\u30bf\u30a4\u30c8\u30eb\u30fb\u30d8\u30c3\u30c0\u30fc\u30fb\u30b5\u30a4\u30c9\u30d0\u30fc\u3092\u975e\u8868\u793a *\/\n .site-header, .entry-header, .page-title, .entry-title,\n .wp-block-post-title, .site-title, .site-description,\n header.wp-block-template-part, footer.wp-block-template-part,\n .wp-site-blocks > header, .wp-site-blocks > footer,\n .breadcrumbs, .site-branding, .site-navigation:not(nav) {\n display: none !important;\n }\n\n \/* \u30b3\u30f3\u30c6\u30ca\u5236\u9650\u3092\u7121\u52b9\u5316\u3057\u3066\u5168\u5e45\u306b\u3059\u308b *\/\n body, main, article, .entry-content, .post-content,\n .wp-block-post-content, .wp-block-group, .site-main,\n .site-content, .content-area, #content, #main, #primary,\n .wp-site-blocks, .is-layout-constrained, .is-layout-flow,\n .wp-block-post, .wp-container-core-group-is-layout {\n max-width: 100% !important;\n width: 100% !important;\n padding: 0 !important;\n margin: 0 !important;\n }\n .entry-content > *, .wp-block-post-content > * {\n max-width: none !important;\n }\n\n \/* \u7ba1\u7406\u30d0\u30fc\u304c\u3042\u308b\u5834\u5408\u306f\u5c11\u3057\u305a\u3089\u3059 *\/\n body.admin-bar nav { top: 32px !important; }\n\n \/* ========================================\n ORI \u30b5\u30a4\u30c8\u672c\u4f53\u30b9\u30bf\u30a4\u30eb\n ======================================== *\/\n :root {\n --white: #FFFFFF;\n --bg: #FAFAFA;\n --ink: #0A0A0A;\n --ink-2: #222;\n --gray: #666;\n --gray-2: #E5E5E5;\n --gray-3: #F0F0F0;\n --accent: #FF3B30;\n --accent-dark: #D4291F;\n }\n * { margin: 0; padding: 0; box-sizing: border-box; }\n html { scroll-behavior: smooth; }\n body {\n font-family: 'Noto Sans JP', sans-serif;\n background: var(--white);\n color: var(--ink);\n font-weight: 400;\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n }\n .display { font-family: 'Space Grotesk', sans-serif; font-weight: 700; letter-spacing: -0.03em; }\n .mono { font-family: 'JetBrains Mono', monospace; }\n\n \/* ---------- Nav ---------- *\/\n nav {\n position: fixed; top: 0; left: 0; right: 0;\n padding: 20px 48px;\n display: flex; justify-content: space-between; align-items: center;\n z-index: 100;\n background: rgba(255, 255, 255, 0.92);\n backdrop-filter: blur(20px);\n border-bottom: 1px solid var(--gray-2);\n }\n .logo {\n font-family: 'Space Grotesk', sans-serif;\n font-size: 22px; font-weight: 700; color: var(--ink);\n letter-spacing: 0.08em;\n display: flex; align-items: center; gap: 10px;\n text-decoration: none;\n }\n .logo img {\n height: 36px; width: auto;\n display: block;\n }\n .nav-right { display: flex; gap: 28px; align-items: center; }\n .nav-links { display: flex; gap: 28px; }\n .nav-links a {\n color: var(--ink); text-decoration: none;\n font-size: 13px; letter-spacing: 0.05em; font-weight: 500;\n transition: color .3s;\n }\n .nav-links a:hover { color: var(--accent); }\n .nav-cta {\n padding: 10px 22px;\n background: var(--ink);\n color: var(--white);\n text-decoration: none;\n font-size: 12px; letter-spacing: 0.1em; font-weight: 600;\n transition: background .2s;\n }\n .nav-cta:hover { background: var(--accent); }\n\n \/* ---------- Hero ---------- *\/\n .hero {\n min-height: 100vh;\n padding: 140px 48px 100px;\n position: relative;\n display: grid;\n grid-template-columns: 1.3fr 1fr;\n gap: 60px;\n align-items: center;\n background: var(--white);\n }\n .hero-content { z-index: 2; }\n .hero-badge {\n display: inline-flex; align-items: center; gap: 10px;\n padding: 8px 16px;\n background: var(--ink);\n color: var(--white);\n font-family: 'JetBrains Mono', monospace;\n font-size: 11px; letter-spacing: 0.2em;\n margin-bottom: 32px;\n }\n .hero-badge .dot {\n width: 8px; height: 8px; border-radius: 50%;\n background: var(--accent);\n animation: pulse 1.5s infinite;\n }\n @keyframes pulse { 0%,100% { opacity: 1; } 50% { opacity: 0.4; } }\n .hero h1 {\n font-family: 'Noto Sans JP', sans-serif;\n font-weight: 900;\n font-size: clamp(52px, 8vw, 116px);\n line-height: 0.95;\n letter-spacing: -0.04em;\n margin-bottom: 32px;\n color: var(--ink);\n white-space: nowrap;\n }\n @media (max-width: 1100px) {\n .hero h1 { white-space: normal; }\n }\n .hero h1 .accent {\n color: var(--accent);\n display: inline-block;\n position: relative;\n }\n .hero h1 .accent::after {\n content: '';\n position: absolute;\n bottom: 0.12em; left: 0; right: 0;\n height: 14px;\n background: var(--accent);\n opacity: 0.2;\n z-index: -1;\n }\n .hero h1 .en-sub {\n font-family: 'Space Grotesk', sans-serif;\n font-weight: 700;\n display: block;\n font-size: 0.35em;\n letter-spacing: -0.02em;\n margin-top: 12px;\n color: var(--gray);\n }\n .hero-lead {\n font-size: 16px;\n line-height: 2;\n color: var(--ink-2);\n max-width: 560px;\n margin-bottom: 48px;\n }\n .hero-lead strong { color: var(--accent); font-weight: 700; }\n .hero-actions { display: flex; gap: 16px; flex-wrap: wrap; }\n .btn-primary, .btn-secondary {\n padding: 20px 36px;\n font-size: 13px; letter-spacing: 0.1em; font-weight: 700;\n text-decoration: none;\n display: inline-flex; align-items: center; gap: 12px;\n transition: all .3s;\n }\n .btn-primary { background: var(--accent); color: var(--white); }\n .btn-primary:hover { background: var(--accent-dark); transform: translateY(-2px); }\n .btn-secondary {\n background: transparent; color: var(--ink);\n border: 2px solid var(--ink);\n }\n .btn-secondary:hover { background: var(--ink); color: var(--white); }\n .btn-primary .arrow, .btn-secondary .arrow { transition: transform .3s; font-size: 16px; }\n .btn-primary:hover .arrow, .btn-secondary:hover .arrow { transform: translateX(4px); }\n\n .hero-visual {\n position: relative;\n aspect-ratio: 4\/5;\n max-height: 600px;\n }\n .hero-card {\n position: absolute;\n padding: 32px;\n display: flex; flex-direction: column; justify-content: space-between;\n color: var(--white);\n }\n .hero-card-1 {\n top: 0; right: 0;\n width: 65%; height: 60%;\n background: var(--accent);\n }\n .hero-card-2 {\n bottom: 0; left: 0;\n width: 65%; height: 55%;\n background: var(--ink);\n z-index: 2;\n }\n .hero-card-tag {\n font-family: 'JetBrains Mono', monospace;\n font-size: 11px; letter-spacing: 0.25em;\n opacity: 0.7;\n margin-bottom: 12px;\n }\n .hero-card h4 {\n font-family: 'Noto Sans JP', sans-serif;\n font-weight: 900;\n font-size: 30px; line-height: 1.2;\n letter-spacing: -0.02em;\n }\n .hero-card .stat {\n font-family: 'Space Grotesk', sans-serif;\n font-weight: 700;\n font-size: 76px;\n line-height: 0.9;\n letter-spacing: -0.05em;\n margin-bottom: 8px;\n }\n .hero-card .stat-label {\n font-family: 'JetBrains Mono', monospace;\n font-size: 11px; letter-spacing: 0.25em;\n opacity: 0.7;\n }\n .hero-stamp {\n position: absolute;\n top: 35%; right: 10%;\n z-index: 3;\n width: 130px; height: 130px;\n border-radius: 50%;\n background: var(--white);\n color: var(--ink);\n border: 3px solid var(--ink);\n display: flex; align-items: center; justify-content: center;\n font-family: 'Space Grotesk', sans-serif;\n font-weight: 700;\n font-size: 16px;\n text-align: center;\n line-height: 1.2;\n transform: rotate(-8deg);\n }\n\n \/* ---------- Marquee ---------- *\/\n .marquee {\n padding: 20px 0;\n background: var(--ink);\n color: var(--white);\n overflow: hidden;\n white-space: nowrap;\n }\n .marquee-track {\n display: inline-block;\n animation: scroll 30s linear infinite;\n font-family: 'Space Grotesk', sans-serif;\n font-weight: 700;\n font-size: 22px;\n letter-spacing: 0.05em;\n }\n .marquee-track span { margin: 0 32px; }\n .marquee-track span::before { content: '\u25cf'; margin-right: 32px; color: var(--accent); font-size: 12px; vertical-align: middle; }\n @keyframes scroll {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* ---------- Sections common ---------- *\/\n section { padding: 120px 48px; position: relative; }\n .container { max-width: 1280px; margin: 0 auto; }\n .section-label {\n display: inline-flex; align-items: center; gap: 12px;\n font-family: 'JetBrains Mono', monospace;\n font-size: 12px; letter-spacing: 0.3em;\n color: var(--accent);\n margin-bottom: 16px;\n text-transform: uppercase;\n }\n .section-label::before {\n content: ''; display: block; width: 32px; height: 2px; background: var(--accent);\n }\n .section-title {\n font-family: 'Noto Sans JP', sans-serif;\n font-weight: 900;\n font-size: clamp(36px, 5.5vw, 72px);\n line-height: 1.15;\n letter-spacing: -0.03em;\n margin-bottom: 24px;\n color: var(--ink);\n }\n .section-title .accent { color: var(--accent); }\n .section-title .en {\n font-family: 'Space Grotesk', sans-serif;\n font-weight: 700;\n letter-spacing: -0.03em;\n }\n .section-sub {\n font-size: 15px; color: var(--gray); max-width: 640px;\n margin-bottom: 64px;\n line-height: 2;\n }\n\n \/* ---------- About: 3 Meanings ---------- *\/\n .about { background: var(--white); }\n .about-title {\n font-family: 'Space Grotesk', sans-serif;\n font-weight: 700;\n font-size: clamp(48px, 7vw, 96px);\n line-height: 1;\n letter-spacing: -0.04em;\n margin-bottom: 16px;\n color: var(--ink);\n }\n .about-title .accent { color: var(--accent); }\n .about-sub {\n font-family: 'Noto Sans JP', sans-serif;\n font-weight: 900;\n font-size: 28px;\n margin-bottom: 64px;\n letter-spacing: -0.02em;\n }\n .meanings {\n display: grid; grid-template-columns: repeat(3, 1fr);\n gap: 0;\n margin-bottom: 48px;\n border-top: 2px solid var(--ink);\n border-left: 2px solid var(--ink);\n }\n .meaning {\n padding: 40px 32px;\n background: var(--white);\n border-right: 2px solid var(--ink);\n border-bottom: 2px solid var(--ink);\n transition: all .3s;\n }\n .meaning:hover { background: var(--accent); color: var(--white); }\n .meaning:hover .m-word, .meaning:hover .m-lang { color: var(--white); }\n .m-word {\n font-family: 'Space Grotesk', sans-serif;\n font-weight: 700;\n font-size: 56px;\n color: var(--accent);\n margin-bottom: 12px;\n line-height: 1;\n letter-spacing: -0.03em;\n transition: color .3s;\n }\n .m-lang {\n font-family: 'JetBrains Mono', monospace;\n font-size: 11px; letter-spacing: 0.25em;\n color: var(--gray);\n margin-bottom: 24px;\n transition: color .3s;\n }\n .meaning h4 {\n font-family: 'Noto Sans JP', sans-serif;\n font-weight: 900;\n font-size: 22px;\n line-height: 1.4;\n letter-spacing: -0.01em;\n }\n .about-close {\n font-family: 'Noto Sans JP', sans-serif;\n font-weight: 900;\n font-size: clamp(32px, 4vw, 48px);\n text-align: center;\n padding-top: 48px;\n border-top: 2px solid var(--ink);\n letter-spacing: -0.02em;\n }\n .about-close .accent { color: var(--accent); }\n\n \/* ---------- Two Doors ---------- *\/\n .doors { background: var(--bg); }\n .doors-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }\n .door {\n padding: 56px 44px;\n position: relative;\n overflow: hidden;\n text-decoration: none;\n transition: transform .4s;\n aspect-ratio: 4\/5;\n display: flex; flex-direction: column; justify-content: space-between;\n }\n .door:hover { transform: translateY(-8px); }\n .door-a { background: var(--ink); color: var(--white); }\n .door-b { background: var(--accent); color: var(--white); }\n .door-num {\n font-family: 'JetBrains Mono', monospace;\n font-size: 12px; letter-spacing: 0.25em;\n opacity: 0.8;\n }\n .door h3 {\n font-family: 'Noto Sans JP', sans-serif;\n font-weight: 900;\n font-size: 44px; line-height: 1.2;\n margin: 24px 0 20px;\n letter-spacing: -0.02em;\n }\n .door-a h3 .accent { color: var(--accent); }\n .door p { font-size: 14px; line-height: 2; max-width: 340px; opacity: 0.9; margin-bottom: 32px; }\n .door-cta {\n display: inline-flex; align-items: center; gap: 12px;\n font-family: 'JetBrains Mono', monospace;\n font-size: 12px; letter-spacing: 0.2em; font-weight: 600;\n padding-top: 24px;\n border-top: 1px solid currentColor;\n width: 100%;\n text-transform: uppercase;\n }\n .door-cta .arrow-btn {\n width: 40px; height: 40px;\n background: var(--white); color: var(--ink);\n display: flex; align-items: center; justify-content: center;\n margin-left: auto;\n transition: transform .3s;\n font-size: 18px;\n }\n .door:hover .door-cta .arrow-btn { transform: translateX(6px); }\n .door-deco {\n position: absolute;\n top: 32px; right: 32px;\n font-family: 'Space Grotesk', sans-serif;\n font-weight: 700;\n font-size: 140px; line-height: 1;\n opacity: 0.12;\n pointer-events: none;\n }\n\n \/* ---------- MVV ---------- *\/\n .mvv-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }\n .mvv-card {\n padding: 40px 32px;\n background: var(--white);\n border: 2px solid var(--ink);\n transition: all .3s;\n }\n .mvv-card:hover {\n background: var(--accent);\n color: var(--white);\n transform: translateY(-4px);\n }\n .mvv-card:hover .mvv-tag,\n .mvv-card:hover h3,\n .mvv-card:hover p { color: var(--white); }\n .mvv-tag {\n font-family: 'JetBrains Mono', monospace;\n font-size: 12px; letter-spacing: 0.2em;\n color: var(--accent);\n margin-bottom: 24px;\n text-transform: uppercase;\n transition: color .3s;\n }\n .mvv-card h3 {\n font-family: 'Noto Sans JP', sans-serif;\n font-weight: 900;\n font-size: 22px; line-height: 1.5;\n margin-bottom: 20px;\n letter-spacing: -0.01em;\n color: var(--ink);\n transition: color .3s;\n }\n .mvv-card p { font-size: 14px; line-height: 2; color: var(--gray); transition: color .3s; }\n\n \/* ---------- Service ---------- *\/\n .service { background: var(--bg); }\n .service-list {\n border-top: 2px solid var(--ink);\n }\n .service-row {\n display: grid;\n grid-template-columns: 100px 1.5fr 2fr auto;\n gap: 40px;\n align-items: center;\n padding: 32px 24px;\n border-bottom: 2px solid var(--ink);\n background: var(--white);\n transition: all .3s;\n text-decoration: none;\n color: var(--ink);\n }\n .service-row:hover {\n background: var(--accent);\n color: var(--white);\n padding-left: 40px;\n }\n .service-row:hover .service-num,\n .service-row:hover .service-desc,\n .service-row:hover .service-tags .tag {\n color: var(--white);\n }\n .service-row:hover .service-tags .tag {\n border-color: var(--white);\n }\n .service-row:hover .service-arrow {\n background: var(--white);\n color: var(--accent);\n transform: translateX(6px);\n }\n .service-num {\n font-family: 'Space Grotesk', sans-serif;\n font-weight: 700;\n font-size: 64px;\n color: var(--accent);\n line-height: 1;\n letter-spacing: -0.05em;\n transition: color .3s;\n }\n .service-name {\n display: flex; align-items: baseline; gap: 12px;\n flex-wrap: wrap;\n }\n .service-name h3 {\n font-family: 'Noto Sans JP', sans-serif;\n font-weight: 900;\n font-size: 28px;\n letter-spacing: -0.02em;\n line-height: 1.3;\n }\n .service-name .badge {\n display: inline-block;\n font-family: 'JetBrains Mono', monospace;\n font-size: 10px;\n letter-spacing: 0.2em;\n background: var(--accent);\n color: var(--white);\n padding: 3px 8px;\n vertical-align: middle;\n }\n .service-row:hover .service-name .badge {\n background: var(--white);\n color: var(--accent);\n }\n .service-desc {\n font-size: 14px; line-height: 1.9;\n color: var(--gray);\n transition: color .3s;\n }\n .service-tags {\n display: flex; flex-wrap: wrap; gap: 6px;\n margin-top: 8px;\n }\n .service-tags .tag {\n display: inline-block;\n font-family: 'JetBrains Mono', monospace;\n font-size: 10px;\n letter-spacing: 0.15em;\n color: var(--gray);\n padding: 3px 8px;\n border: 1px solid var(--gray-2);\n transition: all .3s;\n }\n .service-arrow {\n width: 48px; height: 48px;\n border-radius: 50%;\n background: var(--ink);\n color: var(--white);\n display: flex; align-items: center; justify-content: center;\n font-size: 20px;\n transition: all .3s;\n flex-shrink: 0;\n }\n\n \/* ---------- AI x ORI ---------- *\/\n .ai {\n background: var(--white);\n padding: 140px 48px;\n position: relative;\n overflow: hidden;\n }\n .ai::before {\n content: '';\n position: absolute;\n top: 10%; right: -100px;\n width: 400px; height: 400px;\n border-radius: 50%;\n background: var(--accent);\n opacity: 0.05;\n filter: blur(60px);\n pointer-events: none;\n }\n .ai-wrap {\n max-width: 1280px; margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr 1.1fr;\n gap: 80px;\n align-items: center;\n position: relative; z-index: 1;\n }\n .ai-title {\n font-family: 'Space Grotesk', sans-serif;\n font-weight: 700;\n font-size: clamp(60px, 9vw, 140px);\n line-height: 0.9;\n letter-spacing: -0.05em;\n color: var(--ink);\n margin: 16px 0 32px;\n }\n .ai-title .cross {\n color: var(--accent);\n display: inline-block;\n margin: 0 4px;\n }\n .ai-sub {\n font-family: 'Noto Sans JP', sans-serif;\n font-weight: 900;\n font-size: 32px;\n letter-spacing: -0.02em;\n line-height: 1.4;\n margin-bottom: 32px;\n color: var(--ink);\n }\n .ai-sub .accent { color: var(--accent); }\n .ai-lead {\n font-size: 15px; line-height: 2.1;\n color: var(--ink-2);\n max-width: 480px;\n }\n .ai-features {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 12px;\n }\n .ai-feature {\n padding: 28px 24px;\n background: var(--ink);\n color: var(--white);\n position: relative;\n transition: all .3s;\n }\n .ai-feature:hover {\n background: var(--accent);\n transform: translateY(-4px);\n }\n .ai-feature.wide {\n grid-column: span 2;\n }\n .ai-feature .fnum {\n font-family: 'JetBrains Mono', monospace;\n font-size: 11px; letter-spacing: 0.3em;\n color: var(--accent);\n margin-bottom: 12px;\n display: block;\n transition: color .3s;\n }\n .ai-feature:hover .fnum { color: var(--white); }\n .ai-feature h4 {\n font-family: 'Noto Sans JP', sans-serif;\n font-weight: 900;\n font-size: 20px;\n line-height: 1.4;\n letter-spacing: -0.01em;\n margin-bottom: 10px;\n }\n .ai-feature p {\n font-size: 12px;\n line-height: 1.8;\n color: rgba(255,255,255,0.7);\n transition: color .3s;\n }\n .ai-feature:hover p { color: rgba(255,255,255,0.9); }\n .cases { background: var(--white); }\n .cases-grid {\n display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;\n }\n .case-card {\n padding: 32px 28px;\n background: var(--white);\n border: 2px solid var(--ink);\n display: flex; flex-direction: column;\n transition: all .3s;\n }\n .case-card:hover { transform: translateY(-4px); box-shadow: 8px 8px 0 var(--accent); }\n .case-industry {\n display: inline-flex; align-items: center; gap: 8px;\n padding: 6px 12px;\n background: var(--ink); color: var(--white);\n font-family: 'JetBrains Mono', monospace;\n font-size: 10px; letter-spacing: 0.2em;\n width: fit-content;\n margin-bottom: 20px;\n }\n .case-card h3 {\n font-family: 'Noto Sans JP', sans-serif;\n font-weight: 900;\n font-size: 22px;\n line-height: 1.4;\n letter-spacing: -0.01em;\n margin-bottom: 20px;\n }\n .case-tags {\n display: flex; flex-wrap: wrap; gap: 8px;\n margin-bottom: 24px;\n }\n .case-tag {\n padding: 4px 10px;\n background: var(--bg);\n font-family: 'JetBrains Mono', monospace;\n font-size: 11px;\n color: var(--ink-2);\n letter-spacing: 0.05em;\n }\n .case-tag.hi { background: var(--accent); color: var(--white); }\n .case-skill {\n padding-top: 20px;\n border-top: 1px solid var(--gray-2);\n font-size: 13px;\n color: var(--ink-2);\n line-height: 1.8;\n margin-top: auto;\n }\n .case-skill .lbl {\n font-family: 'JetBrains Mono', monospace;\n font-size: 10px; letter-spacing: 0.2em;\n color: var(--accent);\n display: block;\n margin-bottom: 6px;\n }\n\n \/* ---------- Geography ---------- *\/\n .geo {\n background: var(--ink);\n color: var(--white);\n padding: 120px 48px;\n position: relative;\n overflow: hidden;\n }\n .geo .section-label { color: var(--accent); }\n .geo .section-label::before { background: var(--accent); }\n .geo-title {\n font-family: 'Noto Sans JP', sans-serif;\n font-weight: 900;\n font-size: clamp(36px, 5vw, 64px);\n line-height: 1.2;\n letter-spacing: -0.03em;\n margin-bottom: 32px;\n color: var(--white);\n }\n .geo-title .accent { color: var(--accent); }\n .geo-lead {\n font-size: 16px;\n line-height: 2;\n color: rgba(255,255,255,0.8);\n max-width: 600px;\n margin-bottom: 60px;\n }\n .geo-map {\n max-width: 900px; margin: 0 auto;\n position: relative;\n padding: 40px 0;\n }\n .geo-map svg {\n width: 100%; height: auto;\n }\n .geo-pin {\n position: absolute;\n display: flex; flex-direction: column; align-items: center;\n gap: 6px;\n transform: translate(-50%, -100%);\n }\n .geo-pin .dot-outer {\n width: 16px; height: 16px; border-radius: 50%;\n background: var(--accent);\n box-shadow: 0 0 0 6px rgba(255,59,48,0.25), 0 0 20px var(--accent);\n animation: pulse-pin 2s infinite;\n }\n @keyframes pulse-pin {\n 0%,100% { box-shadow: 0 0 0 6px rgba(255,59,48,0.25), 0 0 20px var(--accent); }\n 50% { box-shadow: 0 0 0 12px rgba(255,59,48,0.05), 0 0 30px var(--accent); }\n }\n .geo-pin .label {\n font-family: 'JetBrains Mono', monospace;\n font-size: 11px; letter-spacing: 0.2em;\n background: var(--white);\n color: var(--ink);\n padding: 4px 10px;\n white-space: nowrap;\n font-weight: 600;\n }\n\n \/* ---------- Steps \/ Flow ---------- *\/\n .steps { background: var(--white); }\n .steps-list {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 0;\n position: relative;\n }\n .step {\n padding: 32px 24px;\n text-align: center;\n position: relative;\n border-right: 2px solid var(--ink);\n }\n .step:last-child { border-right: none; }\n .step-num {\n font-family: 'Space Grotesk', sans-serif;\n font-weight: 700;\n font-size: 60px;\n color: var(--accent);\n line-height: 1;\n letter-spacing: -0.05em;\n margin-bottom: 20px;\n }\n .step h4 {\n font-family: 'Noto Sans JP', sans-serif;\n font-weight: 900;\n font-size: 18px;\n margin-bottom: 12px;\n letter-spacing: -0.01em;\n }\n .step p {\n font-size: 12px;\n line-height: 1.8;\n color: var(--gray);\n }\n .step-tag {\n display: inline-block;\n font-family: 'JetBrains Mono', monospace;\n font-size: 10px; letter-spacing: 0.2em;\n color: var(--accent);\n margin-bottom: 12px;\n }\n\n \/* ---------- OS ---------- *\/\n .os {\n background: var(--ink); color: var(--white);\n padding: 140px 48px;\n position: relative; overflow: hidden;\n }\n .os::before {\n content: '';\n position: absolute;\n top: -100px; right: -100px;\n width: 500px; height: 500px;\n border-radius: 50%;\n background: var(--accent);\n opacity: 0.15;\n filter: blur(80px);\n }\n .os-wrap {\n max-width: 1280px; margin: 0 auto;\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 80px; align-items: center;\n position: relative; z-index: 1;\n }\n .os .section-label { color: var(--accent); }\n .os .section-label::before { background: var(--accent); }\n .os-name {\n font-family: 'Space Grotesk', sans-serif;\n font-weight: 700;\n font-size: clamp(120px, 15vw, 200px);\n line-height: 0.9;\n letter-spacing: -0.06em;\n color: var(--white);\n margin: 24px 0 24px;\n }\n .os-name .accent { color: var(--accent); }\n .os-tag {\n font-family: 'Noto Sans JP', sans-serif;\n font-weight: 900;\n font-size: 32px;\n color: var(--white);\n margin-bottom: 32px;\n letter-spacing: -0.02em;\n }\n .os-tag .accent { color: var(--accent); }\n .os-lead {\n font-size: 15px; line-height: 2.2; color: #AAA;\n max-width: 480px;\n margin-bottom: 32px;\n }\n .os-sub {\n font-family: 'JetBrains Mono', monospace;\n font-size: 12px; letter-spacing: 0.25em;\n color: var(--accent);\n text-transform: uppercase;\n padding-top: 20px;\n border-top: 1px solid #333;\n max-width: 480px;\n }\n .os-mock {\n aspect-ratio: 4\/3;\n background: #1A1A1A;\n border: 1px solid #333;\n padding: 24px;\n position: relative;\n overflow: hidden;\n }\n .os-mock-bar {\n display: flex; align-items: center; gap: 8px;\n padding-bottom: 14px;\n border-bottom: 1px solid #333;\n margin-bottom: 20px;\n }\n .os-mock-bar .dot-s { width: 10px; height: 10px; border-radius: 50%; background: #333; }\n .os-mock-bar .dot-s:first-child { background: var(--accent); }\n .os-mock-bar .url {\n margin-left: 12px;\n font-family: 'JetBrains Mono', monospace;\n font-size: 11px; color: #666;\n letter-spacing: 0.1em;\n }\n .os-mock-grid {\n display: grid; grid-template-columns: 1fr 2.2fr;\n gap: 12px; height: calc(100% - 60px);\n }\n .os-mock-side { display: flex; flex-direction: column; gap: 8px; }\n .os-mock-side .item {\n padding: 10px 12px;\n font-family: 'JetBrains Mono', monospace;\n font-size: 10px; letter-spacing: 0.1em;\n color: #666;\n border-left: 2px solid transparent;\n background: rgba(255,255,255,0.03);\n }\n .os-mock-side .item.active {\n background: rgba(255, 59, 48, 0.15);\n border-left-color: var(--accent);\n color: var(--accent);\n }\n .os-mock-main { display: flex; flex-direction: column; gap: 8px; }\n .os-mock-main .row {\n height: 32px;\n background: rgba(255,255,255,0.02);\n display: flex; align-items: center;\n padding: 0 12px; gap: 12px;\n }\n .os-mock-main .row .col { height: 6px; background: #333; }\n .os-mock-main .row .col-1 { width: 25%; }\n .os-mock-main .row .col-2 { width: 20%; background: var(--accent); }\n .os-mock-main .row .col-3 { width: 15%; }\n .os-mock-main .row .col-4 { width: 25%; }\n .os-mock-watermark {\n position: absolute;\n top: 50%; left: 50%;\n transform: translate(-50%, -50%) rotate(-8deg);\n font-family: 'Space Grotesk', sans-serif;\n font-weight: 700;\n font-size: 32px;\n color: var(--accent);\n opacity: 0.25;\n letter-spacing: 0.05em;\n pointer-events: none; white-space: nowrap;\n }\n\n \/* ---------- CEO ---------- *\/\n .ceo { background: var(--white); }\n .ceo-wrap {\n display: grid; grid-template-columns: 1fr 1.5fr;\n gap: 80px; max-width: 1200px; margin: 0 auto;\n align-items: center;\n }\n .ceo-portrait {\n aspect-ratio: 3\/4;\n background: var(--gray-3);\n position: relative;\n overflow: hidden;\n border: 2px solid var(--ink);\n }\n .ceo-portrait img {\n width: 100%; height: 100%;\n object-fit: cover;\n display: block;\n }\n .ceo-portrait .placeholder {\n position: absolute; inset: 0;\n display: flex; align-items: center; justify-content: center;\n flex-direction: column;\n gap: 8px;\n background: var(--gray-3);\n color: var(--gray);\n font-family: 'JetBrains Mono', monospace;\n font-size: 11px;\n letter-spacing: 0.2em;\n text-align: center;\n }\n .ceo-portrait .placeholder::before {\n content: '';\n width: 60px; height: 60px;\n border: 2px dashed var(--gray);\n border-radius: 50%;\n display: block;\n margin-bottom: 8px;\n }\n .ceo-portrait::after {\n content: 'KAORI YAHAGI';\n position: absolute; bottom: -32px; left: 0;\n font-family: 'JetBrains Mono', monospace;\n font-size: 11px; letter-spacing: 0.25em;\n color: var(--ink);\n }\n .ceo-text h2 {\n font-family: 'Noto Sans JP', sans-serif;\n font-weight: 900;\n font-size: 44px;\n line-height: 1.35;\n margin-bottom: 32px;\n letter-spacing: -0.02em;\n color: var(--ink);\n }\n .ceo-text .accent { color: var(--accent); }\n .ceo-text p {\n font-size: 15px; line-height: 2.1;\n color: var(--ink-2);\n margin-bottom: 20px;\n }\n .ceo-text .sig-block {\n margin-top: 40px; padding-top: 24px;\n border-top: 2px solid var(--ink);\n }\n .sig-name { font-size: 18px; font-weight: 700; color: var(--ink); }\n .sig-title { font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: 0.2em; color: var(--gray); margin-top: 4px; }\n\n \/* ---------- About\/Company Info ---------- *\/\n .company { background: var(--bg); }\n .company-wrap { max-width: 900px; margin: 0 auto; }\n .company-table {\n width: 100%;\n border-top: 2px solid var(--ink);\n }\n .company-table tr {\n border-bottom: 1px solid var(--gray-2);\n }\n .company-table th, .company-table td {\n padding: 22px 16px;\n text-align: left;\n vertical-align: top;\n font-size: 14px;\n line-height: 1.9;\n }\n .company-table th {\n width: 200px;\n font-family: 'JetBrains Mono', monospace;\n font-size: 11px; letter-spacing: 0.2em;\n color: var(--accent);\n text-transform: uppercase;\n font-weight: 600;\n }\n .company-table td { color: var(--ink); font-weight: 500; }\n\n \/* ---------- SNS ---------- *\/\n .sns { background: var(--white); }\n .sns-grid {\n display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px;\n }\n .sns-card {\n padding: 32px 24px;\n background: var(--white);\n border: 2px solid var(--ink);\n text-decoration: none;\n color: var(--ink);\n transition: all .3s;\n display: flex; flex-direction: column;\n }\n .sns-card:hover { background: var(--accent); color: var(--white); transform: translateY(-4px); }\n .sns-card:hover .sns-desc { color: var(--white); }\n .sns-card:hover .sns-more { border-color: var(--white); }\n .sns-name {\n font-family: 'Noto Sans JP', sans-serif;\n font-weight: 900;\n font-size: 20px;\n margin-bottom: 8px;\n }\n .sns-handle {\n font-family: 'JetBrains Mono', monospace;\n font-size: 12px; letter-spacing: 0.1em;\n color: var(--gray);\n margin-bottom: 20px;\n }\n .sns-card:hover .sns-handle { color: rgba(255,255,255,0.8); }\n .sns-desc {\n font-size: 13px; line-height: 1.8;\n color: var(--gray);\n margin-bottom: auto;\n padding-bottom: 24px;\n }\n .sns-more {\n padding-top: 16px;\n border-top: 1px solid var(--gray-2);\n font-family: 'JetBrains Mono', monospace;\n font-size: 11px; letter-spacing: 0.25em;\n font-weight: 600;\n display: flex; justify-content: space-between;\n }\n\n \/* ---------- Contact ---------- *\/\n .contact {\n background: var(--accent);\n color: var(--white);\n text-align: center;\n padding: 140px 48px;\n }\n .contact h2 {\n font-family: 'Noto Sans JP', sans-serif;\n font-weight: 900;\n font-size: clamp(48px, 7vw, 96px);\n line-height: 1.15;\n margin-bottom: 32px;\n letter-spacing: -0.04em;\n }\n .contact-info {\n display: flex; justify-content: center; gap: 40px;\n margin-bottom: 48px;\n font-family: 'JetBrains Mono', monospace;\n font-size: 13px; letter-spacing: 0.15em;\n flex-wrap: wrap;\n }\n .contact-info a { color: var(--white); text-decoration: underline; }\n .contact-btns { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }\n .contact-btns a {\n padding: 22px 44px;\n background: var(--ink);\n color: var(--white);\n text-decoration: none;\n font-size: 14px; letter-spacing: 0.1em; font-weight: 700;\n transition: transform .2s;\n }\n .contact-btns a:hover { transform: translateY(-3px); }\n .contact-btns a.outlined {\n background: transparent;\n color: var(--white);\n border: 2px solid var(--white);\n }\n .contact-btns a.outlined:hover { background: var(--white); color: var(--accent); }\n\n \/* ---------- Footer ---------- *\/\n footer {\n background: var(--ink);\n color: var(--white);\n padding: 64px 48px 32px;\n }\n .foot-wrap {\n max-width: 1280px; margin: 0 auto;\n display: grid; grid-template-columns: 2fr 1fr 1fr 1fr;\n gap: 48px; padding-bottom: 40px;\n border-bottom: 1px solid #333;\n }\n .foot-brand .flogo {\n font-family: 'Space Grotesk', sans-serif;\n font-weight: 700;\n font-size: 28px; letter-spacing: 0.05em;\n margin-bottom: 12px;\n color: var(--white);\n display: flex; align-items: center; gap: 12px;\n }\n .foot-brand .flogo img {\n height: 40px; width: auto;\n background: var(--white);\n padding: 4px;\n border-radius: 4px;\n }\n .foot-brand .ftag {\n color: var(--accent);\n font-family: 'JetBrains Mono', monospace;\n font-size: 12px; letter-spacing: 0.25em;\n margin-bottom: 16px;\n }\n .foot-brand p { font-size: 12px; color: #999; line-height: 2; max-width: 320px; }\n .foot-col h4 {\n font-family: 'JetBrains Mono', monospace;\n font-size: 11px; letter-spacing: 0.3em;\n color: var(--accent); margin-bottom: 20px;\n text-transform: uppercase;\n }\n .foot-col a {\n display: block; color: var(--white); text-decoration: none;\n font-size: 13px; opacity: 0.7; margin-bottom: 12px;\n transition: color .3s, opacity .3s;\n }\n .foot-col a:hover { color: var(--accent); opacity: 1; }\n .foot-bottom {\n max-width: 1280px; margin: 0 auto;\n padding-top: 24px;\n display: flex; justify-content: space-between; align-items: center;\n font-family: 'JetBrains Mono', monospace;\n font-size: 11px; letter-spacing: 0.2em; color: #666;\n flex-wrap: wrap; gap: 12px;\n }\n\n @media (max-width: 900px) {\n nav { padding: 16px 20px; }\n .nav-links { display: none; }\n .hero, section { padding: 80px 20px; }\n .hero { padding-top: 100px; grid-template-columns: 1fr; }\n .hero-visual { display: none; }\n .doors-grid, .mvv-grid, .os-wrap, .ceo-wrap, .cases-grid, .ai-wrap { grid-template-columns: 1fr; gap: 40px; }\n .ai-features { grid-template-columns: 1fr; }\n .ai-feature.wide { grid-column: span 1; }\n .service-grid, .meanings { grid-template-columns: 1fr; }\n .service-row {\n grid-template-columns: 60px 1fr auto;\n gap: 16px;\n padding: 24px 16px;\n }\n .service-row .service-desc-wrap {\n grid-column: 1 \/ -1;\n }\n .service-num { font-size: 42px; }\n .service-name h3 { font-size: 20px; }\n .sns-grid { grid-template-columns: 1fr 1fr; }\n .door h3, .ceo-text h2 { font-size: 32px; }\n .os-name { font-size: 100px; }\n .os-tag { font-size: 22px; }\n .marquee-track { font-size: 16px; }\n .steps-list { grid-template-columns: 1fr; }\n .step { border-right: none; border-bottom: 2px solid var(--ink); }\n .step:last-child { border-bottom: none; }\n .company-table th { width: 130px; font-size: 10px; }\n .foot-wrap { grid-template-columns: 1fr 1fr; gap: 32px; }\n .foot-bottom { flex-direction: column; text-align: center; }\n }\n<\/style>\n<\/head>\n<body>\n\n<nav>\n <a href=\"#\" class=\"logo\">\n <img decoding=\"async\" src=\"images\/ori-logo.jpg\" alt=\"ORI Logo\">\n <span>ORI<\/span>\n <\/a>\n <div class=\"nav-right\">\n <div class=\"nav-links\">\n <a href=\"#about\">ORI\u3068\u306f<\/a>\n <a href=\"#mvv\">\u7406\u5ff5<\/a>\n <a href=\"#service\">\u4e8b\u696d<\/a>\n <a href=\"#cases\">\u52df\u96c6\u4e8b\u4f8b<\/a>\n <a href=\"#os\">ori.<\/a>\n <\/div>\n <a href=\"#contact\" class=\"nav-cta\">\u304a\u554f\u3044\u5408\u308f\u305b<\/a>\n <\/div>\n<\/nav>\n\n\n<section class=\"hero\">\n <div class=\"hero-content\">\n <div class=\"hero-badge\">\n <span class=\"dot\"><\/span>\n <span>NOW HIRING \u00b7 WORKING MAMAS<\/span>\n <\/div>\n <h1>\n \u80b2\u5150\u306f<br><span class=\"accent\">\u30ad\u30e3\u30ea\u30a2<\/span>\n <span class=\"en-sub\">MAMA IS CAREER.<\/span>\n <\/h1>\n <p class=\"hero-lead\">\n \u682a\u5f0f\u4f1a\u793eORI\u306f <strong>\u5728\u5b85\u30ef\u30fc\u30ab\u30fc\u306e\u30d7\u30ed\u30d5\u30a7\u30c3\u30b7\u30e7\u30ca\u30eb\u96c6\u56e3<\/strong><br>\n \u30de\u30de\u305f\u3061\u304c\u4f01\u696d\u306e\u30d0\u30c3\u30af\u30aa\u30d5\u30a3\u30b9\u3092\u56de\u3057 \u793e\u4f1a\u3092\u52d5\u304b\u3057\u3066\u3044\u307e\u3059<br>\n \u5b50\u80b2\u3066\u306e\u96a3\u3067 \u672c\u6c17\u3067\u50cd\u304f\u5834\u6240\u3067\u3059\n <\/p>\n <div class=\"hero-actions\">\n <a href=\"#contact\" class=\"btn-primary\">\n <span>\u4f01\u696d\u306e\u65b9\u306f\u3053\u3061\u3089<\/span>\n <span class=\"arrow\">\u2192<\/span>\n <\/a>\n <a href=\"#contact\" class=\"btn-secondary\">\n <span>\u30de\u30de\u3068\u3057\u3066\u5fdc\u52df<\/span>\n <span class=\"arrow\">\u2192<\/span>\n <\/a>\n <\/div>\n <\/div>\n <div class=\"hero-visual\">\n <div class=\"hero-card hero-card-1\">\n <div>\n <div class=\"hero-card-tag\">\u2014 01 \/ FOR COMPANIES<\/div>\n <h4>\u4f01\u696d\u306e<br>\u30d0\u30c3\u30af\u30e4\u30fc\u30c9\u3092<br>\u4e38\u3054\u3068<\/h4>\n <\/div>\n <\/div>\n <div class=\"hero-card hero-card-2\">\n <div>\n <div class=\"hero-card-tag\">\u2014 02 \/ FOR MAMAS<\/div>\n <div class=\"stat\">100%<\/div>\n <div class=\"stat-label\">REMOTE \/ WORKING MAMAS<\/div>\n <\/div>\n <\/div>\n <div class=\"hero-stamp\">MAMA<br>IS<br>CAREER<\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"marquee\">\n <div class=\"marquee-track\">\n <span>MAMA IS CAREER<\/span>\n <span>REMOTE FIRST<\/span>\n <span>BACK OFFICE PROS<\/span>\n <span>WEAVING WORK & LIFE<\/span>\n <span>MAMA IS CAREER<\/span>\n <span>REMOTE FIRST<\/span>\n <span>BACK OFFICE PROS<\/span>\n <span>WEAVING WORK & LIFE<\/span>\n <\/div>\n<\/div>\n\n\n<section class=\"about\" id=\"about\">\n <div class=\"container\">\n <div class=\"section-label\">\u2014 ABOUT ORI<\/div>\n <h2 class=\"about-title\"><span class=\"accent\">3 MEANINGS.<\/span> 1 NAME.<\/h2>\n <div class=\"about-sub\">ORI\u306b\u306f\u4e09\u3064\u306e\u610f\u5473\u304c\u3042\u308b<\/div>\n <div class=\"meanings\">\n <div class=\"meaning\">\n <div class=\"m-word\">\u7e54\u308a<\/div>\n <div class=\"m-lang\">JAPANESE \/ WEAVE<\/div>\n <h4>\u7d44\u7e54\u3092\u7de8\u3080<\/h4>\n <\/div>\n <div class=\"meaning\">\n <div class=\"m-word\">olive<\/div>\n <div class=\"m-lang\">PLANT \/ OLIVE<\/div>\n <h4>\u307f\u3093\u306a\u3067\u5b9f\u3089\u305b\u308b<\/h4>\n <\/div>\n <div class=\"meaning\">\n <div class=\"m-word\">oli<\/div>\n <div class=\"m-lang\">HAWAIIAN \/ JOY<\/div>\n <h4>\u30cf\u30ef\u30a4\u8a9e\u3067\u559c\u3073<\/h4>\n <\/div>\n <\/div>\n <div class=\"about-close\">\u5168\u90e8 <span class=\"accent\">ORI<\/span><\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"doors\" id=\"service\">\n <div class=\"container\">\n <div class=\"section-label\">02 \/ SERVICE<\/div>\n <h2 class=\"section-title\">2\u3064\u306e<span class=\"accent\">\u6249<\/span><\/h2>\n <p class=\"section-sub\">\u4f01\u696d\u306e\u65b9\u3082 \u3053\u308c\u304b\u3089\u50cd\u304d\u305f\u3044\u30de\u30de\u3082 \u3069\u3061\u3089\u306e\u5165\u53e3\u304b\u3089\u3082ORI\u3078<\/p>\n <div class=\"doors-grid\">\n <a class=\"door door-a\" href=\"#contact\">\n <div>\n <div class=\"door-num\">\u2014 01 \/ FOR COMPANIES<\/div>\n <h3>\u30d0\u30c3\u30af\u30e4\u30fc\u30c9\u3092<br><span class=\"accent\">\u4e38\u3054\u3068<\/span>\u4efb\u305b\u308b<\/h3>\n <p>\u7d4c\u7406\u30fb\u7dcf\u52d9\u30fb\u4eba\u4e8b\u30fb\u30c7\u30fc\u30bf\u5165\u529b\u30fb\u52e4\u6020\u7ba1\u7406\u307e\u3067\u3002\u30d0\u30e9\u30d0\u30e9\u306b\u4f9d\u983c\u3057\u3066\u3044\u305f\u696d\u52d9\u30921\u3064\u306e\u30c1\u30fc\u30e0\u306b\u3002\u696d\u7a2e\u3092\u8d85\u3048\u305f\u904b\u7528\u7d4c\u9a13\u3067\u3001\u5fa1\u793e\u306e\u7ba1\u7406\u30b3\u30b9\u30c8\u3092\u8efd\u304f\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"door-cta\">\n <span>\u5c0e\u5165\u76f8\u8ac7<\/span>\n <span class=\"arrow-btn\">\u2192<\/span>\n <\/div>\n <div class=\"door-deco\">A<\/div>\n <\/a>\n <a class=\"door door-b\" href=\"#contact\">\n <div>\n <div class=\"door-num\">\u2014 02 \/ FOR MAMAS<\/div>\n <h3>\u80b2\u5150\u306e\u3068\u306a\u308a\u306b<br>\u4ed5\u4e8b\u3092\u7f6e\u304f<\/h3>\n <p>\u5b50\u3069\u3082\u306e\u96a3\u3067\u793e\u4f1a\u3068\u3064\u306a\u304c\u308a\u7d9a\u3051\u308b\u50cd\u304d\u65b9\u3092\u3002\u300c\u80b2\u5150\u306f\u30ad\u30e3\u30ea\u30a2\u300d\u3068\u3044\u3046\u601d\u60f3\u3067\u3001\u30de\u30de\u305f\u3061\u306e\u30b9\u30ad\u30eb\u3068\u6642\u9593\u3092\u672c\u6c17\u3067\u4fa1\u5024\u306b\u5909\u3048\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"door-cta\">\n <span>\u30de\u30de\u3068\u3057\u3066\u5fdc\u52df<\/span>\n <span class=\"arrow-btn\">\u2192<\/span>\n <\/div>\n <div class=\"door-deco\">B<\/div>\n <\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"mvv\">\n <div class=\"container\">\n <div class=\"section-label\">03 \/ OUR VALUES<\/div>\n <h2 class=\"section-title\">\u79c1\u305f\u3061\u304c<br>\u5927\u5207\u306b\u3057\u3066\u3044\u308b\u3053\u3068<\/h2>\n <div class=\"mvv-grid\">\n <div class=\"mvv-card\">\n <div class=\"mvv-tag\">\/ Mission<\/div>\n <h3>\u5b50\u80b2\u3066\u3068\u4ed5\u4e8b\u306e\u4e21\u7acb\u3092<br>\u3042\u305f\u308a\u307e\u3048\u306b<\/h3>\n <p>\u5b50\u80b2\u3066\u4e2d\u3067\u3082\u30ad\u30e3\u30ea\u30a2\u3092\u8ae6\u3081\u306a\u304f\u3066\u3044\u3044\u3002\u5b8c\u5168\u5728\u5b85\u306e\u50cd\u304d\u65b9\u3067\u3001\u3059\u3079\u3066\u306e\u30de\u30de\u306b\u300c\u50cd\u304f\u9078\u629e\u80a2\u300d\u3092\u5c4a\u3051\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"mvv-card\">\n <div class=\"mvv-tag\">\/ Vision<\/div>\n <h3>\u30de\u30de\u306e\u529b\u3067<br>\u793e\u4f1a\u3092\u52d5\u304b\u3059<\/h3>\n <p>\u30d0\u30c3\u30af\u30aa\u30d5\u30a3\u30b9\u306e\u30d7\u30ed\u96c6\u56e3\u3068\u3057\u3066\u3001\u4f01\u696d\u306eDX\u63a8\u9032\u3068\u696d\u52d9\u52b9\u7387\u5316\u306b\u8ca2\u732e\u3002\u30de\u30de\u305f\u3061\u306e\u7d4c\u9a13\u304c\u65e5\u672c\u306e\u30d3\u30b8\u30cd\u30b9\u3092\u652f\u3048\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"mvv-card\">\n <div class=\"mvv-tag\">\/ Value<\/div>\n <h3>\u601d\u3044\u3084\u308a\u3068<br>\u30d7\u30ed\u610f\u8b58\u306e\u4e21\u7acb<\/h3>\n <p>\u5bb6\u5ead\u3092\u5927\u5207\u306b\u3057\u306a\u304c\u3089\u3001\u4ed5\u4e8b\u306b\u306f\u771f\u646f\u306b\u3002\u52a9\u3051\u5408\u3044\u30fb\u611f\u8b1d\u30fb\u6210\u9577\u610f\u6b32\u3092\u8ef8\u306b\u3001\u4fe1\u983c\u3055\u308c\u308b\u30d1\u30fc\u30c8\u30ca\u30fc\u3067\u3042\u308a\u7d9a\u3051\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"service\">\n <div class=\"container\">\n <div class=\"section-label\">04 \/ WHAT WE DO<\/div>\n <h2 class=\"section-title\">\u4e8b\u696d\u5185\u5bb9<\/h2>\n <p class=\"section-sub\">\u4f01\u696d\u306e\u30d0\u30c3\u30af\u30aa\u30d5\u30a3\u30b9\u696d\u52d9\u3092 \u5728\u5b85\u306e\u30d7\u30ed\u30d5\u30a7\u30c3\u30b7\u30e7\u30ca\u30eb\u30c1\u30fc\u30e0\u304c\u30b5\u30dd\u30fc\u30c8<\/p>\n <div class=\"service-list\">\n <a class=\"service-row\" href=\"#contact\">\n <div class=\"service-num\">01<\/div>\n <div>\n <div class=\"service-name\">\n <h3>\u7d4c\u7406\u4ee3\u884c<\/h3>\n <\/div>\n <div class=\"service-tags\">\n <span class=\"tag\">\u8a18\u5e33\u4ee3\u884c<\/span>\n <span class=\"tag\">\u8acb\u6c42\u66f8\u767a\u884c<\/span>\n <span class=\"tag\">\u58f2\u639b\u8cb7\u639b\u7ba1\u7406<\/span>\n <span class=\"tag\">\u6708\u6b21\u6c7a\u7b97\u88dc\u52a9<\/span>\n <\/div>\n <\/div>\n <div class=\"service-desc\">\u8a18\u5e33\u4ee3\u884c\u30fb\u8acb\u6c42\u66f8\u767a\u884c\u30fb\u58f2\u639b\u8cb7\u639b\u7ba1\u7406\u30fb\u6708\u6b21\u6c7a\u7b97\u88dc\u52a9\u307e\u3067\u3001\u7d4c\u7406\u696d\u52d9\u5168\u822c\u3092\u30b5\u30dd\u30fc\u30c8\u3002<\/div>\n <div class=\"service-arrow\">\u2192<\/div>\n <\/a>\n\n <a class=\"service-row\" href=\"#contact\">\n <div class=\"service-num\">02<\/div>\n <div>\n <div class=\"service-name\">\n <h3>\u7dcf\u52d9\u30fb\u4eba\u4e8b\u4ee3\u884c<\/h3>\n <\/div>\n <div class=\"service-tags\">\n <span class=\"tag\">\u793e\u52b4\u58eb\u9023\u643a<\/span>\n <span class=\"tag\">\u52e4\u6020\u7ba1\u7406<\/span>\n <span class=\"tag\">\u5099\u54c1\u7ba1\u7406<\/span>\n <span class=\"tag\">\u63a1\u7528\u4e8b\u52d9<\/span>\n <\/div>\n <\/div>\n <div class=\"service-desc\">\u793e\u4f1a\u4fdd\u967a\u624b\u7d9a\u304d\u306f\u793e\u52b4\u58eb\u3068\u9023\u643a\u3002\u52e4\u6020\u7ba1\u7406\u30fb\u5099\u54c1\u7ba1\u7406\u30fb\u63a1\u7528\u4e8b\u52d9\u306a\u3069\u3001\u7169\u96d1\u306a\u696d\u52d9\u3092\u304a\u4efb\u305b\u304f\u3060\u3055\u3044\u3002<\/div>\n <div class=\"service-arrow\">\u2192<\/div>\n <\/a>\n\n <a class=\"service-row\" href=\"#contact\">\n <div class=\"service-num\">03<\/div>\n <div>\n <div class=\"service-name\">\n <h3>\u30c7\u30fc\u30bf\u5165\u529b<\/h3>\n <\/div>\n <div class=\"service-tags\">\n <span class=\"tag\">\u5927\u91cf\u30c7\u30fc\u30bf\u5165\u529b<\/span>\n <span class=\"tag\">\u30af\u30ec\u30f3\u30b8\u30f3\u30b0<\/span>\n <span class=\"tag\">\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u5909\u63db<\/span>\n <\/div>\n <\/div>\n <div class=\"service-desc\">\u5927\u91cf\u30c7\u30fc\u30bf\u306e\u5165\u529b\u30fb\u6574\u7406\u30fb\u30af\u30ec\u30f3\u30b8\u30f3\u30b0\u3092\u6b63\u78ba\u304b\u3064\u30b9\u30d4\u30fc\u30c7\u30a3\u30fc\u306b\u3002\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u5909\u63db\u3082\u5bfe\u5fdc\u3002<\/div>\n <div class=\"service-arrow\">\u2192<\/div>\n <\/a>\n\n <a class=\"service-row\" href=\"#contact\">\n <div class=\"service-num\">04<\/div>\n <div>\n <div class=\"service-name\">\n <h3>\u52e4\u6020\u7ba1\u7406\uff0b\u30a2\u30d7\u30ea\u958b\u767a<\/h3>\n <span class=\"badge\">NEW<\/span>\n <\/div>\n <div class=\"service-tags\">\n <span class=\"tag\">\u7d19\u30bf\u30a4\u30e0\u30ab\u30fc\u30c9<\/span>\n <span class=\"tag\">\u30a2\u30d7\u30ea\u958b\u767a\u30bb\u30c3\u30c8<\/span>\n <span class=\"tag\">DX\u652f\u63f4<\/span>\n <\/div>\n <\/div>\n <div class=\"service-desc\">\u7d19\u30d9\u30fc\u30b9\u306e\u30bf\u30a4\u30e0\u30ab\u30fc\u30c9\u7ba1\u7406\u3092\u4ee3\u884c\u3002\u3054\u5e0c\u671b\u306b\u5fdc\u3058\u3066\u3001\u5c02\u7528\u306e\u52e4\u6020\u30a2\u30d7\u30ea\u3082\u30bb\u30c3\u30c8\u3067\u958b\u767a\u30fb\u63d0\u4f9b\u3057\u307e\u3059\u3002<\/div>\n <div class=\"service-arrow\">\u2192<\/div>\n <\/a>\n\n <a class=\"service-row\" href=\"#contact\">\n <div class=\"service-num\">05<\/div>\n <div>\n <div class=\"service-name\">\n <h3>\u696d\u52d9\u6539\u5584\u30b3\u30f3\u30b5\u30eb<\/h3>\n <\/div>\n <div class=\"service-tags\">\n <span class=\"tag\">\u696d\u52d9\u30d5\u30ed\u30fc\u898b\u76f4\u3057<\/span>\n <span class=\"tag\">DX\u30c4\u30fc\u30eb\u5c0e\u5165<\/span>\n <span class=\"tag\">\u30de\u30cb\u30e5\u30a2\u30eb\u6574\u5099<\/span>\n <\/div>\n <\/div>\n <div class=\"service-desc\">\u696d\u52d9\u30d5\u30ed\u30fc\u306e\u898b\u76f4\u3057\u30fbDX\u30c4\u30fc\u30eb\u5c0e\u5165\u652f\u63f4\u30fb\u30de\u30cb\u30e5\u30a2\u30eb\u6574\u5099\u3002\u52b9\u7387\u5316\u3092\u3054\u63d0\u6848\u3057\u307e\u3059\u3002<\/div>\n <div class=\"service-arrow\">\u2192<\/div>\n <\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"ai\">\n <div class=\"ai-wrap\">\n <div>\n <div class=\"section-label\">06 \/ AI \u00d7 ORI<\/div>\n <h2 class=\"ai-title\">AI<span class=\"cross\">\u00d7<\/span>ORI.<\/h2>\n <p class=\"ai-sub\">\u79c1\u305f\u3061\u306f<span class=\"accent\">AI\u3092\u4f7f\u3044\u3053\u306a\u3059<\/span><br>\u30d0\u30c3\u30af\u30aa\u30d5\u30a3\u30b9\u96c6\u56e3<\/p>\n <p class=\"ai-lead\">\n ChatGPT\u30fbClaude\u30fb\u81ea\u4f5cGAS\u2014\u2014<br>\n AI\u3092\u65e5\u5e38\u306e\u30aa\u30da\u30ec\u30fc\u30b7\u30e7\u30f3\u306b\u7d44\u307f\u8fbc\u307f<br>\n \u300c\u30de\u30de\u00d7AI\u300d\u3067 \u5c11\u4eba\u6570\u3067\u3082\u5927\u304d\u306a\u4ed5\u4e8b\u3092\u56de\u3057\u307e\u3059<br>\n <br>\n \u5358\u306a\u308b\u4ee3\u884c\u3067\u306f\u306a\u304f \u696d\u52d9\u305d\u306e\u3082\u306e\u3092<br>\n \u8efd\u304f\u30fb\u901f\u304f\u30fb\u5f37\u304f\u3057\u3066\u3044\u304f \u305d\u308c\u304cORI\u306e\u3084\u308a\u65b9\u3067\u3059\n <\/p>\n <\/div>\n <div class=\"ai-features\">\n <div class=\"ai-feature\">\n <span class=\"fnum\">\u2014 01<\/span>\n <h4>AI\u3067\u4e0b\u66f8\u304d<br>\u4eba\u304c\u4ed5\u4e0a\u3052<\/h4>\n <p>\u8acb\u6c42\u66f8\u30c9\u30e9\u30d5\u30c8\u30fb\u8b70\u4e8b\u9332\u30fb\u30e1\u30fc\u30eb\u6587\u9762\u3002AI\u304c\u4e0b\u66f8\u304d\u3001\u30de\u30de\u304c\u6700\u7d42\u78ba\u8a8d\u3002\u54c1\u8cea\u306f\u843d\u3068\u3055\u305a\u3001\u901f\u5ea6\u3060\u3051\u4e0a\u304c\u308b\u3002<\/p>\n <\/div>\n <div class=\"ai-feature\">\n <span class=\"fnum\">\u2014 02<\/span>\n <h4>GAS\u3067<br>\u81ea\u52d5\u5316\u3092\u7a4d\u3080<\/h4>\n <p>Google Apps Script\u3067\u65e5\u3005\u306e\u624b\u4f5c\u696d\u3092\u4ed5\u7d44\u307f\u5316\u3002\u4f7f\u3044\u6368\u3066\u3058\u3083\u306a\u3044\u3001\u7d9a\u304f\u81ea\u52d5\u5316\u3092\u4f5c\u308a\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"ai-feature wide\">\n <span class=\"fnum\">\u2014 03<\/span>\n <h4>AI\u30c4\u30fc\u30eb\u9078\u5b9a\uff06\u5c0e\u5165\u652f\u63f4<\/h4>\n <p>\u300cAI\u4f7f\u3044\u305f\u3044\u3051\u3069\u3001\u4f55\u304b\u3089\u59cb\u3081\u308c\u3070\uff1f\u300d\u2014\u2014\u696d\u52d9\u5185\u5bb9\u306b\u5408\u308f\u305b\u3066\u3001\u9069\u5207\u306a\u30c4\u30fc\u30eb\u9078\u5b9a\u304b\u3089\u793e\u5185\u5b9a\u7740\u307e\u3067\u4f34\u8d70\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"cases\" id=\"cases\">\n <div class=\"container\">\n <div class=\"section-label\">07 \/ RECENT JOBS<\/div>\n <h2 class=\"section-title\">\u5b9f\u969b\u306e<br><span class=\"accent\">\u52df\u96c6\u4e8b\u4f8b<\/span><\/h2>\n <p class=\"section-sub\">\u6700\u8fd1\u3054\u76f8\u8ac7\u30fb\u52df\u96c6\u306e\u3042\u3063\u305f\u304a\u4ed5\u4e8b\u306e\u4e00\u4f8b\u3067\u3059 \u203b\u63b2\u8f09\u4e2d\u306e\u696d\u52d9\u304c\u73fe\u5728\u52df\u96c6\u4e2d\u3068\u306f\u9650\u308a\u307e\u305b\u3093<\/p>\n <div class=\"cases-grid\">\n <div class=\"case-card\">\n <span class=\"case-industry\">\ud83d\udc1f SEAFOOD \/ \u696d\u754c\u7279\u5316<\/span>\n <h3>\u6c34\u7523\u5378<br>\u30d0\u30c3\u30af\u30aa\u30d5\u30a3\u30b9\u696d\u52d9<\/h3>\n <div class=\"case-tags\">\n <span class=\"case-tag\">#8\u540d\u30c1\u30fc\u30e0<\/span>\n <span class=\"case-tag\">#1\u65e57\u6642\u9593\u7a3c\u50cd<\/span>\n <span class=\"case-tag hi\">#\u696d\u754c\u7279\u5316<\/span>\n <\/div>\n <div class=\"case-skill\">\n <span class=\"lbl\">\u25bc \u696d\u52d9\u5185\u5bb9<\/span>\n \u7d0d\u54c1\u8acb\u6c42\u66f8\u767a\u884c \/ \u7a0e\u7406\u58eb\u9023\u643a<br>\n <br>\n <span class=\"lbl\">\u25bc \u6d3b\u304b\u305b\u308b\u7d4c\u9a13<\/span>\n \u7c3f\u8a18\u77e5\u8b58\u3001\u57fa\u672c\u7684\u306aPC\u30b9\u30ad\u30eb\n <\/div>\n <\/div>\n\n <div class=\"case-card\">\n <span class=\"case-industry\">\ud83d\udcbc IT \/ BEAUTY \/ GYM<\/span>\n <h3>\u7d4c\u7406\u4ee3\u884c<br>\uff08\u8907\u6570\u696d\u754c\u6a2a\u65ad\uff09<\/h3>\n <div class=\"case-tags\">\n <span class=\"case-tag\">#\u8907\u6570\u30c1\u30fc\u30e0<\/span>\n <span class=\"case-tag\">#\u6708\u6b21\u696d\u52d9<\/span>\n <span class=\"case-tag\">#\u6a2a\u65ad\u7d4c\u9a13<\/span>\n <\/div>\n <div class=\"case-skill\">\n <span class=\"lbl\">\u25bc \u696d\u52d9\u5185\u5bb9<\/span>\n \u8a18\u5e33 \/ \u7d66\u4e0e\u8a08\u7b97 \/ \u9818\u53ce\u66f8\u51e6\u7406<br>\n <br>\n <span class=\"lbl\">\u25bc \u6d3b\u304b\u305b\u308b\u7d4c\u9a13<\/span>\n \u7c3f\u8a18\u3001PC\u30b9\u30ad\u30eb\u3001\u7d4c\u7406\u5b9f\u52d9\u7d4c\u9a13\n <\/div>\n <\/div>\n\n <div class=\"case-card\">\n <span class=\"case-industry\">\ud83c\udf10 GLOBAL \/ \u30b9\u30dd\u30c3\u30c8<\/span>\n <h3>\u30b9\u30dd\u30c3\u30c8\u901a\u8a33<br>\uff08\u65e5\u53f0\u9023\u643a\uff09<\/h3>\n <div class=\"case-tags\">\n <span class=\"case-tag\">#\u30b9\u30dd\u30c3\u30c8<\/span>\n <span class=\"case-tag\">#\u65e5\u672c\u301c\u53f0\u6e7e<\/span>\n <span class=\"case-tag hi\">#\u8a9e\u5b66<\/span>\n <\/div>\n <div class=\"case-skill\">\n <span class=\"lbl\">\u25bc \u696d\u52d9\u5185\u5bb9<\/span>\n \u65e5\u672c\u301c\u53f0\u6e7e\u30c1\u30fc\u30e0\u9593\u306e\u30b9\u30dd\u30c3\u30c8\u901a\u8a33<br>\n <br>\n <span class=\"lbl\">\u25bc \u6d3b\u304b\u305b\u308b\u7d4c\u9a13<\/span>\n \u65e5\u4e2d\u30d0\u30a4\u30ea\u30f3\u30ac\u30eb\u3001\u30d3\u30b8\u30cd\u30b9\u901a\u8a33\u7d4c\u9a13\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"geo\">\n <div class=\"container\">\n <div class=\"section-label\">08 \/ OUR TEAM<\/div>\n <h2 class=\"geo-title\">\u79cb\u7530\u304b\u3089\u9e7f\u5150\u5cf6<br>\u305d\u3057\u3066<span class=\"accent\">\u53f0\u6e7e<\/span>\u307e\u3067<\/h2>\n <p class=\"geo-lead\">\n ORI\u306e\u30c1\u30fc\u30e0\u306f \u65e5\u672c\u5168\u56fd\u3068\u6d77\u5916\u306b\u4f4f\u3080\u30de\u30de\u305f\u3061\u3067\u69cb\u6210\u3055\u308c\u3066\u3044\u307e\u3059<br>\n \u6771\u4eac\u30fb\u57fc\u7389\u30fb\u5343\u8449\u30fb\u795e\u5948\u5ddd\u3068\u3044\u3063\u305f\u9996\u90fd\u570f\u3092\u306f\u3058\u3081<br>\n \u79cb\u7530\u30fb\u9e7f\u5150\u5cf6 \u305d\u3057\u3066\u53f0\u6e7e\u307e\u3067<br>\n \u50cd\u304f\u5834\u6240\u306f\u554f\u3044\u307e\u305b\u3093 \u5730\u56f3\u3092\u3072\u3089\u3044\u305f\u5834\u6240\u3059\u3079\u3066\u304c \u79c1\u305f\u3061\u306e\u8077\u5834\u3067\u3059\n <\/p>\n <div class=\"geo-map\">\n <svg viewBox=\"0 0 800 500\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"opacity: 0.6;\">\n \n <g fill=\"none\" stroke=\"rgba(255,255,255,0.25)\" stroke-width=\"1.5\">\n \n <path d=\"M 540 90 Q 560 80 590 85 Q 620 90 630 110 Q 640 130 620 145 Q 595 155 570 148 Q 545 140 540 120 Z\"\/>\n \n <path d=\"M 400 200 Q 430 190 470 195 Q 510 200 545 210 Q 570 225 555 245 Q 530 255 490 250 Q 445 245 405 235 Q 380 225 400 200 Z\"\/>\n \n <path d=\"M 500 165 Q 520 170 535 190 Q 545 210 530 220 Q 510 215 495 200 Q 490 180 500 165 Z\"\/>\n \n <path d=\"M 340 250 Q 380 245 400 255 Q 405 275 385 285 Q 360 285 340 275 Q 325 265 340 250 Z\"\/>\n \n <path d=\"M 275 290 Q 305 285 320 305 Q 330 330 315 350 Q 295 360 275 350 Q 260 335 265 315 Q 265 300 275 290 Z\"\/>\n \n <path d=\"M 180 400 Q 195 395 205 410 Q 200 425 185 425 Q 170 415 180 400 Z\"\/>\n \n <path d=\"M 100 340 Q 115 335 130 355 Q 140 380 130 405 Q 115 425 100 415 Q 85 395 90 370 Q 90 350 100 340 Z\"\/>\n <\/g>\n <text x=\"620\" y=\"180\" fill=\"rgba(255,255,255,0.3)\" font-size=\"11\" font-family=\"JetBrains Mono\">JAPAN<\/text>\n <text x=\"80\" y=\"450\" fill=\"rgba(255,255,255,0.3)\" font-size=\"11\" font-family=\"JetBrains Mono\">TAIWAN<\/text>\n <\/svg>\n\n \n <div class=\"geo-pin\" style=\"top: 42%; left: 66%;\">\n <div class=\"label\">\u79cb\u7530 \u00b7 AKITA<\/div>\n <div class=\"dot-outer\"><\/div>\n <\/div>\n <div class=\"geo-pin\" style=\"top: 58%; left: 62%;\">\n <div class=\"label\">\u9996\u90fd\u570f \u00b7 TOKYO AREA<\/div>\n <div class=\"dot-outer\"><\/div>\n <\/div>\n <div class=\"geo-pin\" style=\"top: 75%; left: 39%;\">\n <div class=\"label\">\u9e7f\u5150\u5cf6 \u00b7 KAGOSHIMA<\/div>\n <div class=\"dot-outer\"><\/div>\n <\/div>\n <div class=\"geo-pin\" style=\"top: 85%; left: 15%;\">\n <div class=\"label\">\u53f0\u6e7e \u00b7 TAIWAN<\/div>\n <div class=\"dot-outer\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"steps\">\n <div class=\"container\">\n <div class=\"section-label\">09 \/ HOW TO JOIN<\/div>\n <h2 class=\"section-title\">\u5fdc\u52df\u304b\u3089\u672c\u63a1\u7528\u307e\u3067<\/h2>\n <p class=\"section-sub\">5\u3064\u306e\u30b9\u30c6\u30c3\u30d7\u3067 ORI\u306e\u4ef2\u9593\u3068\u3057\u3066\u50cd\u304d\u59cb\u3081\u3089\u308c\u307e\u3059 \u4e01\u5be7\u306b \u304a\u4e92\u3044\u3092\u77e5\u308b\u6642\u9593\u3092\u5927\u5207\u306b\u3057\u3066\u3044\u307e\u3059<\/p>\n <div class=\"steps-list\">\n <div class=\"step\">\n <div class=\"step-num\">01<\/div>\n <div class=\"step-tag\">STEP 01<\/div>\n <h4>\u5fdc\u52df<\/h4>\n <p>\u6c42\u4eba\u3092\u898b\u3066 \u8208\u5473\u304c\u3042\u308c\u3070\u30a8\u30f3\u30c8\u30ea\u30fc \u307e\u305a\u306f\u304a\u6c17\u8efd\u306b<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-num\">02<\/div>\n <div class=\"step-tag\">STEP 02<\/div>\n <h4>\u4e00\u6b21\u9078\u8003\u30c6\u30b9\u30c8<\/h4>\n <p>\u30b9\u30ad\u30eb\u30fb\u9069\u6027\u3092\u78ba\u8a8d\u3059\u308b\u30c6\u30b9\u30c8\u3092\u53d7\u3051\u3066\u3044\u305f\u3060\u304d\u307e\u3059<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-num\">03<\/div>\n <div class=\"step-tag\">STEP 03<\/div>\n <h4>\u30aa\u30f3\u30e9\u30a4\u30f3\u9762\u63a5<\/h4>\n <p>\u9854\u5408\u308f\u305b\u3068 \u50cd\u304d\u65b9\u30fb\u5e0c\u671b\u6761\u4ef6\u306e\u76f8\u8ac7\u3092\u884c\u3044\u307e\u3059<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-num\">04<\/div>\n <div class=\"step-tag\">STEP 04<\/div>\n <h4>\u8a66\u7528\u671f\u9593 3\u30f6\u6708<\/h4>\n <p>\u5b9f\u969b\u306e\u696d\u52d9\u3067\u304a\u4e92\u3044\u3092\u77e5\u308a \u30d5\u30a3\u30c3\u30c8\u3092\u78ba\u8a8d\u3057\u307e\u3059<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-num\">05<\/div>\n <div class=\"step-tag\">STEP 05<\/div>\n <h4>\u672c\u63a1\u7528<\/h4>\n <p>\u30c1\u30fc\u30e0\u306e\u4e00\u54e1\u3068\u3057\u3066 \u672c\u683c\u7684\u306b\u6d3b\u8e8d\u3057\u3066\u3044\u305f\u3060\u304d\u307e\u3059<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"os\" id=\"os\">\n <div class=\"os-wrap\">\n <div>\n <div class=\"section-label\">10 \/ IN DEVELOPMENT<\/div>\n <div class=\"os-name\">ori<span class=\"accent\">.<\/span><\/div>\n <p class=\"os-tag\">\u696d\u52d9\u3092<span class=\"accent\">\u7e54\u308b<\/span><\/p>\n <p class=\"os-lead\">\n \u30d0\u30c3\u30af\u30aa\u30d5\u30a3\u30b9\u306f\u3001\u3072\u3068\u3064\u306e\u30a2\u30d7\u30ea\u3067\u306f\u8db3\u308a\u307e\u305b\u3093\u3002<br>\n \u30de\u30de\u306e\u50cd\u304d\u65b9\u3082\u3001\u3072\u3068\u3064\u306e\u6642\u9593\u5272\u3067\u306f\u8db3\u308a\u307e\u305b\u3093\u3002<br>\n \u3060\u304b\u3089\u79c1\u305f\u3061\u306f\u3001\u81ea\u5206\u305f\u3061\u306e\u30c1\u30fc\u30e0\u3092\u52d5\u304b\u3059\u305f\u3081\u306e\u4ed5\u7d44\u307f\u3092\u3001\u81ea\u5206\u305f\u3061\u3067\u8a2d\u8a08\u3057\u3066\u3044\u307e\u3059\u3002\n <\/p>\n <p class=\"os-sub\">\u2014 More details, coming soon.<\/p>\n <\/div>\n <div class=\"os-mock\">\n <div class=\"os-mock-bar\">\n <span class=\"dot-s\"><\/span><span class=\"dot-s\"><\/span><span class=\"dot-s\"><\/span>\n <span class=\"url\">ori. \/ dashboard<\/span>\n <\/div>\n <div class=\"os-mock-grid\">\n <div class=\"os-mock-side\">\n <div class=\"item\">CLIENTS<\/div>\n <div class=\"item active\">TASKS<\/div>\n <div class=\"item\">TEAM<\/div>\n <div class=\"item\">REPORTS<\/div>\n <\/div>\n <div class=\"os-mock-main\">\n <div class=\"row\"><div class=\"col col-1\"><\/div><div class=\"col col-2\"><\/div><div class=\"col col-3\"><\/div><div class=\"col col-4\"><\/div><\/div>\n <div class=\"row\"><div class=\"col col-1\"><\/div><div class=\"col col-2\"><\/div><div class=\"col col-3\"><\/div><div class=\"col col-4\"><\/div><\/div>\n <div class=\"row\"><div class=\"col col-1\"><\/div><div class=\"col col-2\"><\/div><div class=\"col col-3\"><\/div><div class=\"col col-4\"><\/div><\/div>\n <div class=\"row\"><div class=\"col col-1\"><\/div><div class=\"col col-2\"><\/div><div class=\"col col-3\"><\/div><div class=\"col col-4\"><\/div><\/div>\n <div class=\"row\"><div class=\"col col-1\"><\/div><div class=\"col col-2\"><\/div><div class=\"col col-3\"><\/div><div class=\"col col-4\"><\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"os-mock-watermark\">UNDER CONSTRUCTION<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"ceo\">\n <div class=\"ceo-wrap\">\n <div class=\"ceo-portrait\">\n \n \n <div class=\"placeholder\">\n <span>PHOTO<br>KAORI YAHAGI<\/span>\n <\/div>\n <\/div>\n <div class=\"ceo-text\">\n <div class=\"section-label\">11 \/ CEO MESSAGE<\/div>\n <h2>\u7e54\u308a\u5408\u308f\u305b\u3066<br><span class=\"accent\">\u7f8e\u3057\u304f\u5f37\u3044<\/span>\u7d44\u7e54\u3092<\/h2>\n <p>\u79c1\u81ea\u8eab\u3001\u5b50\u80b2\u3066\u3068\u30ad\u30e3\u30ea\u30a2\u306e\u9593\u3067\u60a9\u3093\u3060\u7d4c\u9a13\u304c\u3042\u308a\u307e\u3059\u3002\u300c\u5b50\u3069\u3082\u304c\u3044\u308b\u304b\u3089\u300d\u3068\u3044\u3046\u7406\u7531\u3067\u3001\u3084\u308a\u305f\u3044\u4ed5\u4e8b\u3092\u8ae6\u3081\u306a\u3051\u308c\u3070\u306a\u3089\u306a\u3044\u793e\u4f1a\u306b\u7591\u554f\u3092\u611f\u3058\u3001\u682a\u5f0f\u4f1a\u793eORI\u3092\u8a2d\u7acb\u3057\u307e\u3057\u305f\u3002<\/p>\n <p>\u5728\u5b85\u3067\u3001\u81ea\u5206\u306e\u30da\u30fc\u30b9\u3067\u3001\u3067\u3082\u30d7\u30ed\u3068\u3057\u3066\u8a87\u308a\u3092\u6301\u3063\u3066\u50cd\u3051\u308b\u2014\u2014\u305d\u3093\u306a\u74b0\u5883\u3092\u3064\u304f\u308b\u3053\u3068\u304c\u79c1\u305f\u3061\u306e\u4f7f\u547d\u3067\u3059\u3002<\/p>\n <p>ORI\u306b\u306f\u300c\u7e54\u308a\u300d\u300c\u30aa\u30ea\u30fc\u30d6\u300d\u300coli\uff08\u30cf\u30ef\u30a4\u8a9e\u3067\u559c\u3073\uff09\u300d\u306e\u610f\u5473\u3092\u91cd\u306d\u3066\u3044\u307e\u3059\u3002\u4e00\u4eba\u3072\u3068\u308a\u306e\u500b\u6027\u3084\u7d4c\u9a13\u3092\u7e54\u308a\u5408\u308f\u305b\u3001\u307f\u3093\u306a\u3067\u5b9f\u3092\u3064\u3051\u3001\u559c\u3073\u3068\u3068\u3082\u306b\u50cd\u304f\u3002\u305d\u3093\u306a\u7d44\u7e54\u3092\u3064\u304f\u308a\u305f\u3044\u3002<\/p>\n <div class=\"sig-block\">\n <div class=\"sig-name\">\u77e2\u8429 \u9999\u7e54<\/div>\n <div class=\"sig-title\">REPRESENTATIVE DIRECTOR \/ ORI INC.<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"company\">\n <div class=\"container\">\n <div class=\"section-label\">12 \/ COMPANY<\/div>\n <h2 class=\"section-title\">\u4f1a\u793e\u6982\u8981<\/h2>\n <div class=\"company-wrap\">\n <table class=\"company-table\">\n <tr><th>company name<\/th><td>\u682a\u5f0f\u4f1a\u793eORI<\/td><\/tr>\n <tr><th>founded<\/th><td>2024\u5e743\u67086\u65e5<\/td><\/tr>\n <tr><th>ceo<\/th><td>\u4ee3\u8868\u53d6\u7de0\u5f79 \u77e2\u8429 \u9999\u7e54<\/td><\/tr>\n <tr><th>location<\/th><td>\u6771\u4eac\u90fd\u6c5f\u6238\u5ddd\u533a<\/td><\/tr>\n <tr><th>business<\/th><td>\u30d0\u30c3\u30af\u30aa\u30d5\u30a3\u30b9\u696d\u52d9\u30a2\u30a6\u30c8\u30bd\u30fc\u30b7\u30f3\u30b0<br>\u7d4c\u7406\u30fb\u7dcf\u52d9\u30fb\u4eba\u4e8b\u4ee3\u884c \/ \u30c7\u30fc\u30bf\u5165\u529b \/ \u52e4\u6020\u7ba1\u7406\uff0b\u30a2\u30d7\u30ea\u958b\u767a \/ \u696d\u52d9\u6539\u5584\u30b3\u30f3\u30b5\u30eb<\/td><\/tr>\n <tr><th>employees<\/th><td>11\u540d\uff08\u79cb\u7530\u30fb\u9996\u90fd\u570f\u301c\u9e7f\u5150\u5cf6\u3001\u53f0\u6e7e\u306b\u5728\u4f4f\uff09<\/td><\/tr>\n <tr><th>contact<\/th><td><a href=\"https:\/\/lin.ee\/RcAU7rYR\" target=\"_blank\" rel=\"noopener\" style=\"color: var(--accent); text-decoration: none; font-weight: 700; border-bottom: 1px solid var(--accent);\">LINE\u516c\u5f0f\u30a2\u30ab\u30a6\u30f3\u30c8 \u2192<\/a><\/td><\/tr>\n <\/table>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"sns\">\n <div class=\"container\">\n <div class=\"section-label\">13 \/ FOLLOW US<\/div>\n <h2 class=\"section-title\">\u6700\u65b0\u60c5\u5831\u3092<br>\u304a\u5c4a\u3051\u3057\u3066\u3044\u307e\u3059<\/h2>\n <p class=\"section-sub\">\u5404SNS\u3067\u63a1\u7528\u60c5\u5831\u3084\u6d3b\u52d5\u306e\u69d8\u5b50\u3092\u767a\u4fe1\u4e2d\u3067\u3059<\/p>\n <div class=\"sns-grid\">\n <a href=\"https:\/\/x.com\/ORI2024202463\" target=\"_blank\" rel=\"noopener\" class=\"sns-card\">\n <div class=\"sns-name\">X (Twitter)<\/div>\n <div class=\"sns-handle\">@ORI2024202463<\/div>\n <div class=\"sns-desc\">\u304a\u77e5\u3089\u305b\u3084\u30cb\u30e5\u30fc\u30b9\u30ea\u30ea\u30fc\u30b9\u3092\u914d\u4fe1<\/div>\n <div class=\"sns-more\"><span>FOLLOW<\/span><span>\u2192<\/span><\/div>\n <\/a>\n <a href=\"https:\/\/www.instagram.com\/kaori_ori36\/\" target=\"_blank\" rel=\"noopener\" class=\"sns-card\">\n <div class=\"sns-name\">Instagram<\/div>\n <div class=\"sns-handle\">@kaori_ori36<\/div>\n <div class=\"sns-desc\">\u50cd\u304f\u30de\u30de\u306e\u65e5\u5e38\u3084 \u30a4\u30d9\u30f3\u30c8\u306e\u69d8\u5b50<\/div>\n <div class=\"sns-more\"><span>FOLLOW<\/span><span>\u2192<\/span><\/div>\n <\/a>\n <a href=\"https:\/\/www.threads.com\/@kaori_ori36\" target=\"_blank\" rel=\"noopener\" class=\"sns-card\">\n <div class=\"sns-name\">Threads<\/div>\n <div class=\"sns-handle\">@kaori_ori36<\/div>\n <div class=\"sns-desc\">\u63a1\u7528\u60c5\u5831\u3084 \u304a\u4ed5\u4e8b\u306e\u88cf\u5074\u3092\u30ea\u30a2\u30eb\u306b<\/div>\n <div class=\"sns-more\"><span>FOLLOW<\/span><span>\u2192<\/span><\/div>\n <\/a>\n <a href=\"https:\/\/lin.ee\/RcAU7rYR\" target=\"_blank\" rel=\"noopener\" class=\"sns-card\">\n <div class=\"sns-name\">LINE\u516c\u5f0f<\/div>\n <div class=\"sns-handle\">\u682a\u5f0f\u4f1a\u793eORI<\/div>\n <div class=\"sns-desc\">\u304a\u554f\u3044\u5408\u308f\u305b\u3084 \u500b\u5225\u76f8\u8ac7\u306fLINE\u3067<\/div>\n <div class=\"sns-more\"><span>ADD FRIEND<\/span><span>\u2192<\/span><\/div>\n <\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"contact\" id=\"contact\">\n <h2>\u4f01\u696d\u306e\u65b9\u3082<br>\u30de\u30de\u306e\u65b9\u3082<\/h2>\n <div class=\"contact-info\">\n <span>\ud83d\udcac LINE\u516c\u5f0f\u3067\u304a\u6c17\u8efd\u306b<\/span>\n <span>\ud83d\udd52 \u5e73\u65e5 10:00 \u2013 17:00<\/span>\n <\/div>\n <div class=\"contact-btns\">\n <a href=\"https:\/\/lin.ee\/RcAU7rYR\" target=\"_blank\" rel=\"noopener\">LINE\u3067\u76f8\u8ac7\u3059\u308b \u2192<\/a>\n <a href=\"https:\/\/lin.ee\/RcAU7rYR\" target=\"_blank\" rel=\"noopener\" class=\"outlined\">LINE\u3067\u5fdc\u52df\u3059\u308b \u2192<\/a>\n <\/div>\n<\/section>\n\n<footer>\n <div class=\"foot-wrap\">\n <div class=\"foot-brand\">\n <div class=\"flogo\">\n <img decoding=\"async\" src=\"images\/ori-logo.jpg\" alt=\"ORI Logo\">\n <span>ORI<\/span>\n <\/div>\n <div class=\"ftag\">MAMA IS CAREER<\/div>\n <p>\u682a\u5f0f\u4f1a\u793eORI \/ \u5728\u5b85\u30ef\u30fc\u30ab\u30fc\u306e\u30d7\u30ed\u30d5\u30a7\u30c3\u30b7\u30e7\u30ca\u30eb\u96c6\u56e3\u3002\u30de\u30de\u305f\u3061\u304c\u4f01\u696d\u306e\u30d0\u30c3\u30af\u30aa\u30d5\u30a3\u30b9\u3092\u56de\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"foot-col\">\n <h4>Service<\/h4>\n <a href=\"#service\">\u7d4c\u7406\u4ee3\u884c<\/a>\n <a href=\"#service\">\u7dcf\u52d9\u30fb\u4eba\u4e8b\u4ee3\u884c<\/a>\n <a href=\"#service\">\u30c7\u30fc\u30bf\u5165\u529b<\/a>\n <a href=\"#service\">\u52e4\u6020\u7ba1\u7406\uff0b\u30a2\u30d7\u30ea<\/a>\n <\/div>\n <div class=\"foot-col\">\n <h4>Company<\/h4>\n <a href=\"#about\">ORI\u3068\u306f<\/a>\n <a href=\"#mvv\">\u7406\u5ff5<\/a>\n <a href=\"#os\">ori.<\/a>\n <a href=\"#contact\">\u304a\u554f\u3044\u5408\u308f\u305b<\/a>\n <\/div>\n <div class=\"foot-col\">\n <h4>Follow<\/h4>\n <a href=\"https:\/\/x.com\/ORI2024202463\" target=\"_blank\" rel=\"noopener\">X \/ @ORI2024202463<\/a>\n <a href=\"https:\/\/www.instagram.com\/kaori_ori36\/\" target=\"_blank\" rel=\"noopener\">Instagram<\/a>\n <a href=\"https:\/\/www.threads.com\/@kaori_ori36\" target=\"_blank\" rel=\"noopener\">Threads<\/a>\n <a href=\"https:\/\/lin.ee\/RcAU7rYR\" target=\"_blank\" rel=\"noopener\">LINE\u516c\u5f0f<\/a>\n <\/div>\n <\/div>\n <div class=\"foot-bottom\">\n <span>\u00a9 2024\u20132026 \u682a\u5f0f\u4f1a\u793eORI<\/span>\n <span>MAMA IS CAREER<\/span>\n <\/div>\n<\/footer>\n\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u682a\u5f0f\u4f1a\u793eORI | \u80b2\u5150\u306f\u30ad\u30e3\u30ea\u30a2 ORI ORI\u3068\u306f \u7406\u5ff5 \u4e8b\u696d \u52df\u96c6\u4e8b\u4f8b ori. \u304a\u554f\u3044\u5408\u308f\u305b NOW HIRING \u00b7 WORKING MAMAS \u80b2\u5150\u306f\u30ad\u30e3\u30ea\u30a2 MAMA IS CAREER. \u682a\u5f0f\u4f1a\u793eORI\u306f […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-27","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/orika0306.com\/index.php?rest_route=\/wp\/v2\/pages\/27","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/orika0306.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/orika0306.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/orika0306.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/orika0306.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=27"}],"version-history":[{"count":11,"href":"https:\/\/orika0306.com\/index.php?rest_route=\/wp\/v2\/pages\/27\/revisions"}],"predecessor-version":[{"id":44,"href":"https:\/\/orika0306.com\/index.php?rest_route=\/wp\/v2\/pages\/27\/revisions\/44"}],"wp:attachment":[{"href":"https:\/\/orika0306.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}