{"id":394,"date":"2026-03-29T08:40:18","date_gmt":"2026-03-29T08:40:18","guid":{"rendered":"http:\/\/localhost\/toto\/?page_id=394"},"modified":"2026-06-04T06:41:45","modified_gmt":"2026-06-04T06:41:45","slug":"toto-history","status":"publish","type":"page","link":"https:\/\/www.totoksa.com\/en\/toto-history\/","title":{"rendered":"Toto History"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"394\" class=\"elementor elementor-394\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb64bf4 e-flex e-con-boxed e-con e-parent\" data-id=\"fb64bf4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-31f7142 elementor-widget elementor-widget-toto_history_timeline\" data-id=\"31f7142\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"toto_history_timeline.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <style id=\"toto-history-timeline-css\">\r\n\r\n        \/* \u2500\u2500 Wrapper \u2500\u2500 *\/\r\n        .toto-ht-section { width: 100%; }\r\n        .toto-ht-section--zigzag {\r\n            padding-top: calc(var(--ht-zig, 22px) + 0.65em);\r\n            padding-bottom: calc(var(--ht-zig, 22px) + 0.35em);\r\n            overflow: visible;\r\n        }\r\n\r\n        .toto-ht-section-title {\r\n            font-family: 'GothamSSm','Helvetica Neue',Arial,sans-serif;\r\n            font-size: clamp(1.5rem,3vw,2.2rem);\r\n            font-weight: 700;\r\n            color: #0d2a5e;\r\n            text-align: center;\r\n            margin: 0 0 3rem;\r\n        }\r\n\r\n        .toto-ht-wrapper {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 60px;\r\n        }\r\n\r\n        \/* \u2500\u2500 Row \u2500\u2500 *\/\r\n        .toto-ht-row {\r\n            display: grid;\r\n            grid-template-columns: repeat(var(--ht-cols, 6), 1fr);\r\n            position: relative;\r\n        }\r\n\r\n\r\n        \/* \u2500\u2500 Item column \u2500\u2500 *\/\r\n        .toto-ht-item {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            text-align: center;\r\n            position: relative;\r\n            z-index: 1;\r\n            padding: 0 8px;\r\n        }\r\n\r\n        \/* \u2500\u2500 Image area (circle + dot) \u2500\u2500 *\/\r\n        .toto-ht-img-area {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n        }\r\n        \/* TOP: circle first, dot below *\/\r\n        .toto-ht-item--top    .toto-ht-img-area { flex-direction: column; }\r\n        \/* BOTTOM: dot first (at line), circle below *\/\r\n        .toto-ht-item--bottom .toto-ht-img-area { flex-direction: column-reverse; }\r\n\r\n        \/* \u2500\u2500 Circle \u2500\u2500 *\/\r\n        .toto-ht-img-wrap {\r\n            width: 130px; height: 130px;\r\n            border-radius: 50%;\r\n            border: 2px solid #3b9edd;\r\n            overflow: hidden;\r\n            background: #eef2f7;\r\n            box-sizing: border-box;\r\n            flex-shrink: 0;\r\n            isolation: isolate;\r\n        }\r\n        .toto-ht-img-wrap img {\r\n            width: 100%; height: 100%;\r\n            object-fit: contain;\r\n            object-position: center center;\r\n            display: block;\r\n            border-radius: 50%;\r\n            opacity: 1 !important;\r\n            visibility: visible !important;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n        .toto-ht-img-placeholder {\r\n            width: 100%; height: 100%;\r\n            background: linear-gradient(135deg, #dde8f5, #b8ccec);\r\n            border-radius: 50%;\r\n        }\r\n\r\n        \/* \u2500\u2500 Dot (sits on the line) \u2500\u2500 *\/\r\n        .toto-ht-dot {\r\n            display: block;\r\n            width: 10px; height: 10px;\r\n            border-radius: 50%;\r\n            background: #3b9edd;\r\n            flex-shrink: 0;\r\n            margin: 4px 0;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        \/* \u2500\u2500 Vertical connector (between dot and text) \u2500\u2500 *\/\r\n        .toto-ht-connector {\r\n            width: 1px;\r\n            background: #ccc;\r\n            min-height: 30px;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        \/* \u2500\u2500 Text area \u2500\u2500 *\/\r\n        .toto-ht-text-area {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            text-align: center;\r\n            width: 100%;\r\n        }\r\n\r\n        \/* \u2500\u2500 Year \u2500\u2500 *\/\r\n        .toto-ht-year {\r\n            display: block;\r\n            font-family: 'GothamSSm','Helvetica Neue',Arial,sans-serif;\r\n            font-size: 36px;\r\n            font-weight: 800;\r\n            color: #0d2a5e;\r\n            line-height: 1.1;\r\n            margin-bottom: 4px;\r\n        }\r\n\r\n        \/* \u2500\u2500 Event Title \u2500\u2500 *\/\r\n        .toto-ht-event-title {\r\n            font-family: 'GothamSSm','Helvetica Neue',Arial,sans-serif;\r\n            font-size: 11px;\r\n            font-weight: 700;\r\n            color: #0d2a5e;\r\n            text-transform: uppercase;\r\n            letter-spacing: .04em;\r\n            line-height: 1.4;\r\n            margin: 0 0 6px;\r\n        }\r\n\r\n        \/* \u2500\u2500 Description \u2500\u2500 *\/\r\n        .toto-ht-desc {\r\n            font-family: 'GothamSSm','Helvetica Neue',Arial,sans-serif;\r\n            font-size: 12px;\r\n            font-weight: 400;\r\n            color: #555;\r\n            line-height: 1.5;\r\n            margin: 0;\r\n        }\r\n\r\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n           RESPONSIVE\r\n        \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n        @media (max-width: 1200px) {\r\n            .toto-ht-row { grid-template-columns: repeat(4, 1fr) !important; }\r\n            .toto-ht-img-wrap { width: 110px; height: 110px; }\r\n        }\r\n        @media (max-width: 900px) {\r\n            .toto-ht-row { grid-template-columns: repeat(3, 1fr) !important; }\r\n        }\r\n        @media (max-width: 640px) {\r\n            .toto-ht-row { grid-template-columns: repeat(2, 1fr) !important; }\r\n            .toto-ht-img-wrap { width: 90px; height: 90px; }\r\n            .toto-ht-year { font-size: 26px; }\r\n        }\r\n        @media (max-width: 420px) {\r\n            .toto-ht-row { grid-template-columns: 1fr !important; }\r\n        }\r\n\r\n        \/* \u2500\u2500 Zig-zag: neighbors alternate vertical offset \u2500\u2500 *\/\r\n        .toto-ht--zigzag .toto-ht-row--top .toto-ht-item:nth-child(odd) {\r\n            transform: translateY(calc(-1 * var(--ht-zig, 22px)));\r\n        }\r\n        .toto-ht--zigzag .toto-ht-row--top .toto-ht-item:nth-child(even) {\r\n            transform: translateY(var(--ht-zig, 22px));\r\n        }\r\n        .toto-ht--zigzag .toto-ht-row--bottom .toto-ht-item:nth-child(odd) {\r\n            transform: translateY(var(--ht-zig, 22px));\r\n        }\r\n        .toto-ht--zigzag .toto-ht-row--bottom .toto-ht-item:nth-child(even) {\r\n            transform: translateY(calc(-1 * var(--ht-zig, 22px)));\r\n        }\r\n        .toto-ht--zigzag .toto-ht-item {\r\n            transition: transform .35s ease;\r\n        }\r\n\r\n        @media (max-width: 640px) {\r\n            .toto-ht--zigzag .toto-ht-row--top .toto-ht-item,\r\n            .toto-ht--zigzag .toto-ht-row--bottom .toto-ht-item {\r\n                transform: none !important;\r\n            }\r\n        }\r\n\r\n        <\/style>\r\n                <style id=\"toto-history-timeline-carousel-css\">\r\n        .toto-ht-carousel { position: relative; width: 100%; padding: 0 48px 44px; box-sizing: border-box; }\r\n        .toto-ht-carousel--zigzag {\r\n            padding-top: 8px;\r\n            padding-bottom: calc(44px + var(--ht-carousel-zig, 22px) + 10px);\r\n        }\r\n        .toto-ht-carousel .toto-ht-swiper { overflow: hidden; padding-bottom: 8px; }\r\n        .toto-ht-carousel--zigzag .toto-ht-swiper {\r\n            padding-top: calc(var(--ht-carousel-zig, 22px) + 0.65em);\r\n            padding-bottom: calc(var(--ht-carousel-zig, 22px) + 12px);\r\n        }\r\n        .toto-ht-carousel-slide { height: auto; box-sizing: border-box; }\r\n        .toto-ht-carousel .toto-ht-item { width: 100%; max-width: 100%; padding: 0 6px; }\r\n        \/* Zig-zag: \u0646\u0641\u0633 \u0641\u0643\u0631\u0629 \u0627\u0644\u0634\u0628\u0643\u0629 \u2014 \u0641\u0631\u062f\u064a \u0623\u0639\u0644\u0649\u060c \u0632\u0648\u062c\u064a \u0623\u062f\u0646\u0649 *\/\r\n        .toto-ht-carousel--zigzag .swiper-slide:nth-child(odd) .toto-ht-item {\r\n            transform: translateY(calc(-1 * var(--ht-carousel-zig, 22px)));\r\n        }\r\n        .toto-ht-carousel--zigzag .swiper-slide:nth-child(even) .toto-ht-item {\r\n            transform: translateY(var(--ht-carousel-zig, 22px));\r\n        }\r\n        .toto-ht-carousel--zigzag .toto-ht-item {\r\n            transition: transform .35s ease;\r\n        }\r\n        @media (max-width: 640px) {\r\n            .toto-ht-carousel--zigzag .swiper-slide .toto-ht-item {\r\n                transform: none !important;\r\n            }\r\n            .toto-ht-carousel--zigzag {\r\n                padding-top: 0;\r\n                padding-bottom: 44px;\r\n            }\r\n            .toto-ht-carousel--zigzag .toto-ht-swiper {\r\n                padding-top: 0;\r\n                padding-bottom: 8px;\r\n            }\r\n        }\r\n        .toto-ht-swiper-button {\r\n            position: absolute; top: 50%; transform: translateY(-50%);\r\n            z-index: 20; width: 44px; height: 44px; margin: 0; padding: 0;\r\n            border: 2px solid currentColor; border-radius: 50%;\r\n            background: rgba(255,255,255,.95); color: #0d2a5e;\r\n            cursor: pointer; display: flex; align-items: center; justify-content: center;\r\n            box-shadow: 0 4px 18px rgba(0,0,0,.1);\r\n            transition: background .2s, color .2s, transform .2s;\r\n        }\r\n        .toto-ht-swiper-button:hover { background: #0d2a5e; color: #fff; border-color: #0d2a5e; }\r\n        .toto-ht-swiper-button-prev { left: 4px; }\r\n        .toto-ht-swiper-button-next { right: 4px; }\r\n        .toto-ht-swiper-button.swiper-button-disabled { opacity: .35; cursor: not-allowed; pointer-events: none; }\r\n        .toto-ht-swiper-pagination { position: relative !important; margin-top: 1.25rem !important; }\r\n        .toto-ht-swiper-pagination.swiper-pagination-bullets { bottom: auto !important; }\r\n        @media (max-width: 640px) {\r\n            .toto-ht-carousel { padding-left: 40px; padding-right: 40px; }\r\n            .toto-ht-swiper-button { width: 38px; height: 38px; }\r\n        }\r\n        <\/style>\r\n        \r\n        <div class=\"toto-ht-section toto-ht-section--carousel\">\r\n\r\n            \r\n            <div\r\n                class=\"toto-ht-carousel toto-ht-carousel--zigzag\"\r\n                data-toto-swiper=\"{&quot;slidesPerView&quot;:1,&quot;spaceBetween&quot;:24,&quot;speed&quot;:600,&quot;loop&quot;:false,&quot;grabCursor&quot;:true,&quot;effect&quot;:&quot;slide&quot;,&quot;rtl&quot;:false,&quot;autoHeight&quot;:false,&quot;navigation&quot;:true,&quot;pagination&quot;:true,&quot;paginationType&quot;:&quot;bullets&quot;,&quot;breakpoints&quot;:{&quot;640&quot;:{&quot;slidesPerView&quot;:2,&quot;spaceBetween&quot;:24},&quot;1024&quot;:{&quot;slidesPerView&quot;:6,&quot;spaceBetween&quot;:24}}}\"\r\n                style=\"position:relative;z-index:100;isolation:isolate;--ht-carousel-zig:22px;\"\r\n            >\r\n                <div class=\"swiper toto-ht-swiper\">\r\n                    <div class=\"swiper-wrapper\">\r\n                                                <div class=\"swiper-slide toto-ht-carousel-slide\">\r\n                                                <div class=\"toto-ht-item toto-ht-item--top\">\r\n\r\n                                                    <div class=\"toto-ht-img-area\">\r\n                                <div class=\"toto-ht-img-wrap\">\r\n                                                                            <img decoding=\"async\" src=\"https:\/\/www.totoksa.com\/wp-content\/uploads\/2026\/03\/ImageWashletLaunches.webp\" alt=\"1912\">\r\n                                                                    <\/div>\r\n                                <span class=\"toto-ht-dot\"><\/span>\r\n                            <\/div>\r\n                            <div class=\"toto-ht-connector\"><\/div>\r\n                            <div class=\"toto-ht-text-area\">\r\n                                <span class=\"toto-ht-year\">1912<\/span>\r\n                                                                                                    <p class=\"toto-ht-desc\">Established ceramic sanitary ware laboratory and began manufacturing sanitary ware.\n<\/p>\r\n                                                            <\/div>\r\n\r\n                        \r\n                    <\/div>\r\n                                <\/div>\r\n                                                    <div class=\"swiper-slide toto-ht-carousel-slide\">\r\n                                                <div class=\"toto-ht-item toto-ht-item--top\">\r\n\r\n                                                    <div class=\"toto-ht-img-area\">\r\n                                <div class=\"toto-ht-img-wrap\">\r\n                                                                            <img decoding=\"async\" src=\"https:\/\/www.totoksa.com\/wp-content\/uploads\/2026\/03\/ImageMetalFittingsAndFaucets.webp\" alt=\"1917\">\r\n                                                                    <\/div>\r\n                                <span class=\"toto-ht-dot\"><\/span>\r\n                            <\/div>\r\n                            <div class=\"toto-ht-connector\"><\/div>\r\n                            <div class=\"toto-ht-text-area\">\r\n                                <span class=\"toto-ht-year\">1917<\/span>\r\n                                                                                                    <p class=\"toto-ht-desc\">TOYO TOKI CO. LTD. was established by Kazuchika Okura, which is later renamed TOTO.\n<\/p>\r\n                                                            <\/div>\r\n\r\n                        \r\n                    <\/div>\r\n                                <\/div>\r\n                                                    <div class=\"swiper-slide toto-ht-carousel-slide\">\r\n                                                <div class=\"toto-ht-item toto-ht-item--top\">\r\n\r\n                                                    <div class=\"toto-ht-img-area\">\r\n                                <div class=\"toto-ht-img-wrap\">\r\n                                                                            <img decoding=\"async\" src=\"https:\/\/www.totoksa.com\/wp-content\/uploads\/2026\/04\/54545454545121.webp\" alt=\"1923\">\r\n                                                                    <\/div>\r\n                                <span class=\"toto-ht-dot\"><\/span>\r\n                            <\/div>\r\n                            <div class=\"toto-ht-connector\"><\/div>\r\n                            <div class=\"toto-ht-text-area\">\r\n                                <span class=\"toto-ht-year\">1923<\/span>\r\n                                                                                                    <p class=\"toto-ht-desc\">The Great Kanto Earthquakes strikes devastating Tokyo. A sewage system is built during the reconstruction, leading to a rapid growth in demand for sanitary wares.\n<\/p>\r\n                                                            <\/div>\r\n\r\n                        \r\n                    <\/div>\r\n                                <\/div>\r\n                                                    <div class=\"swiper-slide toto-ht-carousel-slide\">\r\n                                                <div class=\"toto-ht-item toto-ht-item--top\">\r\n\r\n                                                    <div class=\"toto-ht-img-area\">\r\n                                <div class=\"toto-ht-img-wrap\">\r\n                                                                            <img decoding=\"async\" src=\"https:\/\/www.totoksa.com\/wp-content\/uploads\/2026\/03\/ImageIshExhibition.webp\" alt=\"1946\">\r\n                                                                    <\/div>\r\n                                <span class=\"toto-ht-dot\"><\/span>\r\n                            <\/div>\r\n                            <div class=\"toto-ht-connector\"><\/div>\r\n                            <div class=\"toto-ht-text-area\">\r\n                                <span class=\"toto-ht-year\">1946<\/span>\r\n                                                                                                    <p class=\"toto-ht-desc\">After World War II, TOTO begins producing metal fittings and faucets in addition to ceramic.\n<\/p>\r\n                                                            <\/div>\r\n\r\n                        \r\n                    <\/div>\r\n                                <\/div>\r\n                                                    <div class=\"swiper-slide toto-ht-carousel-slide\">\r\n                                                <div class=\"toto-ht-item toto-ht-item--top\">\r\n\r\n                                                    <div class=\"toto-ht-img-area\">\r\n                                <div class=\"toto-ht-img-wrap\">\r\n                                                                            <img decoding=\"async\" src=\"https:\/\/www.totoksa.com\/wp-content\/uploads\/2026\/03\/ImageToyoTokiCoLtdEstablished.webp\" alt=\"1980\">\r\n                                                                    <\/div>\r\n                                <span class=\"toto-ht-dot\"><\/span>\r\n                            <\/div>\r\n                            <div class=\"toto-ht-connector\"><\/div>\r\n                            <div class=\"toto-ht-text-area\">\r\n                                <span class=\"toto-ht-year\">1980<\/span>\r\n                                                                                                    <p class=\"toto-ht-desc\">TOTO launches WASHLET providing consumers with a whole new level of cleanliness and comfort.\n<\/p>\r\n                                                            <\/div>\r\n\r\n                        \r\n                    <\/div>\r\n                                <\/div>\r\n                                                    <div class=\"swiper-slide toto-ht-carousel-slide\">\r\n                                                <div class=\"toto-ht-item toto-ht-item--top\">\r\n\r\n                                                    <div class=\"toto-ht-img-area\">\r\n                                <div class=\"toto-ht-img-wrap\">\r\n                                                                            <img decoding=\"async\" src=\"https:\/\/www.totoksa.com\/wp-content\/uploads\/2026\/03\/ImageTheGreatKantoEarthquakes.webp\" alt=\"1993\">\r\n                                                                    <\/div>\r\n                                <span class=\"toto-ht-dot\"><\/span>\r\n                            <\/div>\r\n                            <div class=\"toto-ht-connector\"><\/div>\r\n                            <div class=\"toto-ht-text-area\">\r\n                                <span class=\"toto-ht-year\">1993<\/span>\r\n                                                                                                    <p class=\"toto-ht-desc\">The NEOREST toilet integrates WASHLET technology and TOTO\u2019s premier innovations, embodying the pinnacle of Clean Technology.\n<\/p>\r\n                                                            <\/div>\r\n\r\n                        \r\n                    <\/div>\r\n                                <\/div>\r\n                                                    <div class=\"swiper-slide toto-ht-carousel-slide\">\r\n                                                <div class=\"toto-ht-item toto-ht-item--top\">\r\n\r\n                                                    <div class=\"toto-ht-img-area\">\r\n                                <div class=\"toto-ht-img-wrap\">\r\n                                                                            <img decoding=\"async\" src=\"https:\/\/www.totoksa.com\/wp-content\/uploads\/2026\/05\/totooo.webp\" alt=\"2008\">\r\n                                                                    <\/div>\r\n                                <span class=\"toto-ht-dot\"><\/span>\r\n                            <\/div>\r\n                            <div class=\"toto-ht-connector\"><\/div>\r\n                            <div class=\"toto-ht-text-area\">\r\n                                <span class=\"toto-ht-year\">2008<\/span>\r\n                                                                                                    <p class=\"toto-ht-desc\">TOTO Asia Oceania Pte Ltd. is established as the regional headquarters of the Middle East, South Asia, South East Asia and Oceania.\n<\/p>\r\n                                                            <\/div>\r\n\r\n                        \r\n                    <\/div>\r\n                                <\/div>\r\n                                                    <div class=\"swiper-slide toto-ht-carousel-slide\">\r\n                                                <div class=\"toto-ht-item toto-ht-item--top\">\r\n\r\n                                                    <div class=\"toto-ht-img-area\">\r\n                                <div class=\"toto-ht-img-wrap\">\r\n                                                                            <img decoding=\"async\" src=\"https:\/\/www.totoksa.com\/wp-content\/uploads\/2026\/05\/11History2026-LowRes-1-35.png\" alt=\"2013\">\r\n                                                                    <\/div>\r\n                                <span class=\"toto-ht-dot\"><\/span>\r\n                            <\/div>\r\n                            <div class=\"toto-ht-connector\"><\/div>\r\n                            <div class=\"toto-ht-text-area\">\r\n                                <span class=\"toto-ht-year\">2013<\/span>\r\n                                                                                                    <p class=\"toto-ht-desc\">TOTO Asia Oceania\u2019s first Singapore Technical Center display the latest products and industry-leading technologies.\n<\/p>\r\n                                                            <\/div>\r\n\r\n                        \r\n                    <\/div>\r\n                                <\/div>\r\n                                                <\/div>\r\n                <\/div>\r\n\r\n                                <button type=\"button\" class=\"toto-ht-swiper-button toto-ht-swiper-button-prev\" aria-label=\"Previous slide\">\r\n                    <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" aria-hidden=\"true\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>\r\n                <\/button>\r\n                <button type=\"button\" class=\"toto-ht-swiper-button toto-ht-swiper-button-next\" aria-label=\"Next slide\">\r\n                    <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" aria-hidden=\"true\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\r\n                <\/button>\r\n                \r\n                                <div class=\"toto-ht-swiper-pagination swiper-pagination\"><\/div>\r\n                            <\/div>\r\n\r\n        <\/div>\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d5e46d9 e-flex e-con-boxed e-con e-parent\" data-id=\"d5e46d9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e73b3cc elementor-widget elementor-widget-toto_history_timeline\" data-id=\"e73b3cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"toto_history_timeline.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n        <div class=\"toto-ht-section toto-ht-section--carousel\">\r\n\r\n            \r\n            <div\r\n                class=\"toto-ht-carousel toto-ht-carousel--zigzag\"\r\n                data-toto-swiper=\"{&quot;slidesPerView&quot;:1,&quot;spaceBetween&quot;:24,&quot;speed&quot;:600,&quot;loop&quot;:false,&quot;grabCursor&quot;:true,&quot;effect&quot;:&quot;slide&quot;,&quot;rtl&quot;:false,&quot;autoHeight&quot;:false,&quot;navigation&quot;:true,&quot;pagination&quot;:true,&quot;paginationType&quot;:&quot;bullets&quot;,&quot;breakpoints&quot;:{&quot;640&quot;:{&quot;slidesPerView&quot;:2,&quot;spaceBetween&quot;:24},&quot;1024&quot;:{&quot;slidesPerView&quot;:6,&quot;spaceBetween&quot;:24}},&quot;autoplay&quot;:{&quot;delay&quot;:4000,&quot;disableOnInteraction&quot;:false,&quot;pauseOnMouseEnter&quot;:true}}\"\r\n                style=\"position:relative;z-index:100;isolation:isolate;--ht-carousel-zig:22px;\"\r\n            >\r\n                <div class=\"swiper toto-ht-swiper\">\r\n                    <div class=\"swiper-wrapper\">\r\n                                                <div class=\"swiper-slide toto-ht-carousel-slide\">\r\n                                                <div class=\"toto-ht-item toto-ht-item--bottom\">\r\n\r\n                                                    <div class=\"toto-ht-text-area\">\r\n                                <span class=\"toto-ht-year\">2015<\/span>\r\n                                                                                                    <p class=\"toto-ht-desc\">To mark the 100th Anniversary, TOTO opened the museum in Kitakyushu mapping the rise of Japanese bathroom culture, connecting with its clients.\n<\/p>\r\n                                                            <\/div>\r\n                            <div class=\"toto-ht-connector\"><\/div>\r\n                            <div class=\"toto-ht-img-area\">\r\n                                <span class=\"toto-ht-dot\"><\/span>\r\n                                <div class=\"toto-ht-img-wrap\">\r\n                                                                            <img decoding=\"async\" src=\"https:\/\/www.totoksa.com\/wp-content\/uploads\/2026\/03\/Image50MillionUnitsSold.webp\" alt=\"2015\">\r\n                                                                    <\/div>\r\n                            <\/div>\r\n\r\n                        \r\n                    <\/div>\r\n                                <\/div>\r\n                                                    <div class=\"swiper-slide toto-ht-carousel-slide\">\r\n                                                <div class=\"toto-ht-item toto-ht-item--bottom\">\r\n\r\n                                                    <div class=\"toto-ht-text-area\">\r\n                                <span class=\"toto-ht-year\">2017<\/span>\r\n                                                                                                    <p class=\"toto-ht-desc\">TOTO brought its latest innovations to ISH 2017, the world\u2019s largest sanitaryware expo.\n<\/p>\r\n                                                            <\/div>\r\n                            <div class=\"toto-ht-connector\"><\/div>\r\n                            <div class=\"toto-ht-img-area\">\r\n                                <span class=\"toto-ht-dot\"><\/span>\r\n                                <div class=\"toto-ht-img-wrap\">\r\n                                                                            <img decoding=\"async\" src=\"https:\/\/www.totoksa.com\/wp-content\/uploads\/2026\/03\/ImageEstablishedCeramicSanitaryWareLaboratory.webp\" alt=\"2017\">\r\n                                                                    <\/div>\r\n                            <\/div>\r\n\r\n                        \r\n                    <\/div>\r\n                                <\/div>\r\n                                                    <div class=\"swiper-slide toto-ht-carousel-slide\">\r\n                                                <div class=\"toto-ht-item toto-ht-item--bottom\">\r\n\r\n                                                    <div class=\"toto-ht-text-area\">\r\n                                <span class=\"toto-ht-year\">2018<\/span>\r\n                                                                                                    <p class=\"toto-ht-desc\">Al-Omran Sanitary Ware became the authorized distributor of TOTO products in Saudi Arabia and opened dedicated TOTO showrooms across the Kingdom.\n<\/p>\r\n                                                            <\/div>\r\n                            <div class=\"toto-ht-connector\"><\/div>\r\n                            <div class=\"toto-ht-img-area\">\r\n                                <span class=\"toto-ht-dot\"><\/span>\r\n                                <div class=\"toto-ht-img-wrap\">\r\n                                                                            <img decoding=\"async\" src=\"https:\/\/www.totoksa.com\/wp-content\/uploads\/2026\/05\/alomran.png\" alt=\"2018\">\r\n                                                                    <\/div>\r\n                            <\/div>\r\n\r\n                        \r\n                    <\/div>\r\n                                <\/div>\r\n                                                    <div class=\"swiper-slide toto-ht-carousel-slide\">\r\n                                                <div class=\"toto-ht-item toto-ht-item--bottom\">\r\n\r\n                                                    <div class=\"toto-ht-text-area\">\r\n                                <span class=\"toto-ht-year\">2019<\/span>\r\n                                                                                                    <p class=\"toto-ht-desc\">Continuously refined since the 1980s, WASHLET reached a major milestone by 2025 with over 50 million units sold worldwide.<\/p>\r\n                                                            <\/div>\r\n                            <div class=\"toto-ht-connector\"><\/div>\r\n                            <div class=\"toto-ht-img-area\">\r\n                                <span class=\"toto-ht-dot\"><\/span>\r\n                                <div class=\"toto-ht-img-wrap\">\r\n                                                                            <img decoding=\"async\" src=\"https:\/\/www.totoksa.com\/wp-content\/uploads\/2026\/04\/111111111111.webp\" alt=\"2019\">\r\n                                                                    <\/div>\r\n                            <\/div>\r\n\r\n                        \r\n                    <\/div>\r\n                                <\/div>\r\n                                                    <div class=\"swiper-slide toto-ht-carousel-slide\">\r\n                                                <div class=\"toto-ht-item toto-ht-item--bottom\">\r\n\r\n                                                    <div class=\"toto-ht-text-area\">\r\n                                <span class=\"toto-ht-year\">2021<\/span>\r\n                                                                                                    <p class=\"toto-ht-desc\">Launched as a CLEANOVATION pillar, \u201cSecurity of Touchless\u201d ensures hygiene, sustainability, and peace of mind.\n<\/p>\r\n                                                            <\/div>\r\n                            <div class=\"toto-ht-connector\"><\/div>\r\n                            <div class=\"toto-ht-img-area\">\r\n                                <span class=\"toto-ht-dot\"><\/span>\r\n                                <div class=\"toto-ht-img-wrap\">\r\n                                                                            <img decoding=\"async\" src=\"https:\/\/www.totoksa.com\/wp-content\/uploads\/2026\/03\/ImageTotoMuseumOpened.webp\" alt=\"2021\">\r\n                                                                    <\/div>\r\n                            <\/div>\r\n\r\n                        \r\n                    <\/div>\r\n                                <\/div>\r\n                                                    <div class=\"swiper-slide toto-ht-carousel-slide\">\r\n                                                <div class=\"toto-ht-item toto-ht-item--bottom\">\r\n\r\n                                                    <div class=\"toto-ht-text-area\">\r\n                                <span class=\"toto-ht-year\">2022<\/span>\r\n                                                                                                    <p class=\"toto-ht-desc\">Continuously refined since the 1980s, WASHLET reached a major milestone by 2022 with over 60 million units sold worldwide.\n<\/p>\r\n                                                            <\/div>\r\n                            <div class=\"toto-ht-connector\"><\/div>\r\n                            <div class=\"toto-ht-img-area\">\r\n                                <span class=\"toto-ht-dot\"><\/span>\r\n                                <div class=\"toto-ht-img-wrap\">\r\n                                                                            <img decoding=\"async\" src=\"https:\/\/www.totoksa.com\/wp-content\/uploads\/2026\/05\/ImageTotoMuseumOpened.png\" alt=\"2022\">\r\n                                                                    <\/div>\r\n                            <\/div>\r\n\r\n                        \r\n                    <\/div>\r\n                                <\/div>\r\n                                                    <div class=\"swiper-slide toto-ht-carousel-slide\">\r\n                                                <div class=\"toto-ht-item toto-ht-item--bottom\">\r\n\r\n                                                    <div class=\"toto-ht-text-area\">\r\n                                <span class=\"toto-ht-year\">2024<\/span>\r\n                                                                                                    <p class=\"toto-ht-desc\">TOTO has expanded its CMF and PVD palette ensuring seamless bathroom coordination across ceramics and fittings.\n<\/p>\r\n                                                            <\/div>\r\n                            <div class=\"toto-ht-connector\"><\/div>\r\n                            <div class=\"toto-ht-img-area\">\r\n                                <span class=\"toto-ht-dot\"><\/span>\r\n                                <div class=\"toto-ht-img-wrap\">\r\n                                                                            <img decoding=\"async\" src=\"https:\/\/www.totoksa.com\/wp-content\/uploads\/2026\/04\/00000000000000000-1.webp\" alt=\"2024\">\r\n                                                                    <\/div>\r\n                            <\/div>\r\n\r\n                        \r\n                    <\/div>\r\n                                <\/div>\r\n                                                    <div class=\"swiper-slide toto-ht-carousel-slide\">\r\n                                                <div class=\"toto-ht-item toto-ht-item--bottom\">\r\n\r\n                                                    <div class=\"toto-ht-text-area\">\r\n                                <span class=\"toto-ht-year\">2025<\/span>\r\n                                                                                                    <p class=\"toto-ht-desc\">By 2025, NEOREST shipments passed 4 million units, marking a pinnacle for TOTO\u2019s Clean Technology.\n<\/p>\r\n                                                            <\/div>\r\n                            <div class=\"toto-ht-connector\"><\/div>\r\n                            <div class=\"toto-ht-img-area\">\r\n                                <span class=\"toto-ht-dot\"><\/span>\r\n                                <div class=\"toto-ht-img-wrap\">\r\n                                                                            <img decoding=\"async\" src=\"https:\/\/www.totoksa.com\/wp-content\/uploads\/2026\/04\/666666666666666666.webp\" alt=\"2025\">\r\n                                                                    <\/div>\r\n                            <\/div>\r\n\r\n                        \r\n                    <\/div>\r\n                                <\/div>\r\n                                                    <div class=\"swiper-slide toto-ht-carousel-slide\">\r\n                                                <div class=\"toto-ht-item toto-ht-item--bottom\">\r\n\r\n                                                    <div class=\"toto-ht-text-area\">\r\n                                <span class=\"toto-ht-year\">2026<\/span>\r\n                                                                                                    <p class=\"toto-ht-desc\">Continuously refined since the 1980s, WASHLET reached a major milestone by 2026 with over 70 million units sold worldwide.\n<\/p>\r\n                                                            <\/div>\r\n                            <div class=\"toto-ht-connector\"><\/div>\r\n                            <div class=\"toto-ht-img-area\">\r\n                                <span class=\"toto-ht-dot\"><\/span>\r\n                                <div class=\"toto-ht-img-wrap\">\r\n                                                                            <img decoding=\"async\" src=\"https:\/\/www.totoksa.com\/wp-content\/uploads\/2026\/04\/878787.webp\" alt=\"2026\">\r\n                                                                    <\/div>\r\n                            <\/div>\r\n\r\n                        \r\n                    <\/div>\r\n                                <\/div>\r\n                                                <\/div>\r\n                <\/div>\r\n\r\n                                <button type=\"button\" class=\"toto-ht-swiper-button toto-ht-swiper-button-prev\" aria-label=\"Previous slide\">\r\n                    <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" aria-hidden=\"true\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>\r\n                <\/button>\r\n                <button type=\"button\" class=\"toto-ht-swiper-button toto-ht-swiper-button-next\" aria-label=\"Next slide\">\r\n                    <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" aria-hidden=\"true\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\r\n                <\/button>\r\n                \r\n                                <div class=\"toto-ht-swiper-pagination swiper-pagination\"><\/div>\r\n                            <\/div>\r\n\r\n        <\/div>\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>1912 Established ceramic sanitary ware laboratory and began manufacturing sanitary ware. 1917 TOYO TOKI CO. LTD. was established by Kazuchika Okura, which is later renamed TOTO. 1923 The Great Kanto Earthquakes strikes devastating Tokyo. A sewage system is built during the reconstruction, leading to a rapid growth in demand for sanitary wares. 1946 After World [&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-394","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.totoksa.com\/en\/wp-json\/wp\/v2\/pages\/394","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.totoksa.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.totoksa.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.totoksa.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.totoksa.com\/en\/wp-json\/wp\/v2\/comments?post=394"}],"version-history":[{"count":30,"href":"https:\/\/www.totoksa.com\/en\/wp-json\/wp\/v2\/pages\/394\/revisions"}],"predecessor-version":[{"id":4477,"href":"https:\/\/www.totoksa.com\/en\/wp-json\/wp\/v2\/pages\/394\/revisions\/4477"}],"wp:attachment":[{"href":"https:\/\/www.totoksa.com\/en\/wp-json\/wp\/v2\/media?parent=394"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}