:root{--primary-color:#0071bc;--secondary-color:#0f4c75;--tertiary-color:#3282b8;--accent-color:#5fa8d3;--light-color:#d6e6f2;--white-color:#fff;--text-color:#333;--light-text-color:#666;--footer-bg:#f5f9fc;--border-radius:8px;--box-shadow:0 4px 12px rgba(0,0,0,.08);--transition:all .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Hiragino Kaku Gothic Pro','Meiryo',sans-serif;color:var(--text-color);line-height:1.6;background-color:var(--white-color);overflow-x:hidden}.container{width:90%;max-width:1200px;margin:0 auto;padding:0 15px}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;margin-bottom:1rem;color:var(--secondary-color)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{margin-bottom:1.5rem}a{text-decoration:none;color:var(--primary-color);transition:var(--transition)}a:hover{color:var(--tertiary-color)}.progress-container{position:fixed;top:0;z-index:9999;width:100%;height:4px;background:transparent}.progress-bar{height:4px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));width:0%;border-radius:0 2px 2px 0}header{background-color:var(--white-color);box-shadow:0 2px 10px rgba(0,0,0,.05);position:sticky;top:0;z-index:1000}header .container{display:flex;justify-content:space-between;align-items:center;padding:1rem 15px}.logo img{height:50px;width:auto}nav ul{display:flex;list-style:none}nav ul li{margin-left:2rem}nav ul li a{color:var(--secondary-color);font-weight:600;position:relative}nav ul li a:hover{color:var(--primary-color)}nav ul li a::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background-color:var(--primary-color);transition:var(--transition)}nav ul li a:hover::after{width:100%}.btn,.btn-small,.btn-secondary{display:inline-block;padding:12px 24px;background-color:var(--primary-color);color:var(--white-color);border:none;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:var(--transition);text-align:center}.btn-small{padding:8px 16px;font-size:.9rem}.btn-secondary{background-color:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.btn:hover,.btn-small:hover{background-color:var(--tertiary-color);transform:translateY(-2px)}.btn-secondary:hover{background-color:var(--primary-color);color:var(--white-color)}.hero{background:linear-gradient(to bottom,var(--light-color) 0%,var(--white-color) 100%);padding:6rem 0;text-align:center}.hero h1{font-size:3rem;margin-bottom:1.5rem;color:var(--secondary-color)}.hero p{font-size:1.2rem;max-width:700px;margin:0 auto 2rem auto;color:var(--light-text-color)}.features{padding:5rem 0}.features h2{text-align:center;margin-bottom:3rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-item{background-color:var(--white-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:2rem;text-align:center;transition:var(--transition)}.feature-item:hover{transform:translateY(-10px)}.feature-item img{width:100%;border-radius:var(--border-radius);margin-bottom:1.5rem}.feature-item h3{color:var(--secondary-color);margin-bottom:1rem;transition:var(--transition)}.feature-item:hover h3{color:var(--primary-color)}.latest-posts{background-color:var(--light-color);padding:5rem 0}.latest-posts h2{text-align:center;margin-bottom:3rem}.post-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.post-item{background-color:var(--white-color);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--box-shadow);transition:var(--transition)}.post-item:hover{transform:translateY(-5px)}.post-item img{width:100%;height:200px;object-fit:cover}.post-item h3{padding:1.5rem 1.5rem 0}.post-item h3 a{color:var(--secondary-color);transition:var(--transition)}.post-item:hover h3 a{color:var(--primary-color)}.post-item p{padding:0 1.5rem;color:var(--light-text-color)}.read-more{display:block;margin:1rem 1.5rem 1.5rem;color:var(--primary-color);font-weight:600}.testimonials{padding:5rem 0}.testimonials h2{text-align:center;margin-bottom:3rem}.testimonial-slider{max-width:800px;margin:0 auto}.testimonial-item{background-color:var(--light-color);padding:2rem;border-radius:var(--border-radius);margin-bottom:2rem;position:relative}.testimonial-item:last-child{margin-bottom:0}.testimonial-author{font-weight:600;text-align:right;margin-top:1rem;color:var(--secondary-color)}.page-header{background:linear-gradient(to right,var(--secondary-color),var(--primary-color));color:var(--white-color);padding:3rem 0;text-align:center}.page-header h1{color:var(--white-color);margin-bottom:.5rem}.page-header p{color:rgba(255,255,255,.8);margin-bottom:0}.about-content{padding:5rem 0}.about-intro,.sustainability{margin-bottom:4rem}.about-flex{display:flex;align-items:center;gap:3rem}.about-flex.reverse{flex-direction:row-reverse}.about-text{flex:1}.about-image{flex:1;border-radius:var(--border-radius);overflow:hidden}.about-image img{width:100%;height:auto;display:block;transition:var(--transition)}.about-image img:hover{transform:scale(1.03)}.about-text ul{margin-bottom:1.5rem;padding-left:1.5rem}.about-text li{margin-bottom:.5rem}.mission-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.mission-item{text-align:center;padding:2rem;border-radius:var(--border-radius);background-color:var(--light-color);transition:var(--transition)}.mission-item:hover{background-color:var(--white-color);box-shadow:var(--box-shadow)}.mission-icon{margin-bottom:1rem;color:var(--primary-color)}.team-section{margin-bottom:4rem}.team-intro{text-align:center;margin-bottom:2rem}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem}.team-member{text-align:center}.team-member img{width:100%;height:auto;border-radius:50%;margin-bottom:1rem;transition:var(--transition)}.team-member:hover img{transform:scale(1.05)}.team-member h3{margin-bottom:.5rem}.team-member p:first-of-type{color:var(--primary-color);font-weight:600;margin-bottom:.5rem}.certification-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.certification-item{text-align:center;padding:2rem;border-radius:var(--border-radius);background-color:var(--white-color);box-shadow:var(--box-shadow)}.certification-item img{width:120px;height:120px;object-fit:cover;margin-bottom:1rem;border-radius:50%}.products-intro{padding:5rem 0 2rem}.intro-content{display:flex;align-items:center;gap:3rem}.intro-text{flex:1}.intro-image{flex:1;border-radius:var(--border-radius);overflow:hidden}.intro-image img{width:100%;height:auto;display:block}.product-list{padding:3rem 0}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.product-card{background-color:var(--white-color);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--box-shadow);transition:var(--transition)}.product-card:hover{transform:translateY(-10px)}.product-image{height:250px;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.product-card:hover .product-image img{transform:scale(1.05)}.product-details{padding:1.5rem}.product-description{color:var(--light-text-color);margin-bottom:1rem}.product-features{display:flex;flex-wrap:wrap;margin-bottom:1.5rem;gap:.5rem}.product-features span{background-color:var(--light-color);padding:.25rem .5rem;border-radius:4px;font-size:.9rem}.product-price{display:flex;justify-content:space-between;align-items:center}.product-price span{font-size:1.2rem;font-weight:700;color:var(--primary-color)}.refill-products{background-color:var(--light-color);padding:5rem 0}.refill-content{display:flex;align-items:center;gap:3rem}.refill-text{flex:1}.refill-image{flex:1;border-radius:var(--border-radius);overflow:hidden}.refill-image img{width:100%;height:auto;display:block}.usage-guide{padding:5rem 0}.usage-steps{max-width:800px;margin:0 auto}.usage-step{display:flex;margin-bottom:2rem;align-items:flex-start}.usage-step:last-child{margin-bottom:0}.step-number{width:40px;height:40px;background-color:var(--primary-color);color:var(--white-color);border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700;margin-right:1.5rem;flex-shrink:0}.step-content h3{margin-bottom:.5rem}.product-faq{background-color:var(--light-color);padding:5rem 0}.faq-items{max-width:800px;margin:0 auto}.faq-item{margin-bottom:2rem}.faq-item:last-child{margin-bottom:0}.faq-item h3{position:relative;padding-bottom:.5rem;margin-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.1)}.blog-content{padding:5rem 0}.blog-grid{display:flex;flex-direction:column;gap:3rem}.blog-card{background-color:var(--white-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);overflow:hidden;display:flex;transition:var(--transition)}.blog-card:hover{transform:translateY(-5px)}.blog-image{width:300px;min-width:300px}.blog-image img{width:100%;height:100%;object-fit:cover}.blog-text{padding:1.5rem;flex:1}.blog-date{color:var(--light-text-color);margin-bottom:.5rem;font-size:.9rem}.blog-text h2{margin-bottom:1rem}.blog-text h2 a{color:var(--secondary-color);transition:var(--transition)}.blog-text h2 a:hover{color:var(--primary-color)}.pagination{display:flex;justify-content:center;margin-top:3rem}.pagination a,.pagination span{display:inline-block;padding:8px 16px;margin:0 4px;border-radius:var(--border-radius);transition:var(--transition)}.pagination a{background-color:var(--white-color);color:var(--text-color);box-shadow:var(--box-shadow)}.pagination a:hover{background-color:var(--primary-color);color:var(--white-color)}.pagination .current-page{background-color:var(--primary-color);color:var(--white-color)}.newsletter{background-color:var(--secondary-color);color:var(--white-color);padding:5rem 0}.newsletter-content{text-align:center;max-width:600px;margin:0 auto}.newsletter h2{color:var(--white-color)}.newsletter-form{display:flex;margin:2rem 0 1rem}.newsletter-form input{flex:1;padding:12px 16px;border:none;border-radius:var(--border-radius) 0 0 var(--border-radius);font-size:1rem}.newsletter-form .btn{border-radius:0 var(--border-radius) var(--border-radius) 0}.newsletter .small{font-size:.85rem;opacity:.8}.contact-content{padding:5rem 0}.contact-grid{display:grid;grid-template-columns:3fr 2fr;gap:3rem}.contact-form-container,.contact-info{background-color:var(--white-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:2rem}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group{margin-bottom:1rem}.form-group.full-width{grid-column: 1 / 3}label{display:block;margin-bottom:.5rem;font-weight:600}.required{color:#e74c3c}input,textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:var(--border-radius);font-size:1rem;transition:var(--transition)}input:focus,textarea:focus{border-color:var(--primary-color);outline:none}.checkbox-group{display:flex;align-items:center}.checkbox-group input{width:auto;margin-right:10px}.info-item{display:flex;margin-bottom:1.5rem;align-items:flex-start}.info-icon{width:40px;height:40px;background-color:var(--light-color);border-radius:50%;display:flex;justify-content:center;align-items:center;margin-right:1rem;color:var(--primary-color)}.info-content h3{margin-bottom:.25rem;font-size:1.1rem}.info-content p{margin-bottom:0;color:var(--light-text-color)}.social-contact{margin-top:2rem}.social-icons{display:flex;gap:1rem;margin-top:1rem}.social-icons a{width:40px;height:40px;background-color:var(--light-color);border-radius:50%;display:flex;justify-content:center;align-items:center;color:var(--primary-color);transition:var(--transition)}.social-icons a:hover{background-color:var(--primary-color);color:var(--white-color)}.map-section{padding-bottom:5rem}.map-container{width:100%;height:400px;border-radius:var(--border-radius);overflow:hidden}.map-placeholder{width:100%;height:100%;object-fit:cover}.thank-you-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:2000;justify-content:center;align-items:center}.modal-content{background-color:var(--white-color);padding:2rem;border-radius:var(--border-radius);text-align:center;max-width:400px;width:100%;position:relative}.close-modal{position:absolute;top:10px;right:10px;font-size:1.5rem;cursor:pointer;color:var(--light-text-color)}.thank-you-icon{width:70px;height:70px;background-color:var(--primary-color);border-radius:50%;display:flex;justify-content:center;align-items:center;color:var(--white-color);margin:0 auto 1rem}.modal-btn{margin-top:1rem}.faq-section{background-color:var(--light-color);padding:5rem 0}footer{background-color:var(--footer-bg);padding:5rem 0 2rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem;margin-bottom:3rem}.footer-logo p{margin-top:1rem;color:var(--light-text-color)}footer h4{margin-bottom:1.5rem;color:var(--secondary-color)}footer ul{list-style:none}footer ul li{margin-bottom:.75rem}footer ul li a{color:var(--light-text-color);transition:var(--transition)}footer ul li a:hover{color:var(--primary-color)}.copyright{text-align:center;padding-top:2rem;border-top:1px solid rgba(0,0,0,.1);color:var(--light-text-color)}.cookie-banner{display:none;position:fixed;bottom:0;left:0;width:100%;background-color:var(--secondary-color);color:var(--white-color);z-index:1000;box-shadow:0 -4px 10px rgba(0,0,0,.1)}.cookie-content{padding:1.5rem;max-width:1200px;margin:0 auto;display:flex;flex-direction:column}.cookie-content p{margin-bottom:1rem}.cookie-content a{color:var(--white-color);text-decoration:underline}.cookie-buttons{display:flex;gap:1rem;flex-wrap:wrap}.cookie-buttons button{padding:8px 16px;border:none;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:var(--transition)}#acceptCookies{background-color:var(--white-color);color:var(--secondary-color)}#customizeCookies{background-color:transparent;border:1px solid var(--white-color);color:var(--white-color)}#declineCookies{background-color:var(--light-text-color);color:var(--white-color)}h1:hover,h2:hover,h3:hover{text-decoration:none;color:var(--primary-color);text-shadow:1px 1px 3px rgba(0,113,188,.2)}@media screen and (max-width:768px){h1{font-size:2rem}h2{font-size:1.7rem}.hero{padding:4rem 0}.hero h1{font-size:2.2rem}header .container{flex-direction:column}nav{margin-top:1rem}nav ul{flex-wrap:wrap;justify-content:center}nav ul li{margin:.5rem}.about-flex,.refill-content,.intro-content{flex-direction:column}.contact-grid{grid-template-columns:1fr}.blog-card{flex-direction:column}.blog-image{width:100%;height:200px}.newsletter-form{flex-direction:column}.newsletter-form input{border-radius:var(--border-radius);margin-bottom:1rem}.newsletter-form .btn{border-radius:var(--border-radius)}.cookie-content{flex-direction:column}}@media screen and (max-width:480px){.contact-form{grid-template-columns:1fr}.form-group.full-width{grid-column:1}}