{"id":293,"date":"2026-05-11T10:12:31","date_gmt":"2026-05-11T01:12:31","guid":{"rendered":"http:\/\/jimall2023.xbiz.jp\/shop\/?page_id=293"},"modified":"2026-09-24T00:05:53","modified_gmt":"2026-09-23T15:05:53","slug":"office","status":"publish","type":"page","link":"https:\/\/jimall2023.xbiz.jp\/shop\/office","title":{"rendered":"\u30aa\u30d5\u30a3\u30b9\u4e8b\u696d"},"content":{"rendered":"\n<div class=\"swell-block-fullWide pc-py-0 sp-py-0 alignfull\"><div class=\"swell-block-fullWide__inner\">\n<!-- JIMALL \u30aa\u30d5\u30a3\u30b9\u30c8\u30fc\u30bf\u30eb\u30d7\u30e9\u30f3 | WordPress\u30ab\u30b9\u30bf\u30e0HTML\u5b9f\u88c5\u7528 \u30af\u30ea\u30fc\u30f3\u7248 -->\n<style>\n\n\/* =========================================================\n   SWELL NORMALIZE \/ CLEAN SPACING\n========================================================= *\/\n.jimall-office-page{\n  font-family:\"Noto Sans JP\",sans-serif;\n  color:#172231;\n  background:#fff;\n  line-height:1.8;\n  overflow-x:hidden;\n}\n.jimall-office-page h1,.jimall-office-page h2,.jimall-office-page h3,.jimall-office-page p{\n  margin:0; padding:0; background:none; border:none; box-shadow:none;\n}\n.jimall-office-page h1::before,.jimall-office-page h1::after,\n.jimall-office-page h2::before,.jimall-office-page h2::after,\n.jimall-office-page h3::before,.jimall-office-page h3::after{content:none;display:none;}\n.jimall-office-page section{margin:0;}\n\/* \u72ec\u81ea\u30d8\u30c3\u30c0\u30fc\u3092\u5916\u3057\u305fWordPress\u7248\u3067\u306fINTRO\u3092FV\u3078\u98df\u3044\u8fbc\u307e\u305b\u306a\u3044 *\/\n.jimall-office-page .intro{margin-top:0 !important;}\n\/* \u767d\u80cc\u666f\u306e\u898b\u51fa\u3057\u8272\u3092\u56fa\u5b9a *\/\n.jimall-office-page .intro-content h2,\n.jimall-office-page .problems .section-title,\n.jimall-office-page .concept-content h2,\n.jimall-office-page .change .section-title,\n.jimall-office-page .flow .section-title{color:#172231 !important;}\n\/* \u6fc3\u8272\u80cc\u666f\u4e0a\u306e\u898b\u51fa\u3057\u8272\u3092\u56fa\u5b9a *\/\n.jimall-office-page .solution .section-title,\n.jimall-office-page .message h2,\n.jimall-office-page .cta-box h2{color:#fff !important;}\n\/* \u30bb\u30af\u30b7\u30e7\u30f3\u306e\u4e0a\u4e0b\u4f59\u767d\u3092\u660e\u793a *\/\n.jimall-office-page .intro{padding:80px 0 !important;}\n.jimall-office-page .problems,.jimall-office-page .concept,.jimall-office-page .solution,.jimall-office-page .change,.jimall-office-page .flow{padding:110px 0 !important;}\n.jimall-office-page .message{padding:120px 0 !important;}\n.jimall-office-page .cta{padding:100px 0 !important;}\n@media(max-width:700px){\n  .jimall-office-page .intro{padding:55px 0 !important;}\n  .jimall-office-page .problems,.jimall-office-page .concept,.jimall-office-page .solution,.jimall-office-page .change,.jimall-office-page .flow{padding:75px 0 !important;}\n  .jimall-office-page .message{padding:90px 0 !important;}\n  .jimall-office-page .cta{padding:75px 0 !important;}\n}\n\n\n\n\/* =========================================================\n   ROOT\n========================================================= *\/\n\n.jimall-office-page{\n    --navy: #061525;\n    --navy2: #0b2035;\n\n    --blue: #1264ff;\n    --blue2: #3184ff;\n    --cyan: #49d0ff;\n\n    --white: #fff;\n    --black: #111820;\n\n    --text: #172231;\n    --muted: #6d7785;\n\n    --bg: #f5f7fa;\n    --line: #e4e9ef;\n\n    --shadow:\n        0 25px 80px rgba(7, 22, 39, .10);\n\n    --radius: 28px;\n}\n\n\n\/* =========================================================\n   RESET\n========================================================= *\/\n\n.jimall-office-page, .jimall-office-page *{\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n}\n\n.jimall-office-page{\n    scroll-behavior: smooth;\n}\n\n.jimall-office-page{\n    font-family:\n        \"Noto Sans JP\",\n        sans-serif;\n\n    color: var(--text);\n\n    line-height: 1.8;\n\n    background: var(--white);\n\n    overflow-x: hidden;\n}\n\n.jimall-office-page a{\n    color: inherit;\n    text-decoration: none;\n}\n\n.jimall-office-page img{\n    width: 100%;\n    display: block;\n}\n\n.jimall-office-page .container{\n    width: min(\n        1160px,\n        calc(100% - 40px)\n    );\n\n    margin: auto;\n}\n\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n.jimall-office-page .header{\n    position: fixed;\n\n    top: 0;\n    left: 0;\n\n    width: 100%;\n\n    z-index: 999;\n\n    transition: .35s ease;\n}\n\n.jimall-office-page .header.scrolled{\n    background:\n        rgba(6, 21, 37, .92);\n\n    backdrop-filter:\n        blur(18px);\n\n    box-shadow:\n        0 10px 35px rgba(0,0,0,.12);\n}\n\n.jimall-office-page .header-inner{\n    height: 84px;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: space-between;\n}\n\n.jimall-office-page .logo{\n    color: white;\n\n    font-size: 22px;\n\n    font-weight: 900;\n\n    letter-spacing: .12em;\n}\n\n.jimall-office-page .logo span{\n    color: var(--cyan);\n}\n\n.jimall-office-page .nav{\n    display: flex;\n\n    align-items: center;\n\n    gap: 32px;\n\n    color: white;\n\n    font-size: 13px;\n\n    font-weight: 700;\n}\n\n.jimall-office-page .nav a{\n    opacity: .8;\n\n    transition: .25s;\n}\n\n.jimall-office-page .nav a:hover{\n    opacity: 1;\n\n    color: var(--cyan);\n}\n\n.jimall-office-page .nav-contact{\n    padding: 11px 20px;\n\n    border:\n        1px solid\n        rgba(255,255,255,.28);\n\n    border-radius: 999px;\n\n    opacity: 1 !important;\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.jimall-office-page .hero{\n    position: relative;\n\n    min-height: 820px;\n\n    display: flex;\n\n    align-items: center;\n\n    color: white;\n\n    overflow: hidden;\n\n    background:\n        radial-gradient(\n            circle at 78% 25%,\n            rgba(73,208,255,.22),\n            transparent 27%\n        ),\n\n        radial-gradient(\n            circle at 20% 80%,\n            rgba(18,100,255,.18),\n            transparent 30%\n        ),\n\n        linear-gradient(\n            135deg,\n            #061321 0%,\n            #092039 55%,\n            #0b3152 100%\n        );\n}\n\n\n\/* grid *\/\n\n.jimall-office-page .hero::before{\n    content: \"\";\n\n    position: absolute;\n\n    inset: 0;\n\n    opacity: .13;\n\n    background-image:\n        linear-gradient(\n            rgba(255,255,255,.2) 1px,\n            transparent 1px\n        ),\n\n        linear-gradient(\n            90deg,\n            rgba(255,255,255,.2) 1px,\n            transparent 1px\n        );\n\n    background-size: 75px 75px;\n\n    mask-image:\n        linear-gradient(\n            90deg,\n            black,\n            transparent\n        );\n}\n\n\n\/* huge circle *\/\n\n.jimall-office-page .hero::after{\n    content: \"\";\n\n    position: absolute;\n\n    width: 720px;\n    height: 720px;\n\n    right: -280px;\n    bottom: -300px;\n\n    border:\n        1px solid\n        rgba(255,255,255,.12);\n\n    border-radius: 50%;\n\n    box-shadow:\n        0 0 0 100px\n        rgba(255,255,255,.025),\n\n        0 0 0 200px\n        rgba(255,255,255,.015);\n}\n\n\n.jimall-office-page .hero-content{\n    position: relative;\n\n    z-index: 2;\n\n    padding-top: 80px;\n\n    max-width: 900px;\n}\n\n.jimall-office-page .hero-label{\n    display: inline-flex;\n\n    align-items: center;\n\n    gap: 10px;\n\n    margin-bottom: 30px;\n\n    padding: 8px 15px;\n\n    border:\n        1px solid\n        rgba(255,255,255,.25);\n\n    border-radius: 999px;\n\n    background:\n        rgba(255,255,255,.05);\n\n    color:\n        #dff8ff;\n\n    font-size: 12px;\n\n    font-weight: 800;\n\n    letter-spacing: .15em;\n}\n\n.jimall-office-page .hero-label::before{\n    content: \"\";\n\n    width: 7px;\n    height: 7px;\n\n    border-radius: 50%;\n\n    background: var(--cyan);\n\n    box-shadow:\n        0 0 18px\n        var(--cyan);\n}\n\n.jimall-office-page .hero h1{\n    font-size:\n        clamp(\n            44px,\n            6.4vw,\n            82px\n        );\n\n    line-height: 1.15;\n\n    letter-spacing: -.055em;\n\n    font-weight: 900;\n\n    margin-bottom: 30px;\n}\n\n.jimall-office-page .hero h1 .blue{\n    color: var(--cyan);\n}\n\n.jimall-office-page .hero-description{\n    max-width: 720px;\n\n    color:\n        rgba(255,255,255,.72);\n\n    font-size: 17px;\n\n    line-height: 2;\n\n    margin-bottom: 42px;\n}\n\n.jimall-office-page .hero-buttons{\n    display: flex;\n\n    flex-wrap: wrap;\n\n    gap: 14px;\n}\n\n.jimall-office-page .btn{\n    min-height: 58px;\n\n    display: inline-flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    gap: 15px;\n\n    padding:\n        0 28px;\n\n    border-radius: 999px;\n\n    font-size: 14px;\n\n    font-weight: 800;\n\n    transition: .3s ease;\n}\n\n.jimall-office-page .btn-primary{\n    color: white;\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--blue),\n            var(--blue2)\n        );\n\n    box-shadow:\n        0 18px 45px\n        rgba(18,100,255,.30);\n}\n\n.jimall-office-page .btn-primary:hover{\n    transform:\n        translateY(-4px);\n\n    box-shadow:\n        0 25px 60px\n        rgba(18,100,255,.45);\n}\n\n.jimall-office-page .btn-outline{\n    color: white;\n\n    border:\n        1px solid\n        rgba(255,255,255,.3);\n\n    background:\n        rgba(255,255,255,.04);\n}\n\n.jimall-office-page .btn-outline:hover{\n    background:\n        rgba(255,255,255,.1);\n\n    transform:\n        translateY(-4px);\n}\n\n\n\/* =========================================================\n   INTRO CARD\n========================================================= *\/\n\n.jimall-office-page .intro{\n    position: relative;\n\n    z-index: 10;\n\n    margin-top: -90px;\n}\n\n.jimall-office-page .intro-card{\n    display: grid;\n\n    grid-template-columns:\n        1.15fr .85fr;\n\n    overflow: hidden;\n\n    border-radius:\n        var(--radius);\n\n    background: white;\n\n    box-shadow:\n        var(--shadow);\n}\n\n.jimall-office-page .intro-content{\n    padding: 60px;\n}\n\n.jimall-office-page .eyebrow{\n    color: var(--blue);\n\n    font-size: 12px;\n\n    font-weight: 900;\n\n    letter-spacing: .18em;\n\n    margin-bottom: 15px;\n}\n\n.jimall-office-page .intro-content h2{\n    font-size:\n        clamp(\n            30px,\n            4vw,\n            46px\n        );\n\n    line-height: 1.35;\n\n    letter-spacing: -.04em;\n\n    margin-bottom: 22px;\n}\n\n.jimall-office-page .intro-content p{\n    color: var(--muted);\n\n    font-size: 15px;\n}\n\n.jimall-office-page .intro-visual{\n    position: relative;\n\n    min-height: 340px;\n\n    overflow: hidden;\n\n    display: flex;\n\n    align-items: flex-end;\n\n    padding: 40px;\n\n    color: white;\n\n    background:\n        radial-gradient(\n            circle at 20% 20%,\n            rgba(73,208,255,.4),\n            transparent 25%\n        ),\n\n        linear-gradient(\n            140deg,\n            #1264ff,\n            #071a31\n        );\n}\n\n.jimall-office-page .intro-visual::before{\n    content: \"OFFICE\";\n\n    position: absolute;\n\n    top: 45px;\n    right: -30px;\n\n    font-size: 110px;\n\n    line-height: 1;\n\n    font-weight: 900;\n\n    letter-spacing: -.08em;\n\n    opacity: .08;\n}\n\n.jimall-office-page .intro-visual::after{\n    content: \"\";\n\n    position: absolute;\n\n    width: 280px;\n    height: 280px;\n\n    right: -100px;\n    bottom: -100px;\n\n    border:\n        1px solid\n        rgba(255,255,255,.18);\n\n    border-radius: 50%;\n}\n\n.jimall-office-page .intro-visual strong{\n    position: relative;\n\n    z-index: 2;\n\n    font-size: 25px;\n\n    line-height: 1.55;\n}\n\n\n\/* =========================================================\n   COMMON SECTION\n========================================================= *\/\n\n.jimall-office-page section{\n    padding: 125px 0;\n}\n\n.jimall-office-page .section-label{\n    color: var(--blue);\n\n    font-size: 12px;\n\n    font-weight: 900;\n\n    letter-spacing: .2em;\n\n    margin-bottom: 15px;\n}\n\n.jimall-office-page .section-title{\n    font-size:\n        clamp(\n            36px,\n            5vw,\n            58px\n        );\n\n    line-height: 1.25;\n\n    letter-spacing: -.055em;\n\n    margin-bottom: 20px;\n}\n\n.jimall-office-page .section-description{\n    color: var(--muted);\n\n    max-width: 720px;\n}\n\n\n\/* =========================================================\n   PROBLEMS\n========================================================= *\/\n\n.jimall-office-page .problems{\n    background:\n        var(--bg);\n}\n\n.jimall-office-page .problem-grid{\n    margin-top: 60px;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(3,1fr);\n\n    gap: 20px;\n}\n\n.jimall-office-page .problem{\n    position: relative;\n\n    padding: 40px 35px;\n\n    background: white;\n\n    border:\n        1px solid\n        var(--line);\n\n    border-radius: 24px;\n\n    transition: .35s;\n}\n\n.jimall-office-page .problem:hover{\n    transform:\n        translateY(-8px);\n\n    border-color:\n        transparent;\n\n    box-shadow:\n        var(--shadow);\n}\n\n.jimall-office-page .problem-number{\n    font-size: 60px;\n\n    line-height: 1;\n\n    color: #dfe6ee;\n\n    font-weight: 900;\n\n    margin-bottom: 25px;\n}\n\n.jimall-office-page .problem h3{\n    font-size: 19px;\n\n    margin-bottom: 12px;\n}\n\n.jimall-office-page .problem p{\n    color: var(--muted);\n\n    font-size: 14px;\n}\n\n\n\/* =========================================================\n   CONCEPT\n========================================================= *\/\n\n.jimall-office-page .concept{\n    background: white;\n}\n\n.jimall-office-page .concept-grid{\n    display: grid;\n\n    grid-template-columns:\n        .9fr 1.1fr;\n\n    gap: 90px;\n\n    align-items: center;\n}\n\n.jimall-office-page .concept-image{\n    position: relative;\n\n    height: 550px;\n\n    border-radius: 30px;\n\n    overflow: hidden;\n\n    background:\n        linear-gradient(\n            135deg,\n            #091a2c,\n            #0b3d63\n        );\n}\n\n\n\/* office illustration *\/\n\n.jimall-office-page .office-room{\n    position: absolute;\n\n    inset: 45px;\n\n    border:\n        1px solid\n        rgba(255,255,255,.18);\n\n    transform:\n        perspective(800px)\n        rotateX(12deg)\n        rotateY(-7deg);\n\n    background:\n        linear-gradient(\n            135deg,\n            rgba(255,255,255,.06),\n            rgba(255,255,255,.01)\n        );\n\n    box-shadow:\n        inset 0 0 80px\n        rgba(0,0,0,.2);\n}\n\n.jimall-office-page .office-desk{\n    position: absolute;\n\n    width: 58%;\n\n    height: 90px;\n\n    left: 20%;\n\n    bottom: 27%;\n\n    border-radius: 8px;\n\n    background:\n        linear-gradient(\n            180deg,\n            #f4f6f8,\n            #b8c0c9\n        );\n\n    box-shadow:\n        0 35px 35px\n        rgba(0,0,0,.25);\n}\n\n.jimall-office-page .office-monitor{\n    position: absolute;\n\n    width: 180px;\n\n    height: 110px;\n\n    left: 31%;\n\n    bottom: 44%;\n\n    border-radius: 8px;\n\n    border:\n        7px solid\n        #151e28;\n\n    background:\n        linear-gradient(\n            135deg,\n            #1d8cff,\n            #67d9ff\n        );\n\n    box-shadow:\n        0 20px 35px\n        rgba(0,0,0,.25);\n}\n\n.jimall-office-page .office-monitor::after{\n    content: \"\";\n\n    position: absolute;\n\n    width: 30px;\n    height: 45px;\n\n    left: 50%;\n    bottom: -52px;\n\n    transform:\n        translateX(-50%);\n\n    background:\n        #202c38;\n}\n\n.jimall-office-page .concept-image-text{\n    position: absolute;\n\n    left: 35px;\n\n    bottom: 32px;\n\n    color: white;\n\n    font-size: 12px;\n\n    letter-spacing: .18em;\n\n    font-weight: 800;\n}\n\n.jimall-office-page .concept-content h2{\n    font-size:\n        clamp(\n            32px,\n            4vw,\n            52px\n        );\n\n    line-height: 1.35;\n\n    letter-spacing: -.045em;\n\n    margin-bottom: 30px;\n}\n\n.jimall-office-page .concept-content h2 span{\n    color: var(--blue);\n}\n\n.jimall-office-page .concept-content p{\n    color: var(--muted);\n\n    margin-bottom: 20px;\n}\n\n.jimall-office-page .big-message{\n    margin-top: 35px;\n\n    padding:\n        25px 0 25px 25px;\n\n    border-left:\n        4px solid\n        var(--blue);\n\n    font-size: 18px;\n\n    font-weight: 800;\n\n    line-height: 1.7;\n}\n\n\n\/* =========================================================\n   SOLUTION\n========================================================= *\/\n\n.jimall-office-page .solution{\n    background:\n        var(--navy);\n\n    color: white;\n\n    position: relative;\n\n    overflow: hidden;\n}\n\n.jimall-office-page .solution::before{\n    content: \"\";\n\n    position: absolute;\n\n    width: 700px;\n    height: 700px;\n\n    right: -300px;\n    top: -300px;\n\n    border:\n        1px solid\n        rgba(255,255,255,.08);\n\n    border-radius: 50%;\n}\n\n.jimall-office-page .solution .section-label{\n    color: var(--cyan);\n}\n\n.jimall-office-page .solution .section-description{\n    color:\n        rgba(255,255,255,.55);\n}\n\n.jimall-office-page .solution-grid{\n    position: relative;\n\n    z-index: 2;\n\n    margin-top: 65px;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(3,1fr);\n\n    gap: 1px;\n\n    background:\n        rgba(255,255,255,.14);\n\n    border:\n        1px solid\n        rgba(255,255,255,.14);\n}\n\n.jimall-office-page .solution-card{\n    min-height: 270px;\n\n    padding: 35px;\n\n    background:\n        var(--navy);\n\n    transition: .35s;\n}\n\n.jimall-office-page .solution-card:hover{\n    background:\n        #0d2a45;\n}\n\n.jimall-office-page .solution-icon{\n    width: 52px;\n    height: 52px;\n\n    display: grid;\n\n    place-items: center;\n\n    margin-bottom: 35px;\n\n    border-radius: 14px;\n\n    background:\n        rgba(73,208,255,.1);\n\n    color: var(--cyan);\n\n    font-size: 20px;\n\n    font-weight: 900;\n}\n\n.jimall-office-page .solution-card h3{\n    font-size: 19px;\n\n    margin-bottom: 12px;\n}\n\n.jimall-office-page .solution-card p{\n    color:\n        rgba(255,255,255,.55);\n\n    font-size: 13px;\n}\n\n\n\/* =========================================================\n   BEFORE \/ AFTER\n========================================================= *\/\n\n.jimall-office-page .change{\n    background: var(--bg);\n}\n\n.jimall-office-page .change-grid{\n    display: grid;\n\n    grid-template-columns:\n        1fr 1fr;\n\n    gap: 20px;\n\n    margin-top: 60px;\n}\n\n.jimall-office-page .change-card{\n    position: relative;\n\n    padding: 45px;\n\n    border-radius: 25px;\n\n    overflow: hidden;\n}\n\n.jimall-office-page .change-before{\n    background:\n        #e8ebef;\n\n    color: #55606d;\n}\n\n.jimall-office-page .change-after{\n    background:\n        linear-gradient(\n            135deg,\n            #1264ff,\n            #0a2d52\n        );\n\n    color: white;\n}\n\n.jimall-office-page .change-tag{\n    display: inline-block;\n\n    margin-bottom: 25px;\n\n    padding: 6px 12px;\n\n    border-radius: 999px;\n\n    font-size: 11px;\n\n    font-weight: 900;\n\n    letter-spacing: .12em;\n}\n\n.jimall-office-page .change-before .change-tag{\n    background:\n        #d7dce2;\n}\n\n.jimall-office-page .change-after .change-tag{\n    background:\n        rgba(255,255,255,.12);\n\n    color: var(--cyan);\n}\n\n.jimall-office-page .change-card h3{\n    font-size: 27px;\n\n    margin-bottom: 20px;\n}\n\n.jimall-office-page .change-list{\n    list-style: none;\n}\n\n.jimall-office-page .change-list li{\n    position: relative;\n\n    padding:\n        11px 0 11px 28px;\n\n    border-bottom:\n        1px solid\n        rgba(0,0,0,.08);\n\n    font-size: 14px;\n}\n\n.jimall-office-page .change-after .change-list li{\n    border-color:\n        rgba(255,255,255,.12);\n}\n\n.jimall-office-page .change-list li::before{\n    content: \"\u2014\";\n\n    position: absolute;\n\n    left: 0;\n\n    font-weight: 900;\n}\n\n\n\/* =========================================================\n   FLOW\n========================================================= *\/\n\n.jimall-office-page .flow{\n    background: white;\n}\n\n.jimall-office-page .flow-list{\n    display: grid;\n\n    grid-template-columns:\n        repeat(6,1fr);\n\n    margin-top: 65px;\n\n    border-top:\n        1px solid\n        var(--line);\n\n    border-bottom:\n        1px solid\n        var(--line);\n}\n\n.jimall-office-page .flow-item{\n    position: relative;\n\n    padding:\n        35px 22px;\n\n    border-right:\n        1px solid\n        var(--line);\n}\n\n.jimall-office-page .flow-item:last-child{\n    border-right: none;\n}\n\n.jimall-office-page .flow-number{\n    color: var(--blue);\n\n    font-size: 11px;\n\n    font-weight: 900;\n\n    letter-spacing: .12em;\n\n    margin-bottom: 30px;\n}\n\n.jimall-office-page .flow-item h3{\n    font-size: 16px;\n\n    margin-bottom: 10px;\n}\n\n.jimall-office-page .flow-item p{\n    color: var(--muted);\n\n    font-size: 12px;\n\n    line-height: 1.7;\n}\n\n\n\/* =========================================================\n   MESSAGE\n========================================================= *\/\n\n.jimall-office-page .message{\n    padding:\n        140px 0;\n\n    color: white;\n\n    text-align: center;\n\n    background:\n        radial-gradient(\n            circle at 50% 0%,\n            rgba(73,208,255,.2),\n            transparent 35%\n        ),\n\n        linear-gradient(\n            135deg,\n            #061525,\n            #0b3151\n        );\n\n    position: relative;\n\n    overflow: hidden;\n}\n\n.jimall-office-page .message::before{\n    content: \"\";\n\n    position: absolute;\n\n    width: 650px;\n    height: 650px;\n\n    border:\n        1px solid\n        rgba(255,255,255,.07);\n\n    border-radius: 50%;\n\n    left: 50%;\n    top: 50%;\n\n    transform:\n        translate(-50%,-50%);\n}\n\n.jimall-office-page .message-content{\n    position: relative;\n\n    z-index: 2;\n}\n\n.jimall-office-page .message .section-label{\n    color: var(--cyan);\n}\n\n.jimall-office-page .message h2{\n    max-width: 850px;\n\n    margin:\n        0 auto 25px;\n\n    font-size:\n        clamp(\n            36px,\n            5vw,\n            62px\n        );\n\n    line-height: 1.3;\n\n    letter-spacing: -.05em;\n}\n\n.jimall-office-page .message p{\n    max-width: 700px;\n\n    margin:\n        0 auto 40px;\n\n    color:\n        rgba(255,255,255,.6);\n}\n\n\n\/* =========================================================\n   CTA\n========================================================= *\/\n\n.jimall-office-page .cta{\n    padding: 120px 0;\n\n    background:\n        var(--bg);\n\n    text-align: center;\n}\n\n.jimall-office-page .cta-box{\n    position: relative;\n\n    overflow: hidden;\n\n    padding:\n        75px 30px;\n\n    border-radius:\n        30px;\n\n    color: white;\n\n    background:\n        linear-gradient(\n            135deg,\n            #1264ff,\n            #092b4d\n        );\n\n    box-shadow:\n        0 25px 70px\n        rgba(18,100,255,.20);\n}\n\n.jimall-office-page .cta-box::before{\n    content: \"\";\n\n    position: absolute;\n\n    width: 450px;\n    height: 450px;\n\n    right: -180px;\n    top: -180px;\n\n    border:\n        1px solid\n        rgba(255,255,255,.15);\n\n    border-radius: 50%;\n}\n\n.jimall-office-page .cta-box h2{\n    position: relative;\n\n    font-size:\n        clamp(\n            32px,\n            5vw,\n            56px\n        );\n\n    line-height: 1.3;\n\n    letter-spacing: -.05em;\n\n    margin-bottom: 20px;\n}\n\n.jimall-office-page .cta-box p{\n    position: relative;\n\n    max-width: 650px;\n\n    margin:\n        0 auto 35px;\n\n    color:\n        rgba(255,255,255,.65);\n}\n\n\n\/* =========================================================\n   FOOTER\n========================================================= *\/\n\n.jimall-office-page .footer{\n    background:\n        #030c16;\n\n    color: white;\n\n    padding:\n        60px 0 30px;\n}\n\n.jimall-office-page .footer-top{\n    display: flex;\n\n    align-items: flex-start;\n\n    justify-content: space-between;\n\n    gap: 40px;\n\n    padding-bottom: 45px;\n}\n\n.jimall-office-page .footer-logo{\n    font-size: 24px;\n\n    font-weight: 900;\n\n    letter-spacing: .12em;\n\n    margin-bottom: 15px;\n}\n\n.jimall-office-page .footer-logo span{\n    color: var(--cyan);\n}\n\n.jimall-office-page .footer-address{\n    color:\n        rgba(255,255,255,.45);\n\n    font-size: 12px;\n}\n\n.jimall-office-page .footer-tel{\n    text-align: right;\n}\n\n.jimall-office-page .footer-tel small{\n    display: block;\n\n    color:\n        rgba(255,255,255,.35);\n\n    font-size: 11px;\n\n    margin-bottom: 5px;\n}\n\n.jimall-office-page .footer-tel strong{\n    font-size: 28px;\n\n    letter-spacing: .05em;\n}\n\n.jimall-office-page .footer-bottom{\n    border-top:\n        1px solid\n        rgba(255,255,255,.1);\n\n    padding-top: 25px;\n\n    color:\n        rgba(255,255,255,.3);\n\n    font-size: 11px;\n}\n\n\n\/* =========================================================\n   ANIMATION\n========================================================= *\/\n\n.jimall-office-page .reveal{\n    opacity: 0;\n\n    transform:\n        translateY(35px);\n\n    transition:\n        opacity .8s ease,\n        transform .8s ease;\n}\n\n.jimall-office-page .reveal.active{\n    opacity: 1;\n\n    transform:\n        translateY(0);\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n========================================================= *\/\n\n@media(max-width: 1000px) {\n\n    .jimall-office-page .nav{\n        display: none;\n    }\n\n    .jimall-office-page .problem-grid{\n        grid-template-columns: 1fr;\n    }\n\n    .jimall-office-page .concept-grid{\n        grid-template-columns: 1fr;\n\n        gap: 50px;\n    }\n\n    .jimall-office-page .solution-grid{\n        grid-template-columns: 1fr 1fr;\n    }\n\n    .jimall-office-page .flow-list{\n        grid-template-columns:\n            repeat(3,1fr);\n    }\n\n    .jimall-office-page .flow-item:nth-child(3){\n        border-right: none;\n    }\n\n    .jimall-office-page .flow-item:nth-child(n\/**\/+4){\n        border-top:\n            1px solid\n            var(--line);\n    }\n}\n\n\n@media(max-width: 700px) {\n\n    .jimall-office-page .container{\n        width:\n            calc(100% - 28px);\n    }\n\n    .jimall-office-page .header-inner{\n        height: 72px;\n    }\n\n    .jimall-office-page .logo{\n        font-size: 18px;\n    }\n\n    \/* SP\uff1aFV\u4e0a\u90e8\u306e\u7a7a\u304d\u3092\u6291\u3048\u3066\u3001\u5185\u5bb9\u3092\u4e0a\u304b\u3089\u81ea\u7136\u306b\u914d\u7f6e *\/\n    .jimall-office-page .hero{\n        min-height: 620px;\n        align-items: flex-start;\n    }\n\n    .jimall-office-page .hero-content{\n        padding-top: 42px;\n    }\n\n    \/* SP\uff1a\u300c\u30aa\u30d5\u30a3\u30b9\u3092\u3082\u3063\u3068\u3001\u300d\u30921\u884c\u306b\u53ce\u3081\u30662\u884c\u69cb\u6210\u306b *\/\n    .jimall-office-page .hero h1{\n        font-size: 36px;\n        line-height: 1.25;\n        letter-spacing: -0.055em;\n    }\n\n    .jimall-office-page .hero h1 > br{\n        display: block;\n    }\n\n    .jimall-office-page .hero-description{\n        font-size: 14px;\n    }\n\n    .jimall-office-page section{\n        padding:\n            85px 0;\n    }\n\n    .jimall-office-page .intro{\n        margin-top: -50px;\n    }\n\n    .jimall-office-page .intro-card{\n        grid-template-columns: 1fr;\n    }\n\n    .jimall-office-page .intro-content{\n        padding: 38px 28px;\n    }\n\n    .jimall-office-page .intro-visual{\n        min-height: 230px;\n    }\n\n    .jimall-office-page .concept-image{\n        height: 390px;\n    }\n\n    .jimall-office-page .solution-grid{\n        grid-template-columns: 1fr;\n    }\n\n    .jimall-office-page .change-grid{\n        grid-template-columns: 1fr;\n    }\n\n    .jimall-office-page .flow-list{\n        grid-template-columns: 1fr;\n    }\n\n    .jimall-office-page .flow-item, .jimall-office-page .flow-item:nth-child(3){\n        border-right: none;\n\n        border-bottom:\n            1px solid\n            var(--line);\n    }\n\n    .jimall-office-page .flow-item:last-child{\n        border-bottom: none;\n    }\n\n    .jimall-office-page .footer-top{\n        flex-direction: column;\n    }\n\n    .jimall-office-page .footer-tel{\n        text-align: left;\n    }\n\n    \/* SP\uff1a\u898b\u51fa\u3057\u5168\u4f53\u3092\u8abf\u6574\u3057\u3066\u3001\u77ed\u3044\u8a9e\u3060\u3051\u6b21\u884c\u306b\u6b8b\u308b\u6539\u884c\u3092\u9632\u3050 *\/\n    .jimall-office-page .section-title{\n        font-size: 30px !important;\n        line-height: 1.4 !important;\n        letter-spacing: -0.04em !important;\n    }\n\n    \/* OFFICE TOTAL PLAN *\/\n    .jimall-office-page .intro-content h2{\n        font-size: 25px !important;\n        line-height: 1.5 !important;\n        letter-spacing: -0.045em !important;\n    }\n\n    \/* JIMALL \u30e1\u30c3\u30bb\u30fc\u30b8 *\/\n    .jimall-office-page .message h2{\n        font-size: 26px !important;\n        line-height: 1.45 !important;\n        letter-spacing: -0.045em !important;\n    }\n\n    \/* \u6700\u4e0b\u90e8CTA *\/\n    .jimall-office-page .cta-box h2{\n        font-size: 26px !important;\n        line-height: 1.45 !important;\n        letter-spacing: -0.045em !important;\n    }\n}\n\n\n<\/style>\n<div class=\"jimall-office-page\">\n<section class=\"hero\">\n<div class=\"container\">\n<div class=\"hero-content reveal\">\n<div class=\"hero-label\">\n                OFFICE TOTAL PLANNING\n            <\/div>\n<h1>\n                \u30aa\u30d5\u30a3\u30b9\u3092\u3082\u3063\u3068\u3001<br>\n<span class=\"blue\">\n                    \u5feb\u9069\u306a\u7a7a\u9593\u3078\u3002\n                <\/span>\n<\/h1>\n<p class=\"hero-description\">\n\n                \u30aa\u30d5\u30a3\u30b9\u5bb6\u5177\u3060\u3051\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002<br>\n                OA\u6a5f\u5668\u3001\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u3001\u53ce\u7d0d\u3001\u914d\u7dda\u3001\u50cd\u304d\u3084\u3059\u3055\u307e\u3067\u3002\n\n                <br><br>\n\n                \u30b8\u30e0\u30aa\u30fc\u30eb\u306f\u3001\n                \u30aa\u30d5\u30a3\u30b9\u306b\u95a2\u3059\u308b\u3055\u307e\u3056\u307e\u306a\u8ab2\u984c\u3092\n                \u4e00\u3064\u306e\u7a93\u53e3\u304b\u3089\u30c8\u30fc\u30bf\u30eb\u306b\u30d7\u30e9\u30f3\u30cb\u30f3\u30b0\u3057\u307e\u3059\u3002\n\n            <\/p>\n<div class=\"hero-buttons\">\n<a class=\"btn btn-primary\" href=\"\/shop\/contact\/\">\n                    \u30aa\u30d5\u30a3\u30b9\u3092\u76f8\u8ac7\u3059\u308b\n                    <span>\u2192<\/span>\n<\/a>\n<a class=\"btn btn-outline\" href=\"#solution\">\n                    \u3067\u304d\u308b\u3053\u3068\u3092\u898b\u308b\n                <\/a>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"intro\">\n<div class=\"container\">\n<div class=\"intro-card reveal\">\n<div class=\"intro-content\">\n<div class=\"eyebrow\">\n                    OFFICE TOTAL PLAN\n                <\/div>\n<h2>\n                    \u300c\u4f55\u3092\u8cb7\u3046\u304b\u300d\u3067\u306f\u306a\u304f\u3001<br>\n                    \u300c\u3069\u3046\u50cd\u304f\u304b\u300d\u304b\u3089\u8003\u3048\u308b\u3002\n                <\/h2>\n<p>\n                    \u30aa\u30d5\u30a3\u30b9\u3092\u65b0\u3057\u304f\u3057\u305f\u3044\u3002\n                    \u53ce\u7d0d\u3092\u5897\u3084\u3057\u305f\u3044\u3002\n                    \u914d\u7dda\u3092\u6574\u7406\u3057\u305f\u3044\u3002\n                    OA\u6a5f\u5668\u3092\u898b\u76f4\u3057\u305f\u3044\u3002\n\n                    <br><br>\n\n                    \u3067\u3082\u3001\u305d\u308c\u305e\u308c\u3092\u5225\u3005\u306e\u696d\u8005\u306b\u983c\u3080\u3068\u3001\n                    \u6253\u3061\u5408\u308f\u305b\u3082\u7ba1\u7406\u3082\u8907\u96d1\u306b\u306a\u308a\u307e\u3059\u3002\n\n                    <br><br>\n\n                    \u30b8\u30e0\u30aa\u30fc\u30eb\u306a\u3089\u3001\n                    \u30aa\u30d5\u30a3\u30b9\u5168\u4f53\u3092\u4e00\u3064\u306e\u8996\u70b9\u304b\u3089\u8003\u3048\u3001\n                    \u6700\u9069\u306a\u74b0\u5883\u3092\u3054\u63d0\u6848\u3057\u307e\u3059\u3002\n                <\/p>\n<\/div>\n<div class=\"intro-visual\">\n<strong>\n                    OFFICE<br>\n                    \u00d7<br>\n                    TECHNOLOGY<br>\n                    \u00d7<br>\n                    PEOPLE\n                <\/strong>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"problems\">\n<div class=\"container\">\n<div class=\"reveal\">\n<div class=\"section-label\">\n                YOUR PROBLEMS\n            <\/div>\n<h2 class=\"section-title\">\n                \u3053\u3093\u306a\u3053\u3068\u3067<br>\n                \u56f0\u3063\u3066\u3044\u307e\u305b\u3093\u304b\uff1f\n            <\/h2>\n<p class=\"section-description\">\n                \u30aa\u30d5\u30a3\u30b9\u306e\u300c\u3061\u3087\u3063\u3068\u56f0\u3063\u305f\u300d\u306f\u3001\n                \u5b9f\u306f\u50cd\u304d\u65b9\u3092\u5909\u3048\u308b\u30c1\u30e3\u30f3\u30b9\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002\n            <\/p>\n<\/div>\n<div class=\"problem-grid\">\n<article class=\"problem reveal\">\n<div class=\"problem-number\">\n                    01\n                <\/div>\n<h3>\n                    \u30aa\u30d5\u30a3\u30b9\u3092\u65b0\u3057\u304f\u3057\u305f\u3044\n                <\/h3>\n<p>\n                    \u53e4\u304f\u306a\u3063\u305f\u5bb6\u5177\u3084\u8a2d\u5099\u3092\u898b\u76f4\u3057\u3066\u3001\n                    \u898b\u6804\u3048\u3082\u4f7f\u3044\u3084\u3059\u3055\u3082\u6539\u5584\u3057\u305f\u3044\u3002\n                <\/p>\n<\/article>\n<article class=\"problem reveal\">\n<div class=\"problem-number\">\n                    02\n                <\/div>\n<h3>\n                    \u50cd\u304d\u3084\u3059\u3044\u74b0\u5883\u306b\u3057\u305f\u3044\n                <\/h3>\n<p>\n                    \u793e\u54e1\u304c\u5feb\u9069\u306b\u50cd\u3051\u308b\u30ec\u30a4\u30a2\u30a6\u30c8\u3084\n                    \u30aa\u30d5\u30a3\u30b9\u74b0\u5883\u3092\u8003\u3048\u305f\u3044\u3002\n                <\/p>\n<\/article>\n<article class=\"problem reveal\">\n<div class=\"problem-number\">\n                    03\n                <\/div>\n<h3>\n                    \u53ce\u7d0d\u3092\u5897\u3084\u3057\u305f\u3044\n                <\/h3>\n<p>\n                    \u66f8\u985e\u3084\u5099\u54c1\u304c\u5897\u3048\u3066\u3001\n                    \u30aa\u30d5\u30a3\u30b9\u304c\u72ed\u304f\u611f\u3058\u3066\u3044\u308b\u3002\n                <\/p>\n<\/article>\n<article class=\"problem reveal\">\n<div class=\"problem-number\">\n                    04\n                <\/div>\n<h3>\n                    \u914d\u7dda\u3092\u30ad\u30ec\u30a4\u306b\u3057\u305f\u3044\n                <\/h3>\n<p>\n                    PC\u3084\u96fb\u8a71\u306a\u3069\u306e\u914d\u7dda\u304c\u8907\u96d1\u3002\n                    \u898b\u305f\u76ee\u3060\u3051\u3067\u306a\u304f\u5b89\u5168\u6027\u3082\u6539\u5584\u3057\u305f\u3044\u3002\n                <\/p>\n<\/article>\n<article class=\"problem reveal\">\n<div class=\"problem-number\">\n                    05\n                <\/div>\n<h3>\n                    OA\u6a5f\u5668\u3092\u898b\u76f4\u3057\u305f\u3044\n                <\/h3>\n<p>\n                    \u8907\u5408\u6a5f\u3084PC\u3001\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u306a\u3069\u3092\n                    \u307e\u3068\u3081\u3066\u76f8\u8ac7\u3057\u305f\u3044\u3002\n                <\/p>\n<\/article>\n<article class=\"problem reveal\">\n<div class=\"problem-number\">\n                    06\n                <\/div>\n<h3>\n                    \u76f8\u8ac7\u5148\u3092\u4e00\u672c\u5316\u3057\u305f\u3044\n                <\/h3>\n<p>\n                    \u8907\u6570\u306e\u696d\u8005\u3068\u306e\u3084\u308a\u53d6\u308a\u3092\u6e1b\u3089\u3057\u3066\u3001\n                    \u30aa\u30d5\u30a3\u30b9\u306e\u3053\u3068\u3092\u307e\u3068\u3081\u3066\u4efb\u305b\u305f\u3044\u3002\n                <\/p>\n<\/article>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"concept\" id=\"concept\">\n<div class=\"container\">\n<div class=\"concept-grid\">\n<div class=\"concept-image reveal\">\n<div class=\"office-room\">\n<div class=\"office-monitor\"><\/div>\n<div class=\"office-desk\"><\/div>\n<\/div>\n<div class=\"concept-image-text\">\n                    DESIGN YOUR WORKPLACE\n                <\/div>\n<\/div>\n<div class=\"concept-content reveal\">\n<div class=\"section-label\">\n                    OUR CONCEPT\n                <\/div>\n<h2>\n                    \u30aa\u30d5\u30a3\u30b9\u306f\u3001<br>\n<span>\u4f1a\u793e\u306e\u672a\u6765<\/span>\u3092\u3064\u304f\u308b\u5834\u6240\u3002\n                <\/h2>\n<p>\n                    \u30aa\u30d5\u30a3\u30b9\u5bb6\u5177\u3092\u7f6e\u304f\u3060\u3051\u3067\u306f\u3001\n                    \u672c\u5f53\u306e\u610f\u5473\u3067\u306e\u300c\u30aa\u30d5\u30a3\u30b9\u6539\u5584\u300d\u306b\u306f\u306a\u308a\u307e\u305b\u3093\u3002\n                <\/p>\n<p>\n                    \u4eba\u304c\u3069\u3046\u52d5\u304f\u306e\u304b\u3002\n                    \u3069\u3053\u3067\u4ed5\u4e8b\u3092\u3059\u308b\u306e\u304b\u3002\n                    \u60c5\u5831\u3092\u3069\u3046\u5171\u6709\u3059\u308b\u306e\u304b\u3002\n                    \u3069\u3093\u306a\u4f1a\u793e\u306b\u3057\u3066\u3044\u304d\u305f\u3044\u306e\u304b\u3002\n                <\/p>\n<p>\n                    \u305d\u3046\u3057\u305f\u8996\u70b9\u3092\u6301\u3061\u306a\u304c\u3089\u3001\n                    \u30ec\u30a4\u30a2\u30a6\u30c8\u3001\u5bb6\u5177\u3001OA\u6a5f\u5668\u3001\n                    \u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u306a\u3069\u3092\u7dcf\u5408\u7684\u306b\u8003\u3048\u307e\u3059\u3002\n                <\/p>\n<div class=\"big-message\">\n                    \u300c\u5546\u54c1\u300d\u3067\u306f\u306a\u304f\u3001<br>\n                    \u300c\u50cd\u304f\u74b0\u5883\u300d\u3092\u3054\u63d0\u6848\u3057\u307e\u3059\u3002\n                <\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"solution\" id=\"solution\">\n<div class=\"container\">\n<div class=\"reveal\">\n<div class=\"section-label\">\n                TOTAL PLANNING\n            <\/div>\n<h2 class=\"section-title\">\n                \u30aa\u30d5\u30a3\u30b9\u306b\u5fc5\u8981\u306a\u3082\u306e\u3092\u3001<br>\n                \u4e00\u3064\u306b\u3064\u306a\u3052\u308b\u3002\n            <\/h2>\n<p class=\"section-description\">\n                \u30b8\u30e0\u30aa\u30fc\u30eb\u306f\u3001\u30aa\u30d5\u30a3\u30b9\u306b\u95a2\u3059\u308b\n                \u3055\u307e\u3056\u307e\u306a\u9818\u57df\u3092\u307e\u3068\u3081\u3066\u30d7\u30e9\u30f3\u30cb\u30f3\u30b0\u3057\u307e\u3059\u3002\n            <\/p>\n<\/div>\n<div class=\"solution-grid\">\n<article class=\"solution-card reveal\">\n<div class=\"solution-icon\">\n                    01\n                <\/div>\n<h3>\n                    \u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\n                <\/h3>\n<p>\n                    \u4f01\u696d\u306b\u4fe1\u983c\u306e\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u3092\n                <\/p>\n<\/article>\n<article class=\"solution-card reveal\">\n<div class=\"solution-icon\">\n                    02\n                <\/div>\n<h3>\n                    \u8907\u5408\u6a5f\/\u5370\u5237\u6a5f\n                <\/h3>\n<p>\n                    \u30aa\u30d5\u30a3\u30b9\u306e\u4f5c\u696d\u3092\u3082\u3063\u3068\u30b9\u30e0\u30fc\u30ba\u306b\n                <\/p>\n<\/article>\n<article class=\"solution-card reveal\">\n<div class=\"solution-icon\">\n                    03\n                <\/div>\n<h3>\n                    VPN\/\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\n                <\/h3>\n<p>\n                    \u3044\u3064\u3082\u306e\u5834\u6240\u3078\u7e4b\u304c\u308b\u5b89\u5fc3\n                <\/p>\n<\/article>\n<article class=\"solution-card reveal\">\n<div class=\"solution-icon\">\n                    04\n                <\/div>\n<h3>\n                    PC\/\u5468\u8fba\u6a5f\u5668\n                <\/h3>\n<p>\n                    \u5fc5\u8981\u306a\u6027\u80fd\u3092\u5fc5\u8981\u306a\u5f62\u3067\n                <\/p>\n<\/article>\n<article class=\"solution-card reveal\">\n<div class=\"solution-icon\">\n                    05\n                <\/div>\n<h3>\n                    \u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\n                <\/h3>\n<p>\n                    \u3053\u308c\u304b\u3089\u306e\u30ef\u30fc\u30af\u30b9\u30bf\u30a4\u30eb\u3092\u8003\u3048\u308b\n                <\/p>\n<\/article>\n<article class=\"solution-card reveal\">\n<div class=\"solution-icon\">\n                    06\n                <\/div>\n<h3>\n                    \u30b5\u30fc\u30d0\u30fc\/NAS\n                <\/h3>\n<p>\n                    \u793e\u5185\u306e\u60c5\u5831\u5171\u6709\u3092\u30b9\u30e0\u30fc\u30ba\u306b\n                <\/p>\n<\/article>\n<article class=\"solution-card reveal\">\n<div class=\"solution-icon\">\n                    07\n                <\/div>\n<h3>\n                    \u7a7a\u9593\u30c7\u30b6\u30a4\u30f3\/\u30aa\u30d5\u30a3\u30b9\u5bb6\u5177\n                <\/h3>\n<p>\n                    \u65b0\u3057\u3044\u30ab\u30bf\u30c1\n                <\/p>\n<\/article>\n<article class=\"solution-card reveal\">\n<div class=\"solution-icon\">\n                    08\n                <\/div>\n<h3>\n                    \u30aa\u30d5\u30a3\u30b9\u30b5\u30d7\u30e9\u30a4\n                <\/h3>\n<p>\n                    \u3044\u3064\u3082\u306e\u6d88\u8017\u54c1\u3092\u3001\u7d0d\u5f97\u306e\u4fa1\u683c\u306b\n                <\/p>\n<\/article>\n<article class=\"solution-card reveal\">\n<div class=\"solution-icon\">\n                    09\n                <\/div>\n<h3>\n                    \u56de\u7dda\/\u30d7\u30ed\u30d0\u30a4\u30c0\n                <\/h3>\n<p>\n                    \u3080\u305a\u304b\u3057\u3044\u5951\u7d04\u306f\u3001\u3059\u3079\u3066\u304a\u4efb\u305b\u304f\u3060\u3055\u3044\u3002\n                <\/p>\n<\/article>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"change\">\n<div class=\"container\">\n<div class=\"reveal\">\n<div class=\"section-label\">\n                THE DIFFERENCE\n            <\/div>\n<h2 class=\"section-title\">\n                \u30d0\u30e9\u30d0\u30e9\u3060\u3063\u305f\u30aa\u30d5\u30a3\u30b9\u3092\u3001<br>\n                \u4e00\u3064\u306e\u8a2d\u8a08\u56f3\u306b\u3002\n            <\/h2>\n<\/div>\n<div class=\"change-grid\">\n<div class=\"change-card change-before reveal\">\n<div class=\"change-tag\">\n                    BEFORE\n                <\/div>\n<h3>\n                    \u696d\u8005\u304c\u30d0\u30e9\u30d0\u30e9\n                <\/h3>\n<ul class=\"change-list\">\n<li>\n                        \u5bb6\u5177\u306f\u5bb6\u5177\u5c4b\n                    <\/li>\n<li>\n                        \u8907\u5408\u6a5f\u306fOA\u696d\u8005\n                    <\/li>\n<li>\n                        \u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u306f\u5225\u696d\u8005\n                    <\/li>\n<li>\n                        \u5de5\u4e8b\u3082\u5225\u4f1a\u793e\n                    <\/li>\n<li>\n                        \u30c8\u30e9\u30d6\u30eb\u6642\u306e\u9023\u7d61\u5148\u304c\u591a\u3044\n                    <\/li>\n<\/ul>\n<\/div>\n<div class=\"change-card change-after reveal\">\n<div class=\"change-tag\">\n                    AFTER\n                <\/div>\n<h3>\n                    \u30b8\u30e0\u30aa\u30fc\u30eb\u306b\u4e00\u672c\u5316\n                <\/h3>\n<ul class=\"change-list\">\n<li>\n                        \u30aa\u30d5\u30a3\u30b9\u5bb6\u5177\n                    <\/li>\n<li>\n                        OA\u6a5f\u5668\n                    <\/li>\n<li>\n                        \u30cd\u30c3\u30c8\u30ef\u30fc\u30af\n                    <\/li>\n<li>\n                        \u5404\u7a2e\u5de5\u4e8b\n                    <\/li>\n<li>\n                        \u5c0e\u5165\u5f8c\u306e\u30b5\u30dd\u30fc\u30c8\n                    <\/li>\n<\/ul>\n<\/div>\n\n\n<\/div>\n<\/div>\n<\/section>\n<section class=\"flow\" id=\"flow\">\n<div class=\"container\">\n<div class=\"reveal\">\n<div class=\"section-label\">\n                PROCESS\n            <\/div>\n<h2 class=\"section-title\">\n                \u76f8\u8ac7\u304b\u3089\u7d0d\u54c1\u307e\u3067\u3001<br>\n                \u4e00\u3064\u3072\u3068\u3064\u4e01\u5be7\u306b\u3002\n            <\/h2>\n<p class=\"section-description\">\n                \u73fe\u5728\u306e\u30aa\u30d5\u30a3\u30b9\u306e\u72b6\u6cc1\u3092\u78ba\u8a8d\u3057\u3001\n                \u304a\u5ba2\u69d8\u306b\u5408\u3063\u305f\u30d7\u30e9\u30f3\u3092\u3054\u63d0\u6848\u3057\u307e\u3059\u3002\n            <\/p>\n<\/div>\n<div class=\"flow-list\">\n<div class=\"flow-item reveal\">\n<div class=\"flow-number\">\n                    STEP 01\n                <\/div>\n<h3>\n                    \u304a\u554f\u3044\u5408\u308f\u305b\n                <\/h3>\n<p>\n                    \u307e\u305a\u306f\u304a\u6c17\u8efd\u306b\n                    \u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002\n                <\/p>\n<\/div>\n<div class=\"flow-item reveal\">\n<div class=\"flow-number\">\n                    STEP 02\n                <\/div>\n<h3>\n                    \u30d2\u30a2\u30ea\u30f3\u30b0\n                <\/h3>\n<p>\n                    \u3054\u8981\u671b\u3084\u8ab2\u984c\u3001\n                    \u4eca\u5f8c\u306e\u8a08\u753b\u3092\u4f3a\u3044\u307e\u3059\u3002\n                <\/p>\n<\/div>\n<div class=\"flow-item reveal\">\n<div class=\"flow-number\">\n                    STEP 03\n                <\/div>\n<h3>\n                    \u73fe\u5730\u8abf\u67fb\n                <\/h3>\n<p>\n                    \u5b9f\u969b\u306e\u30aa\u30d5\u30a3\u30b9\u3092\u78ba\u8a8d\u3057\u3001\n                    \u72b6\u6cc1\u3092\u628a\u63e1\u3057\u307e\u3059\u3002\n                <\/p>\n<\/div>\n<div class=\"flow-item reveal\">\n<div class=\"flow-number\">\n                    STEP 04\n                <\/div>\n<h3>\n                    \u304a\u898b\u7a4d\u308a\n                <\/h3>\n<p>\n                    \u5185\u5bb9\u3092\u6574\u7406\u3057\u3001\n                    \u6700\u9069\u306a\u30d7\u30e9\u30f3\u3092\u3054\u63d0\u6848\u3057\u307e\u3059\u3002\n                <\/p>\n<\/div>\n<div class=\"flow-item reveal\">\n<div class=\"flow-number\">\n                    STEP 05\n                <\/div>\n<h3>\n                    \u3054\u5951\u7d04\n                <\/h3>\n<p>\n                    \u5185\u5bb9\u3092\u3054\u78ba\u8a8d\u3044\u305f\u3060\u304d\u3001\n                    \u5c0e\u5165\u3092\u9032\u3081\u307e\u3059\u3002\n                <\/p>\n<\/div>\n<div class=\"flow-item reveal\">\n<div class=\"flow-number\">\n                    STEP 06\n                <\/div>\n<h3>\n                    \u7d0d\u54c1\u30fb\u5c0e\u5165\n                <\/h3>\n<p>\n                    \u5c0e\u5165\u5f8c\u307e\u3067\u3057\u3063\u304b\u308a\n                    \u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002\n                <\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"message\">\n<div class=\"container\">\n<div class=\"message-content reveal\">\n<div class=\"section-label\">\n                JIMALL\n            <\/div>\n<h2>\n                \u30aa\u30d5\u30a3\u30b9\u306b\u95a2\u3059\u308b\u3053\u3068\u306a\u3089\u3001<br>\n                \u307e\u305a\u30b8\u30e0\u30aa\u30fc\u30eb\u3078\u3002\n            <\/h2>\n<p>\n                \u8907\u6570\u306e\u696d\u8005\u306b\u76f8\u8ac7\u3059\u308b\u524d\u306b\u3001\n                \u4e00\u5ea6\u3059\u3079\u3066\u306e\u8ab2\u984c\u3092\u304a\u805e\u304b\u305b\u304f\u3060\u3055\u3044\u3002\n\n                <br>\n\n                \u300c\u4f55\u304b\u3089\u624b\u3092\u3064\u3051\u308c\u3070\u3044\u3044\u304b\u308f\u304b\u3089\u306a\u3044\u300d\n                \u3068\u3044\u3046\u6bb5\u968e\u304b\u3089\u3067\u3082\u69cb\u3044\u307e\u305b\u3093\u3002\n            <\/p>\n<a class=\"btn btn-primary\" href=\"\/shop\/contact\/\">\n                \u30aa\u30d5\u30a3\u30b9\u306b\u3064\u3044\u3066\u76f8\u8ac7\u3059\u308b\n                <span>\u2192<\/span>\n<\/a>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"cta\" id=\"contact\">\n<div class=\"container\">\n<div class=\"cta-box reveal\">\n<h2>\n                \u305d\u306e\u300c\u56f0\u3063\u305f\u300d\u3001<br>\n                \u307e\u3068\u3081\u3066\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002\n            <\/h2>\n<p>\n                \u30aa\u30d5\u30a3\u30b9\u5bb6\u5177\u304b\u3089OA\u6a5f\u5668\u3001\n                \u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u3001\u914d\u7dda\u3001\u30ec\u30a4\u30a2\u30a6\u30c8\u307e\u3067\u3002\n\n                <br>\n\n                \u30b8\u30e0\u30aa\u30fc\u30eb\u304c\u30aa\u30d5\u30a3\u30b9\u5168\u4f53\u3092\n                \u4e00\u7dd2\u306b\u8003\u3048\u307e\u3059\u3002\n            <\/p>\n<a class=\"btn btn-primary\" href=\"tel:0427585571\">\n                TEL 042-758-5571\n                <span>\u2192<\/span>\n<\/a>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n\n<script>\n(function(){\n  const root=document.querySelector('.jimall-office-page');\n  if(!root) return;\n  const items=root.querySelectorAll('.reveal');\n  if('IntersectionObserver' in window){\n    const observer=new IntersectionObserver((entries)=>{\n      entries.forEach((entry)=>{\n        if(entry.isIntersecting){entry.target.classList.add('active');observer.unobserve(entry.target);}\n      });\n    },{threshold:.12});\n    items.forEach(el=>observer.observe(el));\n  }else{ items.forEach(el=>el.classList.add('active')); }\n  root.querySelectorAll('a[href^=\"#\"]').forEach(link=>{\n    link.addEventListener('click',function(e){\n      const target=root.querySelector(this.getAttribute('href'));\n      if(!target) return; e.preventDefault(); target.scrollIntoView({behavior:'smooth'});\n    });\n  });\n})();\n<\/script>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","swell_btn_cv_data":"","footnotes":""},"class_list":["post-293","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"mailpoet_newsletter_max":false,"woocommerce_thumbnail":false,"woocommerce_single":false,"woocommerce_gallery_thumbnail":false},"uagb_author_info":{"display_name":"jimall1234","author_link":"https:\/\/jimall2023.xbiz.jp\/shop\/archives\/author\/jimall1234"},"uagb_comment_info":0,"uagb_excerpt":null,"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/jimall2023.xbiz.jp\/shop\/wp-json\/wp\/v2\/pages\/293","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jimall2023.xbiz.jp\/shop\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jimall2023.xbiz.jp\/shop\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jimall2023.xbiz.jp\/shop\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jimall2023.xbiz.jp\/shop\/wp-json\/wp\/v2\/comments?post=293"}],"version-history":[{"count":9,"href":"https:\/\/jimall2023.xbiz.jp\/shop\/wp-json\/wp\/v2\/pages\/293\/revisions"}],"predecessor-version":[{"id":1573,"href":"https:\/\/jimall2023.xbiz.jp\/shop\/wp-json\/wp\/v2\/pages\/293\/revisions\/1573"}],"wp:attachment":[{"href":"https:\/\/jimall2023.xbiz.jp\/shop\/wp-json\/wp\/v2\/media?parent=293"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}