{"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":"2026-06-19T23:32:29","modified_gmt":"2026-06-19T14:32:29","slug":"service","status":"publish","type":"page","link":"https:\/\/saeba-c.co.jp\/?page_id=53","title":{"rendered":"SERVICE"},"content":{"rendered":"\n<div class=\"saeba-minimal-frame\">\n    <div class=\"saeba-split-box-v\">\n        <div class=\"saeba-rotating-text\">\n            <span>S<\/span><span>E<\/span><span>R<\/span><span>V<\/span><span>I<\/span><span>C<\/span><span>E<\/span>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n    .saeba-minimal-frame {\n        display: flex;\n        justify-content: center;\n        margin: 2rem 0;\n    }\n\n    .saeba-split-box-v {\n        position: relative;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        padding: 10px 30px;\n        background: linear-gradient(180deg, #e1002e 50%, #231815 50%);\n        \/* 7\u6587\u5b57\u306b\u5408\u308f\u305b\u3066\u5e45\u3092\u8abf\u6574 *\/\n        min-width: 180px;\n        cursor: pointer;\n        transition: transform 0.3s ease;\n    }\n\n    .saeba-split-box-v:hover {\n        transform: translateY(-2px);\n    }\n\n    .saeba-rotating-text {\n        font-size: 1.45rem;\n        font-weight: 700;\n        color: #ffffff;\n        letter-spacing: 0.15em;\n        display: flex;\n        perspective: 800px;\n        pointer-events: none;\n    }\n\n    \/* \u521d\u56de\u306e\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 *\/\n    .saeba-rotating-text span {\n        display: inline-block;\n        opacity: 0;\n        transform: rotateX(-720deg);\n        animation: doubleRotateIn 0.8s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n    }\n\n    \/* \u30db\u30d0\u30fc\uff1a\u4e0d\u900f\u660e\u5ea6\u3092\u7dad\u6301\u3057\u3066\u518d\u56de\u8ee2 *\/\n    .saeba-split-box-v:hover .saeba-rotating-text span,\n    .saeba-split-box-v:active .saeba-rotating-text span {\n        opacity: 1;\n        animation: doubleRotateAction 0.6s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n    }\n\n    @keyframes doubleRotateIn {\n        100% { opacity: 1; transform: rotateX(0deg); }\n    }\n\n    @keyframes doubleRotateAction {\n        0% { transform: rotateX(0deg); }\n        100% { transform: rotateX(720deg); }\n    }\n\n    \/* \u9045\u5ef6\u8a2d\u5b9a\uff087\u6587\u5b57\u5206\uff09 *\/\n    .saeba-rotating-text span:nth-child(1) { animation-delay: 0.05s !important; }\n    .saeba-rotating-text span:nth-child(2) { animation-delay: 0.10s !important; }\n    .saeba-rotating-text span:nth-child(3) { animation-delay: 0.15s !important; }\n    .saeba-rotating-text span:nth-child(4) { animation-delay: 0.20s !important; }\n    .saeba-rotating-text span:nth-child(5) { animation-delay: 0.25s !important; }\n    .saeba-rotating-text span:nth-child(6) { animation-delay: 0.30s !important; }\n    .saeba-rotating-text span:nth-child(7) { animation-delay: 0.35s !important; }\n\n    @media (max-width: 480px) {\n        .saeba-rotating-text { font-size: 1.2rem; }\n        .saeba-split-box-v { padding: 8px 20px; min-width: 150px; }\n    }\n<\/style>\n\n\n\n<div class=\"saeba-anchor-wrapper\">\n    <div class=\"saeba-anchor-container\">\n        <a href=\"#HYGIENE\" class=\"anchor-item\">\n            <span class=\"en\">HYGIENE<\/span>\n            <span class=\"jp\">\u885b\u751f\u70b9\u691c<\/span>\n        <\/a>\n        <a href=\"#CLEANING\" class=\"anchor-item\">\n            <span class=\"en\">CLEANING<\/span>\n            <span class=\"jp\">\u5404\u7a2e\u6e05\u6383<\/span>\n        <\/a>\n        <a href=\"#DESIGN\" class=\"anchor-item\">\n            <span class=\"en\">DESIGN<\/span>\n            <span class=\"jp\">\u5e97\u8217\u8a2d\u8a08\u30fb\u4fee\u7e55<\/span>\n        <\/a>\n    <\/div>\n<\/div>\n\n<style>\n    .saeba-anchor-wrapper {\n        width: 100%;\n        padding: 40px 20px;\n        background-color: #fff; \/* \u80cc\u666f\u8272\u306f\u9069\u5b9c\u8abf\u6574\u3057\u3066\u304f\u3060\u3055\u3044 *\/\n    }\n\n    .saeba-anchor-container {\n        max-width: 1100px;\n        margin: 0 auto;\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 20px;\n    }\n\n    .anchor-item {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        padding: 30px 15px;\n        text-decoration: none;\n        background: #f9f9f9;\n        border-bottom: 4px solid #eee;\n        transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);\n    }\n\n    .anchor-item:hover {\n        background: #fff;\n        border-bottom-color: #e1002e;\n        transform: translateY(-5px);\n        box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    }\n\n    .anchor-item .en {\n        font-family: 'Josefin Sans', sans-serif;\n        font-size: 1.4rem;\n        font-weight: 700;\n        color: #e1002e;\n        letter-spacing: 0.1em;\n        margin-bottom: 5px;\n    }\n\n    .anchor-item .jp {\n        font-family: 'Noto Sans JP', sans-serif;\n        font-size: 0.85rem;\n        font-weight: 700;\n        color: #231815;\n        letter-spacing: 0.05em;\n    }\n\n    \/* \u30b9\u30de\u30db\u8868\u793a\uff1a\u7e26\u4e26\u3079 *\/\n    @media (max-width: 768px) {\n        .saeba-anchor-container {\n            grid-template-columns: 1fr;\n            gap: 12px;\n        }\n\n        .anchor-item {\n            padding: 20px;\n            flex-direction: row;\n            justify-content: space-between;\n            align-items: center;\n        }\n\n        .anchor-item .en {\n            margin-bottom: 0;\n            font-size: 1.2rem;\n        }\n\n        .anchor-item::after {\n            content: '\u2193';\n            color: #e1002e;\n            font-weight: 900;\n            opacity: 0.5;\n        }\n    }\n<\/style>\n\n\n\n<figure class=\"wp-block-image alignfull size-large\" id=\"HYGIENE\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2026\/06\/30373507_l-Edit-1024x683.jpg\" alt=\"\" class=\"wp-image-174\" srcset=\"https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2026\/06\/30373507_l-Edit-1024x683.jpg 1024w, https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2026\/06\/30373507_l-Edit-300x200.jpg 300w, https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2026\/06\/30373507_l-Edit-768x512.jpg 768w, https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2026\/06\/30373507_l-Edit-1536x1024.jpg 1536w, https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2026\/06\/30373507_l-Edit-2048x1365.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"saeba-copy-container\">\n    <div class=\"saeba-copy-box\">\n        <h1 class=\"saeba-copy-text\">\n            <span>\u98f2<\/span><span>\u98df<\/span><span>\u5e97<\/span><span>\u30fb<\/span><span>\u53a8<\/span><span>\u623f<\/span><span>\u306e<\/span><span class=\"highlight\">\u885b<\/span><span class=\"highlight\">\u751f<\/span><span class=\"highlight\">\u70b9<\/span><span class=\"highlight\">\u691c<\/span>\n        <\/h1>\n    <\/div>\n<\/div>\n\n<style>\n    .saeba-copy-container {\n        display: flex;\n        justify-content: center;\n        \/* \u4e0b\u90e8\u306e\u30de\u30fc\u30b8\u30f3\u30920\u306b\u8a2d\u5b9a *\/\n        margin-top: 4rem;\n        margin-bottom: 0;\n        padding: 0 20px 0 20px; \/* \u4e0b\u90e8\u30d1\u30c7\u30a3\u30f3\u30b0\u30820 *\/\n    }\n\n    .saeba-copy-box {\n        cursor: pointer;\n        \/* \u30dc\u30c3\u30af\u30b9\u5185\u306e\u4e0b\u90e8\u4f59\u767d\u30820\u306b *\/\n        padding: 15px 15px 0 15px;\n        transition: transform 0.3s ease;\n    }\n\n    .saeba-copy-box:hover {\n        transform: translateY(-2px);\n    }\n\n    .saeba-copy-text {\n        font-family: 'Noto Sans JP', sans-serif;\n        font-size: clamp(1.2rem, 4vw, 2.2rem);\n        font-weight: 900;\n        color: #231815;\n        letter-spacing: 0.1em;\n        line-height: 1.5;\n        text-align: center;\n        perspective: 1000px;\n        margin: 0;\n        pointer-events: none;\n    }\n\n    .saeba-copy-text span.highlight {\n        color: #e1002e;\n    }\n\n    \/* \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u8a2d\u5b9a *\/\n    .saeba-copy-text span {\n        display: inline-block;\n        opacity: 0;\n        transform: rotateX(-720deg);\n        animation: copyRotateIn 0.8s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n    }\n\n    .saeba-copy-box:hover .saeba-copy-text span,\n    .saeba-copy-box:active .saeba-copy-text span {\n        opacity: 1;\n        animation: copyDoubleRotateAction 0.6s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n    }\n\n    @keyframes copyRotateIn {\n        to { opacity: 1; transform: rotateX(0deg); }\n    }\n\n    @keyframes copyDoubleRotateAction {\n        0% { transform: rotateX(0deg); }\n        100% { transform: rotateX(720deg); }\n    }\n\n    \/* \u9045\u5ef6\u8a2d\u5b9a\uff0811\u6587\u5b57\u5206\u306b\u8abf\u6574\uff09 *\/\n    .saeba-copy-text span:nth-child(1) { animation-delay: 0.04s !important; }\n    .saeba-copy-text span:nth-child(2) { animation-delay: 0.08s !important; }\n    .saeba-copy-text span:nth-child(3) { animation-delay: 0.12s !important; }\n    .saeba-copy-text span:nth-child(4) { animation-delay: 0.16s !important; }\n    .saeba-copy-text span:nth-child(5) { animation-delay: 0.20s !important; }\n    .saeba-copy-text span:nth-child(6) { animation-delay: 0.24s !important; }\n    .saeba-copy-text span:nth-child(7) { animation-delay: 0.28s !important; }\n    .saeba-copy-text span:nth-child(8) { animation-delay: 0.32s !important; }\n    .saeba-copy-text span:nth-child(9) { animation-delay: 0.36s !important; }\n    .saeba-copy-text span:nth-child(10) { animation-delay: 0.40s !important; }\n    .saeba-copy-text span:nth-child(11) { animation-delay: 0.44s !important; }\n\n    @media (max-width: 600px) {\n        .saeba-copy-text {\n            font-size: 1.3rem;\n            line-height: 1.6;\n        }\n    }\n<\/style>\n\n\n\n<div class=\"saeba-desc-container\">\n    <div class=\"saeba-desc-box\">\n        <p class=\"saeba-desc-text\">\n            <span class=\"line-break\">\u53a8\u623f\u306e\u885b\u751f\u72b6\u614b\u3092 \u300c\u898b\u3048\u308b\u5316\u300d\u3002<\/span>\n            <span class=\"line-break\">\u62ed\u304d\u53d6\u308a\u30fbATP\u30fb\u5fae\u751f\u7269\u691c\u67fb\u3067\u73fe\u72b6\u3092\u628a\u63e1\u3057\u3001<\/span>\n            <span class=\"line-break\">\u65e5\u3005\u306e\u6e05\u6383\u30d5\u30ed\u30fc\u3068\u6539\u5584\u8a08\u753b\u307e\u3067\u3092<\/span>\n            <span class=\"line-break\">\u6700\u5c0f\u306e\u624b\u9593\u3067\u4ed5\u7d44\u307f\u5316\u3057\u307e\u3059\u3002<\/span>\n        <\/p>\n    <\/div>\n<\/div>\n\n<style>\n    .saeba-desc-container {\n        display: flex;\n        justify-content: center;\n        \/* \u4e0a\u90e8\u30d1\u30c7\u30a3\u30f3\u30b0\u30920\u306b\u3057\u3001\u4e0b\u90e8\u306e\u4f59\u767d\u306e\u307f\u8abf\u6574 *\/\n        padding: 0 20px;\n        margin-top: 0; \n        margin-bottom: 3rem;\n    }\n\n    .saeba-desc-box {\n        \/* \u30dc\u30c3\u30af\u30b9\u81ea\u4f53\u306e\u30d1\u30c7\u30a3\u30f3\u30b0\u3082\u4e0a\u90e8\u30920\u306b *\/\n        padding: 0 20px 10px 20px;\n        max-width: 1000px;\n    }\n\n   .saeba-desc-text {\n    \/* Josefin Sans \u3092\u5148\u982d\u306b\u8ffd\u52a0 *\/\n    font-family: 'Josefin Sans', 'Noto Sans JP', sans-serif;\n    font-size: 0.95rem; \n    font-weight: 500;\n    color: #231815;\n    letter-spacing: 0.05em;\n    line-height: 2.2;\n    text-align: center;\n    margin: 0;\n}\n\n    \/* \u6307\u5b9a\u306e\u5834\u6240\u3067\u6539\u884c *\/\n    .line-break {\n        display: block;\n    }\n\n    @media (max-width: 768px) {\n        .saeba-desc-text {\n            font-size: 0.85rem;\n            line-height: 2;\n        }\n    }\n<\/style>\n\n\n\n<div class=\"saeba-full-width-wrapper\">\n    <div class=\"hygiene-service-container\">\n        \n        <div class=\"hygiene-grid\">\n            <div class=\"grid-item\">\n                <h3>\u691c\u67fb\u30e1\u30cb\u30e5\u30fc<\/h3>\n                <ul>\n                    <li>\u62ed\u304d\u53d6\u308a\u691c\u67fb<span>\uff08\u8abf\u7406\u53f0\u30fb\u53d6\u624b\u30fb\u5668\u5177\uff09<\/span><\/li>\n                    <li>ATP\u3075\u304d\u53d6\u308a\u3067\u5373\u6642\u5224\u5b9a<span>\uff08\u57fa\u6e96\u5024\u8a2d\u5b9a\uff09<\/span><\/li>\n                    <li>\u5fae\u751f\u7269\u691c\u67fb<span>\uff08\u4e00\u822c\u751f\u83cc\u30fb\u5927\u8178\u83cc\u7fa4\u30fb\u9ec4\u8272\u30d6\u30c9\u30a6\u7403\u83cc\uff09<\/span><\/li>\n                <\/ul>\n            <\/div>\n            <div class=\"grid-item\">\n                <h3>\u904b\u7528\u30b5\u30dd\u30fc\u30c8<\/h3>\n                <ul>\n                    <li>\u5e97\u8217\u306b\u5408\u308f\u305b\u305f\u76ee\u8996\u9805\u76ee<span>\uff08\u30ea\u30b9\u30c8\u5316\u30fb\u904b\u7528\uff09<\/span><\/li>\n                    <li>\u5b9a\u7740\u5316\u30b5\u30dd\u30fc\u30c8<span>\uff08\u30c1\u30a7\u30c3\u30af\u8868\uff09<\/span><\/li>\n                    <li>\u885b\u751f\u8b1b\u7fd2\u4f1a<span>\uff08\u5f0a\u793e\u793e\u54e1\u307e\u305f\u306f\u5916\u90e8\u8b1b\u5e2b\uff09<\/span><\/li>\n                <\/ul>\n            <\/div>\n            <div class=\"grid-item highlight\">\n                <h3>\u30b5\u30fc\u30d3\u30b9\u306e\u7279\u5fb4<\/h3>\n                <div class=\"feature-tags\">\n                    <span>\u5358\u5e97\u301c\u591a\u5e97\u8217\u5bfe\u5fdc<\/span>\n                    <span>\u5831\u544a\u66f8\u30c6\u30f3\u30d7\u30ec\u4ed8<\/span>\n                <\/div>\n                <div class=\"estimation-box\">\n                    <p class=\"est-label\">\u885b\u751f\u691c\u67fb\u898b\u7a4d<\/p>\n                    <p class=\"est-time\">\u6700\u77ed <span>72<\/span>h<\/p>\n                    <p class=\"est-note\">\u203b \u5e97\u8217\u898f\u6a21\u30fb\u691c\u4f53\u6570\u306b\u3088\u308a\u5909\u52d5<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"hygiene-flow-scroll-wrapper\">\n            <div class=\"hygiene-flow-dynamic\">\n                <div class=\"flow-card\">\n                    <div class=\"flow-num\">01<\/div>\n                    <div class=\"flow-content\">\n                        <p>\u6539\u5584\u63a8\u5968\u306e<br>\u5b9f\u884c<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"flow-connector\">\n                    <div class=\"arrow-animation\"><\/div>\n                <\/div>\n\n                <div class=\"flow-card\">\n                    <div class=\"flow-num\">02<\/div>\n                    <div class=\"flow-content\">\n                        <p>\u904b\u7528\u5316\u307e\u3067<br>\u4f34\u8d70<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"flow-connector\">\n                    <div class=\"arrow-animation\"><\/div>\n                <\/div>\n\n                <div class=\"flow-card\">\n                    <div class=\"flow-num\">03<\/div>\n                    <div class=\"flow-content\">\n                        <p>\u5b9a\u671f\u70b9\u691c<br>\uff0f\u6559\u80b2<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <p class=\"hygiene-footer-note\">\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    <\/div>\n<\/div>\n\n<style>\n    .saeba-full-width-wrapper {\n        width: 100vw;\n        position: relative;\n        left: 50%;\n        right: 50%;\n        margin-left: -50vw;\n        margin-right: -50vw;\n        background-color: #f9f9f9;\n        padding: 80px 0;\n        font-family: 'Noto Sans JP', sans-serif;\n        color: #231815;\n    }\n\n    .hygiene-service-container {\n        max-width: 1100px;\n        margin: 0 auto;\n        padding: 0 20px;\n    }\n\n    \/* \u4e0a\u6bb5\u30b0\u30ea\u30c3\u30c9 *\/\n    .hygiene-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 30px;\n        margin-bottom: 80px;\n    }\n\n    .grid-item {\n        background: #fff;\n        padding: 40px 30px;\n        border-radius: 4px;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n    }\n\n    .grid-item h3 {\n        font-size: 1.3rem;\n        border-left: 5px solid #e1002e;\n        padding-left: 15px;\n        margin-bottom: 25px;\n        font-weight: 700;\n    }\n\n    .grid-item ul { list-style: none; padding: 0; margin: 0; }\n    .grid-item li { margin-bottom: 15px; font-weight: 700; display: flex; flex-direction: column; }\n    .grid-item li span { font-size: 0.85rem; font-weight: 500; color: #666; margin-top: 4px; }\n\n    .grid-item.highlight { background-color: #231815; color: #fff; }\n    .grid-item.highlight h3 { color: #fff; }\n\n    .feature-tags { display: flex; gap: 10px; margin-bottom: 30px; flex-wrap: wrap; }\n    .feature-tags span { background: #e1002e; padding: 5px 12px; font-size: 0.8rem; border-radius: 20px; }\n\n    .estimation-box { text-align: center; background: rgba(255,255,255,0.1); padding: 20px; border: 1px dashed rgba(255,255,255,0.3); }\n    .est-label { font-size: 0.9rem; margin-bottom: 5px; }\n    .est-time { font-size: 1.2rem; font-weight: 700; }\n    .est-time span { font-size: 3rem; color: #e1002e; }\n\n    \/* \u4e0b\u6bb5\u4f34\u8d70\u30d5\u30ed\u30fc\uff08\u6a2a\u30b9\u30af\u30ed\u30fc\u30eb\u5bfe\u5fdc\uff09 *\/\n    .hygiene-flow-scroll-wrapper {\n        overflow-x: auto;\n        padding: 40px 10px;\n        -webkit-overflow-scrolling: touch;\n    }\n    .hygiene-flow-scroll-wrapper::-webkit-scrollbar { display: none; }\n\n    .hygiene-flow-dynamic {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 15px;\n        min-width: 800px;\n        margin: 0 auto;\n    }\n\n    .flow-card {\n        background: #fff;\n        flex: 1;\n        max-width: 250px;\n        padding: 45px 20px;\n        border-radius: 8px;\n        text-align: center;\n        position: relative;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n        border: 2px solid #eee;\n        transition: all 0.3s ease;\n    }\n    .flow-card:hover { transform: translateY(-10px); border-color: #e1002e; }\n\n    .flow-num {\n        position: absolute; top: -22px; left: 50%; transform: translateX(-50%);\n        background: #e1002e; color: #fff; width: 44px; height: 44px;\n        border-radius: 50%; display: flex; align-items: center; justify-content: center;\n        font-weight: 800; font-size: 1.1rem;\n    }\n\n    .flow-content p { font-size: 1.15rem; font-weight: 700; line-height: 1.5; margin: 0; }\n\n    \/* \u77e2\u5370\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\uff08\u5de6\u304b\u3089\u53f3\uff09 *\/\n    .flow-connector { flex: 0 0 60px; display: flex; justify-content: center; align-items: center; overflow: hidden; }\n    .arrow-animation {\n        width: 18px; height: 18px; border-top: 3px solid #e1002e; border-right: 3px solid #e1002e;\n        transform: rotate(45deg);\n        animation: arrowSlideRight 1.5s infinite cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    @keyframes arrowSlideRight {\n        0% { transform: rotate(45deg) translate(-25px, 25px); opacity: 0; }\n        50% { opacity: 1; }\n        100% { transform: rotate(45deg) translate(25px, -25px); opacity: 0; }\n    }\n\n    .hygiene-footer-note { text-align: center; font-size: 0.85rem; color: #888; margin-top: 30px; }\n\n    @media (max-width: 850px) {\n        .hygiene-service-container::before {\n            content: '\u2190 Swipe \u2192'; display: block; text-align: center; font-size: 0.7rem;\n            color: #bbb; margin-bottom: 10px; letter-spacing: 0.2em;\n        }\n    }\n<\/style>\n\n\n\n<div class=\"saeba-row-container\">\n    <div class=\"saeba-col-image\">\n        <div class=\"image-inner\">\n            <img decoding=\"async\" src=\"https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2025\/10\/servsafe_logo-1.png\" alt=\"ServSafe Logo\">\n        <\/div>\n    <\/div>\n\n    <div class=\"saeba-col-text\">\n        <h3 class=\"saeba-sub-title\">ServSafe\u00ae\uff08\u30b5\u30fc\u30d6\u30bb\u30fc\u30d5\uff09<\/h3>\n        <p class=\"saeba-highlight-text\">\n            \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\n        <\/p>\n        <div class=\"saeba-description\">\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<\/p>\n            <p>\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        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n    \/* \u5de6\u53f3\u30ab\u30e9\u30e0\u30b3\u30f3\u30c6\u30ca *\/\n    .saeba-row-container {\n        display: flex;\n        align-items: center; \/* \u5782\u76f4\u4e2d\u592e\u63c3\u3048\uff08\u5fc5\u8981\u306b\u5fdc\u3058\u3066 flex-start \u306b\u5909\u66f4\u53ef\uff09 *\/\n        gap: 60px; \/* \u30ab\u30e9\u30e0\u9593\u306e\u4f59\u767d *\/\n        max-width: 1100px;\n        margin: 60px auto;\n        padding: 0 20px;\n    }\n\n    \/* \u753b\u50cf\u30ab\u30e9\u30e0\uff1a40% *\/\n    .saeba-col-image {\n        flex: 0 0 40%;\n        text-align: center;\n    }\n\n    .image-inner img {\n        max-width: 100%;\n        height: auto;\n        display: block;\n        margin: 0 auto;\n        \/* \u5c11\u3057\u30d6\u30e9\u30f3\u30c9\u611f\u3092\u51fa\u3059\u305f\u3081\u306e\u88c5\u98fe\uff08\u4efb\u610f\uff09 *\/\n        border-bottom: 5px solid #e1002e; \n    }\n\n    \/* \u30c6\u30ad\u30b9\u30c8\u30ab\u30e9\u30e0\uff1a60% *\/\n    .saeba-col-text {\n        flex: 0 0 60%;\n        color: #231815;\n        line-height: 1.8;\n    }\n\n    \/* \u5c0f\u898b\u51fa\u3057 *\/\n    .saeba-sub-title {\n        font-size: 1.5rem;\n        font-weight: 700;\n        margin-bottom: 20px;\n        position: relative;\n        padding-bottom: 10px;\n    }\n\n    .saeba-sub-title::after {\n        content: '';\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        width: 40px;\n        height: 3px;\n        background: #e1002e; \/* \u8d64\u306e\u30a2\u30af\u30bb\u30f3\u30c8 *\/\n    }\n\n    \/* \u5f37\u8abf\u6587 *\/\n    .saeba-highlight-text {\n        font-weight: 700;\n        font-size: 1.1rem;\n        margin-bottom: 25px;\n        color: #231815;\n    }\n\n    \/* \u8aac\u660e\u6587 *\/\n    .saeba-description {\n        font-size: 0.95rem;\n        color: #555;\n    }\n\n    .saeba-description p {\n        margin-bottom: 15px;\n    }\n\n    \/* \u30e2\u30d0\u30a4\u30eb\u5bfe\u5fdc\uff08768px\u4ee5\u4e0b\u3067\u7e26\u4e26\u3073\uff09 *\/\n    @media (max-width: 768px) {\n        .saeba-row-container {\n            flex-direction: column;\n            gap: 40px;\n            text-align: center;\n        }\n        \n        .saeba-col-image, .saeba-col-text {\n            flex: 0 0 100%;\n        }\n\n        .saeba-sub-title::after {\n            left: 50%;\n            transform: translateX(-50%);\n        }\n        \n        .saeba-row-container {\n            align-items: flex-start;\n            text-align: left;\n        }\n    }\n<\/style>\n\n\n\n<figure class=\"wp-block-image alignfull size-large\" id=\"CLEANING\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2026\/06\/b28c92f61e2bf5e5192ec407aad36f57-1-1024x683.jpg\" alt=\"\" class=\"wp-image-175\" srcset=\"https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2026\/06\/b28c92f61e2bf5e5192ec407aad36f57-1-1024x683.jpg 1024w, https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2026\/06\/b28c92f61e2bf5e5192ec407aad36f57-1-300x200.jpg 300w, https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2026\/06\/b28c92f61e2bf5e5192ec407aad36f57-1-768x512.jpg 768w, https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2026\/06\/b28c92f61e2bf5e5192ec407aad36f57-1.jpg 1536w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"saeba-copy-container\">\n    <div class=\"saeba-copy-box\">\n        <h1 class=\"saeba-copy-text\">\n            <span>\u5404<\/span><span>\u7a2e<\/span><span class=\"highlight\">\u6e05<\/span><span class=\"highlight\">\u6383<\/span>\n        <\/h1>\n    <\/div>\n<\/div>\n\n<style>\n    .saeba-copy-container {\n        display: flex;\n        justify-content: center;\n        \/* \u4e0b\u90e8\u306e\u30de\u30fc\u30b8\u30f3\u30920\u306b\u8a2d\u5b9a *\/\n        margin-top: 4rem;\n        margin-bottom: 0;\n        padding: 0 20px 0 20px; \/* \u4e0b\u90e8\u30d1\u30c7\u30a3\u30f3\u30b0\u30820 *\/\n    }\n\n    .saeba-copy-box {\n        cursor: pointer;\n        \/* \u30dc\u30c3\u30af\u30b9\u5185\u306e\u4e0b\u90e8\u4f59\u767d\u30820\u306b *\/\n        padding: 15px 15px 0 15px;\n        transition: transform 0.3s ease;\n    }\n\n    .saeba-copy-box:hover {\n        transform: translateY(-2px);\n    }\n\n    .saeba-copy-text {\n        font-family: 'Noto Sans JP', sans-serif;\n        font-size: clamp(1.2rem, 4vw, 2.2rem);\n        font-weight: 900;\n        color: #231815;\n        letter-spacing: 0.1em;\n        line-height: 1.5;\n        text-align: center;\n        perspective: 1000px;\n        margin: 0;\n        pointer-events: none;\n    }\n\n    .saeba-copy-text span.highlight {\n        color: #e1002e;\n    }\n\n    \/* \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u8a2d\u5b9a *\/\n    .saeba-copy-text span {\n        display: inline-block;\n        opacity: 0;\n        transform: rotateX(-720deg);\n        animation: copyRotateIn 0.8s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n    }\n\n    .saeba-copy-box:hover .saeba-copy-text span,\n    .saeba-copy-box:active .saeba-copy-text span {\n        opacity: 1;\n        animation: copyDoubleRotateAction 0.6s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n    }\n\n    @keyframes copyRotateIn {\n        to { opacity: 1; transform: rotateX(0deg); }\n    }\n\n    @keyframes copyDoubleRotateAction {\n        0% { transform: rotateX(0deg); }\n        100% { transform: rotateX(720deg); }\n    }\n\n    \/* \u9045\u5ef6\u8a2d\u5b9a\uff084\u6587\u5b57\u5206\u306b\u8abf\u6574\uff09 *\/\n    .saeba-copy-text span:nth-child(1) { animation-delay: 0.04s !important; }\n    .saeba-copy-text span:nth-child(2) { animation-delay: 0.08s !important; }\n    .saeba-copy-text span:nth-child(3) { animation-delay: 0.12s !important; }\n    .saeba-copy-text span:nth-child(4) { animation-delay: 0.16s !important; }\n\n    @media (max-width: 600px) {\n        .saeba-copy-text {\n            font-size: 1.3rem;\n            line-height: 1.6;\n        }\n    }\n<\/style>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"saeba-desc-container\">\n    <div class=\"saeba-desc-box\">\n        <p class=\"saeba-desc-text\">\n            <span class=\"line-break\">\u4ed5\u69d8\u30fb\u7d20\u6750\u306b\u5408\u308f\u305b\u3066\u6700\u9069\u624b\u6cd5\u3092\u9078\u5b9a\u3002<\/span>\n            <span class=\"line-break\">\u84c4\u7a4d\u6c5a\u308c\u306e\u5206\u89e3\u9664\u53bb\u3068 \u98a8\u5408\u3044\u56de\u5fa9\u3092\u4e21\u7acb\u3057\u3001<\/span>\n            <span class=\"line-break\">\u65e5\u5e38\u6e05\u6383\u3067\u306f\u5c4a\u304b\u306a\u3044\u6240\u307e\u3067<\/span>\n            <span class=\"line-break\">\u4e01\u5be7\u306b\u4ed5\u4e0a\u3052\u307e\u3059\u3002<\/span>\n        <\/p>\n    <\/div>\n<\/div>\n\n<style>\n    .saeba-desc-container {\n        display: flex;\n        justify-content: center;\n        \/* \u4e0a\u90e8\u30d1\u30c7\u30a3\u30f3\u30b0\u30920\u306b\u3057\u3001\u4e0b\u90e8\u306e\u4f59\u767d\u306e\u307f\u8abf\u6574 *\/\n        padding: 0 20px;\n        margin-top: 0; \n        margin-bottom: 3rem;\n    }\n\n    .saeba-desc-box {\n        \/* \u30dc\u30c3\u30af\u30b9\u81ea\u4f53\u306e\u30d1\u30c7\u30a3\u30f3\u30b0\u3082\u4e0a\u90e8\u30920\u306b *\/\n        padding: 0 20px 10px 20px;\n        max-width: 1000px;\n    }\n\n   .saeba-desc-text {\n    \/* Josefin Sans \u3092\u5148\u982d\u306b\u8ffd\u52a0 *\/\n    font-family: 'Josefin Sans', 'Noto Sans JP', sans-serif;\n    font-size: 0.95rem; \n    font-weight: 500;\n    color: #231815;\n    letter-spacing: 0.05em;\n    line-height: 2.2;\n    text-align: center;\n    margin: 0;\n}\n\n    \/* \u6307\u5b9a\u306e\u5834\u6240\u3067\u6539\u884c *\/\n    .line-break {\n        display: block;\n    }\n\n    @media (max-width: 768px) {\n        .saeba-desc-text {\n            font-size: 0.85rem;\n            line-height: 2;\n        }\n    }\n<\/style>\n\n\n\n<div class=\"saeba-full-width-wrapper\">\n    <div class=\"hygiene-service-container\">\n        \n        <div class=\"hygiene-grid\">\n            <div class=\"grid-item\">\n                <h3>\u6e05\u6383\u30e1\u30cb\u30e5\u30fc<\/h3>\n                <ul>\n                    <li>\u30ab\u30fc\u30da\u30c3\u30c8\u6e05\u6383\u30fb\u5e8a\u6e05\u6383<\/li>\n                    <li>\u53a8\u623f\u6e05\u6383<\/li>\n                    <li>\u30b7\u30df\u629c\u304d<span>\uff08\u98f2\u6599\u30fb\u6cb9\u6027\u30fb\u30bf\u30f3\u30d1\u30af\u7cfb\u306e\u30b9\u30dd\u30c3\u30c8\u5bfe\u5fdc\uff09<\/span><\/li>\n                    <li>\u6d88\u81ed\u30fb\u9664\u83cc<span>\uff08\u7528\u9014\u306b\u5fdc\u3058\u305f\u85ac\u5264\u9078\u5b9a\uff09<\/span><\/li>\n                <\/ul>\n            <\/div>\n            <div class=\"grid-item\">\n                <h3>\u7279\u6b8a\u30fb\u8ffd\u52a0\u65bd\u5de5<\/h3>\n                <ul>\n                    <li>\u30b3\u30fc\u30c6\u30a3\u30f3\u30b0<\/li>\n                    <li>\u30ef\u30c3\u30af\u30b9\u65bd\u5de5<\/li>\n                    <li>\u591c\u9593\uff0f\u65e9\u671d\u5bfe\u5fdc<\/li>\n                    <li>\u5358\u767a\u301c\u5b9a\u671f\u5bfe\u5fdc<\/li>\n                <\/ul>\n            <\/div>\n            <div class=\"grid-item highlight\">\n                <h3>\u30b5\u30fc\u30d3\u30b9\u306e\u7279\u5fb4<\/h3>\n                <div class=\"feature-tags\">\n                    <span>\u7d20\u6750\u5225\u30c6\u30b9\u30c8\u53ef<\/span>\n                    <span>\u6a19\u6e96\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb\u6709<\/span>\n                <\/div>\n                <div class=\"estimation-box\">\n                    <p class=\"est-label\">\u591c\u9593\u30fb\u65e9\u671d\u5bfe\u5fdc<\/p>\n                    <p class=\"est-time\"><span class=\"accent-red\">\u53ef\u80fd<\/span><\/p>\n                    <p class=\"est-note\">\u203b \u5404\u7a2e\u8a73\u7d30\u306f\u304a\u554f\u5408\u305b\u304f\u3060\u3055\u3044<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"hygiene-flow-scroll-wrapper\">\n            <div class=\"hygiene-flow-dynamic\">\n                <div class=\"flow-card\">\n                    <div class=\"flow-num\">01<\/div>\n                    <div class=\"flow-content\">\n                        <p>\u73fe\u72b6\u78ba\u8a8d<br>\uff0f\u30c6\u30b9\u30c8\u65bd\u5de5<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"flow-connector\">\n                    <div class=\"arrow-animation\"><\/div>\n                <\/div>\n\n                <div class=\"flow-card\">\n                    <div class=\"flow-num\">02<\/div>\n                    <div class=\"flow-content\">\n                        <p>\u672c\u65bd\u5de5<br>\uff08\u591c\u9593\u30fb\u65e9\u671d\u53ef\uff09<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"flow-connector\">\n                    <div class=\"arrow-animation\"><\/div>\n                <\/div>\n\n                <div class=\"flow-card\">\n                    <div class=\"flow-num\">03<\/div>\n                    <div class=\"flow-content\">\n                        <p>\u98a8\u5408\u3044\u56de\u5fa9<br>\uff0f\u7dad\u6301\u7ba1\u7406<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <p class=\"hygiene-footer-note\">\u203b \u5404\u7a2e\u8a73\u7d30\u306f\u304a\u554f\u5408\u305b\u304f\u3060\u3055\u3044\u3002\u73fe\u5834\u72b6\u6cc1\u306b\u5408\u308f\u305b\u3066\u6700\u9069\u306a\u624b\u6cd5\u3092\u63d0\u6848\u3057\u307e\u3059\u3002<\/p>\n    <\/div>\n<\/div>\n\n<style>\n    .saeba-full-width-wrapper {\n        width: 100vw;\n        position: relative;\n        left: 50%;\n        right: 50%;\n        margin-left: -50vw;\n        margin-right: -50vw;\n        background-color: #f9f9f9;\n        padding: 80px 0;\n        font-family: 'Noto Sans JP', sans-serif;\n        color: #231815;\n    }\n\n    .hygiene-service-container {\n        max-width: 1100px;\n        margin: 0 auto;\n        padding: 0 20px;\n    }\n\n    \/* \u4e0a\u6bb5\u30b0\u30ea\u30c3\u30c9 *\/\n    .hygiene-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 30px;\n        margin-bottom: 80px;\n    }\n\n    .grid-item {\n        background: #fff;\n        padding: 40px 30px;\n        border-radius: 4px;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n    }\n\n    .grid-item h3 {\n        font-size: 1.3rem;\n        border-left: 5px solid #e1002e;\n        padding-left: 15px;\n        margin-bottom: 25px;\n        font-weight: 700;\n    }\n\n    .grid-item ul { list-style: none; padding: 0; margin: 0; }\n    .grid-item li { margin-bottom: 15px; font-weight: 700; display: flex; flex-direction: column; }\n    .grid-item li span { font-size: 0.85rem; font-weight: 500; color: #666; margin-top: 4px; }\n\n    .grid-item.highlight { background-color: #231815; color: #fff; }\n    .grid-item.highlight h3 { color: #fff; }\n\n    .feature-tags { display: flex; gap: 10px; margin-bottom: 30px; flex-wrap: wrap; }\n    .feature-tags span { background: #e1002e; padding: 5px 12px; font-size: 0.8rem; border-radius: 20px; }\n\n    .estimation-box { text-align: center; background: rgba(255,255,255,0.1); padding: 20px; border: 1px dashed rgba(255,255,255,0.3); }\n    .est-label { font-size: 0.9rem; margin-bottom: 5px; }\n    .est-time { font-size: 3rem; font-weight: 700; }\n    \/* \u53ef\u80fd\u3092\u8d64\u5b57\u306b *\/\n    .accent-red { color: #e1002e; }\n\n    \/* \u4e0b\u6bb5\u4f34\u8d70\u30d5\u30ed\u30fc *\/\n    .hygiene-flow-scroll-wrapper {\n        overflow-x: auto;\n        padding: 40px 10px;\n        -webkit-overflow-scrolling: touch;\n    }\n    .hygiene-flow-scroll-wrapper::-webkit-scrollbar { display: none; }\n\n    .hygiene-flow-dynamic {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 15px;\n        min-width: 800px;\n        margin: 0 auto;\n    }\n\n    .flow-card {\n        background: #fff;\n        flex: 1;\n        max-width: 250px;\n        padding: 45px 20px;\n        border-radius: 8px;\n        text-align: center;\n        position: relative;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n        border: 2px solid #eee;\n        transition: all 0.3s ease;\n    }\n    .flow-card:hover { transform: translateY(-10px); border-color: #e1002e; }\n\n    .flow-num {\n        position: absolute; top: -22px; left: 50%; transform: translateX(-50%);\n        background: #e1002e; color: #fff; width: 44px; height: 44px;\n        border-radius: 50%; display: flex; align-items: center; justify-content: center;\n        font-weight: 800; font-size: 1.1rem;\n    }\n\n    .flow-content p { font-size: 1.15rem; font-weight: 700; line-height: 1.5; margin: 0; }\n\n    \/* \u77e2\u5370\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\uff08\u5de6\u304b\u3089\u53f3\uff09 *\/\n    .flow-connector { flex: 0 0 60px; display: flex; justify-content: center; align-items: center; overflow: hidden; }\n    .arrow-animation {\n        width: 18px; height: 18px; border-top: 3px solid #e1002e; border-right: 3px solid #e1002e;\n        transform: rotate(45deg);\n        animation: arrowSlideRight 1.5s infinite cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    @keyframes arrowSlideRight {\n        0% { transform: rotate(45deg) translate(-25px, 25px); opacity: 0; }\n        50% { opacity: 1; }\n        100% { transform: rotate(45deg) translate(25px, -25px); opacity: 0; }\n    }\n\n    .hygiene-footer-note { text-align: center; font-size: 0.85rem; color: #888; margin-top: 30px; }\n\n    @media (max-width: 850px) {\n        .hygiene-service-container::before {\n            content: '\u2190 Swipe \u2192'; display: block; text-align: center; font-size: 0.7rem;\n            color: #bbb; margin-bottom: 10px; letter-spacing: 0.2em;\n        }\n    }\n<\/style>\n\n\n\n<figure class=\"wp-block-image alignfull size-large\" id=\"DESIGN\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2026\/06\/S__19750938_0-1-1024x683.webp\" alt=\"\" class=\"wp-image-176\" srcset=\"https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2026\/06\/S__19750938_0-1-1024x683.webp 1024w, https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2026\/06\/S__19750938_0-1-300x200.webp 300w, https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2026\/06\/S__19750938_0-1-768x512.webp 768w, https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2026\/06\/S__19750938_0-1-1536x1024.webp 1536w, https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2026\/06\/S__19750938_0-1.webp 1566w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"saeba-copy-container\">\n    <div class=\"saeba-copy-box\">\n        <h1 class=\"saeba-copy-text\">\n            <span>\u5e97<\/span><span>\u8217<\/span><span class=\"highlight\">\u8a2d<\/span><span class=\"highlight\">\u8a08<\/span><span class=\"highlight\">\u30fb<\/span><span class=\"highlight\">\u4fee<\/span><span class=\"highlight\">\u7e55<\/span>\n        <\/h1>\n    <\/div>\n<\/div>\n\n<style>\n    .saeba-copy-container {\n        display: flex;\n        justify-content: center;\n        \/* \u4e0b\u90e8\u306e\u30de\u30fc\u30b8\u30f3\u30920\u306b\u8a2d\u5b9a *\/\n        margin-top: 4rem;\n        margin-bottom: 0;\n        padding: 0 20px 0 20px; \/* \u4e0b\u90e8\u30d1\u30c7\u30a3\u30f3\u30b0\u30820 *\/\n    }\n\n    .saeba-copy-box {\n        cursor: pointer;\n        \/* \u30dc\u30c3\u30af\u30b9\u5185\u306e\u4e0b\u90e8\u4f59\u767d\u30820\u306b *\/\n        padding: 15px 15px 0 15px;\n        transition: transform 0.3s ease;\n    }\n\n    .saeba-copy-box:hover {\n        transform: translateY(-2px);\n    }\n\n    .saeba-copy-text {\n        font-family: 'Noto Sans JP', sans-serif;\n        font-size: clamp(1.2rem, 4vw, 2.2rem);\n        font-weight: 900;\n        color: #231815;\n        letter-spacing: 0.1em;\n        line-height: 1.5;\n        text-align: center;\n        perspective: 1000px;\n        margin: 0;\n        pointer-events: none;\n    }\n\n    .saeba-copy-text span.highlight {\n        color: #e1002e;\n    }\n\n    \/* \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u8a2d\u5b9a *\/\n    .saeba-copy-text span {\n        display: inline-block;\n        opacity: 0;\n        transform: rotateX(-720deg);\n        animation: copyRotateIn 0.8s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n    }\n\n    .saeba-copy-box:hover .saeba-copy-text span,\n    .saeba-copy-box:active .saeba-copy-text span {\n        opacity: 1;\n        animation: copyDoubleRotateAction 0.6s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n    }\n\n    @keyframes copyRotateIn {\n        to { opacity: 1; transform: rotateX(0deg); }\n    }\n\n    @keyframes copyDoubleRotateAction {\n        0% { transform: rotateX(0deg); }\n        100% { transform: rotateX(720deg); }\n    }\n\n    \/* \u9045\u5ef6\u8a2d\u5b9a\uff087\u6587\u5b57\u5206\u306b\u8abf\u6574\uff09 *\/\n    .saeba-copy-text span:nth-child(1) { animation-delay: 0.04s !important; }\n    .saeba-copy-text span:nth-child(2) { animation-delay: 0.08s !important; }\n    .saeba-copy-text span:nth-child(3) { animation-delay: 0.12s !important; }\n    .saeba-copy-text span:nth-child(4) { animation-delay: 0.16s !important; }\n    .saeba-copy-text span:nth-child(5) { animation-delay: 0.20s !important; }\n    .saeba-copy-text span:nth-child(6) { animation-delay: 0.24s !important; }\n    .saeba-copy-text span:nth-child(7) { animation-delay: 0.28s !important; }\n\n    @media (max-width: 600px) {\n        .saeba-copy-text {\n            font-size: 1.3rem;\n            line-height: 1.6;\n        }\n    }\n<\/style>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"saeba-desc-container\">\n    <div class=\"saeba-desc-box\">\n        <p class=\"saeba-desc-text\">\n            <span class=\"line-break\">\u696d\u614b\u30fb\u5c0e\u7dda\u30fb\u56de\u8ee2\u7387\u30fb\u5e2d\u52b9\u7387\u3092\u524d\u63d0\u306b\u3001<\/span>\n            <span class=\"line-break\">\u58f2\u4e0a\u3068\u4f53\u9a13\u304c\u4e21\u7acb\u3059\u308b\u30ec\u30a4\u30a2\u30a6\u30c8\u3092\u8a2d\u8a08\u3002<\/span>\n            <span class=\"line-break\">\u8a2d\u5099\u5bb9\u91cf\u30fb\u6cd5\u898f\u30fb\u30b3\u30b9\u30c8\u307e\u3067<\/span>\n            <span class=\"line-break\">\u4e00\u4f53\u3067\u30d7\u30e9\u30f3\u30cb\u30f3\u30b0\u3057\u307e\u3059\u3002<\/span>\n        <\/p>\n    <\/div>\n<\/div>\n\n<style>\n    .saeba-desc-container {\n        display: flex;\n        justify-content: center;\n        \/* \u4e0a\u90e8\u30d1\u30c7\u30a3\u30f3\u30b0\u30920\u306b\u3057\u3001\u4e0b\u90e8\u306e\u4f59\u767d\u306e\u307f\u8abf\u6574 *\/\n        padding: 0 20px;\n        margin-top: 0; \n        margin-bottom: 3rem;\n    }\n\n    .saeba-desc-box {\n        \/* \u30dc\u30c3\u30af\u30b9\u81ea\u4f53\u306e\u30d1\u30c7\u30a3\u30f3\u30b0\u3082\u4e0a\u90e8\u30920\u306b *\/\n        padding: 0 20px 10px 20px;\n        max-width: 1000px;\n    }\n\n   .saeba-desc-text {\n    \/* Josefin Sans \u3092\u5148\u982d\u306b\u8ffd\u52a0 *\/\n    font-family: 'Josefin Sans', 'Noto Sans JP', sans-serif;\n    font-size: 0.95rem; \n    font-weight: 500;\n    color: #231815;\n    letter-spacing: 0.05em;\n    line-height: 2.2;\n    text-align: center;\n    margin: 0;\n}\n\n    \/* \u6307\u5b9a\u306e\u5834\u6240\u3067\u6539\u884c *\/\n    .line-break {\n        display: block;\n    }\n\n    @media (max-width: 768px) {\n        .saeba-desc-text {\n            font-size: 0.85rem;\n            line-height: 2;\n        }\n    }\n<\/style>\n\n\n\n<div class=\"saeba-full-width-wrapper\">\n    <div class=\"hygiene-service-container\">\n        \n        <div class=\"hygiene-grid\">\n            <div class=\"grid-item\">\n                <h3>\u8a2d\u8a08\u30fb\u30d7\u30e9\u30f3\u30cb\u30f3\u30b0<\/h3>\n                <ul>\n                    <li>\u30be\u30fc\u30cb\u30f3\u30b0\u8a2d\u8a08<span>\uff08\u5ba2\u5e2d\uff0f\u30ec\u30b8\uff0f\u53a8\u623f\uff0f\u30d0\u30c3\u30af\u30e4\u30fc\u30c9\u306e\u6700\u9069\u914d\u7f6e\uff09<\/span><\/li>\n                    <li>\u52d5\u7dda\u8a2d\u8a08<span>\uff08\u6765\u5e97\u301c\u6ce8\u6587\u301c\u53d7\u3051\u6e21\u3057\u301c\u9000\u5e97\u306e\u6469\u64e6\u3092\u6700\u5c0f\u5316\uff09<\/span><\/li>\n                    <li>\u5e2d\u52b9\u7387\u30fb\u56de\u8ee2\u7387<span>\uff08\u5e2d\u5e45\u30fb\u8996\u7dda\u30fb\u5f85\u6a5f\u30b9\u30da\u30fc\u30b9\u306e\u6700\u9069\u5316\uff09<\/span><\/li>\n                    <li>\u53a8\u623f\u30ec\u30a4\u30a2\u30a6\u30c8<span>\uff08\u6a5f\u5668\u9078\u5b9a\u30fb\u71b1\/\u6392\u6c17\/\u7d66\u6392\u6c34\u30fb\u96fb\u6c17\u5bb9\u91cf\u306e\u6574\u5408\uff09<\/span><\/li>\n                    <li>\u30d6\u30e9\u30f3\u30c9\/\u30b5\u30a4\u30f3\u8a08\u753b<span>\uff08\u30d5\u30a1\u30b5\u30fc\u30c9\u30fb\u30b5\u30a4\u30f3\u30fb\u7167\u660e\u306e\u7d71\u4e00\u611f\uff09<\/span><\/li>\n                <\/ul>\n            <\/div>\n            <div class=\"grid-item\">\n                <h3>\u6cd5\u898f\u30fb\u65bd\u5de5\u7ba1\u7406<\/h3>\n                <ul>\n                    <li>\u6cd5\u898f\u30fb\u8a31\u8a8d\u53ef<span>\uff08\u4fdd\u5065\u6240\u3001\u6d88\u9632\u3001\u666f\u89b3\u30fb\u770b\u677f\u57fa\u6e96\u306e\u4e8b\u524d\u78ba\u8a8d\uff09<\/span><\/li>\n                    <li>\u30b3\u30b9\u30c8\u8a2d\u8a08<span>\uff08\u6982\u7b97\u898b\u7a4d\u30fbVE\uff0f\u4ed5\u69d8\u4ee3\u66ff\u3067\u7121\u99c4\u3092\u524a\u6e1b\uff09<\/span><\/li>\n                    <li>\u65bd\u5de5\u30c7\u30a3\u30ec\u30af\u30b7\u30e7\u30f3<span>\uff08\u5de5\u7a0b\u7ba1\u7406\u30fb\u5b9a\u4f8b\u30fb\u691c\u67fb\u7acb\u4f1a\u3044\uff09<\/span><\/li>\n                    <li>\u30a2\u30d5\u30bf\u30fc<span>\uff08\u5f15\u6e21\u3057\u5f8c\u306e\u904b\u7528\u6539\u5584\u30fb\u5fae\u4fee\u6b63\uff09<\/span><\/li>\n                <\/ul>\n            <\/div>\n            <div class=\"grid-item highlight\">\n                <h3>\u5bfe\u5fdc\u7bc4\u56f2\u30fb\u7279\u5fb4<\/h3>\n                <div class=\"feature-tags\">\n                    <span>\u65b0\u7bc9\uff0f\u5c45\u629c\u304d<\/span>\n                    <span>\u5c0f\u898f\u6a21\u301c\u591a\u5e97\u8217<\/span>\n                    <span>B\u5de5\u4e8b\uff0fC\u5de5\u4e8b<\/span>\n                <\/div>\n                <div class=\"estimation-box\">\n                    <p class=\"est-label\">\u8a31\u8a8d\u53ef\u5bfe\u5fdc<\/p>\n                    <p class=\"est-time\"><span class=\"accent-red\">\u53ef\u80fd<\/span><\/p>\n                    <p class=\"est-note\">\u4fdd\u5065\u6240\u30fb\u6d88\u9632\u3092\u540c\u6642\u9032\u884c<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"hygiene-flow-scroll-wrapper\">\n            <div class=\"hygiene-flow-dynamic\">\n                <div class=\"flow-card\">\n                    <div class=\"flow-num\">01<\/div>\n                    <div class=\"flow-content\">\n                        <p>\u73fe\u5730\u8abf\u67fb<br>\uff0f\u63a1\u5bf8\u30fb\u8a2d\u5099\u8abf\u67fb<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"flow-connector\">\n                    <div class=\"arrow-animation\"><\/div>\n                <\/div>\n\n                <div class=\"flow-card\">\n                    <div class=\"flow-num\">02<\/div>\n                    <div class=\"flow-content\">\n                        <p>\u30d7\u30e9\u30f3\u30cb\u30f3\u30b0<br>\uff0f\u8a2d\u8a08\u30fb\u7a4d\u7b97<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"flow-connector\">\n                    <div class=\"arrow-animation\"><\/div>\n                <\/div>\n\n                <div class=\"flow-card\">\n                    <div class=\"flow-num\">03<\/div>\n                    <div class=\"flow-content\">\n                        <p>\u65bd\u5de5\u7ba1\u7406<br>\uff0f\u691c\u67fb\u30fb\u5f15\u6e21\u3057<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <p class=\"hygiene-footer-note\">\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<br>\n            \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\n        <\/p>\n    <\/div>\n<\/div>\n\n<style>\n    .saeba-full-width-wrapper {\n        width: 100vw;\n        position: relative;\n        left: 50%;\n        right: 50%;\n        margin-left: -50vw;\n        margin-right: -50vw;\n        background-color: #f9f9f9;\n        padding: 80px 0;\n        font-family: 'Noto Sans JP', sans-serif;\n        color: #231815;\n    }\n\n    .hygiene-service-container {\n        max-width: 1100px;\n        margin: 0 auto;\n        padding: 0 20px;\n    }\n\n    \/* \u4e0a\u6bb5\u30b0\u30ea\u30c3\u30c9 *\/\n    .hygiene-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 30px;\n        margin-bottom: 80px;\n    }\n\n    .grid-item {\n        background: #fff;\n        padding: 40px 30px;\n        border-radius: 4px;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n    }\n\n    .grid-item h3 {\n        font-size: 1.3rem;\n        border-left: 5px solid #e1002e;\n        padding-left: 15px;\n        margin-bottom: 25px;\n        font-weight: 700;\n    }\n\n    .grid-item ul { list-style: none; padding: 0; margin: 0; }\n    .grid-item li { margin-bottom: 15px; font-weight: 700; display: flex; flex-direction: column; }\n    .grid-item li span { font-size: 0.85rem; font-weight: 500; color: #666; margin-top: 4px; }\n\n    .grid-item.highlight { background-color: #231815; color: #fff; }\n    .grid-item.highlight h3 { color: #fff; }\n\n    .feature-tags { display: flex; gap: 10px; margin-bottom: 30px; flex-wrap: wrap; }\n    .feature-tags span { background: #e1002e; padding: 5px 12px; font-size: 0.8rem; border-radius: 20px; }\n\n    .estimation-box { text-align: center; background: rgba(255,255,255,0.1); padding: 20px; border: 1px dashed rgba(255,255,255,0.3); }\n    .est-label { font-size: 0.9rem; margin-bottom: 5px; }\n    .est-time { font-size: 3rem; font-weight: 700; }\n    .accent-red { color: #e1002e; }\n\n    \/* \u4e0b\u6bb5\u4f34\u8d70\u30d5\u30ed\u30fc *\/\n    .hygiene-flow-scroll-wrapper {\n        overflow-x: auto;\n        padding: 40px 10px;\n        -webkit-overflow-scrolling: touch;\n    }\n    .hygiene-flow-scroll-wrapper::-webkit-scrollbar { display: none; }\n\n    .hygiene-flow-dynamic {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 15px;\n        min-width: 800px;\n        margin: 0 auto;\n    }\n\n    .flow-card {\n        background: #fff;\n        flex: 1;\n        max-width: 250px;\n        padding: 45px 20px;\n        border-radius: 8px;\n        text-align: center;\n        position: relative;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n        border: 2px solid #eee;\n        transition: all 0.3s ease;\n    }\n    .flow-card:hover { transform: translateY(-10px); border-color: #e1002e; }\n\n    .flow-num {\n        position: absolute; top: -22px; left: 50%; transform: translateX(-50%);\n        background: #e1002e; color: #fff; width: 44px; height: 44px;\n        border-radius: 50%; display: flex; align-items: center; justify-content: center;\n        font-weight: 800; font-size: 1.1rem;\n    }\n\n    .flow-content p { font-size: 1.15rem; font-weight: 700; line-height: 1.5; margin: 0; }\n\n    \/* \u77e2\u5370\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\uff08\u5de6\u304b\u3089\u53f3\uff09 *\/\n    .flow-connector { flex: 0 0 60px; display: flex; justify-content: center; align-items: center; overflow: hidden; }\n    .arrow-animation {\n        width: 18px; height: 18px; border-top: 3px solid #e1002e; border-right: 3px solid #e1002e;\n        transform: rotate(45deg);\n        animation: arrowSlideRight 1.5s infinite cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    @keyframes arrowSlideRight {\n        0% { transform: rotate(45deg) translate(-25px, 25px); opacity: 0; }\n        50% { opacity: 1; }\n        100% { transform: rotate(45deg) translate(25px, -25px); opacity: 0; }\n    }\n\n    .hygiene-footer-note { text-align: center; font-size: 0.85rem; color: #888; margin-top: 30px; }\n\n    @media (max-width: 850px) {\n        .hygiene-service-container::before {\n            content: '\u2190 Swipe \u2192'; display: block; text-align: center; font-size: 0.7rem;\n            color: #bbb; margin-bottom: 10px; letter-spacing: 0.2em;\n        }\n    }\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>SERVICE HYGIENE \u885b\u751f\u70b9\u691c CLEANING \u5404\u7a2e\u6e05\u6383 DESIGN \u5e97\u8217\u8a2d\u8a08\u30fb\u4fee\u7e55 \u98f2\u98df\u5e97\u30fb\u53a8\u623f\u306e\u885b\u751f\u70b9\u691c \u53a8\u623f\u306e\u885b\u751f\u72b6\u614b\u3092 \u300c\u898b\u3048\u308b\u5316\u300d\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 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_lightning_design_setting":{"layout":"col-one-no-subsection","site_body_padding":"true"},"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":13,"href":"https:\/\/saeba-c.co.jp\/index.php?rest_route=\/wp\/v2\/pages\/53\/revisions"}],"predecessor-version":[{"id":192,"href":"https:\/\/saeba-c.co.jp\/index.php?rest_route=\/wp\/v2\/pages\/53\/revisions\/192"}],"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}]}}