{"id":9,"date":"2025-10-17T20:51:45","date_gmt":"2025-10-17T11:51:45","guid":{"rendered":"http:\/\/saeba-c.co.jp\/?page_id=9"},"modified":"2026-06-19T23:33:41","modified_gmt":"2026-06-19T14:33:41","slug":"%e4%bc%9a%e7%a4%be%e6%a6%82%e8%a6%81","status":"publish","type":"page","link":"https:\/\/saeba-c.co.jp\/?page_id=9","title":{"rendered":"ABOUT"},"content":{"rendered":"\n<div class=\"saeba-minimal-gallery\">\n    <div class=\"gallery-inner\">\n        <div class=\"photo-box\">\n            <img decoding=\"async\" src=\"https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2026\/06\/DSC_0433-scaled.webp\" alt=\"Office 1\">\n        <\/div>\n        <div class=\"photo-box\">\n            <img decoding=\"async\" src=\"https:\/\/saeba-c.co.jp\/wp-content\/uploads\/2026\/06\/DSC_0430-scaled.webp\" alt=\"Office 2\">\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n    .saeba-minimal-gallery {\n        width: 100vw;\n        position: relative;\n        left: 50%;\n        right: 50%;\n        margin-left: -50vw;\n        margin-right: -50vw;\n        background: #231815;\n        padding: 80px 20px; \/* \u5de6\u53f3\u306b\u5c11\u3057\u4f59\u88d5\u3092\u6301\u305f\u305b\u308b *\/\n    }\n\n    .gallery-inner {\n        max-width: 1200px;\n        margin: 0 auto;\n        display: flex;\n        gap: 2px;\n        background: #e1002e;\n    }\n\n    .photo-box {\n        flex: 1;\n        overflow: hidden;\n    }\n\n    .photo-box img {\n        display: block;\n        width: 100%;\n        height: 500px;\n        object-fit: cover;\n        transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n        filter: grayscale(100%);\n    }\n\n    .photo-box:hover img {\n        filter: grayscale(0%);\n        transform: scale(1.05);\n    }\n\n    \/* \u30b9\u30de\u30db\u5bfe\u5fdc\uff1a\u753b\u9762\u5e45\u304c\u72ed\u3044\u3068\u304d\u306f\u7e26\u4e26\u3073\u306b\u3059\u308b *\/\n    @media (max-width: 768px) {\n        .gallery-inner {\n            flex-direction: column; \/* \u7e26\u4e26\u3073\u306b\u5909\u66f4 *\/\n            gap: 2px;\n        }\n        \n        .photo-box img {\n            height: 300px; \/* \u30b9\u30de\u30db\u3067\u306f\u5c11\u3057\u9ad8\u3055\u3092\u6291\u3048\u3066\u8996\u8a8d\u6027\u3092\u4e0a\u3052\u308b *\/\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-minimal-frame\">\n    <div class=\"saeba-split-box-v\">\n        <div class=\"saeba-rotating-text\">\n            <span>A<\/span><span>B<\/span><span>O<\/span><span>U<\/span><span>T<\/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        min-width: 140px;\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        \/* \u30d5\u30a9\u30f3\u30c8\u6307\u5b9a\u3092\u524a\u9664\uff1a\u89aa\u8981\u7d20\u306e\u8a2d\u5b9a\u3092\u7d99\u627f\u3057\u307e\u3059 *\/\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 *\/\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\n    @media (max-width: 480px) {\n        .saeba-rotating-text { font-size: 1.2rem; }\n        .saeba-split-box-v { padding: 8px 20px; min-width: 110px; }\n    }\n<\/style>\n\n\n\n<div class=\"saeba-profile-container\">\n    <div class=\"saeba-profile-box\">\n        \n        <div class=\"profile-row\">\n            <div class=\"profile-label\">COMPANY<span>\u4f1a\u793e\u540d<\/span><\/div>\n            <div class=\"profile-value company-name\">\u682a\u5f0f\u4f1a\u793eSAEBA COORDINATION<\/div>\n        <\/div>\n\n        <div class=\"profile-row\">\n            <div class=\"profile-label\">LOCATION<span>\u6240\u5728\u5730<\/span><\/div>\n            <div class=\"profile-value\">\n                <div class=\"location-group\">\n                    <span class=\"location-tag\">\u7df4\u99ac\u55b6\u696d\u6240<\/span>\n                    <p>\u3012178-0061 \u6771\u4eac\u90fd\u7df4\u99ac\u533a\u5927\u6cc9\u5b66\u5712\u753a7-9-12<\/p>\n                <\/div>\n                <div class=\"location-group\">\n                    <span class=\"location-tag\">\u5409\u7965\u5bfa\u55b6\u696d\u6240<\/span>\n                    <p>\u3012180-0004 \u6771\u4eac\u90fd\u6b66\u8535\u91ce\u5e02\u5409\u7965\u5bfa\u672c\u753a2-4-16 \u5409\u7965\u5bfa\u77f3\u4e95\u30d3\u30eb4F<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"profile-row\">\n            <div class=\"profile-label\">REPRESENTATIVE<span>\u4ee3\u8868\u8005<\/span><\/div>\n            <div class=\"profile-value\">\u4ee3\u8868\u53d6\u7de0\u5f79 \u7530\u5d8b \u56f2\u5f0f<\/div>\n        <\/div>\n\n        <div class=\"profile-row\">\n            <div class=\"profile-label\">ESTABLISHED<span>\u4f1a\u793e\u8a2d\u7acb<\/span><\/div>\n            <div class=\"profile-value\">2023\u5e741\u6708<\/div>\n        <\/div>\n\n        <div class=\"profile-row\">\n            <div class=\"profile-label\">CAPITAL<span>\u8cc7\u672c\u91d1<\/span><\/div>\n            <div class=\"profile-value\">100\u4e07\u5186<\/div>\n        <\/div>\n\n        <div class=\"profile-row\">\n            <div class=\"profile-label\">BUSINESS<span>\u4e8b\u696d\u5185\u5bb9<\/span><\/div>\n            <div class=\"profile-value\">\n                \u885b\u751f\u691c\u67fb\u696d\u52d9 \/ \u5e97\u8217\u53a8\u623f\u885b\u751f\u4e8b\u696d \/ \u6e05\u6383\u30fb\u55b6\u696d\u652f\u63f4\u53ca\u3073\u4ee3\u884c \/ \u6d17\u6d44\u6a5f\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\n            <\/div>\n        <\/div>\n\n        <div class=\"profile-row\">\n            <div class=\"profile-label\">CLIENTS<span>\u4e3b\u306a\u304a\u53d6\u5f15\u5148<\/span><\/div>\n            <div class=\"profile-value\">\n                \u5927\u624b\u6d17\u5264\u30e1\u30fc\u30ab\u30fc \/ \u98f2\u98df\u5e97 \/ \u30db\u30c6\u30eb \/ \u691c\u67fb\u4f1a\u793e \/ \u98df\u54c1\u30e1\u30fc\u30ab\u30fc\n            <\/div>\n        <\/div>\n\n        <div class=\"profile-row\">\n            <div class=\"profile-label\">ORGANIZATION<span>\u6240\u5c5e\u56e3\u4f53<\/span><\/div>\n            <div class=\"profile-value\">\u6b66\u8535\u91ce\u5546\u5de5\u4f1a\u8b70\u6240<\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n<style>\n    .saeba-profile-container {\n        width: 100%;\n        max-width: 1000px;\n        margin: 4rem auto;\n        padding: 0 20px;\n        color: #231815;\n    }\n\n    .saeba-profile-box {\n        \/* \u6700\u4e0a\u90e8\u306e\u9ed2\u6a2a\u7dda\u3092\u524a\u9664\u3057\u307e\u3057\u305f *\/\n        border-top: none;\n    }\n\n    .profile-row {\n        display: flex;\n        padding: 2rem 0;\n        border-bottom: 1px solid #e0e0e0;\n        align-items: flex-start;\n    }\n\n    \/* \u30e9\u30d9\u30eb\u5217 *\/\n    .profile-label {\n        width: 30%;\n        \/* \u30d5\u30a9\u30f3\u30c8\u6307\u5b9a\u3092\u524a\u9664\uff1a\u7d99\u627f\u3092\u512a\u5148 *\/\n        font-size: 1.1rem;\n        font-weight: 700;\n        letter-spacing: 0.1em;\n        line-height: 1.2;\n        color: #e1002e; \/* \u30a2\u30af\u30bb\u30f3\u30c8\u306e\u8d64 *\/\n    }\n\n    .profile-label span {\n        display: block;\n        font-size: 0.75rem;\n        color: #888;\n        margin-top: 4px;\n        letter-spacing: 0.05em;\n    }\n\n    \/* \u5024\u5217 *\/\n    .profile-value {\n        width: 70%;\n        font-size: 1rem;\n        font-weight: 500;\n        line-height: 1.8;\n    }\n\n    .company-name {\n        font-size: 1.25rem;\n        font-weight: 700;\n    }\n\n    .location-group {\n        margin-bottom: 1.5rem;\n    }\n    .location-group:last-child { margin-bottom: 0; }\n\n    .location-tag {\n        display: inline-block;\n        font-size: 0.8rem;\n        font-weight: 900;\n        background: #231815;\n        color: #fff;\n        padding: 2px 8px;\n        margin-bottom: 5px;\n    }\n\n    .location-group p {\n        margin: 0;\n    }\n\n    \/* \u30e2\u30d0\u30a4\u30eb\u5bfe\u5fdc *\/\n    @media (max-width: 768px) {\n        .profile-row {\n            flex-direction: column;\n            padding: 1.5rem 0;\n        }\n        .profile-label {\n            width: 100%;\n            margin-bottom: 1rem;\n        }\n        .profile-value {\n            width: 100%;\n            padding-left: 5px;\n        }\n    }\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>ABOUT COMPANY\u4f1a\u793e\u540d \u682a\u5f0f\u4f1a\u793eSAEBA COORDINATION LOCATION\u6240\u5728\u5730 \u7df4\u99ac\u55b6\u696d\u6240 \u3012178-0061 \u6771\u4eac\u90fd\u7df4\u99ac\u533a\u5927\u6cc9\u5b66\u5712\u753a7-9-12 \u5409\u7965\u5bfa\u55b6\u696d\u6240 \u3012180-0004 \u6771\u4eac\u90fd\u6b66\u8535\u91ce\u5e02 [&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-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/saeba-c.co.jp\/index.php?rest_route=\/wp\/v2\/pages\/9","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=9"}],"version-history":[{"count":18,"href":"https:\/\/saeba-c.co.jp\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":193,"href":"https:\/\/saeba-c.co.jp\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/193"}],"wp:attachment":[{"href":"https:\/\/saeba-c.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}