{"id":8,"date":"2025-10-17T20:51:45","date_gmt":"2025-10-17T11:51:45","guid":{"rendered":"http:\/\/saeba-c.co.jp\/?page_id=8"},"modified":"2025-10-17T22:30:58","modified_gmt":"2025-10-17T13:30:58","slug":"home","status":"publish","type":"page","link":"https:\/\/saeba-c.co.jp\/","title":{"rendered":""},"content":{"rendered":"\n\n\n<!-- ===== About Overlay (Brand Title \/ Black Text \/ Transparent BG) ===== -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow:wght@400;600;800&display=swap\" rel=\"stylesheet\">\n\n<section id=\"nhs-about\" class=\"about-overlay\" aria-label=\"About \u30bb\u30af\u30b7\u30e7\u30f3\">\n  <div class=\"wrap\">\n    <h2 class=\"title\" data-reveal>About<\/h2>\n    <p class=\"lead\" data-reveal>\u73fe\u5834\u3092\u3001\u6e05\u6f54\u3068\u5b89\u5fc3\u3067\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u3059\u308b\u3002<\/p>\n    <p class=\"desc\" data-reveal>\n      SAEBA COORDINATION\u306f\u3001\u885b\u751f\u9818\u57df\u306b\u304a\u3051\u308b\u691c\u67fb\u304b\u3089\u6e05\u6383\u3001\u6a5f\u5668\u306e\u4fdd\u5b88\u3001\u5e97\u8217\u8a2d\u8a08\u3001\u55b6\u696d\u652f\u63f4\u307e\u3067\u3001<br>\n      \u7dcf\u5408\u7684\u306b\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002\n    <\/p>\n    <div class=\"btn-row\" data-reveal>\n      <a href=\"https:\/\/saeba-c.co.jp\/?page_id=10\" class=\"btn primary\">\u7121\u6599\u76f8\u8ac7\u3092\u4e88\u7d04<\/a>\n      <a href=\"https:\/\/saeba-c.co.jp\/?page_id=53\" class=\"btn ghost\">\u30b5\u30fc\u30d3\u30b9\u3092\u898b\u308b<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n#nhs-about{\n  --brand:#e1002e;\n  --ink:#0b0d10;\n  --muted:#444; \n  font-family:'Barlow',system-ui,-apple-system,\"Segoe UI\",Roboto,Arial,\"Noto Sans JP\",sans-serif;\n\n  background:transparent !important;\n  padding:clamp(100px,12vw,180px) 20px;\n  text-align:center;\n  border:none !important;\n  position:relative;\n  z-index:2;\n}\n\n\/* \u30bf\u30a4\u30c8\u30eb\u3060\u3051\u30d6\u30e9\u30f3\u30c9\u30ab\u30e9\u30fc *\/\n#nhs-about .title{\n  color:var(--brand);\n  font-size:clamp(40px,8vw,96px);\n  font-weight:800;\n  letter-spacing:.08em;\n  margin:0 0 1em;\n  border:none !important;\n}\n\n\/* \u672c\u6587\u306f\u9ed2\u7cfb *\/\n#nhs-about .lead{\n  color:var(--ink);\n  font-size:clamp(28px,5vw,56px);\n  font-weight:700;\n  margin:0 0 .6em;\n  line-height:1.3;\n}\n#nhs-about .desc{\n  color:var(--muted);\n  font-size:clamp(18px,2.5vw,22px);\n  line-height:1.8;\n  margin:0 0 2em;\n}\n\n\/* \u30dc\u30bf\u30f3 *\/\n#nhs-about .btn-row{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:1em;}\n#nhs-about .btn{\n  display:inline-block;\n  padding:16px 32px;\n  border-radius:999px;\n  font-weight:700;\n  text-decoration:none;\n  border:1px solid var(--brand);\n  transition:background .2s ease,color .2s ease,transform .2s ease;\n  font-size:clamp(16px,1.5vw,20px);\n}\n#nhs-about .btn.primary{background:var(--brand);color:#fff;}\n#nhs-about .btn.primary:hover{transform:translateY(-2px);}\n#nhs-about .btn.ghost{background:transparent;color:var(--brand);}\n#nhs-about .btn.ghost:hover{background:rgba(225,0,46,.1);}\n\n\/* \u52d5\u304d\uff1a\u30b9\u30af\u30ed\u30fc\u30eb\u6642\u306b\u3075\u308f\u3063\u3068 *\/\n#nhs-about [data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease;}\n#nhs-about [data-reveal].is-in{opacity:1;transform:none;}\n\n\/* \u30b9\u30de\u30db\u8abf\u6574 *\/\n@media (max-width:640px){\n  #nhs-about .btn-row{flex-direction:column;gap:12px;}\n}\n<\/style>\n\n<script>\n(function(){\n  const root=document.querySelector('#nhs-about');\n  if(!root) return;\n  const els=root.querySelectorAll('[data-reveal]');\n  if(!('IntersectionObserver' in window)){\n    els.forEach(e=>e.classList.add('is-in'));\n    return;\n  }\n  const io=new IntersectionObserver((ents)=>{\n    ents.forEach(en=>{\n      if(en.isIntersecting){en.target.classList.add('is-in');io.unobserve(en.target);}\n    });\n  },{threshold:.1});\n  els.forEach(e=>io.observe(e));\n})();\n<\/script>\n\n\n\n<!-- ===== SAEBA COORDINATION\uff1a\u80cc\u666f\u900f\u904e\u7248 ===== -->\n<style>\n.nh-marquee{\n  overflow:hidden;\n  width:100vw;\n  margin-left:calc(50% - 50vw);\n  margin-right:calc(50% - 50vw);\n  line-height:1.2;\n  padding:2.5vw 0;\n  background:transparent;            \/* \u2190 \u900f\u904e *\/\n  -webkit-backdrop-filter:none;      \/* \u2190 \u30d6\u30e9\u30fc\u7121\u52b9 *\/\n  backdrop-filter:none;               \/* \u2190 \u30d6\u30e9\u30fc\u7121\u52b9 *\/\n  font-family: Bahnschrift, \"DIN Alternate\", \"DIN\", \"Segoe UI\",\n               \"Helvetica Neue\", Arial, sans-serif;\n}\n\n.nh-marquee .roller{\n  display:flex;\n  width:max-content;\n  gap:var(--gap,4vw);\n  will-change:transform;\n  animation:nh-roll var(--speed,48s) linear infinite;\n}\n.nh-marquee .track{\n  display:flex;\n  gap:var(--gap,4vw);\n  align-items:baseline;\n  white-space:nowrap;\n}\n\n.nh-marquee span{\n  display:inline-block;\n  font-weight:900;\n  letter-spacing:.03em;\n  font-size:clamp(28px,10vw,160px);\n  color:#e1002e; \/* \u30d6\u30e9\u30f3\u30c9\u30ab\u30e9\u30fc\u305d\u306e\u307e\u307e *\/\n  text-shadow:\n    0 1px 0 rgba(255,255,255,.8),\n    1px 0 0 rgba(255,255,255,.8),\n    0 -1px 0 rgba(255,255,255,.8),\n    -1px 0 0 rgba(255,255,255,.8),\n    0 0 8px rgba(255,255,255,.3);\n  -webkit-text-stroke:1px rgba(255,255,255,.9);\n  paint-order:stroke fill;\n}\n\n@keyframes nh-roll{ from{transform:translateX(0)} to{transform:translateX(-50%)} }\n\n@media (max-width:599px){\n  .nh-marquee{ padding:3.2vw 0; }\n  .nh-marquee .roller{ animation-duration:calc(var(--speed,48s) * 1.3); }\n  .nh-marquee span{ font-size:clamp(24px,12vw,96px); }\n}\n\n.nh-marquee:hover .roller{ animation-play-state:paused; }\n<\/style>\n\n<div class=\"nh-marquee\" style=\"--speed:48s; --gap:4vw;\" aria-hidden=\"true\">\n  <div class=\"roller\">\n    <div class=\"track\">\n      <span>SAEBA COORDINATION&nbsp;<\/span><span>SAEBA COORDINATION&nbsp;<\/span>\n      <span>SAEBA COORDINATION&nbsp;<\/span><span>SAEBA COORDINATION&nbsp;<\/span>\n      <span>SAEBA COORDINATION&nbsp;<\/span><span>SAEBA COORDINATION&nbsp;<\/span>\n      <span>SAEBA COORDINATION&nbsp;<\/span><span>SAEBA COORDINATION&nbsp;<\/span>\n    <\/div>\n    <div class=\"track\" aria-hidden=\"true\">\n      <span>SAEBA COORDINATION&nbsp;<\/span><span>SAEBA COORDINATION&nbsp;<\/span>\n      <span>SAEBA COORDINATION&nbsp;<\/span><span>SAEBA COORDINATION&nbsp;<\/span>\n      <span>SAEBA COORDINATION&nbsp;<\/span><span>SAEBA COORDINATION&nbsp;<\/span>\n      <span>SAEBA COORDINATION&nbsp;<\/span><span>SAEBA COORDINATION&nbsp;<\/span>\n    <\/div>\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>About \u73fe\u5834\u3092\u3001\u6e05\u6f54\u3068\u5b89\u5fc3\u3067\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u3059\u308b\u3002 SAEBA COORDINATION\u306f\u3001\u885b\u751f\u9818\u57df\u306b\u304a\u3051\u308b\u691c\u67fb\u304b\u3089\u6e05\u6383\u3001\u6a5f\u5668\u306e\u4fdd\u5b88\u3001\u5e97\u8217\u8a2d\u8a08\u3001\u55b6\u696d\u652f\u63f4\u307e\u3067\u3001 \u7dcf\u5408\u7684\u306b\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002 \u7121\u6599\u76f8\u8ac7\u3092\u4e88\u7d04 \u30b5\u30fc\u30d3\u30b9\u3092\u898b\u308b S [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"vkexunit_cta_each_option":"","footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/saeba-c.co.jp\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/saeba-c.co.jp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/saeba-c.co.jp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/saeba-c.co.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/saeba-c.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":7,"href":"https:\/\/saeba-c.co.jp\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":84,"href":"https:\/\/saeba-c.co.jp\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/84"}],"wp:attachment":[{"href":"https:\/\/saeba-c.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}