.header{background-color:#ffffffe6;backdrop-filter:blur(12px);box-shadow:0 1px 3px #0000000d,0 5px 15px -5px #00000005;position:sticky;top:0;z-index:1000;padding:12px 0;transition:padding .3s ease,background-color .3s ease}.header-container{display:flex;align-items:center;justify-content:space-between;max-width:var(--container-w);margin:0 auto;padding:0 24px}.logo-area{display:flex;align-items:center}.logo{height:44px;width:auto;display:block}.header-right{display:flex;align-items:center}.btn-header-shiny{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#ef3c77,#be123c);color:#fff;text-decoration:none;padding:10px 28px;border-radius:99px;font-weight:700;font-size:.9375rem;letter-spacing:.02em;transition:all .3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 4px 12px #ef3c7740,inset 0 1px #fff3;position:relative;overflow:hidden;white-space:nowrap;border:1px solid rgba(255,255,255,.1)}.btn-header-shiny .btn-icon{transition:transform .3s ease}.btn-header-shiny:before{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.4),transparent);transform:skew(-25deg);transition:left .6s ease;pointer-events:none}.btn-header-shiny:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ef3c7759,inset 0 1px #fff3;background:linear-gradient(135deg,#f43f5e,#be123c)}.btn-header-shiny:hover .btn-icon{transform:translate(3px)}.btn-header-shiny:hover:before{left:125%}.btn-header-shiny:focus{outline:none}@media(max-width:768px){.header{padding:10px 0;box-shadow:0 2px 8px #0000000f}.header-container{padding:0 16px}.logo{height:30px}.btn-header-shiny{padding:8px 16px;font-size:.75rem;font-weight:700;gap:4px;box-shadow:0 3px 8px #ef3c7733}.btn-header-shiny .btn-icon{width:14px;height:14px}}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-slide,.swiper-cube-shadow{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top,.swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible{.swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero{position:relative;padding:60px 0;background-color:#f8fafc;overflow-x:hidden;overflow-y:visible;font-family:Noto Sans JP,sans-serif;min-height:500px;display:flex;align-items:center}.cta-area-pro{margin-top:32px;display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:100%}.cta-area-pro>*{pointer-events:auto}.cta-label{font-size:13px;font-weight:800;color:#ef3c77;letter-spacing:.05em;background:#fff;padding:4px 14px;border-radius:99px;box-shadow:0 2px 8px #ef3c771a;border:1px solid #ffe4e6}.cta-label:before{display:none}.btn-hero-azure{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;padding:18px 32px;border-radius:12px;font-size:1.125rem;font-weight:800;box-shadow:0 12px 24px -6px #0284c74d;transition:all .3s cubic-bezier(.34,1.56,.64,1);text-align:center;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid rgba(255,255,255,.2);width:auto}.btn-icon{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.btn-hero-azure:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);transform:skew(-25deg) translate(-150%);transition:transform .7s ease-in-out}.btn-hero-azure:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 20px 40px #0284c766}.btn-hero-azure:hover .btn-icon{transform:translate(8px)}.btn-hero-azure:hover:after{transform:skew(-25deg) translate(150%)}.hero-bg-base{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background:linear-gradient(180deg,#e0f2fe,#f8fafc)}.hero-bg-grid{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background-image:linear-gradient(rgba(14,165,233,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(14,165,233,.1) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(circle at center,#000,#0000 80%);-webkit-mask-image:radial-gradient(circle at center,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 80%)}.hero-bg-blobs{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;pointer-events:none}.blob{position:absolute;border-radius:50%;filter:blur(100px);opacity:.5}.blob-1{width:700px;height:700px;background:radial-gradient(circle,rgba(4,163,248,.2) 0%,transparent 70%);top:-250px;left:-100px;animation:floatSlow 12s infinite alternate ease-in-out}.blob-2{width:600px;height:600px;background:radial-gradient(circle,rgba(1,113,218,.15) 0%,transparent 70%);bottom:-200px;right:-50px;animation:floatSlow 15s infinite alternate-reverse ease-in-out}.blob-3{width:400px;height:400px;background:radial-gradient(circle,rgba(239,60,119,.08) 0%,transparent 70%);top:20%;right:10%;animation:floatSlow 10s infinite alternate ease-in-out}@keyframes floatSlow{0%{transform:translate(0) rotate(0)}to{transform:translate(40px,60px) rotate(10deg)}}.relative{position:relative;z-index:1}.hero-grid-dark{display:grid;grid-template-columns:1fr 1.1fr;width:100%}.hero-text-col{text-align:left;min-width:500px}.season-label{display:flex;align-items:center;gap:12px;margin-bottom:32px;background:#fff;padding:6px 16px;border-radius:99px;width:fit-content;box-shadow:0 4px 12px #0ea5e926;border:1px solid #e0f2fe}.season-dot{width:8px;height:8px;background:#04a3f8;border-radius:50%;box-shadow:0 0 8px #04a3f866}.season-txt{color:#334155;font-size:14px;font-weight:700;letter-spacing:.1em}.hero-heading-pro{margin-bottom:24px;display:flex;flex-direction:column;gap:8px}.text-gradient-azure{font-size:3.5rem;font-weight:900;line-height:1.1;letter-spacing:-.04em;background:linear-gradient(135deg,#04a3f8,#0171da);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-feature-settings:"palt"}.heading-break{display:none;width:100%;height:0}.heading-sub-wrap{font-size:2.5rem;font-weight:700;color:#1e293b;letter-spacing:-.02em}.text-underline-yellow{background:linear-gradient(transparent 70%,#fbbf244d 70%);padding-bottom:2px}.hero-sub-pro{margin-top:32px;display:flex;flex-direction:column;align-items:flex-start;gap:20px;position:relative;z-index:10;max-width:100%}.hero-sub-pro{margin-top:24px;display:flex;flex-direction:column;align-items:flex-start;width:100%}.compact-text-group{display:flex;flex-direction:column;gap:12px}.compact-lead{font-size:1.35rem;font-weight:700;color:#334155;line-height:1.5;letter-spacing:.02em}.compact-impact-row{display:flex;align-items:center;gap:20px;flex-wrap:nowrap;margin-top:8px}.text-highlight-marker{font-size:2.5rem;font-weight:900;color:#0f172a;background:linear-gradient(transparent 65%,#fbbf2466 65%);padding:0 8px;line-height:1;letter-spacing:.02em}.mini-stat-badge{display:inline-flex;align-items:center;gap:6px;background:#fff;border:2px solid #0ea5e9;padding:8px 16px;border-radius:14px;box-shadow:0 8px 20px #0ea5e933;transform:rotate(-3deg);transition:transform .3s ease}.mini-stat-badge:hover{transform:rotate(0) scale(1.05)}.ms-label{font-size:1rem;font-weight:800;color:#475569}.ms-value{font-size:2.25rem;font-weight:900;color:#0ea5e9;line-height:.8;letter-spacing:-.02em;font-style:italic}.ms-excl{color:#ef3c77;font-style:italic;margin-left:2px}.cta-area-pro{margin-top:24px;display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:100%}.cta-label{font-size:14px;font-weight:800;color:#fff;background:#ef3c77;padding:4px 16px;border-radius:99px;box-shadow:0 4px 12px #ef3c7733;border:none;position:relative;z-index:2;animation:bounceSmall 3s infinite ease-in-out}@keyframes bounceSmall{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.cta-label:after{content:"";position:absolute;bottom:-6px;left:20px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #ef3c77}.btn-hero-azure{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;padding:16px 28px;border-radius:10px;font-size:1.125rem;font-weight:800;box-shadow:0 8px 20px -6px #0284c74d;transition:all .3s cubic-bezier(.34,1.56,.64,1);text-align:center;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(255,255,255,.2);width:auto}.benefit-lead-box{display:none}.hero-visual-col{display:flex;align-items:center;justify-content:flex-start;perspective:1000px}.hero-visual-mobile{display:none;width:100%}.hero-visual-desktop{display:block;height:100%}.visual-stage-pro{position:relative;width:40vw;height:40vw;min-width:480px;min-height:480px;max-height:800px;max-width:800px}.growth-path-pro{stroke-dasharray:1200;filter:drop-shadow(0 4px 8px rgba(14,165,233,.3))}.step-wrapper{position:absolute;z-index:1;display:flex;opacity:0}.pos-1{bottom:6.33vw;left:0}.pos-2{top:45%;left:64%;z-index:10}.pos-3{top:0%;left:20%}.step-card-pro{width:22vw;height:auto;min-width:240px;max-width:400px;background:transparent;border-radius:12px;box-shadow:0 10px 30px -10px #94a3b84d;display:flex;flex-direction:column;overflow:hidden;border:none}.card-pro-main{width:20vw;min-width:260px;max-width:400px;box-shadow:0 20px 50px -12px #0284c766}.card-pro-main .card-ui-img{width:100%;aspect-ratio:3 / 2}.card-pro-main .card-ui-img img{width:100%;height:100%;object-fit:cover;display:block}.card-ui-img{flex:1;position:relative;padding:0;background:transparent}.card-ui-img img{width:100%;height:100%;object-fit:contain;border-radius:12px}.search-ui-skeleton{width:100%;display:flex;flex-direction:column;gap:12px}.sk-bar{height:12px;background:#e2e8f0;border-radius:4px;width:100%}.search-bar{background:#f1f5f9;border:1px solid #e2e8f0;height:20px;border-radius:6px;position:relative}.search-bar:after{content:"🔍";position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:10px;opacity:.5}.sk-list{display:flex;flex-direction:column;gap:8px}.sk-line{height:8px;background:#f1f5f9;border-radius:4px;width:80%}.sk-line:nth-child(2){width:60%}.sk-ad-block{background:#fff;border:1px solid #bae6fd;border-radius:8px;padding:8px;margin-top:4px;box-shadow:0 4px 12px #0284c714;display:flex;flex-direction:column;gap:6px;position:relative}.ad-badge{font-size:8px;font-weight:800;color:#fff;background:#cbd5e1;padding:1px 4px;border-radius:2px;width:fit-content}.sk-tag-highlight{font-size:10px;font-weight:800;color:#0284c7;display:block;margin-top:2px}.lp-ui-skeleton{width:100%;height:100%;display:flex;flex-direction:column}.lp-hero-area{flex:1;background:linear-gradient(180deg,#e0f2fe,#fff);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1px dashed #bae6fd}.gift-icon-wrap{width:48px;height:48px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #0284c726;color:#0284c7}.gift-svg{stroke:#0284c7}.lp-lines{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.lp-line{width:40px;height:4px;background:#cbd5e1;border-radius:2px}.lp-btn{font-size:10px;font-weight:800;color:#fff;background:#0ea5e9;padding:4px 12px;border-radius:99px;box-shadow:0 2px 4px #0ea5e94d}.result-ui-skeleton{display:flex;flex-direction:column;align-items:center;gap:12px}.happy-face-wrap{position:relative;color:#10b981}.smile-svg{stroke:#10b981;width:56px;height:56px}.sparkles{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.sparkles span{position:absolute;color:#f59e0b;font-size:14px;animation:pulse 2s infinite}.sparkles span:nth-child(1){top:-5px;right:-5px;animation-delay:.2s}.sparkles span:nth-child(2){bottom:0;left:-5px;animation-delay:.5s;font-size:10px}@keyframes pulse{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.result-label{font-size:14px;font-weight:800;color:#0f172a;background:#d1fae5;padding:4px 12px;border-radius:99px;color:#047857}.stat-bubble{position:absolute;background:#fff;border-radius:1vw;padding:.6vw 1.1vw;display:flex;flex-direction:column;align-items:center;box-shadow:0 10px 25px -5px #33415533;z-index:12;min-width:4.17vw;border:1px solid #f1f5f9;opacity:0}.bubble-1{top:-1.83vw;right:-.83vw;transform:rotate(-8deg)}.bubble-2{bottom:-.83vw;right:-1.67vw;transform:rotate(6deg);border-color:#bae6fd}.bubble-3{top:-1.83vw;right:-.83vw;transform:rotate(-4deg)}.sb-lab{font-size:.7vw;font-weight:700;color:#64748b;margin-bottom:.15vw}.sb-val{font-size:1.1vw;font-weight:900;color:#0f172a;display:flex;align-items:center;gap:.25vw}.sb-val.accent{color:#0284c7}@media(max-width:900px){.hero .container{max-width:100%;width:100%}.hero{padding:20px 0 24px;min-height:auto;align-items:flex-start}.hero-grid-dark{display:flex;flex-direction:column;gap:16px}.hero-text-col{text-align:center;align-items:center;display:flex;flex-direction:column;min-width:100%}.season-label{margin-bottom:12px;transform:scale(.9)}.text-gradient-azure{font-size:1.75rem;line-height:1.2}.heading-sub-wrap{font-size:1.15rem;margin-top:2px}.heading-break{display:block}.hero-heading-pro{margin-bottom:12px}.hero-sub-pro{padding:0;margin-bottom:12px;display:flex;flex-direction:column;align-items:center;gap:6px}.compact-lead{font-size:.9rem}.compact-impact-row{justify-content:center;gap:8px;margin-top:4px}.text-highlight-marker{font-size:1.5rem;padding:0 4px}.mini-stat-badge{padding:6px 12px;border-width:2px;border-radius:12px}.ms-label{font-size:.85rem}.ms-value{font-size:1.4rem}.cta-area-pro{width:100%;align-items:center;margin-top:8px;gap:10px}.cta-label{font-size:11px;padding:2px 10px}.btn-hero-azure{padding:12px 24px;font-size:1rem;width:100%;max-width:300px;min-height:48px}.hero-visual-col{height:auto;padding:20px 0 40px;width:calc(100% + 48px);margin-left:-24px;margin-right:-24px;transform:none;overflow:visible;margin-top:0}.hero-visual-mobile{display:block}.hero-visual-desktop{display:none}.hero-swiper{width:100%;padding:40px 0 50px}.hero-swiper .swiper-wrapper{align-items:center}.hero-swiper .swiper-slide{display:flex;justify-content:center;align-items:center;height:auto;overflow:visible}.step-wrapper-mobile{width:90%;max-width:320px}.step-wrapper-mobile .card-ui-img{position:relative;width:100%;border-radius:12px;overflow:hidden;box-shadow:0 6px 16px #0000001a}.step-wrapper-mobile .card-ui-img img{width:100%;height:auto;display:block;border-radius:12px}.stat-bubble-mobile{position:absolute;bottom:12px;left:4px;right:auto;background:#fff;border-radius:14px;padding:8px 14px;min-width:80px;display:flex;flex-direction:column;align-items:center;gap:0px;box-shadow:0 4px #0284c733,0 8px 16px #0000001a;border:2px solid #0ea5e9;transform:rotate(-4deg);z-index:10}.stat-bubble-mobile .sb-lab{font-size:10px;font-weight:800;color:#475569}.stat-bubble-mobile .sb-val{font-size:18px;font-weight:900;display:flex;align-items:center;gap:2px;line-height:1;color:#0284c7;text-shadow:2px 2px 0px rgba(224,242,254,1)}.stat-bubble-mobile .sb-val svg{width:16px;height:16px;stroke-width:3px}}.product-intro-section{padding:5rem 0 1rem;background:#fff;position:relative;overflow:hidden}.product-intro-bg-deco{display:none}.product-intro-header{text-align:center;margin-bottom:3.5rem}.pi-subtitle{display:block;font-size:.875rem;font-weight:700;color:var(--c-text-sub);letter-spacing:.1em;margin-bottom:.5rem;font-family:sans-serif}.pi-title{font-size:2.25rem;font-weight:800;color:var(--c-text-main);line-height:1.3}.text-gradient{background:var(--grad-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.product-intro-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem;max-width:960px;margin:0 auto}.product-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 10px 15px -3px #00000008,0 0 0 1px #00000005;position:relative;display:flex;flex-direction:column}.card-badge{position:absolute;top:1.5rem;left:1.5rem;background:#fffffff2;backdrop-filter:blur(4px);padding:.5rem 1rem;border-radius:99px;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 8px #00000014;z-index:10;font-size:.875rem;font-weight:700;color:var(--c-primary);border:1px solid rgba(0,103,184,.1)}.card-badge.badge-red{color:var(--c-accent);border-color:#ef3c771a}.badge-icon{display:flex;align-items:center}.product-image-area{width:100%;height:220px;background-color:#f1f5f9;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.img-glow{position:absolute;width:60%;height:60%;border-radius:50%;filter:blur(60px);opacity:.4;top:50%;left:50%;transform:translate(-50%,-50%)}.glow-blue{background-color:#0f3193}.glow-pink{background-color:#008cd6}.main-img{width:50%;height:auto;position:relative;z-index:2;filter:drop-shadow(0 10px 20px rgba(0,0,0,.15))}.card-digital .product-image-area{align-items:flex-end;justify-content:center;padding-top:0}.card-digital .main-img{width:30%;height:auto;transform:translate3d(0,30%,0);margin-bottom:0;filter:drop-shadow(0 15px 40px rgba(0,0,0,.25))}.product-content{padding:20px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.pt-sub{display:block;font-size:.875rem;color:var(--c-text-sub);font-weight:700;margin-bottom:.25rem}.product-title{font-size:1.5rem;font-weight:800;color:var(--c-text-main);margin-bottom:.75rem;line-height:1.2}.product-desc-simple{font-size:1rem;color:var(--c-text-sub);line-height:1.6;font-weight:500}@media(max-width:768px){.product-intro-section{padding:3.5rem 0 4rem}.pi-title{font-size:1.75rem}.product-intro-grid{grid-template-columns:1fr;gap:2rem}.main-img{width:50%}.card-digital .main-img{width:35%;transform:translate3d(0,30%,0);margin-bottom:0}.product-content{padding:1.5rem}}.case-section{padding:60px 0 100px;background-color:#fff}.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;max-width:960px;margin:0 auto}.case-card{background:#fff;border-radius:20px;border:1px solid #f1f5f9;overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.card-visual{position:relative;background-color:#f1f5f9;background-size:cover;background-position:center;aspect-ratio:16 / 9}.visual-re{background-image:url(/images/visit-campaign-realestate.webp)}.visual-car{background-image:url(/images/bike.webp)}.visual-tag{position:absolute;top:16px;left:16px;background:#0f172ae6;backdrop-filter:blur(4px);color:#fff;font-size:12px;font-weight:700;padding:4px 12px;border-radius:4px}.card-content{padding:32px;flex:1;display:flex;flex-direction:column}.card-head{font-size:1.125rem;font-weight:700;line-height:1.6;color:#1e293b;margin-bottom:24px;flex:1}.cta-wrapper-center{text-align:center;margin-top:40px}.btn-accent-wide{background:linear-gradient(135deg,#ef3c77,#be123c);color:#fff;padding:24px 60px;border-radius:50px;font-size:1.25rem;box-shadow:0 10px 25px -5px #ef3c774d;transition:all .3s cubic-bezier(.34,1.56,.64,1);font-weight:700;max-width:640px;display:inline-flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden;text-align:center;text-decoration:none;line-height:1.4}.btn-accent-wide .btn-text{line-height:1.4}@media(max-width:768px){.case-section{padding:40px 0 60px}.case-grid{grid-template-columns:1fr;gap:30px}.case-card{box-shadow:var(--shadow-md)}}.delivery-section{padding:100px 0;background:linear-gradient(135deg,#04a3f8,#0171da);color:#fff}.header-box{text-align:center;margin-bottom:60px}.section-title-d{font-size:2.5rem;font-weight:800;color:#fff;margin-bottom:16px;letter-spacing:-.02em;text-shadow:0 2px 4px rgba(0,0,0,.1)}.lead-text{font-size:1.5rem;font-weight:700;color:#ffffffe6}.delivery-container{max-width:960px;margin:0 auto 60px}.delivery-panel{background:#fff;border-radius:24px;padding:40px;box-shadow:0 20px 40px -5px #0003;margin-bottom:40px;border:none}.panel-header{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:30px}.icon-badge{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center}.icon-badge.pay{background:#e0f2fe;color:#0171da}.icon-badge.card{background:#f1f5f9;color:#64748b}.panel-title{font-size:1.5rem;font-weight:700;color:#1e293b}.text-marker{background:linear-gradient(transparent 70%,#e0f2fe 70%);padding:0 4px}.panel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.panel-grid.grid-2{grid-template-columns:repeat(2,1fr);max-width:640px;margin-left:auto;margin-right:auto}.info-card{border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;background:#fff}.info-card.highlight{border:2px solid #04a3f8;position:relative;background:#f0f9ff}.info-head{background:#0f172a;color:#fff;padding:10px;text-align:center;font-weight:700;font-size:1rem}.info-body{padding:24px 16px;flex:1;text-align:center;color:#334155}.center-v{display:flex;flex-direction:column;justify-content:center}.info-body-blue{background:#0171da;color:#fff;padding:24px 16px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.time-display{display:flex;align-items:baseline;justify-content:center;gap:4px}.label{font-size:.875rem;font-weight:700;color:#475569}.val-xl,.val-lg{color:#0171da;font-weight:900;line-height:1}.val-xl{font-size:2.25rem;letter-spacing:-.05em}.val-lg{font-size:1.75rem;letter-spacing:-.05em}.val-md{font-size:1.125rem;font-weight:800;color:#1e293b}.note-ref{font-size:.65em;font-weight:400;color:#64748b;margin-left:2px}.divider{border:none;height:1px;background:#e2e8f0;margin:16px 0}.contact-label{font-size:.875rem;margin-bottom:8px;line-height:1.4;color:#fff}.contact-num{display:flex;align-items:center;gap:6px;font-size:1.25rem;font-weight:700;background:#fff3;padding:6px 12px;border-radius:8px;margin-bottom:4px;color:#fff}.contact-sub{font-size:.75rem;opacity:.8;color:#fff}.contact-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;text-decoration:none;padding:12px 20px;border-radius:50px;font-weight:700;font-size:.9375rem;margin-top:8px;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 10px #0171da33;width:100%;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.note-box{font-size:.75rem;color:#64748b;background:#f8fafc;padding:16px;border-radius:8px;line-height:1.5;text-align:left}.note-box p{margin-bottom:4px}.cta-area{text-align:center}.btn-brand-wide{background:#fff;color:#0171da;padding:24px 60px;border-radius:50px;font-size:1.25rem;box-shadow:0 10px 25px -5px #0003;transition:all .3s cubic-bezier(.34,1.56,.64,1);font-weight:700;max-width:640px;display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;text-align:center;text-decoration:none;line-height:1.4;width:100%}.btn-brand-wide .btn-text{line-height:1.4}.btn-brand-wide .btn-icon{transition:transform .3s cubic-bezier(.34,1.56,.64,1);flex-shrink:0}.btn-brand-wide:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,transparent 0%,rgba(1,113,218,.1) 50%,transparent 100%);transform:skew(-25deg) translate(-150%);transition:transform .7s ease-in-out}.btn-brand-wide:hover{transform:translateY(-2px);box-shadow:0 15px 30px -5px #0000004d;background:#f8fafc}.btn-brand-wide:hover .btn-icon{transform:translate(6px)}.btn-brand-wide:hover:after{transform:skew(-25deg) translate(150%)}@media(max-width:768px){.panel-grid,.panel-grid.grid-2{grid-template-columns:1fr}.delivery-panel{padding:24px}.section-title-d{font-size:1.75rem}.lead-text{font-size:1.125rem}.panel-header{flex-direction:column;gap:12px;text-align:center;background:#f8fafc;padding:16px;border-radius:12px;margin:-10px -10px 20px}.icon-badge{width:60px;height:60px;background:#fff!important;box-shadow:0 4px 6px #0000000d;border:2px solid #e2e8f0}.panel-title{font-size:1.15rem;line-height:1.4}.text-marker{background:linear-gradient(transparent 60%,#ff0 60%);font-weight:800}}.original-section{padding:100px 0;background-color:#fff;text-align:center;overflow:hidden}.feature-block{background:linear-gradient(120deg,#e0f2fe,#f0f9ff);position:relative;border-radius:30px;padding:50px 60px;margin-bottom:80px;max-width:960px;margin-left:auto;margin-right:auto;box-shadow:0 20px 40px -10px #0ea5e926,inset 0 0 0 1px #fffc;overflow:hidden;display:flex;align-items:center;justify-content:space-between}.feature-block:before{content:"";position:absolute;top:-10%;left:-5%;width:300px;height:300px;background:radial-gradient(circle,rgba(14,165,233,.1) 0%,transparent 70%);z-index:0}.feature-grid{display:flex;align-items:center;width:100%;z-index:2;position:relative}.text-col{flex:1;text-align:left;max-width:65%}.lead-msg-box{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.lead-sub{font-size:1.25rem;font-weight:700;color:#334155;background:#fff9;padding:4px 12px;border-radius:8px;backdrop-filter:blur(4px);display:inline-block}.lead-main{font-size:2.25rem;font-weight:900;line-height:1.2;color:#fff;background:linear-gradient(135deg,#0067b8,#0ea5e9);padding:16px 24px;border-radius:16px;box-shadow:0 10px 25px -5px #0284c74d,0 4px 10px -2px #0284c71a;letter-spacing:-.02em;transform:rotate(-1deg);display:inline-block;border:2px solid #fff}.visual-col-spacer{flex:0 0 300px;height:0}.pay-visual-image{position:absolute;top:40px;right:100px;width:300px;z-index:10;transition:transform .3s ease;@media(max-width:768px){top:180px;width:260px}}.pay-visual-image img{width:100%;height:auto;display:block;filter:drop-shadow(0 15px 30px rgba(15,23,42,.15));transform:rotate(2deg)}.feature-block:hover .pay-visual-image{transform:translateY(-50px) rotate(5deg) scale(.8);@media(max-width:768px){transform:translate(50%) translateY(10px)}}.feature-block-card{margin-bottom:30px;max-width:900px;margin-left:auto;margin-right:auto}.card-sub-head{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:30px;display:flex;align-items:center;justify-content:center;gap:10px}.inline-icon{color:#0067b8}.marquee-wrapper{overflow:hidden;margin-bottom:40px;width:100%;position:relative;height:160px;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.marquee-content{display:flex;gap:24px;width:max-content;align-items:center;height:100%}.gallery-item{border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #00000026;flex-shrink:0;overflow:hidden;background:#fff}.gallery-item img{width:100%;height:100%;object-fit:cover;border-radius:12px}.gallery-item.horizontal{width:180px;height:122px}.gallery-item.vertical{width:122px;height:180px}.delivery-list-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.list-item{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.item-head{background:#f1f5f9;padding:10px;font-weight:700;color:#475569;border-bottom:1px solid #e2e8f0}.item-body{padding:20px;display:flex;flex-direction:column;align-items:center;flex:1}.sub{font-size:.75rem;color:#64748b;margin-bottom:4px}.main{font-size:1.125rem;font-weight:700;color:#0067b8}.item-body-blue{padding:20px;background:#0067b8;color:#fff;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.sub-w{font-size:.75rem;margin-bottom:4px;opacity:.9}.tel-num{font-size:1.125rem;font-weight:700}.center-v{display:flex;flex-direction:column;justify-content:center;width:100%}.cond-text{font-size:.75rem;color:#64748b;margin-bottom:4px;font-weight:700}.contact-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;text-decoration:none;padding:12px 16px;border-radius:50px;font-weight:700;font-size:.9375rem;margin-top:8px;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 10px #0171da33;width:100%;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.contact-btn .btn-icon{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.contact-btn:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);transform:skew(-25deg) translate(-150%);transition:transform .7s ease-in-out}.contact-btn:hover{background:linear-gradient(135deg,#0284c7,#0369a1);transform:translateY(-2px);box-shadow:0 8px 20px #0171da4d}.contact-btn:hover .btn-icon{transform:translate(4px)}.contact-btn:hover:after{transform:skew(-25deg) translate(150%)}.btn-accent-wide{background:linear-gradient(135deg,#ef3c77,#be123c);color:#fff;padding:24px 60px;border-radius:50px;font-size:1.25rem;box-shadow:0 10px 25px -5px #ef3c774d;transition:all .3s cubic-bezier(.34,1.56,.64,1);font-weight:700;max-width:640px;display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;text-align:center;text-decoration:none;line-height:1.4;width:100%}.btn-accent-wide .btn-icon{transition:transform .3s cubic-bezier(.34,1.56,.64,1);flex-shrink:0}.btn-accent-wide:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);transform:skew(-25deg) translate(-150%);transition:transform .7s ease-in-out}.btn-accent-wide:hover{transform:translateY(-2px);box-shadow:0 15px 30px -5px #ef3c7766;background:linear-gradient(135deg,#be123c,#9f1239)}.btn-accent-wide:hover .btn-icon{transform:translate(6px)}.btn-accent-wide:hover:after{transform:skew(-25deg) translate(150%)}.caution-text{font-size:.75rem;color:#64748b;text-align:left;line-height:1.6}.readymade-panel{border:2px dashed #cbd5e1;border-radius:20px;padding:30px;display:flex;align-items:center;justify-content:center;gap:40px;max-width:680px;margin:0 auto 80px;transition:all .2s;background:#fff}.readymade-panel:hover{border-color:#0067b8;background:#f8fafc}.rm-content{text-align:left}.rm-desc{font-weight:700;color:#1e293b;margin-bottom:4px}.rm-strong{font-size:1.25rem;font-weight:800;background:#ff0;display:inline-block;color:#0f172a}.rm-card-stack{position:relative;width:260px;height:140px;flex-shrink:0}.rm-card-1,.rm-card-2{position:absolute;width:160px;height:auto;border-radius:8px;box-shadow:0 4px 12px #00000026;transition:transform .3s ease}.rm-card-2{top:10px;left:0;z-index:1;transform:rotate(-6deg)}.rm-card-1{top:0;right:0;z-index:2;transform:rotate(4deg)}.readymade-panel:hover .rm-card-2{transform:rotate(-12deg) translate(-10px)}.readymade-panel:hover .rm-card-1{transform:rotate(8deg) translate(10px)}.cta-wrapper-center{text-align:center}@media(max-width:768px){.feature-block{padding:32px 20px 0;flex-direction:column;align-items:center;text-align:center;overflow:hidden;min-height:460px}.feature-grid{display:block;width:100%;position:relative;z-index:5}.text-col{max-width:100%;width:100%;margin-bottom:0}.lead-msg-box{align-items:center;gap:8px;width:100%}.lead-sub{font-size:.9rem;background:#fffc;padding:4px 10px}.lead-main{text-align:center;font-size:1.725rem;padding:10px 16px;width:auto;max-width:100%;transform:rotate(0);box-shadow:0 8px 16px #0284c733;line-height:1.3}.visual-col-spacer{display:none}.pay-visual-image{position:absolute;bottom:-140px;right:50%;transform:translate(50%);width:280px;z-index:1;margin:0;pointer-events:none}.pay-visual-image img{transform:none;filter:drop-shadow(0 10px 30px rgba(15,23,42,.2))}.delivery-list-grid{grid-template-columns:1fr}.readymade-panel{flex-direction:column;gap:40px;text-align:center;padding-bottom:40px}.rm-content{text-align:center}.rm-desc{font-size:.85rem}.card-sub-head{display:block;text-align:center;font-size:1.35rem;line-height:1.6}.card-sub-head .inline-icon{display:inline-block;vertical-align:-3px;margin-right:8px;margin-bottom:0}}.faq-section{background-color:#f8fafc;padding:80px 0}.section-title{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:40px}.title-icon{color:#1183c7;width:32px;height:32px}.faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 2px 4px #00000005;transition:box-shadow .2s}.faq-item:hover{box-shadow:0 4px 12px #0000000d}.faq-question{width:100%;padding:20px;display:flex;align-items:flex-start;gap:16px;cursor:pointer;background:#fff;border:none;text-align:left;font-family:inherit}.faq-question:hover{background-color:#f8fafc}.q-mark{background:#1183c7;color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.q-text{flex:1;font-size:16px;font-weight:700;color:#333;margin-top:2px;line-height:1.5}.chevron{color:#94a3b8;transition:transform .3s ease;flex-shrink:0}.chevron.open{transform:rotate(180deg)}.faq-answer{background:#f1f5f9;border-top:1px solid #f1f5f9}.a-content{padding:20px}.a-content p{font-size:15px;line-height:1.7;color:#475569}@media(max-width:768px){.faq-question{padding:16px;gap:12px}.a-content{padding:16px}.q-text{font-size:15px}}.footer{background-color:#fff;color:#333;padding:60px 0 100px}.footer-content{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.footer-tagline{font-size:14px;color:#666;letter-spacing:.1em}.footer-logo img{height:40px;width:auto}.copyright{font-size:11px;color:#999;margin-top:8px}@media(max-width:768px){.footer{padding:40px 0 80px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--c-primary: #0067b8;--c-primary-light: #e0f2fe;--c-primary-dark: #004d8a;--c-accent: #ef3c77;--c-success: #10b981;--c-text-main: #0f172a;--c-text-sub: #475569;--c-bg: #f8fafc;--c-white: #ffffff;--grad-main: linear-gradient(135deg, #0067b8 0%, #0284c7 100%);--grad-accent: linear-gradient(135deg, #ef3c77 0%, #be123c 100%);--grad-surface: linear-gradient(to bottom, #ffffff 0%, #f1f5f9 100%);--grad-glow: radial-gradient(circle at center, rgba(0, 103, 184, .15) 0%, transparent 70%);--shadow-xs: 0 1px 2px rgba(0,0,0,.05);--shadow-sm: 0 4px 6px -1px rgba(0,0,0,.05), 0 2px 4px -1px rgba(0,0,0,.03);--shadow-md: 0 10px 15px -3px rgba(0,0,0,.08), 0 4px 6px -2px rgba(0,0,0,.04);--shadow-lg: 0 20px 25px -5px rgba(0,0,0,.1), 0 10px 10px -5px rgba(0,0,0,.04);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 32px;--container-w: 1080px}body{font-family:Noto Sans JP,sans-serif;background-color:var(--c-bg);color:var(--c-text-main);line-height:1.6;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit;transition:all .2s ease}img{max-width:100%;height:auto;display:block}.container{max-width:1200px;margin:0 auto;padding:0 24px}.text-gradient{background:var(--grad-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.font-bold{font-weight:700}.text-center{text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;font-weight:700;border-radius:999px;cursor:pointer;transition:transform .2s,box-shadow .2s;letter-spacing:.02em;@media(max-width:768px){padding:24px 20px}}.btn:active{transform:translateY(1px)}.btn-main{background:var(--grad-accent);color:#fff;box-shadow:0 4px 12px #ef3c774d;border:2px solid transparent}.btn-main:hover{transform:translateY(-2px);box-shadow:0 8px 16px #ef3c7766}.btn-sub{background:var(--c-white);color:var(--c-primary);border:2px solid var(--c-primary);box-shadow:var(--shadow-sm)}.btn-sub:hover{background:var(--c-primary-light);transform:translateY(-2px)}.btn-wide{width:100%;max-width:500px;padding:18px;font-size:1.125rem}.section-title{font-size:2.5rem;font-weight:800;text-align:center;margin-bottom:3rem;color:var(--c-text-main);position:relative;letter-spacing:-.02em}.sp-only{display:none}@media(max-width:768px){.sp-only{display:block}.pc-only{display:none}.section-title{font-size:1.45rem;margin-bottom:2rem}}.case-card,.delivery-panel,.section{content-visibility:auto;contain-intrinsic-size:auto 500px}.hero-bg-base,.hero-bg-grid,.hero-bg-blobs{will-change:opacity;backface-visibility:hidden}.btn,a,button{touch-action:manipulation}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}main[data-astro-cid-j7pv25f6]{width:100%;background-color:#fff}.hero-placeholder[data-astro-cid-j7pv25f6],.section-placeholder[data-astro-cid-j7pv25f6]{contain:layout style}.case-study-placeholder[data-astro-cid-j7pv25f6]{min-height:500px;background-color:#f8fafc}.delivery-placeholder[data-astro-cid-j7pv25f6]{min-height:600px;background-color:#f8fafc}.original-design-placeholder[data-astro-cid-j7pv25f6]{min-height:800px;background-color:#fff}@media(max-width:900px){.hero-placeholder[data-astro-cid-j7pv25f6]{min-height:900px}.case-study-placeholder[data-astro-cid-j7pv25f6]{min-height:700px}.delivery-placeholder[data-astro-cid-j7pv25f6]{min-height:1200px}.original-design-placeholder[data-astro-cid-j7pv25f6]{min-height:1000px}}