{"id":2,"date":"2025-04-22T09:23:09","date_gmt":"2025-04-22T09:23:09","guid":{"rendered":"http:\/\/innoledge.co.jp\/?page_id=2"},"modified":"2026-06-02T16:57:53","modified_gmt":"2026-06-02T07:57:53","slug":"index","status":"publish","type":"page","link":"https:\/\/innoledge.co.jp\/","title":{"rendered":"index"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300&family=DM+Sans:wght@300;400;500&family=Noto+Sans+JP:wght@300;400;500&display=swap');\n\n*{margin:0;padding:0;box-sizing:border-box}\n:root{\n  --ink:#0e0e0e;\n  --ink2:#3a3a3a;\n  --ink3:#7a7a7a;\n  --gold:#b89a5a;\n  --gold-light:#e8d9b8;\n  --cream:#faf8f4;\n  --white:#ffffff;\n  --border:#e2ddd5;\n}\nhtml{scroll-behavior:smooth}\nbody{\n  font-family:'DM Sans','Noto Sans JP',sans-serif;\n  background:var(--cream);\n  color:var(--ink);\n  overflow-x:hidden;\n}\n\n\/* NAV *\/\nnav{\n  position:fixed;top:0;left:0;right:0;z-index:100;\n  display:flex;align-items:center;justify-content:space-between;\n  padding:1.2rem 3rem;\n  background:rgba(250,248,244,0.92);\n  backdrop-filter:blur(8px);\n  border-bottom:0.5px solid var(--border);\n}\n.nav-logo{\n  font-family:'Cormorant Garamond',serif;\n  font-size:1.4rem;font-weight:600;letter-spacing:0.08em;\n  color:var(--ink);\n}\n.nav-logo span{color:var(--gold)}\n.nav-links{display:flex;gap:2.5rem;list-style:none}\n.nav-links a{\n  font-size:0.78rem;letter-spacing:0.12em;text-transform:uppercase;\n  color:var(--ink2);text-decoration:none;\n  transition:color .2s;\n}\n.nav-links a:hover{color:var(--gold)}\n\n\/* HERO *\/\n.hero{\n  min-height:100vh;\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  padding-top:5rem;\n  position:relative;\n  overflow:hidden;\n}\n.hero-left{\n  display:flex;flex-direction:column;justify-content:center;\n  padding:6rem 3rem 6rem 4rem;\n}\n.hero-eyebrow{\n  font-size:0.7rem;letter-spacing:0.25em;text-transform:uppercase;\n  color:var(--gold);margin-bottom:2rem;\n  display:flex;align-items:center;gap:1rem;\n}\n.hero-eyebrow::before{\n  content:'';display:block;width:2.5rem;height:0.5px;background:var(--gold);\n}\n.hero-title{\n  font-family:'Cormorant Garamond',serif;\n  font-size:clamp(3rem,5vw,5.5rem);\n  font-weight:300;line-height:1.05;\n  letter-spacing:-0.02em;\n  margin-bottom:0.3rem;\n}\n.hero-title em{\n  font-style:italic;color:var(--gold);\n}\n.hero-title-sub{\n  font-family:'Cormorant Garamond',serif;\n  font-size:clamp(1.8rem,3vw,3rem);\n  font-weight:300;color:var(--ink3);\n  letter-spacing:0.04em;margin-bottom:2.5rem;\n}\n.hero-desc{\n  font-size:0.9rem;line-height:1.9;color:var(--ink2);\n  max-width:28rem;margin-bottom:3rem;\n  font-weight:300;\n}\n.hero-cta{\n  display:inline-flex;align-items:center;gap:1rem;\n  font-size:0.75rem;letter-spacing:0.18em;text-transform:uppercase;\n  color:var(--ink);text-decoration:none;\n  border-bottom:0.5px solid var(--gold);\n  padding-bottom:0.4rem;\n  transition:color .2s,border-color .2s;\n  cursor:pointer;\n}\n.hero-cta:hover{color:var(--gold)}\n.hero-right{\n  position:relative;\n  background:#0e0e0e;\n  display:flex;align-items:center;justify-content:center;\n  overflow:hidden;\n}\n.geo-canvas{\n  position:absolute;inset:0;\n  display:flex;align-items:center;justify-content:center;\n}\n.geo-canvas svg{width:90%;height:90%}\n\n\/* ABOUT *\/\n.about{\n  display:grid;grid-template-columns:1fr 2fr;\n  gap:5rem;padding:8rem 4rem;\n  border-top:0.5px solid var(--border);\n}\n.section-label{\n  font-size:0.68rem;letter-spacing:0.22em;text-transform:uppercase;\n  color:var(--gold);padding-top:0.3rem;\n}\n.about-body h2{\n  font-family:'Cormorant Garamond',serif;\n  font-size:clamp(2rem,3.5vw,3.2rem);\n  font-weight:300;line-height:1.15;\n  letter-spacing:-0.01em;margin-bottom:2rem;\n}\n.about-body p{\n  font-size:0.9rem;line-height:1.9;color:var(--ink2);\n  font-weight:300;max-width:36rem;\n}\n\n\/* SERVICES *\/\n.services{\n  padding:0 4rem 8rem;\n}\n.services-header{\n  display:flex;align-items:baseline;justify-content:space-between;\n  margin-bottom:4rem;\n  border-top:0.5px solid var(--border);\n  padding-top:3rem;\n}\n.services-header h2{\n  font-family:'Cormorant Garamond',serif;\n  font-size:clamp(2rem,3.5vw,3rem);\n  font-weight:300;letter-spacing:-0.01em;\n}\n.services-grid{\n  display:grid;grid-template-columns:repeat(3,1fr);gap:0;\n}\n.service-item{\n  padding:2.5rem;border:0.5px solid var(--border);\n  position:relative;transition:background .2s;\n}\n.service-item:hover{background:var(--white)}\n.service-num{\n  font-family:'Cormorant Garamond',serif;\n  font-size:3.5rem;font-weight:300;\n  color:var(--gold-light);line-height:1;\n  margin-bottom:1.5rem;\n}\n.service-item h3{\n  font-size:0.85rem;font-weight:500;letter-spacing:0.08em;\n  margin-bottom:1rem;\n  font-family:'DM Sans','Noto Sans JP',sans-serif;\n}\n.service-item p{\n  font-size:0.82rem;line-height:1.8;color:var(--ink2);font-weight:300;\n}\n\n\/* COMPANY INFO *\/\n.company{\n  background:#0e0e0e;\n  color:#f0ebe2;\n  display:grid;grid-template-columns:1fr 1fr;\n  gap:0;\n}\n.company-left{\n  padding:7rem 4rem;\n  border-right:0.5px solid #2a2a2a;\n}\n.company-left .section-label{color:#9a7d4a}\n.company-left h2{\n  font-family:'Cormorant Garamond',serif;\n  font-size:clamp(2rem,3vw,2.8rem);\n  font-weight:300;line-height:1.2;\n  margin-top:2rem;margin-bottom:3rem;\n  color:#f0ebe2;\n}\n.company-right{padding:7rem 4rem}\n.info-table{width:100%;border-collapse:collapse}\n.info-table tr{border-bottom:0.5px solid #2a2a2a}\n.info-table td{\n  padding:1.2rem 0;font-size:0.85rem;\n  vertical-align:top;\n}\n.info-table td:first-child{\n  color:#7a7a6a;font-size:0.75rem;\n  letter-spacing:0.1em;text-transform:uppercase;\n  width:35%;padding-right:1.5rem;\n  font-weight:300;\n}\n.info-table td:last-child{color:#e8e0d0;font-weight:300;line-height:1.7}\n\n\/* FOOTER *\/\nfooter{\n  padding:3rem 4rem;\n  display:flex;align-items:center;justify-content:space-between;\n  border-top:0.5px solid var(--border);\n}\n.footer-logo{\n  font-family:'Cormorant Garamond',serif;\n  font-size:1.1rem;font-weight:600;letter-spacing:0.08em;\n}\n.footer-logo span{color:var(--gold)}\n.footer-copy{font-size:0.73rem;color:var(--ink3);letter-spacing:0.05em}\n\n@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}\n@keyframes rotateSlow{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}\n@keyframes rotateBack{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}\n@keyframes pulse{0%,100%{opacity:0.4}50%{opacity:1}}\n\n.hero-left>*{animation:fadeUp .8s ease both}\n.hero-eyebrow{animation-delay:.1s}\n.hero-title{animation-delay:.25s}\n.hero-title-sub{animation-delay:.35s}\n.hero-desc{animation-delay:.45s}\n.hero-cta{animation-delay:.55s}\n\n.geo-outer{animation:rotateSlow 40s linear infinite;transform-origin:center}\n.geo-inner{animation:rotateBack 20s linear infinite;transform-origin:center}\n.geo-dot{animation:pulse 3s ease-in-out infinite}\n<\/style>\n\n<nav>\n\n  <div class=\"nav-logo\">Inno<span>ledge<\/span><\/div>\n  <ul class=\"nav-links\">\n    <li><a href=\"#about\">About<\/a><\/li>\n    <li><a href=\"#company\">Company<\/a><\/li>\n  <\/ul>\n<\/nav>\n\n<section class=\"hero\">\n  <div class=\"hero-left\">\n    <div class=\"hero-eyebrow\">Innovation &amp; Knowledge<\/div>\n\n    <p class=\"hero-desc\">\n      \u9769\u65b0\uff08Innovation\uff09\u3068\u77e5\u8b58\uff08Knowledge\uff09\u3092\u878d\u5408\u3057\u3001Web\u30b5\u30a4\u30c8\u69cb\u7bc9\u304b\u3089\u30b7\u30b9\u30c6\u30e0\u958b\u767a\u3001\u60c5\u5831\u63d0\u4f9b\u30b5\u30fc\u30d3\u30b9\u307e\u3067\u3001\u4f01\u696d\u306e\u4fa1\u5024\u5275\u9020\u3092\u30c8\u30fc\u30bf\u30eb\u306b\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002\n    <\/p>\n  <\/div>\n  <div class=\"hero-right\">\n    <div class=\"geo-canvas\">\n      <svg viewBox=\"0 0 500 500\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <g class=\"geo-outer\">\n          <polygon points=\"250,30 470,180 470,320 250,470 30,320 30,180\" stroke=\"#b89a5a\" stroke-width=\"0.5\" fill=\"none\"><\/polygon>\n          <polygon points=\"250,60 440,190 440,310 250,440 60,310 60,190\" stroke=\"#b89a5a\" stroke-width=\"0.3\" fill=\"none\" opacity=\"0.4\"><\/polygon>\n        <\/g>\n        <g class=\"geo-inner\">\n          <rect x=\"175\" y=\"175\" width=\"150\" height=\"150\" stroke=\"#b89a5a\" stroke-width=\"0.5\" fill=\"none\" transform=\"rotate(45 250 250)\"><\/rect>\n          <rect x=\"200\" y=\"200\" width=\"100\" height=\"100\" stroke=\"#b89a5a\" stroke-width=\"0.3\" fill=\"none\" transform=\"rotate(45 250 250)\" opacity=\"0.5\"><\/rect>\n        <\/g>\n        <circle cx=\"250\" cy=\"250\" r=\"3\" fill=\"#b89a5a\" class=\"geo-dot\"><\/circle>\n        <circle cx=\"250\" cy=\"250\" r=\"30\" stroke=\"#b89a5a\" stroke-width=\"0.3\" fill=\"none\" opacity=\"0.6\"><\/circle>\n        <circle cx=\"250\" cy=\"250\" r=\"80\" stroke=\"#b89a5a\" stroke-width=\"0.2\" fill=\"none\" opacity=\"0.3\"><\/circle>\n        <line x1=\"250\" y1=\"30\" x2=\"250\" y2=\"470\" stroke=\"#b89a5a\" stroke-width=\"0.2\" opacity=\"0.15\"><\/line>\n        <line x1=\"30\" y1=\"250\" x2=\"470\" y2=\"250\" stroke=\"#b89a5a\" stroke-width=\"0.2\" opacity=\"0.15\"><\/line>\n        <line x1=\"30\" y1=\"30\" x2=\"470\" y2=\"470\" stroke=\"#b89a5a\" stroke-width=\"0.15\" opacity=\"0.1\"><\/line>\n        <line x1=\"470\" y1=\"30\" x2=\"30\" y2=\"470\" stroke=\"#b89a5a\" stroke-width=\"0.15\" opacity=\"0.1\"><\/line>\n        <circle cx=\"250\" cy=\"30\" r=\"2.5\" fill=\"#b89a5a\" opacity=\"0.6\"><\/circle>\n        <circle cx=\"470\" cy=\"180\" r=\"2.5\" fill=\"#b89a5a\" opacity=\"0.6\"><\/circle>\n        <circle cx=\"470\" cy=\"320\" r=\"2.5\" fill=\"#b89a5a\" opacity=\"0.6\"><\/circle>\n        <circle cx=\"250\" cy=\"470\" r=\"2.5\" fill=\"#b89a5a\" opacity=\"0.6\"><\/circle>\n        <circle cx=\"30\" cy=\"320\" r=\"2.5\" fill=\"#b89a5a\" opacity=\"0.6\"><\/circle>\n        <circle cx=\"30\" cy=\"180\" r=\"2.5\" fill=\"#b89a5a\" opacity=\"0.6\"><\/circle>\n        <text x=\"250\" y=\"268\" text-anchor=\"middle\" font-family=\"'Cormorant Garamond',serif\" font-size=\"11\" fill=\"#b89a5a\" letter-spacing=\"3\" opacity=\"0.7\">INNOLEDGE<\/text>\n      <\/svg>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"about\" id=\"about\">\n  <div class=\"section-label\">About Us<\/div>\n  <div class=\"about-body\">\n    <h2>\u9769\u65b0\u3068\u77e5\u8b58\u3067\u3001<br>\u672a\u6765\u3092\u5171\u306b\u5275\u308b<\/h2>\n    <p>\n      Web\u30b5\u30a4\u30c8\u69cb\u7bc9\u30fb\u30b3\u30f3\u30c6\u30f3\u30c4\u958b\u767a\u3001\u30b7\u30b9\u30c6\u30e0\u958b\u767a\u3001\u5404\u7a2e\u60c5\u5831\u63d0\u4f9b\u30b5\u30fc\u30d3\u30b9\u3092\u901a\u3058\u3066\u3001\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u4f01\u696d\u306e\u8ab2\u984c\u89e3\u6c7a\u3068\u4fa1\u5024\u5275\u9020\u3092\u30c8\u30fc\u30bf\u30eb\u306b\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002  <\/div>\n<\/section>\n<section class=\"company\" id=\"company\">\n  <div class=\"company-left\">\n    <div class=\"section-label\">Company<\/div>\n    <h2>\u4f1a\u793e\u6982\u8981<\/h2>\n    <p style=\"font-size:0.85rem;line-height:1.9;color:#9a9080;font-weight:300\">\n      \u9769\u65b0\u3068\u77e5\u8b58\u3092\u539f\u52d5\u529b\u306b\u3001<br>\u304a\u5ba2\u69d8\u3068\u5171\u306b\u524d\u9032\u3059\u308b\u4f01\u696d\u3067\u3059\u3002\n    <\/p>\n  <\/div>\n  <div class=\"company-right\">\n    <table class=\"info-table\">\n      <tbody><tr>\n        <td>\u4f1a\u793e\u540d<\/td>\n        <td>Innoledge\u682a\u5f0f\u4f1a\u793e<br><span style=\"font-size:0.8rem;color:#7a7060\">Innoledge Inc.<\/span><\/td>\n      <\/tr>\n      <tr>\n        <td>\u4ee3\u8868\u8005<\/td>\n        <td>\u5ca1\u7530\u3000\u8cb4\u5f66<\/td>\n      <\/tr>\n      <tr>\n        <td>\u8a2d\u7acb<\/td>\n        <td>2022\u5e744\u6708<\/td>\n      <\/tr>\n      <tr>\n        <td>\u6240\u5728\u5730<\/td>\n        <td>\u3012163-0003<br>\u6771\u4eac\u90fd\u65b0\u5bbf\u533a\u897f\u65b0\u5bbf3-3-13<\/td>\n      <\/tr>\n      <tr>\n        <td>\u4e8b\u696d\u5185\u5bb9<\/td>\n        <td>Web\u30b5\u30a4\u30c8\u69cb\u7bc9\u53ca\u3073\u30b3\u30f3\u30c6\u30f3\u30c4\u958b\u767a<br>\u30b7\u30b9\u30c6\u30e0\u958b\u767a<br>\u5404\u7a2e\u60c5\u5831\u63d0\u4f9b\u30b5\u30fc\u30d3\u30b9\u7b49<\/td>\n      <\/tr>\n      <tr>\n        <td>\u30ad\u30fc\u30ef\u30fc\u30c9<\/td>\n        <td>Innovation &amp; Knowledge<\/td>\n      <\/tr>\n    <\/tbody><\/table>\n  <\/div>\n<\/section>\n\n\n","protected":false},"excerpt":{"rendered":"<p>Innoledge About Company Innovation &amp; Knowledge \u9769\u65b0\uff08Innovation\uff09\u3068\u77e5\u8b58\uff08Knowledge\uff09\u3092\u878d\u5408\u3057\u3001Web\u30b5\u30a4\u30c8\u69cb\u7bc9\u304b\u3089\u30b7\u30b9\u30c6\u30e0\u958b\u767a &#8230; <\/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-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/innoledge.co.jp\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/innoledge.co.jp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/innoledge.co.jp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/innoledge.co.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/innoledge.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":19,"href":"https:\/\/innoledge.co.jp\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":35,"href":"https:\/\/innoledge.co.jp\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/35"}],"wp:attachment":[{"href":"https:\/\/innoledge.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}