{"id":1435,"date":"2020-08-15T01:14:57","date_gmt":"2020-08-15T01:14:57","guid":{"rendered":"https:\/\/ldcellulose.com\/home\/"},"modified":"2026-01-12T03:20:52","modified_gmt":"2026-01-12T03:20:52","slug":"landu-new-material-cellulose-ethers-hpmc-hec-hemc","status":"publish","type":"page","link":"https:\/\/ldcellulose.com\/ja","title":{"rendered":"\u30db\u30fc\u30e0"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1435\" class=\"elementor elementor-1435\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-870bf50 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"870bf50\" data-element_type=\"section\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0ddb828\" data-id=\"0ddb828\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-10f19ba elementor-widget elementor-widget-html\" data-id=\"10f19ba\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Professional Banner Section Start -->\r\n<section class=\"professional-banner-section\" style=\"    padding: 120px 20px;    background:         linear-gradient(135deg,             #1e3a8a 0%,             #1e40af 25%,            #2563eb 50%,            #1e40af 75%,            #1e3a8a 100%);    position: relative;    overflow: hidden;\">\r\n    <!-- Gradient Overlay -->\r\n    <div class=\"professional-gradient-overlay\"><\/div>\r\n    \r\n    <!-- Light Rays -->\r\n    <div class=\"professional-light-rays\">\r\n        <div class=\"professional-ray\" style=\"left: 20%; animation-delay: 0s;\"><\/div>\r\n        <div class=\"professional-ray\" style=\"left: 50%; animation-delay: 1s;\"><\/div>\r\n        <div class=\"professional-ray\" style=\"left: 80%; animation-delay: 2s;\"><\/div>\r\n    <\/div>\r\n    \r\n    <!-- Floating Circles -->\r\n    <div class=\"professional-floating-circles\">\r\n        <div class=\"professional-circle\" style=\"left: 10%; top: 15%; width: 80px; height: 80px; animation-delay: 0s;\"><\/div>\r\n        <div class=\"professional-circle\" style=\"left: 85%; top: 20%; width: 60px; height: 60px; animation-delay: 1s;\"><\/div>\r\n        <div class=\"professional-circle\" style=\"left: 15%; top: 75%; width: 70px; height: 70px; animation-delay: 2s;\"><\/div>\r\n        <div class=\"professional-circle\" style=\"left: 90%; top: 80%; width: 50px; height: 50px; animation-delay: 1.5s;\"><\/div>\r\n        <div class=\"professional-circle\" style=\"left: 50%; top: 10%; width: 40px; height: 40px; animation-delay: 0.5s;\"><\/div>\r\n    <\/div>\r\n    \r\n    <!-- Bokeh Effect -->\r\n    <div class=\"professional-bokeh\">\r\n        <div class=\"professional-bokeh-circle\" style=\"left: 15%; top: 25%; width: 200px; height: 200px; animation-delay: 0s;\"><\/div>\r\n        <div class=\"professional-bokeh-circle\" style=\"left: 80%; top: 20%; width: 150px; height: 150px; animation-delay: 1.5s;\"><\/div>\r\n        <div class=\"professional-bokeh-circle\" style=\"left: 25%; top: 70%; width: 120px; height: 120px; animation-delay: 3s;\"><\/div>\r\n        <div class=\"professional-bokeh-circle\" style=\"left: 75%; top: 75%; width: 180px; height: 180px; animation-delay: 2s;\"><\/div>\r\n        <div class=\"professional-bokeh-circle\" style=\"left: 50%; top: 40%; width: 100px; height: 100px; animation-delay: 1s;\"><\/div>\r\n    <\/div>\r\n    \r\n    <!-- Sparkles -->\r\n    <div class=\"professional-sparkles-container\">\r\n        <div class=\"professional-sparkle-point\" style=\"left: 12%; top: 20%; animation-delay: 0s;\"><\/div>\r\n        <div class=\"professional-sparkle-point\" style=\"left: 88%; top: 25%; animation-delay: 0.7s;\"><\/div>\r\n        <div class=\"professional-sparkle-point\" style=\"left: 20%; top: 60%; animation-delay: 1.4s;\"><\/div>\r\n        <div class=\"professional-sparkle-point\" style=\"left: 80%; top: 65%; animation-delay: 0.3s;\"><\/div>\r\n        <div class=\"professional-sparkle-point\" style=\"left: 50%; top: 15%; animation-delay: 1s;\"><\/div>\r\n        <div class=\"professional-sparkle-point\" style=\"left: 8%; top: 75%; animation-delay: 1.8s;\"><\/div>\r\n        <div class=\"professional-sparkle-point\" style=\"left: 92%; top: 55%; animation-delay: 0.5s;\"><\/div>\r\n        <div class=\"professional-sparkle-point\" style=\"left: 35%; top: 35%; animation-delay: 1.2s;\"><\/div>\r\n        <div class=\"professional-sparkle-point\" style=\"left: 65%; top: 80%; animation-delay: 0.9s;\"><\/div>\r\n        <div class=\"professional-sparkle-point\" style=\"left: 25%; top: 45%; animation-delay: 0.4s;\"><\/div>\r\n        <div class=\"professional-sparkle-point\" style=\"left: 75%; top: 50%; animation-delay: 1.6s;\"><\/div>\r\n    <\/div>\r\n    \r\n    <!-- Refined Frame -->\r\n    <div class=\"professional-refined-frame\">\r\n        <div class=\"professional-frame-corner professional-frame-tl\"><\/div>\r\n        <div class=\"professional-frame-corner professional-frame-tr\"><\/div>\r\n        <div class=\"professional-frame-corner professional-frame-bl\"><\/div>\r\n        <div class=\"professional-frame-corner professional-frame-br\"><\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"container\" style=\"max-width: 1200px; margin: 0 auto; position: relative; z-index: 2;\">\r\n        \r\n        <!-- Banner Content -->\r\n        <div class=\"professional-banner-content\">\r\n            \r\n            <!-- Top Ornament -->\r\n            <div class=\"professional-top-ornament\">\r\n                <div class=\"professional-ornament-line\"><\/div>\r\n                <div class=\"professional-ornament-jewel\">\r\n                    <div class=\"professional-jewel-inner\"><\/div>\r\n                <\/div>\r\n                <div class=\"professional-ornament-line\"><\/div>\r\n            <\/div>\r\n            \r\n            <!-- Main Message -->\r\n            <h2 class=\"professional-banner-title\">\r\n                <span class=\"professional-title-line professional-title-line-1\">\u5353\u8d8a\u6027\u306e\u69cb\u7bc9<\/span>\r\n                <span class=\"professional-title-line professional-title-line-2\">\u3068\u3068\u3082\u306b<\/span>\r\n                <span class=\"professional-title-featured\">\u30e9\u30f3\u30c7\u30e5<\/span>\r\n            <\/h2>\r\n            \r\n            <!-- Elegant Divider -->\r\n            <div class=\"professional-elegant-divider\">\r\n                <div class=\"professional-divider-jewel\"><\/div>\r\n                <div class=\"professional-divider-line\"><\/div>\r\n                <div class=\"professional-divider-jewel\"><\/div>\r\n            <\/div>\r\n            \r\n            <!-- Message -->\r\n            <p class=\"professional-banner-message\">\r\n                \u3042\u306a\u305f\u306e\u4fe1\u983c\u3067\u304d\u308b\u30d1\u30fc\u30c8\u30ca\u30fc <span class=\"professional-brand\">\u9769\u65b0<\/span> \u305d\u3057\u3066 <span class=\"professional-brand\">\u54c1\u8cea<\/span>\r\n            <\/p>\r\n            \r\n            <!-- CTA Button -->\r\n            <div class=\"professional-cta-wrapper\">\r\n                <a href=\"https:\/\/landu-china.com\/en\/company\/\" target=\"_blank\" class=\"professional-cta-button\">\r\n                    <span class=\"professional-cta-background\"><\/span>\r\n                    <span class=\"professional-cta-border-glow\"><\/span>\r\n                    <span class=\"professional-cta-text\">\u79c1\u305f\u3061\u306e\u30b9\u30c8\u30fc\u30ea\u30fc\u3092\u767a\u898b<\/span>\r\n                    <span class=\"professional-cta-arrow\">\u2192<\/span>\r\n                <\/a>\r\n            <\/div>\r\n            \r\n            <!-- Bottom Ornament -->\r\n            <div class=\"professional-bottom-ornament\">\r\n                <div class=\"professional-bottom-line\"><\/div>\r\n            <\/div>\r\n            \r\n        <\/div>\r\n        \r\n    <\/div>\r\n    \r\n    <!-- Ambient Glow Effect -->\r\n    <div class=\"professional-ambient-glow\"><\/div>\r\n<\/section>\r\n\r\n<!-- Professional Banner CSS Styles -->\r\n<style>\r\n\/* Gradient Overlay *\/\r\n.professional-gradient-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: \r\n        radial-gradient(ellipse at 30% 30%, rgba(59, 130, 246, 0.15) 0%, transparent 50%),\r\n        radial-gradient(ellipse at 70% 70%, rgba(96, 165, 250, 0.12) 0%, transparent 50%),\r\n        radial-gradient(ellipse at 50% 50%, rgba(37, 99, 235, 0.12) 0%, transparent 60%);\r\n    z-index: 0;\r\n}\r\n\r\n\/* Light Rays *\/\r\n.professional-light-rays {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    pointer-events: none;\r\n    z-index: 0;\r\n}\r\n\r\n.professional-ray {\r\n    position: absolute;\r\n    top: -50%;\r\n    width: 150px;\r\n    height: 200%;\r\n    background: linear-gradient(to bottom,\r\n                transparent 0%,\r\n                rgba(59, 130, 246, 0.15) 30%,\r\n                rgba(59, 130, 246, 0.25) 50%,\r\n                rgba(59, 130, 246, 0.15) 70%,\r\n                transparent 100%);\r\n    transform: translateX(-50%) rotate(0deg);\r\n    filter: blur(30px);\r\n    animation: professionalRayPulse 6s ease-in-out infinite;\r\n}\r\n\r\n@keyframes professionalRayPulse {\r\n    0%, 100% { \r\n        opacity: 0.3;\r\n        transform: translateX(-50%) rotate(-2deg);\r\n    }\r\n    50% { \r\n        opacity: 0.6;\r\n        transform: translateX(-50%) rotate(2deg);\r\n    }\r\n}\r\n\r\n\/* Floating Circles *\/\r\n.professional-floating-circles {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    pointer-events: none;\r\n    z-index: 0;\r\n}\r\n\r\n.professional-circle {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    background: radial-gradient(circle at 30% 30%,\r\n                rgba(59, 130, 246, 0.3),\r\n                rgba(37, 99, 235, 0.15) 50%,\r\n                transparent 70%);\r\n    border: 2px solid rgba(59, 130, 246, 0.2);\r\n    animation: professionalCircleFloat 8s ease-in-out infinite;\r\n}\r\n\r\n@keyframes professionalCircleFloat {\r\n    0%, 100% {\r\n        transform: translate(0, 0) scale(1);\r\n        opacity: 0.4;\r\n    }\r\n    50% {\r\n        transform: translate(20px, -30px) scale(1.1);\r\n        opacity: 0.7;\r\n    }\r\n}\r\n\r\n\/* Bokeh Effect *\/\r\n.professional-bokeh {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    pointer-events: none;\r\n    z-index: 0;\r\n}\r\n\r\n.professional-bokeh-circle {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    background: radial-gradient(circle at 30% 30%, \r\n                rgba(59, 130, 246, 0.2), \r\n                rgba(37, 99, 235, 0.08) 50%,\r\n                transparent 70%);\r\n    filter: blur(40px);\r\n    animation: professionalBokehFloat 10s ease-in-out infinite;\r\n}\r\n\r\n@keyframes professionalBokehFloat {\r\n    0%, 100% { \r\n        transform: translate(0, 0) scale(1);\r\n        opacity: 0.5;\r\n    }\r\n    50% { \r\n        transform: translate(30px, -30px) scale(1.15);\r\n        opacity: 0.8;\r\n    }\r\n}\r\n\r\n\/* Sparkles Container *\/\r\n.professional-sparkles-container {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    pointer-events: none;\r\n    z-index: 1;\r\n}\r\n\r\n.professional-sparkle-point {\r\n    position: absolute;\r\n    width: 3px;\r\n    height: 3px;\r\n    background: rgba(147, 197, 253, 1);\r\n    border-radius: 50%;\r\n    box-shadow: \r\n        0 0 12px rgba(147, 197, 253, 1),\r\n        0 0 24px rgba(147, 197, 253, 0.6);\r\n    animation: professionalSparkleGlow 3.5s ease-in-out infinite;\r\n}\r\n\r\n@keyframes professionalSparkleGlow {\r\n    0%, 100% { \r\n        opacity: 0.4;\r\n        transform: scale(1);\r\n    }\r\n    50% { \r\n        opacity: 1;\r\n        transform: scale(2.5);\r\n    }\r\n}\r\n\r\n\/* Refined Frame *\/\r\n.professional-refined-frame {\r\n    position: absolute;\r\n    top: 60px;\r\n    left: 60px;\r\n    right: 60px;\r\n    bottom: 60px;\r\n    pointer-events: none;\r\n    z-index: 1;\r\n    border: 1px solid rgba(96, 165, 250, 0.35);\r\n    box-shadow: \r\n        inset 0 0 50px rgba(96, 165, 250, 0.1),\r\n        0 0 50px rgba(96, 165, 250, 0.2);\r\n}\r\n\r\n.professional-frame-corner {\r\n    position: absolute;\r\n    width: 60px;\r\n    height: 60px;\r\n}\r\n\r\n.professional-frame-corner::before,\r\n.professional-frame-corner::after {\r\n    content: '';\r\n    position: absolute;\r\n    background: linear-gradient(135deg, \r\n                rgba(96, 165, 250, 0.7), \r\n                rgba(96, 165, 250, 0.3));\r\n}\r\n\r\n.professional-frame-corner::before {\r\n    width: 100%;\r\n    height: 2px;\r\n}\r\n\r\n.professional-frame-corner::after {\r\n    width: 2px;\r\n    height: 100%;\r\n}\r\n\r\n.professional-frame-tl {\r\n    top: -1px;\r\n    left: -1px;\r\n}\r\n\r\n.professional-frame-tl::before {\r\n    top: 0;\r\n    left: 0;\r\n}\r\n\r\n.professional-frame-tl::after {\r\n    top: 0;\r\n    left: 0;\r\n}\r\n\r\n.professional-frame-tr {\r\n    top: -1px;\r\n    right: -1px;\r\n}\r\n\r\n.professional-frame-tr::before {\r\n    top: 0;\r\n    right: 0;\r\n}\r\n\r\n.professional-frame-tr::after {\r\n    top: 0;\r\n    right: 0;\r\n}\r\n\r\n.professional-frame-bl {\r\n    bottom: -1px;\r\n    left: -1px;\r\n}\r\n\r\n.professional-frame-bl::before {\r\n    bottom: 0;\r\n    left: 0;\r\n}\r\n\r\n.professional-frame-bl::after {\r\n    bottom: 0;\r\n    left: 0;\r\n}\r\n\r\n.professional-frame-br {\r\n    bottom: -1px;\r\n    right: -1px;\r\n}\r\n\r\n.professional-frame-br::before {\r\n    bottom: 0;\r\n    right: 0;\r\n}\r\n\r\n.professional-frame-br::after {\r\n    bottom: 0;\r\n    right: 0;\r\n}\r\n\r\n\/* Banner Content *\/\r\n.professional-banner-content {\r\n    text-align: center;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\/* Top Ornament *\/\r\n.professional-top-ornament {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 35px;\r\n    margin-bottom: 50px;\r\n    animation: professionalFadeIn 1s ease-out;\r\n}\r\n\r\n.professional-ornament-line {\r\n    width: 130px;\r\n    height: 1px;\r\n    background: linear-gradient(to right, \r\n                transparent, \r\n                rgba(96, 165, 250, 0.6), \r\n                transparent);\r\n}\r\n\r\n.professional-ornament-jewel {\r\n    position: relative;\r\n    width: 24px;\r\n    height: 24px;\r\n}\r\n\r\n.professional-jewel-inner {\r\n    width: 12px;\r\n    height: 12px;\r\n    background: linear-gradient(135deg, \r\n                rgba(96, 165, 250, 1), \r\n                rgba(147, 197, 253, 0.8));\r\n    transform: rotate(45deg);\r\n    box-shadow: \r\n        0 0 30px rgba(96, 165, 250, 0.8),\r\n        inset -2px -2px 4px rgba(0, 0, 0, 0.2);\r\n    animation: professionalJewelRotate 8s linear infinite;\r\n}\r\n\r\n@keyframes professionalJewelRotate {\r\n    0% { transform: rotate(45deg); }\r\n    100% { transform: rotate(405deg); }\r\n}\r\n\r\n@keyframes professionalFadeIn {\r\n    0% {\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n    }\r\n    100% {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n\/* Banner Title *\/\r\n.professional-banner-title {\r\n    font-family: 'Questrial', sans-serif;\r\n    font-size: 70px;\r\n    font-weight: 900;\r\n    color: #ffffff;\r\n    margin: 0 0 50px 0;\r\n    line-height: 1.4;\r\n    text-shadow: \r\n        0 2px 40px rgba(96, 165, 250, 0.4),\r\n        0 0 80px rgba(96, 165, 250, 0.2);\r\n    animation: professionalFadeIn 1s ease-out 0.3s both;\r\n}\r\n\r\n.professional-title-line {\r\n    display: block;\r\n    opacity: 0;\r\n    animation: professionalTextReveal 1.2s ease-out forwards;\r\n}\r\n\r\n.professional-title-line-1 {\r\n    animation-delay: 0.5s;\r\n}\r\n\r\n.professional-title-line-2 {\r\n    animation-delay: 0.9s;\r\n}\r\n\r\n@keyframes professionalTextReveal {\r\n    0% {\r\n        opacity: 0;\r\n        transform: translateY(25px);\r\n        filter: blur(12px);\r\n    }\r\n    100% {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n        filter: blur(0);\r\n    }\r\n}\r\n\r\n.professional-title-featured {\r\n    display: block;\r\n    background: linear-gradient(135deg, \r\n                #93c5fd 0%, \r\n                #dbeafe 50%, \r\n                #93c5fd 100%);\r\n    background-size: 200% auto;\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n    margin-top: 20px;\r\n    opacity: 0;\r\n    animation: professionalTextReveal 1.2s ease-out 1.3s forwards,\r\n               professionalGradientFlow 4s ease-in-out infinite;\r\n    filter: drop-shadow(0 2px 50px rgba(147, 197, 253, 0.8))\r\n            drop-shadow(0 0 80px rgba(147, 197, 253, 0.5));\r\n    font-size: 74px;\r\n}\r\n\r\n@keyframes professionalGradientFlow {\r\n    0%, 100% { background-position: 0% 50%; }\r\n    50% { background-position: 100% 50%; }\r\n}\r\n\r\n\/* Elegant Divider *\/\r\n.professional-elegant-divider {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 30px;\r\n    margin: 0 auto 45px;\r\n    max-width: 500px;\r\n    animation: professionalFadeIn 1s ease-out 1.9s both;\r\n}\r\n\r\n.professional-divider-jewel {\r\n    width: 5px;\r\n    height: 5px;\r\n    background: rgba(147, 197, 253, 0.9);\r\n    border-radius: 50%;\r\n    box-shadow: 0 0 20px rgba(147, 197, 253, 0.8);\r\n    animation: professionalJewelPulse 3s ease-in-out infinite;\r\n}\r\n\r\n.professional-divider-jewel:last-child {\r\n    animation-delay: 1.5s;\r\n}\r\n\r\n@keyframes professionalJewelPulse {\r\n    0%, 100% { \r\n        transform: scale(1);\r\n        opacity: 0.6;\r\n    }\r\n    50% { \r\n        transform: scale(2);\r\n        opacity: 1;\r\n    }\r\n}\r\n\r\n.professional-divider-line {\r\n    flex: 1;\r\n    height: 1px;\r\n    background: linear-gradient(to right, \r\n                rgba(96, 165, 250, 0.3), \r\n                rgba(96, 165, 250, 0.6), \r\n                rgba(96, 165, 250, 0.3));\r\n}\r\n\r\n\/* Banner Message *\/\r\n.professional-banner-message {\r\n    font-family: 'Quicksand', sans-serif;\r\n    font-size: 32px;\r\n    font-weight: 300;\r\n    color: rgba(255, 255, 255, 0.98);\r\n    margin: 0 0 50px 0;\r\n    letter-spacing: 0.5px;\r\n    text-shadow: 0 2px 30px rgba(96, 165, 250, 0.3);\r\n    animation: professionalFadeIn 1s ease-out 2.2s both;\r\n}\r\n\r\n.professional-brand {\r\n    font-family: 'Questrial', sans-serif;\r\n    font-weight: 700;\r\n    color: #93c5fd;\r\n    font-size: 36px;\r\n    letter-spacing: 2px;\r\n    text-shadow: \r\n        0 2px 30px rgba(147, 197, 253, 0.8),\r\n        0 0 60px rgba(147, 197, 253, 0.6);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.professional-brand::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -10px;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 1px;\r\n    background: linear-gradient(to right, \r\n                transparent, \r\n                rgba(147, 197, 253, 0.7), \r\n                transparent);\r\n    animation: professionalUnderlineGlow 2.5s ease-in-out infinite;\r\n}\r\n\r\n@keyframes professionalUnderlineGlow {\r\n    0%, 100% { \r\n        opacity: 0.5;\r\n        box-shadow: 0 0 10px rgba(147, 197, 253, 0.4);\r\n    }\r\n    50% { \r\n        opacity: 1;\r\n        box-shadow: 0 0 25px rgba(147, 197, 253, 0.8);\r\n    }\r\n}\r\n\r\n\/* CTA Wrapper *\/\r\n.professional-cta-wrapper {\r\n    margin-bottom: 50px;\r\n    animation: professionalFadeIn 1s ease-out 2.5s both;\r\n}\r\n\r\n\/* CTA Button *\/\r\n.professional-cta-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 18px;\r\n    padding: 22px 60px;\r\n    color: #93c5fd;\r\n    font-family: 'Quicksand', sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2.5px;\r\n    text-decoration: none;\r\n    border-radius: 50px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n}\r\n\r\n.professional-cta-background {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: rgba(59, 130, 246, 0.12);\r\n    backdrop-filter: blur(15px);\r\n    z-index: 0;\r\n    transition: all 0.6s ease;\r\n}\r\n\r\n.professional-cta-border-glow {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    border: 2px solid rgba(147, 197, 253, 0.5);\r\n    border-radius: 50px;\r\n    z-index: 1;\r\n    transition: all 0.6s ease;\r\n}\r\n\r\n.professional-cta-button:hover .professional-cta-background {\r\n    background: rgba(59, 130, 246, 0.2);\r\n}\r\n\r\n.professional-cta-button:hover .professional-cta-border-glow {\r\n    border-color: rgba(147, 197, 253, 0.9);\r\n    box-shadow: \r\n        0 0 50px rgba(147, 197, 253, 0.6),\r\n        inset 0 0 40px rgba(147, 197, 253, 0.15);\r\n}\r\n\r\n.professional-cta-button:hover {\r\n    transform: translateY(-6px);\r\n    color: #ffffff;\r\n    text-shadow: 0 0 30px rgba(147, 197, 253, 0.8);\r\n}\r\n\r\n.professional-cta-text {\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.professional-cta-arrow {\r\n    font-size: 22px;\r\n    transition: transform 0.5s ease;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.professional-cta-button:hover .professional-cta-arrow {\r\n    transform: translateX(10px);\r\n}\r\n\r\n\/* Bottom Ornament *\/\r\n.professional-bottom-ornament {\r\n    animation: professionalFadeIn 1s ease-out 2.8s both;\r\n}\r\n\r\n.professional-bottom-line {\r\n    width: 160px;\r\n    height: 1px;\r\n    background: linear-gradient(to right, \r\n                transparent, \r\n                rgba(96, 165, 250, 0.5), \r\n                transparent);\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* Ambient Glow Effect *\/\r\n.professional-ambient-glow {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 75%;\r\n    height: 180px;\r\n    background: radial-gradient(ellipse at center, \r\n                rgba(59, 130, 246, 0.2) 0%, \r\n                transparent 70%);\r\n    filter: blur(70px);\r\n    pointer-events: none;\r\n}\r\n\r\n\/* Responsive Design - Tablet *\/\r\n@media (max-width: 1024px) {\r\n    .professional-banner-title {\r\n        font-size: 58px !important;\r\n    }\r\n    \r\n    .professional-title-featured {\r\n        font-size: 62px !important;\r\n    }\r\n    \r\n    .professional-banner-message {\r\n        font-size: 28px !important;\r\n    }\r\n    \r\n    .professional-brand {\r\n        font-size: 32px !important;\r\n    }\r\n    \r\n    .professional-cta-button {\r\n        padding: 20px 55px !important;\r\n        font-size: 15px !important;\r\n    }\r\n    \r\n    .professional-refined-frame {\r\n        top: 50px !important;\r\n        left: 50px !important;\r\n        right: 50px !important;\r\n        bottom: 50px !important;\r\n    }\r\n}\r\n\r\n\/* Responsive Design - Mobile *\/\r\n@media (max-width: 767px) {\r\n    .professional-banner-section {\r\n        padding: 80px 15px !important;\r\n    }\r\n    \r\n    .professional-banner-title {\r\n        font-size: 46px !important;\r\n    }\r\n    \r\n    .professional-title-featured {\r\n        font-size: 50px !important;\r\n    }\r\n    \r\n    .professional-banner-message {\r\n        font-size: 24px !important;\r\n    }\r\n    \r\n    .professional-brand {\r\n        font-size: 28px !important;\r\n    }\r\n    \r\n    .professional-cta-button {\r\n        padding: 18px 50px !important;\r\n        font-size: 14px !important;\r\n    }\r\n    \r\n    .professional-ornament-line {\r\n        width: 90px !important;\r\n    }\r\n    \r\n    .professional-refined-frame {\r\n        top: 40px !important;\r\n        left: 40px !important;\r\n        right: 40px !important;\r\n        bottom: 40px !important;\r\n    }\r\n    \r\n    .professional-light-rays,\r\n    .professional-floating-circles {\r\n        opacity: 0.5;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .professional-banner-title {\r\n        font-size: 40px !important;\r\n    }\r\n    \r\n    .professional-title-featured {\r\n        font-size: 44px !important;\r\n    }\r\n    \r\n    .professional-banner-message {\r\n        font-size: 22px !important;\r\n    }\r\n    \r\n    .professional-brand {\r\n        font-size: 26px !important;\r\n    }\r\n    \r\n    .professional-cta-button {\r\n        padding: 16px 45px !important;\r\n        font-size: 13px !important;\r\n        gap: 12px !important;\r\n    }\r\n    \r\n    .professional-ornament-line {\r\n        width: 70px !important;\r\n    }\r\n    \r\n    .professional-refined-frame {\r\n        top: 30px !important;\r\n        left: 30px !important;\r\n        right: 30px !important;\r\n        bottom: 30px !important;\r\n    }\r\n}\r\n<\/style>\r\n<!-- Professional Banner Section End -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2916ab1 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"2916ab1\" data-element_type=\"section\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ba93a1a\" data-id=\"ba93a1a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f3a1bec elementor-widget elementor-widget-html\" data-id=\"f3a1bec\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Project Title Module Start -->\r\n<section class=\"project-title-section\" style=\"    margin-top: 0;     margin-bottom: 0;    position: relative;    overflow: hidden;    background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%);    padding: 60px 20px;\">\r\n    <!-- Decorative Background -->\r\n    <div class=\"decorative-pattern\"><\/div>\r\n    \r\n    <div class=\"container\" style=\"max-width: 1600px; margin: 0 auto; position: relative; z-index: 2;\">\r\n        <div class=\"content-wrapper\" style=\"text-align: center;\">\r\n            \r\n            <!-- Top Accent Line -->\r\n            <div class=\"accent-line-top\"><\/div>\r\n            \r\n            <!-- Main Heading -->\r\n            <h2 class=\"main-heading\" style=\"                color: #1e40af;                font-family: 'Questrial', sans-serif;                font-size: 52px;                font-weight: 900;                text-align: center;                margin: 0;                padding: 0;                text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);                animation: fadeIn 0.6s ease-in-out 0.2s both;            \">\r\n                \u6b21\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\r\n            <\/h2>\r\n            \r\n            <!-- Animated Text Headline -->\r\n            <h3 class=\"animated-headline\" style=\"                color: #2563eb;                font-family: 'Questrial', sans-serif;                font-size: 40px;                font-weight: 800;                text-transform: lowercase;                line-height: 0.9em;                text-align: center;                margin: 0;                padding: 0;                position: relative;            \">\r\n                <span class=\"dynamic-text-wrapper\">\r\n                    <span class=\"dynamic-text active\" style=\"                        color: #2563eb;                        font-family: 'Quicksand', sans-serif;                        font-weight: 800;                        text-transform: none;                    \">\u5efa\u8a2d\u3001\u30a4\u30f3\u30d5\u30e9<\/span>\r\n                    <span class=\"dynamic-text\" style=\"                        color: #2563eb;                        font-family: 'Quicksand', sans-serif;                        font-weight: 800;                        text-transform: none;                        display: none;                    \">\u6d17\u5264\u3001\u30d1\u30fc\u30bd\u30ca\u30eb\u30b1\u30a2<\/span>\r\n                    <span class=\"dynamic-text\" style=\"                        color: #2563eb;                        font-family: 'Quicksand', sans-serif;                        font-weight: 800;                        text-transform: none;                        display: none;                    \">\u98df\u54c1\u3001\u98f2\u6599<\/span>\r\n                    <span class=\"dynamic-text\" style=\"                        color: #2563eb;                        font-family: 'Quicksand', sans-serif;                        font-weight: 800;                        text-transform: none;                        display: none;                    \">\u533b\u85ac\u54c1<\/span>\r\n                <\/span>\r\n            <\/h3>\r\n            \r\n            <!-- Bottom Accent Line -->\r\n            <div class=\"accent-line-bottom\"><\/div>\r\n            \r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- CSS Styles -->\r\n<style>\r\n@keyframes fadeIn {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n@keyframes blindsIn {\r\n    from {\r\n        opacity: 0;\r\n        transform: scaleY(0);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: scaleY(1);\r\n    }\r\n}\r\n\r\n@keyframes subtleGlow {\r\n    0%, 100% { \r\n        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1),\r\n                     0 0 10px rgba(37, 99, 235, 0.2);\r\n    }\r\n    50% { \r\n        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1),\r\n                     0 0 20px rgba(37, 99, 235, 0.4);\r\n    }\r\n}\r\n\r\n@keyframes floatPattern {\r\n    0%, 100% { \r\n        transform: translate(0, 0);\r\n        opacity: 0.03;\r\n    }\r\n    50% { \r\n        transform: translate(10px, -10px);\r\n        opacity: 0.05;\r\n    }\r\n}\r\n\r\n\/* Decorative Pattern Background *\/\r\n.decorative-pattern {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    pointer-events: none;\r\n    z-index: 1;\r\n    opacity: 0.04;\r\n    background-image: \r\n        radial-gradient(circle at 20% 30%, #2563eb 2px, transparent 2px),\r\n        radial-gradient(circle at 80% 70%, #3b82f6 2px, transparent 2px);\r\n    background-size: 150px 150px, 200px 200px;\r\n    background-position: 0 0, 50px 50px;\r\n    animation: floatPattern 20s ease-in-out infinite;\r\n}\r\n\r\n\/* Accent Lines *\/\r\n.accent-line-top,\r\n.accent-line-bottom {\r\n    width: 80px;\r\n    height: 4px;\r\n    background: linear-gradient(90deg, #2563eb 0%, #3b82f6 50%, #60a5fa 100%);\r\n    margin: 20px auto;\r\n    border-radius: 2px;\r\n    position: relative;\r\n    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.3);\r\n}\r\n\r\n.accent-line-top::before,\r\n.accent-line-bottom::before {\r\n    content: '';\r\n    position: absolute;\r\n    width: 8px;\r\n    height: 8px;\r\n    background: #3b82f6;\r\n    border-radius: 50%;\r\n    top: -2px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    box-shadow: 0 0 8px rgba(59, 130, 246, 0.6);\r\n}\r\n\r\n\/* Main Heading *\/\r\n.main-heading {\r\n    animation: subtleGlow 3s ease-in-out infinite;\r\n}\r\n\r\n\/* Dynamic Text Wrapper *\/\r\n.dynamic-text-wrapper {\r\n    position: relative;\r\n    display: inline-block;\r\n    vertical-align: top;\r\n}\r\n\r\n.dynamic-text {\r\n    display: inline-block;\r\n    animation: blindsIn 0.3s ease-in-out;\r\n    position: relative;\r\n}\r\n\r\n.dynamic-text.active {\r\n    display: inline-block !important;\r\n}\r\n\r\n.dynamic-text::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -5px;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 3px;\r\n    background: linear-gradient(90deg, transparent 0%, #3b82f6 50%, transparent 100%);\r\n    opacity: 0.6;\r\n}\r\n\r\n\/* Decorative Corner Elements *\/\r\n.project-title-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 10px;\r\n    left: 5%;\r\n    width: 30px;\r\n    height: 30px;\r\n    background: radial-gradient(circle, #2563eb 30%, transparent 70%);\r\n    border-radius: 50%;\r\n    opacity: 0.15;\r\n    animation: floatPattern 4s ease-in-out infinite;\r\n}\r\n\r\n.project-title-section::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 10px;\r\n    right: 5%;\r\n    width: 30px;\r\n    height: 30px;\r\n    background: radial-gradient(circle, #3b82f6 30%, transparent 70%);\r\n    border-radius: 50%;\r\n    opacity: 0.15;\r\n    animation: floatPattern 4s ease-in-out infinite;\r\n    animation-delay: 2s;\r\n}\r\n\r\n\/* Responsive Design - Mobile *\/\r\n@media (max-width: 767px) {\r\n    .main-heading {\r\n        font-size: 36px !important;\r\n        text-align: center !important;\r\n    }\r\n    \r\n    .animated-headline {\r\n        font-size: 28px !important;\r\n    }\r\n    \r\n    .accent-line-top,\r\n    .accent-line-bottom {\r\n        width: 60px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .main-heading {\r\n        font-size: 28px !important;\r\n    }\r\n    \r\n    .animated-headline {\r\n        font-size: 22px !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- JavaScript Animation -->\r\n<script>\r\n(function() {\r\n    const dynamicTexts = document.querySelectorAll('.dynamic-text');\r\n    let currentIndex = 0;\r\n    const delay = 1380; \/\/ 1.38 seconds rotation interval\r\n    \r\n    function rotateText() {\r\n        \/\/ Hide current text\r\n        dynamicTexts[currentIndex].classList.remove('active');\r\n        dynamicTexts[currentIndex].style.display = 'none';\r\n        \r\n        \/\/ Show next text\r\n        currentIndex = (currentIndex + 1) % dynamicTexts.length;\r\n        dynamicTexts[currentIndex].style.display = 'inline-block';\r\n        \r\n        \/\/ Add animation class\r\n        setTimeout(() => {\r\n            dynamicTexts[currentIndex].classList.add('active');\r\n        }, 10);\r\n    }\r\n    \r\n    \/\/ Start text rotation\r\n    setInterval(rotateText, delay);\r\n})();\r\n<\/script>\r\n<!-- Project Title Module End -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b302c97 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"b302c97\" data-element_type=\"section\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-bed47cb\" data-id=\"bed47cb\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-35b20a7 elementor-widget elementor-widget-html\" data-id=\"35b20a7\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Professional Cards Section Start -->\r\n<section class=\"cards-section\" style=\"    padding: 100px 20px;    background: linear-gradient(180deg,                 #f8f9fa 0%,                 #ffffff 25%,                #f0f4f8 50%,                #ffffff 75%,                #f8f9fa 100%);    position: relative;    overflow: hidden;\">\r\n    <!-- Pattern Background -->\r\n    <div class=\"pattern-bg\"><\/div>\r\n    \r\n    <!-- Decorative Elements -->\r\n    <div class=\"decorative-shapes\"><\/div>\r\n    \r\n    <div class=\"container\" style=\"max-width: 1600px; margin: 0 auto; position: relative; z-index: 2;\">\r\n        \r\n        <!-- Section Divider -->\r\n        <div class=\"section-divider\"><\/div>\r\n        \r\n        <!-- Cards Grid -->\r\n        <div class=\"cards-grid\" style=\"            display: grid;            grid-template-columns: repeat(4, 1fr);            gap: 35px;            margin-top: 50px;        \">\r\n            \r\n            <!-- Card 1: Building, Construction and Infrastructure -->\r\n            <a href=\"https:\/\/ldcellulose.com\/ja\/%e7%94%a8%e9%80%94%e3%81%a8%e7%94%a3%e6%a5%ad\/%e3%83%89%e3%83%a9%e3%82%a4%e3%83%9f%e3%83%83%e3%82%af%e3%82%b9%e3%83%a2%e3%83%ab%e3%82%bf%e3%83%ab\/\" \r\n               target=\"_blank\" \r\n               class=\"card card-1\" \r\n               style=\"text-decoration: none;\">\r\n                <div class=\"card-inner\">\r\n                    <div class=\"card-icon\"><\/div>\r\n                    <div class=\"card-accent-line\"><\/div>\r\n                    <div class=\"card-image-wrapper\">\r\n                        <div class=\"card-frame\"><\/div>\r\n                        <img decoding=\"async\" src=\"https:\/\/ldcellulose.com\/wp-content\/uploads\/2024\/11\/vertical-shot-of-a-red-and-gray-residential-building-in-berlin-.jpg\" \r\n                             alt=\"\u5efa\u7bc9\u30fb\u5efa\u8a2d\u30fb\u30a4\u30f3\u30d5\u30e9\"\r\n                             class=\"card-image\">\r\n                        <div class=\"card-overlay\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"card-content\">\r\n                        <div class=\"card-badge\">\u7279\u96c6<\/div>\r\n                        <h3 class=\"card-title\">\u5efa\u7bc9\u30fb\u5efa\u8a2d\u30fb\u30a4\u30f3\u30d5\u30e9<\/h3>\r\n                        <div class=\"card-underline\"><\/div>\r\n                        <div class=\"card-footer\">\r\n                            <span class=\"card-cta\">\u3082\u3063\u3068\u63a2\u308b<\/span>\r\n                            <span class=\"card-arrow\">\u2192<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n            \r\n            <!-- Card 2: Detergent, Beauty and Personal Care -->\r\n            <a href=\"https:\/\/ldcellulose.com\/ja\/%e7%94%a8%e9%80%94%e3%81%a8%e7%94%a3%e6%a5%ad\/%e6%b4%97%e5%89%a4%e6%b2%b9%e7%94%b0\/\" \r\n               target=\"_blank\" \r\n               class=\"card card-2\" \r\n               style=\"text-decoration: none;\">\r\n                <div class=\"card-inner\">\r\n                    <div class=\"card-icon\"><\/div>\r\n                    <div class=\"card-accent-line\"><\/div>\r\n                    <div class=\"card-image-wrapper\">\r\n                        <div class=\"card-frame\"><\/div>\r\n                        <img decoding=\"async\" src=\"https:\/\/ldcellulose.com\/wp-content\/uploads\/2024\/11\/positive-curly-woman-holding-cosmetic-products-and-looking-away-on-pink-background.jpg\" \r\n                             alt=\"\u6d17\u5264\u3001\u7f8e\u5bb9\u3001\u30d1\u30fc\u30bd\u30ca\u30eb\u30b1\u30a2\"\r\n                             class=\"card-image\">\r\n                        <div class=\"card-overlay\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"card-content\">\r\n                        <div class=\"card-badge\">\u4eba\u6c17<\/div>\r\n                        <h3 class=\"card-title\">\u6d17\u5264\u3001\u7f8e\u5bb9\u3001\u30d1\u30fc\u30bd\u30ca\u30eb\u30b1\u30a2<\/h3>\r\n                        <div class=\"card-underline\"><\/div>\r\n                        <div class=\"card-footer\">\r\n                            <span class=\"card-cta\">\u3082\u3063\u3068\u63a2\u308b<\/span>\r\n                            <span class=\"card-arrow\">\u2192<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n            \r\n            <!-- Card 3: Pharmaceutical intermediates -->\r\n            <a href=\"https:\/\/ldcellulose.com\/ja\/%e7%94%a8%e9%80%94%e3%81%a8%e7%94%a3%e6%a5%ad\/%e5%8c%bb%e8%96%ac%e4%b8%ad%e9%96%93%e4%bd%93\/\" \r\n               target=\"_blank\" \r\n               class=\"card card-3\" \r\n               style=\"text-decoration: none;\">\r\n                <div class=\"card-inner\">\r\n                    <div class=\"card-icon\"><\/div>\r\n                    <div class=\"card-accent-line\"><\/div>\r\n                    <div class=\"card-image-wrapper\">\r\n                        <div class=\"card-frame\"><\/div>\r\n                        <img decoding=\"async\" src=\"https:\/\/ldcellulose.com\/wp-content\/uploads\/2024\/11\/pills-and-tablets-on-pink-background-healthcare-medical-concept-antibiotics-and-cure.jpg\" \r\n                             alt=\"\u533b\u85ac\u54c1\u4e2d\u9593\u4f53\"\r\n                             class=\"card-image\">\r\n                        <div class=\"card-overlay\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"card-content\">\r\n                        <div class=\"card-badge\">\u30d7\u30ec\u30df\u30a2\u30e0<\/div>\r\n                        <h3 class=\"card-title\">\u533b\u85ac\u54c1\u4e2d\u9593\u4f53<\/h3>\r\n                        <div class=\"card-underline\"><\/div>\r\n                        <div class=\"card-footer\">\r\n                            <span class=\"card-cta\">\u3082\u3063\u3068\u63a2\u308b<\/span>\r\n                            <span class=\"card-arrow\">\u2192<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n            \r\n            <!-- Card 4: Food and Beverage -->\r\n            <a href=\"https:\/\/ldcellulose.com\/ja\/%e7%94%a8%e9%80%94%e3%81%a8%e7%94%a3%e6%a5%ad\/%e9%a3%b2%e9%a3%9f%e6%96%99%e5%93%81\/\" \r\n               target=\"_blank\" \r\n               class=\"card card-4\" \r\n               style=\"text-decoration: none;\">\r\n                <div class=\"card-inner\">\r\n                    <div class=\"card-icon\"><\/div>\r\n                    <div class=\"card-accent-line\"><\/div>\r\n                    <div class=\"card-image-wrapper\">\r\n                        <div class=\"card-frame\"><\/div>\r\n                        <img decoding=\"async\" src=\"https:\/\/ldcellulose.com\/wp-content\/uploads\/2024\/11\/bread-with-strawberry-jam.jpg\" \r\n                             alt=\"\u98f2\u98df\"\r\n                             class=\"card-image\">\r\n                        <div class=\"card-overlay\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"card-content\">\r\n                        <div class=\"card-badge\">\u30c8\u30ec\u30f3\u30c9<\/div>\r\n                        <h3 class=\"card-title\">\u98f2\u98df<\/h3>\r\n                        <div class=\"card-underline\"><\/div>\r\n                        <div class=\"card-footer\">\r\n                            <span class=\"card-cta\">\u3082\u3063\u3068\u63a2\u308b<\/span>\r\n                            <span class=\"card-arrow\">\u2192<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n            \r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <!-- Bottom Decoration -->\r\n    <div class=\"bottom-decoration\"><\/div>\r\n<\/section>\r\n\r\n<!-- Cards CSS Styles -->\r\n<style>\r\n\/* Section Divider *\/\r\n.section-divider {\r\n    width: 150px;\r\n    height: 6px;\r\n    background: linear-gradient(90deg, #2563eb 0%, #3b82f6 25%, #60a5fa 50%, #3b82f6 75%, #2563eb 100%);\r\n    margin: 0 auto 20px;\r\n    border-radius: 3px;\r\n    position: relative;\r\n    box-shadow: 0 2px 10px rgba(37, 99, 235, 0.3);\r\n}\r\n\r\n.section-divider::before,\r\n.section-divider::after {\r\n    content: '';\r\n    position: absolute;\r\n    width: 12px;\r\n    height: 12px;\r\n    background: #3b82f6;\r\n    border-radius: 50%;\r\n    top: -3px;\r\n    box-shadow: 0 0 15px rgba(59, 130, 246, 0.6),\r\n                inset 0 0 5px rgba(37, 99, 235, 0.5);\r\n    animation: dividerPulse 2s ease-in-out infinite;\r\n}\r\n\r\n.section-divider::before {\r\n    left: -20px;\r\n}\r\n\r\n.section-divider::after {\r\n    right: -20px;\r\n    animation-delay: 1s;\r\n}\r\n\r\n@keyframes dividerPulse {\r\n    0%, 100% { transform: scale(1); }\r\n    50% { transform: scale(1.3); }\r\n}\r\n\r\n\/* Pattern Background *\/\r\n.pattern-bg {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    opacity: 0.04;\r\n    z-index: 0;\r\n    background-image: \r\n        radial-gradient(circle at 20% 30%, #2563eb 2px, transparent 2px),\r\n        radial-gradient(circle at 80% 70%, #3b82f6 2px, transparent 2px),\r\n        radial-gradient(circle at 40% 80%, #60a5fa 2px, transparent 2px),\r\n        radial-gradient(circle at 60% 20%, #2563eb 2px, transparent 2px);\r\n    background-size: 200px 200px, 250px 250px, 180px 180px, 220px 220px;\r\n    background-position: 0 0, 50px 50px, 100px 0, 150px 100px;\r\n    animation: patternMove 60s linear infinite;\r\n}\r\n\r\n@keyframes patternMove {\r\n    0% { background-position: 0 0, 50px 50px, 100px 0, 150px 100px; }\r\n    100% { background-position: 200px 200px, 250px 250px, 280px 180px, 370px 320px; }\r\n}\r\n\r\n\/* Decorative Shapes *\/\r\n.decorative-shapes {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    pointer-events: none;\r\n    z-index: 1;\r\n}\r\n\r\n.decorative-shapes::before,\r\n.decorative-shapes::after {\r\n    content: '';\r\n    position: absolute;\r\n    width: 300px;\r\n    height: 300px;\r\n    border-radius: 50%;\r\n    opacity: 0.03;\r\n}\r\n\r\n.decorative-shapes::before {\r\n    top: 10%;\r\n    left: 5%;\r\n    background: radial-gradient(circle, #2563eb, transparent);\r\n    animation: shapeFloat 20s ease-in-out infinite;\r\n}\r\n\r\n.decorative-shapes::after {\r\n    bottom: 10%;\r\n    right: 5%;\r\n    background: radial-gradient(circle, #3b82f6, transparent);\r\n    animation: shapeFloat 25s ease-in-out infinite reverse;\r\n}\r\n\r\n@keyframes shapeFloat {\r\n    0%, 100% { transform: translate(0, 0) scale(1); }\r\n    50% { transform: translate(30px, -30px) scale(1.1); }\r\n}\r\n\r\n\/* Card Base Styles *\/\r\n.card {\r\n    display: block;\r\n    position: relative;\r\n    height: 100%;\r\n    transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), \r\n                box-shadow 0.4s ease;\r\n}\r\n\r\n.card:hover {\r\n    transform: translateY(-15px) scale(1.02);\r\n    z-index: 10;\r\n}\r\n\r\n.card-inner {\r\n    position: relative;\r\n    background: #ffffff;\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08),\r\n                0 0 0 4px rgba(59, 130, 246, 0.05);\r\n    border: 4px solid transparent;\r\n    transition: all 0.5s ease;\r\n}\r\n\r\n.card:hover .card-inner {\r\n    border-color: #3b82f6;\r\n    box-shadow: 0 15px 45px rgba(59, 130, 246, 0.25),\r\n                0 0 30px rgba(37, 99, 235, 0.15),\r\n                0 0 0 8px rgba(59, 130, 246, 0.1);\r\n}\r\n\r\n\/* Card Icon *\/\r\n.card-icon {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 20px;\r\n    width: 28px;\r\n    height: 28px;\r\n    background: linear-gradient(135deg, #3b82f6, #2563eb);\r\n    border-radius: 50%;\r\n    z-index: 5;\r\n    box-shadow: 0 0 20px rgba(59, 130, 246, 0.5),\r\n                inset -3px -3px 8px rgba(0, 0, 0, 0.1);\r\n    animation: iconFloat 3s ease-in-out infinite;\r\n}\r\n\r\n.card-icon::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 12px;\r\n    height: 12px;\r\n    background: radial-gradient(circle, rgba(255, 255, 255, 0.8), transparent);\r\n    border-radius: 50%;\r\n}\r\n\r\n@keyframes iconFloat {\r\n    0%, 100% { transform: translateY(0); }\r\n    50% { transform: translateY(-8px); }\r\n}\r\n\r\n\/* Card Accent Line *\/\r\n.card-accent-line {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 4px;\r\n    z-index: 4;\r\n    background: linear-gradient(90deg, \r\n                transparent 0%, \r\n                #2563eb 25%, \r\n                #3b82f6 50%, \r\n                #60a5fa 75%, \r\n                transparent 100%);\r\n    background-size: 200% 100%;\r\n    animation: accentShift 3s linear infinite;\r\n}\r\n\r\n@keyframes accentShift {\r\n    0% { background-position: 0% 0%; }\r\n    100% { background-position: 200% 0%; }\r\n}\r\n\r\n\/* Card Image Wrapper *\/\r\n.card-image-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 420px;\r\n    flex-shrink: 0;\r\n    overflow: hidden;\r\n    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\r\n}\r\n\r\n.card-frame {\r\n    position: absolute;\r\n    top: 10px;\r\n    left: 10px;\r\n    right: 10px;\r\n    bottom: 10px;\r\n    border: 3px solid rgba(59, 130, 246, 0.15);\r\n    border-radius: 10px;\r\n    z-index: 2;\r\n    pointer-events: none;\r\n    transition: all 0.4s ease;\r\n}\r\n\r\n.card:hover .card-frame {\r\n    border-color: rgba(59, 130, 246, 0.5);\r\n    box-shadow: inset 0 0 20px rgba(59, 130, 246, 0.1);\r\n}\r\n\r\n.card-image {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: contain;\r\n    object-position: center;\r\n    transition: transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n    filter: brightness(0.95);\r\n    padding: 15px;\r\n}\r\n\r\n.card:hover .card-image {\r\n    transform: scale(1.08);\r\n    filter: brightness(1.05);\r\n}\r\n\r\n\/* Card Overlay *\/\r\n.card-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(180deg, \r\n                transparent 0%, \r\n                rgba(37, 99, 235, 0.05) 40%,\r\n                rgba(59, 130, 246, 0.1) 100%);\r\n    opacity: 0;\r\n    transition: opacity 0.5s ease;\r\n    z-index: 1;\r\n}\r\n\r\n.card:hover .card-overlay {\r\n    opacity: 1;\r\n}\r\n\r\n\/* Card Content *\/\r\n.card-content {\r\n    padding: 30px 25px;\r\n    background: linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%);\r\n    position: relative;\r\n    flex-grow: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n}\r\n\r\n.card-content::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 4px;\r\n    background: linear-gradient(90deg, \r\n                #2563eb 0%, \r\n                #3b82f6 25%, \r\n                #60a5fa 50%, \r\n                #3b82f6 75%, \r\n                #2563eb 100%);\r\n    background-size: 200% 100%;\r\n    animation: gradientShift 3s linear infinite;\r\n}\r\n\r\n@keyframes gradientShift {\r\n    0% { background-position: 0% 0%; }\r\n    100% { background-position: 200% 0%; }\r\n}\r\n\r\n\/* Card Badge *\/\r\n.card-badge {\r\n    position: absolute;\r\n    top: -15px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);\r\n    color: #ffffff;\r\n    font-family: 'Questrial', sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    padding: 6px 16px;\r\n    border-radius: 20px;\r\n    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3),\r\n                0 0 0 3px rgba(59, 130, 246, 0.15);\r\n    letter-spacing: 0.5px;\r\n    z-index: 2;\r\n}\r\n\r\n.card-2 .card-badge {\r\n    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\r\n}\r\n\r\n.card-3 .card-badge {\r\n    background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);\r\n}\r\n\r\n.card-4 .card-badge {\r\n    background: linear-gradient(135deg, #1e40af 0%, #2563eb 100%);\r\n}\r\n\r\n\/* Card Title *\/\r\n.card-title {\r\n    font-family: 'Questrial', sans-serif;\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    color: #1e40af;\r\n    margin: 15px 0 0 0;\r\n    line-height: 1.4;\r\n    text-align: center;\r\n    transition: all 0.3s ease;\r\n    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\r\n    min-height: 56px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.card:hover .card-title {\r\n    color: #2563eb;\r\n    transform: scale(1.05);\r\n    text-shadow: 0 0 15px rgba(37, 99, 235, 0.2);\r\n}\r\n\r\n\/* Card Underline *\/\r\n.card-underline {\r\n    width: 80px;\r\n    height: 5px;\r\n    background: linear-gradient(90deg, transparent 0%, #3b82f6 50%, transparent 100%);\r\n    margin: 18px auto 0;\r\n    border-radius: 3px;\r\n    opacity: 0;\r\n    transform: scaleX(0);\r\n    transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3);\r\n}\r\n\r\n.card:hover .card-underline {\r\n    opacity: 1;\r\n    transform: scaleX(1);\r\n}\r\n\r\n\/* Card Footer *\/\r\n.card-footer {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    margin-top: 20px;\r\n    opacity: 0;\r\n    transform: translateY(10px);\r\n    transition: all 0.4s ease;\r\n}\r\n\r\n.card:hover .card-footer {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n.card-cta {\r\n    font-family: 'Quicksand', sans-serif;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    color: #2563eb;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n}\r\n\r\n.card-arrow {\r\n    font-size: 18px;\r\n    color: #3b82f6;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.card:hover .card-arrow {\r\n    transform: translateX(5px);\r\n    animation: arrowBounce 0.6s ease-in-out infinite;\r\n}\r\n\r\n@keyframes arrowBounce {\r\n    0%, 100% { transform: translateX(5px); }\r\n    50% { transform: translateX(10px); }\r\n}\r\n\r\n\/* Glow Effect *\/\r\n.card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 0;\r\n    height: 0;\r\n    background: radial-gradient(circle, rgba(59, 130, 246, 0.2), transparent);\r\n    border-radius: 50%;\r\n    opacity: 0;\r\n    transition: all 0.6s ease;\r\n    z-index: 0;\r\n    pointer-events: none;\r\n}\r\n\r\n.card:hover::before {\r\n    width: 120%;\r\n    height: 120%;\r\n    opacity: 1;\r\n}\r\n\r\n\/* Bottom Decoration *\/\r\n.bottom-decoration {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 80px;\r\n    background: linear-gradient(180deg, transparent 0%, rgba(37, 99, 235, 0.02) 100%);\r\n    pointer-events: none;\r\n}\r\n\r\n.bottom-decoration::before {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 30px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 250px;\r\n    height: 4px;\r\n    background: linear-gradient(90deg, \r\n                transparent 0%, \r\n                #2563eb 25%, \r\n                #3b82f6 50%, \r\n                #60a5fa 75%, \r\n                transparent 100%);\r\n    border-radius: 2px;\r\n    opacity: 0.3;\r\n}\r\n\r\n\/* Responsive Design - Tablet *\/\r\n@media (max-width: 1024px) {\r\n    .cards-grid {\r\n        grid-template-columns: repeat(2, 1fr) !important;\r\n        gap: 30px !important;\r\n    }\r\n    \r\n    .card-image-wrapper {\r\n        height: 400px !important;\r\n    }\r\n    \r\n    .card-title {\r\n        font-size: 19px !important;\r\n        min-height: 54px !important;\r\n    }\r\n}\r\n\r\n\/* Responsive Design - Mobile *\/\r\n@media (max-width: 767px) {\r\n    .cards-section {\r\n        padding: 80px 15px !important;\r\n    }\r\n    \r\n    .cards-grid {\r\n        grid-template-columns: 1fr !important;\r\n        gap: 40px !important;\r\n    }\r\n    \r\n    .card-image-wrapper {\r\n        height: 380px !important;\r\n    }\r\n    \r\n    .card-title {\r\n        font-size: 18px !important;\r\n        min-height: 50px !important;\r\n    }\r\n    \r\n    .card-content {\r\n        padding: 25px 20px !important;\r\n    }\r\n    \r\n    .pattern-bg {\r\n        opacity: 0.02 !important;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .card-image-wrapper {\r\n        height: 340px !important;\r\n    }\r\n    \r\n    .card-title {\r\n        font-size: 17px !important;\r\n        min-height: 48px !important;\r\n    }\r\n    \r\n    .card-content {\r\n        padding: 20px 15px !important;\r\n    }\r\n    \r\n    .card-badge {\r\n        font-size: 10px !important;\r\n        padding: 5px 12px !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- Cards JavaScript -->\r\n<script>\r\n(function() {\r\n    const cards = document.querySelectorAll('.card');\r\n    \r\n    \/\/ Add hover effects with glow particles\r\n    cards.forEach((card, index) => {\r\n        card.addEventListener('mouseenter', function() {\r\n            \/\/ Create glow effect on hover\r\n            for (let i = 0; i < 3; i++) {\r\n                setTimeout(() => {\r\n                    const glow = document.createElement('div');\r\n                    glow.style.cssText = `\r\n                        position: absolute;\r\n                        top: ${Math.random() * 100}%;\r\n                        left: ${Math.random() * 100}%;\r\n                        width: ${Math.random() * 40 + 20}px;\r\n                        height: ${Math.random() * 40 + 20}px;\r\n                        background: radial-gradient(circle, rgba(59, 130, 246, 0.3), transparent);\r\n                        border-radius: 50%;\r\n                        pointer-events: none;\r\n                        animation: glowFloat 1.5s ease-out forwards;\r\n                        z-index: 1;\r\n                    `;\r\n                    this.appendChild(glow);\r\n                    \r\n                    setTimeout(() => {\r\n                        glow.remove();\r\n                    }, 1500);\r\n                }, i * 150);\r\n            }\r\n        });\r\n    });\r\n    \r\n    \/\/ Add glow float animation\r\n    const style = document.createElement('style');\r\n    style.textContent = `\r\n        @keyframes glowFloat {\r\n            0% {\r\n                transform: translate(0, 0) scale(0);\r\n                opacity: 0.8;\r\n            }\r\n            50% {\r\n                opacity: 0.4;\r\n            }\r\n            100% {\r\n                transform: translate(${Math.random() * 60 - 30}px, ${Math.random() * 60 - 30}px) scale(1.5);\r\n                opacity: 0;\r\n            }\r\n        }\r\n        \r\n        @keyframes fadeIn {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(30px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n    `;\r\n    document.head.appendChild(style);\r\n    \r\n    \/\/ Staggered animation on scroll\r\n    const observerOptions = {\r\n        threshold: 0.15,\r\n        rootMargin: '0px'\r\n    };\r\n    \r\n    const observer = new IntersectionObserver((entries) => {\r\n        entries.forEach((entry) => {\r\n            if (entry.isIntersecting) {\r\n                setTimeout(() => {\r\n                    entry.target.style.animation = 'fadeIn 0.8s ease-out forwards';\r\n                }, Array.from(cards).indexOf(entry.target) * 200);\r\n                observer.unobserve(entry.target);\r\n            }\r\n        });\r\n    }, observerOptions);\r\n    \r\n    cards.forEach(card => {\r\n        card.style.opacity = '0';\r\n        observer.observe(card);\r\n    });\r\n})();\r\n<\/script>\r\n<!-- Professional Cards Section End -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-92e59f2 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"92e59f2\" data-element_type=\"section\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d308707\" data-id=\"d308707\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8912d19 elementor-widget elementor-widget-html\" data-id=\"8912d19\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Premium Brand Cards Section Start -->\r\n<section class=\"premium-brand-section\" style=\"    padding: 50px 20px;    background: linear-gradient(180deg,                 #f8f8f8 0%,                 #ffffff 50%,                #f8f8f8 100%);    position: relative;    overflow: hidden;\">\r\n    <!-- Elegant Pattern Background -->\r\n    <div class=\"premium-pattern-bg\"><\/div>\r\n    \r\n    <!-- Stars Background -->\r\n    <div class=\"premium-stars-bg\"><\/div>\r\n    \r\n    <div class=\"container\" style=\"max-width: 1800px; margin: 0 auto; position: relative; z-index: 2;\">\r\n        \r\n        <!-- Decorative Line -->\r\n        <div class=\"premium-divider\"><\/div>\r\n        \r\n        <!-- Premium Brand Cards Grid -->\r\n        <div class=\"premium-grid\" style=\"            display: grid;            grid-template-columns: repeat(5, 1fr);            gap: 25px;            margin-top: 30px;        \">\r\n            \r\n            <!-- Premium Card 1: LANDERCOLL -->\r\n            <a href=\"https:\/\/landercoll.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"premium-card premium-card-1\" style=\"text-decoration: none;\">\r\n                <div class=\"premium-wrapper\">\r\n                    <div class=\"premium-box\">\r\n                        <!-- Card Header -->\r\n                        <div class=\"premium-header\">\r\n                            <div class=\"premium-header-surface\"><\/div>\r\n                            <div class=\"premium-header-accent\"><\/div>\r\n                        <\/div>\r\n                        \r\n                        <!-- Card Body -->\r\n                        <div class=\"premium-body\">\r\n                            <div class=\"premium-content\">\r\n                                <h3 class=\"premium-title\">LANDERCOLL<\/h3>\r\n                                <div class=\"premium-line\"><\/div>\r\n                                <p class=\"premium-desc\">LANDERCOLL\u306fLANDU\u306e\u5546\u6a19\u3067\u3001HPMC HEMC\u306a\u3069\u306e\u30bb\u30eb\u30ed\u30fc\u30b9\u88fd\u54c1\u3092\u63d0\u4f9b\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\r\n                                <div class=\"premium-btn\">\r\n                                    <span>\u3082\u3063\u3068\u898b\u308b<\/span>\r\n                                    <span class=\"premium-arrow\">\u2192<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n            \r\n            <!-- Premium Card 2: ACCURATE -->\r\n            <a href=\"https:\/\/ldcellulose.com\/ja\/%e3%82%a2%e3%82%ad%e3%83%a5%e3%82%a2%e3%83%b4%e3%82%a7%e5%86%8d%e5%88%86%e6%95%a3%e6%80%a7%e3%83%91%e3%82%a6%e3%83%80%e3%83%bc\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"premium-card premium-card-2\" style=\"text-decoration: none;\">\r\n                <div class=\"premium-wrapper\">\r\n                    <div class=\"premium-box\">\r\n                        <div class=\"premium-header\">\r\n                            <div class=\"premium-header-surface\"><\/div>\r\n                            <div class=\"premium-header-accent\"><\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"premium-body\">\r\n                            <div class=\"premium-content\">\r\n                                <h3 class=\"premium-title\">ACCURATE<\/h3>\r\n                                <div class=\"premium-line\"><\/div>\r\n                                <p class=\"premium-desc\">Accurate\u306fLANDU\u306e\u5546\u6a19\u3067\u3001\u518d\u5206\u6563\u6027\u30dd\u30ea\u30de\u30fc\u30d1\u30a6\u30c0\u30fc\u88fd\u54c1\u3092\u63d0\u4f9b\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\r\n                                <div class=\"premium-btn\">\r\n                                    <span>\u3082\u3063\u3068\u898b\u308b<\/span>\r\n                                    <span class=\"premium-arrow\">\u2192<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n            \r\n            <!-- Premium Card 3: NOVASTAR -->\r\n            <a href=\"https:\/\/landuchem.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"premium-card premium-card-3\" style=\"text-decoration: none;\">\r\n                <div class=\"premium-wrapper\">\r\n                    <div class=\"premium-box\">\r\n                        <div class=\"premium-header\">\r\n                            <div class=\"premium-header-surface\"><\/div>\r\n                            <div class=\"premium-header-accent\"><\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"premium-body\">\r\n                            <div class=\"premium-content\">\r\n                                <h3 class=\"premium-title\">NOVASTAR<\/h3>\r\n                                <div class=\"premium-line\"><\/div>\r\n                                <p class=\"premium-desc\">\u30ce\u30d0\u30b9\u30bf\u30fc\u306f\u3001LANDU\u306e\u5546\u6a19\u3067\u3042\u308a\u3001\u6a19\u6e96\u54c1\u304a\u3088\u3073\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3055\u308c\u305f\u5316\u5b66\u88fd\u54c1\u304a\u3088\u3073\u8a98\u5c0e\u4f53\u88fd\u54c1\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002<\/p>\r\n                                <div class=\"premium-btn\">\r\n                                    <span>\u3082\u3063\u3068\u898b\u308b<\/span>\r\n                                    <span class=\"premium-arrow\">\u2192<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n            \r\n            <!-- Premium Card 4: DEFINE -->\r\n            <a href=\"https:\/\/ldcellulose.com\/ja\/%e9%a3%9f%e5%93%81%e6%b7%bb%e5%8a%a0%e7%89%a9%e3%81%ae%e5%8c%96%e5%ad%a6%e7%9a%84%e5%ae%9a%e7%be%a9\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"premium-card premium-card-4\" style=\"text-decoration: none;\">\r\n                <div class=\"premium-wrapper\">\r\n                    <div class=\"premium-box\">\r\n                        <div class=\"premium-header\">\r\n                            <div class=\"premium-header-surface\"><\/div>\r\n                            <div class=\"premium-header-accent\"><\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"premium-body\">\r\n                            <div class=\"premium-content\">\r\n                                <h3 class=\"premium-title\">DEFINE<\/h3>\r\n                                <div class=\"premium-line\"><\/div>\r\n                                <p class=\"premium-desc\">\u30e9\u30f3\u30c7\u30e5\u306e\u5546\u6a19\u3092\u5b9a\u7fa9 \u98df\u54c1\u6dfb\u52a0\u7269 \u5316\u5b66\u54c1<\/p>\r\n                                <div class=\"premium-btn\">\r\n                                    <span>\u3082\u3063\u3068\u898b\u308b<\/span>\r\n                                    <span class=\"premium-arrow\">\u2192<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n            \r\n            <!-- Premium Card 5: UQUICK -->\r\n            <a href=\"https:\/\/ldcellulose.com\/ja\/%e3%83%a6%e3%83%bc%e3%82%af%e3%82%a4%e3%83%83%e3%82%af%e5%8c%bb%e8%96%ac%e4%b8%ad%e9%96%93%e4%bd%93\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"premium-card premium-card-5\" style=\"text-decoration: none;\">\r\n                <div class=\"premium-wrapper\">\r\n                    <div class=\"premium-box\">\r\n                        <div class=\"premium-header\">\r\n                            <div class=\"premium-header-surface\"><\/div>\r\n                            <div class=\"premium-header-accent\"><\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"premium-body\">\r\n                            <div class=\"premium-content\">\r\n                                <h3 class=\"premium-title\">UQUICK<\/h3>\r\n                                <div class=\"premium-line\"><\/div>\r\n                                <p class=\"premium-desc\">UQuick\u306f\u30e9\u30f3\u30c7\u30e5\u306e\u5546\u6a19\u3067\u3001\u533b\u85ac\u4e2d\u9593\u4f53\u3092\u63d0\u4f9b\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\r\n                                <div class=\"premium-btn\">\r\n                                    <span>\u3082\u3063\u3068\u898b\u308b<\/span>\r\n                                    <span class=\"premium-arrow\">\u2192<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n            \r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Premium Brand Cards CSS Styles -->\r\n<style>\r\n\/* Premium Divider *\/\r\n.premium-divider {\r\n    width: 200px;\r\n    height: 1px;\r\n    background: linear-gradient(90deg, \r\n                transparent 0%, \r\n                #D4AF37 25%, \r\n                #FFD700 50%, \r\n                #D4AF37 75%, \r\n                transparent 100%);\r\n    margin: 0 auto 20px;\r\n    position: relative;\r\n    box-shadow: 0 1px 8px rgba(212, 175, 55, 0.3);\r\n}\r\n\r\n.premium-divider::before,\r\n.premium-divider::after {\r\n    content: '\u25c6';\r\n    position: absolute;\r\n    color: #D4AF37;\r\n    font-size: 10px;\r\n    top: -4px;\r\n    animation: premiumDiamondPulse 2s ease-in-out infinite;\r\n}\r\n\r\n.premium-divider::before {\r\n    left: -18px;\r\n}\r\n\r\n.premium-divider::after {\r\n    right: -18px;\r\n    animation-delay: 1s;\r\n}\r\n\r\n@keyframes premiumDiamondPulse {\r\n    0%, 100% { opacity: 0.5; transform: scale(1); }\r\n    50% { opacity: 1; transform: scale(1.2); }\r\n}\r\n\r\n\/* Premium Pattern Background *\/\r\n.premium-pattern-bg {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    opacity: 0.02;\r\n    z-index: 0;\r\n    background-image: repeating-linear-gradient(45deg, \r\n                      #D4AF37 0px, \r\n                      #D4AF37 1px, \r\n                      transparent 1px, \r\n                      transparent 20px);\r\n}\r\n\r\n\/* Premium Stars Background *\/\r\n.premium-stars-bg {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    pointer-events: none;\r\n    z-index: 1;\r\n}\r\n\r\n.premium-stars-bg::before,\r\n.premium-stars-bg::after {\r\n    content: '\u2726';\r\n    position: absolute;\r\n    color: #D4AF37;\r\n    font-size: 24px;\r\n    opacity: 0.12;\r\n    animation: premiumStarTwinkle 4s ease-in-out infinite;\r\n    text-shadow: 0 0 12px rgba(212, 175, 55, 0.4);\r\n}\r\n\r\n.premium-stars-bg::before {\r\n    top: 8%;\r\n    left: 6%;\r\n}\r\n\r\n.premium-stars-bg::after {\r\n    top: 12%;\r\n    right: 6%;\r\n    animation-delay: 2s;\r\n}\r\n\r\n@keyframes premiumStarTwinkle {\r\n    0%, 100% { \r\n        opacity: 0.12; \r\n        transform: scale(1) rotate(0deg); \r\n    }\r\n    50% { \r\n        opacity: 0.3; \r\n        transform: scale(1.2) rotate(180deg); \r\n    }\r\n}\r\n\r\n\/* Premium Card *\/\r\n.premium-card {\r\n    display: block;\r\n    position: relative;\r\n    height: 240px;\r\n    transition: transform 0.4s ease;\r\n    perspective: 1000px;\r\n}\r\n\r\n.premium-card:hover {\r\n    transform: translateY(-8px);\r\n    z-index: 10;\r\n}\r\n\r\n\/* Premium Wrapper *\/\r\n.premium-wrapper {\r\n    position: relative;\r\n    height: 100%;\r\n}\r\n\r\n\/* Premium Box *\/\r\n.premium-box {\r\n    position: relative;\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    border-radius: 12px;\r\n    overflow: hidden;\r\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\r\n    transition: box-shadow 0.4s ease;\r\n}\r\n\r\n.premium-card:hover .premium-box {\r\n    box-shadow: 0 8px 35px rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n\/* Card Header *\/\r\n.premium-header {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 55px;\r\n    z-index: 3;\r\n}\r\n\r\n\/* Header Surface *\/\r\n.premium-header-surface {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(145deg, \r\n                #8B0000 0%, \r\n                #A52A2A 20%,\r\n                #C41E3A 40%,\r\n                #DC143C 50%,\r\n                #C41E3A 60%,\r\n                #A52A2A 80%,\r\n                #8B0000 100%);\r\n    box-shadow: \r\n        inset 0 2px 6px rgba(255, 255, 255, 0.25),\r\n        inset 0 -2px 6px rgba(0, 0, 0, 0.35);\r\n}\r\n\r\n\/* Header Surface \u9ad8\u5149 *\/\r\n.premium-header-surface::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 20%;\r\n    left: 15%;\r\n    width: 70%;\r\n    height: 35%;\r\n    background: radial-gradient(ellipse at center, \r\n                rgba(255, 255, 255, 0.25) 0%,\r\n                rgba(255, 255, 255, 0.12) 40%,\r\n                transparent 70%);\r\n    border-radius: 50%;\r\n}\r\n\r\n\/* Header Accent - \u91d1\u8272\u88c5\u9970\u6761 *\/\r\n.premium-header-accent {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 60px;\r\n    height: 4px;\r\n    background: linear-gradient(90deg, \r\n                transparent 0%,\r\n                #D4AF37 20%,\r\n                #FFD700 50%,\r\n                #D4AF37 80%,\r\n                transparent 100%);\r\n    border-radius: 2px;\r\n    box-shadow: 0 0 10px rgba(212, 175, 55, 0.5);\r\n}\r\n\r\n\/* Card Body *\/\r\n.premium-body {\r\n    flex: 1;\r\n    background: linear-gradient(145deg, \r\n                #C41E3A 0%, \r\n                #DC143C 50%, \r\n                #B71C1C 100%);\r\n    padding: 18px 16px 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.25);\r\n}\r\n\r\n\/* Premium Content *\/\r\n.premium-content {\r\n    text-align: center;\r\n    position: relative;\r\n    z-index: 3;\r\n    width: 100%;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.premium-card:hover .premium-content {\r\n    transform: scale(1.02);\r\n}\r\n\r\n\/* Premium Title *\/\r\n.premium-title {\r\n    font-family: 'Questrial', sans-serif;\r\n    font-size: 24px;\r\n    font-weight: 900;\r\n    color: #FFFFFF;\r\n    margin: 0 0 10px 0;\r\n    text-shadow: \r\n        0 2px 4px rgba(0, 0, 0, 0.3),\r\n        0 0 20px rgba(255, 215, 0, 0.3);\r\n    transition: all 0.3s ease;\r\n    letter-spacing: 0.5px;\r\n    line-height: 1.2;\r\n}\r\n\r\n.premium-card:hover .premium-title {\r\n    color: #FFD700;\r\n    text-shadow: \r\n        0 2px 6px rgba(0, 0, 0, 0.4),\r\n        0 0 25px rgba(255, 215, 0, 0.5);\r\n}\r\n\r\n\/* Premium Line *\/\r\n.premium-line {\r\n    width: 70px;\r\n    height: 2px;\r\n    background: linear-gradient(90deg, transparent 0%, #FFD700 50%, transparent 100%);\r\n    margin: 0 auto 12px;\r\n    box-shadow: 0 0 10px rgba(255, 215, 0, 0.4);\r\n}\r\n\r\n\/* Premium Description *\/\r\n.premium-desc {\r\n    font-family: 'Quicksand', sans-serif;\r\n    font-size: 15px;\r\n    line-height: 1.6;\r\n    color: rgba(255, 255, 255, 0.95);\r\n    margin: 0 0 14px 0;\r\n    transition: color 0.3s ease;\r\n    font-weight: 500;\r\n    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.premium-card:hover .premium-desc {\r\n    color: #FFFFFF;\r\n}\r\n\r\n\/* Premium Button *\/\r\n.premium-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 11px 26px;\r\n    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);\r\n    color: #8B0000;\r\n    font-family: 'Quicksand', sans-serif;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    border-radius: 25px;\r\n    box-shadow: \r\n        0 4px 15px rgba(255, 215, 0, 0.4),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.4);\r\n    transition: all 0.3s ease;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.premium-btn::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: -100%;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);\r\n    transition: left 0.6s ease;\r\n}\r\n\r\n.premium-card:hover .premium-btn::before {\r\n    left: 100%;\r\n}\r\n\r\n.premium-card:hover .premium-btn {\r\n    transform: translateY(-2px);\r\n    box-shadow: \r\n        0 6px 20px rgba(255, 215, 0, 0.5),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.5);\r\n}\r\n\r\n.premium-arrow {\r\n    font-size: 16px;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.premium-card:hover .premium-arrow {\r\n    transform: translateX(4px);\r\n}\r\n\r\n\/* \u4e0d\u540c\u5361\u7247\u7684\u914d\u8272 *\/\r\n.premium-card-2 .premium-header-surface {\r\n    background: linear-gradient(145deg, \r\n                #064D2A 0%, \r\n                #0F8B4F 20%,\r\n                #10A05B 40%,\r\n                #11B566 50%,\r\n                #10A05B 60%,\r\n                #0F8B4F 80%,\r\n                #064D2A 100%);\r\n}\r\n\r\n.premium-card-2 .premium-body {\r\n    background: linear-gradient(145deg, \r\n                #0F8B4F 0%, \r\n                #10A05B 50%, \r\n                #0D7A43 100%);\r\n}\r\n\r\n.premium-card-3 .premium-header-surface {\r\n    background: linear-gradient(145deg, \r\n                #0D47A1 0%, \r\n                #1565C0 20%,\r\n                #1E88E5 40%,\r\n                #42A5F5 50%,\r\n                #1E88E5 60%,\r\n                #1565C0 80%,\r\n                #0D47A1 100%);\r\n}\r\n\r\n.premium-card-3 .premium-body {\r\n    background: linear-gradient(145deg, \r\n                #1565C0 0%, \r\n                #1E88E5 50%, \r\n                #0D47A1 100%);\r\n}\r\n\r\n.premium-card-4 .premium-header-surface {\r\n    background: linear-gradient(145deg, \r\n                #4A148C 0%, \r\n                #6A1B9A 20%,\r\n                #8E24AA 40%,\r\n                #AB47BC 50%,\r\n                #8E24AA 60%,\r\n                #6A1B9A 80%,\r\n                #4A148C 100%);\r\n}\r\n\r\n.premium-card-4 .premium-body {\r\n    background: linear-gradient(145deg, \r\n                #6A1B9A 0%, \r\n                #8E24AA 50%, \r\n                #4A148C 100%);\r\n}\r\n\r\n.premium-card-5 .premium-header-surface {\r\n    background: linear-gradient(145deg, \r\n                #BF360C 0%, \r\n                #D84315 20%,\r\n                #FF5722 40%,\r\n                #FF7043 50%,\r\n                #FF5722 60%,\r\n                #D84315 80%,\r\n                #BF360C 100%);\r\n}\r\n\r\n.premium-card-5 .premium-body {\r\n    background: linear-gradient(145deg, \r\n                #D84315 0%, \r\n                #FF5722 50%, \r\n                #BF360C 100%);\r\n}\r\n\r\n\/* Responsive Design - Large Tablet *\/\r\n@media (max-width: 1400px) {\r\n    .premium-grid {\r\n        grid-template-columns: repeat(3, 1fr) !important;\r\n        gap: 22px !important;\r\n    }\r\n}\r\n\r\n\/* Responsive Design - Tablet *\/\r\n@media (max-width: 1024px) {\r\n    .premium-grid {\r\n        grid-template-columns: repeat(2, 1fr) !important;\r\n        gap: 20px !important;\r\n    }\r\n    \r\n    .premium-card {\r\n        height: 230px !important;\r\n    }\r\n    \r\n    .premium-title {\r\n        font-size: 22px !important;\r\n    }\r\n    \r\n    .premium-desc {\r\n        font-size: 14px !important;\r\n    }\r\n}\r\n\r\n\/* Responsive Design - Mobile *\/\r\n@media (max-width: 767px) {\r\n    .premium-brand-section {\r\n        padding: 45px 15px !important;\r\n    }\r\n    \r\n    .premium-grid {\r\n        grid-template-columns: 1fr !important;\r\n        gap: 25px !important;\r\n    }\r\n    \r\n    .premium-card {\r\n        height: 240px !important;\r\n    }\r\n    \r\n    .premium-title {\r\n        font-size: 23px !important;\r\n    }\r\n    \r\n    .premium-desc {\r\n        font-size: 15px !important;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .premium-title {\r\n        font-size: 22px !important;\r\n    }\r\n    \r\n    .premium-desc {\r\n        font-size: 14px !important;\r\n    }\r\n    \r\n    .premium-btn {\r\n        padding: 10px 24px !important;\r\n        font-size: 13px !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- Premium Brand Cards JavaScript -->\r\n<script>\r\n(function() {\r\n    \/\/ Create additional stars\r\n    const starsBg = document.querySelector('.premium-stars-bg');\r\n    if (starsBg) {\r\n        const starCount = 8;\r\n        \r\n        for (let i = 0; i < starCount; i++) {\r\n            const star = document.createElement('div');\r\n            star.innerHTML = '\u2726';\r\n            star.style.cssText = `\r\n                position: absolute;\r\n                color: #D4AF37;\r\n                font-size: ${Math.random() * 18 + 14}px;\r\n                top: ${Math.random() * 85 + 8}%;\r\n                left: ${Math.random() * 92 + 4}%;\r\n                opacity: 0.1;\r\n                animation: premiumStarTwinkle ${Math.random() * 5 + 4}s ease-in-out infinite;\r\n                animation-delay: ${Math.random() * 5}s;\r\n                text-shadow: 0 0 10px rgba(212, 175, 55, 0.4);\r\n            `;\r\n            starsBg.appendChild(star);\r\n        }\r\n    }\r\n    \r\n    \/\/ Fade in animation keyframes\r\n    const style = document.createElement('style');\r\n    style.textContent = `\r\n        @keyframes premiumFadeIn {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(20px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n    `;\r\n    document.head.appendChild(style);\r\n    \r\n    \/\/ Staggered animation on scroll\r\n    const observerOptions = {\r\n        threshold: 0.15,\r\n        rootMargin: '0px'\r\n    };\r\n    \r\n    const premiumCards = document.querySelectorAll('.premium-card');\r\n    \r\n    const observer = new IntersectionObserver((entries) => {\r\n        entries.forEach((entry) => {\r\n            if (entry.isIntersecting) {\r\n                const cards = entry.target.querySelectorAll('.premium-card');\r\n                cards.forEach((card, index) => {\r\n                    setTimeout(() => {\r\n                        card.style.animation = 'premiumFadeIn 0.8s ease-out forwards';\r\n                    }, index * 150);\r\n                });\r\n                observer.unobserve(entry.target);\r\n            }\r\n        });\r\n    }, observerOptions);\r\n    \r\n    const premiumGrid = document.querySelector('.premium-grid');\r\n    if (premiumGrid) {\r\n        premiumCards.forEach(card => {\r\n            card.style.opacity = '0';\r\n        });\r\n        observer.observe(premiumGrid);\r\n    }\r\n})();\r\n<\/script>\r\n<!-- Premium Brand Cards Section End -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c2f69e8 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"c2f69e8\" data-element_type=\"section\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-07515d2\" data-id=\"07515d2\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-12a81b1 elementor-widget elementor-widget-html\" data-id=\"12a81b1\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- About LANDU Section Start -->\r\n<section class=\"about-landu-section\" style=\"    padding: 100px 20px;    background: linear-gradient(180deg,                 #ffffff 0%,                 #f8f9fa 50%,                #ffffff 100%);    position: relative;    overflow: hidden;\">\r\n    <!-- Decorative Pattern Background -->\r\n    <div class=\"about-pattern-bg\"><\/div>\r\n    \r\n    <!-- Decorative Elements Background -->\r\n    <div class=\"about-decorative-bg\"><\/div>\r\n    \r\n    <div class=\"container\" style=\"max-width: 1600px; margin: 0 auto; position: relative; z-index: 2;\">\r\n        \r\n        <!-- Decorative Line -->\r\n        <div class=\"about-divider\"><\/div>\r\n        \r\n        <!-- About Content Grid -->\r\n        <div class=\"about-grid\" style=\"            display: grid;            grid-template-columns: 1fr 1fr;            gap: 60px;            align-items: center;            margin-top: 50px;        \">\r\n            \r\n            <!-- Left Content -->\r\n            <div class=\"about-content\">\r\n                <!-- Main Title -->\r\n                <div class=\"about-title-wrapper\">\r\n                    <h2 class=\"about-main-title\">\u30e9\u30f3\u30c7\u30e5\uff1a1\u30b0\u30e9\u30e01\u30b0\u30e9\u30e0\u306b\u3053\u3060\u308f\u308b<\/h2>\r\n                <\/div>\r\n                \r\n                <!-- Subtitle -->\r\n                <h3 class=\"about-subtitle\">\u30d1\u30fc\u30c8\u30ca\u30fc\u3001\u30e1\u30fc\u30ab\u30fc\u3001\u30a4\u30ce\u30d9\u30fc\u30bf\u30fc<\/h3>\r\n                \r\n                <!-- Decorative Line -->\r\n                <div class=\"about-content-line\"><\/div>\r\n                \r\n                <!-- Description Paragraphs -->\r\n                <div class=\"about-description\">\r\n                    <p class=\"about-paragraph\">\r\n                        \u4e2d\u56fd\u306e\u30bb\u30eb\u30ed\u30fc\u30b9\u30a8\u30fc\u30c6\u30eb\u304a\u3088\u3073VAE RDP\u306e\u30c8\u30c3\u30d7\u30e1\u30fc\u30ab\u30fc\u3068\u3057\u3066\u3001\u5f53\u793e\u306f3\u3064\u306e\u751f\u7523\u62e0\u70b9\u3067\u5e74\u959375,000\u30c8\u30f3\u306e\u751f\u7523\u80fd\u529b\u3092\u8a87\u308a\u3001\u4e16\u754c60\u30ab\u56fd\u4ee5\u4e0a\u306e\u9867\u5ba2\u3068\u30d1\u30fc\u30c8\u30ca\u30fc\u306b\u30b5\u30fc\u30d3\u30b9\u3092\u63d0\u4f9b\u3057\u3066\u3044\u307e\u3059\u3002\r\n                    <\/p>\r\n                    \r\n                    <p class=\"about-paragraph\">\r\n                        \u8c4a\u5bcc\u306a\u5c02\u9580\u77e5\u8b58\u3068\u7d4c\u9a13\u306b\u88cf\u6253\u3061\u3055\u308c\u305f\u30e9\u30f3\u30c9\u30a5\u306e\u6280\u8853\u30b5\u30dd\u30fc\u30c8\u30c1\u30fc\u30e0\u306f\u3001\u4e00\u6d41\u306e\u30b5\u30fc\u30d3\u30b9\u3092\u63d0\u4f9b\u3057\u3066\u3044\u307e\u3059\u3002\u88fd\u5264\u7814\u7a76\u3001\u958b\u767a\u3001\u88fd\u54c1\u8a66\u9a13\u306b\u304a\u3044\u3066\u6570\u5341\u5e74\u306e\u7d4c\u9a13\u3092\u6301\u3064\u5f7c\u3089\u306f\u3001\u9867\u5ba2\u304c\u9069\u5207\u306a\u88fd\u54c1\u3092\u958b\u767a\u3057\u3001\u6700\u9069\u5316\u3059\u308b\u306e\u3092\u652f\u63f4\u3059\u308b\u6e96\u5099\u304c\u6574\u3063\u3066\u3044\u307e\u3059\u3002\r\n                    <\/p>\r\n                    \r\n                    <p class=\"about-paragraph\">\r\n                        \u30a4\u30ce\u30d9\u30fc\u30b7\u30e7\u30f3\u3068\u9867\u5ba2\u4e2d\u5fc3\u306e\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3078\u306e\u732e\u8eab\u306f\u3001\u5f53\u793e\u306e\u4f01\u696d\u6587\u5316\u306b\u6df1\u304f\u6839\u3056\u3057\u3066\u3044\u307e\u3059\u3002\u5f53\u793e\u306f\u5148\u99c6\u7684\u306a\u7814\u7a76\u958b\u767a\u30bb\u30f3\u30bf\u30fc\u3068\u5fdc\u7528\u7814\u7a76\u6240\u3092\u8a2d\u7acb\u3057\u3001\u5c0a\u656c\u3059\u308b\u304a\u5ba2\u69d8\u3068\u306e\u7dca\u5bc6\u306a\u5354\u529b\u3092\u901a\u3058\u3066\u3001\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3055\u308c\u305f\u751f\u7523\u3068\u8fc5\u901f\u306a\u30b5\u30fc\u30d3\u30b9\u3092\u63d0\u4f9b\u3057\u3066\u3044\u307e\u3059\u3002\u5f53\u793e\u306e\u88fd\u54c1\u306f\u73fe\u5728\u300160\u3092\u8d85\u3048\u308b\u56fd\u3084\u5730\u57df\u306b\u4f9b\u7d66\u3055\u308c\u3066\u304a\u308a\u3001\u5148\u9032\u7684\u306a\u5efa\u6750\u6dfb\u52a0\u5264\u306e\u30c8\u30c3\u30d7\u30b5\u30d7\u30e9\u30a4\u30e4\u30fc\u306b\u306a\u308b\u3068\u3044\u3046\u5f53\u793e\u306e\u78ba\u56fa\u305f\u308b\u30b3\u30df\u30c3\u30c8\u30e1\u30f3\u30c8\u3092\u518d\u78ba\u8a8d\u3057\u3066\u3044\u307e\u3059\u3002\r\n                    <\/p>\r\n                <\/div>\r\n                \r\n                <!-- Stats -->\r\n                <div class=\"about-stats\">\r\n                    <div class=\"about-stat-item\">\r\n                        <div class=\"about-stat-number\">3<\/div>\r\n                        <div class=\"about-stat-label\">\u751f\u7523\u62e0\u70b9<\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"about-stat-item\">\r\n                        <div class=\"about-stat-number\">75,000<\/div>\r\n                        <div class=\"about-stat-label\">\u30c8\u30f3\u5bb9\u91cf<\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"about-stat-item\">\r\n                        <div class=\"about-stat-number\">60+<\/div>\r\n                        <div class=\"about-stat-label\">\u63d0\u4f9b\u5730\u57df<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Right Image -->\r\n            <div class=\"about-image-wrapper\">\r\n                <!-- Frame Decoration -->\r\n                <div class=\"about-frame-top\"><\/div>\r\n                <div class=\"about-frame-bottom\"><\/div>\r\n                <div class=\"about-frame-left\"><\/div>\r\n                <div class=\"about-frame-right\"><\/div>\r\n                \r\n                <!-- Corner Accents -->\r\n                <div class=\"about-corner-accent about-corner-tl\"><\/div>\r\n                <div class=\"about-corner-accent about-corner-tr\"><\/div>\r\n                <div class=\"about-corner-accent about-corner-bl\"><\/div>\r\n                <div class=\"about-corner-accent about-corner-br\"><\/div>\r\n                \r\n                <!-- Image Container -->\r\n                <div class=\"about-image-container\">\r\n                    <img decoding=\"async\" src=\"https:\/\/ldcellulose.com\/wp-content\/uploads\/2024\/11\/scenic-view-of-the-austin-skyline-featuring-modern-high-rise-buildings.jpg\" \r\n                         alt=\"LANDU\u88fd\u9020\u65bd\u8a2d\"\r\n                         class=\"about-image\">\r\n                    <div class=\"about-image-overlay\"><\/div>\r\n                    <div class=\"about-image-shine\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <!-- Bottom Decoration -->\r\n    <div class=\"about-bottom-decoration\"><\/div>\r\n<\/section>\r\n\r\n<!-- About LANDU CSS Styles -->\r\n<style>\r\n\/* About Divider *\/\r\n.about-divider {\r\n    width: 200px;\r\n    height: 2px;\r\n    background: linear-gradient(90deg, \r\n                transparent 0%, \r\n                #2563eb 25%, \r\n                #3b82f6 50%, \r\n                #2563eb 75%, \r\n                transparent 100%);\r\n    margin: 0 auto 30px;\r\n    position: relative;\r\n    box-shadow: 0 2px 10px rgba(37, 99, 235, 0.3);\r\n}\r\n\r\n.about-divider::before,\r\n.about-divider::after {\r\n    content: '';\r\n    position: absolute;\r\n    width: 8px;\r\n    height: 8px;\r\n    background: #3b82f6;\r\n    border-radius: 50%;\r\n    top: -3px;\r\n    box-shadow: 0 0 10px rgba(59, 130, 246, 0.6);\r\n    animation: aboutDotPulse 2s ease-in-out infinite;\r\n}\r\n\r\n.about-divider::before {\r\n    left: -20px;\r\n}\r\n\r\n.about-divider::after {\r\n    right: -20px;\r\n    animation-delay: 1s;\r\n}\r\n\r\n@keyframes aboutDotPulse {\r\n    0%, 100% { opacity: 0.6; transform: scale(1); }\r\n    50% { opacity: 1; transform: scale(1.3); }\r\n}\r\n\r\n\/* About Pattern Background *\/\r\n.about-pattern-bg {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    opacity: 0.04;\r\n    z-index: 0;\r\n    background-image: \r\n        radial-gradient(circle at 20% 30%, #2563eb 2px, transparent 2px),\r\n        radial-gradient(circle at 80% 70%, #3b82f6 2px, transparent 2px),\r\n        radial-gradient(circle at 40% 80%, #60a5fa 2px, transparent 2px),\r\n        radial-gradient(circle at 60% 20%, #2563eb 2px, transparent 2px);\r\n    background-size: 150px 150px, 180px 180px, 200px 200px, 160px 160px;\r\n    background-position: 0 0, 50px 50px, 100px 0, 120px 80px;\r\n    animation: aboutPatternMove 60s linear infinite;\r\n}\r\n\r\n@keyframes aboutPatternMove {\r\n    0% { background-position: 0 0, 50px 50px, 100px 0, 120px 80px; }\r\n    100% { background-position: 150px 150px, 230px 230px, 300px 200px, 280px 240px; }\r\n}\r\n\r\n\/* About Decorative Background *\/\r\n.about-decorative-bg {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    pointer-events: none;\r\n    z-index: 1;\r\n    opacity: 0.05;\r\n}\r\n\r\n.about-decorative-bg::before,\r\n.about-decorative-bg::after {\r\n    content: '';\r\n    position: absolute;\r\n    width: 250px;\r\n    height: 250px;\r\n    border-radius: 50%;\r\n    background: radial-gradient(circle, #3b82f6, transparent);\r\n    animation: aboutDecorativeFloat 20s ease-in-out infinite;\r\n}\r\n\r\n.about-decorative-bg::before {\r\n    top: 10%;\r\n    left: 5%;\r\n}\r\n\r\n.about-decorative-bg::after {\r\n    bottom: 10%;\r\n    right: 5%;\r\n    animation-delay: 10s;\r\n}\r\n\r\n@keyframes aboutDecorativeFloat {\r\n    0%, 100% { \r\n        transform: translate(0, 0);\r\n    }\r\n    50% { \r\n        transform: translate(20px, -20px);\r\n    }\r\n}\r\n\r\n\/* About Content *\/\r\n.about-content {\r\n    position: relative;\r\n    animation: fadeIn 0.8s ease-out;\r\n}\r\n\r\n@keyframes fadeIn {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n\/* About Title Wrapper *\/\r\n.about-title-wrapper {\r\n    position: relative;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n\/* About Main Title *\/\r\n.about-main-title {\r\n    font-family: 'Questrial', sans-serif;\r\n    font-size: 42px;\r\n    font-weight: 900;\r\n    color: #1e40af;\r\n    margin: 0;\r\n    line-height: 1.2;\r\n    text-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);\r\n    animation: aboutTitleGlow 3s ease-in-out infinite;\r\n}\r\n\r\n@keyframes aboutTitleGlow {\r\n    0%, 100% { \r\n        text-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);\r\n    }\r\n    50% { \r\n        text-shadow: 0 3px 8px rgba(0, 0, 0, 0.1),\r\n                     0 0 20px rgba(59, 130, 246, 0.2);\r\n    }\r\n}\r\n\r\n\/* About Subtitle *\/\r\n.about-subtitle {\r\n    font-family: 'Quicksand', sans-serif;\r\n    font-size: 24px;\r\n    font-weight: 700;\r\n    color: #2563eb;\r\n    margin: 15px 0 25px 0;\r\n    text-shadow: 0 2px 6px rgba(37, 99, 235, 0.2);\r\n}\r\n\r\n\/* About Content Line *\/\r\n.about-content-line {\r\n    width: 80px;\r\n    height: 3px;\r\n    background: linear-gradient(90deg, #2563eb 0%, #3b82f6 50%, #60a5fa 100%);\r\n    margin: 0 0 30px 0;\r\n    border-radius: 2px;\r\n    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3);\r\n}\r\n\r\n\/* About Description *\/\r\n.about-description {\r\n    margin-bottom: 40px;\r\n}\r\n\r\n.about-paragraph {\r\n    font-family: 'Quicksand', sans-serif;\r\n    font-size: 16px;\r\n    line-height: 1.8;\r\n    color: #555;\r\n    margin: 0 0 20px 0;\r\n    text-align: justify;\r\n    transition: color 0.3s ease;\r\n}\r\n\r\n.about-paragraph:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n\/* About Stats *\/\r\n.about-stats {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 30px;\r\n    margin-top: 40px;\r\n}\r\n\r\n.about-stat-item {\r\n    text-align: center;\r\n    padding: 25px 15px;\r\n    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);\r\n    border-radius: 15px;\r\n    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);\r\n    border: 2px solid transparent;\r\n    transition: all 0.4s ease;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.about-stat-item::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 3px;\r\n    background: linear-gradient(90deg, #2563eb 0%, #3b82f6 50%, #60a5fa 100%);\r\n    background-size: 200% 100%;\r\n    animation: aboutStatLineShift 3s linear infinite;\r\n}\r\n\r\n@keyframes aboutStatLineShift {\r\n    0% { background-position: 0% 0%; }\r\n    100% { background-position: 200% 0%; }\r\n}\r\n\r\n.about-stat-item:hover {\r\n    transform: translateY(-8px);\r\n    border-color: #3b82f6;\r\n    box-shadow: 0 10px 30px rgba(59, 130, 246, 0.3);\r\n}\r\n\r\n.about-stat-number {\r\n    font-family: 'Questrial', sans-serif;\r\n    font-size: 36px;\r\n    font-weight: 900;\r\n    color: #1e40af;\r\n    margin-bottom: 10px;\r\n    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.about-stat-label {\r\n    font-family: 'Quicksand', sans-serif;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    color: #666;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n\/* About Image Wrapper *\/\r\n.about-image-wrapper {\r\n    position: relative;\r\n    animation: fadeIn 0.8s ease-out 0.3s both;\r\n}\r\n\r\n\/* About Frame Decoration *\/\r\n.about-frame-top,\r\n.about-frame-bottom,\r\n.about-frame-left,\r\n.about-frame-right {\r\n    position: absolute;\r\n    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\r\n    z-index: 2;\r\n    box-shadow: 0 0 15px rgba(59, 130, 246, 0.4);\r\n}\r\n\r\n.about-frame-top,\r\n.about-frame-bottom {\r\n    left: 0;\r\n    width: 100%;\r\n    height: 6px;\r\n}\r\n\r\n.about-frame-top {\r\n    top: 0;\r\n}\r\n\r\n.about-frame-bottom {\r\n    bottom: 0;\r\n}\r\n\r\n.about-frame-left,\r\n.about-frame-right {\r\n    top: 0;\r\n    width: 6px;\r\n    height: 100%;\r\n}\r\n\r\n.about-frame-left {\r\n    left: 0;\r\n}\r\n\r\n.about-frame-right {\r\n    right: 0;\r\n}\r\n\r\n\/* About Corner Accents *\/\r\n.about-corner-accent {\r\n    position: absolute;\r\n    width: 20px;\r\n    height: 20px;\r\n    z-index: 3;\r\n}\r\n\r\n.about-corner-accent::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 12px;\r\n    height: 12px;\r\n    background: #60a5fa;\r\n    border-radius: 50%;\r\n    box-shadow: 0 0 15px rgba(96, 165, 250, 0.8);\r\n    animation: aboutCornerPulse 3s ease-in-out infinite;\r\n}\r\n\r\n@keyframes aboutCornerPulse {\r\n    0%, 100% { transform: translate(-50%, -50%) scale(1); }\r\n    50% { transform: translate(-50%, -50%) scale(1.3); }\r\n}\r\n\r\n.about-corner-tl {\r\n    top: -10px;\r\n    left: -10px;\r\n}\r\n\r\n.about-corner-tr {\r\n    top: -10px;\r\n    right: -10px;\r\n}\r\n\r\n.about-corner-tr::before {\r\n    animation-delay: 0.75s;\r\n}\r\n\r\n.about-corner-bl {\r\n    bottom: -10px;\r\n    left: -10px;\r\n}\r\n\r\n.about-corner-bl::before {\r\n    animation-delay: 1.5s;\r\n}\r\n\r\n.about-corner-br {\r\n    bottom: -10px;\r\n    right: -10px;\r\n}\r\n\r\n.about-corner-br::before {\r\n    animation-delay: 2.25s;\r\n}\r\n\r\n\/* About Image Container *\/\r\n.about-image-container {\r\n    position: relative;\r\n    width: 100%;\r\n    height: auto;\r\n    border-radius: 15px;\r\n    overflow: hidden;\r\n    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.about-image {\r\n    display: block;\r\n    width: 100%;\r\n    height: auto;\r\n    transition: transform 0.8s ease;\r\n}\r\n\r\n.about-image-wrapper:hover .about-image {\r\n    transform: scale(1.08);\r\n}\r\n\r\n.about-image-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(180deg, \r\n                transparent 0%, \r\n                rgba(30, 64, 175, 0.1) 50%,\r\n                rgba(37, 99, 235, 0.2) 100%);\r\n    opacity: 0;\r\n    transition: opacity 0.5s ease;\r\n    z-index: 1;\r\n}\r\n\r\n.about-image-wrapper:hover .about-image-overlay {\r\n    opacity: 1;\r\n}\r\n\r\n.about-image-shine {\r\n    position: absolute;\r\n    top: 0;\r\n    left: -100%;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(90deg, \r\n                transparent 0%, \r\n                rgba(255, 255, 255, 0.3) 50%, \r\n                transparent 100%);\r\n    z-index: 2;\r\n    transition: left 0.8s ease;\r\n}\r\n\r\n.about-image-wrapper:hover .about-image-shine {\r\n    left: 100%;\r\n}\r\n\r\n\/* About Bottom Decoration *\/\r\n.about-bottom-decoration {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 80px;\r\n    background: linear-gradient(180deg, transparent 0%, rgba(37, 99, 235, 0.02) 100%);\r\n    pointer-events: none;\r\n}\r\n\r\n.about-bottom-decoration::before {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 30px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 300px;\r\n    height: 4px;\r\n    background: linear-gradient(90deg, \r\n                transparent 0%, \r\n                #2563eb 20%, \r\n                #3b82f6 40%, \r\n                #60a5fa 60%, \r\n                #3b82f6 80%, \r\n                transparent 100%);\r\n    border-radius: 2px;\r\n    opacity: 0.3;\r\n    box-shadow: 0 2px 10px rgba(59, 130, 246, 0.3);\r\n}\r\n\r\n\/* Responsive Design - Tablet *\/\r\n@media (max-width: 1024px) {\r\n    .about-grid {\r\n        grid-template-columns: 1fr !important;\r\n        gap: 50px !important;\r\n    }\r\n    \r\n    .about-main-title {\r\n        font-size: 36px !important;\r\n    }\r\n    \r\n    .about-subtitle {\r\n        font-size: 22px !important;\r\n    }\r\n    \r\n    .about-paragraph {\r\n        font-size: 15px !important;\r\n    }\r\n    \r\n    .about-stats {\r\n        gap: 20px !important;\r\n    }\r\n}\r\n\r\n\/* Responsive Design - Mobile *\/\r\n@media (max-width: 767px) {\r\n    .about-landu-section {\r\n        padding: 80px 15px !important;\r\n    }\r\n    \r\n    .about-grid {\r\n        gap: 40px !important;\r\n    }\r\n    \r\n    .about-main-title {\r\n        font-size: 32px !important;\r\n    }\r\n    \r\n    .about-subtitle {\r\n        font-size: 20px !important;\r\n    }\r\n    \r\n    .about-paragraph {\r\n        font-size: 14px !important;\r\n        text-align: left !important;\r\n    }\r\n    \r\n    .about-stats {\r\n        grid-template-columns: 1fr !important;\r\n        gap: 20px !important;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .about-main-title {\r\n        font-size: 28px !important;\r\n    }\r\n    \r\n    .about-subtitle {\r\n        font-size: 18px !important;\r\n    }\r\n    \r\n    .about-paragraph {\r\n        font-size: 13px !important;\r\n    }\r\n    \r\n    .about-stat-number {\r\n        font-size: 32px !important;\r\n    }\r\n    \r\n    .about-stat-label {\r\n        font-size: 12px !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- About LANDU JavaScript -->\r\n<script>\r\n(function() {\r\n    \/\/ Animate stats on scroll\r\n    const observerOptions = {\r\n        threshold: 0.3,\r\n        rootMargin: '0px'\r\n    };\r\n    \r\n    const observer = new IntersectionObserver((entries) => {\r\n        entries.forEach((entry) => {\r\n            if (entry.isIntersecting) {\r\n                const statNumbers = entry.target.querySelectorAll('.about-stat-number');\r\n                statNumbers.forEach((stat, index) => {\r\n                    setTimeout(() => {\r\n                        stat.style.animation = 'fadeIn 0.8s ease-out forwards';\r\n                    }, index * 200);\r\n                });\r\n                observer.unobserve(entry.target);\r\n            }\r\n        });\r\n    }, observerOptions);\r\n    \r\n    const statsSection = document.querySelector('.about-stats');\r\n    if (statsSection) {\r\n        observer.observe(statsSection);\r\n    }\r\n})();\r\n<\/script>\r\n<!-- About LANDU Section End -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ac30c77 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"ac30c77\" data-element_type=\"section\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d34c65b\" data-id=\"d34c65b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4484507 elementor-widget elementor-widget-html\" data-id=\"4484507\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- LANDU Way Section Start -->\r\n<section class=\"landu-way-section\" style=\"    padding: 100px 20px;    background: linear-gradient(180deg,                 #f8f9fa 0%,                 #ffffff 50%,                #f8f9fa 100%);    position: relative;    overflow: hidden;\">\r\n    <!-- Decorative Pattern Background -->\r\n    <div class=\"way-pattern-bg\"><\/div>\r\n    \r\n    <!-- Decorative Elements Background -->\r\n    <div class=\"way-decorative-bg\"><\/div>\r\n    \r\n    <div class=\"container\" style=\"max-width: 1800px; margin: 0 auto; position: relative; z-index: 2;\">\r\n        \r\n        <!-- Section Title -->\r\n        <div class=\"way-title-wrapper\">\r\n            <h2 class=\"way-main-title\">\u30e9\u30f3\u30c7\u30e5\u30fb\u30a6\u30a7\u30a4<\/h2>\r\n        <\/div>\r\n        \r\n        <!-- Decorative Line -->\r\n        <div class=\"way-divider\"><\/div>\r\n        \r\n        <!-- Cards Grid -->\r\n        <div class=\"way-grid\" style=\"            display: grid;            grid-template-columns: repeat(5, 1fr);            gap: 25px;            margin-top: 50px;        \">\r\n            \r\n            <!-- Card 1: Innovation -->\r\n            <a href=\"https:\/\/landu-china.com\/en\/company\/innovation-center\/\" target=\"_blank\" class=\"way-card way-card-1\">\r\n                <div class=\"way-card-wrapper\">\r\n                    <!-- Accent Line Top -->\r\n                    <div class=\"way-accent-top\"><\/div>\r\n                    \r\n                    <!-- Corner Accents -->\r\n                    <div class=\"way-corner-accent way-corner-tl\"><\/div>\r\n                    <div class=\"way-corner-accent way-corner-tr\"><\/div>\r\n                    <div class=\"way-corner-accent way-corner-bl\"><\/div>\r\n                    <div class=\"way-corner-accent way-corner-br\"><\/div>\r\n                    \r\n                    <!-- Image Container -->\r\n                    <div class=\"way-image-container\">\r\n                        <img decoding=\"async\" src=\"https:\/\/ldcellulose.com\/wp-content\/uploads\/2025\/07\/LANDU-rigorous-test-labs.jpg\" \r\n                             alt=\"\u30a4\u30ce\u30d9\u30fc\u30b7\u30e7\u30f3\"\r\n                             class=\"way-image\"\r\n                             style=\"object-position: center 30%;\">\r\n                        <div class=\"way-image-overlay\"><\/div>\r\n                        <div class=\"way-image-shine\"><\/div>\r\n                        \r\n                        <!-- Title Overlay -->\r\n                        <div class=\"way-title-overlay\">\r\n                            <h3 class=\"way-card-title\">\u30a4\u30ce\u30d9\u30fc\u30b7\u30e7\u30f3<\/h3>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <!-- Frame Border -->\r\n                    <div class=\"way-frame-border\"><\/div>\r\n                <\/div>\r\n            <\/a>\r\n            \r\n            <!-- Card 2: Sustainability -->\r\n            <a href=\"https:\/\/landu-china.com\/en\/sustainability\/\" target=\"_blank\" class=\"way-card way-card-2\">\r\n                <div class=\"way-card-wrapper\">\r\n                    <div class=\"way-accent-top\"><\/div>\r\n                    \r\n                    <div class=\"way-corner-accent way-corner-tl\"><\/div>\r\n                    <div class=\"way-corner-accent way-corner-tr\"><\/div>\r\n                    <div class=\"way-corner-accent way-corner-bl\"><\/div>\r\n                    <div class=\"way-corner-accent way-corner-br\"><\/div>\r\n                    \r\n                    <div class=\"way-image-container\">\r\n                        <img decoding=\"async\" src=\"https:\/\/ldcellulose.com\/wp-content\/uploads\/2024\/11\/young-asian-volunteers-with-garbage-bags-cleaning-park-area-ecology-charitable-organization.jpg\" \r\n                             alt=\"\u6301\u7d9a\u53ef\u80fd\u6027\"\r\n                             class=\"way-image\">\r\n                        <div class=\"way-image-overlay\"><\/div>\r\n                        <div class=\"way-image-shine\"><\/div>\r\n                        \r\n                        <div class=\"way-title-overlay\">\r\n                            <h3 class=\"way-card-title\">\u6301\u7d9a\u53ef\u80fd\u6027<\/h3>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"way-frame-border\"><\/div>\r\n                <\/div>\r\n            <\/a>\r\n            \r\n            <!-- Card 3: Service -->\r\n            <a href=\"https:\/\/landu-china.com\/en\/services\/\" target=\"_blank\" class=\"way-card way-card-3\">\r\n                <div class=\"way-card-wrapper\">\r\n                    <div class=\"way-accent-top\"><\/div>\r\n                    \r\n                    <div class=\"way-corner-accent way-corner-tl\"><\/div>\r\n                    <div class=\"way-corner-accent way-corner-tr\"><\/div>\r\n                    <div class=\"way-corner-accent way-corner-bl\"><\/div>\r\n                    <div class=\"way-corner-accent way-corner-br\"><\/div>\r\n                    \r\n                    <div class=\"way-image-container\">\r\n                        <img decoding=\"async\" src=\"https:\/\/ldcellulose.com\/wp-content\/uploads\/2025\/08\/LANDU-one-stop-service.jpg\" \r\n                             alt=\"\u30b5\u30fc\u30d3\u30b9\"\r\n                             class=\"way-image\"\r\n                             style=\"object-position: center 35%;\">\r\n                        <div class=\"way-image-overlay\"><\/div>\r\n                        <div class=\"way-image-shine\"><\/div>\r\n                        \r\n                        <div class=\"way-title-overlay\">\r\n                            <h3 class=\"way-card-title\">\u30b5\u30fc\u30d3\u30b9<\/h3>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"way-frame-border\"><\/div>\r\n                <\/div>\r\n            <\/a>\r\n            \r\n            <!-- Card 4: Trade Fairs -->\r\n            <a href=\"https:\/\/landu-china.com\/news-events\/trade-fairs-show\/\" target=\"_blank\" class=\"way-card way-card-4\">\r\n                <div class=\"way-card-wrapper\">\r\n                    <div class=\"way-accent-top\"><\/div>\r\n                    \r\n                    <div class=\"way-corner-accent way-corner-tl\"><\/div>\r\n                    <div class=\"way-corner-accent way-corner-tr\"><\/div>\r\n                    <div class=\"way-corner-accent way-corner-bl\"><\/div>\r\n                    <div class=\"way-corner-accent way-corner-br\"><\/div>\r\n                    \r\n                    <div class=\"way-image-container\">\r\n                        <img decoding=\"async\" src=\"https:\/\/ldcellulose.com\/wp-content\/uploads\/2025\/12\/LANDU-trade-fair-scaled.jpg\" \r\n                             alt=\"\u898b\u672c\u5e02\"\r\n                             class=\"way-image way-image-wide\">\r\n                        <div class=\"way-image-overlay\"><\/div>\r\n                        <div class=\"way-image-shine\"><\/div>\r\n                        \r\n                        <div class=\"way-title-overlay\">\r\n                            <h3 class=\"way-card-title\">\u898b\u672c\u5e02<\/h3>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"way-frame-border\"><\/div>\r\n                <\/div>\r\n            <\/a>\r\n            \r\n            <!-- Card 5: Manufacturing -->\r\n            <a href=\"https:\/\/landu-china.com\/en\/company\/certification-and-quality\/\" target=\"_blank\" class=\"way-card way-card-5\">\r\n                <div class=\"way-card-wrapper\">\r\n                    <div class=\"way-accent-top\"><\/div>\r\n                    \r\n                    <div class=\"way-corner-accent way-corner-tl\"><\/div>\r\n                    <div class=\"way-corner-accent way-corner-tr\"><\/div>\r\n                    <div class=\"way-corner-accent way-corner-bl\"><\/div>\r\n                    <div class=\"way-corner-accent way-corner-br\"><\/div>\r\n                    \r\n                    <div class=\"way-image-container\">\r\n                        <img decoding=\"async\" src=\"https:\/\/ldcellulose.com\/wp-content\/uploads\/2024\/11\/DSC2389-\u62f7\u8d1d.webp\" \r\n                             alt=\"\u88fd\u9020\u696d\"\r\n                             class=\"way-image way-image-wide\">\r\n                        <div class=\"way-image-overlay\"><\/div>\r\n                        <div class=\"way-image-shine\"><\/div>\r\n                        \r\n                        <div class=\"way-title-overlay\">\r\n                            <h3 class=\"way-card-title\">\u88fd\u9020\u696d<\/h3>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"way-frame-border\"><\/div>\r\n                <\/div>\r\n            <\/a>\r\n            \r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <!-- Bottom Decoration -->\r\n    <div class=\"way-bottom-decoration\"><\/div>\r\n<\/section>\r\n\r\n<!-- LANDU Way CSS Styles -->\r\n<style>\r\n\/* Way Title Wrapper *\/\r\n.way-title-wrapper {\r\n    position: relative;\r\n    text-align: center;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n\/* Way Main Title *\/\r\n.way-main-title {\r\n    font-family: 'Questrial', sans-serif;\r\n    font-size: 48px;\r\n    font-weight: 900;\r\n    color: #1e40af;\r\n    margin: 0;\r\n    text-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);\r\n    animation: wayTitleGlow 3s ease-in-out infinite;\r\n}\r\n\r\n@keyframes wayTitleGlow {\r\n    0%, 100% { \r\n        text-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);\r\n    }\r\n    50% { \r\n        text-shadow: 0 3px 10px rgba(0, 0, 0, 0.1),\r\n                     0 0 25px rgba(59, 130, 246, 0.3);\r\n    }\r\n}\r\n\r\n\/* Way Divider *\/\r\n.way-divider {\r\n    width: 220px;\r\n    height: 3px;\r\n    background: linear-gradient(90deg, \r\n                transparent 0%, \r\n                #2563eb 25%, \r\n                #3b82f6 50%, \r\n                #2563eb 75%, \r\n                transparent 100%);\r\n    margin: 0 auto 30px;\r\n    position: relative;\r\n    box-shadow: 0 2px 12px rgba(37, 99, 235, 0.4);\r\n}\r\n\r\n.way-divider::before,\r\n.way-divider::after {\r\n    content: '';\r\n    position: absolute;\r\n    width: 10px;\r\n    height: 10px;\r\n    background: #3b82f6;\r\n    border-radius: 50%;\r\n    top: -3.5px;\r\n    box-shadow: 0 0 12px rgba(59, 130, 246, 0.8);\r\n    animation: wayDotPulse 2s ease-in-out infinite;\r\n}\r\n\r\n.way-divider::before {\r\n    left: -25px;\r\n}\r\n\r\n.way-divider::after {\r\n    right: -25px;\r\n    animation-delay: 1s;\r\n}\r\n\r\n@keyframes wayDotPulse {\r\n    0%, 100% { opacity: 0.6; transform: scale(1); }\r\n    50% { opacity: 1; transform: scale(1.3); }\r\n}\r\n\r\n\/* Way Pattern Background *\/\r\n.way-pattern-bg {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    opacity: 0.04;\r\n    z-index: 0;\r\n    background-image: \r\n        radial-gradient(circle at 20% 30%, #2563eb 2px, transparent 2px),\r\n        radial-gradient(circle at 80% 70%, #3b82f6 2px, transparent 2px),\r\n        radial-gradient(circle at 40% 80%, #60a5fa 2px, transparent 2px),\r\n        radial-gradient(circle at 60% 20%, #2563eb 2px, transparent 2px);\r\n    background-size: 150px 150px, 180px 180px, 200px 200px, 160px 160px;\r\n    background-position: 0 0, 50px 50px, 100px 0, 120px 80px;\r\n    animation: wayPatternMove 60s linear infinite;\r\n}\r\n\r\n@keyframes wayPatternMove {\r\n    0% { background-position: 0 0, 50px 50px, 100px 0, 120px 80px; }\r\n    100% { background-position: 150px 150px, 230px 230px, 300px 200px, 280px 240px; }\r\n}\r\n\r\n\/* Way Decorative Background *\/\r\n.way-decorative-bg {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    pointer-events: none;\r\n    z-index: 1;\r\n    opacity: 0.05;\r\n}\r\n\r\n.way-decorative-bg::before,\r\n.way-decorative-bg::after {\r\n    content: '';\r\n    position: absolute;\r\n    width: 250px;\r\n    height: 250px;\r\n    border-radius: 50%;\r\n    background: radial-gradient(circle, #3b82f6, transparent);\r\n    animation: wayDecorativeFloat 20s ease-in-out infinite;\r\n}\r\n\r\n.way-decorative-bg::before {\r\n    top: 12%;\r\n    left: 10%;\r\n}\r\n\r\n.way-decorative-bg::after {\r\n    top: 18%;\r\n    right: 10%;\r\n    animation-delay: 10s;\r\n}\r\n\r\n@keyframes wayDecorativeFloat {\r\n    0%, 100% { \r\n        transform: translate(0, 0);\r\n    }\r\n    50% { \r\n        transform: translate(20px, -20px);\r\n    }\r\n}\r\n\r\n\/* Way Card *\/\r\n.way-card {\r\n    display: block;\r\n    position: relative;\r\n    text-decoration: none;\r\n    transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n}\r\n\r\n.way-card:hover {\r\n    transform: translateY(-15px);\r\n    z-index: 10;\r\n}\r\n\r\n\/* Way Card Wrapper *\/\r\n.way-card-wrapper {\r\n    position: relative;\r\n    height: 100%;\r\n    border-radius: 15px;\r\n    overflow: hidden;\r\n    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);\r\n    transition: all 0.5s ease;\r\n}\r\n\r\n.way-card:hover .way-card-wrapper {\r\n    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.25),\r\n                0 0 30px rgba(59, 130, 246, 0.3);\r\n}\r\n\r\n\/* Way Accent Top *\/\r\n.way-accent-top {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 8px;\r\n    background: linear-gradient(90deg, \r\n                #2563eb 0%, \r\n                #3b82f6 25%, \r\n                #60a5fa 50%, \r\n                #3b82f6 75%, \r\n                #2563eb 100%);\r\n    background-size: 200% 100%;\r\n    z-index: 3;\r\n    animation: wayAccentShift 4s linear infinite;\r\n}\r\n\r\n@keyframes wayAccentShift {\r\n    0% { background-position: 0% 0%; }\r\n    100% { background-position: 200% 0%; }\r\n}\r\n\r\n\/* Way Corner Accents *\/\r\n.way-corner-accent {\r\n    position: absolute;\r\n    width: 12px;\r\n    height: 12px;\r\n    background: #60a5fa;\r\n    border-radius: 50%;\r\n    z-index: 4;\r\n    box-shadow: 0 0 15px rgba(96, 165, 250, 0.9);\r\n    animation: wayCornerPulse 3s ease-in-out infinite;\r\n}\r\n\r\n@keyframes wayCornerPulse {\r\n    0%, 100% { \r\n        transform: scale(1);\r\n        opacity: 0.8;\r\n    }\r\n    50% { \r\n        transform: scale(1.3);\r\n        opacity: 1;\r\n    }\r\n}\r\n\r\n.way-corner-tl {\r\n    top: 15px;\r\n    left: 15px;\r\n}\r\n\r\n.way-corner-tr {\r\n    top: 15px;\r\n    right: 15px;\r\n    animation-delay: 0.75s;\r\n}\r\n\r\n.way-corner-bl {\r\n    bottom: 15px;\r\n    left: 15px;\r\n    animation-delay: 1.5s;\r\n}\r\n\r\n.way-corner-br {\r\n    bottom: 15px;\r\n    right: 15px;\r\n    animation-delay: 2.25s;\r\n}\r\n\r\n\/* Way Image Container *\/\r\n.way-image-container {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 450px;\r\n    overflow: hidden;\r\n}\r\n\r\n.way-image {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    min-width: 100%;\r\n    min-height: 100%;\r\n    width: auto;\r\n    height: auto;\r\n    max-width: none;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    transition: transform 0.8s ease;\r\n}\r\n\r\n.way-image-wide {\r\n    width: 100%;\r\n    height: auto;\r\n    min-height: 100%;\r\n}\r\n\r\n.way-card:hover .way-image {\r\n    transform: translate(-50%, -50%) scale(1.1);\r\n}\r\n\r\n.way-image-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(180deg, \r\n                transparent 0%, \r\n                rgba(0, 0, 0, 0.3) 60%,\r\n                rgba(0, 0, 0, 0.7) 100%);\r\n    z-index: 1;\r\n    transition: opacity 0.5s ease;\r\n}\r\n\r\n.way-card:hover .way-image-overlay {\r\n    background: linear-gradient(180deg, \r\n                transparent 0%, \r\n                rgba(30, 64, 175, 0.3) 50%,\r\n                rgba(37, 99, 235, 0.6) 100%);\r\n}\r\n\r\n.way-image-shine {\r\n    position: absolute;\r\n    top: 0;\r\n    left: -100%;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(90deg, \r\n                transparent 0%, \r\n                rgba(255, 255, 255, 0.4) 50%, \r\n                transparent 100%);\r\n    z-index: 2;\r\n    transition: left 0.8s ease;\r\n}\r\n\r\n.way-card:hover .way-image-shine {\r\n    left: 100%;\r\n}\r\n\r\n\/* Way Title Overlay *\/\r\n.way-title-overlay {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    padding: 25px 20px;\r\n    z-index: 2;\r\n    text-align: center;\r\n}\r\n\r\n.way-card-title {\r\n    font-family: 'Questrial', sans-serif;\r\n    font-size: 26px;\r\n    font-weight: 900;\r\n    color: #ffffff;\r\n    margin: 0;\r\n    text-shadow: 0 3px 10px rgba(0, 0, 0, 0.5),\r\n                 0 0 20px rgba(96, 165, 250, 0.3);\r\n    transition: all 0.3s ease;\r\n    position: relative;\r\n    display: inline-block;\r\n}\r\n\r\n.way-card-title::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -8px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 0;\r\n    height: 3px;\r\n    background: linear-gradient(90deg, #60a5fa, #3b82f6);\r\n    transition: width 0.4s ease;\r\n    box-shadow: 0 0 10px rgba(96, 165, 250, 0.6);\r\n}\r\n\r\n.way-card:hover .way-card-title {\r\n    transform: scale(1.08);\r\n    text-shadow: 0 3px 10px rgba(0, 0, 0, 0.5),\r\n                 0 0 30px rgba(96, 165, 250, 0.6);\r\n}\r\n\r\n.way-card:hover .way-card-title::after {\r\n    width: 100%;\r\n}\r\n\r\n\/* Way Frame Border *\/\r\n.way-frame-border {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    border: 4px solid transparent;\r\n    border-radius: 15px;\r\n    z-index: 5;\r\n    pointer-events: none;\r\n    transition: all 0.5s ease;\r\n}\r\n\r\n.way-card:hover .way-frame-border {\r\n    border-color: rgba(96, 165, 250, 0.6);\r\n    box-shadow: inset 0 0 30px rgba(96, 165, 250, 0.2);\r\n}\r\n\r\n\/* Way Bottom Decoration *\/\r\n.way-bottom-decoration {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 80px;\r\n    background: linear-gradient(180deg, transparent 0%, rgba(37, 99, 235, 0.02) 100%);\r\n    pointer-events: none;\r\n}\r\n\r\n.way-bottom-decoration::before {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 30px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 320px;\r\n    height: 4px;\r\n    background: linear-gradient(90deg, \r\n                transparent 0%, \r\n                #2563eb 20%, \r\n                #3b82f6 40%, \r\n                #60a5fa 60%, \r\n                #3b82f6 80%, \r\n                transparent 100%);\r\n    border-radius: 2px;\r\n    opacity: 0.3;\r\n    box-shadow: 0 2px 10px rgba(59, 130, 246, 0.3);\r\n}\r\n\r\n\/* Responsive Design - Large Tablet *\/\r\n@media (max-width: 1400px) {\r\n    .way-grid {\r\n        grid-template-columns: repeat(3, 1fr) !important;\r\n        gap: 25px !important;\r\n    }\r\n}\r\n\r\n\/* Responsive Design - Tablet *\/\r\n@media (max-width: 1024px) {\r\n    .way-grid {\r\n        grid-template-columns: repeat(2, 1fr) !important;\r\n        gap: 25px !important;\r\n    }\r\n    \r\n    .way-main-title {\r\n        font-size: 42px !important;\r\n    }\r\n    \r\n    .way-card-title {\r\n        font-size: 24px !important;\r\n    }\r\n    \r\n    .way-image-container {\r\n        height: 420px !important;\r\n    }\r\n}\r\n\r\n\/* Responsive Design - Mobile *\/\r\n@media (max-width: 767px) {\r\n    .landu-way-section {\r\n        padding: 80px 15px !important;\r\n    }\r\n    \r\n    .way-grid {\r\n        grid-template-columns: 1fr !important;\r\n        gap: 35px !important;\r\n    }\r\n    \r\n    .way-main-title {\r\n        font-size: 36px !important;\r\n    }\r\n    \r\n    .way-card-title {\r\n        font-size: 22px !important;\r\n    }\r\n    \r\n    .way-image-container {\r\n        height: 380px !important;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .way-main-title {\r\n        font-size: 32px !important;\r\n    }\r\n    \r\n    .way-card-title {\r\n        font-size: 20px !important;\r\n    }\r\n    \r\n    .way-image-container {\r\n        height: 320px !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- LANDU Way JavaScript -->\r\n<script>\r\n(function() {\r\n    \/\/ Staggered animation on scroll\r\n    const observerOptions = {\r\n        threshold: 0.15,\r\n        rootMargin: '0px'\r\n    };\r\n    \r\n    const observer = new IntersectionObserver((entries) => {\r\n        entries.forEach((entry) => {\r\n            if (entry.isIntersecting) {\r\n                const cards = entry.target.querySelectorAll('.way-card');\r\n                cards.forEach((card, index) => {\r\n                    setTimeout(() => {\r\n                        card.style.animation = 'fadeIn 0.8s ease-out forwards';\r\n                    }, index * 150);\r\n                });\r\n                observer.unobserve(entry.target);\r\n            }\r\n        });\r\n    }, observerOptions);\r\n    \r\n    \/\/ Add fadeIn animation\r\n    const style = document.createElement('style');\r\n    style.textContent = `\r\n        @keyframes fadeIn {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(20px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n    `;\r\n    document.head.appendChild(style);\r\n    \r\n    const wayGrid = document.querySelector('.way-grid');\r\n    const wayCards = document.querySelectorAll('.way-card');\r\n    if (wayGrid) {\r\n        wayCards.forEach(card => {\r\n            card.style.opacity = '0';\r\n        });\r\n        observer.observe(wayGrid);\r\n    }\r\n})();\r\n<\/script>\r\n<!-- LANDU Way Section End -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5b872dd0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5b872dd0\" data-element_type=\"section\" id=\"xs_blog_with_meta_1\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3eb11903\" data-id=\"3eb11903\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-6c14d4f6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6c14d4f6\" data-element_type=\"section\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-9a91976\" data-id=\"9a91976\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9915fea elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"9915fea\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:200,&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u6700\u65b0\u30cb\u30e5\u30fc\u30b9\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5e85cff elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"5e85cff\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-c82fae4 elementor-widget elementor-widget-elementskit-blog-posts\" data-id=\"c82fae4\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-blog-posts.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n        <div id=\"post-items--c82fae4\" class=\"row post-items ekit-blog-posts-content wihout-masonry\" data-enable=\"no\">\n\n\t\t\t<!-- Blog Carousel markup render -->\n\t\t\t\n\n            <div class=\"col-lg-4 col-md-6\">\n\n                                    <div class=\"elementskit-post-image-card\">\n                        <div class=\"elementskit-entry-header\">\n                                                            <a href=\"https:\/\/ldcellulose.com\/ja\/masonry-mortar-protection-tips-for-all-weather-conditions\/\" class=\"elementskit-entry-thumb\">\n                                    <img decoding=\"async\" src=\"https:\/\/ldcellulose.com\/wp-content\/uploads\/2025\/11\/cold-bricks-min_195c84de-cc1e-4baf-ae93-2727df620e67-1024x673.webp\" alt=\"\u3042\u3089\u3086\u308b\u6c17\u8c61\u6761\u4ef6\u306b\u5bfe\u5fdc\u3057\u305f\u30ec\u30f3\u30ac\u30e2\u30eb\u30bf\u30eb\u4fdd\u8b77\u306e\u30d2\u30f3\u30c8\">\n                                <\/a><!-- .elementskit-entry-thumb END -->\n                                                            \n                            \n                                                    <\/div><!-- .elementskit-entry-header END -->\n\n                        <div class=\"elementskit-post-body\">\n                            \n                                                                                                                <div class=\"post-meta-list\">\n                                                                                                                        <span class=\"post-cat\">\n\n                                <i aria-hidden=\"true\" class=\"icon icon-folder\"><\/i>\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/ldcellulose.com\/ja\/%e3%82%ab%e3%83%86%e3%82%b4%e3%83%aa%e3%83%bc\/%e3%83%96%e3%83%ad%e3%82%b0\/\" rel=\"category tag\">\u30d6\u30ed\u30b0<\/a>\n                            <\/span>\n                                                                                    <\/div>\n                                                                        \n                                        \n                                        \t\t\t\t\t\t\t\t\t\t                <h2 class=\"entry-title\">\n                    <a href=\"https:\/\/ldcellulose.com\/ja\/masonry-mortar-protection-tips-for-all-weather-conditions\/\">\n                            \u3042\u3089\u3086\u308b\u6c17\u8c61\u6761\u4ef6\u306b\u5bfe\u5fdc\u3057\u305f\u30ec\u30f3\u30ac\u30e2\u30eb\u30bf\u30eb\u4fdd\u8b77\u306e\u30d2\u30f3\u30c8                    <\/a>\n                <\/h2>\n                                                                                                                                                    \t\t\t\t\t\t\t\t\t\t<p>\u30ec\u30f3\u30ac\u7a4d\u307f\u30e2\u30eb\u30bf\u30eb\u304c\u3055\u307e\u3056\u307e\u306a\u5929\u5019\u6761\u4ef6\u306b\u3069\u306e\u3088\u3046\u306b\u53cd\u5fdc\u3059\u308b\u304b\u3092\u63a2\u308a\u3001\u305d\u306e\u4f5c\u696d\u6027\u3001\u4ed8\u7740\u6027\u3001\u786c\u5316\u3092\u7dad\u6301\u3059\u308b\u5b9f\u7528\u7684\u306a\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u2026<\/p>\n                                                                                                                                                        <div class=\"btn-wraper\">\n                                    \n                                                                            <a href=\"https:\/\/ldcellulose.com\/ja\/masonry-mortar-protection-tips-for-all-weather-conditions\/\" class=\"elementskit-btn  whitespace--normal\" >\n                                                                                    \u7d9a\u304d\u3092\u8aad\u3080                                        <\/a>\n                                                                    <\/div>\n                                                    <\/div><!-- .elementskit-post-body END -->\n                    <\/div>\n                \n            <\/div>\t\t\t\t\n\n            <div class=\"col-lg-4 col-md-6\">\n\n                                    <div class=\"elementskit-post-image-card\">\n                        <div class=\"elementskit-entry-header\">\n                                                            <a href=\"https:\/\/ldcellulose.com\/ja\/what-is-fiber-reinforced-concrete-full-guide-explained\/\" class=\"elementskit-entry-thumb\">\n                                    <img decoding=\"async\" src=\"https:\/\/ldcellulose.com\/wp-content\/uploads\/2025\/11\/landu-Polypropylene-Fiber-PP-Fiber-free-sample.jpg\" alt=\"\u7e4a\u7dad\u5f37\u5316\u30b3\u30f3\u30af\u30ea\u30fc\u30c8\u3068\u306f\uff1f\u5b8c\u5168\u30ac\u30a4\u30c9\u306e\u89e3\u8aac\">\n                                <\/a><!-- .elementskit-entry-thumb END -->\n                                                            \n                            \n                                                    <\/div><!-- .elementskit-entry-header END -->\n\n                        <div class=\"elementskit-post-body\">\n                            \n                                                                                                                <div class=\"post-meta-list\">\n                                                                                                                        <span class=\"post-cat\">\n\n                                <i aria-hidden=\"true\" class=\"icon icon-folder\"><\/i>\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/ldcellulose.com\/ja\/%e3%82%ab%e3%83%86%e3%82%b4%e3%83%aa%e3%83%bc\/%e3%83%96%e3%83%ad%e3%82%b0\/\" rel=\"category tag\">\u30d6\u30ed\u30b0<\/a>\n                            <\/span>\n                                                                                    <\/div>\n                                                                        \n                                        \n                                        \t\t\t\t\t\t\t\t\t\t                <h2 class=\"entry-title\">\n                    <a href=\"https:\/\/ldcellulose.com\/ja\/what-is-fiber-reinforced-concrete-full-guide-explained\/\">\n                            \u7e4a\u7dad\u5f37\u5316\u30b3\u30f3\u30af\u30ea\u30fc\u30c8\u3068\u306f\uff1f\u5b8c\u5168\u30ac\u30a4\u30c9\u306e\u89e3\u8aac                    <\/a>\n                <\/h2>\n                                                                                                                                                    \t\t\t\t\t\t\t\t\t\t<p>\u7e4a\u7dad\u88dc\u5f37\u30b3\u30f3\u30af\u30ea\u30fc\u30c8\u306e\u5229\u70b9\u3001\u7a2e\u985e\u3001\u6027\u80fd\u3092\u5b66\u3073\u3001\u3055\u307e\u3056\u307e\u306a\u7e4a\u7dad\u304c\u69cb\u9020\u306e\u8010\u4e45\u6027\u3068\u67d4\u8edf\u6027\u3092\u3069\u306e\u3088\u3046\u306b\u5411\u4e0a\u3055\u305b\u308b\u304b\u3092\u7406\u89e3\u3057\u307e\u3059\u3002<\/p>\n                                                                                                                                                        <div class=\"btn-wraper\">\n                                    \n                                                                            <a href=\"https:\/\/ldcellulose.com\/ja\/what-is-fiber-reinforced-concrete-full-guide-explained\/\" class=\"elementskit-btn  whitespace--normal\" >\n                                                                                    \u7d9a\u304d\u3092\u8aad\u3080                                        <\/a>\n                                                                    <\/div>\n                                                    <\/div><!-- .elementskit-post-body END -->\n                    <\/div>\n                \n            <\/div>\t\t\t\t\n\n            <div class=\"col-lg-4 col-md-6\">\n\n                                    <div class=\"elementskit-post-image-card\">\n                        <div class=\"elementskit-entry-header\">\n                                                            <a href=\"https:\/\/ldcellulose.com\/ja\/enhance-textured-wall-putty-performance-with-landu-additives\/\" class=\"elementskit-entry-thumb\">\n                                    <img decoding=\"async\" src=\"https:\/\/ldcellulose.com\/wp-content\/uploads\/2025\/11\/textured-wall-putty-1024x576.jpg\" alt=\"LANDU\u6dfb\u52a0\u5264\u3067\u30c6\u30af\u30b9\u30c1\u30e3\u30fc\u30c9\u58c1\u7528\u30d7\u30c3\u30c6\u30a3\u306e\u6027\u80fd\u3092\u5411\u4e0a\u3055\u305b\u308b\">\n                                <\/a><!-- .elementskit-entry-thumb END -->\n                                                            \n                            \n                                                    <\/div><!-- .elementskit-entry-header END -->\n\n                        <div class=\"elementskit-post-body\">\n                            \n                                                                                                                <div class=\"post-meta-list\">\n                                                                                                                        <span class=\"post-cat\">\n\n                                <i aria-hidden=\"true\" class=\"icon icon-folder\"><\/i>\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/ldcellulose.com\/ja\/%e3%82%ab%e3%83%86%e3%82%b4%e3%83%aa%e3%83%bc\/%e3%83%96%e3%83%ad%e3%82%b0\/\" rel=\"category tag\">\u30d6\u30ed\u30b0<\/a>\n                            <\/span>\n                                                                                    <\/div>\n                                                                        \n                                        \n                                        \t\t\t\t\t\t\t\t\t\t                <h2 class=\"entry-title\">\n                    <a href=\"https:\/\/ldcellulose.com\/ja\/enhance-textured-wall-putty-performance-with-landu-additives\/\">\n                            LANDU\u6dfb\u52a0\u5264\u3067\u30c6\u30af\u30b9\u30c1\u30e3\u30fc\u30c9\u58c1\u7528\u30d7\u30c3\u30c6\u30a3\u306e\u6027\u80fd\u3092\u5411\u4e0a\u3055\u305b\u308b                    <\/a>\n                <\/h2>\n                                                                                                                                                    \t\t\t\t\t\t\t\t\t\t<p>LANDU HPMC\u3001RDP\u3001PVA\u3001\u30c7\u30d5\u30a9\u30fc\u30de\u30fc\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3092\u4f7f\u7528\u3057\u3066\u3001\u30c6\u30af\u30b9\u30c1\u30e3\u30fc\u30c9\u30a6\u30a9\u30fc\u30eb\u30d7\u30c3\u30c6\u30a3\u306e\u6027\u80fd\u3001\u4f5c\u696d\u6027\u3001\u8010\u4e45\u6027\u3092\u5411\u4e0a\u3055\u305b\u3001\u512a\u308c\u305f\u4ed5\u4e0a\u304c\u308a\u3092\u5b9f\u73fe\u3057\u307e\u3059\u2026<\/p>\n                                                                                                                                                        <div class=\"btn-wraper\">\n                                    \n                                                                            <a href=\"https:\/\/ldcellulose.com\/ja\/enhance-textured-wall-putty-performance-with-landu-additives\/\" class=\"elementskit-btn  whitespace--normal\" >\n                                                                                    \u7d9a\u304d\u3092\u8aad\u3080                                        <\/a>\n                                                                    <\/div>\n                                                    <\/div><!-- .elementskit-post-body END -->\n                    <\/div>\n                \n            <\/div>\t\t\t\t        <\/div>\n        \n        \n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u30de\u30fc\u30b7\u30fc\u30fb\u30ed\u30fc\u30fb\u30d7\u30ed\u30d5\u30a7\u30c3\u30b7\u30e7\u30ca\u30eb\u30fb\u30b7\u30f3\u30ac\u30fc Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod temporidunt ut labore et dolore magna aliqua.\u305d\u306e\u7d50\u679c\u3001\u3053\u306e\u3088\u3046\u306a\u52b4\u50cd\u3092\u3059\u308b\u3053\u3068\u306b\u306a\u3063\u305f\u306e\u3067\u3042\u308b\u3002\u3053\u306e\u3088\u3046\u306a\u7d20\u6674\u3089\u3057\u3044\u30e9\u30a4\u30d6\u3092\u305c\u3072\u304a\u697d\u3057\u307f\u304f\u3060\u3055\u3044\u3002\u30e9\u30a4\u30d6\u30b3\u30f3\u30b5\u30fc\u30c8 - \u30cb\u30e5\u30fc\u30e8\u30fc\u30af, 2020 \u30c1\u30b1\u30c3\u30c8\u8cfc\u5165 \u30d0\u30a4\u30aa\u30b0\u30e9\u30d5\u30a3\u30fc ...<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/websitedemos.net\/musician-02\/\"> <span class=\"screen-reader-text\">\u30db\u30fc\u30e0<\/span> \u7d9a\u304d\u3092\u8aad\u3080 \"<\/a><\/p>","protected":false},"author":1,"featured_media":5715,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"disabled","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1435","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/ldcellulose.com\/ja\/wp-json\/wp\/v2\/pages\/1435","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ldcellulose.com\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ldcellulose.com\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ldcellulose.com\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ldcellulose.com\/ja\/wp-json\/wp\/v2\/comments?post=1435"}],"version-history":[{"count":375,"href":"https:\/\/ldcellulose.com\/ja\/wp-json\/wp\/v2\/pages\/1435\/revisions"}],"predecessor-version":[{"id":7928,"href":"https:\/\/ldcellulose.com\/ja\/wp-json\/wp\/v2\/pages\/1435\/revisions\/7928"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ldcellulose.com\/ja\/wp-json\/wp\/v2\/media\/5715"}],"wp:attachment":[{"href":"https:\/\/ldcellulose.com\/ja\/wp-json\/wp\/v2\/media?parent=1435"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}