{"id":25,"date":"2026-02-18T11:50:58","date_gmt":"2026-02-18T02:50:58","guid":{"rendered":"http:\/\/noblewolf.jp\/?page_id=25"},"modified":"2026-02-18T12:05:39","modified_gmt":"2026-02-18T03:05:39","slug":"%e3%83%88%e3%83%83%e3%83%97%e3%83%9a%e3%83%bc%e3%82%b8","status":"publish","type":"page","link":"https:\/\/noblewolf.jp\/","title":{"rendered":"\u30c8\u30c3\u30d7\u30da\u30fc\u30b8"},"content":{"rendered":"<p><!-- HEADER --><\/p>\n<header>\n  <a href=\"#\" class=\"logo\">Noble<span>Wolf<\/span><\/a><\/p>\n<nav>\n    <a href=\"#services\">\u4e8b\u696d\u5185\u5bb9<\/a><br \/>\n    <a href=\"#about\">\u4f1a\u793e\u6982\u8981<\/a><br \/>\n    <a href=\"#flow\" class=\"nav-cta\">\u304a\u554f\u3044\u5408\u308f\u305b<\/a><br \/>\n  <\/nav>\n<\/header>\n<p><!-- HERO --><\/p>\n<section class=\"hero\">\n<div class=\"hero-bg\"><\/div>\n<div class=\"hero-lines\"><\/div>\n<div class=\"hero-content\">\n<div class=\"hero-label\">\u682a\u5f0f\u4f1a\u793eNobleWolf<\/div>\n<h1>Sharper <em>Instincts.<\/em><br \/>Unwavering Integrity.<\/h1>\n<div class=\"hero-ja\">\u8ab0\u3088\u308a\u3082\u92ed\u304f\u3001\u8ab0\u3088\u308a\u3082\u8aa0\u5b9f\u306b\u3002<\/div>\n<div class=\"hero-actions\">\n      <a href=\"#services\" class=\"btn-primary\">\u4e8b\u696d\u5185\u5bb9\u3092\u898b\u308b<\/a><br \/>\n      <a href=\"#contact\" class=\"btn-ghost\">\u304a\u554f\u3044\u5408\u308f\u305b\u30d5\u30a9\u30fc\u30e0<\/a>\n    <\/div>\n<\/p><\/div>\n<div class=\"hero-scroll\">\n<div class=\"scroll-line\"><\/div>\n<p>    Scroll\n  <\/p><\/div>\n<\/section>\n<p><!-- SERVICES --><\/p>\n<section class=\"services\" id=\"services\">\n<div class=\"section-header reveal\">\n<div class=\"section-number\">01<\/div>\n<div class=\"section-title-group\">\n<div class=\"section-label\">Services<\/div>\n<h2 class=\"section-title\">\u5e45\u5e83\u3044\u4e0d\u52d5\u7523\u30b5\u30fc\u30d3\u30b9\u3067<br \/>\u3042\u306a\u305f\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059<\/h2>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"services-grid\" style=\"grid-template-columns: repeat(2, 1fr);\">\n<div class=\"service-card reveal\">\n      <span class=\"service-icon\">\ud83c\udfd7\ufe0f<\/span><\/p>\n<div class=\"service-name\">\u8cb7\u53d6\u696d<\/div>\n<p class=\"service-desc\">\u4e0d\u52d5\u7523\u3092\u76f4\u63a5\u8cb7\u3044\u53d6\u308a\u307e\u3059\u3002\u4ef2\u4ecb\u3092\u901a\u3055\u306a\u3044\u305f\u3081\u30b9\u30d4\u30fc\u30c7\u30a3\u30fc\u306a\u58f2\u5374\u304c\u53ef\u80fd\u3002\u7169\u308f\u3057\u3044\u624b\u7d9a\u304d\u3092\u6700\u5c0f\u9650\u306b\u3001\u304a\u5ba2\u69d8\u306e\u72b6\u6cc1\u306b\u5408\u308f\u305b\u305f\u67d4\u8edf\u306a\u5bfe\u5fdc\u3067\u3001\u5b89\u5fc3\u3057\u3066\u304a\u4efb\u305b\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>\n<p>      <a href=\"#contact\" class=\"service-link\">\u304a\u554f\u3044\u5408\u308f\u305b\u306f\u3053\u3061\u3089 \u2192<\/a>\n    <\/div>\n<div class=\"service-card reveal\" style=\"transition-delay:0.1s\">\n      <span class=\"service-icon\">\ud83d\udccb<\/span><\/p>\n<div class=\"service-name\">\u4e0d\u52d5\u7523\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0<\/div>\n<p class=\"service-desc\">\u8cc7\u7523\u5f62\u6210\u30fb\u76f8\u7d9a\u30fb\u6295\u8cc7\u306a\u3069\u3001\u4e0d\u52d5\u7523\u306b\u95a2\u3059\u308b\u3042\u3089\u3086\u308b\u3054\u76f8\u8ac7\u3092\u5c02\u9580\u5bb6\u304c\u4e01\u5be7\u306b\u304a\u7b54\u3048\u3057\u307e\u3059\u3002\u304a\u5ba2\u69d8\u4e00\u4eba\u3072\u3068\u308a\u306e\u72b6\u6cc1\u306b\u5408\u308f\u305b\u305f\u6700\u9069\u306a\u6226\u7565\u3092\u3054\u63d0\u6848\u3044\u305f\u3057\u307e\u3059\u3002<\/p>\n<p>      <a href=\"#contact\" class=\"service-link\">\u304a\u554f\u3044\u5408\u308f\u305b\u306f\u3053\u3061\u3089 \u2192<\/a>\n    <\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ABOUT STRIP --><\/p>\n<section class=\"about-strip\" id=\"about\">\n<div class=\"about-text-block reveal\">\n<div class=\"section-label\">About Us<\/div>\n<h2 class=\"section-title\" style=\"color:var(--cream)\">\u304a\u5ba2\u69d8\u306e\u4fe1\u983c\u304c\u3001<br \/>\u79c1\u305f\u3061\u306e\u8ca1\u7523\u3067\u3059<\/h2>\n<p class=\"about-body\">\n      \u8ab0\u3088\u308a\u3082\u92ed\u304f\u3001\u8ab0\u3088\u308a\u3082\u8aa0\u5b9f\u306b\u3002<br \/>\n      <em style=\"font-family:'Cormorant Garamond',serif; font-size:1rem; color:var(--gold-light); letter-spacing:0.15em;\">Sharper instincts. Unwavering integrity.<\/em><\/p>\n<p>      \u682a\u5f0f\u4f1a\u793eNobleWolf\u306f\u30012025\u5e747\u6708\u306b\u6771\u4eac\u90fd\u6e2f\u533a\u306b\u3066\u8a2d\u7acb\u3055\u308c\u305f\u4e0d\u52d5\u7523\u4f1a\u793e\u3067\u3059\u3002\u7fa4\u308c\u306b\u6d41\u3055\u308c\u305a\u3001\u81ea\u3089\u306e\u4fe1\u5ff5\u3068\u9ad8\u3044\u5c02\u9580\u6027\u3067\u3001\u304a\u5ba2\u69d8\u4e00\u4eba\u3072\u3068\u308a\u306e\u4e0d\u52d5\u7523\u8ab2\u984c\u306b\u771f\u646f\u306b\u5411\u304d\u5408\u3044\u307e\u3059\u3002\n    <\/p>\n<\/p><\/div>\n<div class=\"about-values reveal\" style=\"transition-delay:0.2s\">\n<div class=\"value-item\" style=\"border-left:1px solid var(--border); padding-left:28px; margin-bottom:36px;\">\n<div style=\"font-family:'Cormorant Garamond',serif; font-size:1.1rem; color:var(--gold-light); letter-spacing:0.2em; margin-bottom:10px;\">\u8aa0\u3000\u5b9f<\/div>\n<p style=\"font-size:0.82rem; line-height:1.9; color:rgba(247,243,236,0.6); font-weight:300;\">\u304a\u5ba2\u69d8\u3068\u306e\u7d04\u675f\u3092\u5b88\u308a\u3001\u900f\u660e\u6027\u306e\u3042\u308b\u53d6\u5f15\u3092\u5fb9\u5e95\u3057\u307e\u3059\u3002<\/p>\n<\/p><\/div>\n<div class=\"value-item\" style=\"border-left:1px solid var(--border); padding-left:28px; margin-bottom:36px;\">\n<div style=\"font-family:'Cormorant Garamond',serif; font-size:1.1rem; color:var(--gold-light); letter-spacing:0.2em; margin-bottom:10px;\">\u8fc5\u3000\u901f<\/div>\n<p style=\"font-size:0.82rem; line-height:1.9; color:rgba(247,243,236,0.6); font-weight:300;\">\u304a\u5ba2\u69d8\u306e\u5927\u5207\u306a\u6642\u9593\u3092\u5c0a\u91cd\u3057\u3001\u30b9\u30d4\u30fc\u30c7\u30a3\u30fc\u306a\u5bfe\u5fdc\u3092\u5fc3\u304c\u3051\u307e\u3059\u3002<\/p>\n<\/p><\/div>\n<div class=\"value-item\" style=\"border-left:1px solid var(--border); padding-left:28px;\">\n<div style=\"font-family:'Cormorant Garamond',serif; font-size:1.1rem; color:var(--gold-light); letter-spacing:0.2em; margin-bottom:10px;\">\u4e01\u3000\u5be7<\/div>\n<p style=\"font-size:0.82rem; line-height:1.9; color:rgba(247,243,236,0.6); font-weight:300;\">\u3069\u3093\u306a\u4e9b\u7d30\u306a\u3054\u76f8\u8ac7\u3082\u3001\u4e00\u3064\u3072\u3068\u3064\u771f\u646f\u306b\u5411\u304d\u5408\u3044\u307e\u3059\u3002<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- FLOW \/ CONTACT FORM --><\/p>\n<section class=\"flow\" id=\"flow\">\n<div class=\"section-header reveal\">\n<div class=\"section-number\">02<\/div>\n<div class=\"section-title-group\">\n<div class=\"section-label\">Contact<\/div>\n<h2 class=\"section-title\">\u304a\u554f\u3044\u5408\u308f\u305b<\/h2>\n<\/p><\/div>\n<\/p><\/div>\n<form class=\"contact-form reveal\" onsubmit=\"return false;\">\n<div class=\"form-row\">\n<div class=\"form-group\">\n        <label>\u304a\u540d\u524d <span class=\"required\">\u5fc5\u9808<\/span><\/label><br \/>\n        <input type=\"text\" placeholder=\"\u5c71\u7530 \u592a\u90ce\">\n      <\/div>\n<div class=\"form-group\">\n        <label>\u4f1a\u793e\u540d<\/label><br \/>\n        <input type=\"text\" placeholder=\"\u682a\u5f0f\u4f1a\u793e\u3007\u3007\">\n      <\/div>\n<\/p><\/div>\n<div class=\"form-row\">\n<div class=\"form-group\">\n        <label>\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9 <span class=\"required\">\u5fc5\u9808<\/span><\/label><br \/>\n        <input type=\"email\" placeholder=\"example@email.com\">\n      <\/div>\n<div class=\"form-group\">\n        <label>\u96fb\u8a71\u756a\u53f7<\/label><br \/>\n        <input type=\"tel\" placeholder=\"000-0000-0000\">\n      <\/div>\n<\/p><\/div>\n<div class=\"form-group\">\n      <label>\u304a\u554f\u3044\u5408\u308f\u305b\u7a2e\u5225 <span class=\"required\">\u5fc5\u9808<\/span><\/label><br \/>\n      <select><option value=\"\">\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044<\/option><option>\u8cb7\u53d6\u696d\u306b\u3064\u3044\u3066<\/option><option>\u4e0d\u52d5\u7523\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0\u306b\u3064\u3044\u3066<\/option><option>\u305d\u306e\u4ed6<\/option><\/select>\n    <\/div>\n<div class=\"form-group\">\n      <label>\u304a\u554f\u3044\u5408\u308f\u305b\u5185\u5bb9 <span class=\"required\">\u5fc5\u9808<\/span><\/label><br \/>\n      <textarea rows=\"6\" placeholder=\"\u3054\u76f8\u8ac7\u5185\u5bb9\u3092\u3054\u8a18\u5165\u304f\u3060\u3055\u3044\"><\/textarea>\n    <\/div>\n<div style=\"text-align:center; margin-top:12px;\">\n      <button type=\"submit\" class=\"btn-primary\" style=\"cursor:pointer; border:none; font-size:0.85rem; padding:18px 60px;\">\u9001\u4fe1\u3059\u308b<\/button>\n    <\/div>\n<\/p><\/form>\n<\/section>\n<style>\n  .contact-form { max-width: 720px; margin: 0 auto; }\n  .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }\n  .form-group { margin-bottom: 28px; }\n  .form-group label { display: block; font-size: 0.78rem; letter-spacing: 0.12em; margin-bottom: 10px; color: var(--ink); }\n  .required { color: var(--gold); font-size: 0.68rem; margin-left: 6px; }\n  .form-group input, .form-group select, .form-group textarea {\n    width: 100%; padding: 14px 16px;\n    border: 1px solid rgba(184,154,90,0.3);\n    background: #fff;\n    font-family: 'Noto Sans JP', sans-serif;\n    font-size: 0.85rem; color: var(--ink);\n    outline: none;\n    transition: border-color 0.3s;\n    appearance: none;\n  }\n  .form-group input:focus, .form-group select:focus, .form-group textarea:focus {\n    border-color: var(--gold);\n  }\n  .form-group textarea { resize: vertical; }\n  @media (max-width: 768px) { .form-row { grid-template-columns: 1fr; } }\n<\/style>\n<p><!-- CTA --><\/p>\n<section class=\"cta-section\">\n<h2 reveal>\u307e\u305a\u306f\u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044<\/h2>\n<p>\u304a\u554f\u3044\u5408\u308f\u305b\u30d5\u30a9\u30fc\u30e0\u3088\u308a\u3054\u9023\u7d61\u304f\u3060\u3055\u3044<\/p>\n<div class=\"cta-actions\">\n    <a href=\"#flow\" class=\"btn-primary\">\u304a\u554f\u3044\u5408\u308f\u305b\u30d5\u30a9\u30fc\u30e0<\/a>\n  <\/div>\n<\/section>\n<p><!-- CONTACT BAR --><\/p>\n<div class=\"contact-bar\" id=\"contact\">\n<div class=\"contact-bar-left\">\n<div style=\"font-family:'Noto Serif JP',serif; font-weight:300; font-size:0.9rem; letter-spacing:0.2em; color:var(--ink);\">\u304a\u554f\u3044\u5408\u308f\u305b\u306f\u30d5\u30a9\u30fc\u30e0\u3088\u308a\u304a\u6c17\u8efd\u306b\u3069\u3046\u305e<\/div>\n<div class=\"contact-hours\">\u53d7\u4ed8\u6642\u9593\uff1a\u5e73\u65e5 9:00\u301c18:00 \uff0f \u571f\u65e5\u795d 10:00\u301c17:00<\/div>\n<\/p><\/div>\n<div>\n    <a href=\"#\" class=\"btn-primary\">\u30e1\u30fc\u30eb\u3067\u554f\u3044\u5408\u308f\u305b\u308b<\/a>\n  <\/div>\n<\/div>\n<p><!-- FOOTER --><\/p>\n<footer>\n<div class=\"footer-top\">\n<div>\n<div class=\"footer-logo\">Noble<span>Wolf<\/span><\/div>\n<div class=\"footer-address\">\n        \u8a2d\u7acb\uff1a2025\u5e747\u67081\u65e5<br \/>\n        \u5b85\u5730\u5efa\u7269\u53d6\u5f15\u696d\u8005\u514d\u8a31\u756a\u53f7\uff1a\u6771\u4eac\u90fd\u77e5\u4e8b\uff081\uff09\u7b2c113279\u53f7\n      <\/div>\n<\/p><\/div>\n<div class=\"footer-links\">\n      <a href=\"#\">\u4e8b\u696d\u5185\u5bb9<\/a><br \/>\n      <a href=\"#\">\u4f1a\u793e\u6982\u8981<\/a><br \/>\n      <a href=\"#\">\u304a\u554f\u3044\u5408\u308f\u305b<\/a><br \/>\n      <a href=\"#\">\u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\u30dd\u30ea\u30b7\u30fc<\/a>\n    <\/div>\n<\/p><\/div>\n<div class=\"footer-bottom\">\n    &copy; 2025 \u682a\u5f0f\u4f1a\u793eNobleWolf All Rights Reserved.\n  <\/div>\n<\/footer>\n<p><script>\n  const reveals = document.querySelectorAll('.reveal');\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) entry.target.classList.add('visible');\n    });\n  }, { threshold: 0.05, rootMargin: '0px 0px -40px 0px' });\n  reveals.forEach(el => observer.observe(el));<\/p>\n<p>  window.addEventListener('load', () => {\n    reveals.forEach(el => {\n      const rect = el.getBoundingClientRect();\n      if (rect.top < window.innerHeight) el.classList.add('visible');\n    });\n  });\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>NobleWolf \u4e8b\u696d\u5185\u5bb9 \u4f1a\u793e\u6982\u8981 \u304a\u554f\u3044\u5408\u308f\u305b \u682a\u5f0f\u4f1a\u793eNobleWolf Sharper Instincts.Unwavering Integrity. \u8ab0\u3088\u308a\u3082\u92ed\u304f\u3001\u8ab0\u3088\u308a\u3082\u8aa0\u5b9f\u306b\u3002 \u4e8b\u696d\u5185\u5bb9\u3092\u898b\u308b \u304a\u554f\u3044\u5408\u308f<a class=\"more-link\" href=\"https:\/\/noblewolf.jp\/\">Continue reading <span class=\"screen-reader-text\">&#8220;\u30c8\u30c3\u30d7\u30da\u30fc\u30b8&#8221;<\/span><\/a><\/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-25","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/noblewolf.jp\/index.php?rest_route=\/wp\/v2\/pages\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/noblewolf.jp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/noblewolf.jp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/noblewolf.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/noblewolf.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=25"}],"version-history":[{"count":2,"href":"https:\/\/noblewolf.jp\/index.php?rest_route=\/wp\/v2\/pages\/25\/revisions"}],"predecessor-version":[{"id":30,"href":"https:\/\/noblewolf.jp\/index.php?rest_route=\/wp\/v2\/pages\/25\/revisions\/30"}],"wp:attachment":[{"href":"https:\/\/noblewolf.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}