{"id":14,"date":"2026-04-15T13:30:53","date_gmt":"2026-04-15T04:30:53","guid":{"rendered":"https:\/\/iris-consulting.co.jp\/?page_id=14"},"modified":"2026-04-21T15:29:24","modified_gmt":"2026-04-21T06:29:24","slug":"frontpage","status":"publish","type":"page","link":"https:\/\/iris-consulting.co.jp\/","title":{"rendered":"\u30a2\u30a4\u30ea\u30b9 \u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0"},"content":{"rendered":"\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@1,300&#038;family=Noto+Serif+JP:wght@300;600&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n    .ultra-slim-hero {\n        padding: 25px 0 15px;\n        font-family: 'Noto Serif JP', serif;\n        border-bottom: 1px solid #d1d1d1;\n        margin-bottom: 25px;\n    }\n\n    .hero-lead-text {\n        font-size: 18px;\n        font-weight: 600;\n        color: #003366;\n        letter-spacing: 0.1em;\n        margin-bottom: 20px;\n        line-height: 1.5;\n    }\n\n    \/* PC\u30fb\u30b9\u30de\u30db\u5171\u901a\u3067\u300c\u7d76\u5bfe\u306b\u6a2a3\u5217\u300d\u3092\u7dad\u6301 *\/\n    .hero-flex-row {\n        display: flex;\n        justify-content: space-between;\n        gap: 8px; \/* \u9699\u9593\u3092\u6700\u5c0f\u9650\u306b *\/\n    }\n\n    .hero-col {\n        flex: 1;\n        min-width: 0; \/* \u306f\u307f\u51fa\u3057\u9632\u6b62 *\/\n        text-align: left;\n    }\n\n    .hero-col span {\n        display: block;\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 9px;\n        font-style: italic;\n        color: #a68966;\n        margin-bottom: 2px;\n        text-transform: uppercase;\n    }\n\n    .service-txt {\n        font-size: 13px;\n        font-weight: 600;\n        color: #333;\n        margin-bottom: 4px;\n        white-space: nowrap; \/* \u6539\u884c\u3092\u7981\u6b62\u3057\u30661\u884c\u306b\u53ce\u3081\u308b *\/\n    }\n\n    .service-detail {\n        font-size: 10px;\n        color: #777;\n        line-height: 1.4;\n    }\n\n    \/* \u3010\u30b9\u30de\u30db\u5c02\u7528\uff1a3\u5217\u3092\u6b7b\u5b88\u3059\u308b\u8a2d\u5b9a\u3011 *\/\n    @media (max-width: 768px) {\n        .hero-lead-text { \n            font-size: 14px; \n            margin-bottom: 15px;\n        }\n\n        .hero-flex-row {\n            gap: 5px; \/* \u3055\u3089\u306b\u9699\u9593\u3092\u8a70\u3081\u308b *\/\n        }\n\n        .service-txt {\n            font-size: 9px; \/* 3\u5217\u7dad\u6301\u306e\u305f\u3081\u30b5\u30a4\u30ba\u30c0\u30a6\u30f3 *\/\n            letter-spacing: -0.05em; \/* \u6587\u5b57\u9593\u3092\u8a70\u3081\u3066\u53ce\u3081\u308b *\/\n        }\n\n        .service-detail {\n            font-size: 8px; \/* \u8a73\u7d30\u3082\u6700\u5c0f\u30b5\u30a4\u30ba\u306b *\/\n            line-height: 1.2;\n            transform: scale(0.9); \/* \u7269\u7406\u7684\u306b\u5c11\u3057\u7e2e\u5c0f *\/\n            transform-origin: left top;\n        }\n\n        .hero-col span {\n            font-size: 8px;\n        }\n    }\n<\/style>\n\n<div class=\"ultra-slim-hero\">\n    <div class=\"hero-lead-text\">\n        Microsoft 365\u306e\u4fa1\u5024\u3092\u6700\u5927\u5316\u3057\u3001<br>\n        \u30d3\u30b8\u30cd\u30b9\u306e\u6210\u9577\u3092\u52a0\u901f\u3055\u305b\u308b\u3002\n    <\/div>\n\n    <div class=\"hero-flex-row\">\n        <div class=\"hero-col\">\n            <span>Communication<\/span>\n            <div class=\"service-txt\">Exchange\/Teams<\/div>\n            <div class=\"service-detail\">\u8981\u4ef6\u5b9a\u7fa9\u30fb\u79fb\u884c\u8a2d\u8a08<\/div>\n        <\/div>\n\n        <div class=\"hero-col\">\n            <span>Security<\/span>\n            <div class=\"service-txt\">Security\/Gov<\/div>\n            <div class=\"service-detail\">EDR\u5c0e\u5165\u30fb\u6f0f\u6d29\u5bfe\u7b56<\/div>\n        <\/div>\n\n        <div class=\"hero-col\">\n            <span>Development<\/span>\n            <div class=\"service-txt\">DX\/Maintenance<\/div>\n            <div class=\"service-detail\">API\u9023\u643a\u30fb\u904b\u7528\u4fdd\u5b88<\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-8a2b1b76 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-2bf980eb wp-block-group-is-layout-constrained\">\n<p class=\"has-text-align-center has-system-serif-font-family wp-block-paragraph\">\u4f01\u696d\u306e\u30e1\u30fc\u30eb\u3084\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u306a\u3069\u30a4\u30f3\u30d5\u30e9\u3092\u30c8\u30fc\u30bf\u30eb\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0<\/p>\n\n\n\n<p class=\"has-text-align-center has-system-serif-font-family wp-block-paragraph\">\u5c0e\u5165\u30fb\u8a2d\u8a08\u30fb\u69cb\u7bc9\u30fb\u904b\u7528\u306f\u5f53\u793e\u3078\u304a\u4efb\u305b\u304f\u3060\u3055\u3044\u3002<\/p>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-2bf980eb wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-0aa01211 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\">About us<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image alignwide size-full is-style-rounded is-style-rounded--1\"><img decoding=\"async\" src=\"https:\/\/iris-consulting.co.jp\/wp-content\/themes\/twentytwentyfour\/assets\/images\/building-exterior.webp\" alt=\"Building exterior in Toronto, Canada\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-gradient-1-gradient-background has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--30)\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@1,300&#038;family=Noto+Serif+JP:wght@300;600&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n    .noble-vision-section {\n        padding: 40px 0;\n        background-color: transparent !important;\n        font-family: 'Noto Serif JP', serif;\n        color: #1a1a1a;\n        position: relative;\n    }\n\n    .noble-container {\n        max-width: 1000px;\n        margin: 0 auto;\n        padding: 0 6%;\n        position: relative;\n        z-index: 2;\n    }\n\n    \/* \u30d3\u30b8\u30e7\u30f3\u30fb\u30b9\u30c6\u30fc\u30c8\u30e1\u30f3\u30c8\u3092\u5f37\u8abf *\/\n    .noble-top-message {\n        font-size: clamp(18px, 2.5vw, 26px);\n        line-height: 1.6;\n        font-weight: 600;\n        color: #002d5e;\n        margin-bottom: 40px;\n        text-align: center;\n    }\n\n    \/* \u56f3\u89e3\u98a8\u306e3\u30ab\u30e9\u30e0\u30ec\u30a4\u30a2\u30a6\u30c8 *\/\n    .vision-steps {\n        display: flex;\n        justify-content: space-between;\n        gap: 20px;\n        margin-bottom: 40px;\n    }\n\n    .vision-step-item {\n        flex: 1;\n        background: rgba(194, 169, 144, 0.05);\n        padding: 25px 20px;\n        border-top: 3px solid #c2a990;\n        text-align: center;\n    }\n\n    .step-number {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 24px;\n        color: #c2a990;\n        display: block;\n        margin-bottom: 10px;\n    }\n\n    .step-title {\n        font-weight: 600;\n        font-size: 16px;\n        margin-bottom: 10px;\n        display: block;\n        color: #111;\n    }\n\n    .step-desc {\n        font-size: 13px;\n        line-height: 1.6;\n        color: #555;\n    }\n\n    .noble-bottom-text {\n        font-size: 15px;\n        line-height: 1.8;\n        text-align: center;\n        color: #333;\n        border-top: 1px solid #eee;\n        padding-top: 30px;\n    }\n\n    @media (max-width: 768px) {\n        .vision-steps { flex-direction: column; }\n        .noble-top-message { text-align: left; }\n    }\n<\/style>\n\n<section class=\"noble-vision-section\">\n    <div class=\"noble-container\">\n        <h2 class=\"noble-top-message\">\n            \u8907\u96d1\u306a\u30a4\u30f3\u30d5\u30e9\u3092\u3001<br>\u7d4c\u55b6\u3092\u52a0\u901f\u3055\u305b\u308b\u300c\u63fa\u308b\u304e\u306a\u3044\u57fa\u76e4\u300d\u3078\u3002\n        <\/h2>\n\n        <div class=\"vision-steps\">\n            <div class=\"vision-step-item\">\n                <span class=\"step-number\">01. Build<\/span>\n                <span class=\"step-title\">\u69cb\u7bc9\u30fb\u79fb\u884c<\/span>\n                <p class=\"step-desc\">40\u5e74\u306e\u77e5\u898b\u3067\u3001\u8907\u96d1\u306a\u8a2d\u5b9a\u306e\u9699\u3092\u306a\u304f\u3057\u3001\u6700\u77ed\u8ddd\u96e2\u3067\u6700\u9069\u306a\u74b0\u5883\u3092\u69cb\u7bc9\u3002<\/p>\n            <\/div>\n            <div class=\"vision-step-item\">\n                <span class=\"step-number\">02. Protect<\/span>\n                <span class=\"step-title\">\u5b88\u308a\u30fb\u904b\u7528<\/span>\n                <p class=\"step-desc\">\u8cb4\u793e\u306e\u30d3\u30b8\u30e7\u30f3\u306e\u30b9\u30d4\u30fc\u30c9\u306b\u5408\u308f\u305b\u3001\u30a4\u30f3\u30d5\u30e9\u3092\u592a\u304f\u3001\u5f37\u304f\u3001\u5b89\u5168\u306b\u6574\u3048\u7d9a\u3051\u308b\u3002<\/p>\n            <\/div>\n            <div class=\"vision-step-item\">\n                <span class=\"step-number\">03. Support<\/span>\n                <span class=\"step-title\">\u4f34\u8d70\u30fb\u5229\u6d3b\u7528<\/span>\n                <p class=\"step-desc\">\u5358\u306a\u308b\u5c0e\u5165\u3067\u7d42\u308f\u3089\u305a\u3001\u73fe\u5834\u304c\u4f7f\u3044\u3053\u306a\u3057\u3001\u6210\u679c\u3092\u51fa\u3059\u307e\u3067\u30c8\u30fc\u30bf\u30eb\u306b\u652f\u63f4\u3002<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"noble-bottom-text\">\n            \u79c1\u305f\u3061\u306f\u3001Exchange Online\u306e\u3059\u3079\u3066\u3092\u652f\u3048\u308b\u4f34\u8d70\u578b\u30d1\u30fc\u30c8\u30ca\u30fc\u3067\u3059\u3002<br>\n            40\u5e74\u306b\u308f\u305f\u308b\u5b9f\u52d9\u77e5\u898b\u3092\u6b66\u5668\u306b\u3001\u7d44\u7e54\u304c\u5b89\u5fc3\u3057\u3066\u6311\u6226\u3067\u304d\u308b\u672a\u6765\u3092\u5275\u308a\u307e\u3059\u3002\n        <\/div>\n    <\/div>\n<\/section>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-base-background-color has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Serif+JP:wght@300;600&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n    .visual-problem-section {\n        padding: 50px 0;\n        background-color: #ffffff;\n        font-family: 'Noto Serif JP', serif;\n        color: #1a1a1a;\n    }\n\n    .visual-problem-container {\n        max-width: 1020px;\n        margin: 0 auto;\n        padding: 0 4%;\n    }\n\n    .visual-problem-header {\n        text-align: center;\n        margin-bottom: 50px;\n    }\n\n    .visual-problem-title {\n        font-size: clamp(22px, 3vw, 28px);\n        font-weight: 600;\n        color: #002d5e;\n        position: relative;\n        display: inline-block;\n        padding-bottom: 15px;\n    }\n\n    .visual-problem-title::after {\n        content: '';\n        position: absolute;\n        bottom: 0;\n        left: 25%;\n        width: 50%;\n        height: 2px;\n        background: #c2a990;\n    }\n\n    .visual-problem-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 25px;\n    }\n\n    .visual-problem-item {\n        padding: 40px 25px;\n        background-color: #fcfcfc;\n        border: 1px solid #eee;\n        text-align: center;\n        transition: all 0.3s ease;\n        border-radius: 2px;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        box-sizing: border-box;\n    }\n\n    .visual-problem-item:hover {\n        border-color: #c2a990;\n        transform: translateY(-8px);\n        background-color: #fff;\n        box-shadow: 0 15px 40px rgba(0, 0, 0, 0.05);\n    }\n\n    \/* \u30a2\u30a4\u30b3\u30f3\u306e\u30b9\u30bf\u30a4\u30eb\u8a2d\u5b9a *\/\n    .problem-icon-svg {\n        width: 45px;\n        height: 45px;\n        fill: #c2a990; \/* \u30a2\u30a4\u30b3\u30f3\u306e\u8272 *\/\n        margin-bottom: 20px;\n    }\n\n    .problem-label {\n        font-size: 11px;\n        color: #aaa;\n        display: block;\n        margin-bottom: 8px;\n        letter-spacing: 0.15em;\n    }\n\n    .problem-lead {\n        font-size: 16px;\n        font-weight: 600;\n        margin-bottom: 12px;\n        color: #111;\n    }\n\n    .problem-desc {\n        font-size: 13px;\n        line-height: 1.6;\n        color: #666;\n        margin: 0;\n    }\n\n    @media (max-width: 960px) {\n        .visual-problem-grid { grid-template-columns: 1fr 1fr; }\n    }\n\n    @media (max-width: 600px) {\n        .visual-problem-grid { grid-template-columns: 1fr; gap: 15px; }\n        .visual-problem-item { padding: 30px 20px; }\n    }\n<\/style>\n\n<section class=\"visual-problem-section\">\n    <div class=\"visual-problem-container\">\n        <div class=\"visual-problem-header\">\n            <h2 class=\"visual-problem-title\">\u3053\u306e\u3088\u3046\u306a\u304a\u60a9\u307f\u306f\u3054\u3056\u3044\u307e\u305b\u3093\u304b\uff1f<\/h2>\n        <\/div>\n\n        <div class=\"visual-problem-grid\">\n            \n            <div class=\"visual-problem-item\">\n                <svg class=\"problem-icon-svg\" viewBox=\"0 0 24 24\"><path d=\"M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z\"\/><\/svg>\n                <span class=\"problem-label\">01 \/ MIGRATION<\/span>\n                <h3 class=\"problem-lead\">\u30aa\u30f3\u30d7\u30ec\u30df\u30b9\u304b\u3089\u306e\u79fb\u884c<\/h3>\n                <p class=\"problem-desc\">\u696d\u52d9\u3092\u6b62\u3081\u306a\u3044\u305f\u3081\u306e\u30ed\u30fc\u30c9\u30de\u30c3\u30d7\u7b56\u5b9a\u304c\u56f0\u96e3\u3002<\/p>\n            <\/div>\n\n            <div class=\"visual-problem-item\">\n                <svg class=\"problem-icon-svg\" viewBox=\"0 0 24 24\"><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z\"\/><\/svg>\n                <span class=\"problem-label\">02 \/ SECURITY<\/span>\n                <h3 class=\"problem-lead\">\u9ad8\u5ea6\u306a\u8105\u5a01\u3078\u306e\u9632\u5fa1<\/h3>\n                <p class=\"problem-desc\">\u6a19\u6e96\u6a5f\u80fd\u3060\u3051\u3067\u306f\u4e0d\u5341\u5206\u306a\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u30ec\u30d9\u30eb\u306e\u5f37\u5316\u3002<\/p>\n            <\/div>\n\n            <div class=\"visual-problem-item\">\n                <svg class=\"problem-icon-svg\" viewBox=\"0 0 24 24\"><path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4zm6.21-1.93l1.41-1.41-1.41-1.41-1.41 1.41c-.42-.25-.88-.45-1.37-.58l-.03-2h-2l-.03 2c-.49.13-.95.33-1.37.58l-1.41-1.41-1.41 1.41 1.41 1.41c-.25.42-.45.88-.58 1.37l-2 .03v2l2 .03c.13.49.33.95.58 1.37l-1.41 1.41 1.41 1.41 1.41-1.41c.42.25.88.45 1.37.58l.03 2h2l.03-2c.49-.13.95-.33 1.37-.58l1.41 1.41 1.41-1.41-1.41-1.41c.25-.42.45-.88.58-1.37l2-.03v-2l-2-.03c-.13-.49-.33-.95-.58-1.37z\"\/><\/svg>\n                <span class=\"problem-label\">03 \/ OPERATION<\/span>\n                <h3 class=\"problem-lead\">\u7ba1\u7406\u8005\u306e\u904b\u7528\u8ca0\u8377\u8efd\u6e1b<\/h3>\n                <p class=\"problem-desc\">\u7169\u96d1\u306aID\u7ba1\u7406\u306b\u8ffd\u308f\u308c\u3001\u6226\u7565\u7684\u306aIT\u6295\u8cc7\u306b\u6642\u9593\u3092\u5272\u3051\u306a\u3044\u3002<\/p>\n            <\/div>\n\n            <div class=\"visual-problem-item\">\n                <svg class=\"problem-icon-svg\" viewBox=\"0 0 24 24\"><path d=\"M20 6h-8l-2-2H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 12H4V8h16v10zM7 10h10v2H7v-2zm0 4h7v2H7v-2z\"\/><\/svg>\n                <span class=\"problem-label\">04 \/ COMPLIANCE<\/span>\n                <h3 class=\"problem-lead\">\u30c7\u30fc\u30bf\u4fdd\u6301\u3068\u76e3\u67fb\u5bfe\u5fdc<\/h3>\n                <p class=\"problem-desc\">\u6cd5\u898f\u5236\u306b\u6e96\u3058\u305f\u30a2\u30fc\u30ab\u30a4\u30d6\u3084BCP\u5bfe\u7b56\u306e\u30d0\u30c3\u30af\u30a2\u30c3\u30d7\u304c\u4e0d\u900f\u660e\u3002<\/p>\n            <\/div>\n\n            <div class=\"visual-problem-item\">\n                <svg class=\"problem-icon-svg\" viewBox=\"0 0 24 24\"><path d=\"M16 6l2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4 6.3-6.29L22 12V6z\"\/><\/svg>\n                <span class=\"problem-label\">05 \/ ADOPTION<\/span>\n                <h3 class=\"problem-lead\">\u30e9\u30a4\u30bb\u30f3\u30b9\u6a5f\u80fd\u306e\u6d3b\u7528<\/h3>\n                <p class=\"problem-desc\">\u9ad8\u6a5f\u80fd\u30d7\u30e9\u30f3\u3092\u5951\u7d04\u3057\u3066\u3044\u308b\u304c\u3001\u793e\u5185\u3078\u306e\u6d3b\u7528\u304c\u672a\u6d78\u900f\u3002<\/p>\n            <\/div>\n\n            <div class=\"visual-problem-item\">\n                <svg class=\"problem-icon-svg\" viewBox=\"0 0 24 24\"><path d=\"M12 2L4.5 20.29l.71.71L12 18l6.79 3 .71-.71z\"\/><\/svg>\n                <span class=\"problem-label\">06 \/ GOVERNANCE<\/span>\n                <h3 class=\"problem-lead\">\u7ba1\u7406\u30eb\u30fc\u30eb\u306e\u6700\u9069\u5316<\/h3>\n                <p class=\"problem-desc\">\u6a29\u9650\u8a2d\u5b9a\u3084\u30a2\u30ab\u30a6\u30f3\u30c8\u7ba1\u7406\u30d5\u30ed\u30fc\u304c\u78ba\u7acb\u3055\u308c\u305a\u3001\u7d71\u5236\u304c\u4f4e\u4e0b\u3002<\/p>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/icon?family=Material+Icons+Outlined\" rel=\"stylesheet\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@1,300&#038;family=Noto+Serif+JP:wght@300;600&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n    .grid-service-section {\n        padding: 40px 0;\n        background: transparent !important;\n        font-family: 'Noto Serif JP', serif;\n        color: #1a1a1a;\n    }\n\n    .grid-container {\n        max-width: 900px; \/* 2\u3064\u4e26\u3073\u306b\u6700\u9069\u306a\u5e45 *\/\n        margin: 0 auto;\n        padding: 0 4%;\n    }\n\n    .grid-header {\n        text-align: center;\n        margin-bottom: 40px;\n    }\n\n    .grid-header h2 {\n        font-size: 26px;\n        font-weight: 600;\n        letter-spacing: 0.15em;\n        color: #002d5e;\n        margin-bottom: 8px;\n    }\n\n    .grid-header p {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 15px;\n        font-style: italic;\n        color: #c2a990;\n    }\n\n    \/* --- PC\uff1a2\u30ab\u30e9\u30e0\u30b0\u30ea\u30c3\u30c9 --- *\/\n    .service-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr; \/* 2\u679a\u305a\u3064\u4e26\u3079\u308b *\/\n        gap: 30px; \/* \u30ab\u30fc\u30c9\u540c\u58eb\u306e\u9699\u9593 *\/\n    }\n\n    .service-card {\n        display: flex;\n        align-items: flex-start;\n        gap: 20px;\n        background: #fff;\n        padding: 25px;\n        border-radius: 8px;\n        border: 1px solid #f0f0f0;\n        box-shadow: 0 4px 12px rgba(0,0,0,0.03);\n        transition: transform 0.3s ease, border-color 0.3s ease;\n    }\n\n    .service-card:hover {\n        transform: translateY(-5px);\n        border-color: #c2a990;\n        box-shadow: 0 8px 20px rgba(194, 169, 144, 0.15);\n    }\n\n    \/* \u30a2\u30a4\u30b3\u30f3\u67a0 *\/\n    .card-visual {\n        flex: 0 0 50px; \/* \u30b3\u30f3\u30d1\u30af\u30c8\u306b\u56fa\u5b9a *\/\n    }\n\n    .card-icon {\n        font-family: 'Material Icons Outlined';\n        font-size: 32px;\n        color: #c2a990;\n        display: block;\n    }\n\n    \/* \u30b3\u30f3\u30c6\u30f3\u30c4 *\/\n    .card-content {\n        flex: 1;\n    }\n\n    .card-tag {\n        font-size: 16px;\n        font-weight: 600;\n        color: #000;\n        margin-bottom: 12px;\n        display: block;\n        border-bottom: 1px solid #c2a990;\n        padding-bottom: 5px;\n        width: fit-content;\n    }\n\n    .card-list {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n    }\n\n    .card-list li {\n        font-size: 13px;\n        font-weight: 300;\n        line-height: 1.6;\n        margin-bottom: 6px;\n        color: #555;\n        position: relative;\n        padding-left: 1em;\n    }\n\n    .card-list li::before {\n        content: \"\u30fb\";\n        position: absolute;\n        left: 0;\n        color: #c2a990;\n    }\n\n    \/* --- \u30b9\u30de\u30db\u5c02\u7528\uff1a\u7e261\u5217\u306b\u5207\u308a\u66ff\u3048 --- *\/\n    @media (max-width: 768px) {\n        .service-grid {\n            grid-template-columns: 1fr; \/* 1\u5217\u306b\u3059\u308b *\/\n            gap: 20px;\n        }\n\n        .service-card {\n            padding: 20px;\n            gap: 15px;\n        }\n\n        .card-visual {\n            flex: 0 0 40px;\n        }\n\n        .card-icon {\n            font-size: 28px;\n        }\n\n        .card-tag {\n            font-size: 14px;\n        }\n\n        .card-list li {\n            font-size: 11px;\n        }\n    }\n<\/style>\n\n<section class=\"grid-service-section\">\n    <div class=\"grid-container\">\n        \n        <div class=\"grid-header\">\n            <h2>\u4e3b\u306a\u30b5\u30fc\u30d3\u30b9\u7d39\u4ecb<\/h2>\n            <p>Our Solutions<\/p>\n        <\/div>\n\n        <div class=\"service-grid\">\n            <div class=\"service-card\">\n                <div class=\"card-visual\">\n                    <span class=\"card-icon\">laptop_mac<\/span>\n                <\/div>\n                <div class=\"card-content\">\n                    <span class=\"card-tag\">M365 \u30a2\u30d7\u30ea<\/span>\n                    <ul class=\"card-list\">\n                        <li>\u6700\u65b0Office\u3092\u5404\u30c7\u30d0\u30a4\u30b9\u306b\u5c0e\u5165<\/li>\n                        <li>1\u30e6\u30fc\u30b6\u30fc\u6700\u592715\u53f0\u307e\u3067\u5229\u7528\u53ef\u80fd<\/li>\n                        <li>\u30af\u30e9\u30a6\u30c9\u3067\u306e\u5b89\u5168\u306a\u5171\u6709\u3092\u5b9f\u73fe<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n\n            <div class=\"service-card\">\n                <div class=\"card-visual\">\n                    <span class=\"card-icon\">mail_outline<\/span>\n                <\/div>\n                <div class=\"card-content\">\n                    <span class=\"card-tag\">Exchange Online<\/span>\n                    <ul class=\"card-list\">\n                        <li>\u30e1\u30fc\u30eb\u30fb\u4e88\u5b9a\u3092\u5168\u30c7\u30d0\u30a4\u30b9\u540c\u671f<\/li>\n                        <li>\u6700\u5927100GB\u306e\u5927\u5bb9\u91cf\u3067\u30a8\u30e9\u30fc\u89e3\u6d88<\/li>\n                        <li>\u9ad8\u5ea6\u306a\u4fdd\u6301\u3067\u6cd5\u52d9\u5bfe\u5fdc\u3082\u5b89\u5fc3<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n\n            <div class=\"service-card\">\n                <div class=\"card-visual\">\n                    <span class=\"card-icon\">hub<\/span>\n                <\/div>\n                <div class=\"card-content\">\n                    <span class=\"card-tag\">SharePoint Online<\/span>\n                    <ul class=\"card-list\">\n                        <li>\u793e\u5185\u30dd\u30fc\u30bf\u30eb\u3067\u60c5\u5831\u306e\u4e00\u5143\u5316<\/li>\n                        <li>\u6a29\u9650\u7ba1\u7406\u3068\u30c1\u30fc\u30e0\u5185\u540c\u6642\u7de8\u96c6<\/li>\n                        <li>\u696d\u52d9\u30a2\u30d7\u30ea\u69cb\u7bc9\u3068\u30c6\u30f3\u30d7\u30ec\u6d3b\u7528<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n\n            <div class=\"service-card\">\n                <div class=\"card-visual\">\n                    <span class=\"card-icon\">groups<\/span>\n                <\/div>\n                <div class=\"card-content\">\n                    <span class=\"card-tag\">Teams<\/span>\n                    <ul class=\"card-list\">\n                        <li>\u30c1\u30e3\u30c3\u30c8\u30fb\u901a\u8a71\u306b\u3088\u308b\u5373\u6642\u9023\u643a<\/li>\n                        <li>\u5728\u5e2d\u78ba\u8a8d\u304b\u3089\u306e\u30b9\u30e0\u30fc\u30ba\u306a\u30b3\u30e9\u30dc<\/li>\n                        <li>\u753b\u9762\u5171\u6709\u3084\u9332\u753b\u3067\u306e\u77e5\u898b\u84c4\u7a4d<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n<\/div>\n\n\n\n<div class=\"wp-block-cover alignfull is-light has-parallax\" style=\"padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50);min-height:541px;aspect-ratio:unset;\"><div class=\"wp-block-cover__image-background wp-image-52 size-large has-parallax\" style=\"background-position:50% 50%;background-image:url(https:\/\/iris-consulting.co.jp\/wp-content\/uploads\/2026\/04\/pexels-anna-nekrashevich-8055243-1-576x1024.jpg)\"><\/div><span aria-hidden=\"true\" class=\"wp-block-cover__background has-base-background-color has-background-dim-0 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Serif+JP:wght@300;600;700&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n    \/* \u30bb\u30af\u30b7\u30e7\u30f3\u5168\u4f53\uff1a\u4e0a\u4e0b\u4f59\u767d\u3092\u6700\u5c0f\u5316 *\/\n    .transparent-strength-section {\n        padding: 30px 0; \/* 60px\u304b\u3089\u77ed\u7e2e *\/\n        background: transparent !important; \n        font-family: 'Noto Serif JP', serif;\n        color: #1a1a1a;\n        line-height: 1.5; \/* \u884c\u9593\u3092\u8a70\u3081\u3001\u30b7\u30e3\u30fc\u30d7\u306b *\/\n    }\n\n    .strength-container {\n        max-width: 1100px;\n        margin: 0 auto;\n        padding: 0 4%;\n    }\n\n    .strength-header {\n        margin-bottom: 30px; \/* \u4f59\u767d\u3092\u534a\u5206\u306b *\/\n        text-align: left;\n    }\n\n    .strength-sub-title {\n        display: block;\n        font-size: 14px;\n        font-weight: 600;\n        color: #c2a990;\n        letter-spacing: 0.1em;\n        margin-bottom: 5px;\n    }\n\n    .strength-main-title {\n        font-size: clamp(22px, 3vw, 30px);\n        font-weight: 700;\n        line-height: 1.3;\n        letter-spacing: 0.05em;\n        margin: 0 0 15px 0;\n    }\n\n    .strength-intro-text {\n        font-size: 15px;\n        font-weight: 300;\n        max-width: 800px;\n        color: #333;\n        line-height: 1.6;\n    }\n\n    \/* \u30b0\u30ea\u30c3\u30c9 *\/\n    .strength-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 30px; \/* \u9699\u9593\u3092\u8a70\u3081\u308b *\/\n        margin-top: 30px;\n    }\n\n    .strength-card {\n        position: relative;\n        padding-left: 15px;\n        border-left: 1px solid rgba(194, 169, 144, 0.5);\n    }\n\n    .strength-card-title {\n        font-size: 18px;\n        font-weight: 600;\n        margin-bottom: 8px;\n        color: #000;\n    }\n\n    .strength-card-desc {\n        font-size: 14px;\n        font-weight: 300;\n        color: #444;\n        line-height: 1.6;\n        text-align: justify;\n    }\n\n    \/* --- \u30b9\u30de\u30db\u5c02\u7528\uff1a\u3055\u3089\u306b\u51dd\u7e2e\u3057\u3066\u7e26\u9577\u611f\u3092\u89e3\u6d88 --- *\/\n    @media (max-width: 768px) {\n        .transparent-strength-section { padding: 20px 0; }\n        \n        .strength-container { padding: 0 15px; }\n        \n        .strength-header { margin-bottom: 20px; }\n        \n        .strength-main-title { \n            font-size: 19px; \n            margin-bottom: 10px;\n        }\n\n        .strength-intro-text { \n            font-size: 13px; \n            line-height: 1.5;\n        }\n\n        .strength-grid { \n            gap: 20px; \/* \u30ab\u30fc\u30c9\u9593\u306e\u8ddd\u96e2\u3092\u5927\u5e45\u77ed\u7e2e *\/\n            margin-top: 20px;\n        }\n\n        .strength-card { \n            padding-left: 12px;\n        }\n\n        .strength-card-title { \n            font-size: 16px; \n            margin-bottom: 5px; \n        }\n\n        .strength-card-desc { \n            font-size: 12.5px; \n            line-height: 1.5;\n        }\n    }\n<\/style>\n\n<section class=\"transparent-strength-section\">\n    <div class=\"strength-container\">\n        <div class=\"strength-header\">\n            <span class=\"strength-sub-title\">\u6700\u77ed\u8ddd\u96e2\u3067\u3001\u6700\u9069\u89e3\u3078\u3002<\/span>\n            <h2 class=\"strength-main-title\">30\u5e74\u306e\u77e5\u898b\u304c\u5b9f\u73fe\u3059\u308b<br>\u300c\u73fe\u5834\u81f3\u4e0a\u4e3b\u7fa9\u300d\u306e\u30a4\u30f3\u30d5\u30e9\u652f\u63f4<\/h2>\n            <p class=\"strength-intro-text\">\n                30\u5e74\u306b\u308f\u305f\u308b\u73fe\u5834\u7d4c\u9a13\u306b\u57fa\u3065\u304d\u3001\u8cb4\u793e\u306b\u3068\u3063\u3066\u306e<strong>\u300c\u6700\u77ed\u8ddd\u96e2\u306e\u6295\u8cc7\u300d<\/strong>\u3092\u5c0e\u304d\u51fa\u3057\u307e\u3059\u3002\n            <\/p>\n        <\/div>\n\n        <div class=\"strength-grid\">\n            <div class=\"strength-card\">\n                <h3 class=\"strength-card-title\">\u6700\u77ed\u8ddd\u96e2\u306e\u6295\u8cc7<\/h3>\n                <p class=\"strength-card-desc\">\u904e\u5270\u306a\u5de5\u6570\u3092\u524a\u304e\u843d\u3068\u3057\u3001\u8ab2\u984c\u89e3\u6c7a\u306b\u76f4\u7d50\u3059\u308b\u8a2d\u5b9a\u3092\u53b3\u9078\u3002\u30b9\u30ea\u30e0\u306a\u30b3\u30b9\u30c8\u3067\u300c\u73fe\u5834\u304c\u52d5\u304f\u74b0\u5883\u300d\u3092\u6574\u3048\u307e\u3059\u3002<\/p>\n            <\/div>\n            <div class=\"strength-card\">\n                <h3 class=\"strength-card-title\">\u5373\u6226\u529b\u306e\u6a5f\u52d5\u529b<\/h3>\n                <p class=\"strength-card-desc\">\u30c8\u30e9\u30d6\u30eb\u5bfe\u5fdc\u306e\u77e5\u898b\u304b\u3089\u706b\u7a2e\u3092\u77ac\u6642\u306b\u7279\u5b9a\u3002\u6b63\u89e3\u3092\u719f\u77e5\u3057\u3066\u3044\u308b\u304b\u3089\u3053\u305d\u53ef\u80fd\u306a\u300c\u5373\u5fdc\u4f53\u5236\u300d\u304c\u5f37\u307f\u3067\u3059\u3002<\/p>\n            <\/div>\n            <div class=\"strength-card\">\n                <h3 class=\"strength-card-title\">\u73fe\u5834\u3092\u77e5\u308b\u67d4\u8edf\u6027<\/h3>\n                <p class=\"strength-card-desc\">\u696d\u7a2e\u3054\u3068\u306e\u4e8b\u60c5\u3092\u7406\u89e3\u3057\u3001\u7d44\u7e54\u6587\u5316\u306b\u81ea\u7136\u3068\u99b4\u67d3\u3080\u3001\u8840\u306e\u901a\u3063\u305f\u30a4\u30f3\u30d5\u30e9\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-base-2-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-af3670d6 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)\">\n<div class=\"wp-block-group alignwide is-layout-flow wp-block-group-is-layout-flow\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Serif+JP:wght@300;600&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n    .message-section {\n        padding: 30px 0; \/* 100px\u304b\u308930px\u3078\u5927\u5e45\u77ed\u7e2e *\/\n        background: transparent !important;\n        font-family: 'Noto Serif JP', serif;\n        color: #1a1a1a;\n        line-height: 1.8; \/* \u884c\u9593\u3082\u5c11\u3057\u8a70\u3081\u6c17\u5473\u306b *\/\n    }\n\n    .message-container {\n        max-width: 900px;\n        margin: 0 auto;\n        padding: 0 6%;\n    }\n\n    \/* \u30ad\u30e3\u30c3\u30c1\u30b3\u30d4\u30fc\uff1a\u4e0a\u4e0b\u306e\u30de\u30fc\u30b8\u30f3\u3092\u5727\u7e2e *\/\n    .message-catch {\n        font-size: clamp(20px, 3.2vw, 28px); \/* \u5c11\u3057\u30b5\u30a4\u30ba\u3092\u7d5e\u3063\u30661\u753b\u9762\u3078\u306e\u53ce\u307e\u308a\u3092\u512a\u5148 *\/\n        font-weight: 600;\n        letter-spacing: 0.1em;\n        margin-top: 0;\n        margin-bottom: 25px; \/* 60px\u304b\u3089\u5927\u5e45\u6e1b *\/\n        line-height: 1.5;\n        text-align: left;\n    }\n\n    .message-catch span {\n        display: block;\n    }\n\n    \/* \u672c\u6587\uff1a\u6bb5\u843d\u9593\u306e\u4f59\u767d\u3092\u30bf\u30a4\u30c8\u306b *\/\n    .message-body {\n        font-size: 15px; \/* 16px\u304b\u3089\u5fae\u8abf\u6574 *\/\n        font-weight: 300;\n        letter-spacing: 0.05em;\n        color: #333;\n        text-align: justify;\n    }\n\n    .message-paragraph {\n        margin-bottom: 15px; \/* 40px\u304b\u3089\u5927\u5e45\u6e1b *\/\n    }\n\n    .message-paragraph:last-child {\n        margin-bottom: 0;\n    }\n\n    .text-emphasis {\n        font-weight: 600;\n        color: #000;\n    }\n\n    \/* \u30b9\u30de\u30db\u7528\uff1a\u3055\u3089\u306b\u51dd\u7e2e *\/\n    @media (max-width: 768px) {\n        .message-section { padding: 20px 0; }\n        .message-catch { \n            font-size: 19px; \n            margin-bottom: 20px; \n            letter-spacing: 0.05em;\n        }\n        .message-body { \n            font-size: 14px; \n            line-height: 1.7; \n        }\n        .message-paragraph { margin-bottom: 12px; }\n    }\n<\/style>\n\n<section class=\"message-section\">\n    <div class=\"message-container\">\n        \n        <h2 class=\"message-catch\">\n            <span>\u300c\u305d\u306e\u30a4\u30f3\u30d5\u30e9\u8a08\u753b\u306b\u3001<\/span>\n            <span>30\u5e74\u306e\u5b9f\u52d9\u77e5\u898b\u3092\u6bd4\u8f03\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u300d<\/span>\n        <\/h2>\n\n        <div class=\"message-body\">\n            <p class=\"message-paragraph\">\n                \u672c\u683c\u7684\u306a\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u5316\u306e\u524d\u3067\u3082\u3001\u73fe\u5728\u306e\u904b\u7528\u306b\u5bfe\u3059\u308b\u5c0f\u3055\u306a\u9055\u548c\u611f\u3084\u3001\u4ed6\u793e\u3068\u306e\u6bd4\u8f03\u691c\u8a0e\u6bb5\u968e\u3067\u306e\u3054\u76f8\u8ac7\u3092\u771f\u646f\u306b\u627f\u308a\u307e\u3059\u3002\n            <\/p>\n            \n            <p class=\"message-paragraph\">\n                <span class=\"text-emphasis\">30\u5e74\u306b\u308f\u305f\u308a\u73fe\u5834\u3068\u5411\u304d\u5408\u3063\u3066\u304d\u305f\u304b\u3089\u3053\u305d<\/span>\u63d0\u793a\u3067\u304d\u308b\u300c\u6700\u77ed\u8ddd\u96e2\u306e\u6295\u8cc7\u300d\u304c\u6700\u9069\u304b\u3069\u3046\u304b\u3092\u3001\u305c\u3072\u5bfe\u8a71\u3092\u901a\u3058\u3066\u304a\u78ba\u304b\u3081\u304f\u3060\u3055\u3044\u3002\n            <\/p>\n\n            <p class=\"message-paragraph\">\n                \u6f20\u7136\u3068\u3057\u305f\u4e0d\u5b89\u3092\u89e3\u6d88\u3057\u3001\u8cb4\u793e\u306e\u610f\u601d\u6c7a\u5b9a\u3092\u52a0\u901f\u3055\u305b\u308b\u4e00\u52a9\u3068\u306a\u308b\u3053\u3068\u304c\u3001\u79c1\u305f\u3061\u306e\u7b2c\u4e00\u6b69\u3067\u3059\u3002\n            <\/p>\n        <\/div>\n\n    <\/div>\n<\/section>\n<\/div>\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@1,300&#038;family=Noto+Serif+JP:wght@300;600&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n    .architect-flow-section {\n        padding: 40px 0;\n        background: transparent !important;\n        font-family: 'Noto Serif JP', serif;\n        color: #1a1a1a;\n        overflow-x: hidden; \/* \u306f\u307f\u51fa\u3057\u306b\u3088\u308b\u53f3\u5bc4\u308a\u3092\u9632\u6b62 *\/\n    }\n\n    .flow-inner {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 4%;\n        box-sizing: border-box;\n    }\n\n    .flow-header {\n        text-align: center;\n        margin-bottom: 50px;\n    }\n\n    .flow-header h2 {\n        font-size: clamp(24px, 3.5vw, 30px);\n        font-weight: 600;\n        letter-spacing: 0.2em;\n        color: #001f3f;\n        margin-bottom: 8px;\n    }\n\n    .flow-header p {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 16px;\n        font-style: italic;\n        color: #c2a990;\n        letter-spacing: 0.15em;\n    }\n\n    \/* \u6a2a\u4e26\u3073\uff1a\u30b9\u30de\u30db\u3067\u53f3\u5bc4\u308a\u306b\u306a\u3089\u306a\u3044\u3088\u3046\n       width: 100% \u3068 margin: 0 auto \u3092\u660e\u793a \n    *\/\n    .flow-grid {\n        display: flex !important;\n        flex-direction: row !important;\n        justify-content: space-between;\n        align-items: flex-start;\n        position: relative;\n        width: 100%;\n        margin: 0;\n        padding: 0;\n    }\n\n    .flow-item {\n        flex: 1;\n        position: relative;\n        text-align: center;\n        padding: 0 5px; \/* \u4f59\u767d\u3092\u8a70\u3081\u3001\u6a2a\u5e45\u3092\u78ba\u4fdd *\/\n    }\n\n    .flow-marker {\n        position: relative;\n        height: 70px;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        margin-bottom: 20px;\n    }\n\n    \/* \u80cc\u666f\u306e\u6a2a\u7dda *\/\n    .flow-grid::before {\n        content: \"\";\n        position: absolute;\n        top: 25px;\n        left: 10%;\n        right: 10%;\n        height: 1px;\n        background: rgba(0, 31, 63, 0.08);\n        z-index: 0;\n    }\n\n    .flow-marker::after {\n        content: \"\";\n        width: 1px;\n        height: 35px;\n        background: #c2a990;\n        position: absolute;\n        bottom: 0;\n    }\n\n    .flow-num {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 40px;\n        font-style: italic;\n        font-weight: 300;\n        color: #001f3f;\n        line-height: 1;\n        background: #fff; \/* \u91cd\u306a\u308a\u90e8\u5206\u3092\u6d88\u3059\uff08\u80cc\u666f\u304c\u767d\u306e\u5834\u5408\uff09 *\/\n        padding: 0 10px;\n        z-index: 1;\n    }\n\n    .flow-title {\n        font-family: 'Noto Serif JP', serif;\n        font-size: 16px;\n        font-weight: 600;\n        color: #001f3f;\n        margin-bottom: 10px;\n        letter-spacing: 0.05em;\n    }\n\n    .flow-desc {\n        font-family: 'Noto Serif JP', serif;\n        font-size: 13px;\n        font-weight: 300;\n        line-height: 1.7;\n        color: #555;\n        text-align: center;\n    }\n\n    \/* \u30b9\u30de\u30db\u5c02\u7528\uff1a\u53f3\u5bc4\u308a\u30fb\u306f\u307f\u51fa\u3057\u3092\u5fb9\u5e95\u6392\u9664 *\/\n    @media (max-width: 768px) {\n        .flow-inner { padding: 0 15px; }\n        .flow-marker { height: 50px; }\n        .flow-num { font-size: 26px; padding: 0 5px; }\n        .flow-grid::before { top: 16px; left: 12%; right: 12%; }\n        .flow-header { margin-bottom: 30px; }\n        \n        .flow-title { \n            font-size: 11px; \n            letter-spacing: 0; \n            white-space: normal; \/* \u6298\u308a\u8fd4\u3057\u3092\u8a31\u53ef\u3057\u3066\u5e45\u3092\u6291\u3048\u308b *\/\n            line-height: 1.3;\n        }\n        \n        .flow-desc { \n            font-size: 9px; \n            line-height: 1.4; \n            padding: 0;\n            display: inline-block; \/* \u5e45\u3092\u6574\u3048\u308b *\/\n            transform: scale(0.95); \/* \u308f\u305a\u304b\u306b\u7e2e\u5c0f\u3057\u3066\u53ce\u307e\u308a\u3092\u826f\u304f *\/\n        }\n    }\n<\/style>\n\n<section class=\"architect-flow-section\">\n    <div class=\"flow-inner\">\n        \n        <div class=\"flow-header\">\n            <h2>\u3054\u652f\u63f4\u306e\u6d41\u308c<\/h2>\n            <p>Step-by-Step Support<\/p>\n        <\/div>\n\n        <div class=\"flow-grid\">\n            <div class=\"flow-item\">\n                <div class=\"flow-marker\">\n                    <span class=\"flow-num\">01<\/span>\n                <\/div>\n                <h3 class=\"flow-title\">\u7121\u6599\u76f8\u8ac7<\/h3>\n                <p class=\"flow-desc\">\u73fe\u72b6\u8ab2\u984c\u3068<br>\u7406\u60f3\u3092\u5171\u6709<\/p>\n            <\/div>\n\n            <div class=\"flow-item\">\n                <div class=\"flow-marker\">\n                    <span class=\"flow-num\">02<\/span>\n                <\/div>\n                <h3 class=\"flow-title\">\u63d0\u6848\u30fb\u898b\u7a4d<\/h3>\n                <p class=\"flow-desc\">\u6280\u8853\u7684\u6839\u62e0\u306e<br>\u30d7\u30e9\u30f3\u63d0\u793a<\/p>\n            <\/div>\n\n            <div class=\"flow-item\">\n                <div class=\"flow-marker\">\n                    <span class=\"flow-num\">03<\/span>\n                <\/div>\n                <h3 class=\"flow-title\">\u5b9f\u884c<\/h3>\n                <p class=\"flow-desc\">30\u5e74\u306e\u77e5\u898b\u3067<br>\u7cbe\u5bc6\u306a\u69cb\u7bc9<\/p>\n            <\/div>\n\n            <div class=\"flow-item\">\n                <div class=\"flow-marker\">\n                    <span class=\"flow-num\">04<\/span>\n                <\/div>\n                <h3 class=\"flow-title\">\u904b\u7528\u30fb\u5b9a\u7740<\/h3>\n                <p class=\"flow-desc\">\u6d78\u900f\u307e\u3067<br>\u4f34\u8d70\u30b5\u30dd\u30fc\u30c8<\/p>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Microsoft 365\u306e\u4fa1\u5024\u3092\u6700\u5927\u5316\u3057\u3001 \u30d3\u30b8\u30cd\u30b9\u306e\u6210\u9577\u3092\u52a0\u901f\u3055\u305b\u308b\u3002 Communication Exchange\/Teams \u8981\u4ef6\u5b9a\u7fa9\u30fb\u79fb\u884c\u8a2d\u8a08 Security Security\/Gov EDR\u5c0e\u5165\u30fb\u6f0f\u6d29\u5bfe\u7b56  [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/iris-consulting.co.jp\/index.php?rest_route=\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iris-consulting.co.jp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iris-consulting.co.jp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iris-consulting.co.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iris-consulting.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14"}],"version-history":[{"count":75,"href":"https:\/\/iris-consulting.co.jp\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":137,"href":"https:\/\/iris-consulting.co.jp\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions\/137"}],"wp:attachment":[{"href":"https:\/\/iris-consulting.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}