{"id":367,"date":"2025-08-05T11:13:39","date_gmt":"2025-08-05T11:13:39","guid":{"rendered":"https:\/\/nichi.com\/ja\/?page_id=367"},"modified":"2025-09-03T13:21:48","modified_gmt":"2025-09-03T13:21:48","slug":"stayinsmart","status":"publish","type":"page","link":"https:\/\/nichi.com\/ja\/products\/stayinsmart\/","title":{"rendered":"STAYINSMART"},"content":{"rendered":"\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div id=\"content\">\n\n    <main>\n        <!-- Product Hero Section Placeholder -->\n        <section id=\"product-hero-section\" class=\"inner-hero-section\">\n            <h1>StayInSmart \u2013 \u30db\u30c6\u30eb\u81ea\u52d5\u5316\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3<\/h1>\n            <p>\u30db\u30c6\u30eb\u306e\u5bbf\u6cca\u5ba2\u306e\u30c7\u30b8\u30bf\u30eb\u30b3\u30f3\u30d1\u30cb\u30aa\u30f3\u3068\u3057\u3066\u6a5f\u80fd\u3057\u3001\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u3092\u5411\u4e0a\u3055\u305b\u308b\u7d71\u5408\u30e2\u30d0\u30a4\u30eb \u30a2\u30d7\u30ea<\/p>\n        <\/section>\n\n        <section class=\"product-details-section\">\n            <div class=\"product-details-card\">\n                <div id=\"product-details-content\">\n                    <div class=\"product-details-flex-row\">\n                        <div class=\"product-details-image-col\">\n                            <img decoding=\"async\" src=\"\/ja\/wp-content\/uploads\/2025\/08\/sis.png\" alt=\"StayInSmart \u2013 \u30db\u30c6\u30eb\u81ea\u52d5\u5316\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\"\n                                onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/500x300\/cccccc\/333333?text=Image+Not+Found';\"\n                                class=\"product-main-image\">\n                        <\/div>\n                        <div class=\"product-details-content-col\">\n                            <p>StayInSmart \u306f\u3001\u4f7f\u3044\u3084\u3059\u3044\u7d71\u5408\u30e2\u30d0\u30a4\u30eb\u30a2\u30d7\u30ea (IoT \u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3 \/ \u30b9\u30de\u30fc\u30c8\u30a6\u30a9\u30c3\u30c1 (Android \u304a\u3088\u3073 iOS) \u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3)\u3001\n                                \u30db\u30c6\u30eb\u696d\u754c\u5411\u3051\u306b\u8a2d\u8a08\u304a\u3088\u3073\u958b\u767a\u3055\u308c\u3001\u30db\u30c6\u30eb\u306e\u5bbf\u6cca\u5ba2\u306e\u30b3\u30f3\u30d1\u30cb\u30aa\u30f3\u3068\u3057\u3066\u6a5f\u80fd\u3057\u307e\u3059\u3002\n                                \u90e8\u5c4b\u306e\u96fb\u5316\u88fd\u54c1\u306e\u5236\u5fa1\u3001\u30c9\u30a2\u306e\u30ed\u30c3\u30af\/\u30ed\u30c3\u30af\u89e3\u9664\u3001\u98df\u3079\u7269\u306e\u6ce8\u6587\u306a\u3069\u3001\u3059\u3079\u3066\u6307\u306e\u30b9\u30ef\u30a4\u30d7\u3067\u884c\u3048\u307e\u3059\u3002<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"features-video-wrapper\">\n                        <div class=\"features-column\">\n\n                            <h3 class=\"mt-8 mb-4 text-2xl font-semibold text-gray-800\">\u7279\u5fb4 :<\/h3>\n                            <ul>\n                                <li>Android\u30fb iOS \u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3\u200b<\/li>\n                                <li>\u30b9\u30de\u30fc\u30c8\u30a6\u30a9\u30c3\u30c1\u306e\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u200b<\/li>\n                                <li>\u30b5\u30fc\u30c9\u30d1\u30fc\u30c6\u30a3API\u306e\u7d71\u5408<\/li>\n                            <\/ul>\n                        <\/div>\n\n                        <div class=\"video-column\">\n                            <div class=\"video-container\">\n                                <iframe src=\"https:\/\/www.youtube.com\/embed\/OvSBap_ms0k?rel=0\" frameborder=\"0\"\n                                    allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                                    allowfullscreen=\"\"><\/iframe>\n                            <\/div>\n                        <\/div>\n\n                    <\/div>\n\n                    <div class=\"link-wrapper\">\n                        <a href=\"http:\/\/www.stayinsmart.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"tech-read-more\">\n                            \tStayInSmart \u306b\u30a2\u30af\u30bb\u30b9<i class=\"ml-2 fas fa-external-link-alt\"><\/i>\n                        <\/a>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n        <\/section>\n    <\/main>\n\n<\/div>\n<\/div>\n\n\n\n<style>\n\/* Flex row for product details (image left, content right) *\/\n.product-details-flex-row {\n    display: flex;\n    gap: 40px;\n    align-items: flex-start;\n    justify-content: space-between;\n    flex-wrap: wrap;\n    padding: 20px;\n    padding-bottom: 0px;\n}\n.product-details-image-col {\n    flex: 1 1 320px;\n    max-width: 420px;\n    min-width: 260px;\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n}\n.product-details-content-col {\n    flex: 2 1 100px;\n    min-width: 260px;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n}\n\n@media (max-width: 900px) {\n    .product-details-flex-row {\n        flex-direction: column;\n        align-items: center;\n        gap: 24px;\n    }\n    .product-details-image-col, .product-details-content-col {\n        flex: 1 1 100%;\n        max-width: 100%;\n        min-width: 0;\n    }\n}\n        \/* Simplified product details section *\/\n        .product-details-section {\n\n            margin: 0 auto;\n            min-height: calc(100vh - 100px);\n            display: flex;\n            justify-content: center;\n            align-items: flex-start;\n            background: linear-gradient(135deg, #f8fafc 60%, #e0e7ff 100%);\n        }\n\n        .product-details-card {\n            background: #fff;\n            border-radius: 18px;\n            box-shadow: 0 8px 32px rgba(0,0,0,0.10), 0 1.5px 4px rgba(0,0,0,0.04);\n            max-width: 1300px;\n            width: 100%;\n            margin: 0 auto;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* Styling for dynamically loaded content *\/\n        .product-details-section h2 {\n            font-size: 3rem;\n            font-weight: 700;\n            color: #222222;\n            margin-bottom: 20px;\n            text-align: center; \/* Keep title centered *\/\n        }\n\n        \/* Styling for the main product image (default, larger size) *\/\n        .product-main-image {\n            width: 100%;\n            max-width: 480px;\n            height: auto;\n            margin: 0 auto 32px auto;\n            display: block;\n            object-fit: cover;\n            border-radius: 14px;\n            box-shadow: 0 4px 18px rgba(0,0,0,0.08);\n            transition: transform 0.2s;\n        }\n        .product-main-image:hover {\n            transform: scale(1.03);\n            box-shadow: 0 8px 32px rgba(0,0,0,0.13);\n        }\n\n        \/* Styling for the smaller image next to features (Kisanbandhu specific) *\/\n        .product-image-inline-features {\n            width: 100%; \/* Ensure it's responsive within its column *\/\n            max-width: 300px; \/* Smaller size *\/\n            height: auto;\n            object-fit: cover;\n            border-radius: 8px; \/* Added for better aesthetics *\/\n            margin-bottom: 0; \/* Remove default margin-bottom to avoid extra space in flex *\/\n            transition: transform 0.3s ease;\n        }\n\n        .product-image-inline-features:hover{\n            transform: scale(1.05);\n        }\n\n        .product-details-section p {\n            font-size: var(--desc-ftSize);\n            color: black;\n            line-height: 1.8;\n            margin-bottom: 25px;\n            text-align: left;\n        }\n\n        .product-details-section ul {\n            list-style: disc inside;\n            margin-left: 0;\n            margin-bottom: 25px;\n\n            border-radius: 10px;\n            padding: 18px 22px 18px 32px;\n       \n        }\n\n        .product-details-section ul li {\n            font-size: var(--desc-ftSize);\n            color: black;\n            line-height: 1.7;\n            margin-bottom: 8px;\n        }\n\n        .video-container {\n            width: 100%;\n            padding-bottom: 56.25%;\n            position: relative;\n            background: #000;\n            overflow: hidden;\n            margin-bottom: 25px;\n            border-radius: 12px;\n            box-shadow: 0 2px 12px rgba(0,0,0,0.08);\n        }\n\n        .video-container iframe {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            border-radius: 12px;\n        }\n\n        \/* New CSS for the layout - simplified *\/\n        .features-video-wrapper {\n            padding: 20px;\n            padding-top:0px;\n            display: flex;\n            flex-wrap: wrap;\n            gap: 32px;\n            justify-content: space-between;\n            width: 100%;\n            background: var(--alternate-section-bg);\n            border-radius: 15px;\n                box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);\n\n        }\n\n        .features-column {\n            flex: 1 1 50%;\n            min-width: 260px;\n\n            border-radius: 10px;\n            padding: 18px 20px 10px 24px;\n \n        }\n\n        .video-column {\n            flex: 1 1 40%;\n            min-width: 260px;\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-start;\n            padding-top: 18px;\n        }\n\n        \/* Wrapper for image and features, specifically for Kisanbandhu *\/\n        \/* This old class is now deprecated for Kisanbandhu and replaced by .kisanbandhu-main-content-wrapper *\/\n        .image-features-wrapper {\n            display: none; \/* Hide this old wrapper for Kisanbandhu *\/\n        }\n\n        \/* Specific styles for Kisanbandhu content layout *\/\n        .kisanbandhu-main-content-wrapper {\n            display: flex;\n            justify-content: space-between;\n            align-items: flex-start;\n            gap: 36px;\n            margin: 40px auto 0 auto;\n    \n            border-radius: 14px;\n\n            padding: 32px 24px;\n            max-width: 900px;\n        }\n\n        .kisanbandhu-text-content p {\n            margin-bottom: 0;\n            text-align: left;\n            font-size: var(--desc-ftSize);\n            color: #374151;\n        }\n         .product-details-image-col {\n    display: flex;\n    justify-content: center;\n  }\n\n  .product-details-content-col {\n    padding: 0 12px;\n    text-align: center; \/* optional if you want text to center on small screens *\/\n  }\n\n        @media (min-width: 768px) {\n        .kisanbandhu-main-content-wrapper {\n            flex-direction: row;\n            justify-content: space-between;\n            align-items: flex-start;\n        }\n\n        .kisanbandhu-text-content {\n        flex: 1;\n        text-align: left;\n        padding-right: 20px;\n        }\n\n        .kisanbandhu-image-content {\n        flex-shrink: 0;\n        align-self: flex-start;\n        }\n\n        .kisanbandhu-image-content .product-image-inline-features {\n        max-width: 200px;\n        height: auto;\n        display: block;\n        }\n        }\n\n\n\n        .link-wrapper {\n            display: flex;\n            justify-content: center;\n            margin-top: 40px;\n            width: 100%;\n            margin-bottom: 40px;\n        }\n\n        \/* Responsive adjustments *\/\n        @media (max-width: 900px) {\n            .product-details-card, .kisanbandhu-main-content-wrapper {\n                max-width: 98vw;\n                padding: 24px 8px;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .product-details-section {\n                padding: 18px 0;\n            }\n            .product-details-card {\n                padding: 18px 4px 24px 4px;\n            }\n            .product-details-section h2 {\n                font-size: 2.1rem;\n            }\n            .product-details-section p,\n            .product-details-section ul li {\n                font-size: 0.98rem;\n            }\n            .features-video-wrapper {\n                flex-direction: column;\n                align-items: center;\n            }\n            .features-column, .video-column {\n                width: 100%;\n                min-width: unset;\n                padding: 0;\n            }\n            .product-main-image {\n                max-width: 98vw;\n            }\n            .kisanbandhu-main-content-wrapper {\n                flex-direction: column;\n                align-items: center;\n                gap: 18px;\n                padding: 18px 4px;\n            }\n            .product-image-inline-features {\n                margin-bottom: 20px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .product-details-section {\n                padding: 8px 0;\n            }\n            .product-details-card {\n                padding: 8px 0 12px 0;\n            }\n            .product-details-section h2 {\n                font-size: 1.3rem;\n            }\n            .product-details-section p,\n            .product-details-section ul li {\n                font-size: 0.93rem;\n            }\n             .product-details-content-col {\n    padding: 0 8px;\n  }\n\n        }\n.product-etails-background-section {\n    background: var(--alternate-section-bg);\n}\n\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>StayInSmart \u2013 \u30db\u30c6\u30eb\u81ea\u52d5\u5316\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3 \u30db\u30c6\u30eb\u306e\u5bbf\u6cca\u5ba2\u306e\u30c7\u30b8\u30bf\u30eb\u30b3\u30f3\u30d1\u30cb\u30aa\u30f3\u3068\u3057\u3066\u6a5f\u80fd\u3057\u3001\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u3092\u5411\u4e0a\u3055\u305b\u308b\u7d71\u5408\u30e2\u30d0\u30a4\u30eb \u30a2\u30d7\u30ea StayInSmart \u306f\u3001\u4f7f\u3044\u3084\u3059\u3044\u7d71\u5408\u30e2\u30d0\u30a4\u30eb\u30a2\u30d7\u30ea (IoT \u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3 \/ \u30b9\u30de\u30fc\u30c8\u30a6\u30a9\u30c3\u30c1 (Android \u304a\u3088\u3073 iOS) \u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3)\u3001 \u30db\u30c6\u30eb\u696d\u754c\u5411\u3051\u306b\u8a2d\u8a08\u304a\u3088\u3073\u958b\u767a\u3055\u308c\u3001\u30db\u30c6\u30eb\u306e\u5bbf\u6cca\u5ba2\u306e\u30b3\u30f3\u30d1\u30cb\u30aa\u30f3\u3068\u3057\u3066\u6a5f\u80fd\u3057\u307e\u3059\u3002 \u90e8\u5c4b\u306e\u96fb\u5316\u88fd\u54c1\u306e\u5236\u5fa1\u3001\u30c9\u30a2\u306e\u30ed\u30c3\u30af\/\u30ed\u30c3\u30af\u89e3\u9664\u3001\u98df\u3079\u7269\u306e\u6ce8\u6587\u306a\u3069\u3001\u3059\u3079\u3066\u6307\u306e\u30b9\u30ef\u30a4\u30d7\u3067\u884c\u3048\u307e\u3059\u3002 \u7279\u5fb4 : Android\u30fb iOS \u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3\u200b \u30b9\u30de\u30fc\u30c8\u30a6\u30a9\u30c3\u30c1\u306e\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u200b \u30b5\u30fc\u30c9\u30d1\u30fc\u30c6\u30a3API\u306e\u7d71\u5408 StayInSmart \u306b\u30a2\u30af\u30bb\u30b9<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":261,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-367","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nichi.com\/ja\/wp-json\/wp\/v2\/pages\/367","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nichi.com\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nichi.com\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nichi.com\/ja\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/nichi.com\/ja\/wp-json\/wp\/v2\/comments?post=367"}],"version-history":[{"count":9,"href":"https:\/\/nichi.com\/ja\/wp-json\/wp\/v2\/pages\/367\/revisions"}],"predecessor-version":[{"id":1405,"href":"https:\/\/nichi.com\/ja\/wp-json\/wp\/v2\/pages\/367\/revisions\/1405"}],"up":[{"embeddable":true,"href":"https:\/\/nichi.com\/ja\/wp-json\/wp\/v2\/pages\/261"}],"wp:attachment":[{"href":"https:\/\/nichi.com\/ja\/wp-json\/wp\/v2\/media?parent=367"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}