SERVICE Block<\/title>\n<\/head>\n<body>\n\n<section class=\"typo-contact\" aria-label=\"SERVICE\">\n <h1 class=\"typo-title\">SERVICE<\/h1>\n<\/section>\n\n<style>\n :root{\n --typo-font: \"Bahnschrift\", \"Barlow\", \"Noto Sans JP\", system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif;\n --typo-fg: #101828; \/* \u6587\u5b57\u8272 *\/\n --typo-bg: #ffffff; \/* \u80cc\u666f\u8272\uff08\u30da\u30fc\u30b8\u306e\u307e\u307e\u4f7f\u3046\u306a\u3089\u900f\u660e\u306b\uff09 *\/\n --typo-accent: #e1002e; \/* \u4e0b\u7dda\u3084\u30cf\u30a4\u30e9\u30a4\u30c8\u7528 *\/\n }\n\n \/* \u30d6\u30ed\u30c3\u30af\u672c\u4f53\uff08\u534a\u753b\u9762\u4ee5\u4e0a\u306e\u5b58\u5728\u611f\uff09 *\/\n .typo-contact{\n position: relative;\n min-height: 40vh; \/* \u753b\u9762\u306e\u534a\u5206\u4ee5\u4e0a *\/\n display: grid; \/* \u4e2d\u592e\u5bc4\u305b *\/\n place-items: center;\n padding: clamp(24px, 8vw, 80px);\n background: var(--typo-bg);\n overflow: clip;\n }\n\n \/* \u898b\u51fa\u3057\uff08\u592a\u304f\u30fb\u30c7\u30ab\u304f\u30fb\u30df\u30cb\u30de\u30eb\uff09 *\/\n .typo-title{\n margin: 0;\n font-family: var(--typo-font);\n font-weight: 900; \/* \u592a\u5b57 *\/\n letter-spacing: 0.02em;\n line-height: 0.95;\n color: var(--typo-fg);\n font-size: clamp(32px, 6vw, 80px); \/* \u30e2\u30d0\u30a4\u30eb\uff5e\u30c7\u30b9\u30af\u30c8\u30c3\u30d7\u3067\u53ef\u5909 *\/\n text-align: center;\n white-space: nowrap; \/* 1\u884c\u56fa\u5b9a\uff08\u6539\u884c\u3055\u305b\u305f\u3044\u5834\u5408\u306f\u524a\u9664\uff09 *\/\n }\n\n \/* \u30aa\u30d7\u30b7\u30e7\u30f31\uff1a\u4e0b\u7dda\u306e\u30a2\u30cb\u30e1\uff08\u4e0d\u8981\u306a\u3089\u4e38\u3054\u3068\u524a\u9664\uff09 *\/\n .typo-title{ position: relative; }\n .typo-title::after{\n content: \"\";\n position: absolute; left: 0; right: 0; bottom: -0.4em; height: 10px;\n margin-inline: auto; width: min(28ch, 92%);\n background: linear-gradient(90deg, var(--typo-accent), #000000);\n transform: scaleX(0);\n transform-origin: left;\n animation: underline 900ms cubic-bezier(.2,.8,.2,1) 180ms forwards;\n }\n @keyframes underline{ to{ transform: scaleX(1); } }\n\n \/* \u30aa\u30d7\u30b7\u30e7\u30f32\uff1a\u884c\u3092\u5206\u3051\u305f\u3044\u5834\u5408 \u2014\u2014 HTML\u3092\u3053\u3046\u2193\u306b\u5909\u66f4\n <h2 class=\"typo-title\"><span>CONTACT<\/span><span>FORM<\/span><\/h2>\n \u306b\u3057\u3066\u3001\u4ee5\u4e0b\u306e\u30b9\u30bf\u30a4\u30eb\u3092\u6709\u52b9\u5316\u3002\n *\/\n \/*\n .typo-title{ white-space: normal; }\n .typo-title span{ display: block; }\n *\/\n\n \/* \u6697\u3044\u80cc\u666f\u3067\u4f7f\u3046\u5834\u5408\uff08\u30af\u30e9\u30b9\u8ffd\u52a0 .is-dark\uff09\n <section class=\"typo-contact is-dark\"> \u306b\u3057\u3066\u5229\u7528\u3002\n *\/\n .typo-contact.is-dark{ background: #0b1220; }\n .typo-contact.is-dark .typo-title{ color: #fff; }\n\n \/* \u4f59\u767d\u3092\u3082\u3046\u5c11\u3057\u8a70\u3081\u305f\u3044\u5834\u5408\u306f min-height \u3092 50vh \u7a0b\u5ea6\u306b *\/\n<\/style>\n<\/body>\n<\/html>\n\n\n\n\n<div class=\"wp-block-cover alignfull\" style=\"min-height:432px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-black-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<div class=\"wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top\"><div class=\"vk_block-margin-lg--margin-top\"><\/div><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/strategy.infocorpsite.com\/wp-content\/uploads\/2025\/10\/ureborn2.webp\" alt=\"\" class=\"wp-image-819\" style=\"object-fit:cover\"\/><\/figure>\n\n\n\n<div class=\"wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top\"><div class=\"vk_block-margin-sm--margin-top\"><\/div><\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-vk-color-primary-color has-alpha-channel-opacity has-vk-color-primary-background-color has-background\"\/>\n\n\n\n<p>\u79c1\u305f\u3061\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<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large is-style-vk-image-rounded\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2025\/10\/S__19750939_0-1024x683.jpg\" alt=\"\" class=\"wp-image-97\" srcset=\"https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2025\/10\/S__19750939_0-1024x683.jpg 1024w, https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2025\/10\/S__19750939_0-300x200.jpg 300w, https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2025\/10\/S__19750939_0-768x512.jpg 768w, https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2025\/10\/S__19750939_0-1536x1024.jpg 1536w, https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2025\/10\/S__19750939_0.jpg 1566w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n\n<section id=\"type-hero\" aria-label=\"\u30bf\u30a4\u30d4\u30f3\u30b0\u8868\u793a\">\n <div class=\"type-wrap\">\n \n <p id=\"line1\" class=\"type-line type-big\" data-text=\"\u691c\u67fb\u306f\u7d42\u308f\u308a\uff1f\" data-speed=\"70\"><\/p>\n <p id=\"line2\" class=\"type-line type-big\" data-text=\"\u306f\u3058\u307e\u308a\u3067\u3059\u3002\" data-speed=\"70\"><\/p>\n\n \n <p id=\"subcopy\" class=\"type-line type-small\"\n data-lines='[\"\u5e97\u8217\u306b\u307e\u3064\u308f\u308b\u3081\u3093\u3069\u3046\u304f\u3055\u3044\u3063\u3066\u3001\u3042\u308b\u3002\",\"\u307e\u3068\u3081\u3066\u76f8\u8ac7\u3067\u304d\u308b\u3068\u3053\u308d\u304c\u3001\u3042\u308b\u3002\"]'\n data-speed=\"68\"\n data-delay-after-prev=\"600\"><\/p>\n <\/div>\n<\/section>\n\n<style>\n #type-hero { width: 100%; display: block; }\n #type-hero .type-wrap {\n max-width: 1200px; margin: 0 auto; padding: 40px 20px;\n text-align: center;\n color: #fff; \/* \u2190 \u5168\u6587\u767d\u3002cursor\u3082currentColor\u3067\u767d\u306b\u306a\u308a\u307e\u3059 *\/\n }\n\n .type-line {\n font-weight: 800;\n letter-spacing: 0.02em;\n margin: 0 0 20px 0;\n line-height: 1.15;\n }\n\n \/* \u898b\u51fa\u3057\u306f\u201c\u5fc5\u305a1\u884c\u4fdd\u6301\u201d\u3057\u3066\u3001\u753b\u9762\u5e45\u306b\u5408\u308f\u305b\u3066\u81ea\u52d5\u7e2e\u5c0f *\/\n .type-big {\n white-space: nowrap;\n word-break: keep-all;\n overflow-wrap: normal;\n font-size: clamp(36px, 8.5vw, 96px);\n }\n\n \/* \u30b5\u30d6\u30b3\u30d4\u30fc\u306f\u8aad\u307f\u3084\u3059\u304f\u8907\u6570\u884cOK *\/\n .type-small {\n font-size: clamp(20px, 4.2vw, 34px);\n line-height: 1.35;\n opacity: 0.96;\n white-space: pre-wrap;\n }\n\n \/* \u30ab\u30fc\u30bd\u30eb\uff08currentColor=\u767d\uff09 *\/\n .cursor {\n display: inline-block;\n width: 0.6ch;\n border-right: 3px solid currentColor;\n animation: blink 1s steps(1) infinite; \/* \u307b\u3093\u306e\u5c11\u3057\u3060\u3051\u3086\u3063\u304f\u308a *\/\n }\n @keyframes blink { 50% { border-color: transparent; } }\n\n \/* \u753b\u9762\u304c\u6975\u7aef\u306b\u72ed\u3044\u5834\u5408\u306e\u4fdd\u967a *\/\n @media (max-width: 360px) {\n .type-big { font-size: clamp(32px, 9.5vw, 84px); }\n .type-small { font-size: clamp(18px, 4.8vw, 30px); }\n }\n\n \/* \u52d5\u304d\u3092\u597d\u307e\u306a\u3044\u4eba\u5411\u3051 *\/\n @media (prefers-reduced-motion: reduce) {\n .cursor { animation: none; border-color: transparent; }\n }\n<\/style>\n\n<script>\n(function(){\n const prefersReduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n async function typeOneLine(el, text, speed=60, delay=0){\n if (!el) return;\n if (prefersReduced) { el.textContent = text; return; }\n await sleep(delay);\n el.textContent = '';\n const span = document.createElement('span');\n el.appendChild(span);\n for (let i = 0; i < text.length; i++) {\n span.textContent = text.slice(0, i + 1);\n await sleep(speed);\n }\n const cursor = document.createElement('span');\n cursor.className = 'cursor';\n el.appendChild(cursor);\n }\n\n async function typeMultiLines(el, lines, speed=62, delay=0){\n if (!el) return;\n if (prefersReduced) { el.innerHTML = lines.join('<br>'); return; }\n await sleep(delay);\n el.textContent = '';\n for (let i = 0; i < lines.length; i++) {\n const span = document.createElement('span');\n el.appendChild(span);\n const text = lines[i];\n for (let j = 0; j < text.length; j++) {\n span.textContent = text.slice(0, j + 1);\n await sleep(speed);\n }\n if (i < lines.length - 1) {\n el.appendChild(document.createElement('br'));\n await sleep(Math.max(200, speed * 4)); \/* \u9593\u306e\u30dd\u30fc\u30ba\u3082\u5c11\u3057\u9577\u3081\u306b *\/\n }\n }\n const cursor = document.createElement('span');\n cursor.className = 'cursor';\n el.appendChild(cursor);\n }\n\n function sleep(ms){ return new Promise(r => setTimeout(r, ms)); }\n\n (async function run(){\n const l1 = document.getElementById('line1');\n const l2 = document.getElementById('line2');\n const sub = document.getElementById('subcopy');\n\n const text1 = l1?.dataset.text || '';\n const text2 = l2?.dataset.text || '';\n const speed1 = Number(l1?.dataset.speed || 70);\n const speed2 = Number(l2?.dataset.speed || 70);\n\n \/\/ \u540c\u6642\u30b9\u30bf\u30fc\u30c8\uff08\u5c11\u3057\u3060\u3051\u30bf\u30e1\u3092\u4f5c\u308b\uff09\n const p1 = typeOneLine(l1, text1, speed1, 180);\n const p2 = typeOneLine(l2, text2, speed2, 180);\n await Promise.all([p1, p2]);\n\n const linesSub = JSON.parse(sub?.dataset.lines || '[]');\n const speedSub = Number(sub?.dataset.speed || 68);\n const delayAfter = Number(sub?.dataset.delayAfterPrev || 600);\n await typeMultiLines(sub, linesSub, speedSub, delayAfter);\n })();\n})();\n<\/script>\n\n\n\n<div class=\"wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top\"><div class=\"vk_block-margin-lg--margin-top\"><\/div><\/div>\n<\/div><\/div>\n\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow:wght@400;600;800&family=Noto+Sans+JP:wght@400;700&display=swap\" rel=\"stylesheet\">\n\n<section id=\"inspection-food\" class=\"hx-inspect neo\" lang=\"ja\" aria-labelledby=\"hx-title\">\n <div class=\"hx-bg\" aria-hidden=\"true\"><\/div>\n\n <div class=\"hx-wrap\">\n <header class=\"hx-head\" data-reveal>\n <span class=\"hx-eyebrow\">HYGIENE x OPS<\/span>\n <h2 id=\"hx-title\" class=\"hx-title\">\n \u98f2\u98df\u5e97\u30fb\u53a8\u623f\u306e\u885b\u751f\u70b9\u691c\n <i class=\"hx-underline\" aria-hidden=\"true\"><\/i>\n <\/h2>\n <p class=\"hx-lead\">\n \u53a8\u623f\u306e\u885b\u751f\u72b6\u614b\u3092 <mark class=\"hx-em\">\u898b\u3048\u308b\u5316<\/mark>\u3002\u62ed\u304d\u53d6\u308a\u30fbATP\u30fb\u5fae\u751f\u7269\u691c\u67fb\u3067\u73fe\u72b6\u3092\u628a\u63e1\u3057\u3001<br class=\"hx-sp-hide\">\n \u65e5\u3005\u306e\u6e05\u6383\u30d5\u30ed\u30fc\u3068\u6539\u5584\u8a08\u753b\u307e\u3067\u3092<strong class=\"hx-plain\">\u6700\u5c0f\u306e\u624b\u9593<\/strong>\u3067\u4ed5\u7d44\u307f\u5316\u3057\u307e\u3059\u3002\n <\/p>\n <\/header>\n\n <div class=\"hx-grid\">\n <div class=\"hx-col\" data-reveal>\n <ul class=\"hx-list\">\n <li><strong>\u62ed\u304d\u53d6\u308a\u691c\u67fb<\/strong>\uff08\u8abf\u7406\u53f0\u30fb\u53d6\u624b\u30fb\u5668\u5177\uff09<\/li>\n <li><strong>ATP\u3075\u304d\u53d6\u308a<\/strong>\u3067\u5373\u6642\u5224\u5b9a\uff08\u57fa\u6e96\u5024\u8a2d\u5b9a\uff09<\/li>\n \n <li><strong>\u5fae\u751f\u7269\u691c\u67fb<\/strong>\uff08\u4e00\u822c\u751f\u83cc\u30fb\u5927\u8178\u83cc\u7fa4\u30fb\u9ec4\u8272\u30d6\u30c9\u30a6\u7403\u83cc\uff09<\/li>\n <li><strong>\u5e97\u8217\u306b\u5408\u308f\u305b\u305f\u76ee\u8996\u9805\u76ee<\/strong>\uff08\u30ea\u30b9\u30c8\u5316\u30fb\u904b\u7528\uff09<\/li>\n \n <li><strong>\u5b9a\u7740\u5316\u30b5\u30dd\u30fc\u30c8<\/strong>\uff08\u30c1\u30a7\u30c3\u30af\u8868\uff09<\/li>\n \n <li><strong>\u885b\u751f\u8b1b\u7fd2\u4f1a<\/strong>\uff08\u5f0a\u793e\u793e\u54e1\u307e\u305f\u306f\u5916\u90e8\u8b1b\u5e2b\uff09<\/li>\n <\/ul>\n\n <div class=\"hx-chips\" role=\"list\" aria-label=\"\u5bfe\u5fdc\u7bc4\u56f2\">\n <span role=\"listitem\" class=\"chip\">\u5358\u5e97\u301c\u591a\u5e97\u8217<\/span>\n \n <span role=\"listitem\" class=\"chip\">\u5831\u544a\u66f8\u30c6\u30f3\u30d7\u30ec\u4ed8<\/span>\n <\/div>\n <\/div>\n\n <div class=\"hx-col\" data-reveal>\n <div class=\"hx-cards\">\n <article class=\"hx-card hx-glass\">\n \n <p class=\"hx-kpi-label\">\u885b\u751f\u691c\u67fb\u898b\u7a4d<\/p>\n <p class=\"hx-kpi\"><span>\u6700\u77ed<\/span> <b class=\"num\">72h<\/b><\/p>\n <p class=\"hx-note-s\">\u203b \u5e97\u8217\u898f\u6a21\u30fb\u691c\u4f53\u6570\u306b\u3088\u308a\u5909\u52d5<\/p>\n <\/article>\n\n <article class=\"hx-card hx-glass\">\n <p class=\"hx-kpi-label\">\u6539\u5584\u63a8\u5968\u306e\u5b9f\u884c<\/p>\n <p class=\"hx-kpi\"><b class=\"num\">\u904b\u7528\u5316<\/b> \u307e\u3067\u4f34\u8d70<\/p>\n <p class=\"hx-note-s\">\u5b9a\u671f\u70b9\u691c\uff0f\u6559\u80b2<\/p>\n <\/article>\n <\/div>\n <\/div>\n <\/div>\n\n <footer class=\"hx-foot\" data-reveal>\n <p class=\"hx-small\">\u203b \u691c\u67fb\u7bc4\u56f2\u30fb\u9805\u76ee\u306f\u5e97\u8217\u898f\u6a21\u30fb\u696d\u614b\u306b\u3088\u308a\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u53ef\u80fd\u3067\u3059\u3002<\/p>\n <\/footer>\n <\/div>\n<\/section>\n\n<style>\n\/* ===== Theme\uff08\u900f\u904e\u7248\uff09 ===== *\/\n#inspection-food.hx-inspect.neo{\n --brand:#e1002e;\n --ink:#0b0d10;\n --muted:#5b616e;\n --line:#e9ecf1;\n --wrap:1080px;\n --glass-bg: rgba(255,255,255,.22);\n --glass-bd: rgba(255,255,255,.9);\n background: transparent;\n color:var(--ink);\n font-family: 'Noto Sans JP', system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif;\n border:none!important; padding:0!important; margin:0!important;\n position:relative; isolation:isolate; overflow:hidden;\n}\n#inspection-food .hx-wrap{ max-width:var(--wrap); margin:0 auto; padding:48px 16px 26px; }\n\n\/* \u80cc\u666f\u30b0\u30ea\u30c3\u30c9 *\/\n#inspection-food .hx-bg{\n position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.45;\n background:\n linear-gradient(90deg, rgba(16,16,24,.05) 1px, transparent 1px) 0 0\/36px 36px,\n linear-gradient(0deg, rgba(16,16,24,.05) 1px, transparent 1px) 0 0\/36px 36px,\n radial-gradient(60% 60% at 120% -10%, color-mix(in oklab, var(--brand) 8%, white 92%), transparent 60%),\n radial-gradient(40% 40% at -20% 120%, color-mix(in oklab, var(--brand) 7%, white 93%), transparent 60%);\n filter: saturate(110%) blur(.2px);\n}\n\n\/* Eyebrow \/ Head *\/\n#inspection-food .hx-eyebrow{\n display:inline-flex; align-items:center; gap:.55em;\n font: 400 12px\/1 'Barlow', system-ui, sans-serif; letter-spacing:.18em; text-transform:uppercase;\n color: var(--muted);\n}\n#inspection-food .hx-eyebrow::before{\n content:\"\"; width:42px; height:1.5px; background:var(--brand); opacity:.7; border-radius:2px;\n}\n#inspection-food .hx-title{\n position:relative; color:var(--ink);\n font-weight:400; letter-spacing:.01em; margin:.35rem 0 0;\n font-size: clamp(28px,5.4vw,56px); line-height:1.08; white-space:nowrap;\n}\n#inspection-food .hx-underline{\n position:relative; display:block; height:6px; margin:.55rem 0 0;\n background: linear-gradient(90deg, var(--brand), #ff9aa9 40%, #fff 58%, var(--brand) 100%);\n border-radius:999px; width:0; opacity:0; transform:translateY(6px);\n box-shadow: 0 6px 18px color-mix(in oklab, var(--brand) 40%, transparent 60%);\n}\n#inspection-food .hx-title.draw .hx-underline{ animation: hx-draw 0.9s cubic-bezier(.2,.9,.2,1) forwards; }\n@keyframes hx-draw{ to{ width:min(560px,70vw); opacity:1; transform:translateY(0); } }\n\n#inspection-food .hx-lead{\n color:var(--muted);\n font-size: clamp(15px,2.1vw,20px); line-height:1.75; margin:.7rem 0 0;\n}\n#inspection-food .hx-em{ background: linear-gradient(transparent 60%, color-mix(in oklab, var(--brand) 22%, #fff 78%) 60%); color:inherit; padding:0 .1em; }\n#inspection-food .hx-plain{ font-weight:400; }\n\n\/* Grid *\/\n#inspection-food .hx-grid{ position:relative; z-index:1; display:grid; gap:clamp(12px,2.6vw,22px); grid-template-columns:1.08fr .92fr; align-items:start; margin-top:20px; }\n@media (max-width: 900px){ #inspection-food .hx-grid{ grid-template-columns:1fr; gap:clamp(10px,3vw,18px); } }\n\n\/* List *\/\n#inspection-food .hx-list{ list-style:none; padding:0; margin:0; display:grid; gap:.5rem; }\n#inspection-food .hx-list li{\n position:relative; padding-left:1.2rem; line-height:1.65;\n font-size:clamp(14px,1.8vw,17px); letter-spacing:.01em;\n}\n#inspection-food .hx-list strong{ font-weight:400; }\n#inspection-food .hx-list li::before{\n content:\"\"; position:absolute; left:0; top:.82em; width:.52rem; height:.52rem; border-radius:999px;\n background:\n radial-gradient(circle at 30% 30%, #fff 0 35%, transparent 36%),\n radial-gradient(circle at 70% 70%, #fff 0 25%, transparent 26%),\n var(--brand);\n box-shadow: 0 0 0 2px color-mix(in oklab, var(--brand) 35%, #fff 65%);\n}\n\n\/* Chips *\/\n#inspection-food .hx-chips{ display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }\n#inspection-food .chip{\n border:1px dashed color-mix(in oklab, var(--brand) 38%, #c7cbd2 62%);\n padding:6px 10px; border-radius:999px; font: 400 12.5px\/1.2 'Barlow', sans-serif; color:var(--muted);\n background: rgba(255,255,255,.18);\n -webkit-backdrop-filter: blur(6px);\n backdrop-filter: blur(6px);\n transition: transform .25s ease;\n}\n#inspection-food .chip:hover{ transform: translateY(-1px); }\n\n\/* Cards *\/\n#inspection-food .hx-cards{ display:grid; gap:12px; grid-template-columns:1fr 1fr; }\n@media (max-width: 560px){ #inspection-food .hx-cards{ grid-template-columns:1fr; } }\n\n#inspection-food .hx-card{\n position:relative; border:1px solid color-mix(in oklab, var(--brand) 14%, var(--line) 86%);\n border-radius:16px; padding:16px 16px 14px;\n background: transparent;\n overflow:hidden;\n}\n#inspection-food .hx-glass{\n background: var(--glass-bg);\n -webkit-backdrop-filter: saturate(120%) blur(10px);\n backdrop-filter: saturate(120%) blur(10px);\n border-color: color-mix(in oklab, var(--brand) 18%, var(--glass-bd) 82%);\n box-shadow: 0 10px 24px rgba(0,0,0,.12), 0 4px 10px rgba(0,0,0,.08);\n}\n#inspection-food .hx-glass::before{\n content:\"\"; position:absolute; inset:0 0 auto 0; height:22px;\n background: linear-gradient(180deg, rgba(255,255,255,.28), transparent);\n pointer-events:none;\n}\n#inspection-food .hx-card::after{\n content:\"\"; position:absolute; inset:auto -10% 0 -10%; height:3px;\n background: linear-gradient(90deg, transparent, var(--brand), transparent);\n opacity:.65;\n}\n\n\/* KPI text *\/\n#inspection-food .hx-kpi-label{ color:var(--muted); font-size:clamp(12.5px,1.6vw,14.5px); margin:0 0 .25rem; letter-spacing:.04em; }\n#inspection-food .hx-kpi{ font-weight:400; font-size:clamp(18px,2.3vw,24px); margin:0; }\n#inspection-food .hx-kpi .num{\n font-weight:400; font-family:'Barlow',system-ui,sans-serif; letter-spacing:.02em;\n text-shadow: 0 .03em 0 rgba(0,0,0,.05), 0 0 .35em color-mix(in oklab, var(--brand) 35%, white 65%);\n}\n#inspection-food .hx-kpi span{ color:var(--brand); }\n#inspection-food .hx-note-s{ color:var(--muted); font-size:12px; margin:.35rem 0 0; }\n\n\/* Footer *\/\n#inspection-food .hx-foot{ margin-top:clamp(12px,2vw,20px); }\n#inspection-food .hx-small{ color:var(--muted); font-size:clamp(12px,1.5vw,14px); margin:0; }\n\n\/* Reveal *\/\n#inspection-food [data-reveal]{ opacity:0; transform:translateY(6px); }\n#inspection-food .in{ opacity:1; transform:none; transition: opacity .45s ease, transform .45s cubic-bezier(.2,.9,.2,1); }\n@media (prefers-reduced-motion: reduce){\n #inspection-food [data-reveal]{ opacity:1; transform:none; }\n #inspection-food .hx-underline{ width:min(560px,70vw); opacity:1; transform:none; }\n}\n\n\/* Mobile tweaks *\/\n@media (max-width: 430px){\n #inspection-food .hx-title{ font-size: clamp(26px, 6.2vw, 48px); white-space:normal; }\n}\n<\/style>\n\n<script>\n(function(){\n const root = document.querySelector('#inspection-food');\n if(!root) return;\n\n if('IntersectionObserver' in window){\n const io = new IntersectionObserver((ents)=>{\n ents.forEach(en=>{\n if(en.isIntersecting){\n en.target.classList.add('in');\n io.unobserve(en.target);\n }\n });\n }, {threshold:.12});\n root.querySelectorAll('[data-reveal]').forEach(el=>io.observe(el));\n }else{\n root.querySelectorAll('[data-reveal]').forEach(el=>el.classList.add('in'));\n }\n\n const title = root.querySelector('.hx-title');\n const draw = ()=> title && title.classList.add('draw');\n if('IntersectionObserver' in window){\n const tIO = new IntersectionObserver((ents)=>{\n ents.forEach(en=>{ if(en.isIntersecting){ draw(); tIO.disconnect(); } });\n }, {threshold:.6});\n title && tIO.observe(title);\n }else{ draw(); }\n})();\n<\/script>\n\n\n\n<section id=\"img-tilt\" class=\"st\">\n <figure class=\"st-card\">\n <img decoding=\"async\" src=\"https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2025\/10\/4ff99c77a495e1b60c649ed4c60337b8-1.png\" alt=\"\">\n <\/figure>\n<\/section>\n\n<style>\n#img-tilt.st{ --h:clamp(220px,45vw,520px); perspective:1000px }\n#img-tilt .st-card{\n height:var(--h); border-radius:16px; overflow:hidden; margin:0;\n transform:rotateX(0) rotateY(0); transform-style:preserve-3d;\n transition:transform .35s ease, box-shadow .35s ease;\n box-shadow:0 10px 30px rgba(0,0,0,.12);\n position:relative;\n}\n#img-tilt .st-card::after{\n content:\"\"; position:absolute; inset:0; pointer-events:none;\n background:linear-gradient(120deg, rgba(255,255,255,.0) 40%, rgba(255,255,255,.18) 60%, rgba(255,255,255,0) 70%);\n transform:translateZ(50px); opacity:.0; transition:opacity .35s ease;\n}\n#img-tilt img{ width:100%; height:100%; object-fit:cover; display:block }\n#img-tilt .st-card:hover{\n transform:rotateX(3deg) rotateY(-6deg);\n box-shadow:0 20px 40px rgba(0,0,0,.16);\n}\n#img-tilt .st-card:hover::after{ opacity:1; }\n@media (hover:none){ #img-tilt .st-card:hover{ transform:none } }\n@media (prefers-reduced-motion:reduce){ #img-tilt .st-card{ transition:none } }\n<\/style>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"612\" height=\"337\" src=\"https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2025\/10\/servsafe_logo-1.png\" alt=\"\" class=\"wp-image-107\" srcset=\"https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2025\/10\/servsafe_logo-1.png 612w, https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2025\/10\/servsafe_logo-1-300x165.png 300w\" sizes=\"auto, (max-width: 612px) 100vw, 612px\" \/><\/figure>\n\n\n\n<p class=\"has-vivid-cyan-blue-color has-text-color has-link-color wp-elements-a6bd61804e7e389c53be6f3d3706a1ad\"><strong>\u7c73\u56fd\u3067\u3001\u30db\u30c6\u30eb\u3001\u75c5\u9662\u3001\u30ec\u30b9\u30c8\u30e9\u30f3\u3001\u30b1\u30fc\u30bf\u30ea\u30f3\u30b0\u3001\u30d5\u30a1\u30fc\u30b9\u30c8\u30d5\u30fc\u30c9\u306b\u304a\u3044\u3066\u53d7\u8b1b\u304c\u7fa9\u52d9\u3065\u3051\u3089\u308c\u3066\u3044\u308b\u98df\u54c1\u885b\u751f\u30d7\u30ed\u30b0\u30e9\u30e0\u3067\u3059\u3002\u5f0a\u793e\u793e\u54e1\u306f\u30b5\u30fc\u30d6\u30bb\u30fc\u30d5\u306e\u8a8d\u8a3c\u3092\u53d7\u3051\u3066\u3044\u307e\u3059\u3002<\/strong><\/p>\n\n\n\n<p>1974\u5e74\u306b\u98df\u54c1\u885b\u751f\u306e\u5148\u9032\u56fd\u3067\u3042\u308b\u7c73\u56fd\u3067\u7523\u307f\u51fa\u3055\u308c\u305f\u885b\u751f\u7ba1\u7406\u30d7\u30ed\u30b0\u30e9\u30e0\u300c\u30b5\u30fc\u30d6\u30bb\u30fc\u30d5\u300d\u3002\u958b\u59cb\u4ee5\u6765500\u4e07\u4eba\u4ee5\u4e0a\u304c\u8a8d\u5b9a\u3055\u308c\u305f\u7c73\u56fd\u9023\u90a6\u653f\u5e9c\u3001\u5dde\u653f\u5e9c\u3001\u4fdd\u5065\u6240\u516c\u8a8d\u306e\u98df\u54c1\u885b\u751f\u306b\u95a2\u3059\u308b\u8a8d\u8a3c\u30d7\u30ed\u30b0\u30e9\u30e0\u3067\u3059\u3002\u7c73\u56fd\u306e\u307b\u3068\u3093\u3069\u306e\u5dde\u3067\u53d7\u8b1b\u304c\u7fa9\u52d9\u3065\u3051\u3089\u308c\u3066\u3044\u308b\u307b\u3069\u3001\u6700\u3082\u30e1\u30b8\u30e3\u30fc\u306a\u885b\u751f\u7ba1\u7406\u30d7\u30ed\u30b0\u30e9\u30e0\u3067\u3059\u3002\u4e0d\u9069\u5207\u306a\u98df\u54c1\u306e\u53d6\u308a\u6271\u3044\u3084\u500b\u4eba\u885b\u751f\u3001\u98df\u4e2d\u6bd2\u4e8b\u6545\u3092\u9632\u6b62\u3059\u308b\u305f\u3081\u306b\u5fc5\u8981\u306a\u77e5\u8b58\u3092\u7fd2\u5f97\u3057\u307e\u3059\u3002\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u5f8c\u306b\u306f\u8a8d\u8a3c\u30c6\u30b9\u30c8\u3067\u5408\u683c\u3059\u308b\u3068\u3001\u7c73\u56fdNRA\uff08\u5168\u7c73\u30ec\u30b9\u30c8\u30e9\u30f3\u5354\u4f1a\uff0a1 \uff09\u6559\u80b2\u8ca1\u56e3\u3088\u308a\u8a8d\u5b9a\u8a3c\u304c\u767a\u884c\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top\"><div class=\"vk_block-margin-md--margin-top\"><\/div><\/div>\n\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow:wght@400;600;800&family=Noto+Sans+JP:wght@400;700&display=swap\" rel=\"stylesheet\">\n\n<section id=\"service-carpet\" class=\"hx-inspect neo\" lang=\"ja\" aria-labelledby=\"hx-title-carpet\">\n \n <div class=\"hx-bg\" aria-hidden=\"true\"><\/div>\n\n <div class=\"hx-wrap\">\n <header class=\"hx-head\" data-reveal>\n <span class=\"hx-eyebrow\">CLEANING x CARE<\/span>\n <h2 id=\"hx-title-carpet\" class=\"hx-title\">\n \u5404\u7a2e\u6e05\u6383\n <i class=\"hx-underline\" aria-hidden=\"true\"><\/i>\n <\/h2>\n <p class=\"hx-lead\">\n \u4ed5\u69d8\u30fb\u7d20\u6750\u306b\u5408\u308f\u305b\u3066\u6700\u9069\u624b\u6cd5\u3092\u9078\u5b9a\u3002<mark class=\"hx-em\">\u84c4\u7a4d\u6c5a\u308c\u306e\u5206\u89e3\u9664\u53bb<\/mark>\u3068\n <mark class=\"hx-em\">\u98a8\u5408\u3044\u56de\u5fa9<\/mark>\u3092\u4e21\u7acb\u3057\u3001\u65e5\u5e38\u6e05\u6383\u3067\u306f\u5c4a\u304b\u306a\u3044\u6240\u307e\u3067\u4e01\u5be7\u306b\u4ed5\u4e0a\u3052\u307e\u3059\u3002\n <\/p>\n <\/header>\n\n <div class=\"hx-grid\">\n \n <div class=\"hx-col\" data-reveal>\n <ul class=\"hx-list\">\n <li><strong>\u30ab\u30fc\u30da\u30c3\u30c8\u6e05\u6383<\/strong><\/li>\n <li><strong>\u5e8a\u6e05\u6383<\/strong><\/li>\n <li><strong>\u53a8\u623f\u6e05\u6383<\/strong><\/li>\n <li><strong>\u30b7\u30df\u629c\u304d<\/strong>\uff08\u98f2\u6599\u30fb\u6cb9\u6027\u30fb\u30bf\u30f3\u30d1\u30af\u7cfb\u306e\u30b9\u30dd\u30c3\u30c8\u5bfe\u5fdc\uff09<\/li>\n <li><strong>\u6d88\u81ed\u30fb\u9664\u83cc<\/strong>\uff08\u7528\u9014\u306b\u5fdc\u3058\u305f\u85ac\u5264\u9078\u5b9a\uff09<\/li>\n <li><strong>\u30b3\u30fc\u30c6\u30a3\u30f3\u30b0<\/strong><\/li>\n <li><strong>\u30ef\u30c3\u30af\u30b9\u65bd\u5de5<\/strong><\/li>\n <\/ul>\n \n <div class=\"hx-chips\" role=\"list\" aria-label=\"\u5bfe\u5fdc\u7bc4\u56f2\">\n <span role=\"listitem\" class=\"chip\">\u591c\u9593\uff0f\u65e9\u671d<\/span>\n <span role=\"listitem\" class=\"chip\">\u5358\u767a\u301c\u5b9a\u671f<\/span>\n <span role=\"listitem\" class=\"chip\">\u7d20\u6750\u5225\u30c6\u30b9\u30c8\u53ef<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"hx-col\" data-reveal>\n <div class=\"hx-cards\">\n <article class=\"hx-card hx-glass\">\n <p class=\"hx-kpi-label\">\u6a19\u6e96\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb<\/p>\n <p class=\"hx-kpi\">\u591c\u9593\u30fb<b class=\"num\">\u65e9\u671d\u5bfe\u5fdc<\/b> \u53ef<\/p>\n <\/article>\n\n \n <\/div>\n \n <\/div>\n <\/div>\n\n \n <footer class=\"hx-foot\" data-reveal>\n <p class=\"hx-small\">\u203b \u5404\u7a2e\u8a73\u7d30\u306f\u304a\u554f\u5408\u305b\u304f\u3060\u3055\u3044<\/p>\n <\/footer>\n <\/div>\n<\/section>\n\n<style>\n\/* ===== Theme\uff08\u900f\u904e\u7248\uff09 ===== *\/\n#service-carpet.hx-inspect.neo{\n --brand:#e1002e; \/* \u30a2\u30af\u30bb\u30f3\u30c8\uff08\u8cb4\u793e\u30ec\u30c3\u30c9\uff09\u3002\u5909\u66f4\u3067\u5168\u4f53\u306b\u53cd\u6620 *\/\n --ink:#0b0d10;\n --muted:#5b616e;\n --line:#e9ecf1;\n --wrap:1080px;\n --glass-bg: rgba(255,255,255,.22); \/* \u30ac\u30e9\u30b9\u900f\u3051\u5177\u5408\uff1a.18\u301c.30 \u63a8\u5968 *\/\n --glass-bd: rgba(255,255,255,.9);\n background: transparent; \/* \u2190 \u80cc\u666f\u30d5\u30eb\u900f\u904e *\/\n color: var(--ink);\n font-family: 'Noto Sans JP', system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif;\n border:none!important; padding:0!important; margin:0!important;\n position:relative; isolation:isolate; overflow:hidden;\n}\n#service-carpet .hx-wrap{ max-width:var(--wrap); margin:0 auto; padding:48px 16px 26px; }\n\n\/* ===== \u80cc\u666f\u30b0\u30ea\u30c3\u30c9\uff08\u5b8c\u5168\u306b\u6d88\u3057\u305f\u3044\u5834\u5408\u306f background: \u3092\u524a\u9664\uff09 ===== *\/\n#service-carpet .hx-bg{\n position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.45;\n background:\n linear-gradient(90deg, rgba(16,16,24,.05) 1px, transparent 1px) 0 0\/36px 36px,\n linear-gradient(0deg, rgba(16,16,24,.05) 1px, transparent 1px) 0 0\/36px 36px,\n radial-gradient(60% 60% at 120% -10%, color-mix(in oklab, var(--brand) 8%, white 92%), transparent 60%),\n radial-gradient(40% 40% at -20% 120%, color-mix(in oklab, var(--brand) 7%, white 93%), transparent 60%);\n filter: saturate(110%) blur(.2px);\n}\n\n\/* ===== Eyebrow \/ Head ===== *\/\n#service-carpet .hx-eyebrow{\n display:inline-flex; align-items:center; gap:.55em;\n font: 400 12px\/1 'Barlow', system-ui, sans-serif;\n letter-spacing:.18em; text-transform:uppercase; color:var(--muted);\n}\n#service-carpet .hx-eyebrow::before{\n content:\"\"; width:42px; height:1.5px; background:var(--brand); opacity:.7; border-radius:2px;\n}\n#service-carpet .hx-title{\n position:relative; color:var(--ink);\n font-weight:400; letter-spacing:.01em; margin:.35rem 0 0;\n font-size: clamp(28px,5.4vw,56px); line-height:1.08; white-space:nowrap;\n}\n#service-carpet .hx-underline{\n position:relative; display:block; height:6px; margin:.55rem 0 0;\n background: linear-gradient(90deg, var(--brand), #ff9aa9 40%, #fff 58%, var(--brand) 100%);\n border-radius:999px; width:0; opacity:0; transform:translateY(6px);\n box-shadow: 0 6px 18px color-mix(in oklab, var(--brand) 40%, transparent 60%);\n}\n#service-carpet .hx-title.draw .hx-underline{ animation: hx-draw 0.9s cubic-bezier(.2,.9,.2,1) forwards; }\n@keyframes hx-draw{ to{ width:min(560px,70vw); opacity:1; transform:translateY(0); } }\n\n#service-carpet .hx-lead{\n color:var(--muted);\n font-size: clamp(15px,2.1vw,20px); line-height:1.75; margin:.7rem 0 0;\n}\n#service-carpet .hx-em{\n background: linear-gradient(transparent 60%, color-mix(in oklab, var(--brand) 22%, #fff 78%) 60%);\n color:inherit; padding:0 .1em;\n}\n\n\/* ===== Grid ===== *\/\n#service-carpet .hx-grid{\n position:relative; z-index:1;\n display:grid; gap:clamp(12px,2.6vw,22px);\n grid-template-columns:1.08fr .92fr; align-items:start; margin-top:20px;\n}\n@media (max-width: 900px){\n #service-carpet .hx-grid{ grid-template-columns:1fr; gap:clamp(10px,3vw,18px); }\n}\n\n\/* ===== List ===== *\/\n#service-carpet .hx-list{ list-style:none; padding:0; margin:0; display:grid; gap:.5rem; }\n#service-carpet .hx-list li{\n position:relative; padding-left:1.2rem; line-height:1.65;\n font-size:clamp(14px,1.8vw,17px); letter-spacing:.01em;\n}\n#service-carpet .hx-list strong{ font-weight:400; }\n#service-carpet .hx-list li::before{\n content:\"\"; position:absolute; left:0; top:.82em; width:.52rem; height:.52rem; border-radius:999px;\n background:\n radial-gradient(circle at 30% 30%, #fff 0 35%, transparent 36%),\n radial-gradient(circle at 70% 70%, #fff 0 25%, transparent 26%),\n var(--brand);\n box-shadow: 0 0 0 2px color-mix(in oklab, var(--brand) 35%, #fff 65%);\n}\n\n\/* ===== Chips\uff08\u6de1\u3044\u30ac\u30e9\u30b9\uff09 ===== *\/\n#service-carpet .hx-chips{ display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }\n#service-carpet .chip{\n border:1px dashed color-mix(in oklab, var(--brand) 38%, #c7cbd2 62%);\n padding:6px 10px; border-radius:999px; font: 400 12.5px\/1.2 'Barlow', sans-serif; color:var(--muted);\n background: rgba(255,255,255,.18);\n -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);\n transition: transform .25s ease;\n}\n#service-carpet .chip:hover{ transform: translateY(-1px); }\n\n\/* ===== Cards\uff08\u900f\u660e\u30d9\u30fc\u30b9\uff0b\u30ac\u30e9\u30b9\uff09 ===== *\/\n#service-carpet .hx-cards{ display:grid; gap:12px; grid-template-columns:1fr 1fr; }\n@media (max-width: 560px){ #service-carpet .hx-cards{ grid-template-columns:1fr; } }\n\n#service-carpet .hx-card{\n position:relative;\n border:1px solid color-mix(in oklab, var(--brand) 14%, var(--line) 86%);\n border-radius:16px; padding:16px 16px 14px;\n background: transparent;\n overflow:hidden;\n}\n#service-carpet .hx-glass{\n background: var(--glass-bg);\n -webkit-backdrop-filter: saturate(120%) blur(10px);\n backdrop-filter: saturate(120%) blur(10px);\n border-color: color-mix(in oklab, var(--brand) 18%, var(--glass-bd) 82%);\n box-shadow: 0 10px 24px rgba(0,0,0,.12), 0 4px 10px rgba(0,0,0,.08);\n}\n#service-carpet .hx-glass::before{\n content:\"\"; position:absolute; inset:0 0 auto 0; height:22px;\n background: linear-gradient(180deg, rgba(255,255,255,.28), transparent);\n pointer-events:none;\n}\n#service-carpet .hx-card::after{\n content:\"\"; position:absolute; inset:auto -10% 0 -10%; height:3px;\n background: linear-gradient(90deg, transparent, var(--brand), transparent);\n opacity:.65;\n}\n\n\/* ===== KPI text ===== *\/\n#service-carpet .hx-kpi-label{ color:var(--muted); font-size:clamp(12.5px,1.6vw,14.5px); margin:0 0 .25rem; letter-spacing:.04em; }\n#service-carpet .hx-kpi{ font-weight:400; font-size:clamp(18px,2.3vw,24px); margin:0; }\n#service-carpet .hx-kpi .num{\n font-weight:400; font-family:'Barlow',system-ui,sans-serif; letter-spacing:.02em;\n text-shadow: 0 .03em 0 rgba(0,0,0,.05), 0 0 .35em color-mix(in oklab, var(--brand) 35%, white 65%);\n}\n#service-carpet .hx-kpi span{ color:var(--brand); }\n\n#service-carpet .hx-small{ color:var(--muted); font-size:clamp(12px,1.5vw,14px); margin:0; }\n#service-carpet .hx-foot{ margin-top:clamp(12px,2vw,20px); }\n\n\/* ===== Reveal ===== *\/\n#service-carpet [data-reveal]{ opacity:0; transform:translateY(6px); }\n#service-carpet .in{ opacity:1; transform:none; transition: opacity .45s ease, transform .45s cubic-bezier(.2,.9,.2,1); }\n@media (prefers-reduced-motion: reduce){\n #service-carpet [data-reveal]{ opacity:1; transform:none; }\n #service-carpet .hx-underline{ width:min(560px,70vw); opacity:1; transform:none; }\n}\n\n\/* ===== Mobile tweaks ===== *\/\n@media (max-width: 430px){\n #service-carpet .hx-title{ font-size: clamp(26px, 6.2vw, 48px); white-space:normal; }\n}\n<\/style>\n\n<script>\n(function(){\n const root = document.querySelector('#service-carpet');\n if(!root) return;\n\n \/\/ Reveal\n if('IntersectionObserver' in window){\n const io = new IntersectionObserver((ents)=>{\n ents.forEach(en=>{\n if(en.isIntersecting){\n en.target.classList.add('in');\n io.unobserve(en.target);\n }\n });\n }, {threshold:.12});\n root.querySelectorAll('[data-reveal]').forEach(el=>io.observe(el));\n }else{\n root.querySelectorAll('[data-reveal]').forEach(el=>el.classList.add('in'));\n }\n\n \/\/ \u30a2\u30f3\u30c0\u30fc\u30e9\u30a4\u30f3\u63cf\u753b\n const title = root.querySelector('.hx-title');\n const draw = ()=> title && title.classList.add('draw');\n if('IntersectionObserver' in window){\n const tIO = new IntersectionObserver((ents)=>{\n ents.forEach(en=>{ if(en.isIntersecting){ draw(); tIO.disconnect(); } });\n }, {threshold:.6});\n title && tIO.observe(title);\n }else{ draw(); }\n})();\n<\/script>\n\n\n\n<section class=\"twins stack\" style=\"--h:clamp(220px,42vw,520px);--gap:16px;--r:16px;--brand:#e1002e;\">\n <figure class=\"card a\">\n <img decoding=\"async\" src=\"https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2025\/10\/b28c92f61e2bf5e5192ec407aad36f57-1.webp\" alt=\"\">\n <\/figure>\n <figure class=\"card b\">\n <img decoding=\"async\" src=\"https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2025\/10\/128a073de52253df317f5c2f6e3ac6d3-1.png\" alt=\"\">\n <\/figure>\n <div class=\"accent\" aria-hidden=\"true\"><\/div>\n<\/section>\n\n<style>\n.twins.stack{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);align-items:center}\n.twins.stack .card{margin:0;height:var(--h);border-radius:var(--r);overflow:hidden;box-shadow:0 10px 26px rgba(0,0,0,.12)}\n.twins.stack .a{transform:translateY(12px) rotate(-.6deg)}\n.twins.stack .b{transform:translateY(-12px) rotate(.6deg)}\n.twins.stack img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.04);animation:kb 18s ease-in-out infinite alternate}\n.twins.stack .accent{grid-column:1\/-1;height:4px;background:linear-gradient(90deg,var(--brand),transparent 55%);opacity:.16;border-radius:2px}\n.twins.stack .card:hover{transform:translateY(0) rotate(0);transition:transform .35s ease}\n@keyframes kb{from{transform:scale(1.04)}to{transform:scale(1.09)}}\n@media (max-width:820px){.twins.stack{grid-template-columns:1fr}.twins.stack .a,.twins.stack .b{transform:none}}\n@media (prefers-reduced-motion:reduce){.twins.stack img{animation:none}}\n<\/style>\n\n\n\n<div class=\"wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top\"><div class=\"vk_block-margin-md--margin-top\"><\/div><\/div>\n\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow:wght@400;600;800&family=Noto+Sans+JP:wght@400;700&display=swap\" rel=\"stylesheet\">\n\n<section id=\"service-storedesign\" class=\"hx-inspect neo\" lang=\"ja\" aria-labelledby=\"hx-title-store\">\n \n <div class=\"hx-bg\" aria-hidden=\"true\"><\/div>\n\n <div class=\"hx-wrap\">\n <header class=\"hx-head\" data-reveal>\n <span class=\"hx-eyebrow\">STORE DESIGN x OPS<\/span>\n <h2 id=\"hx-title-store\" class=\"hx-title\">\n \u5e97\u8217\u8a2d\u8a08\u30fb\u4fee\u7e55\n <i class=\"hx-underline\" aria-hidden=\"true\"><\/i>\n <\/h2>\n <p class=\"hx-lead\">\n \u696d\u614b\u30fb\u5c0e\u7dda\u30fb\u56de\u8ee2\u7387\u30fb\u5e2d\u52b9\u7387\u3092\u524d\u63d0\u306b\u3001<mark class=\"hx-em\">\u58f2\u4e0a\u3068\u4f53\u9a13\u304c\u4e21\u7acb\u3059\u308b\u30ec\u30a4\u30a2\u30a6\u30c8<\/mark>\u3092\u8a2d\u8a08\u3002\n \u8a2d\u5099\u5bb9\u91cf\u30fb\u6cd5\u898f\u30fb\u30b3\u30b9\u30c8\u307e\u3067\u4e00\u4f53\u3067\u30d7\u30e9\u30f3\u30cb\u30f3\u30b0\u3057\u307e\u3059\u3002\n <\/p>\n <\/header>\n\n <div class=\"hx-grid\">\n \n <div class=\"hx-col\" data-reveal>\n <ul class=\"hx-list\">\n <li><strong>\u30be\u30fc\u30cb\u30f3\u30b0\u8a2d\u8a08<\/strong>\uff08\u5ba2\u5e2d\uff0f\u30ec\u30b8\uff0f\u53a8\u623f\uff0f\u30d0\u30c3\u30af\u30e4\u30fc\u30c9\u306e\u6700\u9069\u914d\u7f6e\uff09<\/li>\n <li><strong>\u52d5\u7dda\u8a2d\u8a08<\/strong>\uff08\u6765\u5e97\u301c\u6ce8\u6587\u301c\u53d7\u3051\u6e21\u3057\u301c\u9000\u5e97\u306e\u6469\u64e6\u3092\u6700\u5c0f\u5316\uff09<\/li>\n <li><strong>\u5e2d\u52b9\u7387\u30fb\u56de\u8ee2\u7387<\/strong>\uff08\u5e2d\u5e45\u30fb\u8996\u7dda\u30fb\u5f85\u6a5f\u30b9\u30da\u30fc\u30b9\u306e\u6700\u9069\u5316\uff09<\/li>\n <li><strong>\u53a8\u623f\u30ec\u30a4\u30a2\u30a6\u30c8<\/strong>\uff08\u6a5f\u5668\u9078\u5b9a\u30fb\u71b1\/\u6392\u6c17\/\u7d66\u6392\u6c34\u30fb\u96fb\u6c17\u5bb9\u91cf\u306e\u6574\u5408\uff09<\/li>\n <li><strong>\u6cd5\u898f\u30fb\u8a31\u8a8d\u53ef<\/strong>\uff08\u4fdd\u5065\u6240\u3001\u6d88\u9632\u3001\u666f\u89b3\u30fb\u770b\u677f\u57fa\u6e96\u306e\u4e8b\u524d\u78ba\u8a8d\uff09<\/li>\n <li><strong>\u30b3\u30b9\u30c8\u8a2d\u8a08<\/strong>\uff08\u6982\u7b97\u898b\u7a4d\u30fbVE\uff0f\u4ed5\u69d8\u4ee3\u66ff\u3067\u7121\u99c4\u3092\u524a\u6e1b\uff09<\/li>\n <li><strong>\u30d6\u30e9\u30f3\u30c9\/\u30b5\u30a4\u30f3\u8a08\u753b<\/strong>\uff08\u30d5\u30a1\u30b5\u30fc\u30c9\u30fb\u30b5\u30a4\u30f3\u30fb\u7167\u660e\u306e\u7d71\u4e00\u611f\uff09<\/li>\n <li><strong>\u65bd\u5de5\u30c7\u30a3\u30ec\u30af\u30b7\u30e7\u30f3<\/strong>\uff08\u5de5\u7a0b\u7ba1\u7406\u30fb\u5b9a\u4f8b\u30fb\u691c\u67fb\u7acb\u4f1a\u3044\uff09<\/li>\n <li><strong>\u30a2\u30d5\u30bf\u30fc<\/strong>\uff08\u5f15\u6e21\u3057\u5f8c\u306e\u904b\u7528\u6539\u5584\u30fb\u5fae\u4fee\u6b63\uff09<\/li>\n <\/ul>\n\n \n <div class=\"hx-chips\" role=\"list\" aria-label=\"\u5bfe\u5fdc\u7bc4\u56f2\">\n <span role=\"listitem\" class=\"chip\">\u65b0\u7bc9\uff0f\u5c45\u629c\u304d<\/span>\n <span role=\"listitem\" class=\"chip\">\u5c0f\u898f\u6a21\u301c\u591a\u5e97\u8217<\/span>\n <span role=\"listitem\" class=\"chip\">B\u5de5\u4e8b\uff0fC\u5de5\u4e8b<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"hx-col\" data-reveal>\n <div class=\"hx-cards\">\n \n <article class=\"hx-card hx-glass\">\n <p class=\"hx-kpi-label\">\u8a31\u8a8d\u53ef\u5bfe\u5fdc<\/p>\n <p class=\"hx-kpi\">\u4fdd\u5065\u6240\u30fb\u6d88\u9632\u3092 <b class=\"num\">\u540c\u6642\u9032\u884c<\/b><\/p>\n <\/article>\n <\/div>\n <p class=\"hx-small\" style=\"margin-top:.8rem;\">\n \u203b \u7269\u4ef6\u6761\u4ef6\uff08\u9762\u7a4d\u30fb\u5f62\u72b6\u30fb\u30a4\u30f3\u30d5\u30e9\uff09\u306b\u3088\u308a\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb\u306f\u5909\u52d5\u3057\u307e\u3059\u3002\n <\/p>\n <\/div>\n <\/div>\n\n <footer class=\"hx-foot\" data-reveal>\n <p class=\"hx-small\">\u203b \u65e2\u5b58\u56f3\u9762\u304c\u306a\u3044\u5834\u5408\u306f\u73fe\u5730\u63a1\u5bf8\u30fb\u8a2d\u5099\u8abf\u67fb\u304b\u3089\u5bfe\u5fdc\u3057\u307e\u3059\u3002<\/p>\n <\/footer>\n <\/div>\n<\/section>\n\n<style>\n\/* ===== Theme\uff08\u900f\u904e\u7248\uff09 ===== *\/\n#service-storedesign.hx-inspect.neo{\n --brand:#e1002e; \/* \u30a2\u30af\u30bb\u30f3\u30c8\u3002\u5909\u66f4\u3067\u5168\u4f53\u306b\u53cd\u6620 *\/\n --ink:#0b0d10;\n --muted:#5b616e;\n --line:#e9ecf1;\n --wrap:1080px;\n --glass-bg: rgba(255,255,255,.22); \/* \u30ac\u30e9\u30b9\u900f\u3051\u5177\u5408\uff1a.18\u301c.30 \u63a8\u5968 *\/\n --glass-bd: rgba(255,255,255,.9);\n background: transparent; \/* \u2190 \u80cc\u666f\u30d5\u30eb\u900f\u904e *\/\n color: var(--ink);\n font-family: 'Noto Sans JP', system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif;\n border:none!important; padding:0!important; margin:0!important;\n position:relative; isolation:isolate; overflow:hidden;\n}\n#service-storedesign .hx-wrap{ max-width:var(--wrap); margin:0 auto; padding:48px 16px 26px; }\n\n\/* ===== \u80cc\u666f\u30b0\u30ea\u30c3\u30c9\uff08\u5b8c\u5168\u306b\u6d88\u3057\u305f\u3044\u5834\u5408\u306f background: \u3092\u524a\u9664\uff09 ===== *\/\n#service-storedesign .hx-bg{\n position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.45;\n background:\n linear-gradient(90deg, rgba(16,16,24,.05) 1px, transparent 1px) 0 0\/36px 36px,\n linear-gradient(0deg, rgba(16,16,24,.05) 1px, transparent 1px) 0 0\/36px 36px,\n radial-gradient(60% 60% at 120% -10%, color-mix(in oklab, var(--brand) 8%, white 92%), transparent 60%),\n radial-gradient(40% 40% at -20% 120%, color-mix(in oklab, var(--brand) 7%, white 93%), transparent 60%);\n filter: saturate(110%) blur(.2px);\n}\n\n\/* ===== Eyebrow \/ Head ===== *\/\n#service-storedesign .hx-eyebrow{\n display:inline-flex; align-items:center; gap:.55em;\n font: 400 12px\/1 'Barlow', system-ui, sans-serif;\n letter-spacing:.18em; text-transform:uppercase; color:var(--muted);\n}\n#service-storedesign .hx-eyebrow::before{\n content:\"\"; width:42px; height:1.5px; background:var(--brand); opacity:.7; border-radius:2px;\n}\n#service-storedesign .hx-title{\n position:relative; color:var(--ink);\n font-weight:400; letter-spacing:.01em; margin:.35rem 0 0;\n font-size: clamp(28px,5.4vw,56px); line-height:1.08; white-space:nowrap;\n}\n#service-storedesign .hx-underline{\n position:relative; display:block; height:6px; margin:.55rem 0 0;\n background: linear-gradient(90deg, var(--brand), #ff9aa9 40%, #fff 58%, var(--brand) 100%);\n border-radius:999px; width:0; opacity:0; transform:translateY(6px);\n box-shadow: 0 6px 18px color-mix(in oklab, var(--brand) 40%, transparent 60%);\n}\n#service-storedesign .hx-title.draw .hx-underline{ animation: hx-draw 0.9s cubic-bezier(.2,.9,.2,1) forwards; }\n@keyframes hx-draw{ to{ width:min(560px,70vw); opacity:1; transform:translateY(0); } }\n\n#service-storedesign .hx-lead{\n color:var(--muted);\n font-size: clamp(15px,2.1vw,20px); line-height:1.75; margin:.7rem 0 0;\n}\n#service-storedesign .hx-em{\n background: linear-gradient(transparent 60%, color-mix(in oklab, var(--brand) 22%, #fff 78%) 60%);\n color:inherit; padding:0 .1em;\n}\n\n\/* ===== Grid ===== *\/\n#service-storedesign .hx-grid{\n position:relative; z-index:1;\n display:grid; gap:clamp(12px,2.6vw,22px);\n grid-template-columns:1.08fr .92fr; align-items:start; margin-top:20px;\n}\n@media (max-width: 900px){\n #service-storedesign .hx-grid{ grid-template-columns:1fr; gap:clamp(10px,3vw,18px); }\n}\n\n\/* ===== List ===== *\/\n#service-storedesign .hx-list{ list-style:none; padding:0; margin:0; display:grid; gap:.5rem; }\n#service-storedesign .hx-list li{\n position:relative; padding-left:1.2rem; line-height:1.65;\n font-size:clamp(14px,1.8vw,17px); letter-spacing:.01em;\n}\n#service-storedesign .hx-list strong{ font-weight:400; }\n#service-storedesign .hx-list li::before{\n content:\"\"; position:absolute; left:0; top:.82em; width:.52rem; height:.52rem; border-radius:999px;\n background:\n radial-gradient(circle at 30% 30%, #fff 0 35%, transparent 36%),\n radial-gradient(circle at 70% 70%, #fff 0 25%, transparent 26%),\n var(--brand);\n box-shadow: 0 0 0 2px color-mix(in oklab, var(--brand) 35%, #fff 65%);\n}\n\n\/* ===== Chips\uff08\u6de1\u3044\u30ac\u30e9\u30b9\uff09 ===== *\/\n#service-storedesign .hx-chips{ display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }\n#service-storedesign .chip{\n border:1px dashed color-mix(in oklab, var(--brand) 38%, #c7cbd2 62%);\n padding:6px 10px; border-radius:999px; font: 400 12.5px\/1.2 'Barlow', sans-serif; color:var(--muted);\n background: rgba(255,255,255,.18);\n -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);\n transition: transform .25s ease;\n}\n#service-storedesign .chip:hover{ transform: translateY(-1px); }\n\n\/* ===== Cards\uff08\u900f\u660e\u30d9\u30fc\u30b9\uff0b\u30ac\u30e9\u30b9\uff09 ===== *\/\n#service-storedesign .hx-cards{ display:grid; gap:12px; grid-template-columns:1fr 1fr; }\n@media (max-width: 560px){ #service-storedesign .hx-cards{ grid-template-columns:1fr; } }\n\n#service-storedesign .hx-card{\n position:relative;\n border:1px solid color-mix(in oklab, var(--brand) 14%, var(--line) 86%);\n border-radius:16px; padding:16px 16px 14px;\n background: transparent; \/* \u2190 \u767d\u5857\u308a\u64a4\u53bb *\/\n overflow:hidden;\n}\n#service-storedesign .hx-glass{\n background: var(--glass-bg);\n -webkit-backdrop-filter: saturate(120%) blur(10px);\n backdrop-filter: saturate(120%) blur(10px);\n border-color: color-mix(in oklab, var(--brand) 18%, var(--glass-bd) 82%);\n box-shadow: 0 10px 24px rgba(0,0,0,.12), 0 4px 10px rgba(0,0,0,.08);\n}\n#service-storedesign .hx-glass::before{\n content:\"\"; position:absolute; inset:0 0 auto 0; height:22px;\n background: linear-gradient(180deg, rgba(255,255,255,.28), transparent);\n pointer-events:none;\n}\n#service-storedesign .hx-card::after{\n content:\"\"; position:absolute; inset:auto -10% 0 -10%; height:3px;\n background: linear-gradient(90deg, transparent, var(--brand), transparent);\n opacity:.65;\n}\n\n\/* ===== KPI text ===== *\/\n#service-storedesign .hx-kpi-label{ color:var(--muted); font-size:clamp(12.5px,1.6vw,14.5px); margin:0 0 .25rem; letter-spacing:.04em; }\n#service-storedesign .hx-kpi{ font-weight:400; font-size:clamp(18px,2.3vw,24px); margin:0; }\n#service-storedesign .hx-kpi .num{\n font-weight:400; font-family:'Barlow',system-ui,sans-serif; letter-spacing:.02em;\n text-shadow: 0 .03em 0 rgba(0,0,0,.05), 0 0 .35em color-mix(in oklab, var(--brand) 35%, white 65%);\n}\n#service-storedesign .hx-kpi span{ color:var(--brand); }\n\n#service-storedesign .hx-small{ color:var(--muted); font-size:clamp(12px,1.5vw,14px); margin:0; }\n#service-storedesign .hx-foot{ margin-top:clamp(12px,2vw,20px); }\n\n\/* ===== Reveal ===== *\/\n#service-storedesign [data-reveal]{ opacity:0; transform:translateY(6px); }\n#service-storedesign .in{ opacity:1; transform:none; transition: opacity .45s ease, transform .45s cubic-bezier(.2,.9,.2,1); }\n@media (prefers-reduced-motion: reduce){\n #service-storedesign [data-reveal]{ opacity:1; transform:none; }\n #service-storedesign .hx-underline{ width:min(560px,70vw); opacity:1; transform:none; }\n}\n\n\/* ===== Mobile tweaks ===== *\/\n@media (max-width: 430px){\n #service-storedesign .hx-title{ font-size: clamp(26px, 6.2vw, 48px); white-space:normal; }\n}\n<\/style>\n\n<script>\n(function(){\n const root = document.querySelector('#service-storedesign');\n if(!root) return;\n\n \/\/ Reveal\n if('IntersectionObserver' in window){\n const io = new IntersectionObserver((ents)=>{\n ents.forEach(en=>{\n if(en.isIntersecting){\n en.target.classList.add('in');\n io.unobserve(en.target);\n }\n });\n }, {threshold:.12});\n root.querySelectorAll('[data-reveal]').forEach(el=>io.observe(el));\n }else{\n root.querySelectorAll('[data-reveal]').forEach(el=>el.classList.add('in'));\n }\n\n \/\/ \u30a2\u30f3\u30c0\u30fc\u30e9\u30a4\u30f3\u63cf\u753b\n const title = root.querySelector('.hx-title');\n const draw = ()=> title && title.classList.add('draw');\n if('IntersectionObserver' in window){\n const tIO = new IntersectionObserver((ents)=>{\n ents.forEach(en=>{ if(en.isIntersecting){ draw(); tIO.disconnect(); } });\n }, {threshold:.6});\n title && tIO.observe(title);\n }else{ draw(); }\n})();\n<\/script>\n\n\n\n\n<div class=\"pg\" style=\"--h: clamp(140px, 28vw, 360px); --gap:16px; --accent:#e1002e; --speed-front:40s; --speed-back:70s;\">\n <div class=\"pg-mask\">\n \n <div class=\"pg-lane pg-back\" data-lane=\"back\" id=\"lane-back\">\n <figure class=\"pg-item\"><img decoding=\"async\" src=\"https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2025\/10\/S__19750938_0.jpg\" alt=\"\"><\/figure>\n <figure class=\"pg-item\"><img decoding=\"async\" src=\"https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2025\/10\/S__19750941_0.jpg\" alt=\"\"><\/figure>\n <figure class=\"pg-item\"><img decoding=\"async\" src=\"https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2025\/10\/S__19750942_0.jpg\" alt=\"\"><\/figure>\n <figure class=\"pg-item\"><img decoding=\"async\" src=\"https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2025\/10\/S__19750940_0.jpg\" alt=\"\"><\/figure>\n <figure class=\"pg-item\"><img decoding=\"async\" src=\"https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2025\/10\/S__19750944_0.jpg\" alt=\"\"><\/figure>\n <\/div>\n\n \n <div class=\"pg-lane pg-front\" data-lane=\"front\" id=\"lane-front\">\n <figure class=\"pg-item\"><img decoding=\"async\" src=\"https:\/\/strategy.infocorpsite.com\/wp-content\/uploads\/2025\/09\/S__19750942_0.jpg\" alt=\"\"><\/figure>\n <figure class=\"pg-item\"><img decoding=\"async\" src=\"https:\/\/strategy.infocorpsite.com\/wp-content\/uploads\/2025\/09\/S__19750939_0.jpg\" alt=\"\"><\/figure>\n <figure class=\"pg-item\"><img decoding=\"async\" src=\"https:\/\/strategy.infocorpsite.com\/wp-content\/uploads\/2025\/09\/S__19750940_0.jpg\" alt=\"\"><\/figure>\n <figure class=\"pg-item\"><img decoding=\"async\" src=\"https:\/\/strategy.infocorpsite.com\/wp-content\/uploads\/2025\/09\/S__19750938_0.jpg\" alt=\"\"><\/figure>\n <figure class=\"pg-item\"><img decoding=\"async\" src=\"https:\/\/strategy.infocorpsite.com\/wp-content\/uploads\/2025\/09\/S__19750944_0.jpg\" alt=\"\"><\/figure>\n <\/div>\n <\/div>\n <div class=\"pg-accent\" aria-hidden=\"true\"><\/div>\n<\/div>\n\n<style>\n\/* === Base === *\/\n.pg{ width:100%; padding-block: 8px; position:relative; }\n.pg-mask{\n overflow:hidden; width:100%; height: var(--h, 300px); position:relative;\n \/* \u7aef\u3092\u30d5\u30a7\u30fc\u30c9\u3055\u305b\u308b\u30de\u30b9\u30af\uff08\u7d99\u304e\u76ee\u3092\u96a0\u3059\uff09 *\/\n -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 6%, #000 94%, transparent 100%);\n mask-image: linear-gradient(90deg, transparent 0%, #000 6%, #000 94%, transparent 100%);\n}\n.pg-lane{\n position:absolute; left:0; right:0;\n display:flex; gap: var(--gap, 16px);\n width:max-content;\n will-change: transform;\n backface-visibility: hidden;\n}\n.pg-back{ top: 8%; transform: scale(.95); filter: saturate(.95) brightness(.98); }\n.pg-front{ bottom: 8%; transform: scale(1.02); }\n\n\/* \u30a2\u30a4\u30c6\u30e0\uff083:2\uff09 *\/\n.pg-item{\n flex:0 0 auto;\n width: calc(var(--h,300px) * 3 \/ 2);\n height: var(--h,300px);\n border-radius: 14px; overflow:hidden;\n box-shadow: 0 4px 18px rgba(0,0,0,.10);\n contain: content;\n}\n.pg-item img{\n width:100%; height:100%; object-fit:cover; display:block;\n transform: scale(1.05); \/* Ken Burns \u306e\u30d9\u30fc\u30b9 *\/\n animation: kb 12s ease-in-out infinite alternate;\n}\n\n\/* \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\uff08\u30b9\u30af\u30ed\u30fc\u30eb\uff09 *\/\n.pg-back{ animation: lane-left var(--speed-back, 70s) linear infinite; }\n.pg-front{ animation: lane-right var(--speed-front, 40s) linear infinite; }\n\n@keyframes lane-left{\n from{ transform: translate3d(0,0,0) scale(.95); }\n to { transform: translate3d(-50%,0,0) scale(.95); }\n}\n@keyframes lane-right{\n from{ transform: translate3d(-50%,0,0) scale(1.02); }\n to { transform: translate3d(0,0,0) scale(1.02); }\n}\n\n\/* Ken Burns\uff08\u5fae\u30ba\u30fc\u30e0\uff0b\u5fae\u56de\u8ee2\uff09 *\/\n@keyframes kb{\n 0% { transform: scale(1.05) rotate(0.2deg); }\n 100% { transform: scale(1.12) rotate(-0.2deg); }\n}\n\n\/* \u30db\u30d0\u30fc\uff0f\u30d5\u30a9\u30fc\u30ab\u30b9\u3067\u4e00\u6642\u505c\u6b62\uff08\u30a2\u30af\u30bb\u30b7\u30d3\u30ea\u30c6\u30a3\uff09 *\/\n.pg:hover .pg-lane,\n.pg:has(:focus-visible) .pg-lane{ animation-play-state: paused; }\n.pg:hover .pg-item img,\n.pg:has(:focus-visible) .pg-item img{ animation-play-state: paused; }\n\n\/* \u30d6\u30e9\u30f3\u30c9\u30a2\u30af\u30bb\u30f3\u30c8\u7dda\uff08\u6975\u7d30\u30fb\u63a7\u3048\u3081\uff09 *\/\n.pg-accent{\n position:absolute; left:0; right:0; bottom:0; height:4px;\n background: linear-gradient(90deg, var(--accent,#e1002e), transparent 55%);\n opacity:.15;\n}\n\n\/* \u30e1\u30c7\u30a3\u30a2\u30af\u30a8\u30ea\uff1a\u52d5\u304d\u3092\u5acc\u3046\u8a2d\u5b9a\u306a\u3089\u6b62\u3081\u308b *\/\n@media (prefers-reduced-motion: reduce){\n .pg-lane{ animation: none !important; }\n .pg-item img{ animation: none !important; transform:none; }\n}\n<\/style>\n\n<script>\n\/* \u540c\u4e00\u753b\u50cf\u3092\u81ea\u52d5\u30af\u30ed\u30fc\u30f3\u3057\u3066\u7d99\u304e\u76ee\u30bc\u30ed\u30fb\u5168\u30ec\u30fc\u30f3\u3067\u540c\u30c9\u30e1\u30a4\u30f3\u3092\u4f7f\u7528 *\/\n(() => {\n const cloneLane = (lane) => {\n if(!lane) return;\n const items = Array.from(lane.children);\n \/\/ 5\u679a\u60f3\u5b9a\uff1a\u540c\u6570\u3076\u3093\u30af\u30ed\u30fc\u30f3\u3057\u3066\u5f8c\u308d\u306b\u9023\u7d50\n items.forEach((el, i) => {\n const c = el.cloneNode(true);\n const img = c.querySelector('img');\n if(img){\n img.setAttribute('aria-hidden','true');\n img.loading = 'eager';\n img.decoding = 'async';\n img.setAttribute('fetchpriority','low');\n }\n lane.appendChild(c);\n });\n };\n\n cloneLane(document.getElementById('lane-back'));\n cloneLane(document.getElementById('lane-front'));\n\n \/\/ \u30bf\u30c3\u30d7\u3067\u4e00\u6642\u505c\u6b62\uff08\u30e2\u30d0\u30a4\u30eb\u914d\u616e\uff09\n const root = document.querySelector('.pg');\n if(root){\n let paused = false;\n root.addEventListener('click', () => {\n paused = !paused;\n root.querySelectorAll('.pg-lane, .pg-item img').forEach(el=>{\n el.style.animationPlayState = paused ? 'paused' : 'running';\n });\n });\n }\n})();\n<\/script>\n\n\n\n<div class=\"wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top\"><div class=\"vk_block-margin-xl--margin-top\"><\/div><\/div>\n\n\n\n\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 <\/span><span>SAEBA COORDINATION <\/span>\n <span>SAEBA COORDINATION <\/span><span>SAEBA COORDINATION <\/span>\n <span>SAEBA COORDINATION <\/span><span>SAEBA COORDINATION <\/span>\n <span>SAEBA COORDINATION <\/span><span>SAEBA COORDINATION <\/span>\n <\/div>\n <div class=\"track\" aria-hidden=\"true\">\n <span>SAEBA COORDINATION <\/span><span>SAEBA COORDINATION <\/span>\n <span>SAEBA COORDINATION <\/span><span>SAEBA COORDINATION <\/span>\n <span>SAEBA COORDINATION <\/span><span>SAEBA COORDINATION <\/span>\n <span>SAEBA COORDINATION <\/span><span>SAEBA COORDINATION <\/span>\n <\/div>\n <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>SERVICE Block SERVICE HYGIENE x OPS \u98f2\u98df\u5e97\u30fb\u53a8\u623f\u306e\u885b\u751f\u70b9\u691c \u53a8\u623f\u306e\u885b\u751f\u72b6\u614b\u3092 \u898b\u3048\u308b\u5316\u3002\u62ed\u304d\u53d6\u308a\u30fbATP\u30fb\u5fae\u751f\u7269\u691c\u67fb\u3067\u73fe\u72b6\u3092\u628a\u63e1\u3057\u3001 \u65e5\u3005\u306e\u6e05\u6383\u30d5\u30ed\u30fc\u3068\u6539\u5584\u8a08\u753b\u307e\u3067\u3092\u6700\u5c0f\u306e\u624b\u9593\u3067\u4ed5\u7d44\u307f […]<\/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-53","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/saeba-c.co.jp\/index.php?rest_route=\/wp\/v2\/pages\/53","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=53"}],"version-history":[{"count":8,"href":"https:\/\/saeba-c.co.jp\/index.php?rest_route=\/wp\/v2\/pages\/53\/revisions"}],"predecessor-version":[{"id":163,"href":"https:\/\/saeba-c.co.jp\/index.php?rest_route=\/wp\/v2\/pages\/53\/revisions\/163"}],"wp:attachment":[{"href":"https:\/\/saeba-c.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=53"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":53,"date":"2025-10-17T21:24:49","date_gmt":"2025-10-17T12:24:49","guid":{"rendered":"https:\/\/saeba-c.co.jp\/?page_id=53"},"modified":"2025-11-07T18:57:24","modified_gmt":"2025-11-07T09:57:24","slug":"service","status":"publish","type":"page","link":"https:\/\/saeba-c.co.jp\/?page_id=53","title":{"rendered":"SERVICE"},"content":{"rendered":"\n\n\n\n \n \n SERVICE Block<\/title>\n<\/head>\n<body>\n\n<section class=\"typo-contact\" aria-label=\"SERVICE\">\n <h1 class=\"typo-title\">SERVICE<\/h1>\n<\/section>\n\n<style>\n :root{\n --typo-font: \"Bahnschrift\", \"Barlow\", \"Noto Sans JP\", system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif;\n --typo-fg: #101828; \/* \u6587\u5b57\u8272 *\/\n --typo-bg: #ffffff; \/* \u80cc\u666f\u8272\uff08\u30da\u30fc\u30b8\u306e\u307e\u307e\u4f7f\u3046\u306a\u3089\u900f\u660e\u306b\uff09 *\/\n --typo-accent: #e1002e; \/* \u4e0b\u7dda\u3084\u30cf\u30a4\u30e9\u30a4\u30c8\u7528 *\/\n }\n\n \/* \u30d6\u30ed\u30c3\u30af\u672c\u4f53\uff08\u534a\u753b\u9762\u4ee5\u4e0a\u306e\u5b58\u5728\u611f\uff09 *\/\n .typo-contact{\n position: relative;\n min-height: 40vh; \/* \u753b\u9762\u306e\u534a\u5206\u4ee5\u4e0a *\/\n display: grid; \/* \u4e2d\u592e\u5bc4\u305b *\/\n place-items: center;\n padding: clamp(24px, 8vw, 80px);\n background: var(--typo-bg);\n overflow: clip;\n }\n\n \/* \u898b\u51fa\u3057\uff08\u592a\u304f\u30fb\u30c7\u30ab\u304f\u30fb\u30df\u30cb\u30de\u30eb\uff09 *\/\n .typo-title{\n margin: 0;\n font-family: var(--typo-font);\n font-weight: 900; \/* \u592a\u5b57 *\/\n letter-spacing: 0.02em;\n line-height: 0.95;\n color: var(--typo-fg);\n font-size: clamp(32px, 6vw, 80px); \/* \u30e2\u30d0\u30a4\u30eb\uff5e\u30c7\u30b9\u30af\u30c8\u30c3\u30d7\u3067\u53ef\u5909 *\/\n text-align: center;\n white-space: nowrap; \/* 1\u884c\u56fa\u5b9a\uff08\u6539\u884c\u3055\u305b\u305f\u3044\u5834\u5408\u306f\u524a\u9664\uff09 *\/\n }\n\n \/* \u30aa\u30d7\u30b7\u30e7\u30f31\uff1a\u4e0b\u7dda\u306e\u30a2\u30cb\u30e1\uff08\u4e0d\u8981\u306a\u3089\u4e38\u3054\u3068\u524a\u9664\uff09 *\/\n .typo-title{ position: relative; }\n .typo-title::after{\n content: \"\";\n position: absolute; left: 0; right: 0; bottom: -0.4em; height: 10px;\n margin-inline: auto; width: min(28ch, 92%);\n background: linear-gradient(90deg, var(--typo-accent), #000000);\n transform: scaleX(0);\n transform-origin: left;\n animation: underline 900ms cubic-bezier(.2,.8,.2,1) 180ms forwards;\n }\n @keyframes underline{ to{ transform: scaleX(1); } }\n\n \/* \u30aa\u30d7\u30b7\u30e7\u30f32\uff1a\u884c\u3092\u5206\u3051\u305f\u3044\u5834\u5408 \u2014\u2014 HTML\u3092\u3053\u3046\u2193\u306b\u5909\u66f4\n <h2 class=\"typo-title\"><span>CONTACT<\/span><span>FORM<\/span><\/h2>\n \u306b\u3057\u3066\u3001\u4ee5\u4e0b\u306e\u30b9\u30bf\u30a4\u30eb\u3092\u6709\u52b9\u5316\u3002\n *\/\n \/*\n .typo-title{ white-space: normal; }\n .typo-title span{ display: block; }\n *\/\n\n \/* \u6697\u3044\u80cc\u666f\u3067\u4f7f\u3046\u5834\u5408\uff08\u30af\u30e9\u30b9\u8ffd\u52a0 .is-dark\uff09\n <section class=\"typo-contact is-dark\"> \u306b\u3057\u3066\u5229\u7528\u3002\n *\/\n .typo-contact.is-dark{ background: #0b1220; }\n .typo-contact.is-dark .typo-title{ color: #fff; }\n\n \/* \u4f59\u767d\u3092\u3082\u3046\u5c11\u3057\u8a70\u3081\u305f\u3044\u5834\u5408\u306f min-height \u3092 50vh \u7a0b\u5ea6\u306b *\/\n<\/style>\n<\/body>\n<\/html>\n\n\n\n\n<div class=\"wp-block-cover alignfull\" style=\"min-height:432px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-black-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<div class=\"wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top\"><div class=\"vk_block-margin-lg--margin-top\"><\/div><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/strategy.infocorpsite.com\/wp-content\/uploads\/2025\/10\/ureborn2.webp\" alt=\"\" class=\"wp-image-819\" style=\"object-fit:cover\"\/><\/figure>\n\n\n\n<div class=\"wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top\"><div class=\"vk_block-margin-sm--margin-top\"><\/div><\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-vk-color-primary-color has-alpha-channel-opacity has-vk-color-primary-background-color has-background\"\/>\n\n\n\n<p>\u79c1\u305f\u3061\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<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large is-style-vk-image-rounded\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2025\/10\/S__19750939_0-1024x683.jpg\" alt=\"\" class=\"wp-image-97\" srcset=\"https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2025\/10\/S__19750939_0-1024x683.jpg 1024w, https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2025\/10\/S__19750939_0-300x200.jpg 300w, https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2025\/10\/S__19750939_0-768x512.jpg 768w, https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2025\/10\/S__19750939_0-1536x1024.jpg 1536w, https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2025\/10\/S__19750939_0.jpg 1566w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n\n<section id=\"type-hero\" aria-label=\"\u30bf\u30a4\u30d4\u30f3\u30b0\u8868\u793a\">\n <div class=\"type-wrap\">\n \n <p id=\"line1\" class=\"type-line type-big\" data-text=\"\u691c\u67fb\u306f\u7d42\u308f\u308a\uff1f\" data-speed=\"70\"><\/p>\n <p id=\"line2\" class=\"type-line type-big\" data-text=\"\u306f\u3058\u307e\u308a\u3067\u3059\u3002\" data-speed=\"70\"><\/p>\n\n \n <p id=\"subcopy\" class=\"type-line type-small\"\n data-lines='[\"\u5e97\u8217\u306b\u307e\u3064\u308f\u308b\u3081\u3093\u3069\u3046\u304f\u3055\u3044\u3063\u3066\u3001\u3042\u308b\u3002\",\"\u307e\u3068\u3081\u3066\u76f8\u8ac7\u3067\u304d\u308b\u3068\u3053\u308d\u304c\u3001\u3042\u308b\u3002\"]'\n data-speed=\"68\"\n data-delay-after-prev=\"600\"><\/p>\n <\/div>\n<\/section>\n\n<style>\n #type-hero { width: 100%; display: block; }\n #type-hero .type-wrap {\n max-width: 1200px; margin: 0 auto; padding: 40px 20px;\n text-align: center;\n color: #fff; \/* \u2190 \u5168\u6587\u767d\u3002cursor\u3082currentColor\u3067\u767d\u306b\u306a\u308a\u307e\u3059 *\/\n }\n\n .type-line {\n font-weight: 800;\n letter-spacing: 0.02em;\n margin: 0 0 20px 0;\n line-height: 1.15;\n }\n\n \/* \u898b\u51fa\u3057\u306f\u201c\u5fc5\u305a1\u884c\u4fdd\u6301\u201d\u3057\u3066\u3001\u753b\u9762\u5e45\u306b\u5408\u308f\u305b\u3066\u81ea\u52d5\u7e2e\u5c0f *\/\n .type-big {\n white-space: nowrap;\n word-break: keep-all;\n overflow-wrap: normal;\n font-size: clamp(36px, 8.5vw, 96px);\n }\n\n \/* \u30b5\u30d6\u30b3\u30d4\u30fc\u306f\u8aad\u307f\u3084\u3059\u304f\u8907\u6570\u884cOK *\/\n .type-small {\n font-size: clamp(20px, 4.2vw, 34px);\n line-height: 1.35;\n opacity: 0.96;\n white-space: pre-wrap;\n }\n\n \/* \u30ab\u30fc\u30bd\u30eb\uff08currentColor=\u767d\uff09 *\/\n .cursor {\n display: inline-block;\n width: 0.6ch;\n border-right: 3px solid currentColor;\n animation: blink 1s steps(1) infinite; \/* \u307b\u3093\u306e\u5c11\u3057\u3060\u3051\u3086\u3063\u304f\u308a *\/\n }\n @keyframes blink { 50% { border-color: transparent; } }\n\n \/* \u753b\u9762\u304c\u6975\u7aef\u306b\u72ed\u3044\u5834\u5408\u306e\u4fdd\u967a *\/\n @media (max-width: 360px) {\n .type-big { font-size: clamp(32px, 9.5vw, 84px); }\n .type-small { font-size: clamp(18px, 4.8vw, 30px); }\n }\n\n \/* \u52d5\u304d\u3092\u597d\u307e\u306a\u3044\u4eba\u5411\u3051 *\/\n @media (prefers-reduced-motion: reduce) {\n .cursor { animation: none; border-color: transparent; }\n }\n<\/style>\n\n<script>\n(function(){\n const prefersReduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n async function typeOneLine(el, text, speed=60, delay=0){\n if (!el) return;\n if (prefersReduced) { el.textContent = text; return; }\n await sleep(delay);\n el.textContent = '';\n const span = document.createElement('span');\n el.appendChild(span);\n for (let i = 0; i < text.length; i++) {\n span.textContent = text.slice(0, i + 1);\n await sleep(speed);\n }\n const cursor = document.createElement('span');\n cursor.className = 'cursor';\n el.appendChild(cursor);\n }\n\n async function typeMultiLines(el, lines, speed=62, delay=0){\n if (!el) return;\n if (prefersReduced) { el.innerHTML = lines.join('<br>'); return; }\n await sleep(delay);\n el.textContent = '';\n for (let i = 0; i < lines.length; i++) {\n const span = document.createElement('span');\n el.appendChild(span);\n const text = lines[i];\n for (let j = 0; j < text.length; j++) {\n span.textContent = text.slice(0, j + 1);\n await sleep(speed);\n }\n if (i < lines.length - 1) {\n el.appendChild(document.createElement('br'));\n await sleep(Math.max(200, speed * 4)); \/* \u9593\u306e\u30dd\u30fc\u30ba\u3082\u5c11\u3057\u9577\u3081\u306b *\/\n }\n }\n const cursor = document.createElement('span');\n cursor.className = 'cursor';\n el.appendChild(cursor);\n }\n\n function sleep(ms){ return new Promise(r => setTimeout(r, ms)); }\n\n (async function run(){\n const l1 = document.getElementById('line1');\n const l2 = document.getElementById('line2');\n const sub = document.getElementById('subcopy');\n\n const text1 = l1?.dataset.text || '';\n const text2 = l2?.dataset.text || '';\n const speed1 = Number(l1?.dataset.speed || 70);\n const speed2 = Number(l2?.dataset.speed || 70);\n\n \/\/ \u540c\u6642\u30b9\u30bf\u30fc\u30c8\uff08\u5c11\u3057\u3060\u3051\u30bf\u30e1\u3092\u4f5c\u308b\uff09\n const p1 = typeOneLine(l1, text1, speed1, 180);\n const p2 = typeOneLine(l2, text2, speed2, 180);\n await Promise.all([p1, p2]);\n\n const linesSub = JSON.parse(sub?.dataset.lines || '[]');\n const speedSub = Number(sub?.dataset.speed || 68);\n const delayAfter = Number(sub?.dataset.delayAfterPrev || 600);\n await typeMultiLines(sub, linesSub, speedSub, delayAfter);\n })();\n})();\n<\/script>\n\n\n\n<div class=\"wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top\"><div class=\"vk_block-margin-lg--margin-top\"><\/div><\/div>\n<\/div><\/div>\n\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow:wght@400;600;800&family=Noto+Sans+JP:wght@400;700&display=swap\" rel=\"stylesheet\">\n\n<section id=\"inspection-food\" class=\"hx-inspect neo\" lang=\"ja\" aria-labelledby=\"hx-title\">\n <div class=\"hx-bg\" aria-hidden=\"true\"><\/div>\n\n <div class=\"hx-wrap\">\n <header class=\"hx-head\" data-reveal>\n <span class=\"hx-eyebrow\">HYGIENE x OPS<\/span>\n <h2 id=\"hx-title\" class=\"hx-title\">\n \u98f2\u98df\u5e97\u30fb\u53a8\u623f\u306e\u885b\u751f\u70b9\u691c\n <i class=\"hx-underline\" aria-hidden=\"true\"><\/i>\n <\/h2>\n <p class=\"hx-lead\">\n \u53a8\u623f\u306e\u885b\u751f\u72b6\u614b\u3092 <mark class=\"hx-em\">\u898b\u3048\u308b\u5316<\/mark>\u3002\u62ed\u304d\u53d6\u308a\u30fbATP\u30fb\u5fae\u751f\u7269\u691c\u67fb\u3067\u73fe\u72b6\u3092\u628a\u63e1\u3057\u3001<br class=\"hx-sp-hide\">\n \u65e5\u3005\u306e\u6e05\u6383\u30d5\u30ed\u30fc\u3068\u6539\u5584\u8a08\u753b\u307e\u3067\u3092<strong class=\"hx-plain\">\u6700\u5c0f\u306e\u624b\u9593<\/strong>\u3067\u4ed5\u7d44\u307f\u5316\u3057\u307e\u3059\u3002\n <\/p>\n <\/header>\n\n <div class=\"hx-grid\">\n <div class=\"hx-col\" data-reveal>\n <ul class=\"hx-list\">\n <li><strong>\u62ed\u304d\u53d6\u308a\u691c\u67fb<\/strong>\uff08\u8abf\u7406\u53f0\u30fb\u53d6\u624b\u30fb\u5668\u5177\uff09<\/li>\n <li><strong>ATP\u3075\u304d\u53d6\u308a<\/strong>\u3067\u5373\u6642\u5224\u5b9a\uff08\u57fa\u6e96\u5024\u8a2d\u5b9a\uff09<\/li>\n \n <li><strong>\u5fae\u751f\u7269\u691c\u67fb<\/strong>\uff08\u4e00\u822c\u751f\u83cc\u30fb\u5927\u8178\u83cc\u7fa4\u30fb\u9ec4\u8272\u30d6\u30c9\u30a6\u7403\u83cc\uff09<\/li>\n <li><strong>\u5e97\u8217\u306b\u5408\u308f\u305b\u305f\u76ee\u8996\u9805\u76ee<\/strong>\uff08\u30ea\u30b9\u30c8\u5316\u30fb\u904b\u7528\uff09<\/li>\n \n <li><strong>\u5b9a\u7740\u5316\u30b5\u30dd\u30fc\u30c8<\/strong>\uff08\u30c1\u30a7\u30c3\u30af\u8868\uff09<\/li>\n \n <li><strong>\u885b\u751f\u8b1b\u7fd2\u4f1a<\/strong>\uff08\u5f0a\u793e\u793e\u54e1\u307e\u305f\u306f\u5916\u90e8\u8b1b\u5e2b\uff09<\/li>\n <\/ul>\n\n <div class=\"hx-chips\" role=\"list\" aria-label=\"\u5bfe\u5fdc\u7bc4\u56f2\">\n <span role=\"listitem\" class=\"chip\">\u5358\u5e97\u301c\u591a\u5e97\u8217<\/span>\n \n <span role=\"listitem\" class=\"chip\">\u5831\u544a\u66f8\u30c6\u30f3\u30d7\u30ec\u4ed8<\/span>\n <\/div>\n <\/div>\n\n <div class=\"hx-col\" data-reveal>\n <div class=\"hx-cards\">\n <article class=\"hx-card hx-glass\">\n \n <p class=\"hx-kpi-label\">\u885b\u751f\u691c\u67fb\u898b\u7a4d<\/p>\n <p class=\"hx-kpi\"><span>\u6700\u77ed<\/span> <b class=\"num\">72h<\/b><\/p>\n <p class=\"hx-note-s\">\u203b \u5e97\u8217\u898f\u6a21\u30fb\u691c\u4f53\u6570\u306b\u3088\u308a\u5909\u52d5<\/p>\n <\/article>\n\n <article class=\"hx-card hx-glass\">\n <p class=\"hx-kpi-label\">\u6539\u5584\u63a8\u5968\u306e\u5b9f\u884c<\/p>\n <p class=\"hx-kpi\"><b class=\"num\">\u904b\u7528\u5316<\/b> \u307e\u3067\u4f34\u8d70<\/p>\n <p class=\"hx-note-s\">\u5b9a\u671f\u70b9\u691c\uff0f\u6559\u80b2<\/p>\n <\/article>\n <\/div>\n <\/div>\n <\/div>\n\n <footer class=\"hx-foot\" data-reveal>\n <p class=\"hx-small\">\u203b \u691c\u67fb\u7bc4\u56f2\u30fb\u9805\u76ee\u306f\u5e97\u8217\u898f\u6a21\u30fb\u696d\u614b\u306b\u3088\u308a\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u53ef\u80fd\u3067\u3059\u3002<\/p>\n <\/footer>\n <\/div>\n<\/section>\n\n<style>\n\/* ===== Theme\uff08\u900f\u904e\u7248\uff09 ===== *\/\n#inspection-food.hx-inspect.neo{\n --brand:#e1002e;\n --ink:#0b0d10;\n --muted:#5b616e;\n --line:#e9ecf1;\n --wrap:1080px;\n --glass-bg: rgba(255,255,255,.22);\n --glass-bd: rgba(255,255,255,.9);\n background: transparent;\n color:var(--ink);\n font-family: 'Noto Sans JP', system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif;\n border:none!important; padding:0!important; margin:0!important;\n position:relative; isolation:isolate; overflow:hidden;\n}\n#inspection-food .hx-wrap{ max-width:var(--wrap); margin:0 auto; padding:48px 16px 26px; }\n\n\/* \u80cc\u666f\u30b0\u30ea\u30c3\u30c9 *\/\n#inspection-food .hx-bg{\n position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.45;\n background:\n linear-gradient(90deg, rgba(16,16,24,.05) 1px, transparent 1px) 0 0\/36px 36px,\n linear-gradient(0deg, rgba(16,16,24,.05) 1px, transparent 1px) 0 0\/36px 36px,\n radial-gradient(60% 60% at 120% -10%, color-mix(in oklab, var(--brand) 8%, white 92%), transparent 60%),\n radial-gradient(40% 40% at -20% 120%, color-mix(in oklab, var(--brand) 7%, white 93%), transparent 60%);\n filter: saturate(110%) blur(.2px);\n}\n\n\/* Eyebrow \/ Head *\/\n#inspection-food .hx-eyebrow{\n display:inline-flex; align-items:center; gap:.55em;\n font: 400 12px\/1 'Barlow', system-ui, sans-serif; letter-spacing:.18em; text-transform:uppercase;\n color: var(--muted);\n}\n#inspection-food .hx-eyebrow::before{\n content:\"\"; width:42px; height:1.5px; background:var(--brand); opacity:.7; border-radius:2px;\n}\n#inspection-food .hx-title{\n position:relative; color:var(--ink);\n font-weight:400; letter-spacing:.01em; margin:.35rem 0 0;\n font-size: clamp(28px,5.4vw,56px); line-height:1.08; white-space:nowrap;\n}\n#inspection-food .hx-underline{\n position:relative; display:block; height:6px; margin:.55rem 0 0;\n background: linear-gradient(90deg, var(--brand), #ff9aa9 40%, #fff 58%, var(--brand) 100%);\n border-radius:999px; width:0; opacity:0; transform:translateY(6px);\n box-shadow: 0 6px 18px color-mix(in oklab, var(--brand) 40%, transparent 60%);\n}\n#inspection-food .hx-title.draw .hx-underline{ animation: hx-draw 0.9s cubic-bezier(.2,.9,.2,1) forwards; }\n@keyframes hx-draw{ to{ width:min(560px,70vw); opacity:1; transform:translateY(0); } }\n\n#inspection-food .hx-lead{\n color:var(--muted);\n font-size: clamp(15px,2.1vw,20px); line-height:1.75; margin:.7rem 0 0;\n}\n#inspection-food .hx-em{ background: linear-gradient(transparent 60%, color-mix(in oklab, var(--brand) 22%, #fff 78%) 60%); color:inherit; padding:0 .1em; }\n#inspection-food .hx-plain{ font-weight:400; }\n\n\/* Grid *\/\n#inspection-food .hx-grid{ position:relative; z-index:1; display:grid; gap:clamp(12px,2.6vw,22px); grid-template-columns:1.08fr .92fr; align-items:start; margin-top:20px; }\n@media (max-width: 900px){ #inspection-food .hx-grid{ grid-template-columns:1fr; gap:clamp(10px,3vw,18px); } }\n\n\/* List *\/\n#inspection-food .hx-list{ list-style:none; padding:0; margin:0; display:grid; gap:.5rem; }\n#inspection-food .hx-list li{\n position:relative; padding-left:1.2rem; line-height:1.65;\n font-size:clamp(14px,1.8vw,17px); letter-spacing:.01em;\n}\n#inspection-food .hx-list strong{ font-weight:400; }\n#inspection-food .hx-list li::before{\n content:\"\"; position:absolute; left:0; top:.82em; width:.52rem; height:.52rem; border-radius:999px;\n background:\n radial-gradient(circle at 30% 30%, #fff 0 35%, transparent 36%),\n radial-gradient(circle at 70% 70%, #fff 0 25%, transparent 26%),\n var(--brand);\n box-shadow: 0 0 0 2px color-mix(in oklab, var(--brand) 35%, #fff 65%);\n}\n\n\/* Chips *\/\n#inspection-food .hx-chips{ display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }\n#inspection-food .chip{\n border:1px dashed color-mix(in oklab, var(--brand) 38%, #c7cbd2 62%);\n padding:6px 10px; border-radius:999px; font: 400 12.5px\/1.2 'Barlow', sans-serif; color:var(--muted);\n background: rgba(255,255,255,.18);\n -webkit-backdrop-filter: blur(6px);\n backdrop-filter: blur(6px);\n transition: transform .25s ease;\n}\n#inspection-food .chip:hover{ transform: translateY(-1px); }\n\n\/* Cards *\/\n#inspection-food .hx-cards{ display:grid; gap:12px; grid-template-columns:1fr 1fr; }\n@media (max-width: 560px){ #inspection-food .hx-cards{ grid-template-columns:1fr; } }\n\n#inspection-food .hx-card{\n position:relative; border:1px solid color-mix(in oklab, var(--brand) 14%, var(--line) 86%);\n border-radius:16px; padding:16px 16px 14px;\n background: transparent;\n overflow:hidden;\n}\n#inspection-food .hx-glass{\n background: var(--glass-bg);\n -webkit-backdrop-filter: saturate(120%) blur(10px);\n backdrop-filter: saturate(120%) blur(10px);\n border-color: color-mix(in oklab, var(--brand) 18%, var(--glass-bd) 82%);\n box-shadow: 0 10px 24px rgba(0,0,0,.12), 0 4px 10px rgba(0,0,0,.08);\n}\n#inspection-food .hx-glass::before{\n content:\"\"; position:absolute; inset:0 0 auto 0; height:22px;\n background: linear-gradient(180deg, rgba(255,255,255,.28), transparent);\n pointer-events:none;\n}\n#inspection-food .hx-card::after{\n content:\"\"; position:absolute; inset:auto -10% 0 -10%; height:3px;\n background: linear-gradient(90deg, transparent, var(--brand), transparent);\n opacity:.65;\n}\n\n\/* KPI text *\/\n#inspection-food .hx-kpi-label{ color:var(--muted); font-size:clamp(12.5px,1.6vw,14.5px); margin:0 0 .25rem; letter-spacing:.04em; }\n#inspection-food .hx-kpi{ font-weight:400; font-size:clamp(18px,2.3vw,24px); margin:0; }\n#inspection-food .hx-kpi .num{\n font-weight:400; font-family:'Barlow',system-ui,sans-serif; letter-spacing:.02em;\n text-shadow: 0 .03em 0 rgba(0,0,0,.05), 0 0 .35em color-mix(in oklab, var(--brand) 35%, white 65%);\n}\n#inspection-food .hx-kpi span{ color:var(--brand); }\n#inspection-food .hx-note-s{ color:var(--muted); font-size:12px; margin:.35rem 0 0; }\n\n\/* Footer *\/\n#inspection-food .hx-foot{ margin-top:clamp(12px,2vw,20px); }\n#inspection-food .hx-small{ color:var(--muted); font-size:clamp(12px,1.5vw,14px); margin:0; }\n\n\/* Reveal *\/\n#inspection-food [data-reveal]{ opacity:0; transform:translateY(6px); }\n#inspection-food .in{ opacity:1; transform:none; transition: opacity .45s ease, transform .45s cubic-bezier(.2,.9,.2,1); }\n@media (prefers-reduced-motion: reduce){\n #inspection-food [data-reveal]{ opacity:1; transform:none; }\n #inspection-food .hx-underline{ width:min(560px,70vw); opacity:1; transform:none; }\n}\n\n\/* Mobile tweaks *\/\n@media (max-width: 430px){\n #inspection-food .hx-title{ font-size: clamp(26px, 6.2vw, 48px); white-space:normal; }\n}\n<\/style>\n\n<script>\n(function(){\n const root = document.querySelector('#inspection-food');\n if(!root) return;\n\n if('IntersectionObserver' in window){\n const io = new IntersectionObserver((ents)=>{\n ents.forEach(en=>{\n if(en.isIntersecting){\n en.target.classList.add('in');\n io.unobserve(en.target);\n }\n });\n }, {threshold:.12});\n root.querySelectorAll('[data-reveal]').forEach(el=>io.observe(el));\n }else{\n root.querySelectorAll('[data-reveal]').forEach(el=>el.classList.add('in'));\n }\n\n const title = root.querySelector('.hx-title');\n const draw = ()=> title && title.classList.add('draw');\n if('IntersectionObserver' in window){\n const tIO = new IntersectionObserver((ents)=>{\n ents.forEach(en=>{ if(en.isIntersecting){ draw(); tIO.disconnect(); } });\n }, {threshold:.6});\n title && tIO.observe(title);\n }else{ draw(); }\n})();\n<\/script>\n\n\n\n<section id=\"img-tilt\" class=\"st\">\n <figure class=\"st-card\">\n <img decoding=\"async\" src=\"https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2025\/10\/4ff99c77a495e1b60c649ed4c60337b8-1.png\" alt=\"\">\n <\/figure>\n<\/section>\n\n<style>\n#img-tilt.st{ --h:clamp(220px,45vw,520px); perspective:1000px }\n#img-tilt .st-card{\n height:var(--h); border-radius:16px; overflow:hidden; margin:0;\n transform:rotateX(0) rotateY(0); transform-style:preserve-3d;\n transition:transform .35s ease, box-shadow .35s ease;\n box-shadow:0 10px 30px rgba(0,0,0,.12);\n position:relative;\n}\n#img-tilt .st-card::after{\n content:\"\"; position:absolute; inset:0; pointer-events:none;\n background:linear-gradient(120deg, rgba(255,255,255,.0) 40%, rgba(255,255,255,.18) 60%, rgba(255,255,255,0) 70%);\n transform:translateZ(50px); opacity:.0; transition:opacity .35s ease;\n}\n#img-tilt img{ width:100%; height:100%; object-fit:cover; display:block }\n#img-tilt .st-card:hover{\n transform:rotateX(3deg) rotateY(-6deg);\n box-shadow:0 20px 40px rgba(0,0,0,.16);\n}\n#img-tilt .st-card:hover::after{ opacity:1; }\n@media (hover:none){ #img-tilt .st-card:hover{ transform:none } }\n@media (prefers-reduced-motion:reduce){ #img-tilt .st-card{ transition:none } }\n<\/style>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"612\" height=\"337\" src=\"https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2025\/10\/servsafe_logo-1.png\" alt=\"\" class=\"wp-image-107\" srcset=\"https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2025\/10\/servsafe_logo-1.png 612w, https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2025\/10\/servsafe_logo-1-300x165.png 300w\" sizes=\"auto, (max-width: 612px) 100vw, 612px\" \/><\/figure>\n\n\n\n<p class=\"has-vivid-cyan-blue-color has-text-color has-link-color wp-elements-a6bd61804e7e389c53be6f3d3706a1ad\"><strong>\u7c73\u56fd\u3067\u3001\u30db\u30c6\u30eb\u3001\u75c5\u9662\u3001\u30ec\u30b9\u30c8\u30e9\u30f3\u3001\u30b1\u30fc\u30bf\u30ea\u30f3\u30b0\u3001\u30d5\u30a1\u30fc\u30b9\u30c8\u30d5\u30fc\u30c9\u306b\u304a\u3044\u3066\u53d7\u8b1b\u304c\u7fa9\u52d9\u3065\u3051\u3089\u308c\u3066\u3044\u308b\u98df\u54c1\u885b\u751f\u30d7\u30ed\u30b0\u30e9\u30e0\u3067\u3059\u3002\u5f0a\u793e\u793e\u54e1\u306f\u30b5\u30fc\u30d6\u30bb\u30fc\u30d5\u306e\u8a8d\u8a3c\u3092\u53d7\u3051\u3066\u3044\u307e\u3059\u3002<\/strong><\/p>\n\n\n\n<p>1974\u5e74\u306b\u98df\u54c1\u885b\u751f\u306e\u5148\u9032\u56fd\u3067\u3042\u308b\u7c73\u56fd\u3067\u7523\u307f\u51fa\u3055\u308c\u305f\u885b\u751f\u7ba1\u7406\u30d7\u30ed\u30b0\u30e9\u30e0\u300c\u30b5\u30fc\u30d6\u30bb\u30fc\u30d5\u300d\u3002\u958b\u59cb\u4ee5\u6765500\u4e07\u4eba\u4ee5\u4e0a\u304c\u8a8d\u5b9a\u3055\u308c\u305f\u7c73\u56fd\u9023\u90a6\u653f\u5e9c\u3001\u5dde\u653f\u5e9c\u3001\u4fdd\u5065\u6240\u516c\u8a8d\u306e\u98df\u54c1\u885b\u751f\u306b\u95a2\u3059\u308b\u8a8d\u8a3c\u30d7\u30ed\u30b0\u30e9\u30e0\u3067\u3059\u3002\u7c73\u56fd\u306e\u307b\u3068\u3093\u3069\u306e\u5dde\u3067\u53d7\u8b1b\u304c\u7fa9\u52d9\u3065\u3051\u3089\u308c\u3066\u3044\u308b\u307b\u3069\u3001\u6700\u3082\u30e1\u30b8\u30e3\u30fc\u306a\u885b\u751f\u7ba1\u7406\u30d7\u30ed\u30b0\u30e9\u30e0\u3067\u3059\u3002\u4e0d\u9069\u5207\u306a\u98df\u54c1\u306e\u53d6\u308a\u6271\u3044\u3084\u500b\u4eba\u885b\u751f\u3001\u98df\u4e2d\u6bd2\u4e8b\u6545\u3092\u9632\u6b62\u3059\u308b\u305f\u3081\u306b\u5fc5\u8981\u306a\u77e5\u8b58\u3092\u7fd2\u5f97\u3057\u307e\u3059\u3002\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u5f8c\u306b\u306f\u8a8d\u8a3c\u30c6\u30b9\u30c8\u3067\u5408\u683c\u3059\u308b\u3068\u3001\u7c73\u56fdNRA\uff08\u5168\u7c73\u30ec\u30b9\u30c8\u30e9\u30f3\u5354\u4f1a\uff0a1 \uff09\u6559\u80b2\u8ca1\u56e3\u3088\u308a\u8a8d\u5b9a\u8a3c\u304c\u767a\u884c\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top\"><div class=\"vk_block-margin-md--margin-top\"><\/div><\/div>\n\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow:wght@400;600;800&family=Noto+Sans+JP:wght@400;700&display=swap\" rel=\"stylesheet\">\n\n<section id=\"service-carpet\" class=\"hx-inspect neo\" lang=\"ja\" aria-labelledby=\"hx-title-carpet\">\n \n <div class=\"hx-bg\" aria-hidden=\"true\"><\/div>\n\n <div class=\"hx-wrap\">\n <header class=\"hx-head\" data-reveal>\n <span class=\"hx-eyebrow\">CLEANING x CARE<\/span>\n <h2 id=\"hx-title-carpet\" class=\"hx-title\">\n \u5404\u7a2e\u6e05\u6383\n <i class=\"hx-underline\" aria-hidden=\"true\"><\/i>\n <\/h2>\n <p class=\"hx-lead\">\n \u4ed5\u69d8\u30fb\u7d20\u6750\u306b\u5408\u308f\u305b\u3066\u6700\u9069\u624b\u6cd5\u3092\u9078\u5b9a\u3002<mark class=\"hx-em\">\u84c4\u7a4d\u6c5a\u308c\u306e\u5206\u89e3\u9664\u53bb<\/mark>\u3068\n <mark class=\"hx-em\">\u98a8\u5408\u3044\u56de\u5fa9<\/mark>\u3092\u4e21\u7acb\u3057\u3001\u65e5\u5e38\u6e05\u6383\u3067\u306f\u5c4a\u304b\u306a\u3044\u6240\u307e\u3067\u4e01\u5be7\u306b\u4ed5\u4e0a\u3052\u307e\u3059\u3002\n <\/p>\n <\/header>\n\n <div class=\"hx-grid\">\n \n <div class=\"hx-col\" data-reveal>\n <ul class=\"hx-list\">\n <li><strong>\u30ab\u30fc\u30da\u30c3\u30c8\u6e05\u6383<\/strong><\/li>\n <li><strong>\u5e8a\u6e05\u6383<\/strong><\/li>\n <li><strong>\u53a8\u623f\u6e05\u6383<\/strong><\/li>\n <li><strong>\u30b7\u30df\u629c\u304d<\/strong>\uff08\u98f2\u6599\u30fb\u6cb9\u6027\u30fb\u30bf\u30f3\u30d1\u30af\u7cfb\u306e\u30b9\u30dd\u30c3\u30c8\u5bfe\u5fdc\uff09<\/li>\n <li><strong>\u6d88\u81ed\u30fb\u9664\u83cc<\/strong>\uff08\u7528\u9014\u306b\u5fdc\u3058\u305f\u85ac\u5264\u9078\u5b9a\uff09<\/li>\n <li><strong>\u30b3\u30fc\u30c6\u30a3\u30f3\u30b0<\/strong><\/li>\n <li><strong>\u30ef\u30c3\u30af\u30b9\u65bd\u5de5<\/strong><\/li>\n <\/ul>\n \n <div class=\"hx-chips\" role=\"list\" aria-label=\"\u5bfe\u5fdc\u7bc4\u56f2\">\n <span role=\"listitem\" class=\"chip\">\u591c\u9593\uff0f\u65e9\u671d<\/span>\n <span role=\"listitem\" class=\"chip\">\u5358\u767a\u301c\u5b9a\u671f<\/span>\n <span role=\"listitem\" class=\"chip\">\u7d20\u6750\u5225\u30c6\u30b9\u30c8\u53ef<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"hx-col\" data-reveal>\n <div class=\"hx-cards\">\n <article class=\"hx-card hx-glass\">\n <p class=\"hx-kpi-label\">\u6a19\u6e96\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb<\/p>\n <p class=\"hx-kpi\">\u591c\u9593\u30fb<b class=\"num\">\u65e9\u671d\u5bfe\u5fdc<\/b> \u53ef<\/p>\n <\/article>\n\n \n <\/div>\n \n <\/div>\n <\/div>\n\n \n <footer class=\"hx-foot\" data-reveal>\n <p class=\"hx-small\">\u203b \u5404\u7a2e\u8a73\u7d30\u306f\u304a\u554f\u5408\u305b\u304f\u3060\u3055\u3044<\/p>\n <\/footer>\n <\/div>\n<\/section>\n\n<style>\n\/* ===== Theme\uff08\u900f\u904e\u7248\uff09 ===== *\/\n#service-carpet.hx-inspect.neo{\n --brand:#e1002e; \/* \u30a2\u30af\u30bb\u30f3\u30c8\uff08\u8cb4\u793e\u30ec\u30c3\u30c9\uff09\u3002\u5909\u66f4\u3067\u5168\u4f53\u306b\u53cd\u6620 *\/\n --ink:#0b0d10;\n --muted:#5b616e;\n --line:#e9ecf1;\n --wrap:1080px;\n --glass-bg: rgba(255,255,255,.22); \/* \u30ac\u30e9\u30b9\u900f\u3051\u5177\u5408\uff1a.18\u301c.30 \u63a8\u5968 *\/\n --glass-bd: rgba(255,255,255,.9);\n background: transparent; \/* \u2190 \u80cc\u666f\u30d5\u30eb\u900f\u904e *\/\n color: var(--ink);\n font-family: 'Noto Sans JP', system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif;\n border:none!important; padding:0!important; margin:0!important;\n position:relative; isolation:isolate; overflow:hidden;\n}\n#service-carpet .hx-wrap{ max-width:var(--wrap); margin:0 auto; padding:48px 16px 26px; }\n\n\/* ===== \u80cc\u666f\u30b0\u30ea\u30c3\u30c9\uff08\u5b8c\u5168\u306b\u6d88\u3057\u305f\u3044\u5834\u5408\u306f background: \u3092\u524a\u9664\uff09 ===== *\/\n#service-carpet .hx-bg{\n position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.45;\n background:\n linear-gradient(90deg, rgba(16,16,24,.05) 1px, transparent 1px) 0 0\/36px 36px,\n linear-gradient(0deg, rgba(16,16,24,.05) 1px, transparent 1px) 0 0\/36px 36px,\n radial-gradient(60% 60% at 120% -10%, color-mix(in oklab, var(--brand) 8%, white 92%), transparent 60%),\n radial-gradient(40% 40% at -20% 120%, color-mix(in oklab, var(--brand) 7%, white 93%), transparent 60%);\n filter: saturate(110%) blur(.2px);\n}\n\n\/* ===== Eyebrow \/ Head ===== *\/\n#service-carpet .hx-eyebrow{\n display:inline-flex; align-items:center; gap:.55em;\n font: 400 12px\/1 'Barlow', system-ui, sans-serif;\n letter-spacing:.18em; text-transform:uppercase; color:var(--muted);\n}\n#service-carpet .hx-eyebrow::before{\n content:\"\"; width:42px; height:1.5px; background:var(--brand); opacity:.7; border-radius:2px;\n}\n#service-carpet .hx-title{\n position:relative; color:var(--ink);\n font-weight:400; letter-spacing:.01em; margin:.35rem 0 0;\n font-size: clamp(28px,5.4vw,56px); line-height:1.08; white-space:nowrap;\n}\n#service-carpet .hx-underline{\n position:relative; display:block; height:6px; margin:.55rem 0 0;\n background: linear-gradient(90deg, var(--brand), #ff9aa9 40%, #fff 58%, var(--brand) 100%);\n border-radius:999px; width:0; opacity:0; transform:translateY(6px);\n box-shadow: 0 6px 18px color-mix(in oklab, var(--brand) 40%, transparent 60%);\n}\n#service-carpet .hx-title.draw .hx-underline{ animation: hx-draw 0.9s cubic-bezier(.2,.9,.2,1) forwards; }\n@keyframes hx-draw{ to{ width:min(560px,70vw); opacity:1; transform:translateY(0); } }\n\n#service-carpet .hx-lead{\n color:var(--muted);\n font-size: clamp(15px,2.1vw,20px); line-height:1.75; margin:.7rem 0 0;\n}\n#service-carpet .hx-em{\n background: linear-gradient(transparent 60%, color-mix(in oklab, var(--brand) 22%, #fff 78%) 60%);\n color:inherit; padding:0 .1em;\n}\n\n\/* ===== Grid ===== *\/\n#service-carpet .hx-grid{\n position:relative; z-index:1;\n display:grid; gap:clamp(12px,2.6vw,22px);\n grid-template-columns:1.08fr .92fr; align-items:start; margin-top:20px;\n}\n@media (max-width: 900px){\n #service-carpet .hx-grid{ grid-template-columns:1fr; gap:clamp(10px,3vw,18px); }\n}\n\n\/* ===== List ===== *\/\n#service-carpet .hx-list{ list-style:none; padding:0; margin:0; display:grid; gap:.5rem; }\n#service-carpet .hx-list li{\n position:relative; padding-left:1.2rem; line-height:1.65;\n font-size:clamp(14px,1.8vw,17px); letter-spacing:.01em;\n}\n#service-carpet .hx-list strong{ font-weight:400; }\n#service-carpet .hx-list li::before{\n content:\"\"; position:absolute; left:0; top:.82em; width:.52rem; height:.52rem; border-radius:999px;\n background:\n radial-gradient(circle at 30% 30%, #fff 0 35%, transparent 36%),\n radial-gradient(circle at 70% 70%, #fff 0 25%, transparent 26%),\n var(--brand);\n box-shadow: 0 0 0 2px color-mix(in oklab, var(--brand) 35%, #fff 65%);\n}\n\n\/* ===== Chips\uff08\u6de1\u3044\u30ac\u30e9\u30b9\uff09 ===== *\/\n#service-carpet .hx-chips{ display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }\n#service-carpet .chip{\n border:1px dashed color-mix(in oklab, var(--brand) 38%, #c7cbd2 62%);\n padding:6px 10px; border-radius:999px; font: 400 12.5px\/1.2 'Barlow', sans-serif; color:var(--muted);\n background: rgba(255,255,255,.18);\n -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);\n transition: transform .25s ease;\n}\n#service-carpet .chip:hover{ transform: translateY(-1px); }\n\n\/* ===== Cards\uff08\u900f\u660e\u30d9\u30fc\u30b9\uff0b\u30ac\u30e9\u30b9\uff09 ===== *\/\n#service-carpet .hx-cards{ display:grid; gap:12px; grid-template-columns:1fr 1fr; }\n@media (max-width: 560px){ #service-carpet .hx-cards{ grid-template-columns:1fr; } }\n\n#service-carpet .hx-card{\n position:relative;\n border:1px solid color-mix(in oklab, var(--brand) 14%, var(--line) 86%);\n border-radius:16px; padding:16px 16px 14px;\n background: transparent;\n overflow:hidden;\n}\n#service-carpet .hx-glass{\n background: var(--glass-bg);\n -webkit-backdrop-filter: saturate(120%) blur(10px);\n backdrop-filter: saturate(120%) blur(10px);\n border-color: color-mix(in oklab, var(--brand) 18%, var(--glass-bd) 82%);\n box-shadow: 0 10px 24px rgba(0,0,0,.12), 0 4px 10px rgba(0,0,0,.08);\n}\n#service-carpet .hx-glass::before{\n content:\"\"; position:absolute; inset:0 0 auto 0; height:22px;\n background: linear-gradient(180deg, rgba(255,255,255,.28), transparent);\n pointer-events:none;\n}\n#service-carpet .hx-card::after{\n content:\"\"; position:absolute; inset:auto -10% 0 -10%; height:3px;\n background: linear-gradient(90deg, transparent, var(--brand), transparent);\n opacity:.65;\n}\n\n\/* ===== KPI text ===== *\/\n#service-carpet .hx-kpi-label{ color:var(--muted); font-size:clamp(12.5px,1.6vw,14.5px); margin:0 0 .25rem; letter-spacing:.04em; }\n#service-carpet .hx-kpi{ font-weight:400; font-size:clamp(18px,2.3vw,24px); margin:0; }\n#service-carpet .hx-kpi .num{\n font-weight:400; font-family:'Barlow',system-ui,sans-serif; letter-spacing:.02em;\n text-shadow: 0 .03em 0 rgba(0,0,0,.05), 0 0 .35em color-mix(in oklab, var(--brand) 35%, white 65%);\n}\n#service-carpet .hx-kpi span{ color:var(--brand); }\n\n#service-carpet .hx-small{ color:var(--muted); font-size:clamp(12px,1.5vw,14px); margin:0; }\n#service-carpet .hx-foot{ margin-top:clamp(12px,2vw,20px); }\n\n\/* ===== Reveal ===== *\/\n#service-carpet [data-reveal]{ opacity:0; transform:translateY(6px); }\n#service-carpet .in{ opacity:1; transform:none; transition: opacity .45s ease, transform .45s cubic-bezier(.2,.9,.2,1); }\n@media (prefers-reduced-motion: reduce){\n #service-carpet [data-reveal]{ opacity:1; transform:none; }\n #service-carpet .hx-underline{ width:min(560px,70vw); opacity:1; transform:none; }\n}\n\n\/* ===== Mobile tweaks ===== *\/\n@media (max-width: 430px){\n #service-carpet .hx-title{ font-size: clamp(26px, 6.2vw, 48px); white-space:normal; }\n}\n<\/style>\n\n<script>\n(function(){\n const root = document.querySelector('#service-carpet');\n if(!root) return;\n\n \/\/ Reveal\n if('IntersectionObserver' in window){\n const io = new IntersectionObserver((ents)=>{\n ents.forEach(en=>{\n if(en.isIntersecting){\n en.target.classList.add('in');\n io.unobserve(en.target);\n }\n });\n }, {threshold:.12});\n root.querySelectorAll('[data-reveal]').forEach(el=>io.observe(el));\n }else{\n root.querySelectorAll('[data-reveal]').forEach(el=>el.classList.add('in'));\n }\n\n \/\/ \u30a2\u30f3\u30c0\u30fc\u30e9\u30a4\u30f3\u63cf\u753b\n const title = root.querySelector('.hx-title');\n const draw = ()=> title && title.classList.add('draw');\n if('IntersectionObserver' in window){\n const tIO = new IntersectionObserver((ents)=>{\n ents.forEach(en=>{ if(en.isIntersecting){ draw(); tIO.disconnect(); } });\n }, {threshold:.6});\n title && tIO.observe(title);\n }else{ draw(); }\n})();\n<\/script>\n\n\n\n<section class=\"twins stack\" style=\"--h:clamp(220px,42vw,520px);--gap:16px;--r:16px;--brand:#e1002e;\">\n <figure class=\"card a\">\n <img decoding=\"async\" src=\"https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2025\/10\/b28c92f61e2bf5e5192ec407aad36f57-1.webp\" alt=\"\">\n <\/figure>\n <figure class=\"card b\">\n <img decoding=\"async\" src=\"https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2025\/10\/128a073de52253df317f5c2f6e3ac6d3-1.png\" alt=\"\">\n <\/figure>\n <div class=\"accent\" aria-hidden=\"true\"><\/div>\n<\/section>\n\n<style>\n.twins.stack{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);align-items:center}\n.twins.stack .card{margin:0;height:var(--h);border-radius:var(--r);overflow:hidden;box-shadow:0 10px 26px rgba(0,0,0,.12)}\n.twins.stack .a{transform:translateY(12px) rotate(-.6deg)}\n.twins.stack .b{transform:translateY(-12px) rotate(.6deg)}\n.twins.stack img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.04);animation:kb 18s ease-in-out infinite alternate}\n.twins.stack .accent{grid-column:1\/-1;height:4px;background:linear-gradient(90deg,var(--brand),transparent 55%);opacity:.16;border-radius:2px}\n.twins.stack .card:hover{transform:translateY(0) rotate(0);transition:transform .35s ease}\n@keyframes kb{from{transform:scale(1.04)}to{transform:scale(1.09)}}\n@media (max-width:820px){.twins.stack{grid-template-columns:1fr}.twins.stack .a,.twins.stack .b{transform:none}}\n@media (prefers-reduced-motion:reduce){.twins.stack img{animation:none}}\n<\/style>\n\n\n\n<div class=\"wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top\"><div class=\"vk_block-margin-md--margin-top\"><\/div><\/div>\n\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow:wght@400;600;800&family=Noto+Sans+JP:wght@400;700&display=swap\" rel=\"stylesheet\">\n\n<section id=\"service-storedesign\" class=\"hx-inspect neo\" lang=\"ja\" aria-labelledby=\"hx-title-store\">\n \n <div class=\"hx-bg\" aria-hidden=\"true\"><\/div>\n\n <div class=\"hx-wrap\">\n <header class=\"hx-head\" data-reveal>\n <span class=\"hx-eyebrow\">STORE DESIGN x OPS<\/span>\n <h2 id=\"hx-title-store\" class=\"hx-title\">\n \u5e97\u8217\u8a2d\u8a08\u30fb\u4fee\u7e55\n <i class=\"hx-underline\" aria-hidden=\"true\"><\/i>\n <\/h2>\n <p class=\"hx-lead\">\n \u696d\u614b\u30fb\u5c0e\u7dda\u30fb\u56de\u8ee2\u7387\u30fb\u5e2d\u52b9\u7387\u3092\u524d\u63d0\u306b\u3001<mark class=\"hx-em\">\u58f2\u4e0a\u3068\u4f53\u9a13\u304c\u4e21\u7acb\u3059\u308b\u30ec\u30a4\u30a2\u30a6\u30c8<\/mark>\u3092\u8a2d\u8a08\u3002\n \u8a2d\u5099\u5bb9\u91cf\u30fb\u6cd5\u898f\u30fb\u30b3\u30b9\u30c8\u307e\u3067\u4e00\u4f53\u3067\u30d7\u30e9\u30f3\u30cb\u30f3\u30b0\u3057\u307e\u3059\u3002\n <\/p>\n <\/header>\n\n <div class=\"hx-grid\">\n \n <div class=\"hx-col\" data-reveal>\n <ul class=\"hx-list\">\n <li><strong>\u30be\u30fc\u30cb\u30f3\u30b0\u8a2d\u8a08<\/strong>\uff08\u5ba2\u5e2d\uff0f\u30ec\u30b8\uff0f\u53a8\u623f\uff0f\u30d0\u30c3\u30af\u30e4\u30fc\u30c9\u306e\u6700\u9069\u914d\u7f6e\uff09<\/li>\n <li><strong>\u52d5\u7dda\u8a2d\u8a08<\/strong>\uff08\u6765\u5e97\u301c\u6ce8\u6587\u301c\u53d7\u3051\u6e21\u3057\u301c\u9000\u5e97\u306e\u6469\u64e6\u3092\u6700\u5c0f\u5316\uff09<\/li>\n <li><strong>\u5e2d\u52b9\u7387\u30fb\u56de\u8ee2\u7387<\/strong>\uff08\u5e2d\u5e45\u30fb\u8996\u7dda\u30fb\u5f85\u6a5f\u30b9\u30da\u30fc\u30b9\u306e\u6700\u9069\u5316\uff09<\/li>\n <li><strong>\u53a8\u623f\u30ec\u30a4\u30a2\u30a6\u30c8<\/strong>\uff08\u6a5f\u5668\u9078\u5b9a\u30fb\u71b1\/\u6392\u6c17\/\u7d66\u6392\u6c34\u30fb\u96fb\u6c17\u5bb9\u91cf\u306e\u6574\u5408\uff09<\/li>\n <li><strong>\u6cd5\u898f\u30fb\u8a31\u8a8d\u53ef<\/strong>\uff08\u4fdd\u5065\u6240\u3001\u6d88\u9632\u3001\u666f\u89b3\u30fb\u770b\u677f\u57fa\u6e96\u306e\u4e8b\u524d\u78ba\u8a8d\uff09<\/li>\n <li><strong>\u30b3\u30b9\u30c8\u8a2d\u8a08<\/strong>\uff08\u6982\u7b97\u898b\u7a4d\u30fbVE\uff0f\u4ed5\u69d8\u4ee3\u66ff\u3067\u7121\u99c4\u3092\u524a\u6e1b\uff09<\/li>\n <li><strong>\u30d6\u30e9\u30f3\u30c9\/\u30b5\u30a4\u30f3\u8a08\u753b<\/strong>\uff08\u30d5\u30a1\u30b5\u30fc\u30c9\u30fb\u30b5\u30a4\u30f3\u30fb\u7167\u660e\u306e\u7d71\u4e00\u611f\uff09<\/li>\n <li><strong>\u65bd\u5de5\u30c7\u30a3\u30ec\u30af\u30b7\u30e7\u30f3<\/strong>\uff08\u5de5\u7a0b\u7ba1\u7406\u30fb\u5b9a\u4f8b\u30fb\u691c\u67fb\u7acb\u4f1a\u3044\uff09<\/li>\n <li><strong>\u30a2\u30d5\u30bf\u30fc<\/strong>\uff08\u5f15\u6e21\u3057\u5f8c\u306e\u904b\u7528\u6539\u5584\u30fb\u5fae\u4fee\u6b63\uff09<\/li>\n <\/ul>\n\n \n <div class=\"hx-chips\" role=\"list\" aria-label=\"\u5bfe\u5fdc\u7bc4\u56f2\">\n <span role=\"listitem\" class=\"chip\">\u65b0\u7bc9\uff0f\u5c45\u629c\u304d<\/span>\n <span role=\"listitem\" class=\"chip\">\u5c0f\u898f\u6a21\u301c\u591a\u5e97\u8217<\/span>\n <span role=\"listitem\" class=\"chip\">B\u5de5\u4e8b\uff0fC\u5de5\u4e8b<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"hx-col\" data-reveal>\n <div class=\"hx-cards\">\n \n <article class=\"hx-card hx-glass\">\n <p class=\"hx-kpi-label\">\u8a31\u8a8d\u53ef\u5bfe\u5fdc<\/p>\n <p class=\"hx-kpi\">\u4fdd\u5065\u6240\u30fb\u6d88\u9632\u3092 <b class=\"num\">\u540c\u6642\u9032\u884c<\/b><\/p>\n <\/article>\n <\/div>\n <p class=\"hx-small\" style=\"margin-top:.8rem;\">\n \u203b \u7269\u4ef6\u6761\u4ef6\uff08\u9762\u7a4d\u30fb\u5f62\u72b6\u30fb\u30a4\u30f3\u30d5\u30e9\uff09\u306b\u3088\u308a\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb\u306f\u5909\u52d5\u3057\u307e\u3059\u3002\n <\/p>\n <\/div>\n <\/div>\n\n <footer class=\"hx-foot\" data-reveal>\n <p class=\"hx-small\">\u203b \u65e2\u5b58\u56f3\u9762\u304c\u306a\u3044\u5834\u5408\u306f\u73fe\u5730\u63a1\u5bf8\u30fb\u8a2d\u5099\u8abf\u67fb\u304b\u3089\u5bfe\u5fdc\u3057\u307e\u3059\u3002<\/p>\n <\/footer>\n <\/div>\n<\/section>\n\n<style>\n\/* ===== Theme\uff08\u900f\u904e\u7248\uff09 ===== *\/\n#service-storedesign.hx-inspect.neo{\n --brand:#e1002e; \/* \u30a2\u30af\u30bb\u30f3\u30c8\u3002\u5909\u66f4\u3067\u5168\u4f53\u306b\u53cd\u6620 *\/\n --ink:#0b0d10;\n --muted:#5b616e;\n --line:#e9ecf1;\n --wrap:1080px;\n --glass-bg: rgba(255,255,255,.22); \/* \u30ac\u30e9\u30b9\u900f\u3051\u5177\u5408\uff1a.18\u301c.30 \u63a8\u5968 *\/\n --glass-bd: rgba(255,255,255,.9);\n background: transparent; \/* \u2190 \u80cc\u666f\u30d5\u30eb\u900f\u904e *\/\n color: var(--ink);\n font-family: 'Noto Sans JP', system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif;\n border:none!important; padding:0!important; margin:0!important;\n position:relative; isolation:isolate; overflow:hidden;\n}\n#service-storedesign .hx-wrap{ max-width:var(--wrap); margin:0 auto; padding:48px 16px 26px; }\n\n\/* ===== \u80cc\u666f\u30b0\u30ea\u30c3\u30c9\uff08\u5b8c\u5168\u306b\u6d88\u3057\u305f\u3044\u5834\u5408\u306f background: \u3092\u524a\u9664\uff09 ===== *\/\n#service-storedesign .hx-bg{\n position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.45;\n background:\n linear-gradient(90deg, rgba(16,16,24,.05) 1px, transparent 1px) 0 0\/36px 36px,\n linear-gradient(0deg, rgba(16,16,24,.05) 1px, transparent 1px) 0 0\/36px 36px,\n radial-gradient(60% 60% at 120% -10%, color-mix(in oklab, var(--brand) 8%, white 92%), transparent 60%),\n radial-gradient(40% 40% at -20% 120%, color-mix(in oklab, var(--brand) 7%, white 93%), transparent 60%);\n filter: saturate(110%) blur(.2px);\n}\n\n\/* ===== Eyebrow \/ Head ===== *\/\n#service-storedesign .hx-eyebrow{\n display:inline-flex; align-items:center; gap:.55em;\n font: 400 12px\/1 'Barlow', system-ui, sans-serif;\n letter-spacing:.18em; text-transform:uppercase; color:var(--muted);\n}\n#service-storedesign .hx-eyebrow::before{\n content:\"\"; width:42px; height:1.5px; background:var(--brand); opacity:.7; border-radius:2px;\n}\n#service-storedesign .hx-title{\n position:relative; color:var(--ink);\n font-weight:400; letter-spacing:.01em; margin:.35rem 0 0;\n font-size: clamp(28px,5.4vw,56px); line-height:1.08; white-space:nowrap;\n}\n#service-storedesign .hx-underline{\n position:relative; display:block; height:6px; margin:.55rem 0 0;\n background: linear-gradient(90deg, var(--brand), #ff9aa9 40%, #fff 58%, var(--brand) 100%);\n border-radius:999px; width:0; opacity:0; transform:translateY(6px);\n box-shadow: 0 6px 18px color-mix(in oklab, var(--brand) 40%, transparent 60%);\n}\n#service-storedesign .hx-title.draw .hx-underline{ animation: hx-draw 0.9s cubic-bezier(.2,.9,.2,1) forwards; }\n@keyframes hx-draw{ to{ width:min(560px,70vw); opacity:1; transform:translateY(0); } }\n\n#service-storedesign .hx-lead{\n color:var(--muted);\n font-size: clamp(15px,2.1vw,20px); line-height:1.75; margin:.7rem 0 0;\n}\n#service-storedesign .hx-em{\n background: linear-gradient(transparent 60%, color-mix(in oklab, var(--brand) 22%, #fff 78%) 60%);\n color:inherit; padding:0 .1em;\n}\n\n\/* ===== Grid ===== *\/\n#service-storedesign .hx-grid{\n position:relative; z-index:1;\n display:grid; gap:clamp(12px,2.6vw,22px);\n grid-template-columns:1.08fr .92fr; align-items:start; margin-top:20px;\n}\n@media (max-width: 900px){\n #service-storedesign .hx-grid{ grid-template-columns:1fr; gap:clamp(10px,3vw,18px); }\n}\n\n\/* ===== List ===== *\/\n#service-storedesign .hx-list{ list-style:none; padding:0; margin:0; display:grid; gap:.5rem; }\n#service-storedesign .hx-list li{\n position:relative; padding-left:1.2rem; line-height:1.65;\n font-size:clamp(14px,1.8vw,17px); letter-spacing:.01em;\n}\n#service-storedesign .hx-list strong{ font-weight:400; }\n#service-storedesign .hx-list li::before{\n content:\"\"; position:absolute; left:0; top:.82em; width:.52rem; height:.52rem; border-radius:999px;\n background:\n radial-gradient(circle at 30% 30%, #fff 0 35%, transparent 36%),\n radial-gradient(circle at 70% 70%, #fff 0 25%, transparent 26%),\n var(--brand);\n box-shadow: 0 0 0 2px color-mix(in oklab, var(--brand) 35%, #fff 65%);\n}\n\n\/* ===== Chips\uff08\u6de1\u3044\u30ac\u30e9\u30b9\uff09 ===== *\/\n#service-storedesign .hx-chips{ display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }\n#service-storedesign .chip{\n border:1px dashed color-mix(in oklab, var(--brand) 38%, #c7cbd2 62%);\n padding:6px 10px; border-radius:999px; font: 400 12.5px\/1.2 'Barlow', sans-serif; color:var(--muted);\n background: rgba(255,255,255,.18);\n -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);\n transition: transform .25s ease;\n}\n#service-storedesign .chip:hover{ transform: translateY(-1px); }\n\n\/* ===== Cards\uff08\u900f\u660e\u30d9\u30fc\u30b9\uff0b\u30ac\u30e9\u30b9\uff09 ===== *\/\n#service-storedesign .hx-cards{ display:grid; gap:12px; grid-template-columns:1fr 1fr; }\n@media (max-width: 560px){ #service-storedesign .hx-cards{ grid-template-columns:1fr; } }\n\n#service-storedesign .hx-card{\n position:relative;\n border:1px solid color-mix(in oklab, var(--brand) 14%, var(--line) 86%);\n border-radius:16px; padding:16px 16px 14px;\n background: transparent; \/* \u2190 \u767d\u5857\u308a\u64a4\u53bb *\/\n overflow:hidden;\n}\n#service-storedesign .hx-glass{\n background: var(--glass-bg);\n -webkit-backdrop-filter: saturate(120%) blur(10px);\n backdrop-filter: saturate(120%) blur(10px);\n border-color: color-mix(in oklab, var(--brand) 18%, var(--glass-bd) 82%);\n box-shadow: 0 10px 24px rgba(0,0,0,.12), 0 4px 10px rgba(0,0,0,.08);\n}\n#service-storedesign .hx-glass::before{\n content:\"\"; position:absolute; inset:0 0 auto 0; height:22px;\n background: linear-gradient(180deg, rgba(255,255,255,.28), transparent);\n pointer-events:none;\n}\n#service-storedesign .hx-card::after{\n content:\"\"; position:absolute; inset:auto -10% 0 -10%; height:3px;\n background: linear-gradient(90deg, transparent, var(--brand), transparent);\n opacity:.65;\n}\n\n\/* ===== KPI text ===== *\/\n#service-storedesign .hx-kpi-label{ color:var(--muted); font-size:clamp(12.5px,1.6vw,14.5px); margin:0 0 .25rem; letter-spacing:.04em; }\n#service-storedesign .hx-kpi{ font-weight:400; font-size:clamp(18px,2.3vw,24px); margin:0; }\n#service-storedesign .hx-kpi .num{\n font-weight:400; font-family:'Barlow',system-ui,sans-serif; letter-spacing:.02em;\n text-shadow: 0 .03em 0 rgba(0,0,0,.05), 0 0 .35em color-mix(in oklab, var(--brand) 35%, white 65%);\n}\n#service-storedesign .hx-kpi span{ color:var(--brand); }\n\n#service-storedesign .hx-small{ color:var(--muted); font-size:clamp(12px,1.5vw,14px); margin:0; }\n#service-storedesign .hx-foot{ margin-top:clamp(12px,2vw,20px); }\n\n\/* ===== Reveal ===== *\/\n#service-storedesign [data-reveal]{ opacity:0; transform:translateY(6px); }\n#service-storedesign .in{ opacity:1; transform:none; transition: opacity .45s ease, transform .45s cubic-bezier(.2,.9,.2,1); }\n@media (prefers-reduced-motion: reduce){\n #service-storedesign [data-reveal]{ opacity:1; transform:none; }\n #service-storedesign .hx-underline{ width:min(560px,70vw); opacity:1; transform:none; }\n}\n\n\/* ===== Mobile tweaks ===== *\/\n@media (max-width: 430px){\n #service-storedesign .hx-title{ font-size: clamp(26px, 6.2vw, 48px); white-space:normal; }\n}\n<\/style>\n\n<script>\n(function(){\n const root = document.querySelector('#service-storedesign');\n if(!root) return;\n\n \/\/ Reveal\n if('IntersectionObserver' in window){\n const io = new IntersectionObserver((ents)=>{\n ents.forEach(en=>{\n if(en.isIntersecting){\n en.target.classList.add('in');\n io.unobserve(en.target);\n }\n });\n }, {threshold:.12});\n root.querySelectorAll('[data-reveal]').forEach(el=>io.observe(el));\n }else{\n root.querySelectorAll('[data-reveal]').forEach(el=>el.classList.add('in'));\n }\n\n \/\/ \u30a2\u30f3\u30c0\u30fc\u30e9\u30a4\u30f3\u63cf\u753b\n const title = root.querySelector('.hx-title');\n const draw = ()=> title && title.classList.add('draw');\n if('IntersectionObserver' in window){\n const tIO = new IntersectionObserver((ents)=>{\n ents.forEach(en=>{ if(en.isIntersecting){ draw(); tIO.disconnect(); } });\n }, {threshold:.6});\n title && tIO.observe(title);\n }else{ draw(); }\n})();\n<\/script>\n\n\n\n\n<div class=\"pg\" style=\"--h: clamp(140px, 28vw, 360px); --gap:16px; --accent:#e1002e; --speed-front:40s; --speed-back:70s;\">\n <div class=\"pg-mask\">\n \n <div class=\"pg-lane pg-back\" data-lane=\"back\" id=\"lane-back\">\n <figure class=\"pg-item\"><img decoding=\"async\" src=\"https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2025\/10\/S__19750938_0.jpg\" alt=\"\"><\/figure>\n <figure class=\"pg-item\"><img decoding=\"async\" src=\"https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2025\/10\/S__19750941_0.jpg\" alt=\"\"><\/figure>\n <figure class=\"pg-item\"><img decoding=\"async\" src=\"https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2025\/10\/S__19750942_0.jpg\" alt=\"\"><\/figure>\n <figure class=\"pg-item\"><img decoding=\"async\" src=\"https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2025\/10\/S__19750940_0.jpg\" alt=\"\"><\/figure>\n <figure class=\"pg-item\"><img decoding=\"async\" src=\"https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2025\/10\/S__19750944_0.jpg\" alt=\"\"><\/figure>\n <\/div>\n\n \n <div class=\"pg-lane pg-front\" data-lane=\"front\" id=\"lane-front\">\n <figure class=\"pg-item\"><img decoding=\"async\" src=\"https:\/\/strategy.infocorpsite.com\/wp-content\/uploads\/2025\/09\/S__19750942_0.jpg\" alt=\"\"><\/figure>\n <figure class=\"pg-item\"><img decoding=\"async\" src=\"https:\/\/strategy.infocorpsite.com\/wp-content\/uploads\/2025\/09\/S__19750939_0.jpg\" alt=\"\"><\/figure>\n <figure class=\"pg-item\"><img decoding=\"async\" src=\"https:\/\/strategy.infocorpsite.com\/wp-content\/uploads\/2025\/09\/S__19750940_0.jpg\" alt=\"\"><\/figure>\n <figure class=\"pg-item\"><img decoding=\"async\" src=\"https:\/\/strategy.infocorpsite.com\/wp-content\/uploads\/2025\/09\/S__19750938_0.jpg\" alt=\"\"><\/figure>\n <figure class=\"pg-item\"><img decoding=\"async\" src=\"https:\/\/strategy.infocorpsite.com\/wp-content\/uploads\/2025\/09\/S__19750944_0.jpg\" alt=\"\"><\/figure>\n <\/div>\n <\/div>\n <div class=\"pg-accent\" aria-hidden=\"true\"><\/div>\n<\/div>\n\n<style>\n\/* === Base === *\/\n.pg{ width:100%; padding-block: 8px; position:relative; }\n.pg-mask{\n overflow:hidden; width:100%; height: var(--h, 300px); position:relative;\n \/* \u7aef\u3092\u30d5\u30a7\u30fc\u30c9\u3055\u305b\u308b\u30de\u30b9\u30af\uff08\u7d99\u304e\u76ee\u3092\u96a0\u3059\uff09 *\/\n -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 6%, #000 94%, transparent 100%);\n mask-image: linear-gradient(90deg, transparent 0%, #000 6%, #000 94%, transparent 100%);\n}\n.pg-lane{\n position:absolute; left:0; right:0;\n display:flex; gap: var(--gap, 16px);\n width:max-content;\n will-change: transform;\n backface-visibility: hidden;\n}\n.pg-back{ top: 8%; transform: scale(.95); filter: saturate(.95) brightness(.98); }\n.pg-front{ bottom: 8%; transform: scale(1.02); }\n\n\/* \u30a2\u30a4\u30c6\u30e0\uff083:2\uff09 *\/\n.pg-item{\n flex:0 0 auto;\n width: calc(var(--h,300px) * 3 \/ 2);\n height: var(--h,300px);\n border-radius: 14px; overflow:hidden;\n box-shadow: 0 4px 18px rgba(0,0,0,.10);\n contain: content;\n}\n.pg-item img{\n width:100%; height:100%; object-fit:cover; display:block;\n transform: scale(1.05); \/* Ken Burns \u306e\u30d9\u30fc\u30b9 *\/\n animation: kb 12s ease-in-out infinite alternate;\n}\n\n\/* \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\uff08\u30b9\u30af\u30ed\u30fc\u30eb\uff09 *\/\n.pg-back{ animation: lane-left var(--speed-back, 70s) linear infinite; }\n.pg-front{ animation: lane-right var(--speed-front, 40s) linear infinite; }\n\n@keyframes lane-left{\n from{ transform: translate3d(0,0,0) scale(.95); }\n to { transform: translate3d(-50%,0,0) scale(.95); }\n}\n@keyframes lane-right{\n from{ transform: translate3d(-50%,0,0) scale(1.02); }\n to { transform: translate3d(0,0,0) scale(1.02); }\n}\n\n\/* Ken Burns\uff08\u5fae\u30ba\u30fc\u30e0\uff0b\u5fae\u56de\u8ee2\uff09 *\/\n@keyframes kb{\n 0% { transform: scale(1.05) rotate(0.2deg); }\n 100% { transform: scale(1.12) rotate(-0.2deg); }\n}\n\n\/* \u30db\u30d0\u30fc\uff0f\u30d5\u30a9\u30fc\u30ab\u30b9\u3067\u4e00\u6642\u505c\u6b62\uff08\u30a2\u30af\u30bb\u30b7\u30d3\u30ea\u30c6\u30a3\uff09 *\/\n.pg:hover .pg-lane,\n.pg:has(:focus-visible) .pg-lane{ animation-play-state: paused; }\n.pg:hover .pg-item img,\n.pg:has(:focus-visible) .pg-item img{ animation-play-state: paused; }\n\n\/* \u30d6\u30e9\u30f3\u30c9\u30a2\u30af\u30bb\u30f3\u30c8\u7dda\uff08\u6975\u7d30\u30fb\u63a7\u3048\u3081\uff09 *\/\n.pg-accent{\n position:absolute; left:0; right:0; bottom:0; height:4px;\n background: linear-gradient(90deg, var(--accent,#e1002e), transparent 55%);\n opacity:.15;\n}\n\n\/* \u30e1\u30c7\u30a3\u30a2\u30af\u30a8\u30ea\uff1a\u52d5\u304d\u3092\u5acc\u3046\u8a2d\u5b9a\u306a\u3089\u6b62\u3081\u308b *\/\n@media (prefers-reduced-motion: reduce){\n .pg-lane{ animation: none !important; }\n .pg-item img{ animation: none !important; transform:none; }\n}\n<\/style>\n\n<script>\n\/* \u540c\u4e00\u753b\u50cf\u3092\u81ea\u52d5\u30af\u30ed\u30fc\u30f3\u3057\u3066\u7d99\u304e\u76ee\u30bc\u30ed\u30fb\u5168\u30ec\u30fc\u30f3\u3067\u540c\u30c9\u30e1\u30a4\u30f3\u3092\u4f7f\u7528 *\/\n(() => {\n const cloneLane = (lane) => {\n if(!lane) return;\n const items = Array.from(lane.children);\n \/\/ 5\u679a\u60f3\u5b9a\uff1a\u540c\u6570\u3076\u3093\u30af\u30ed\u30fc\u30f3\u3057\u3066\u5f8c\u308d\u306b\u9023\u7d50\n items.forEach((el, i) => {\n const c = el.cloneNode(true);\n const img = c.querySelector('img');\n if(img){\n img.setAttribute('aria-hidden','true');\n img.loading = 'eager';\n img.decoding = 'async';\n img.setAttribute('fetchpriority','low');\n }\n lane.appendChild(c);\n });\n };\n\n cloneLane(document.getElementById('lane-back'));\n cloneLane(document.getElementById('lane-front'));\n\n \/\/ \u30bf\u30c3\u30d7\u3067\u4e00\u6642\u505c\u6b62\uff08\u30e2\u30d0\u30a4\u30eb\u914d\u616e\uff09\n const root = document.querySelector('.pg');\n if(root){\n let paused = false;\n root.addEventListener('click', () => {\n paused = !paused;\n root.querySelectorAll('.pg-lane, .pg-item img').forEach(el=>{\n el.style.animationPlayState = paused ? 'paused' : 'running';\n });\n });\n }\n})();\n<\/script>\n\n\n\n<div class=\"wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top\"><div class=\"vk_block-margin-xl--margin-top\"><\/div><\/div>\n\n\n\n\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 <\/span><span>SAEBA COORDINATION <\/span>\n <span>SAEBA COORDINATION <\/span><span>SAEBA COORDINATION <\/span>\n <span>SAEBA COORDINATION <\/span><span>SAEBA COORDINATION <\/span>\n <span>SAEBA COORDINATION <\/span><span>SAEBA COORDINATION <\/span>\n <\/div>\n <div class=\"track\" aria-hidden=\"true\">\n <span>SAEBA COORDINATION <\/span><span>SAEBA COORDINATION <\/span>\n <span>SAEBA COORDINATION <\/span><span>SAEBA COORDINATION <\/span>\n <span>SAEBA COORDINATION <\/span><span>SAEBA COORDINATION <\/span>\n <span>SAEBA COORDINATION <\/span><span>SAEBA COORDINATION <\/span>\n <\/div>\n <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>SERVICE Block SERVICE HYGIENE x OPS \u98f2\u98df\u5e97\u30fb\u53a8\u623f\u306e\u885b\u751f\u70b9\u691c \u53a8\u623f\u306e\u885b\u751f\u72b6\u614b\u3092 \u898b\u3048\u308b\u5316\u3002\u62ed\u304d\u53d6\u308a\u30fbATP\u30fb\u5fae\u751f\u7269\u691c\u67fb\u3067\u73fe\u72b6\u3092\u628a\u63e1\u3057\u3001 \u65e5\u3005\u306e\u6e05\u6383\u30d5\u30ed\u30fc\u3068\u6539\u5584\u8a08\u753b\u307e\u3067\u3092\u6700\u5c0f\u306e\u624b\u9593\u3067\u4ed5\u7d44\u307f […]<\/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-53","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/saeba-c.co.jp\/index.php?rest_route=\/wp\/v2\/pages\/53","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=53"}],"version-history":[{"count":8,"href":"https:\/\/saeba-c.co.jp\/index.php?rest_route=\/wp\/v2\/pages\/53\/revisions"}],"predecessor-version":[{"id":163,"href":"https:\/\/saeba-c.co.jp\/index.php?rest_route=\/wp\/v2\/pages\/53\/revisions\/163"}],"wp:attachment":[{"href":"https:\/\/saeba-c.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=53"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}