body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.eye-catch{background-color:#fff;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:-1}.eye-catch-layer{animation:fadeIn 1s forwards;animation-delay:0s;animation-delay:var(--animation-delay,0s);height:100%;left:0;opacity:0;position:absolute;top:0;transform:translate(0);width:100%}.eye-catch-layer svg{height:auto;width:100%}.artboard-2{--animation-delay:0.2s;transition:transform .5s ease-out;z-index:5}.artboard-4{--animation-delay:0.4s;z-index:4}.artboard-5{--animation-delay:0.6s;z-index:3}.artboard-6{--animation-delay:0.8s;z-index:2}.artboard-3,.artboard-6{transition:transform .5s ease-out}.artboard-3{--animation-delay:1s;z-index:1}@keyframes fadeIn{to{opacity:1}}.top-image{height:100vh;overflow:hidden;position:relative;width:100%}.background{background-image:url(/static/media/main.e6bd9618636324f8c5b1.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%}.character{animation:moveCharacter 8s linear infinite,walkCharacter .7s ease-in-out infinite alternate;bottom:20px;height:auto;left:50%;position:absolute;transform:translateX(-50%);width:200px}@keyframes moveCharacter{0%{left:0}to{left:calc(100% - 200px)}}@keyframes walkCharacter{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@media screen and (min-width:768px) and (max-width:991px){.character{bottom:15px;width:150px}@keyframes moveCharacter{0%{left:0}to{left:calc(100% - 150px)}}}@media screen and (min-width:576px) and (max-width:767px){.character{bottom:10px;width:120px}@keyframes moveCharacter{0%{left:0}to{left:calc(100% - 120px)}}}@media screen and (max-width:575px){.character{bottom:5px;width:100px}@keyframes moveCharacter{0%{left:0}to{left:calc(100% - 100px)}}}body{background-color:var(--background-color);color:var(--text-color);font-family:Helvetica Neue,Arial,sans-serif;line-height:1.6;margin:0;padding:0}header{background-color:var(--header-background-color);box-shadow:0 2px 4px #0000001a;padding:20px;text-align:center}h1{color:var(--header-text-color);font-size:2rem;margin:0}.eyecatch{width:100%}.eyecatch img{height:auto;width:100%}.eye-catch-wrapper{height:100vh;position:relative;width:100%;z-index:1}.top-image-wrapper{height:100vh;left:0;position:fixed;top:0;width:100%;z-index:-1}.content-wrapper{background-color:initial;margin-top:100vh;position:relative;z-index:1}.content-container{margin:0 auto;max-width:1200px;padding:0 20px}.attention-container{align-items:center;background-color:var(--background-color);border-radius:10px;box-shadow:0 4px 6px #0000001a;color:var(--text-color);display:flex;justify-content:center;margin:2rem auto;max-width:700px;padding:1.5rem;position:relative;z-index:1}.attention-image-container img{border-radius:10px;height:auto;width:100%}.attention-text-container{margin-left:1.5rem}.button-container{display:flex;justify-content:center;margin-top:1rem}.attention-button{background-color:var(--button-background-color);border:none;border-radius:30px;box-shadow:0 2px 4px #0000001a;color:var(--button-text-color);cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s}.attention-button:hover{background-color:var(--primary-color);color:var(--button-text-color)}.about-contents{align-items:flex-start;background-color:var(--about-background-color);color:var(--text-color);display:flex;justify-content:center;margin-top:30px;padding-bottom:100px;padding-top:200px}.about-image{border-radius:2%;flex-basis:60%;height:25%;margin:auto;overflow:hidden;width:25%}.about-image img{height:auto;object-fit:cover;width:100%}@keyframes imageScroll{0%{left:0}50%{left:-100%}to{left:0}}.stylish-button{background-color:var(--button-background-color);border:2px solid #0000;color:var(--button-text-color);cursor:pointer;overflow:hidden;padding:10px 20px;position:relative}.stylish-button,.stylish-button:before{border-radius:50px;transition:all .3s ease}.stylish-button:before{background-color:initial;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.stylish-button:hover:before{background-color:var(--button-hover-color);opacity:.6}.stylish-button:hover{animation:borderAnim 2s infinite;border:2px solid var(--button-hover-color);color:var(--button-hover-text-color)}@keyframes borderAnim{0%{border-color:#8e8e8e}50%{border-color:#000}to{border-color:#007bff}}@media (max-width:768px){.about-contents{flex-direction:column;padding-bottom:50px;padding-top:100px}.about-image,.about-text-container{flex-basis:80%;margin:20px 0}.about-image{height:auto;width:50%}}@media (max-width:1024px){.about-contents{padding-bottom:75px;padding-top:150px}.about-image,.about-text-container{flex-basis:60%}.about-image{width:40%}}.more-about-contents{background-color:var(--more-about-background-color);display:flex;margin-top:-50px;padding:20px 20px 20px 50px}.gallery-item{aspect-ratio:1/1;color:var(--text-color);flex:0 0 auto;margin-right:20px;text-align:center;width:25%}.gallery-item img{border-radius:10px;height:100%;object-fit:cover;width:100%}.gallery-item h3{font-size:1.5vw;margin-top:10px}@media (max-width:760px){.more-about-contents{align-items:center;justify-content:center;padding:20px 20px 20px 0}.gallery-item{margin:0 2.5%;width:30%}.gallery-item img{border-radius:3px}.gallery-item h3{font-size:2.5vw}}.hero{align-items:center;background:var(--hero-background-color);display:flex;flex-direction:column;padding:50px 0;position:relative}.hero-logo{left:50%;position:absolute;top:0;transform:translate(-50%);width:120px;z-index:1}.hero-ribbon{background:linear-gradient(to bottom,var(--hero-ribbon-start),var(--hero-ribbon-end));color:#fff;padding:1.5em 0;position:relative;text-align:center;width:100%}.hero-background{background:linear-gradient(180deg,#c9f4fd66,#95d1cf1a);height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.hero-content{margin-top:50px;text-align:center}.hero h1{font-size:2.5rem;margin-bottom:1rem}.hero-image-container{margin-top:30px;width:50%}.hero-image{border-radius:10px;box-shadow:0 4px 20px #0000001a;height:auto;width:100%}.pickup-contents{display:flex;gap:10px;justify-content:flex-end;margin-left:15%;padding:10px 0}.product-card{background-color:#fff;border-radius:15px;box-shadow:0 2px 4px #0003;height:auto;overflow:hidden;padding-bottom:1.5%;padding-top:5px;position:relative;width:25%}.animation-layer{height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.product-image{height:auto;margin:5px auto 3%;width:80%}.product-name{margin:5px 0 0}.product-name,.product-price{font-size:2vw;text-align:center}.product-price{margin-bottom:10px;margin-top:5px}.view-shop-button{background-color:var(--button-background-color);border:none;border-radius:5px;color:var(--button-text-color);cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s}.animation-layer img{height:100%;object-fit:cover;width:100%}.product-card:hover .animation-layer{opacity:1}.content-layer{position:relative;z-index:1}.add-to-cart,.product-name{color:#000;transition:color .3s ease}.product-card:hover .add-to-cart,.product-card:hover .product-name,.product-card:hover .product-price{color:#fff}@media (max-width:768px){.pickup-contents{flex-wrap:wrap;justify-content:space-between;margin-left:0;padding:20px}.product-card{height:auto;margin:0 1.5%;padding-bottom:5%;width:45%}.product-image{height:auto;margin:1.2% auto;width:90%}.product-name{font-size:3vw;top:70%}.product-price{font-size:3vw;top:80%}.view-shop-button{font-size:3.5vw;margin-top:5%;padding:4% 8%}}.product-contents{align-items:center;background-color:var(--background-color);color:var(--text-color);display:flex;padding:20px}.left-container,.right-container{flex:1 1;padding:20px}.left-container .title{margin-bottom:50px}.left-container .main-text{font-size:1.3em;font-weight:700;margin-bottom:50px}.left-container .sub-text{font-size:1.1em;line-height:1.7}.left-container .main-text,.left-container .sub-text{text-align:left}.right-container{align-items:center;position:relative}.product-text-area,.right-container{display:flex;height:100%;justify-content:center}.product-text-area{flex-direction:column}.image-area{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.frame{border-radius:10px;height:100%;position:relative;width:100%}.frame>img{border-radius:5px;height:99%;object-fit:cover;transition:transform .3s ease;width:99%}.frame-overlay{align-items:center;background-color:#00000080;border-radius:10px;display:none;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;transition:transform .3s ease,opacity .3s ease;width:100%}.frame:hover .frame-overlay{display:flex;opacity:1;transform:scale(1.05)}.frame:hover .frame-overlay .frame-overlay-text{color:#fff}.frame:hover>img{transform:scale(1.05)}.circle{align-items:center;background-color:#ffffffe6;border-radius:50%;display:flex;height:20%;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .5s ease,transform .5s ease;width:20%}.circle.hidden{opacity:0;pointer-events:none;transform:scale(.95)}.circle-text{color:#000;pointer-events:none;transition:transform .3s ease}.frame:hover>.circle{opacity:0;transform:scale(1.1)}@media screen and (max-width:1080px){.left-container .main-text{font-size:1.1em}.left-container .sub-text{font-size:1em}}@media screen and (max-width:768px){.product-contents{flex-direction:column}.left-container,.right-container{width:100%}.left-container .main-text{font-size:1em}.left-container .sub-text{font-size:.9em}}.features{background-color:var(--section-background-color);display:flex;flex-wrap:wrap;justify-content:space-around;padding:50px}.feature{flex-basis:calc(33.333% - 40px);margin:20px;max-width:300px;text-align:center}.feature i{color:var(--accent-color);font-size:48px;margin-bottom:20px}.feature h3{color:var(--text-color);font-size:1.5rem;margin-bottom:10px}.feature p{color:var(--text-light-color);font-size:1rem}.feature img{border-radius:5px;height:auto;margin-bottom:1rem;width:100%}.products{background-color:var(--section-background-color);padding:50px;text-align:center}.products h2{color:var(--text-color);font-size:2rem;margin-bottom:30px}.product-list{display:flex;flex-wrap:wrap;justify-content:space-around}.product{background-color:var(--background-color);border-radius:10px;box-shadow:0 2px 4px #0000001a;flex:1 1 22%;margin:1%;max-width:22%;padding:20px;text-align:center}.product h3{color:var(--text-color);font-size:1.5rem;margin-bottom:10px}.product p{color:var(--text-light-color);font-size:1rem;margin-bottom:20px}.product-button{background-color:var(--button-background-color);border:none;border-radius:5px;color:var(--button-text-color);cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s}.product-button:hover{background-color:var(--button-hover-color)}.gallery-contents{background-color:var(--background-color);color:var(--text-color)}.gallery-contents h2{color:#fff;font-size:2em;font-weight:700;margin-bottom:50px}@media (min-width:769px){.gallery-contents{background:linear-gradient(90deg,#fff 10%,#212121 25%)}}.gallery-contents{background-color:#000;padding:20px;text-align:center}.gallery-steps{flex-wrap:wrap;gap:10px;justify-content:space-around}.gallery-steps,.step{align-items:center;display:flex}.step{flex:1 1 15%;flex-direction:column;flex-grow:1;justify-content:center;max-width:calc(20% - 20px);position:relative;transition:transform .3s ease,box-shadow .3s ease}.step-number{background-color:#00000080;border-radius:5px;color:#fff;left:10px;padding:5px;position:absolute;top:10px}.step img{aspect-ratio:3/4;border-radius:5px;object-fit:cover;width:100%}.arrow{align-items:center;border:2px solid #444;border-radius:50%;box-shadow:0 0 8px #0003;color:#444;display:flex;font-size:24px;height:50px;justify-content:center;transition:transform .5s ease;transition:color .5s ease;width:50px}@keyframes rotate-light{0%{box-shadow:0 0 8px #0003,1.5px 0 2px #fff}10%{box-shadow:0 0 8px #0003,1px .5px 2px #fff}20%{box-shadow:0 0 8px #0003,.5px 1px 2px #fff}30%{box-shadow:0 0 8px #0003,0 1.5px 2px #fff}40%{box-shadow:0 0 8px #0003,-.5px 1px 2px #fff}50%{box-shadow:0 0 8px #0003,-1px 0 2px #fff}55%{box-shadow:0 0 8px #0003,-.8px -.8px 2px #fff}60%{box-shadow:0 0 8px #0003,-.5px -1px 2px #fff}65%{box-shadow:0 0 8px #0003,-.2px -1.2px 2px #fff}70%{box-shadow:0 0 8px #0003,0 -1.5px 2px #fff}75%{box-shadow:0 0 8px #0003,.2px -1.2px 2px #fff}80%{box-shadow:0 0 8px #0003,.5px -1px 2px #fff}90%{box-shadow:0 0 8px #0003,.5px -1px 2px #fff}to{box-shadow:0 0 8px #0003,1px -.5px 1px #fff0}}.arrow.hovered{animation:rotate-light 2s linear 1;color:#bbb}.step:hover{box-shadow:0 0 15px #0003;transform:scale(1.05);transition:transform .3s ease,box-shadow .3s ease}@media (max-width:768px){.gallery-steps{flex-direction:column}.step-number{left:20px;top:10px}.arrow{transform:rotate(90deg)}.step{flex-basis:80%;max-width:80%;padding:10px}}.testimonials{background-color:var(--testimonial-background-color);padding:50px;text-align:center}.testimonials h2{color:var(--testimonial-text-color);font-size:2rem;margin-bottom:30px}.testimonial{background-color:var(--background-color);border-radius:10px;box-shadow:0 2px 4px #0000001a;margin:0 auto 30px;max-width:600px;padding:20px}.user-image{border-radius:50%;height:100px;margin-bottom:20px;width:100px}.testimonial-text{font-size:1.2rem;margin-bottom:10px}.testimonial-text,.user-name{color:var(--testimonial-text-color)}.user-name{font-size:1rem;font-weight:700}.message-box{background-color:#f9f9f9;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 5px #0000001a;font-family:Handlee,cursive;font-size:18px;line-height:1.6;margin:20px auto;max-width:600px;padding:20px}.message-content{white-space:pre-wrap}.cta{background-color:var(--cta-background-color);padding:50px;text-align:center}.cta h2{color:var(--cta-text-color);font-size:2rem;margin-bottom:30px}.cta-button{background-color:var(--cta-button-background-color);border:2px solid var(--cta-button-background-color);border-radius:30px;cursor:pointer;font-size:1.2rem;padding:15px 30px;transition:background-color .3s,color .3s}.cta-button,.cta-button:hover{color:var(--cta-button-text-color)}.cta-button:hover{background-color:var(--cta-button-hover-color)}footer{background-color:var(--footer-background-color);color:var(--footer-text-color);font-size:.9rem;text-align:center}.box,footer{padding:20px}.box{background-color:#f0f0f0;border:1px solid #ccc;box-shadow:2px 2px 5px #0000001a;height:200px;margin:10px;width:200px}.ribbon{background:#7b68ee;color:#fff;overflow:hidden;padding:1em 2em;position:relative;text-align:center;width:-webkit-max-content;width:max-content}.ribbon:after,.ribbon:before{border:5em solid #6a5acd;content:"";display:block;position:absolute;top:0;z-index:-1}.ribbon:before{border-left-color:#0000;border-right-color:#0000;right:0}.ribbon:after{border-left-color:#0000;border-right-color:#0000;left:0}.image-container{padding-bottom:56.25%;position:relative;width:100%}.image{height:100%;object-fit:cover;position:absolute;width:100%}@media (max-width:768px){.feature{flex-basis:calc(50% - 40px)}}@media (max-width:480px){.feature{flex-basis:100%;max-width:none}}
/*# sourceMappingURL=main.ae38f953.css.map*/